@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 { __assign, __awaiter, __generator, __extends, __values, __spread } from 'tslib';
|
|
9
9
|
import { WidgetBaseComponent, SbUiResolverModule } from '@sunbird-cb/resolver-v2';
|
|
@@ -182,7 +182,11 @@ var HorizontalScrollerV2Component = /** @class */ (function () {
|
|
|
182
182
|
left: this.horizontalScrollElem.nativeElement.scrollLeft - clientWidth,
|
|
183
183
|
behavior: 'smooth',
|
|
184
184
|
});
|
|
185
|
-
|
|
185
|
+
/** @type {?} */
|
|
186
|
+
var elem = this.horizontalScrollElem.nativeElement;
|
|
187
|
+
if (elem.scrollLeft !== 0 && (elem.scrollWidth !== elem.clientWidth + elem.scrollLeft)) {
|
|
188
|
+
this.activeNav -= 1;
|
|
189
|
+
}
|
|
186
190
|
}
|
|
187
191
|
};
|
|
188
192
|
/**
|
|
@@ -202,7 +206,11 @@ var HorizontalScrollerV2Component = /** @class */ (function () {
|
|
|
202
206
|
left: this.horizontalScrollElem.nativeElement.scrollLeft + clientWidth,
|
|
203
207
|
behavior: 'smooth',
|
|
204
208
|
});
|
|
205
|
-
|
|
209
|
+
/** @type {?} */
|
|
210
|
+
var elem = this.horizontalScrollElem.nativeElement;
|
|
211
|
+
if (elem.scrollLeft !== 0 && (elem.scrollWidth !== elem.clientWidth + elem.scrollLeft)) {
|
|
212
|
+
this.activeNav += 1;
|
|
213
|
+
}
|
|
206
214
|
}
|
|
207
215
|
};
|
|
208
216
|
/**
|
|
@@ -5341,7 +5349,7 @@ var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
|
|
|
5341
5349
|
// console.log('calling after - response, ', response)
|
|
5342
5350
|
if (response && response.results) {
|
|
5343
5351
|
// console.log('calling after-- ')
|
|
5344
|
-
if (response.results.result.content) {
|
|
5352
|
+
if (response.results.result.content && response.results.result.content.length) {
|
|
5345
5353
|
this.processStrip(strip, this.transformContentsToWidgets(response.results.result.content, strip), 'done', calculateParentStatus, response.viewMoreUrl);
|
|
5346
5354
|
}
|
|
5347
5355
|
else {
|
|
@@ -5397,7 +5405,7 @@ var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
|
|
|
5397
5405
|
// console.log('calling after - response, ', response)
|
|
5398
5406
|
if (response && response.results) {
|
|
5399
5407
|
// console.log('calling after-- ')
|
|
5400
|
-
if (response.results.result.content) {
|
|
5408
|
+
if (response.results.result.content && response.results.result.content.length) {
|
|
5401
5409
|
this.processStrip(strip, this.transformContentsToWidgets(response.results.result.content, strip), 'done', calculateParentStatus, response.viewMoreUrl);
|
|
5402
5410
|
}
|
|
5403
5411
|
else {
|
|
@@ -5852,7 +5860,7 @@ var SlidersLibComponent = /** @class */ (function (_super) {
|
|
|
5852
5860
|
SlidersLibComponent.decorators = [
|
|
5853
5861
|
{ type: Component, args: [{
|
|
5854
5862
|
selector: 'sb-uic-sliders',
|
|
5855
|
-
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\"
|
|
5863
|
+
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",
|
|
5856
5864
|
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}}"]
|
|
5857
5865
|
}] }
|
|
5858
5866
|
];
|
|
@@ -6328,8 +6336,8 @@ var DataPointsComponent = /** @class */ (function () {
|
|
|
6328
6336
|
DataPointsComponent.decorators = [
|
|
6329
6337
|
{ type: Component, args: [{
|
|
6330
6338
|
selector: 'sb-uic-data-points',
|
|
6331
|
-
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
|
|
6332
|
-
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}}"]
|
|
6339
|
+
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",
|
|
6340
|
+
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}}"]
|
|
6333
6341
|
}] }
|
|
6334
6342
|
];
|
|
6335
6343
|
/** @nocollapse */
|
|
@@ -7774,6 +7782,73 @@ var CommonStripModule = /** @class */ (function () {
|
|
|
7774
7782
|
return CommonStripModule;
|
|
7775
7783
|
}());
|
|
7776
7784
|
|
|
7785
|
+
/**
|
|
7786
|
+
* @fileoverview added by tsickle
|
|
7787
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
7788
|
+
*/
|
|
7789
|
+
var AnnouncementsComponent = /** @class */ (function () {
|
|
7790
|
+
function AnnouncementsComponent() {
|
|
7791
|
+
}
|
|
7792
|
+
/**
|
|
7793
|
+
* @return {?}
|
|
7794
|
+
*/
|
|
7795
|
+
AnnouncementsComponent.prototype.ngOnInit = /**
|
|
7796
|
+
* @return {?}
|
|
7797
|
+
*/
|
|
7798
|
+
function () {
|
|
7799
|
+
};
|
|
7800
|
+
/**
|
|
7801
|
+
* @param {?} item
|
|
7802
|
+
* @return {?}
|
|
7803
|
+
*/
|
|
7804
|
+
AnnouncementsComponent.prototype.viewMoreOrLess = /**
|
|
7805
|
+
* @param {?} item
|
|
7806
|
+
* @return {?}
|
|
7807
|
+
*/
|
|
7808
|
+
function (item) {
|
|
7809
|
+
if (item.value.length > 152) {
|
|
7810
|
+
item.expanded = !item.expanded;
|
|
7811
|
+
}
|
|
7812
|
+
};
|
|
7813
|
+
AnnouncementsComponent.decorators = [
|
|
7814
|
+
{ type: Component, args: [{
|
|
7815
|
+
selector: 'sb-uic-announcements',
|
|
7816
|
+
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>",
|
|
7817
|
+
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}}"]
|
|
7818
|
+
}] }
|
|
7819
|
+
];
|
|
7820
|
+
/** @nocollapse */
|
|
7821
|
+
AnnouncementsComponent.ctorParameters = function () { return []; };
|
|
7822
|
+
AnnouncementsComponent.propDecorators = {
|
|
7823
|
+
objectData: [{ type: Input }]
|
|
7824
|
+
};
|
|
7825
|
+
return AnnouncementsComponent;
|
|
7826
|
+
}());
|
|
7827
|
+
if (false) {
|
|
7828
|
+
/** @type {?} */
|
|
7829
|
+
AnnouncementsComponent.prototype.objectData;
|
|
7830
|
+
}
|
|
7831
|
+
|
|
7832
|
+
/**
|
|
7833
|
+
* @fileoverview added by tsickle
|
|
7834
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
7835
|
+
*/
|
|
7836
|
+
var AnnouncementsModule = /** @class */ (function () {
|
|
7837
|
+
function AnnouncementsModule() {
|
|
7838
|
+
}
|
|
7839
|
+
AnnouncementsModule.decorators = [
|
|
7840
|
+
{ type: NgModule, args: [{
|
|
7841
|
+
declarations: [AnnouncementsComponent],
|
|
7842
|
+
imports: [
|
|
7843
|
+
CommonModule,
|
|
7844
|
+
SkeletonLoaderLibModule
|
|
7845
|
+
],
|
|
7846
|
+
exports: [AnnouncementsComponent],
|
|
7847
|
+
},] }
|
|
7848
|
+
];
|
|
7849
|
+
return AnnouncementsModule;
|
|
7850
|
+
}());
|
|
7851
|
+
|
|
7777
7852
|
/**
|
|
7778
7853
|
* @fileoverview added by tsickle
|
|
7779
7854
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
@@ -7793,7 +7868,8 @@ var ConsumptionModule = /** @class */ (function () {
|
|
|
7793
7868
|
SlidersLibModule,
|
|
7794
7869
|
DataPointsModule,
|
|
7795
7870
|
CalenderModule,
|
|
7796
|
-
CommonStripModule
|
|
7871
|
+
CommonStripModule,
|
|
7872
|
+
AnnouncementsModule
|
|
7797
7873
|
],
|
|
7798
7874
|
},] }
|
|
7799
7875
|
];
|
|
@@ -8663,7 +8739,7 @@ var CardUserComponent = /** @class */ (function () {
|
|
|
8663
8739
|
CardUserComponent.decorators = [
|
|
8664
8740
|
{ type: Component, args: [{
|
|
8665
8741
|
selector: 'sb-uic-card-user',
|
|
8666
|
-
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>",
|
|
8742
|
+
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>",
|
|
8667
8743
|
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}"]
|
|
8668
8744
|
}] }
|
|
8669
8745
|
];
|
|
@@ -9101,6 +9177,132 @@ if (false) {
|
|
|
9101
9177
|
CardWideComponent.prototype.configSvc;
|
|
9102
9178
|
}
|
|
9103
9179
|
|
|
9180
|
+
/**
|
|
9181
|
+
* @fileoverview added by tsickle
|
|
9182
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
9183
|
+
*/
|
|
9184
|
+
var CardMDOChannelComponent = /** @class */ (function () {
|
|
9185
|
+
function CardMDOChannelComponent(events, translate, langtranslations, configSvc) {
|
|
9186
|
+
var _this = this;
|
|
9187
|
+
this.events = events;
|
|
9188
|
+
this.translate = translate;
|
|
9189
|
+
this.langtranslations = langtranslations;
|
|
9190
|
+
this.configSvc = configSvc;
|
|
9191
|
+
this.userData = new EventEmitter();
|
|
9192
|
+
this.widgetType = '';
|
|
9193
|
+
this.widgetSubType = '';
|
|
9194
|
+
this.langtranslations.languageSelectedObservable.subscribe((/**
|
|
9195
|
+
* @return {?}
|
|
9196
|
+
*/
|
|
9197
|
+
function () {
|
|
9198
|
+
if (localStorage.getItem('websiteLanguage')) {
|
|
9199
|
+
_this.translate.setDefaultLang('en');
|
|
9200
|
+
/** @type {?} */
|
|
9201
|
+
var lang = (/** @type {?} */ (localStorage.getItem('websiteLanguage')));
|
|
9202
|
+
_this.translate.use(lang);
|
|
9203
|
+
}
|
|
9204
|
+
}));
|
|
9205
|
+
}
|
|
9206
|
+
/**
|
|
9207
|
+
* @return {?}
|
|
9208
|
+
*/
|
|
9209
|
+
CardMDOChannelComponent.prototype.ngOnInit = /**
|
|
9210
|
+
* @return {?}
|
|
9211
|
+
*/
|
|
9212
|
+
function () {
|
|
9213
|
+
/** @type {?} */
|
|
9214
|
+
var instanceConfig = this.configSvc.instanceConfig;
|
|
9215
|
+
if (instanceConfig) {
|
|
9216
|
+
this.defaultThumbnail = instanceConfig.logos.defaultContent || '';
|
|
9217
|
+
this.sourceLogos = instanceConfig.sources;
|
|
9218
|
+
this.defaultSLogo = instanceConfig.logos.defaultSourceLogo || '';
|
|
9219
|
+
}
|
|
9220
|
+
else {
|
|
9221
|
+
this.defaultThumbnail = '/assets/instances/eagle/app_logos/default.png';
|
|
9222
|
+
this.defaultSLogo = '/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg';
|
|
9223
|
+
}
|
|
9224
|
+
};
|
|
9225
|
+
/**
|
|
9226
|
+
* @return {?}
|
|
9227
|
+
*/
|
|
9228
|
+
CardMDOChannelComponent.prototype.raiseTelemetry = /**
|
|
9229
|
+
* @return {?}
|
|
9230
|
+
*/
|
|
9231
|
+
function () {
|
|
9232
|
+
// if(this.forPreview){
|
|
9233
|
+
// return
|
|
9234
|
+
// }
|
|
9235
|
+
this.events.raiseInteractTelemetry({
|
|
9236
|
+
type: 'click',
|
|
9237
|
+
subType: this.widgetType + "-" + this.widgetSubType,
|
|
9238
|
+
id: camelCase(this.widgetData.content.userId) + "-card",
|
|
9239
|
+
}, {
|
|
9240
|
+
id: this.widgetData.content.userId,
|
|
9241
|
+
// type: this.widgetData.user.primaryCategory,
|
|
9242
|
+
//context: this.widgetData.context,
|
|
9243
|
+
rollup: {},
|
|
9244
|
+
}, {
|
|
9245
|
+
pageIdExt: camelCase('user') + "-card",
|
|
9246
|
+
module: camelCase('user'),
|
|
9247
|
+
});
|
|
9248
|
+
};
|
|
9249
|
+
CardMDOChannelComponent.decorators = [
|
|
9250
|
+
{ type: Component, args: [{
|
|
9251
|
+
selector: 'sb-uic-card-mdo-channel',
|
|
9252
|
+
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>",
|
|
9253
|
+
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}"]
|
|
9254
|
+
}] }
|
|
9255
|
+
];
|
|
9256
|
+
/** @nocollapse */
|
|
9257
|
+
CardMDOChannelComponent.ctorParameters = function () { return [
|
|
9258
|
+
{ type: EventService },
|
|
9259
|
+
{ type: TranslateService },
|
|
9260
|
+
{ type: MultilingualTranslationsService$1 },
|
|
9261
|
+
{ type: ConfigurationsService$1 }
|
|
9262
|
+
]; };
|
|
9263
|
+
CardMDOChannelComponent.propDecorators = {
|
|
9264
|
+
widgetData: [{ type: Input }],
|
|
9265
|
+
userData: [{ type: Output }]
|
|
9266
|
+
};
|
|
9267
|
+
return CardMDOChannelComponent;
|
|
9268
|
+
}());
|
|
9269
|
+
if (false) {
|
|
9270
|
+
/** @type {?} */
|
|
9271
|
+
CardMDOChannelComponent.prototype.widgetData;
|
|
9272
|
+
/** @type {?} */
|
|
9273
|
+
CardMDOChannelComponent.prototype.userData;
|
|
9274
|
+
/** @type {?} */
|
|
9275
|
+
CardMDOChannelComponent.prototype.defaultThumbnail;
|
|
9276
|
+
/** @type {?} */
|
|
9277
|
+
CardMDOChannelComponent.prototype.sourceLogos;
|
|
9278
|
+
/** @type {?} */
|
|
9279
|
+
CardMDOChannelComponent.prototype.defaultSLogo;
|
|
9280
|
+
/** @type {?} */
|
|
9281
|
+
CardMDOChannelComponent.prototype.widgetType;
|
|
9282
|
+
/** @type {?} */
|
|
9283
|
+
CardMDOChannelComponent.prototype.widgetSubType;
|
|
9284
|
+
/**
|
|
9285
|
+
* @type {?}
|
|
9286
|
+
* @private
|
|
9287
|
+
*/
|
|
9288
|
+
CardMDOChannelComponent.prototype.events;
|
|
9289
|
+
/**
|
|
9290
|
+
* @type {?}
|
|
9291
|
+
* @private
|
|
9292
|
+
*/
|
|
9293
|
+
CardMDOChannelComponent.prototype.translate;
|
|
9294
|
+
/**
|
|
9295
|
+
* @type {?}
|
|
9296
|
+
* @private
|
|
9297
|
+
*/
|
|
9298
|
+
CardMDOChannelComponent.prototype.langtranslations;
|
|
9299
|
+
/**
|
|
9300
|
+
* @type {?}
|
|
9301
|
+
* @private
|
|
9302
|
+
*/
|
|
9303
|
+
CardMDOChannelComponent.prototype.configSvc;
|
|
9304
|
+
}
|
|
9305
|
+
|
|
9104
9306
|
/**
|
|
9105
9307
|
* @fileoverview added by tsickle
|
|
9106
9308
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
@@ -9110,7 +9312,14 @@ var CardsModule = /** @class */ (function () {
|
|
|
9110
9312
|
}
|
|
9111
9313
|
CardsModule.decorators = [
|
|
9112
9314
|
{ type: NgModule, args: [{
|
|
9113
|
-
declarations: [
|
|
9315
|
+
declarations: [
|
|
9316
|
+
CardResourceComponent,
|
|
9317
|
+
CardsComponent, CardPortraitComponent,
|
|
9318
|
+
CardUserComponent,
|
|
9319
|
+
CardLandscapeComponent,
|
|
9320
|
+
CardWideComponent,
|
|
9321
|
+
CardMDOChannelComponent
|
|
9322
|
+
],
|
|
9114
9323
|
imports: [
|
|
9115
9324
|
CommonModule,
|
|
9116
9325
|
MatCardModule,
|
|
@@ -9131,7 +9340,8 @@ var CardsModule = /** @class */ (function () {
|
|
|
9131
9340
|
CardPortraitComponent,
|
|
9132
9341
|
CardLandscapeComponent,
|
|
9133
9342
|
CardUserComponent,
|
|
9134
|
-
CardWideComponent
|
|
9343
|
+
CardWideComponent,
|
|
9344
|
+
CardMDOChannelComponent
|
|
9135
9345
|
],
|
|
9136
9346
|
},] }
|
|
9137
9347
|
];
|
|
@@ -9643,7 +9853,7 @@ var PillsComponent = /** @class */ (function () {
|
|
|
9643
9853
|
{ type: Component, args: [{
|
|
9644
9854
|
selector: 'sb-uic-pills',
|
|
9645
9855
|
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",
|
|
9646
|
-
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}"]
|
|
9856
|
+
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}"]
|
|
9647
9857
|
}] }
|
|
9648
9858
|
];
|
|
9649
9859
|
/** @nocollapse */
|
|
@@ -10064,6 +10274,12 @@ var UserContentRatingLibComponent = /** @class */ (function () {
|
|
|
10064
10274
|
else {
|
|
10065
10275
|
_this.emptyResponse.emit(true);
|
|
10066
10276
|
}
|
|
10277
|
+
}), (/**
|
|
10278
|
+
* @param {?} _error
|
|
10279
|
+
* @return {?}
|
|
10280
|
+
*/
|
|
10281
|
+
function (_error) {
|
|
10282
|
+
_this.emptyResponse.emit(true);
|
|
10067
10283
|
}));
|
|
10068
10284
|
};
|
|
10069
10285
|
/**
|
|
@@ -10700,5 +10916,5 @@ var UserContentRatingLibModule = /** @class */ (function () {
|
|
|
10700
10916
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
10701
10917
|
*/
|
|
10702
10918
|
|
|
10703
|
-
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,
|
|
10919
|
+
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 };
|
|
10704
10920
|
//# sourceMappingURL=sunbird-cb-consumption.js.map
|