@sunbird-cb/consumption 0.0.14 → 0.0.16
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.
- package/bundles/sunbird-cb-consumption.umd.js +259 -40
- package/bundles/sunbird-cb-consumption.umd.js.map +1 -1
- package/bundles/sunbird-cb-consumption.umd.min.js +1 -1
- package/bundles/sunbird-cb-consumption.umd.min.js.map +1 -1
- package/esm2015/lib/_common/announcements/announcements.component.js +39 -0
- package/esm2015/lib/_common/announcements/announcements.module.js +21 -0
- package/esm2015/lib/_common/cards/card-mdo-channel/card-mdo-channel.component.js +128 -0
- package/esm2015/lib/_common/cards/card-user/card-user.component.js +2 -2
- package/esm2015/lib/_common/cards/cards.module.js +12 -3
- package/esm2015/lib/_common/content-strip-with-tabs-lib/content-strip-with-tabs-lib.component.js +3 -3
- package/esm2015/lib/_common/data-points/data-points.component.js +3 -3
- package/esm2015/lib/_common/horizontal-scroller-v2/horizontal-scroller-v2.component.js +11 -3
- package/esm2015/lib/_common/pills/pills.component.js +1 -1
- package/esm2015/lib/_common/sliders/sliders.component.js +2 -2
- package/esm2015/lib/_common/sliders/sliders.model.js +7 -1
- package/esm2015/lib/_common/user-content-rating/user-content-rating-lib.component.js +7 -1
- package/esm2015/lib/consumption.module.js +4 -2
- package/esm2015/public-api.js +2 -1
- package/esm2015/sunbird-cb-consumption.js +31 -29
- package/esm5/lib/_common/announcements/announcements.component.js +49 -0
- package/esm5/lib/_common/announcements/announcements.module.js +25 -0
- package/esm5/lib/_common/cards/card-mdo-channel/card-mdo-channel.component.js +131 -0
- package/esm5/lib/_common/cards/card-user/card-user.component.js +2 -2
- package/esm5/lib/_common/cards/cards.module.js +12 -3
- package/esm5/lib/_common/content-strip-with-tabs-lib/content-strip-with-tabs-lib.component.js +3 -3
- package/esm5/lib/_common/data-points/data-points.component.js +3 -3
- package/esm5/lib/_common/horizontal-scroller-v2/horizontal-scroller-v2.component.js +11 -3
- package/esm5/lib/_common/pills/pills.component.js +1 -1
- package/esm5/lib/_common/sliders/sliders.component.js +2 -2
- package/esm5/lib/_common/sliders/sliders.model.js +7 -1
- package/esm5/lib/_common/user-content-rating/user-content-rating-lib.component.js +7 -1
- package/esm5/lib/consumption.module.js +4 -2
- package/esm5/public-api.js +2 -1
- package/esm5/sunbird-cb-consumption.js +31 -29
- package/fesm2015/sunbird-cb-consumption.js +216 -14
- package/fesm2015/sunbird-cb-consumption.js.map +1 -1
- package/fesm5/sunbird-cb-consumption.js +230 -14
- package/fesm5/sunbird-cb-consumption.js.map +1 -1
- package/lib/_common/announcements/announcements.component.d.ts +7 -0
- package/lib/_common/announcements/announcements.module.d.ts +2 -0
- package/lib/_common/cards/card-mdo-channel/card-mdo-channel.component.d.ts +19 -0
- package/lib/_common/sliders/sliders.model.d.ts +6 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
- package/sunbird-cb-consumption.d.ts +29 -27
- package/sunbird-cb-consumption.metadata.json +1 -1
|
@@ -3,7 +3,7 @@ import { CommonModule, DatePipe } from '@angular/common';
|
|
|
3
3
|
import { Router, RouterModule } from '@angular/router';
|
|
4
4
|
import { fromEvent, timer, BehaviorSubject, of, EMPTY, ReplaySubject, Subject, throwError, interval } from 'rxjs';
|
|
5
5
|
import { debounceTime, throttleTime, shareReplay, retry, map, catchError, filter, distinctUntilChanged } from 'rxjs/operators';
|
|
6
|
-
import { ValueService, ConfigurationsService as ConfigurationsService$1, WsEvents, LoggerService, EventService, UtilityService } from '@sunbird-cb/utils-v2';
|
|
6
|
+
import { ValueService, ConfigurationsService as ConfigurationsService$1, WsEvents, LoggerService, EventService, UtilityService, MultilingualTranslationsService as MultilingualTranslationsService$1 } from '@sunbird-cb/utils-v2';
|
|
7
7
|
import { MatButtonModule, MatIconModule, MatProgressSpinnerModule, MatToolbarModule, MatTooltipModule, MatListModule, MatSidenavModule, MatCardModule, MatExpansionModule, MatRadioModule, MatChipsModule, MatInputModule, MatFormFieldModule, MatDialogModule, MatSnackBarModule, MatSelectModule, MatDatepickerModule, MatNativeDateModule, MatTableModule, MatCheckboxModule, MatButtonToggleModule, MatTabsModule, MatAutocompleteModule, MatSnackBar, MatMenuModule, MatRippleModule } from '@angular/material';
|
|
8
8
|
import { __awaiter } from 'tslib';
|
|
9
9
|
import { WidgetBaseComponent, SbUiResolverModule } from '@sunbird-cb/resolver-v2';
|
|
@@ -168,7 +168,11 @@ class HorizontalScrollerV2Component {
|
|
|
168
168
|
left: this.horizontalScrollElem.nativeElement.scrollLeft - clientWidth,
|
|
169
169
|
behavior: 'smooth',
|
|
170
170
|
});
|
|
171
|
-
|
|
171
|
+
/** @type {?} */
|
|
172
|
+
const elem = this.horizontalScrollElem.nativeElement;
|
|
173
|
+
if (elem.scrollLeft !== 0 && (elem.scrollWidth !== elem.clientWidth + elem.scrollLeft)) {
|
|
174
|
+
this.activeNav -= 1;
|
|
175
|
+
}
|
|
172
176
|
}
|
|
173
177
|
}
|
|
174
178
|
/**
|
|
@@ -185,7 +189,11 @@ class HorizontalScrollerV2Component {
|
|
|
185
189
|
left: this.horizontalScrollElem.nativeElement.scrollLeft + clientWidth,
|
|
186
190
|
behavior: 'smooth',
|
|
187
191
|
});
|
|
188
|
-
|
|
192
|
+
/** @type {?} */
|
|
193
|
+
const elem = this.horizontalScrollElem.nativeElement;
|
|
194
|
+
if (elem.scrollLeft !== 0 && (elem.scrollWidth !== elem.clientWidth + elem.scrollLeft)) {
|
|
195
|
+
this.activeNav += 1;
|
|
196
|
+
}
|
|
189
197
|
}
|
|
190
198
|
}
|
|
191
199
|
/**
|
|
@@ -4681,7 +4689,7 @@ class ContentStripWithTabsLibComponent extends WidgetBaseComponent {
|
|
|
4681
4689
|
// console.log('calling after - response, ', response)
|
|
4682
4690
|
if (response && response.results) {
|
|
4683
4691
|
// console.log('calling after-- ')
|
|
4684
|
-
if (response.results.result.content) {
|
|
4692
|
+
if (response.results.result.content && response.results.result.content.length) {
|
|
4685
4693
|
this.processStrip(strip, this.transformContentsToWidgets(response.results.result.content, strip), 'done', calculateParentStatus, response.viewMoreUrl);
|
|
4686
4694
|
}
|
|
4687
4695
|
else {
|
|
@@ -4724,7 +4732,7 @@ class ContentStripWithTabsLibComponent extends WidgetBaseComponent {
|
|
|
4724
4732
|
// console.log('calling after - response, ', response)
|
|
4725
4733
|
if (response && response.results) {
|
|
4726
4734
|
// console.log('calling after-- ')
|
|
4727
|
-
if (response.results.result.content) {
|
|
4735
|
+
if (response.results.result.content && response.results.result.content.length) {
|
|
4728
4736
|
this.processStrip(strip, this.transformContentsToWidgets(response.results.result.content, strip), 'done', calculateParentStatus, response.viewMoreUrl);
|
|
4729
4737
|
}
|
|
4730
4738
|
else {
|
|
@@ -5131,7 +5139,7 @@ class SlidersLibComponent extends WidgetBaseComponent {
|
|
|
5131
5139
|
SlidersLibComponent.decorators = [
|
|
5132
5140
|
{ type: Component, args: [{
|
|
5133
5141
|
selector: 'sb-uic-sliders',
|
|
5134
|
-
template: "<div class=\"banner-container {{isMobile? styleData?.responsive?.bannerMetaClass : styleData?.bannerMetaClass}}\" (swipeleft)=\"slideTo(currentIndex + 1)\" (swiperight)=\"slideTo(currentIndex - 1)\"\n *ngIf=\"widgetData?.length > 1\" [style.height]=\"isMobile? styleData?.responsive?.customHeight : styleData?.customHeight\"\n [ngStyle]=\"{'border-radius': styleData?.borderRadius || '12px'}\">\n <a (click)=\"raiseTelemetry(widgetData[currentIndex].redirectUrl)\"\n [routerLink]=\" !isOpenInNewTab && widgetData[currentIndex].redirectUrl? widgetData[currentIndex].redirectUrl : null\"
|
|
5142
|
+
template: "<div class=\"banner-container {{isMobile? styleData?.responsive?.bannerMetaClass : styleData?.bannerMetaClass}}\" (swipeleft)=\"slideTo(currentIndex + 1)\" (swiperight)=\"slideTo(currentIndex - 1)\"\n *ngIf=\"widgetData?.length > 1\" [style.height]=\"isMobile? styleData?.responsive?.customHeight : styleData?.customHeight\"\n [ngStyle]=\"{'border-radius': styleData?.borderRadius || '12px'}\">\n <a (click)=\"raiseTelemetry(widgetData[currentIndex].redirectUrl)\"\n class=\"banner-overlay {{widgetData[currentIndex] && widgetData[currentIndex].redirectUrl ? '' : 'pointer-events-none'}}\"\n [routerLink]=\" !isOpenInNewTab && widgetData[currentIndex].redirectUrl? widgetData[currentIndex].redirectUrl : null\"\n [ngClass]=\"{'cursor-auto': !widgetData[currentIndex].redirectUrl}\">\n <div class=\"banner WidgetInstanceId\" \n *ngFor=\"let slide of widgetData; let i = index\" \n [hidden]=\"i !== currentIndex\" \n [ngStyle]=\"{\n 'border-width': isMobile? styleData?.responsive?.imageBorderWidth : styleData?.imageBorderWidth,\n 'border-color': isMobile? styleData?.responsive?.imageBorderColor : styleData?.imageBorderColor,\n 'border-style': isMobile? styleData?.responsive?.imageBorderStyle: styleData?.imageBorderStyle}\">\n <img i18n-alt alt=\"Page Banner\" [src]=\"slide.banners\" wsUtilsImageResponsive class=\"banner-image\" />\n </div>\n </a>\n <ng-container *ngIf=\"isMobile && styleData?.responsive?.dots !== 'hidden' || !isMobile && styleData?.dots !== 'hidden'\">\n <div class=\"banner-meta {{isMobile? styleData?.responsive?.bannerMetaAlign : styleData?.bannerMetaAlign}}\">\n <a [routerLink]=\" !isOpenInNewTab && widgetData[currentIndex].redirectUrl? widgetData[currentIndex].redirectUrl : null\"\n class=\"banner-title text-truncate {{widgetData[currentIndex] && widgetData[currentIndex].redirectUrl ? '' : 'pointer-events-none'}}\"\n *ngIf=\"widgetData[currentIndex].title\" [title]=\"widgetData[currentIndex].title\">\n {{ widgetData[currentIndex].title }}\n </a>\n <div class=\"dots-container\" *ngIf=\"widgetData?.length > 1\">\n <span class=\"dot\" [ngClass]=\"{ active: j === currentIndex }\" *ngFor=\"let slide of widgetData; let j = index\"\n (click)=\"slideTo(j)\"></span>\n </div>\n </div>\n </ng-container>\n <div class=\"navigation {{isMobile? styleData?.responsive?.arrowsPlacement : styleData?.arrowsPlacement}}\" \n *ngIf=\"isMobile && styleData?.responsive?.navigationArrows !== 'hidden' || !isMobile && styleData?.navigationArrows !== 'hidden'\">\n <a *ngIf=\"widgetData?.length > 1\" role=\"button\" class=\"prev\" (click)=\"slideTo(currentIndex - 1)\">❮</a>\n <a *ngIf=\"widgetData?.length > 1\" role=\"button\" class=\"next\" (click)=\"slideTo(currentIndex + 1)\">❯</a>\n </div>\n</div>\n<div class=\"banner-container-solo margin-top-s\" *ngIf=\"widgetData?.length == 1\">\n <img i18n-alt alt=\"Page Banner\" width=\"100%\" height=\"100%\" [src]=\"widgetData[0].banners\" wsUtilsImageResponsive class=\"banner-image-solo\" />\n</div>\n<!-- <div class=\"banner-container\" (swipeleft)=\"slideTo(currentIndex + 1)\" (swiperight)=\"slideTo(currentIndex - 1)\"\n *ngIf=\"widgetData?.length\">\n <a (click)=\"raiseTelemetry(widgetData[currentIndex].redirectUrl)\"\n [queryParams]=\"widgetData[currentIndex].queryParams || {}\"\n [routerLink]=\"!isOpenInNewTab ? widgetData[currentIndex].redirectUrl : './'\" class=\"banner-overlay\"\n [ngClass]=\"{ 'cursor-auto': !widgetData[currentIndex].redirectUrl }\"></a>\n <div class=\"banner WidgetInstanceId\" *ngFor=\"let slide of widgetData; let i = index\" [hidden]=\"i !== currentIndex\">\n <img i18n-alt alt=\"Page Banner\" [src]=\"slide.banners\" wsUtilsImageResponsive class=\"banner-image\" />\n </div>\n <div class=\"banner-meta\">\n <a [routerLink]=\"!isOpenInNewTab ? widgetData[currentIndex].redirectUrl : './'\" class=\"banner-title text-truncate\"\n *ngIf=\"widgetData[currentIndex].title\" [title]=\"widgetData[currentIndex].title\">\n {{ widgetData[currentIndex].title }}\n </a>\n <div class=\"dots-container\" *ngIf=\"widgetData?.length > 1\">\n <span class=\"dot\" [ngClass]=\"{ active: j === currentIndex }\" *ngFor=\"let slide of widgetData; let j = index\"\n (click)=\"slideTo(j)\"></span>\n </div>\n </div>\n <button *ngIf=\"widgetData?.length > 1\" class=\"prev\" aria-label=\"Previous slide\" (click)=\"slideTo(currentIndex - 1)\">\n <a *ngIf=\"widgetData?.length > 1\" role=\"button\">❮</a>\n </button>\n <button *ngIf=\"widgetData?.length > 1\" class=\"next\" (click)=\"slideTo(currentIndex + 1)\" aria-label=\"Next slide\">\n <a *ngIf=\"widgetData?.length > 1\" role=\"button\" class=\"next\">❯</a>\n </button>\n\n</div> -->\n<ng-container *ngIf=\"!widgetData?.length\">\n <div class=\"slider default-slider h-full\">\n <div class=\"relative h-full\">\n <img class=\"h-full\" src=\"assets/icons/home/default-slider-image.svg\" alt=\"\">\n <div class=\"default-title rounded-full\">\n <p class=\"mat-h1\">{{title}}</p>\n </div>\n </div>\n </div>\n</ng-container>\n",
|
|
5135
5143
|
styles: [".banner-container{min-height:243px;position:relative;margin:auto;padding-bottom:40px}.banner-container.inline-meta{padding-bottom:0!important}.banner-container.flat .banner .banner-image{border-radius:0!important}.banner-overlay{z-index:1;top:0;left:0;width:100%;height:100%;background:linear-gradient(to left,rgba(0,0,0,.25) 0,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 85%,rgba(0,0,0,.25) 100%);border-radius:inherit}.banner{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s;border-radius:inherit;height:inherit}.banner .banner-image{width:100%;min-height:243px;display:block;border-radius:inherit;height:inherit}.banner-meta{text-align:center;z-index:2;padding:8px 12px;position:absolute;bottom:0;left:50%;border-radius:12px;transform:translateX(-50%);box-sizing:border-box}.banner-meta.left{left:0;transform:translateX(0)}.banner-meta.right{left:100%;transform:translateX(-100%)}.banner-meta .banner-title{color:#f2f2f2;margin-bottom:8px;font-size:1.1rem}@media only screen and (max-width:599px){.banner-meta .banner-title{display:none}}.banner-meta .dots-container{padding:8px;display:flex;align-items:center;justify-content:center}.banner-meta .dots-container .dot{cursor:pointer;height:6px;width:6px;margin:0 4px;background-color:rgba(0,0,0,.4);border-radius:50%;display:inline-block;transition:background-color .5s!important}@media only screen and (max-width:599px){.banner-meta .dots-container .dot{height:8px;width:8px;margin:0 4px}}.banner-meta .dots-container .dot.active{border-radius:4px;background-color:#f3962f;width:16px}@keyframes fade{from{opacity:.25}to{opacity:1}}.next,.prev{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-weight:700;background-color:#1b2133!important;border-radius:50%;z-index:999;height:32px!important;width:32px!important;display:flex;align-items:center;margin-top:-16px;justify-content:center}.prev{left:0;margin-left:-16px}.next{right:0;margin-right:-16px}.navigation.bottom-right .prev{left:unset;right:45px;bottom:-15px;top:unset}.navigation.bottom-right .next{left:unset;right:15px;bottom:-15px;top:unset}.navigation.bottom-center .prev{left:calc(50% - 20px);right:unset;bottom:-15px;top:unset}.navigation.bottom-center .next{left:calc(50% + 20px);right:unset;bottom:-15px;top:unset}.navigation.bottom-left .prev{left:15px;right:unset;bottom:-15px;top:unset}.navigation.bottom-left .next{left:60px;right:unset;bottom:-15px;top:unset}.navigation.middle-inline .prev{left:30px}.navigation.middle-inline .next{right:30px}.banner-container-solo{overflow:hidden;margin:auto;border-radius:12px}.banner-image-solo{width:100%;display:block;border-radius:12px}.default-slider{height:100%;background:#d4e2fb}.default-slider .default-title{text-align:center;position:absolute;top:50%;left:0;right:0;margin:auto;transform:translateY(-50%);z-index:999;background:#e6efff;padding:32px;width:500px}.default-slider .default-title p{word-break:break-word;margin:0!important;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-transform:uppercase}@media screen and (max-width:768px){.default-slider{height:384px;width:100%}.default-slider .default-title{width:unset!important}}"]
|
|
5136
5144
|
}] }
|
|
5137
5145
|
];
|
|
@@ -5556,8 +5564,8 @@ class DataPointsComponent {
|
|
|
5556
5564
|
DataPointsComponent.decorators = [
|
|
5557
5565
|
{ type: Component, args: [{
|
|
5558
5566
|
selector: 'sb-uic-data-points',
|
|
5559
|
-
template: "<div class=\"w-full metrics-web\" *ngIf=\"layoutType === 'multipleRows' && !isDataLoading\">\n <div *ngFor=\"let obj of objectData; let last = last\" class=\"\">\n <div class=\"element-div\" [ngClass]=\"{'linebreak': obj?.linebreak }\">\n <div class=\"flex flex-row gap-3 items-top\">\n <div>\n <img class=\"objIcon\" [src]=\"obj.icon\" [style.color]=\"obj?.iconColor\">\n </div>\n <div>\n <div [style.color]=\"obj?.valueColor\" class=\"objHeader pb-1\" >{{obj
|
|
5560
|
-
styles: [".white{color:#fff}.custom-opacity{opacity:.7}.black{color:#000}.objIcon{width:32px;height:32px}.mobjIcon{width:24px;height:24px}.objHeader{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:left}.mobjHeader{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.objDescription{font-family:Lato;font-size:16px;font-weight:400;line-height:19.2px;text-align:left}.mobjDescription{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left}.metrics-web{height:inherit;overflow-y:auto}.element-div{padding:25px 0;margin:0 25px}.linebreak{border-bottom:1px solid rgba(0,0,0,.16)}.melement-div{padding:16px;border-radius:15px;width:249px}.banner-metrics{background:linear-gradient(180deg,#f9cb97 -107.59%,#ef951e 110.74%)}.infra-element-div{min-width:325px;padding:25px 0;align-items:baseline}.infra-objIcon{width:32px;height:32px}.infra-objHeader{font-family:Montserrat;font-size:36px;font-weight:600;line-height:29.26px;text-align:left}.infra-objDescription{font-family:Lato;font-size:16px;font-weight:400;line-height:19.2px;text-align:left}.flex-container{display:flex}.top-container{overflow-x:auto;width:100%}.flex-item{flex:0 0 auto;white-space:nowrap;min-width:200px}@media screen and (max-width:768px){.infra-objIcon{width:24px;height:24px}.infra-objHeader{font-size:24px}.infra-element-div{min-width:250px;padding:15px 0 25px}}"]
|
|
5567
|
+
template: "<div class=\"w-full metrics-web\" *ngIf=\"layoutType === 'multipleRows' && !isDataLoading\">\n <div *ngFor=\"let obj of objectData; let last = last\" class=\"\">\n <div class=\"element-div\" [ngClass]=\"{'linebreak': obj?.linebreak && !last}\">\n <div class=\"flex flex-row gap-3 items-top\">\n <div>\n <img class=\"objIcon\" [src]=\"obj.icon\" [style.color]=\"obj?.iconColor\">\n </div>\n <div>\n <div [style.color]=\"obj?.valueColor\" class=\"objHeader pb-1\" *ngIf=\"!(obj && obj.value)\">0</div>\n <div [style.color]=\"obj?.valueColor\" class=\"objHeader pb-1\" *ngIf=\"(obj && obj.value)\">\n {{obj.value | number: obj.value % 1 === 0 ? '1.0-0' : '1.1-2'}}\n </div>\n <div [style.color]=\"obj?.labelColor\" class=\"objDescription\">{{obj?.label}}</div>\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<div class=\"w-full\" *ngIf=\"layoutType === 'singleRow'\">\n <div class=\"flex gap-4\">\n <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\n <div class=\"melement-div {{obj?.background}} flex-item\" [style.background]=\"obj?.background\" >\n <div class=\"flex flex-row gap-3\">\n <div>\n <img [style.color]=\"obj?.iconColor\" class=\"mobjIcon\" [src]=\"obj.icon\">\n </div>\n <div>\n <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"!(obj && obj.value)\">0</div>\n <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"(obj && obj.value)\">\n {{obj?.value | number: obj.value % 1 === 0 ? '1.0-0' : '1.1-2'}}\n </div>\n <div [style.color]=\"obj?.labelColor\" class=\"mobjDescription\">{{obj?.label}}</div>\n </div>\n </div>\n </div>\n </div>\n </div> \n</div>\n\n<div class=\"w-full\" *ngIf=\"layoutType === 'gridLayout'\">\n <div class=\"w-full\" *ngIf=\"layoutType === 'gridLayout'\">\n <div class=\"top-container\">\n <div class=\"flex-container\" *ngFor=\"let chunk of customArray\">\n <div *ngFor=\"let item of chunk\">\n <div class=\"flex-item\">\n <div class=\"flex flex-row gap-5 infra-element-div\">\n <div>\n <div [style.color]=\"item?.valueColor\" class=\"infra-objHeader\" *ngIf=\"!(item && item.value)\">0</div>\n <div [style.color]=\"item?.valueColor\" class=\"infra-objHeader\" *ngIf=\"(item && item.value)\">\n {{item?.value | number: item.value % 1 === 0 ? '1.0-0' : '1.1-2'}}\n </div>\n <div [style.color]=\"item?.labelColor\" class=\"custom-opacity infra-objDescription padding-top-s\">{{item?.label}}</div>\n </div>\n </div>\n </div>\n </div>\n\n </div>\n </div>\n </div> \n</div>\n\n<div class=\"w-full\" *ngIf=\"layoutType === 'singleFlexeRow'\">\n <div class=\"flex\">\n <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\n <div class=\"singleFlexeRow-div flex-item\">\n <div class=\"flex flex-row gap-3\">\n <div>\n <img [style.color]=\"obj?.iconColor\" class=\"singleFlexeRowIcon\" [src]=\"obj.icon\">\n </div>\n <div class=\"flex flex-col\">\n <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"!(obj && obj.value)\">0</div>\n <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"(obj && obj.value)\">\n {{obj?.value | number: obj.value % 1 === 0 ? '1.0-0' : '1.1-2'}}\n </div>\n <div [style.color]=\"obj?.labelColor\" class=\"singleFlexeRowDescription\">{{obj?.label}}</div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<!-- skeleton loaders -->\n\n<ng-container>\n <div class=\"w-full metrics-web\" *ngIf=\"layoutType === 'multipleRows' && isDataLoading\">\n <div *ngFor=\"let obj of [0,1,2,3]\" class=\"\">\n <div class=\"element-div linebreak\" >\n <div class=\"flex flex-row gap-3 items-top\">\n <div>\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'32px'\"\n [height]=\"'32px'\"></sb-uic-skeleton-loader>\n </div>\n <div>\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'100px'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'150px'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n </div>\n </div>\n </div>\n</ng-container>\n",
|
|
5568
|
+
styles: [".white{color:#fff}.custom-opacity{opacity:.7}.black{color:#000}.objIcon{width:32px;height:32px}.mobjIcon{width:24px;height:24px}.objHeader{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:left}.mobjHeader{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.objDescription{font-family:Lato;font-size:16px;font-weight:400;line-height:19.2px;text-align:left}.mobjDescription{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left}.metrics-web{height:inherit;overflow-y:auto}.element-div{padding:25px 0;margin:0 25px}.linebreak{border-bottom:1px solid rgba(0,0,0,.16)}.singleFlexeRow-div{padding:16px;border-radius:15px}.singleFlexeRowHeader{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left}.singleFlexeRowDescription{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left}.singleFlexeRowIcon{width:24px;height:24px}.melement-div{padding:16px;border-radius:15px;width:249px}.banner-metrics{background:linear-gradient(180deg,#f9cb97 -107.59%,#ef951e 110.74%)}.infra-element-div{min-width:325px;padding:25px 0;align-items:baseline}.infra-objIcon{width:32px;height:32px}.infra-objHeader{font-family:Montserrat;font-size:36px;font-weight:600;line-height:29.26px;text-align:left}.infra-objDescription{font-family:Lato;font-size:16px;font-weight:400;line-height:19.2px;text-align:left}.flex-container{display:flex}.top-container{overflow-x:auto;width:100%}::-webkit-scrollbar{height:4px}::-webkit-scrollbar-track{border-radius:10px;background:#000}::-webkit-scrollbar-thumb{background:#cccc;border-radius:10px}.flex-item{flex:0 0 auto;white-space:nowrap;min-width:200px}@media screen and (max-width:768px){.infra-objIcon{width:24px;height:24px}.infra-objHeader{font-size:24px}.infra-element-div{min-width:250px;padding:15px 0 25px}}"]
|
|
5561
5569
|
}] }
|
|
5562
5570
|
];
|
|
5563
5571
|
/** @nocollapse */
|
|
@@ -6816,6 +6824,61 @@ CommonStripModule.decorators = [
|
|
|
6816
6824
|
},] }
|
|
6817
6825
|
];
|
|
6818
6826
|
|
|
6827
|
+
/**
|
|
6828
|
+
* @fileoverview added by tsickle
|
|
6829
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
6830
|
+
*/
|
|
6831
|
+
class AnnouncementsComponent {
|
|
6832
|
+
constructor() { }
|
|
6833
|
+
/**
|
|
6834
|
+
* @return {?}
|
|
6835
|
+
*/
|
|
6836
|
+
ngOnInit() {
|
|
6837
|
+
}
|
|
6838
|
+
/**
|
|
6839
|
+
* @param {?} item
|
|
6840
|
+
* @return {?}
|
|
6841
|
+
*/
|
|
6842
|
+
viewMoreOrLess(item) {
|
|
6843
|
+
if (item.value.length > 152) {
|
|
6844
|
+
item.expanded = !item.expanded;
|
|
6845
|
+
}
|
|
6846
|
+
}
|
|
6847
|
+
}
|
|
6848
|
+
AnnouncementsComponent.decorators = [
|
|
6849
|
+
{ type: Component, args: [{
|
|
6850
|
+
selector: 'sb-uic-announcements',
|
|
6851
|
+
template: "<div class=\"w-full\">\n <div class=\"flex item-center key-logo\">\n <img class=\"\" [src]=\"objectData?.logoUrl\">\n </div>\n <div class=\"flex item-center key-logo \">\n <div class=\"key-heading\"\n [style.backgroundColor]=\"objectData?.header?.background\"\n [style.color]=\"objectData?.header?.color\">\n {{objectData?.title}}\n </div>\n </div>\n <div class=\"key-list-container\"\n [style.borderColor]=\"objectData?.panelborder\"\n [style.backgroundColor]=\"objectData?.panelBackground\">\n <div class=\"key-list\">\n <div *ngFor=\"let item of objectData?.list; let i = index\">\n <div class=\"key-list-item mb-{{ objectData?.list?.length === (i+1) ? '' : '4'}}\" \n [style.borderColor]=\"objectData?.listItem?.border\"\n [style.backgroundColor]=\"objectData?.listItem?.background\">\n <div class=\"key-list-item-content {{item?.value?.length > 152 && !item?.expanded ? 'expand' : 'un-expand'}}\" [innerHTML]=\"item?.value\"></div>\n <div class=\"more-or-less\" *ngIf=\"item?.value?.length > 152\" [style.color]=\"objectData?.panelborder\">\n <div class=\"cursor-pointer\" (click)=\"viewMoreOrLess(item)\" *ngIf=\"!item?.expanded\">View more</div>\n <div class=\"cursor-pointer\" (click)=\"viewMoreOrLess(item)\" *ngIf=\"item?.expanded\">View less</div>\n </div>\n </div>\n </div> \n </div> \n </div>\n</div>",
|
|
6852
|
+
styles: [".key-logo{align-items:center;justify-content:center}.key-list-container{border:1px solid #ccc;padding:45px 15px 15px;border-radius:12px;margin-top:-20px}.key-list{max-height:600px;overflow:auto}.key-list::-webkit-scrollbar{display:none}.key-list-item{padding:16px;border:1px solid #ccc;border-radius:12px;min-height:56px}::ng-deep .key-list-item-content a{color:#1b4ca1!important}.key-list-item-content{font-family:Lato;font-size:14px;font-weight:400;line-height:20px;text-align:left;white-space:initial;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.expand{-webkit-line-clamp:3}.un-expand{-webkit-line-clamp:0}.more-or-less{font-family:Lato;font-size:14px;line-height:20px;font-weight:600}.key-heading{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:center;padding:10px 50px;border-radius:20px;margin-top:-3px;animation:.9s infinite paddingAnimation}@keyframes paddingAnimation{0%,100%{padding:10px 50px}25%,75%{padding:10px 55px}50%{padding:10px 60px}}"]
|
|
6853
|
+
}] }
|
|
6854
|
+
];
|
|
6855
|
+
/** @nocollapse */
|
|
6856
|
+
AnnouncementsComponent.ctorParameters = () => [];
|
|
6857
|
+
AnnouncementsComponent.propDecorators = {
|
|
6858
|
+
objectData: [{ type: Input }]
|
|
6859
|
+
};
|
|
6860
|
+
if (false) {
|
|
6861
|
+
/** @type {?} */
|
|
6862
|
+
AnnouncementsComponent.prototype.objectData;
|
|
6863
|
+
}
|
|
6864
|
+
|
|
6865
|
+
/**
|
|
6866
|
+
* @fileoverview added by tsickle
|
|
6867
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
6868
|
+
*/
|
|
6869
|
+
class AnnouncementsModule {
|
|
6870
|
+
}
|
|
6871
|
+
AnnouncementsModule.decorators = [
|
|
6872
|
+
{ type: NgModule, args: [{
|
|
6873
|
+
declarations: [AnnouncementsComponent],
|
|
6874
|
+
imports: [
|
|
6875
|
+
CommonModule,
|
|
6876
|
+
SkeletonLoaderLibModule
|
|
6877
|
+
],
|
|
6878
|
+
exports: [AnnouncementsComponent],
|
|
6879
|
+
},] }
|
|
6880
|
+
];
|
|
6881
|
+
|
|
6819
6882
|
/**
|
|
6820
6883
|
* @fileoverview added by tsickle
|
|
6821
6884
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
@@ -6834,7 +6897,8 @@ ConsumptionModule.decorators = [
|
|
|
6834
6897
|
SlidersLibModule,
|
|
6835
6898
|
DataPointsModule,
|
|
6836
6899
|
CalenderModule,
|
|
6837
|
-
CommonStripModule
|
|
6900
|
+
CommonStripModule,
|
|
6901
|
+
AnnouncementsModule
|
|
6838
6902
|
],
|
|
6839
6903
|
},] }
|
|
6840
6904
|
];
|
|
@@ -7618,7 +7682,7 @@ class CardUserComponent {
|
|
|
7618
7682
|
CardUserComponent.decorators = [
|
|
7619
7683
|
{ type: Component, args: [{
|
|
7620
7684
|
selector: 'sb-uic-card-user',
|
|
7621
|
-
template: "<mat-card class=\"user-card card-users-container mr-5 padding-remove cursor-pointer\">\n <div class=\"display-contents\">\n <ng-container *ngIf=\"widgetData.content\">\n <a (click)=\"raiseTelemetry();$event.stopPropagation()\" role=\"link\"\n i18n-aria-label>\n <ng-container>\n <mat-card-content class=\"min-top\">\n <div style=\"position: relative; z-index: 1;\">\n <ng-container *ngIf=\"widgetData.content.image\">\n <img mat-card-image [src]=\"widgetData.content.image\"\n loading=\"lazy\" class=\"card-img ws-mat-primary-lite-background margin-remove\"\n [wsUtilsDefaultThumbnail]=\"defaultThumbnail\" [alt]=\"widgetData.content.name\" />\n </ng-container>\n <ng-container *ngIf=\"!widgetData.content.image\">\n <ng-template #defaultImg>\n <img mat-card-image [src]=\"defaultThumbnail\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\"\n [alt]=\"widgetData.content.name\" />\n </ng-template>\n </ng-container>\n </div>\n <div class=\"padding-m\">\n <div class=\"user_widget flex margin-remove\">\n </div>\n <div [id]=\"'m-c-'+ widgetData.content?.userId\"\n class=\"mat-subheading-1 title-text ws-mat-text-block-fade-gradient\">\n {{ widgetData?.content?.name }}\n </div>\n <div class=\"flex w-full flex-wrap flex-middle\">\n <p class=\"whitespace-normal description-text\">\n {{ widgetData?.content?.description }}\n </p>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </a>\n </ng-container>\n </div>\n</mat-card>",
|
|
7685
|
+
template: "<mat-card class=\"user-card card-users-container mr-5 padding-remove cursor-pointer\">\n <div class=\"display-contents\">\n <ng-container *ngIf=\"widgetData.content\">\n <a (click)=\"raiseTelemetry();$event.stopPropagation()\" role=\"link\"\n i18n-aria-label>\n <ng-container>\n <mat-card-content class=\"min-top\">\n <div style=\"position: relative; z-index: 1;\">\n <ng-container *ngIf=\"widgetData.content.image\">\n <img mat-card-image [src]=\"widgetData.content.image\"\n loading=\"lazy\" class=\"card-img ws-mat-primary-lite-background margin-remove\"\n [wsUtilsDefaultThumbnail]=\"defaultThumbnail\" [alt]=\"widgetData.content.name\" />\n </ng-container>\n <ng-container *ngIf=\"!widgetData.content.image\">\n <ng-template #defaultImg>\n <img mat-card-image [src]=\"defaultThumbnail\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\"\n [alt]=\"widgetData.content.name\" />\n </ng-template>\n </ng-container>\n </div>\n <div class=\"padding-m\">\n <div class=\"user_widget flex margin-remove\">\n </div>\n <div [id]=\"'m-c-'+ widgetData.content?.userId\"\n class=\"mat-subheading-1 title-text ws-mat-text-block-fade-gradient\">\n {{ widgetData?.content?.name }}\n </div>\n <div class=\"flex w-full flex-wrap flex-middle\">\n <p class=\"whitespace-normal description-text mat-body-2\">\n {{ widgetData?.content?.description }}\n </p>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </a>\n </ng-container>\n </div>\n</mat-card>",
|
|
7622
7686
|
styles: [".card-users-container{position:relative;width:282px;min-height:281px;border-radius:8px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;height:281px;margin:16px 8px}.card-users-container .course_logo_box{width:38px;height:38px;background:#fff;border-radius:8px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.card-users-container .course_logo_box img{height:28px;width:28px;padding:5px;display:inline-block}.card-users-container .course_logo_box p{display:inline-block;vertical-align:top}.card-users-container .org-text{font-size:12px;font-weight:400;width:75%;padding-left:10px;word-break:break-all;white-space:initial;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.card-users-container mat-card-content{background:#fff}.card-users-container .card-img{min-width:245px;max-height:140px;min-height:140px;display:block;-o-object-fit:fill;object-fit:fill;border-top-left-radius:8px;border-top-right-radius:8px;width:100%}.card-users-container .mat-subheading-1{font:600 14px/24px Montserrat}.card-users-container .complexity{padding-top:70px;display:flex;font-size:14px;line-height:21px;padding-bottom:10px}.card-users-container .complexity .mode-tag{border-radius:5px;order:2;margin-left:auto;color:#fff;font-size:10px}.card-users-container .complexity .duration{display:flex;margin-left:auto;order:3;font-weight:700}.card-users-container .complexity .time-text{margin:0 5px 0 6px;font-weight:700}.card-users-container .basic{margin:auto 0}.card-users-container .title-text{word-break:break-all;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;min-height:24px}.card-users-container .description-text{position:relative;overflow:hidden;height:63px;white-space:normal;text-overflow:ellipsis}.duration-box{background:#000;position:absolute;border:none;display:flex;align-items:center;padding:4px;border-radius:4px}.duration-box.right-corner{right:4px;bottom:4px}.duration-box .mat-icon{vertical-align:middle;color:#fff!important;height:14px!important;width:14px!important;font-size:14px}.duration-box .duration{font:700 12px/16px Lato;display:inline-block;margin:0;padding:0}"]
|
|
7623
7687
|
}] }
|
|
7624
7688
|
];
|
|
@@ -8037,6 +8101,130 @@ if (false) {
|
|
|
8037
8101
|
CardWideComponent.prototype.configSvc;
|
|
8038
8102
|
}
|
|
8039
8103
|
|
|
8104
|
+
/**
|
|
8105
|
+
* @fileoverview added by tsickle
|
|
8106
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
8107
|
+
*/
|
|
8108
|
+
class CardMDOChannelComponent {
|
|
8109
|
+
/**
|
|
8110
|
+
* @param {?} events
|
|
8111
|
+
* @param {?} translate
|
|
8112
|
+
* @param {?} langtranslations
|
|
8113
|
+
* @param {?} configSvc
|
|
8114
|
+
*/
|
|
8115
|
+
constructor(events, translate, langtranslations, configSvc) {
|
|
8116
|
+
this.events = events;
|
|
8117
|
+
this.translate = translate;
|
|
8118
|
+
this.langtranslations = langtranslations;
|
|
8119
|
+
this.configSvc = configSvc;
|
|
8120
|
+
this.userData = new EventEmitter();
|
|
8121
|
+
this.widgetType = '';
|
|
8122
|
+
this.widgetSubType = '';
|
|
8123
|
+
this.langtranslations.languageSelectedObservable.subscribe((/**
|
|
8124
|
+
* @return {?}
|
|
8125
|
+
*/
|
|
8126
|
+
() => {
|
|
8127
|
+
if (localStorage.getItem('websiteLanguage')) {
|
|
8128
|
+
this.translate.setDefaultLang('en');
|
|
8129
|
+
/** @type {?} */
|
|
8130
|
+
const lang = (/** @type {?} */ (localStorage.getItem('websiteLanguage')));
|
|
8131
|
+
this.translate.use(lang);
|
|
8132
|
+
}
|
|
8133
|
+
}));
|
|
8134
|
+
}
|
|
8135
|
+
/**
|
|
8136
|
+
* @return {?}
|
|
8137
|
+
*/
|
|
8138
|
+
ngOnInit() {
|
|
8139
|
+
/** @type {?} */
|
|
8140
|
+
const instanceConfig = this.configSvc.instanceConfig;
|
|
8141
|
+
if (instanceConfig) {
|
|
8142
|
+
this.defaultThumbnail = instanceConfig.logos.defaultContent || '';
|
|
8143
|
+
this.sourceLogos = instanceConfig.sources;
|
|
8144
|
+
this.defaultSLogo = instanceConfig.logos.defaultSourceLogo || '';
|
|
8145
|
+
}
|
|
8146
|
+
else {
|
|
8147
|
+
this.defaultThumbnail = '/assets/instances/eagle/app_logos/default.png';
|
|
8148
|
+
this.defaultSLogo = '/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg';
|
|
8149
|
+
}
|
|
8150
|
+
}
|
|
8151
|
+
/**
|
|
8152
|
+
* @return {?}
|
|
8153
|
+
*/
|
|
8154
|
+
raiseTelemetry() {
|
|
8155
|
+
// if(this.forPreview){
|
|
8156
|
+
// return
|
|
8157
|
+
// }
|
|
8158
|
+
this.events.raiseInteractTelemetry({
|
|
8159
|
+
type: 'click',
|
|
8160
|
+
subType: `${this.widgetType}-${this.widgetSubType}`,
|
|
8161
|
+
id: `${camelCase(this.widgetData.content.userId)}-card`,
|
|
8162
|
+
}, {
|
|
8163
|
+
id: this.widgetData.content.userId,
|
|
8164
|
+
// type: this.widgetData.user.primaryCategory,
|
|
8165
|
+
//context: this.widgetData.context,
|
|
8166
|
+
rollup: {},
|
|
8167
|
+
}, {
|
|
8168
|
+
pageIdExt: `${camelCase('user')}-card`,
|
|
8169
|
+
module: camelCase('user'),
|
|
8170
|
+
});
|
|
8171
|
+
}
|
|
8172
|
+
}
|
|
8173
|
+
CardMDOChannelComponent.decorators = [
|
|
8174
|
+
{ type: Component, args: [{
|
|
8175
|
+
selector: 'sb-uic-card-mdo-channel',
|
|
8176
|
+
template: "<mat-card class=\"channels-card card-channels-container mr-5 padding-remove cursor-pointer\">\n <div class=\"display-contents\">\n <ng-container *ngIf=\"widgetData.content\">\n <a (click)=\"raiseTelemetry();$event.stopPropagation()\" role=\"link\"\n i18n-aria-label>\n <ng-container>\n <mat-card-content class=\"min-top\">\n <div class=\"flex flex-col h-full\">\n <div class=\"image-container\">\n <ng-container *ngIf=\"widgetData.content.posterImage\">\n <img mat-card-image [src]=\"widgetData.content.posterImage | pipePublicURL\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData.content.name\" />\n </ng-container>\n <ng-container *ngIf=\"!widgetData.content.posterImage\">\n <ng-container *ngIf=\"widgetData.content.appIcon; else defaultImg\">\n <img mat-card-image [src]=\"widgetData.content.appIcon | pipePublicURL\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData.content.name\" />\n </ng-container>\n <ng-template #defaultImg>\n <img mat-card-image [src]=\"defaultThumbnail\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\"\n [alt]=\"widgetData.content.name\" />\n </ng-template>\n </ng-container>\n </div>\n <div class=\"flex title-container px-2\">\n <div [id]=\"'m-c-'+ widgetData.content?.identifier\"\n class=\"flex-1 text-center mat-subheading-2 title-text ws-mat-black-text\">\n {{ widgetData.content.name }}\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </a>\n </ng-container>\n </div>\n</mat-card>",
|
|
8177
|
+
styles: [".card-channels-container{position:relative;width:282px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;min-height:156px;height:156px;max-height:156px;margin:16px 8px;background:#7faeff!important;border-radius:12px;padding:4px!important}.card-channels-container .min-top{background:inherit;margin-bottom:0;height:inherit}.card-channels-container .image-container{background-color:#fff;width:inherit;height:86px;max-height:86px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:12px}.card-channels-container .card-img{max-height:62px;min-height:62px;display:block;-o-object-fit:fill;object-fit:contain}.card-channels-container .mat-subheading-1{font:600 14px/24px Montserrat}.card-channels-container .title-container{background:inherit}.card-channels-container .description-text{position:relative;overflow:hidden;height:51px}.card-channels-container .title-text{word-break:break-all;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:48px}"]
|
|
8178
|
+
}] }
|
|
8179
|
+
];
|
|
8180
|
+
/** @nocollapse */
|
|
8181
|
+
CardMDOChannelComponent.ctorParameters = () => [
|
|
8182
|
+
{ type: EventService },
|
|
8183
|
+
{ type: TranslateService },
|
|
8184
|
+
{ type: MultilingualTranslationsService$1 },
|
|
8185
|
+
{ type: ConfigurationsService$1 }
|
|
8186
|
+
];
|
|
8187
|
+
CardMDOChannelComponent.propDecorators = {
|
|
8188
|
+
widgetData: [{ type: Input }],
|
|
8189
|
+
userData: [{ type: Output }]
|
|
8190
|
+
};
|
|
8191
|
+
if (false) {
|
|
8192
|
+
/** @type {?} */
|
|
8193
|
+
CardMDOChannelComponent.prototype.widgetData;
|
|
8194
|
+
/** @type {?} */
|
|
8195
|
+
CardMDOChannelComponent.prototype.userData;
|
|
8196
|
+
/** @type {?} */
|
|
8197
|
+
CardMDOChannelComponent.prototype.defaultThumbnail;
|
|
8198
|
+
/** @type {?} */
|
|
8199
|
+
CardMDOChannelComponent.prototype.sourceLogos;
|
|
8200
|
+
/** @type {?} */
|
|
8201
|
+
CardMDOChannelComponent.prototype.defaultSLogo;
|
|
8202
|
+
/** @type {?} */
|
|
8203
|
+
CardMDOChannelComponent.prototype.widgetType;
|
|
8204
|
+
/** @type {?} */
|
|
8205
|
+
CardMDOChannelComponent.prototype.widgetSubType;
|
|
8206
|
+
/**
|
|
8207
|
+
* @type {?}
|
|
8208
|
+
* @private
|
|
8209
|
+
*/
|
|
8210
|
+
CardMDOChannelComponent.prototype.events;
|
|
8211
|
+
/**
|
|
8212
|
+
* @type {?}
|
|
8213
|
+
* @private
|
|
8214
|
+
*/
|
|
8215
|
+
CardMDOChannelComponent.prototype.translate;
|
|
8216
|
+
/**
|
|
8217
|
+
* @type {?}
|
|
8218
|
+
* @private
|
|
8219
|
+
*/
|
|
8220
|
+
CardMDOChannelComponent.prototype.langtranslations;
|
|
8221
|
+
/**
|
|
8222
|
+
* @type {?}
|
|
8223
|
+
* @private
|
|
8224
|
+
*/
|
|
8225
|
+
CardMDOChannelComponent.prototype.configSvc;
|
|
8226
|
+
}
|
|
8227
|
+
|
|
8040
8228
|
/**
|
|
8041
8229
|
* @fileoverview added by tsickle
|
|
8042
8230
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
@@ -8045,7 +8233,14 @@ class CardsModule {
|
|
|
8045
8233
|
}
|
|
8046
8234
|
CardsModule.decorators = [
|
|
8047
8235
|
{ type: NgModule, args: [{
|
|
8048
|
-
declarations: [
|
|
8236
|
+
declarations: [
|
|
8237
|
+
CardResourceComponent,
|
|
8238
|
+
CardsComponent, CardPortraitComponent,
|
|
8239
|
+
CardUserComponent,
|
|
8240
|
+
CardLandscapeComponent,
|
|
8241
|
+
CardWideComponent,
|
|
8242
|
+
CardMDOChannelComponent
|
|
8243
|
+
],
|
|
8049
8244
|
imports: [
|
|
8050
8245
|
CommonModule,
|
|
8051
8246
|
MatCardModule,
|
|
@@ -8066,7 +8261,8 @@ CardsModule.decorators = [
|
|
|
8066
8261
|
CardPortraitComponent,
|
|
8067
8262
|
CardLandscapeComponent,
|
|
8068
8263
|
CardUserComponent,
|
|
8069
|
-
CardWideComponent
|
|
8264
|
+
CardWideComponent,
|
|
8265
|
+
CardMDOChannelComponent
|
|
8070
8266
|
],
|
|
8071
8267
|
},] }
|
|
8072
8268
|
];
|
|
@@ -8495,7 +8691,7 @@ PillsComponent.decorators = [
|
|
|
8495
8691
|
{ type: Component, args: [{
|
|
8496
8692
|
selector: 'sb-uic-pills',
|
|
8497
8693
|
template: "<ng-container *ngIf=\"!isLoading\">\n <mat-chip-list >\n <ng-container *ngFor=\"let pill of pillsData\">\n <mat-chip class=\"competency-chip\" (click)=\"selectedPill(pill)\" \n [ngClass]=\"{'active': selectedValue === pill?.name}\">\n <span class=\"pill-name\">{{pill?.name | titlecase}} <span *ngIf=\"pill?.count\">({{pill?.count}})</span></span>\n </mat-chip>\n </ng-container>\n </mat-chip-list>\n</ng-container>\n<ng-container *ngIf=\"isLoading\">\n <div class=\"flex gap-4\">\n <ng-container *ngFor=\"let pill of [0,1,2]\">\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded'\" [width]=\"'100px'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n </ng-container>\n </div>\n</ng-container>\n",
|
|
8498
|
-
styles: [".competency-chip{padding:12px 16px;border-radius:50px;border:1px solid #fff;font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;background-color:transparent!important;cursor:pointer}.competency-chip .pill-name{color:#fff!important}.active{background-color:#1b4ca1!important}"]
|
|
8694
|
+
styles: [".competency-chip{z-index:99999;padding:12px 16px;border-radius:50px;border:1px solid #fff;font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;background-color:transparent!important;cursor:pointer}.competency-chip .pill-name{color:#fff!important}.active{background-color:#1b4ca1!important}"]
|
|
8499
8695
|
}] }
|
|
8500
8696
|
];
|
|
8501
8697
|
/** @nocollapse */
|
|
@@ -8859,6 +9055,12 @@ class UserContentRatingLibComponent {
|
|
|
8859
9055
|
else {
|
|
8860
9056
|
this.emptyResponse.emit(true);
|
|
8861
9057
|
}
|
|
9058
|
+
}), (/**
|
|
9059
|
+
* @param {?} _error
|
|
9060
|
+
* @return {?}
|
|
9061
|
+
*/
|
|
9062
|
+
(_error) => {
|
|
9063
|
+
this.emptyResponse.emit(true);
|
|
8862
9064
|
}));
|
|
8863
9065
|
}
|
|
8864
9066
|
/**
|
|
@@ -9413,5 +9615,5 @@ UserContentRatingLibModule.decorators = [
|
|
|
9413
9615
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
9414
9616
|
*/
|
|
9415
9617
|
|
|
9416
|
-
export { CalenderModule, CardsModule, CommonMethodsService, CommonStripModule, CompetencyPassbookModule, ConsumptionComponent, ConsumptionModule, ConsumptionService, ContentStripWithTabsLibModule, DataPointsModule, HttpLoaderFactory, MyHammerConfig, ROOT_WIDGET_CONFIG, SlidersLibModule, UserContentRatingLibModule, WIDGET_REGISTERED_LIB_MODULES, WIDGET_REGISTRATION_LIB_CONFIG, ContentStripWithTabsLibComponent as ɵa, WidgetContentService as ɵb,
|
|
9618
|
+
export { AnnouncementsModule, CalenderModule, CardsModule, CommonMethodsService, CommonStripModule, CompetencyPassbookModule, ConsumptionComponent, ConsumptionModule, ConsumptionService, ContentStripWithTabsLibModule, DataPointsModule, HttpLoaderFactory, MyHammerConfig, ROOT_WIDGET_CONFIG, SlidersLibModule, UserContentRatingLibModule, WIDGET_REGISTERED_LIB_MODULES, WIDGET_REGISTRATION_LIB_CONFIG, ContentStripWithTabsLibComponent as ɵa, WidgetContentService as ɵb, CardMDOChannelComponent as ɵba, PipePublicURLModule as ɵbb, PipePublicURL as ɵbc, DisplayContentTypeLibModule as ɵbd, DisplayContentTypeLibComponent as ɵbe, DefaultThumbnailModule as ɵbf, DefaultThumbnailDirective as ɵbg, PipeDurationTransformModule as ɵbh, PipeDurationTransformPipe as ɵbi, CompetencyPassbookComponent as ɵbj, CompetencyPassbookService as ɵbk, PillsModule as ɵbl, PillsComponent as ɵbm, UserContentRatingLibComponent as ɵbn, ScrollableItemDirective as ɵbo, RatingService as ɵbp, UserContentRatingLibService as ɵbq, AvatarPhotoLibModule as ɵbr, AvatarPhotoLibComponent as ɵbs, MyHammerConfig$1 as ɵbt, SlidersNgContentLibModule as ɵbu, SlidersNgContentLibComponent as ɵbv, ScrollableItemModule as ɵbw, WidgetUserService as ɵc, MultilingualTranslationsService as ɵd, ConfigurationsService as ɵe, HorizontalScrollerV2Module as ɵf, HorizontalScrollerV2Component as ɵg, SlidersLibComponent as ɵh, NavigationModule as ɵi, NavigationDirective as ɵj, ImageResponsiveModule as ɵk, ImageResponsiveDirective as ɵl, DataPointsComponent as ɵm, InsiteDataService as ɵn, SkeletonLoaderLibModule as ɵo, SkeletonLoaderLibComponent as ɵp, CalenderComponent as ɵq, CalenderDayComponent as ɵr, CommonStripComponent as ɵs, AnnouncementsComponent as ɵt, CardResourceComponent as ɵu, CardsComponent as ɵv, CardPortraitComponent as ɵw, CardUserComponent as ɵx, CardLandscapeComponent as ɵy, CardWideComponent as ɵz };
|
|
9417
9619
|
//# sourceMappingURL=sunbird-cb-consumption.js.map
|