@sunbird-cb/consumption 0.0.41 → 0.0.43

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.
Files changed (43) hide show
  1. package/bundles/sunbird-cb-consumption.umd.js +728 -273
  2. package/bundles/sunbird-cb-consumption.umd.js.map +1 -1
  3. package/bundles/sunbird-cb-consumption.umd.min.js +1 -1
  4. package/bundles/sunbird-cb-consumption.umd.min.js.map +1 -1
  5. package/esm2015/lib/_common/cards/card-karma-programs/card-karma-programs.component.js +2 -2
  6. package/esm2015/lib/_common/cards/card-karma-programs-v2/card-karma-programs-v2.component.js +2 -2
  7. package/esm2015/lib/_common/cards/card-mdo-channel/card-mdo-channel.component.js +3 -3
  8. package/esm2015/lib/_common/cards/card-mdo-channel-v1/card-mdo-channel-v1.component.js +3 -3
  9. package/esm2015/lib/_common/cards/card-wide-v2/card-wide-v2.component.js +1 -1
  10. package/esm2015/lib/_common/cards/cards.module.js +4 -2
  11. package/esm2015/lib/_common/competency-passbook-mdo/competency-passbook-mdo.component.js +332 -0
  12. package/esm2015/lib/_common/competency-passbook-mdo/competency-passbook-mdo.module.js +27 -0
  13. package/esm2015/lib/_common/competency-passbook-mdo/competency-passbook-mdo.service.js +52 -0
  14. package/esm2015/lib/_common/content-strip-with-tabs-lib/content-strip-with-tabs-lib.component.js +1 -2
  15. package/esm2015/lib/_common/sliders/sliders.component.js +2 -2
  16. package/esm2015/lib/_services/widget-content.service.js +1 -2
  17. package/esm2015/public-api.js +2 -1
  18. package/esm2015/sunbird-cb-consumption.js +17 -15
  19. package/esm5/lib/_common/cards/card-karma-programs/card-karma-programs.component.js +2 -2
  20. package/esm5/lib/_common/cards/card-karma-programs-v2/card-karma-programs-v2.component.js +2 -2
  21. package/esm5/lib/_common/cards/card-mdo-channel/card-mdo-channel.component.js +3 -3
  22. package/esm5/lib/_common/cards/card-mdo-channel-v1/card-mdo-channel-v1.component.js +3 -3
  23. package/esm5/lib/_common/cards/card-wide-v2/card-wide-v2.component.js +1 -1
  24. package/esm5/lib/_common/cards/cards.module.js +4 -2
  25. package/esm5/lib/_common/competency-passbook-mdo/competency-passbook-mdo.component.js +383 -0
  26. package/esm5/lib/_common/competency-passbook-mdo/competency-passbook-mdo.module.js +31 -0
  27. package/esm5/lib/_common/competency-passbook-mdo/competency-passbook-mdo.service.js +59 -0
  28. package/esm5/lib/_common/content-strip-with-tabs-lib/content-strip-with-tabs-lib.component.js +1 -2
  29. package/esm5/lib/_common/sliders/sliders.component.js +2 -2
  30. package/esm5/lib/_services/widget-content.service.js +1 -2
  31. package/esm5/public-api.js +2 -1
  32. package/esm5/sunbird-cb-consumption.js +17 -15
  33. package/fesm2015/sunbird-cb-consumption.js +645 -252
  34. package/fesm2015/sunbird-cb-consumption.js.map +1 -1
  35. package/fesm5/sunbird-cb-consumption.js +712 -260
  36. package/fesm5/sunbird-cb-consumption.js.map +1 -1
  37. package/lib/_common/competency-passbook-mdo/competency-passbook-mdo.component.d.ts +43 -0
  38. package/lib/_common/competency-passbook-mdo/competency-passbook-mdo.module.d.ts +2 -0
  39. package/lib/_common/competency-passbook-mdo/competency-passbook-mdo.service.d.ts +8 -0
  40. package/package.json +1 -1
  41. package/public-api.d.ts +1 -0
  42. package/sunbird-cb-consumption.d.ts +15 -13
  43. package/sunbird-cb-consumption.metadata.json +1 -1
@@ -2220,7 +2220,6 @@ class WidgetContentService {
2220
2220
  * @return {?}
2221
2221
  */
2222
2222
  postApiMethod(apiUrl, req) {
2223
- req.query = req.query || '';
2224
2223
  return this.http.post(apiUrl, req);
2225
2224
  }
2226
2225
  /**
@@ -4885,7 +4884,6 @@ class ContentStripWithTabsLibComponent extends WidgetBaseComponent {
4885
4884
  * @return {?}
4886
4885
  */
4887
4886
  results => {
4888
- debugger;
4889
4887
  if (results.result && results.result.content) {
4890
4888
  /** @type {?} */
4891
4889
  const showViewMore = Boolean(results.result.content && results.result.content.length > 5 && strip.stripConfig && strip.stripConfig.postCardForSearch);
@@ -5551,7 +5549,7 @@ class SlidersLibComponent extends WidgetBaseComponent {
5551
5549
  SlidersLibComponent.decorators = [
5552
5550
  { type: Component, args: [{
5553
5551
  selector: 'sb-uic-sliders',
5554
- 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)\">&#10094;</a>\n <a *ngIf=\"widgetData?.length > 1\" role=\"button\" class=\"next\" (click)=\"slideTo(currentIndex + 1)\">&#10095;</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\">&#10094;</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\">&#10095;</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",
5552
+ 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)\">&#10094;</a>\n <a *ngIf=\"widgetData?.length > 1\" role=\"button\" class=\"next\" (click)=\"slideTo(currentIndex + 1)\">&#10095;</a>\n </div>\n</div>\n<div class=\"banner-container-solo \" [style.height]=\"isMobile? styleData?.responsive?.customHeight : styleData?.customHeight\" *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\">&#10094;</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\">&#10095;</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",
5555
5553
  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}}"]
5556
5554
  }] }
5557
5555
  ];
@@ -8788,8 +8786,8 @@ class CardMDOChannelComponent {
8788
8786
  CardMDOChannelComponent.decorators = [
8789
8787
  { type: Component, args: [{
8790
8788
  selector: 'sb-uic-card-mdo-channel',
8791
- 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(widgetData?.content); redirectTo(widgetData?.content); $event.stopPropagation()\"\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?.orgName\" />\n </ng-container>\n <ng-container *ngIf=\"!widgetData?.content?.posterImage\">\n <ng-container *ngIf=\"widgetData?.content?.imgUrl; else defaultImg\">\n <img mat-card-image [src]=\"widgetData?.content?.imgUrl\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData?.content?.orgName\" />\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?.orgName\" />\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?.orgName }}\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </a>\n </ng-container>\n </div>\n</mat-card>",
8792
- 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:20px 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}@media screen and (max-width:768px){.card-channels-container{width:100%;margin:0}}"]
8789
+ 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(widgetData?.content); redirectTo(widgetData?.content); $event.stopPropagation()\"\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?.imgUrl; else defaultImg\">\n <img mat-card-image [src]=\"widgetData?.content?.imgUrl\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData?.content?.orgName\" />\n </ng-container>\n <ng-template #defaultImg>\n <sb-uic-avatar-photo [randomColor]=\"true\" [name]=\"widgetData?.content?.orgName\" [photoUrl]=\"widgetData?.content?.imgUrl\" size=\"m-side-rating\">\n </sb-uic-avatar-photo>\n </ng-template>\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?.orgName }}\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </a>\n </ng-container>\n </div>\n</mat-card>",
8790
+ 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:20px 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}@media screen and (max-width:768px){.card-channels-container{width:100%;margin:0}}"]
8793
8791
  }] }
8794
8792
  ];
8795
8793
  /** @nocollapse */
@@ -8936,7 +8934,7 @@ CardWideV2Component.decorators = [
8936
8934
  { type: Component, args: [{
8937
8935
  selector: 'sb-uic-card-wide-v2',
8938
8936
  template: "<ng-container *ngIf=\"!isCardLoading\">\n <mat-card class=\"card-wide-v2 padding-remove position-relative flex {{widgetData?.cardCustomeClass}}\">\n <div class=\"imageholder \">\n <img mat-card-image class=\"margin-remove\"\n [src]=\"widgetData?.content?.posterImage || widgetData?.content?.appIcon | pipePublicURL\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData?.content?.name\">\n <div class=\"source-div\" [hidden]=\"true\">\n <img [src]=\"widgetData?.content?.creatorLogo\" class=\"source-icon\" [wsUtilsDefaultThumbnail]=\"defaultSLogo\"\n [alt]=\"(widgetData?.content?.sourceName + '_' + widgetData?.content?.identifier)\" />\n </div>\n <div class=\"duration-box right-corner\" *ngIf=\"widgetData?.content?.duration > 0\">\n <mat-icon class=\"mat-icon main_icon mr-1\">access_time</mat-icon>\n <span class=\" ws-mat-white-text duration\"> {{ (widgetData?.content?.duration || 120)| pipeDurationTransform: 'hms' }}</span>\n </div>\n <ng-container *ngIf=\"cbPlanMapData && cbPlanMapData[widgetData?.content?.identifier]\">\n <ng-container [ngTemplateOutlet]=\"cbpPlan\" [ngTemplateOutletContext]=\"{data: {\n cbpData: cbPlanMapData[widgetData?.content?.identifier]\n }}\"></ng-container>\n </ng-container>\n </div>\n <mat-card-content class=\"mat-text-box mb-0\">\n <div class=\"course_widget flex flex-between margin-remove\">\n <div class=\"flex flex-end course_v2\">\n <ng-container *ngIf=\"widgetData?.content?.contentType === 'Resource' || widgetData?.content?.contentType === 'Course' || widgetData?.content?.contentType === 'Module'\">\n <mat-icon class=\"mat-icon main_icon ws-mat-default-text margin-right-xs\">video_library</mat-icon>\n <span class=\"ws-mat-black60-text font-normal mat-caption \">\n {{widgetData?.content?.primaryCategory || widgetData?.content?.contentType}}\n <!-- {{ translateLabel(widgetData.content.primaryCategory || widgetData.content.contentType, 'searchfilters') }} -->\n </span>\n </ng-container>\n </div>\n </div>\n\n <div class=\"flex main_title_box\">\n <p class=\"mat-subheading-1 title-text font-bold-imp cursor-pointer content-title\">\n <a (click)=\"raiseTelemetry(widgetData?.content);getRedirectUrlData(widgetData?.content); $event.stopPropagation()\">\n {{widgetData?.content?.name}}\n </a>\n </p>\n </div>\n\n <div class=\"bottomsection\">\n <div class=\"flex w-full flex-wrap flex-middle provider\">\n <div class=\"course_logo_box\">\n <img [src]=\"widgetData?.content?.creatorLogo | pipePublicURL \" class=\"source-icon\" [wsUtilsDefaultThumbnail]=\"defaultSLogo\"\n [alt]=\"(widgetData?.content?.sourceName + '_' + widgetData?.content?.identifier)\" />\n </div>\n <span class=\"org-text\">By&nbsp;\n <!-- {{'cardcontentv2.by' | translate}} -->\n {{widgetData?.content?.organisation[0] }}</span>\n </div>\n <div class=\"flex flex-middle rating-session margin-top-xs\">\n <div class=\"flex flex-middle\" *ngIf=\"widgetData?.content?.avgRating\">\n <mat-icon>star</mat-icon>\n <span class=\"rating-number\">{{widgetData?.content?.avgRating}}</span>\n </div>\n <!-- <span class=\"most-enrolled-text margin-left-m\">{{ 'cardcontentv2.mostEnrolled' | translate }}</span> -->\n <ng-container *ngIf=\"widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes('mostEnrolled')\">\n <!-- <span class=\"most-enrolled-text margin-left-xs\">{{ 'cardcontentv2.mostEnrolled' | translate }}</span> -->\n </ng-container>\n <ng-container *ngIf=\"widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes('mostTrending')\">\n <!-- <span class=\"most-enrolled-text margin-left-xs\">{{ 'cardcontentv2.mostTrending' | translate }}</span> -->\n </ng-container>\n </div>\n </div>\n </mat-card-content>\n </mat-card>\n <ng-template #cbpPlan let-data=\"data\">\n <div class=\"cbp-mark left-0 border-top-radius\">\n <p *ngIf=\"data?.cbpData?.planDuration === acbpConstants?.UPCOMING\" class=\"cbp-warning\">{{data?.cbpData?.endDate | date: 'd MMM, y'}}</p>\n <p *ngIf=\"data?.cbpData?.planDuration === acbpConstants?.SUCCESS\" class=\"cbp-success\">{{data?.cbpData?.endDate | date: 'd MMM, y'}}</p>\n <p *ngIf=\"data?.cbpData?.planDuration === acbpConstants?.OVERDUE\" class=\"cbp-danger\">{{'OverDue' }}</p>\n </div>\n </ng-template>\n</ng-container>\n <ng-container *ngIf=\"isCardLoading\">\n <mat-card class=\"card-wide-v2 padding-remove position-relative flex\">\n <div class=\"\">\n <sb-uic-skeleton-loader [width]=\"'300px'\" [height]=\"'100%'\" class=\"h-full\" [bindingClass]=\"'flex rounded h-full min-height-width'\"></sb-uic-skeleton-loader>\n </div>\n <mat-card-content class=\"mat-text-box\">\n <div class=\"course_widget flex margin-remove\">\n <div class=\"flex flex-end \">\n <sb-uic-skeleton-loader [width]=\"'100px'\" [height]=\"'21px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n \n <div class=\"flex main_title_box\">\n <!-- <p class=\"mat-subheading-1 title-text font-bold-imp cursor-pointer content-title\"> -->\n <sb-uic-skeleton-loader [width]=\"'100%'\" [height]=\"'21px'\" class=\"w-full h-full mt-2\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n <!-- </p> -->\n </div>\n \n <div class=\"bottomsection\">\n <div class=\"flex w-full flex-wrap flex-middle\">\n <div class=\"course_logo_box mr-2\">\n <sb-uic-skeleton-loader [width]=\"'28px'\" [height]=\"'28px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n <sb-uic-skeleton-loader [width]=\"'100px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n <div class=\"flex flex-middle rating-session margin-top-xs\">\n <div class=\"flex flex-middle mr-2\">\n <sb-uic-skeleton-loader [width]=\"'50px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n <sb-uic-skeleton-loader [width]=\"'80px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n </mat-card-content>\n </mat-card>\n </ng-container>",
8939
- styles: [".course_widget{margin-top:10px}.course_widget .mat-icon{vertical-align:middle;color:#ef951e!important}.course_widget .course_v2{border:1px solid #ef951e;padding:4px 8px;align-items:end;border-radius:16px}.course_widget .main_icon{font-size:16px;width:16px;height:16px}.rating-session mat-icon{font-size:16px;height:16px;width:12px;padding-right:3px;color:#ef951e}.rating-session span{font-size:11px}.rating-session .most-enrolled-text{padding:0 8px;background:#ffea9e;border-radius:4px}.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}.card-wide-v2{border-radius:12px;max-width:100%;min-width:784px;display:flex;background-color:#fff}.card-wide-v2 .title-text{word-break:break-all;white-space:initial;margin:8px 0 4px;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px}.card-wide-v2 .course_logo_box{width:30px;height:30px;background:#fff;border-radius:4px;box-sizing:border-box;border:1px solid rgba(0,0,0,.16)}.card-wide-v2 .course_logo_box img{height:28px;width:28px;display:inline-block;-o-object-fit:cover;object-fit:cover}.card-wide-v2 .course_logo_box p{display:inline-block;vertical-align:top}.card-wide-v2 .org-text{font-size:14px;font-weight:400;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-wide-v2 .rating-session mat-icon{font-size:20px;height:20px;width:20px;color:#ef951e}.card-wide-v2 .rating-session .rating-number{font-size:14px}.card-wide-v2 .rating-session .most-enrolled-text{font-size:12px;padding:0 10px;background:#ffea9e;border-radius:4px}.card-wide-v2 .highlight_point_text{margin-top:15px}.card-wide-v2 ul.highlighting_list li{display:inline-block;padding-right:10px}.card-wide-v2 ul.highlighting_list li .rating-number{letter-spacing:0;color:#f69953}.card-wide-v2 ul.highlighting_list li.rating .mat-icon{width:16px;height:16px;display:inline-table;color:#f69953;font-size:18px;vertical-align:text-bottom}.card-wide-v2 img.text_seperator{vertical-align:middle}.card-wide-v2 .mat-text-box{padding:12px 12px 11px;box-sizing:border-box;width:calc(100% - 315px)}@media (max-width:992px){.card-wide-v2 .mat-text-box{width:66%;padding:8px;position:relative;height:auto}}.card-wide-v2 .mat-text-box p.mat-caption .mat-icon{vertical-align:middle;height:18px!important;width:16px!important;font-size:16px!important;line-height:1.2}.card-wide-v2 .mat-text-box p.mat-caption .title_icon{vertical-align:middle}.card-wide-v2 .imageholder{width:310px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.card-wide-v2 .imageholder img{width:100%;display:block;border-radius:10px 0 0 10px;height:100%;max-height:172px;-o-object-fit:cover;object-fit:cover;vertical-align:middle}@media (max-width:992px){.card-wide-v2 .imageholder{width:34%;height:auto}.card-wide-v2 .imageholder img{height:auto}}.card-wide-v2 .imageholder .source-div{position:absolute;top:12px;right:12px;background:#fff;z-index:3;border:1px solid #dedfe0;min-width:98px;min-height:32px;max-width:98px;max-height:32px;display:flex;border-radius:16px;display:inline-flex}.card-wide-v2 .imageholder .source-div .source-icon{border-radius:8px;display:block;margin:auto;max-width:58px;max-height:-webkit-fill-available}.card-wide-v2 .main_title_box{height:60px}.card-wide-v2 p.actionbtns{margin-bottom:0}.card-wide-v2 .contenticon{vertical-align:middle;margin-right:6px;width:16px;max-height:16px}@media only screen and (min-width:600px) and (max-width:959px){.card-wide-v2{min-width:auto;display:flex;flex-direction:column;min-width:calc(100vw - 32px)}.card-wide-v2 .imageholder,.card-wide-v2 .mat-text-box{width:100%}.card-wide-v2 .provider{flex-wrap:nowrap}}@media only screen and (max-width:599px){.card-wide-v2{min-width:auto;display:flex;flex-direction:column;min-width:calc(100vw - 32px)}.card-wide-v2 .imageholder,.card-wide-v2 .mat-text-box{width:100%}.card-wide-v2 .provider{flex-wrap:nowrap}}.cbp-mark{border-radius:12px 0;opacity:1;background-image:linear-gradient(90deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 100%);position:absolute;top:0;padding:8px}.cbp-mark p{opacity:1;background-color:#fff;padding:4px;opacity:1;color:#1b2133;font-family:Lato-Regular;font-size:10px;font-weight:400;font-style:Regular;letter-spacing:.5px;text-align:left;line-height:12px;margin-bottom:0}.cbpwidth{width:340px}.cbp-plan{border-radius:4px;opacity:1;background-color:#1b4ca1;top:4px;left:4px;opacity:1;color:rgba(255,255,255,.95);font-family:Lato-Bold;font-size:12px;font-weight:700;font-style:normal;letter-spacing:.25px;text-align:center;line-height:16px;padding:4px}.cbp-info{opacity:1;color:#fff;font-family:Lato-Regular;font-size:10px;font-weight:400;font-style:normal;letter-spacing:.5px;text-align:left;line-height:12px;padding:2px}.cbp-danger{border-radius:2px;border:1px solid rgba(0,0,0,.08);background-color:#d13924!important;color:#fff!important;opacity:1}.cbp-success{border-radius:2px;border:1px solid #1d8922;background-color:#1d8922!important;color:#fff!important;opacity:1}.cbp-warning{border-radius:2px;border:1px solid #ef951e;background-color:#ef951e!important;color:#fff!important;opacity:1}.min-width-763{min-width:763px;background-color:#fff}.mb-0{margin-bottom:0!important}"]
8937
+ styles: [".course_widget{margin-top:10px}.course_widget .mat-icon{vertical-align:middle;color:#ef951e!important}.course_widget .course_v2{border:1px solid #ef951e;padding:4px 8px;align-items:end;border-radius:16px}.course_widget .main_icon{font-size:16px;width:16px;height:16px}.rating-session mat-icon{font-size:16px;height:16px;width:12px;padding-right:3px;color:#ef951e}.rating-session span{font-size:11px}.rating-session .most-enrolled-text{padding:0 8px;background:#ffea9e;border-radius:4px}.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}.card-wide-v2{border-radius:12px;max-width:100%;min-width:784px;display:flex;background-color:#fff}.card-wide-v2 .title-text{word-break:break-all;white-space:initial;margin:8px 0 4px;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px}.card-wide-v2 .course_logo_box{width:38px;height:38px;background:#fff;border-radius:4px;box-sizing:border-box;border:1px solid rgba(0,0,0,.16)}.card-wide-v2 .course_logo_box img{height:28px;width:28px;padding:5px;display:inline-block;-o-object-fit:cover;object-fit:cover}.card-wide-v2 .course_logo_box p{display:inline-block;vertical-align:top}.card-wide-v2 .org-text{font-size:14px;font-weight:400;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-wide-v2 .rating-session mat-icon{font-size:20px;height:20px;width:20px;color:#ef951e}.card-wide-v2 .rating-session .rating-number{font-size:14px}.card-wide-v2 .rating-session .most-enrolled-text{font-size:12px;padding:0 10px;background:#ffea9e;border-radius:4px}.card-wide-v2 .highlight_point_text{margin-top:15px}.card-wide-v2 ul.highlighting_list li{display:inline-block;padding-right:10px}.card-wide-v2 ul.highlighting_list li .rating-number{letter-spacing:0;color:#f69953}.card-wide-v2 ul.highlighting_list li.rating .mat-icon{width:16px;height:16px;display:inline-table;color:#f69953;font-size:18px;vertical-align:text-bottom}.card-wide-v2 img.text_seperator{vertical-align:middle}.card-wide-v2 .mat-text-box{padding:12px 12px 11px;box-sizing:border-box;width:calc(100% - 315px)}@media (max-width:992px){.card-wide-v2 .mat-text-box{width:66%;padding:8px;position:relative;height:auto}}.card-wide-v2 .mat-text-box p.mat-caption .mat-icon{vertical-align:middle;height:18px!important;width:16px!important;font-size:16px!important;line-height:1.2}.card-wide-v2 .mat-text-box p.mat-caption .title_icon{vertical-align:middle}.card-wide-v2 .imageholder{width:310px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.card-wide-v2 .imageholder img{width:100%;display:block;border-radius:10px 0 0 10px;height:100%;max-height:172px;-o-object-fit:cover;object-fit:cover;vertical-align:middle}@media (max-width:992px){.card-wide-v2 .imageholder{width:34%;height:auto}.card-wide-v2 .imageholder img{height:auto}}.card-wide-v2 .imageholder .source-div{position:absolute;top:12px;right:12px;background:#fff;z-index:3;border:1px solid #dedfe0;min-width:98px;min-height:32px;max-width:98px;max-height:32px;display:flex;border-radius:16px;display:inline-flex}.card-wide-v2 .imageholder .source-div .source-icon{border-radius:8px;display:block;margin:auto;max-width:58px;max-height:-webkit-fill-available}.card-wide-v2 .main_title_box{height:60px}.card-wide-v2 p.actionbtns{margin-bottom:0}.card-wide-v2 .contenticon{vertical-align:middle;margin-right:6px;width:16px;max-height:16px}@media only screen and (min-width:600px) and (max-width:959px){.card-wide-v2{min-width:auto;display:flex;flex-direction:column;min-width:calc(100vw - 32px)}.card-wide-v2 .imageholder,.card-wide-v2 .mat-text-box{width:100%}.card-wide-v2 .provider{flex-wrap:nowrap}}@media only screen and (max-width:599px){.card-wide-v2{min-width:auto;display:flex;flex-direction:column;min-width:calc(100vw - 32px)}.card-wide-v2 .imageholder,.card-wide-v2 .mat-text-box{width:100%}.card-wide-v2 .provider{flex-wrap:nowrap}}.cbp-mark{border-radius:12px 0;opacity:1;background-image:linear-gradient(90deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 100%);position:absolute;top:0;padding:8px}.cbp-mark p{opacity:1;background-color:#fff;padding:4px;opacity:1;color:#1b2133;font-family:Lato-Regular;font-size:10px;font-weight:400;font-style:Regular;letter-spacing:.5px;text-align:left;line-height:12px;margin-bottom:0}.cbpwidth{width:340px}.cbp-plan{border-radius:4px;opacity:1;background-color:#1b4ca1;top:4px;left:4px;opacity:1;color:rgba(255,255,255,.95);font-family:Lato-Bold;font-size:12px;font-weight:700;font-style:normal;letter-spacing:.25px;text-align:center;line-height:16px;padding:4px}.cbp-info{opacity:1;color:#fff;font-family:Lato-Regular;font-size:10px;font-weight:400;font-style:normal;letter-spacing:.5px;text-align:left;line-height:12px;padding:2px}.cbp-danger{border-radius:2px;border:1px solid rgba(0,0,0,.08);background-color:#d13924!important;color:#fff!important;opacity:1}.cbp-success{border-radius:2px;border:1px solid #1d8922;background-color:#1d8922!important;color:#fff!important;opacity:1}.cbp-warning{border-radius:2px;border:1px solid #ef951e;background-color:#ef951e!important;color:#fff!important;opacity:1}.min-width-763{min-width:763px;background-color:#fff}.mb-0{margin-bottom:0!important}"]
8940
8938
  }] }
8941
8939
  ];
8942
8940
  /** @nocollapse */
@@ -9118,7 +9116,7 @@ class CardKarmaProgramsComponent {
9118
9116
  CardKarmaProgramsComponent.decorators = [
9119
9117
  { type: Component, args: [{
9120
9118
  selector: 'sb-uic-card-karma-programs',
9121
- template: "<ng-container *ngIf=\"!isCardLoading\">\n <mat-card class=\"channels-card card-channels-container mr-5 padding-remove cursor-pointer\" [ngStyle]=\"{'background': widgetData?.content?.bgColor}\">\n <div class=\"display-contents\">\n <ng-container *ngIf=\"widgetData?.content\">\n <a (click)=\"redirectTo(widgetData?.content);$event.stopPropagation();\">\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?.title\" />\n </ng-container>\n <ng-container *ngIf=\"!widgetData?.content?.posterImage\">\n <ng-container *ngIf=\"widgetData?.content?.imgSource && widgetData?.content?.imgSource?.length; else defaultImg\">\n <img mat-card-image [src]=\"widgetData?.content?.imgSource[0] | pipePublicURL\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData?.content?.title\" />\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?.title\" />\n </ng-template>\n </ng-container>\n </div>\n <div class=\"title-container\">\n <div class=\"flex px-2\">\n <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n class=\"flex-1 text-start mat-subheading-2 title-text ws-mat-white-text\">\n {{ widgetData?.content?.title }}\n </div>\n </div>\n <div class=\"flex px-2\">\n <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n class=\"flex-1 text-start margin-remove margin-top-xxs mat-subheading-2 title-text ws-mat-white-text\">\n {{ widgetData?.content?.children?.length}} Programs\n </div>\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </a>\n </ng-container>\n </div>\n </mat-card>\n</ng-container>\n<ng-container *ngIf=\"isCardLoading\">\n <mat-card class=\"channels-card card-channels-container mr-5 padding-remove cursor-pointer\" >\n <div class=\"display-contents\">\n <ng-container >\n <a >\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 >\n <sb-uic-skeleton-loader [width]=\"'100%'\" [height]=\"'100%'\" class=\"w-full h-full\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </ng-container>\n </div>\n <div class=\"title-container\">\n <div class=\"flex px-2\">\n <div class=\"flex-1 text-start mat-subheading-2 title-text ws-mat-white-text\">\n <sb-uic-skeleton-loader [width]=\"'100%'\" [height]=\"'100%'\" class=\"w-full h-full\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n <div class=\"flex px-2\">\n <div class=\"flex-1 text-start margin-remove margin-top-xxs mat-subheading-2 title-text ws-mat-white-text\">\n <sb-uic-skeleton-loader [width]=\"'120px'\" [height]=\"'100%'\" class=\"w-full h-full\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </a>\n </ng-container>\n </div>\n </mat-card>\n</ng-container>",
9119
+ template: "<ng-container *ngIf=\"!isCardLoading\">\n <mat-card class=\"channels-card card-channels-container mr-5 padding-remove cursor-pointer\" [ngStyle]=\"{'background': widgetData?.content?.bgColor}\">\n <div class=\"display-contents\">\n <ng-container *ngIf=\"widgetData?.content\">\n <a (click)=\"redirectTo(widgetData?.content);$event.stopPropagation();\">\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?.imgSource && widgetData?.content?.imgSource?.length ; else defaultImg\">\n <img mat-card-image [src]=\"widgetData?.content?.imgSource[0]\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData?.content?.title\" />\n </ng-container>\n <ng-template #defaultImg>\n <sb-uic-avatar-photo [randomColor]=\"true\" [name]=\"widgetData?.content?.title\" size=\"m-side-rating\">\n </sb-uic-avatar-photo>\n </ng-template>\n </div>\n <div class=\"title-container\">\n <div class=\"flex px-2\">\n <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n class=\"flex-1 text-start mat-subheading-2 title-text ws-mat-white-text\">\n {{ widgetData?.content?.title }}\n </div>\n </div>\n <div class=\"flex px-2\">\n <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n class=\"flex-1 text-start margin-remove margin-top-xxs mat-subheading-2 title-text ws-mat-white-text\">\n {{ widgetData?.content?.children?.length}} Programs\n </div>\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </a>\n </ng-container>\n </div>\n </mat-card>\n</ng-container>\n<ng-container *ngIf=\"isCardLoading\">\n <mat-card class=\"channels-card card-channels-container mr-5 padding-remove cursor-pointer\" >\n <div class=\"display-contents\">\n <ng-container >\n <a >\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 >\n <sb-uic-skeleton-loader [width]=\"'100%'\" [height]=\"'100%'\" class=\"w-full h-full\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </ng-container>\n </div>\n <div class=\"title-container\">\n <div class=\"flex px-2\">\n <div class=\"flex-1 text-start mat-subheading-2 title-text ws-mat-white-text\">\n <sb-uic-skeleton-loader [width]=\"'100%'\" [height]=\"'100%'\" class=\"w-full h-full\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n <div class=\"flex px-2\">\n <div class=\"flex-1 text-start margin-remove margin-top-xxs mat-subheading-2 title-text ws-mat-white-text\">\n <sb-uic-skeleton-loader [width]=\"'120px'\" [height]=\"'100%'\" class=\"w-full h-full\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </a>\n </ng-container>\n </div>\n </mat-card>\n</ng-container>",
9122
9120
  styles: [".card-channels-container{position:relative;width:245px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;min-height:217px;height:217px;max-height:217px;margin:20px 8px;background:#1a4ca1;border-radius:12px}.card-channels-container .min-top{background:inherit;margin-bottom:0;height:inherit}.card-channels-container .image-container{background-color:#fff;width:inherit;height:139px;max-height:139px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-top-left-radius:12px;border-top-right-radius:12px}.card-channels-container .card-img{max-height:100%;min-height:100%;display:block;-o-object-fit:fill;object-fit:fill}.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:1;-webkit-box-orient:vertical;min-height:24px}"]
9123
9121
  }] }
9124
9122
  ];
@@ -9286,7 +9284,7 @@ class CardKarmaProgramsV2Component {
9286
9284
  CardKarmaProgramsV2Component.decorators = [
9287
9285
  { type: Component, args: [{
9288
9286
  selector: 'sb-uic-card-karma-programs-v2',
9289
- template: "<mat-card class=\"channels-card card-channels-container mr-5 padding-remove cursor-pointer\" [ngStyle]=\"{'background': widgetData?.content?.bgColor}\">\n <div class=\"display-contents\">\n <ng-container *ngIf=\"widgetData?.content\">\n <a (click)=\"redirectTo(widgetData?.content);$event.stopPropagation()\">\n <ng-container>\n <mat-card-content class=\"min-top\">\n <div class=\"flex flex-row md: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?.title\" />\n </ng-container>\n <ng-container *ngIf=\"!widgetData?.content?.posterImage\">\n <ng-container *ngIf=\"widgetData?.content?.imgSource && widgetData?.content?.imgSource?.length; else defaultImg\">\n <img mat-card-image [src]=\"widgetData?.content?.imgSource[0] | pipePublicURL\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData?.content?.title\" />\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?.title\" />\n </ng-template>\n </ng-container>\n </div>\n <div class=\"flex items-center\">\n <div class=\"title-container\">\n <div class=\"flex px-2\">\n <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n class=\"flex-1 text-start mat-subheading-2 title-text ws-mat-white-text\">\n {{ widgetData?.content?.title }}\n </div>\n </div>\n <div class=\"flex px-2\">\n <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n class=\"flex-1 text-start margin-remove margin-top-xxs mat-subheading-2 title-text ws-mat-white-text\">\n {{ widgetData?.content?.children?.length}} Programs\n </div>\n </div>\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </a>\n </ng-container>\n </div>\n</mat-card>",
9287
+ template: "<mat-card class=\"channels-card card-channels-container mr-5 padding-remove cursor-pointer\" [ngStyle]=\"{'background': widgetData?.content?.bgColor}\">\n <div class=\"display-contents\">\n <ng-container *ngIf=\"widgetData?.content\">\n <a (click)=\"redirectTo(widgetData?.content);$event.stopPropagation()\">\n <ng-container>\n <mat-card-content class=\"min-top\">\n <div class=\"flex flex-row md:flex-col h-full\">\n <div class=\"image-container\">\n <ng-container *ngIf=\"widgetData?.content?.imgSource && widgetData?.content?.imgSource?.length ; else defaultImg\">\n <img mat-card-image [src]=\"widgetData?.content?.imgSource[0]\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData?.content?.title\" />\n </ng-container>\n <ng-template #defaultImg>\n <sb-uic-avatar-photo [randomColor]=\"true\" [name]=\"widgetData?.content?.title\" size=\"m-side-rating\">\n </sb-uic-avatar-photo>\n </ng-template>\n </div>\n <div class=\"flex items-center\">\n <div class=\"title-container\">\n <div class=\"flex px-2\">\n <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n class=\"flex-1 text-start mat-subheading-2 title-text ws-mat-white-text\">\n {{ widgetData?.content?.title }}\n </div>\n </div>\n <div class=\"flex px-2\">\n <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n class=\"flex-1 text-start margin-remove margin-top-xxs mat-subheading-2 title-text ws-mat-white-text\">\n {{ widgetData?.content?.children?.length}} Programs\n </div>\n </div>\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </a>\n </ng-container>\n </div>\n</mat-card>",
9290
9288
  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:233px;height:233px;max-height:233px;margin:0 8px;background:#1a4ca1;border-radius:12px}.card-channels-container .min-top{background:inherit;margin-bottom:0;height:inherit}.card-channels-container .image-container{background-color:#fff;width:inherit;height:156px;max-height:156px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-top-left-radius:12px;border-top-right-radius:12px}.card-channels-container .card-img{max-height:100%;min-height:100%;display:block;-o-object-fit:fill;object-fit:fill}.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:1;-webkit-box-orient:vertical;min-height:24px}@media screen and (max-width:768px){.card-channels-container{width:100%;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;min-height:unset;height:unset;max-height:unset;margin:0;padding:8px!important}.image-container{background-color:#fff;width:155px!important;min-width:155px!important;max-width:155px!important;height:106px!important;max-height:106px!important;border-radius:12px}}"]
9291
9289
  }] }
9292
9290
  ];
@@ -9593,8 +9591,8 @@ class CardMdoChannelV1Component {
9593
9591
  CardMdoChannelV1Component.decorators = [
9594
9592
  { type: Component, args: [{
9595
9593
  selector: 'sb-uic-card-mdo-channel-v1',
9596
- 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(widgetData?.content); redirectTo(widgetData?.content); $event.stopPropagation()\"\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?.orgName\" />\n </ng-container>\n <ng-container *ngIf=\"!widgetData?.content?.posterImage\">\n <ng-container *ngIf=\"widgetData?.content?.imgUrl; else defaultImg\">\n <img mat-card-image [src]=\"widgetData?.content?.imgUrl\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData?.content?.orgName\" />\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?.orgName\" />\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?.orgName }}\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </a>\n </ng-container>\n </div>\n</mat-card>",
9597
- styles: [".card-channels-container{position:relative;width:245px;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:20px 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}"]
9594
+ 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(widgetData?.content); redirectTo(widgetData?.content); $event.stopPropagation()\"\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?.imgUrl; else defaultImg\">\n <img mat-card-image [src]=\"widgetData?.content?.imgUrl\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData?.content?.orgName\" />\n </ng-container>\n <ng-template #defaultImg>\n <sb-uic-avatar-photo [randomColor]=\"true\" [name]=\"widgetData?.content?.orgName\" [photoUrl]=\"widgetData?.content?.imgUrl\" size=\"m-side-rating\">\n </sb-uic-avatar-photo>\n </ng-template>\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?.orgName }}\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </a>\n </ng-container>\n </div>\n</mat-card>",
9595
+ styles: [".card-channels-container{position:relative;width:245px;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:20px 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}"]
9598
9596
  }] }
9599
9597
  ];
9600
9598
  /** @nocollapse */
@@ -9657,6 +9655,186 @@ if (false) {
9657
9655
  CardMdoChannelV1Component.prototype.router;
9658
9656
  }
9659
9657
 
9658
+ /**
9659
+ * @fileoverview added by tsickle
9660
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
9661
+ */
9662
+ class AvatarPhotoLibComponent {
9663
+ constructor() {
9664
+ this.size = '';
9665
+ this.defaulfColor = '';
9666
+ this.randomColor = false;
9667
+ this.showBadge = false;
9668
+ this.showInitials = false;
9669
+ this.random = Math.random().toString(36).slice(2);
9670
+ // public initials!: string
9671
+ this.colors = [
9672
+ '#EB7181',
9673
+ '#306933',
9674
+ '#000000',
9675
+ '#3670B2',
9676
+ '#4E9E87',
9677
+ '#7E4C8D',
9678
+ ];
9679
+ this.randomcolors = [
9680
+ '#EB7181',
9681
+ '#006400',
9682
+ '#000000',
9683
+ '#3670B2',
9684
+ '#4E9E87',
9685
+ '#7E4C8D',
9686
+ ];
9687
+ }
9688
+ /**
9689
+ * @return {?}
9690
+ */
9691
+ ngOnInit() {
9692
+ if (!this.photoUrl) {
9693
+ this.showInitials = true;
9694
+ if (!this.initials) {
9695
+ this.createInititals();
9696
+ }
9697
+ if (this.datalen === 1) {
9698
+ if (this.defaulfColor) {
9699
+ this.randomcolors = [
9700
+ this.defaulfColor
9701
+ ];
9702
+ }
9703
+ else {
9704
+ this.randomcolors = [
9705
+ '#006400',
9706
+ ];
9707
+ }
9708
+ }
9709
+ /** @type {?} */
9710
+ const randomIndex = Math.floor(Math.random() * Math.floor(this.colors.length));
9711
+ this.circleColor = this.colors[randomIndex];
9712
+ if (this.randomColor) {
9713
+ /** @type {?} */
9714
+ const randomIndex1 = Math.floor(Math.random() * Math.floor(this.randomcolors.length));
9715
+ this.circleColor = this.randomcolors[randomIndex1];
9716
+ }
9717
+ }
9718
+ }
9719
+ /**
9720
+ * @param {?} change
9721
+ * @return {?}
9722
+ */
9723
+ ngOnChanges(change) {
9724
+ if (change.name.currentValue !== change.name.previousValue && !change.name.firstChange) {
9725
+ this.createInititals();
9726
+ }
9727
+ }
9728
+ /**
9729
+ * @return {?}
9730
+ */
9731
+ get userInitials() {
9732
+ return this.initials;
9733
+ }
9734
+ /**
9735
+ * @private
9736
+ * @return {?}
9737
+ */
9738
+ createInititals() {
9739
+ /** @type {?} */
9740
+ let initials = '';
9741
+ /** @type {?} */
9742
+ const array = `${this.name} `.toString().split(' ');
9743
+ if (array[0] !== 'undefined' && typeof array[1] !== 'undefined') {
9744
+ initials += array[0].charAt(0);
9745
+ initials += array[1].charAt(0);
9746
+ }
9747
+ else {
9748
+ for (let i = 0; i < this.name.length; i += 1) {
9749
+ if (this.name.charAt(i) === ' ') {
9750
+ continue;
9751
+ }
9752
+ if (this.name.charAt(i) === this.name.charAt(i)) {
9753
+ initials += this.name.charAt(i);
9754
+ if (initials.length === 2) {
9755
+ break;
9756
+ }
9757
+ }
9758
+ }
9759
+ }
9760
+ this.initials = initials.toUpperCase();
9761
+ }
9762
+ }
9763
+ AvatarPhotoLibComponent.decorators = [
9764
+ { type: Component, args: [{
9765
+ selector: 'sb-uic-avatar-photo',
9766
+ template: "<div id=\"user_icon\" [ngClass]=\"{'circle-s' : size=== 's',\n'circle-m' : size=== 'm',\n'circle-l' : size=== 'l',\n'circle-xl' : size=== 'xl',\n'circle-xxl' : size=== 'xxl',\n'circle-l-xs' : size=== 'l-xs',\n'circle-l-s' : size=== 'l-s',\n'circle-xl-s' : size=== 'xl-s',\n'circle-r-m': size=== 'round-m',\n'circle-r-p-m': size=== 'profile-round-m',\n'circle-m-side': size=== 'm-side',\n'circle-r-m-48': size=== 'm-side-rating',\n'circle-m-recommended': size==='m-recommended',\n'circle-xxl-s': size=== 'xxl-s'}\" [ngStyle]=\"{'background-color': circleColor }\">\n <img *ngIf=\"!showInitials\" loading=\"lazy\" src=\"{{photoUrl}}\" [alt]=\"photoUrl? '' :(name || userInitials || size || random)\">\n\n <div *ngIf=\"showInitials\" class=\"initials\" i18n-aria-label>\n {{ userInitials }} \n </div>\n <div *ngIf=\"showBadge\"><span class=\"profile-badge\"> \n <img src=\"fusion-assets/images/profile-badge.png\">\n </span></div>\n\n <!-- <div *ngIf=\"imageType === 'user-photo'\">\n <img *ngIf=\"imageUrl\" [src]=\"imageUrl\" alt=\"user-image\" class=\"user-image\" [ngClass]=\"{'user-image-small': imageSize === 'small'}\">\n <div class=\"user-image\" [ngClass]=\"{'user-image-small': imageSize === 'small'}\">\n <span class=\"name-initials-image font-normal ws-mat-primary-default-text ws-mat-accent-background\"\n *ngIf=\"!imageUrl\">{{ shortName }}</span>\n </div>\n </div> -->\n</div>",
9767
+ styles: ["@charset \"UTF-8\";.success-checkmark::after{content:\"\u2714\";position:absolute;left:25px;top:20px;width:11px;height:11px;border:1px solid #1d8923;background:#1d8923;border-radius:50%;color:#fff;line-height:11px;text-align:center;font-size:9px}.profile-badge{position:absolute;top:10px;right:0}.profile-badge img{height:15px!important;width:15px!important}.circle-s{border-radius:50%;width:24px;height:24px;display:flex;justify-content:center;align-items:center}.circle-s img{border-radius:50%;width:100%;height:100%}.circle-s .initials{color:#fff;font-size:10px;line-height:12px;letter-spacing:.2625px}.circle-m{border-radius:50%;width:72px!important;height:72px!important;display:flex;justify-content:center;align-items:center;margin-top:-36px}.circle-m img{border-radius:10%;width:40px;height:40px}.circle-m .initials{color:#fff;font-size:14px;line-height:19px;letter-spacing:.2625px}.circle-l{border-radius:50%;width:80px;height:80px;display:flex;justify-content:center;align-items:center}.circle-l img{border-radius:10%;width:80px;height:80px}.circle-l .initials{color:#fff;font-size:20px;line-height:19px;letter-spacing:.2625px}.circle-xl{border-radius:50%;width:105px;height:105px;display:flex;justify-content:center;align-items:center}.circle-xl img{border-radius:10%;width:105px;height:105px}.circle-xl .initials{color:#fff;font-size:20px;line-height:19px;letter-spacing:.2625px}.circle-xxl{border-radius:50%;width:145px;height:145px;display:flex;justify-content:center;align-items:center}.circle-xxl img{border-radius:10%;width:145px;height:145px}.circle-xxl .initials{color:#fff;font-size:20px;line-height:19px;letter-spacing:.2625px}.circle-l-xs{border-radius:50%;width:29px;height:29px;display:flex;justify-content:center;align-items:center}.circle-l-xs img{border-radius:50%;width:100%;height:100%}.circle-l-xs .initials{color:#fff;font-size:12px;line-height:12px;letter-spacing:.2625px}.circle-l-s{border-radius:50%;width:80px;height:80px;display:flex;justify-content:center;align-items:center}.circle-l-s img{border-radius:4px;width:80px;height:80px}.circle-l-s .initials{color:#fff;font-size:24px;line-height:24px;letter-spacing:.2625px}.circle-xl-s{border-radius:50%;width:125px;height:125px;display:flex;justify-content:center;align-items:center}.circle-xl-s img{border-radius:4px;width:152px;height:125px}.circle-xl-s .initials{color:#fff;font-size:32px;line-height:32px;letter-spacing:.2625px}.circle-xxl-s{border-radius:50%;width:208px;height:208px;display:flex;justify-content:center;align-items:center}.circle-xxl-s img{border-radius:50%;width:100%;height:100%}.circle-xxl-s .initials{color:#fff;font-size:40px;line-height:40px;letter-spacing:.2625px}.circle-r-m{border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center}.circle-r-m img{border-radius:50%;width:100%;height:100%}.circle-r-m .initials{color:#fff;font-size:16px;line-height:40px;letter-spacing:.2625px}.circle-r-m-48{border-radius:50%;width:48px;height:48px;display:flex;justify-content:center;align-items:center}.circle-r-m-48 img{border-radius:50%;width:100%;height:100%}.circle-r-m-48 .initials{color:#fff;font-size:16px;line-height:40px;letter-spacing:.2625px}.circle-r-p-m{border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.circle-r-p-m img{border-radius:50%;width:100%;height:100%}.circle-r-p-m .initials{color:#fff;font-size:16px;line-height:40px;letter-spacing:.2625px}.circle-m-side{border-radius:50%;width:72px!important;height:72px!important;display:flex;justify-content:center;align-items:center}.circle-m-side img{border-radius:10%;width:40px;height:40px}.circle-m-side .initials{color:#fff;font-size:14px;line-height:19px;letter-spacing:.2625px}@media only screen and (max-width:960px){.circle-xxl-s{width:100px;height:100px}.circle-xxl-s .initials{font-size:24px;line-height:24px}}.circle-m-recommended{border-radius:50%;width:72px!important;height:72px!important;display:flex;justify-content:center;align-items:center;margin-top:-49px}.circle-m-recommended img{border-radius:10%;width:40px;height:40px}.circle-m-recommended .initials{color:#fff;font-size:14px;line-height:19px;letter-spacing:.2625px}.circle-l-s::before{content:\"\";border:1px solid red}"]
9768
+ }] }
9769
+ ];
9770
+ AvatarPhotoLibComponent.propDecorators = {
9771
+ datalen: [{ type: Input }],
9772
+ photoUrl: [{ type: Input }],
9773
+ name: [{ type: Input }],
9774
+ size: [{ type: Input }],
9775
+ defaulfColor: [{ type: Input }],
9776
+ randomColor: [{ type: Input }],
9777
+ initials: [{ type: Input }],
9778
+ showBadge: [{ type: Input }]
9779
+ };
9780
+ if (false) {
9781
+ /** @type {?} */
9782
+ AvatarPhotoLibComponent.prototype.datalen;
9783
+ /** @type {?} */
9784
+ AvatarPhotoLibComponent.prototype.photoUrl;
9785
+ /** @type {?} */
9786
+ AvatarPhotoLibComponent.prototype.name;
9787
+ /** @type {?} */
9788
+ AvatarPhotoLibComponent.prototype.size;
9789
+ /** @type {?} */
9790
+ AvatarPhotoLibComponent.prototype.defaulfColor;
9791
+ /** @type {?} */
9792
+ AvatarPhotoLibComponent.prototype.randomColor;
9793
+ /** @type {?} */
9794
+ AvatarPhotoLibComponent.prototype.initials;
9795
+ /** @type {?} */
9796
+ AvatarPhotoLibComponent.prototype.showBadge;
9797
+ /** @type {?} */
9798
+ AvatarPhotoLibComponent.prototype.showInitials;
9799
+ /** @type {?} */
9800
+ AvatarPhotoLibComponent.prototype.circleColor;
9801
+ /** @type {?} */
9802
+ AvatarPhotoLibComponent.prototype.random;
9803
+ /**
9804
+ * @type {?}
9805
+ * @private
9806
+ */
9807
+ AvatarPhotoLibComponent.prototype.colors;
9808
+ /**
9809
+ * @type {?}
9810
+ * @private
9811
+ */
9812
+ AvatarPhotoLibComponent.prototype.randomcolors;
9813
+ }
9814
+
9815
+ /**
9816
+ * @fileoverview added by tsickle
9817
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
9818
+ */
9819
+ class AvatarPhotoLibModule {
9820
+ }
9821
+ AvatarPhotoLibModule.decorators = [
9822
+ { type: NgModule, args: [{
9823
+ declarations: [AvatarPhotoLibComponent],
9824
+ imports: [
9825
+ CommonModule,
9826
+ RouterModule,
9827
+ MatButtonModule,
9828
+ MatIconModule,
9829
+ MatMenuModule,
9830
+ MatRippleModule,
9831
+ SbUiResolverModule,
9832
+ ],
9833
+ exports: [AvatarPhotoLibComponent],
9834
+ entryComponents: [AvatarPhotoLibComponent],
9835
+ },] }
9836
+ ];
9837
+
9660
9838
  /**
9661
9839
  * @fileoverview added by tsickle
9662
9840
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -9689,7 +9867,8 @@ CardsModule.decorators = [
9689
9867
  DisplayContentTypeLibModule,
9690
9868
  DefaultThumbnailModule,
9691
9869
  PipeDurationTransformModule,
9692
- SkeletonLoaderLibModule
9870
+ SkeletonLoaderLibModule,
9871
+ AvatarPhotoLibModule
9693
9872
  ],
9694
9873
  entryComponents: [CardsComponent],
9695
9874
  exports: [
@@ -10254,34 +10433,12 @@ CompetencyPassbookModule.decorators = [
10254
10433
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
10255
10434
  */
10256
10435
  /** @type {?} */
10257
- const PROXY_SLAG_V8 = '/apis/proxies/v8';
10258
- const ɵ0$3 = /**
10259
- * @param {?} contentId
10260
- * @param {?} contentType
10261
- * @param {?} userId
10262
- * @return {?}
10263
- */
10264
- (contentId, contentType, userId) => `${PROXY_SLAG_V8}/ratings/v1/read/${contentId}/${contentType}/${userId}`, ɵ1$2 = /**
10265
- * @param {?} contentId
10266
- * @param {?} contentType
10267
- * @return {?}
10268
- */
10269
- (contentId, contentType) => `${PROXY_SLAG_V8}/ratings/v1/summary/${contentId}/${contentType}`, ɵ2$2 = /**
10270
- * @param {?} contentId
10271
- * @param {?} userID
10272
- * @return {?}
10273
- */
10274
- (contentId, userID) => `${PROXY_SLAG_V8}/ratings/v1/read/${contentId}/Course/${userID}`;
10275
- /** @type {?} */
10276
- const API_END_POINTS$3 = {
10277
- GET_RATING: (ɵ0$3),
10278
- ADD_OR_UPDATE: `${PROXY_SLAG_V8}/ratings/v1/upsert`,
10279
- GET_RATING_SUMMARY: (ɵ1$2),
10280
- GET_RATING_LOOKUP: `${PROXY_SLAG_V8}/ratings/v1/ratingLookUp`,
10281
- GET_AUTHOR_REPLY: (ɵ2$2),
10282
- POST_AUTHOR_REPLY: `${PROXY_SLAG_V8}/ratings/v2/read`,
10436
+ const API_POINTS$1 = {
10437
+ COMPETENCY_LIST: `apis/proxies/v8/competency/v4/search`,
10438
+ competency_URL: `apis/proxies/v8/v1/search/competenciesByOrg/`,
10283
10439
  };
10284
- class RatingService {
10440
+ class CompetencyPassbookMdoService {
10441
+ // tslint: disable-next-line: whitespace
10285
10442
  /**
10286
10443
  * @param {?} http
10287
10444
  */
@@ -10289,48 +10446,464 @@ class RatingService {
10289
10446
  this.http = http;
10290
10447
  }
10291
10448
  /**
10292
- * @param {?} contentId
10293
- * @param {?} contentType
10294
- * @param {?} userId
10295
- * @return {?}
10296
- */
10297
- getRating(contentId, contentType, userId) {
10298
- /** @type {?} */
10299
- const forPreview = window.location.href.includes('/public/') || window.location.href.includes('&preview=true');
10300
- if (!forPreview) {
10301
- return this.http.get(API_END_POINTS$3.GET_RATING(contentId, contentType, userId));
10302
- }
10303
- return of({});
10304
- }
10305
- /**
10306
- * @param {?} req
10449
+ * @param {?} payload
10307
10450
  * @return {?}
10308
10451
  */
10309
- addOrUpdateRating(req) {
10310
- return this.http.post(API_END_POINTS$3.ADD_OR_UPDATE, req);
10452
+ getCompetencyList(payload) {
10453
+ return this.http.post(API_POINTS$1.COMPETENCY_LIST, payload);
10311
10454
  }
10312
10455
  /**
10313
- * @param {?} contentId
10314
- * @param {?} contentType
10456
+ * @param {?} providerId
10315
10457
  * @return {?}
10316
10458
  */
10317
- getRatingSummary(contentId, contentType) {
10318
- /** @type {?} */
10319
- const forPreview = window.location.href.includes('/public/') || window.location.href.includes('&preview=true');
10320
- if (!forPreview) {
10321
- return this.http.get(API_END_POINTS$3.GET_RATING_SUMMARY(contentId, contentType));
10322
- }
10323
- return of({});
10459
+ mdoCompetency(providerId) {
10460
+ return this.http.get(API_POINTS$1.competency_URL + providerId);
10324
10461
  }
10462
+ }
10463
+ CompetencyPassbookMdoService.decorators = [
10464
+ { type: Injectable, args: [{ providedIn: 'root' },] }
10465
+ ];
10466
+ /** @nocollapse */
10467
+ CompetencyPassbookMdoService.ctorParameters = () => [
10468
+ { type: HttpClient }
10469
+ ];
10470
+ /** @nocollapse */ CompetencyPassbookMdoService.ngInjectableDef = ɵɵdefineInjectable({ factory: function CompetencyPassbookMdoService_Factory() { return new CompetencyPassbookMdoService(ɵɵinject(HttpClient)); }, token: CompetencyPassbookMdoService, providedIn: "root" });
10471
+ if (false) {
10325
10472
  /**
10326
- * @param {?} req
10327
- * @return {?}
10473
+ * @type {?}
10474
+ * @private
10328
10475
  */
10329
- getRatingLookup(req) {
10330
- return this.http.post(API_END_POINTS$3.GET_RATING_LOOKUP, req);
10331
- }
10332
- /**
10333
- * @param {?} req
10476
+ CompetencyPassbookMdoService.prototype.http;
10477
+ }
10478
+
10479
+ /**
10480
+ * @fileoverview added by tsickle
10481
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
10482
+ */
10483
+ class CompetencyPassbookMdoComponent {
10484
+ // subTheme = ['Behavioural']
10485
+ // currentFilter = 'Behavioural'
10486
+ // currentCompetencies: any = []
10487
+ // competencyData: any
10488
+ /**
10489
+ * @param {?} configSvc
10490
+ * @param {?} contentSvc
10491
+ * @param {?} competencySvc
10492
+ * @param {?} router
10493
+ */
10494
+ constructor(configSvc, contentSvc, competencySvc, router) {
10495
+ this.configSvc = configSvc;
10496
+ this.contentSvc = contentSvc;
10497
+ this.competencySvc = competencySvc;
10498
+ this.router = router;
10499
+ this.cardDisplayCount = 3;
10500
+ this.dynamicAlignPills = 'center';
10501
+ this.emptyResponse = new EventEmitter();
10502
+ this.temeletryResponse = new EventEmitter();
10503
+ this.loadCometency = false;
10504
+ this.loadCompetencyArea = false;
10505
+ this.competencyVersion = '';
10506
+ this.competencyTheme = [];
10507
+ this.allcompetencyTheme = {};
10508
+ this.competencyStrength = 0;
10509
+ this.competencyThemeLength = 6;
10510
+ this.showAllTheme = [{ name: 'Show all', showAll: false }];
10511
+ }
10512
+ /**
10513
+ * @return {?}
10514
+ */
10515
+ ngOnInit() {
10516
+ this.getAllCompetencies();
10517
+ }
10518
+ /**
10519
+ * @return {?}
10520
+ */
10521
+ getAllCompetencies() {
10522
+ this.loadCometency = true;
10523
+ /** @type {?} */
10524
+ let request = { "search": { "type": "Competency Area" }, "filter": { "isDetail": true } };
10525
+ this.competencySvc.getCompetencyList(request).subscribe((/**
10526
+ * @param {?} response
10527
+ * @return {?}
10528
+ */
10529
+ (response) => {
10530
+ this.allcompetencyTheme = {};
10531
+ if (response && response.result && response.result.competency) {
10532
+ this.originalCompetencyArray = response.result.competency;
10533
+ this.getMdoCompetencies();
10534
+ // this.getCompetencyArea()
10535
+ response.result.competency.forEach((/**
10536
+ * @param {?} element
10537
+ * @return {?}
10538
+ */
10539
+ element => {
10540
+ element.children.forEach((/**
10541
+ * @param {?} childEle
10542
+ * @return {?}
10543
+ */
10544
+ (childEle) => {
10545
+ /** @type {?} */
10546
+ let name = childEle.name.toLowerCase();
10547
+ this.allcompetencyTheme[name] = childEle;
10548
+ this.allcompetencyTheme[name]['viewMore'] = false;
10549
+ }));
10550
+ }));
10551
+ }
10552
+ this.loadCometency = false;
10553
+ }));
10554
+ }
10555
+ /**
10556
+ * @return {?}
10557
+ */
10558
+ getMdoCompetencies() {
10559
+ return __awaiter(this, void 0, void 0, function* () {
10560
+ try {
10561
+ this.loadCometency = true;
10562
+ /** @type {?} */
10563
+ const response = yield this.getMdoCompetency();
10564
+ if (response && response.results) {
10565
+ if (response.results.result.facets && response.results.result.facets.length) {
10566
+ /** @type {?} */
10567
+ let facetData = response.results.result.facets;
10568
+ facetData.forEach((/**
10569
+ * @param {?} facet
10570
+ * @return {?}
10571
+ */
10572
+ (facet) => {
10573
+ if (facet.name === 'competencies_v5.competencyArea') {
10574
+ this.competencyArea = facet.values;
10575
+ this.selectedValue = facet.values[0].name;
10576
+ }
10577
+ else if (facet.name === 'competencies_v5.competencyTheme') {
10578
+ this.competencyThemeData = facet.values;
10579
+ this.getCompetencyTheme();
10580
+ }
10581
+ }));
10582
+ }
10583
+ else {
10584
+ this.emptyResponse.emit(true);
10585
+ }
10586
+ this.loadCometency = false;
10587
+ }
10588
+ }
10589
+ catch (error) {
10590
+ // Handle errors
10591
+ // console.error('Error:', error);
10592
+ this.emptyResponse.emit(true);
10593
+ }
10594
+ });
10595
+ }
10596
+ /**
10597
+ * @return {?}
10598
+ */
10599
+ getCompetencyTheme() {
10600
+ this.originalCompetencyArray.forEach((/**
10601
+ * @param {?} element
10602
+ * @return {?}
10603
+ */
10604
+ (element) => {
10605
+ if (element.name.toLowerCase() === this.selectedValue) {
10606
+ this.competencyTheme = this.competencyThemeData.filter((/**
10607
+ * @param {?} ele1
10608
+ * @return {?}
10609
+ */
10610
+ (ele1) => {
10611
+ return element.children.find((/**
10612
+ * @param {?} ele2
10613
+ * @return {?}
10614
+ */
10615
+ (ele2) => ele2.name.toLowerCase() === ele1.name.toLowerCase()));
10616
+ }));
10617
+ this.showAllTheme = [{ name: 'Show all', showAll: false }];
10618
+ this.competencyThemeLength = 6;
10619
+ }
10620
+ else if ('Behavioral'.toLowerCase() === this.selectedValue) {
10621
+ this.competencyTheme = this.competencyThemeData.filter((/**
10622
+ * @param {?} ele1
10623
+ * @return {?}
10624
+ */
10625
+ (ele1) => {
10626
+ return element.children.find((/**
10627
+ * @param {?} ele2
10628
+ * @return {?}
10629
+ */
10630
+ (ele2) => ele2.name.toLowerCase() === ele1.name.toLowerCase()));
10631
+ }));
10632
+ this.showAllTheme = [{ name: 'Show all', showAll: false }];
10633
+ this.competencyThemeLength = 6;
10634
+ }
10635
+ }));
10636
+ this.resetViewMore();
10637
+ }
10638
+ /**
10639
+ * @return {?}
10640
+ */
10641
+ getMdoCompetency() {
10642
+ return __awaiter(this, void 0, void 0, function* () {
10643
+ return new Promise((/**
10644
+ * @param {?} resolve
10645
+ * @param {?} reject
10646
+ * @return {?}
10647
+ */
10648
+ (resolve, reject) => {
10649
+ if (this.providerId) {
10650
+ this.competencySvc.mdoCompetency(this.providerId).subscribe((/**
10651
+ * @param {?} results
10652
+ * @return {?}
10653
+ */
10654
+ results => {
10655
+ resolve({ results });
10656
+ }), (/**
10657
+ * @param {?} error
10658
+ * @return {?}
10659
+ */
10660
+ (error) => {
10661
+ reject(error);
10662
+ }));
10663
+ }
10664
+ }));
10665
+ });
10666
+ }
10667
+ // competency theam change
10668
+ /**
10669
+ * @param {?} e
10670
+ * @return {?}
10671
+ */
10672
+ competencyChange(e) {
10673
+ /** @type {?} */
10674
+ let addfilter = {};
10675
+ if (this.providerId) {
10676
+ addfilter = {
10677
+ "createdFor": [
10678
+ this.providerId
10679
+ ],
10680
+ };
10681
+ }
10682
+ this.temeletryResponse.emit(e.name);
10683
+ this.selectedValue = e.name;
10684
+ this.getCompetencyTheme();
10685
+ }
10686
+ /**
10687
+ * @return {?}
10688
+ */
10689
+ resetViewMore() {
10690
+ Object.keys(this.allcompetencyTheme).forEach((/**
10691
+ * @param {?} comp
10692
+ * @return {?}
10693
+ */
10694
+ (comp) => {
10695
+ this.allcompetencyTheme[comp]['viewMore'] = false;
10696
+ }));
10697
+ }
10698
+ /**
10699
+ * @param {?} data
10700
+ * @return {?}
10701
+ */
10702
+ viewMoreChildren(data) {
10703
+ data.viewMore = !data.viewMore;
10704
+ this.allcompetencyTheme[data.name.toLowerCase()].viewMore = data.viewMore;
10705
+ }
10706
+ /**
10707
+ * @param {?} event
10708
+ * @return {?}
10709
+ */
10710
+ displayAllTheme(event) {
10711
+ this.showAllTheme[0]['showAll'] = !event.showAll;
10712
+ this.competencyThemeLength = event.showAll ? this.competencyTheme.length : 6;
10713
+ this.showAllTheme[0]['name'] = event.showAll ? 'Show less' : 'Show all';
10714
+ this.temeletryResponse.emit(event.name);
10715
+ }
10716
+ /**
10717
+ * @param {?} compData
10718
+ * @return {?}
10719
+ */
10720
+ navigateToCompetency(compData) {
10721
+ this.router.navigateByUrl(`app/learn/browse-by/competency/${compData.name}`);
10722
+ }
10723
+ /**
10724
+ * @return {?}
10725
+ */
10726
+ showMore() {
10727
+ this.objectData.viewMore = !this.objectData.viewMore;
10728
+ }
10729
+ }
10730
+ CompetencyPassbookMdoComponent.decorators = [
10731
+ { type: Component, args: [{
10732
+ selector: 'sb-uic-competency-passbook-mdo',
10733
+ template: "<div class=\"competency-title\" *ngIf=\"objectData?.title\">{{objectData?.title}} \n <span class=\"competency-count\">\n ({{competencyStrength}})\n </span>\n</div>\n<div class=\"flex items-center justify-{{dynamicAlignPills}} gap-8 mt-5 mb-5 competency-filters\">\n <sb-uic-pills [pillsData]=\"competencyArea\" [dynamicColor]=\"dynamicColor\"\n [isLoading]=\"loadCompetencyArea\" (pillClick)=\"competencyChange($event)\" [selectedValue]=\"selectedValue\"></sb-uic-pills>\n</div>\n<div class=\"grid grid-cols-1 md:grid-cols-{{cardDisplayCount}} w-full grid-flow-row gap-5\" *ngIf=\"!loadCometency\">\n <div class=\"competency-card\" *ngFor=\"let obj of competencyTheme| slice:0:competencyThemeLength\">\n <div class=\"flex-1 flex-col\">\n <div class=\"competency-theme\"></div>\n <div class=\"details flex flex-col\">\n <div class=\"flex flex-col p-4\">\n <div class=\"flex flex-row cursor-pointer\">\n <div class=\"flex flex-row gap-2 items-center\">\n <div class=\"name\">{{allcompetencyTheme[obj?.name]?.name}}</div>\n <!-- <div class=\"flex items-baseline\">\n <img src=\"assets/icons/competency/cp-arrow.svg\" class=\"arrow-img cursor-pointer\" alt=\"cp arrow img\" (click)=\"navigateToCompetency(obj)\" />\n </div> -->\n </div>\n </div>\n <div class=\"flex flex-row pt-3 pb-3 description\">\n {{ allcompetencyTheme[obj.name]?.description }} \n </div>\n <div class=\"flex flex-row gap-3 items-center\">\n <mat-icon class=\"content-icon\">school</mat-icon>\n <div class=\"no-of-contents\">{{obj.count}} Contents</div>\n </div>\n <div class=\"line mt-3 mt-2\"></div>\n <div class=\"flex flex-wrap gap-3 pt-4 chip-container\">\n <ng-container *ngFor=\"let child of allcompetencyTheme[obj.name]?.children| slice:0: allcompetencyTheme[obj.name]?.viewMore ? allcompetencyTheme[obj.name]?.children?.length : 3; let i = index\">\n <div class=\"chip rounded-full p-2 text-xs chip-ellipsis\" [title]=\"child?.name\" >\n {{ child.name }}\n </div>\n </ng-container>\n <div class=\"p-2 info-btn cursor-pointer\"\n *ngIf=\"allcompetencyTheme[obj.name]?.children.length > 3 && !allcompetencyTheme[obj.name]?.viewMore\" (click)=\"viewMoreChildren(allcompetencyTheme[obj.name])\">\n View more\n </div>\n <div class=\"p-2 info-btn cursor-pointer\"\n *ngIf=\"allcompetencyTheme[obj.name]?.children.length > 3 && allcompetencyTheme[obj.name]?.viewMore\" (click)=\"viewMoreChildren(allcompetencyTheme[obj.name])\">\n View less\n </div>\n </div>\n </div> \n </div>\n </div>\n </div>\n</div>\n<ng-container *ngIf=\"competencyTheme.length > 6 && !loadCometency\">\n <div class=\"flex items-center justify-center gap-8 mt-5 mb-5 competency-filters\">\n <sb-uic-pills [pillsData]=\"showAllTheme\" [requiredTitlecase]=\"false\" [dynamicColor]=\"dynamicColor\" (pillClick)=\"displayAllTheme($event)\"></sb-uic-pills>\n </div>\n</ng-container> \n\n<ng-container *ngIf=\"loadCometency\">\n\n<div class=\"grid grid-cols-1 md:grid-cols-{{cardDisplayCount}} w-full grid-flow-row gap-5\">\n <div *ngFor=\"let obj of [0,1,2,3,4,5]\">\n <div class=\"flex-1 flex-col\">\n <div class=\"competency-theme\"></div>\n <div class=\"details flex flex-col\">\n <div class=\"flex flex-col p-4\">\n <div class=\"flex flex-row cursor-pointer\">\n <div class=\"flex flex-row gap-2 items-center w-full\">\n <div class=\"name w-full\">\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-2'\" [width]=\"'100%'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded'\" [width]=\"'80%'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n </div>\n <div class=\"pt-3 pb-3 description\">\n <sb-uic-skeleton-loader class=\"w-full\" [bindingClass]=\"'flex rounded mb-2'\" [width]=\"'100%'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n <sb-uic-skeleton-loader class=\"w-full\" [bindingClass]=\"'flex rounded'\" [width]=\"'80%'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n </div>\n <div class=\"flex flex-row gap-3 items-center\">\n <mat-icon class=\"content-icon\"><sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-2'\" [width]=\"'24px'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader></mat-icon>\n <div class=\"no-of-contents\"><sb-uic-skeleton-loader [bindingClass]=\"'flex rounded '\" [width]=\"'100px'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader></div>\n </div>\n <div class=\"line mt-3 mt-2\"></div>\n <div class=\"flex flex-wrap gap-3 pt-4 chip-container\">\n <sb-uic-skeleton-loader class=\"w-2/5\" [bindingClass]=\"'flex rounded '\" [width]=\"'100px'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n <sb-uic-skeleton-loader class=\"w-2/5\" [bindingClass]=\"'flex rounded '\" [width]=\"'100px'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n <sb-uic-skeleton-loader class=\"w-2/5\" [bindingClass]=\"'flex rounded '\" [width]=\"'100px'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n </div>\n </div> \n </div>\n </div>\n </div>\n</div>\n</ng-container>",
10734
+ styles: [".competencies-backgroud{background-color:#1b2133}.competency-title{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left;color:#fff}.competency-count{color:#f3962f}.filter-button{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;color:#fff;cursor:pointer}.filter-button.active{background:#1b4ca1}.banner-metrics{background:linear-gradient(180deg,#f9cb97 -107.59%,#ef951e 110.74%)}.infra-background{background:#1b4ca1}.competency-theme{height:16px;border-top-left-radius:12px;border-top-right-radius:12px;background-color:#f8b861}.details{background-color:#fff;border-radius:12px;position:relative;top:-8px;min-height:278px}.name{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.description{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left;height:42px;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.no-of-contents{font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;color:#1b4ca1}.content-icon{color:#1b4ca1}.line{border-top:1px solid #e2dddd}.chip{padding:8px 16px;gap:8px;border-radius:50px;border:1px solid #1b4ca1;color:#1b4ca1;font-family:Lato;font-size:14px;font-weight:700;text-align:center}.chip-ellipsis{white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis}.info-btn{font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;opacity:.7;padding:12px 5px}.hide{display:none}.behavioral{background-color:#f8b861}.functional{background-color:#e24577}.domain{background-color:#7b47a4}.competency-card{z-index:999}"]
10735
+ }] }
10736
+ ];
10737
+ /** @nocollapse */
10738
+ CompetencyPassbookMdoComponent.ctorParameters = () => [
10739
+ { type: ConfigurationsService$1 },
10740
+ { type: WidgetContentService },
10741
+ { type: CompetencyPassbookMdoService },
10742
+ { type: Router }
10743
+ ];
10744
+ CompetencyPassbookMdoComponent.propDecorators = {
10745
+ objectData: [{ type: Input }],
10746
+ providerId: [{ type: Input }],
10747
+ cardDisplayCount: [{ type: Input }],
10748
+ dynamicClass: [{ type: Input }],
10749
+ dynamicColor: [{ type: Input }],
10750
+ dynamicAlignPills: [{ type: Input }],
10751
+ emptyResponse: [{ type: Output }],
10752
+ temeletryResponse: [{ type: Output }]
10753
+ };
10754
+ if (false) {
10755
+ /** @type {?} */
10756
+ CompetencyPassbookMdoComponent.prototype.objectData;
10757
+ /** @type {?} */
10758
+ CompetencyPassbookMdoComponent.prototype.providerId;
10759
+ /** @type {?} */
10760
+ CompetencyPassbookMdoComponent.prototype.cardDisplayCount;
10761
+ /** @type {?} */
10762
+ CompetencyPassbookMdoComponent.prototype.dynamicClass;
10763
+ /** @type {?} */
10764
+ CompetencyPassbookMdoComponent.prototype.dynamicColor;
10765
+ /** @type {?} */
10766
+ CompetencyPassbookMdoComponent.prototype.dynamicAlignPills;
10767
+ /** @type {?} */
10768
+ CompetencyPassbookMdoComponent.prototype.emptyResponse;
10769
+ /** @type {?} */
10770
+ CompetencyPassbookMdoComponent.prototype.temeletryResponse;
10771
+ /** @type {?} */
10772
+ CompetencyPassbookMdoComponent.prototype.loadCometency;
10773
+ /** @type {?} */
10774
+ CompetencyPassbookMdoComponent.prototype.loadCompetencyArea;
10775
+ /** @type {?} */
10776
+ CompetencyPassbookMdoComponent.prototype.originalCompetencyArray;
10777
+ /** @type {?} */
10778
+ CompetencyPassbookMdoComponent.prototype.competencyArea;
10779
+ /** @type {?} */
10780
+ CompetencyPassbookMdoComponent.prototype.selectedValue;
10781
+ /** @type {?} */
10782
+ CompetencyPassbookMdoComponent.prototype.competencyVersion;
10783
+ /** @type {?} */
10784
+ CompetencyPassbookMdoComponent.prototype.competencyThemeData;
10785
+ /** @type {?} */
10786
+ CompetencyPassbookMdoComponent.prototype.competencyTheme;
10787
+ /** @type {?} */
10788
+ CompetencyPassbookMdoComponent.prototype.allcompetencyTheme;
10789
+ /** @type {?} */
10790
+ CompetencyPassbookMdoComponent.prototype.competencyStrength;
10791
+ /** @type {?} */
10792
+ CompetencyPassbookMdoComponent.prototype.competencyThemeLength;
10793
+ /** @type {?} */
10794
+ CompetencyPassbookMdoComponent.prototype.showAllTheme;
10795
+ /** @type {?} */
10796
+ CompetencyPassbookMdoComponent.prototype.configSvc;
10797
+ /** @type {?} */
10798
+ CompetencyPassbookMdoComponent.prototype.contentSvc;
10799
+ /** @type {?} */
10800
+ CompetencyPassbookMdoComponent.prototype.competencySvc;
10801
+ /** @type {?} */
10802
+ CompetencyPassbookMdoComponent.prototype.router;
10803
+ }
10804
+
10805
+ /**
10806
+ * @fileoverview added by tsickle
10807
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
10808
+ */
10809
+ class CompetencyPassbookMdoModule {
10810
+ }
10811
+ CompetencyPassbookMdoModule.decorators = [
10812
+ { type: NgModule, args: [{
10813
+ declarations: [CompetencyPassbookMdoComponent],
10814
+ imports: [
10815
+ CommonModule,
10816
+ MatIconModule,
10817
+ PillsModule,
10818
+ SkeletonLoaderLibModule
10819
+ ],
10820
+ exports: [CompetencyPassbookMdoComponent],
10821
+ providers: [CompetencyPassbookMdoService]
10822
+ },] }
10823
+ ];
10824
+
10825
+ /**
10826
+ * @fileoverview added by tsickle
10827
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
10828
+ */
10829
+ /** @type {?} */
10830
+ const PROXY_SLAG_V8 = '/apis/proxies/v8';
10831
+ const ɵ0$3 = /**
10832
+ * @param {?} contentId
10833
+ * @param {?} contentType
10834
+ * @param {?} userId
10835
+ * @return {?}
10836
+ */
10837
+ (contentId, contentType, userId) => `${PROXY_SLAG_V8}/ratings/v1/read/${contentId}/${contentType}/${userId}`, ɵ1$2 = /**
10838
+ * @param {?} contentId
10839
+ * @param {?} contentType
10840
+ * @return {?}
10841
+ */
10842
+ (contentId, contentType) => `${PROXY_SLAG_V8}/ratings/v1/summary/${contentId}/${contentType}`, ɵ2$2 = /**
10843
+ * @param {?} contentId
10844
+ * @param {?} userID
10845
+ * @return {?}
10846
+ */
10847
+ (contentId, userID) => `${PROXY_SLAG_V8}/ratings/v1/read/${contentId}/Course/${userID}`;
10848
+ /** @type {?} */
10849
+ const API_END_POINTS$3 = {
10850
+ GET_RATING: (ɵ0$3),
10851
+ ADD_OR_UPDATE: `${PROXY_SLAG_V8}/ratings/v1/upsert`,
10852
+ GET_RATING_SUMMARY: (ɵ1$2),
10853
+ GET_RATING_LOOKUP: `${PROXY_SLAG_V8}/ratings/v1/ratingLookUp`,
10854
+ GET_AUTHOR_REPLY: (ɵ2$2),
10855
+ POST_AUTHOR_REPLY: `${PROXY_SLAG_V8}/ratings/v2/read`,
10856
+ };
10857
+ class RatingService {
10858
+ /**
10859
+ * @param {?} http
10860
+ */
10861
+ constructor(http) {
10862
+ this.http = http;
10863
+ }
10864
+ /**
10865
+ * @param {?} contentId
10866
+ * @param {?} contentType
10867
+ * @param {?} userId
10868
+ * @return {?}
10869
+ */
10870
+ getRating(contentId, contentType, userId) {
10871
+ /** @type {?} */
10872
+ const forPreview = window.location.href.includes('/public/') || window.location.href.includes('&preview=true');
10873
+ if (!forPreview) {
10874
+ return this.http.get(API_END_POINTS$3.GET_RATING(contentId, contentType, userId));
10875
+ }
10876
+ return of({});
10877
+ }
10878
+ /**
10879
+ * @param {?} req
10880
+ * @return {?}
10881
+ */
10882
+ addOrUpdateRating(req) {
10883
+ return this.http.post(API_END_POINTS$3.ADD_OR_UPDATE, req);
10884
+ }
10885
+ /**
10886
+ * @param {?} contentId
10887
+ * @param {?} contentType
10888
+ * @return {?}
10889
+ */
10890
+ getRatingSummary(contentId, contentType) {
10891
+ /** @type {?} */
10892
+ const forPreview = window.location.href.includes('/public/') || window.location.href.includes('&preview=true');
10893
+ if (!forPreview) {
10894
+ return this.http.get(API_END_POINTS$3.GET_RATING_SUMMARY(contentId, contentType));
10895
+ }
10896
+ return of({});
10897
+ }
10898
+ /**
10899
+ * @param {?} req
10900
+ * @return {?}
10901
+ */
10902
+ getRatingLookup(req) {
10903
+ return this.http.post(API_END_POINTS$3.GET_RATING_LOOKUP, req);
10904
+ }
10905
+ /**
10906
+ * @param {?} req
10334
10907
  * @return {?}
10335
10908
  */
10336
10909
  getRatingReply(req) {
@@ -10637,186 +11210,6 @@ if (false) {
10637
11210
  UserContentRatingLibComponent.prototype.userRatingSvc;
10638
11211
  }
10639
11212
 
10640
- /**
10641
- * @fileoverview added by tsickle
10642
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
10643
- */
10644
- class AvatarPhotoLibComponent {
10645
- constructor() {
10646
- this.size = '';
10647
- this.defaulfColor = '';
10648
- this.randomColor = false;
10649
- this.showBadge = false;
10650
- this.showInitials = false;
10651
- this.random = Math.random().toString(36).slice(2);
10652
- // public initials!: string
10653
- this.colors = [
10654
- '#EB7181',
10655
- '#306933',
10656
- '#000000',
10657
- '#3670B2',
10658
- '#4E9E87',
10659
- '#7E4C8D',
10660
- ];
10661
- this.randomcolors = [
10662
- '#EB7181',
10663
- '#006400',
10664
- '#000000',
10665
- '#3670B2',
10666
- '#4E9E87',
10667
- '#7E4C8D',
10668
- ];
10669
- }
10670
- /**
10671
- * @return {?}
10672
- */
10673
- ngOnInit() {
10674
- if (!this.photoUrl) {
10675
- this.showInitials = true;
10676
- if (!this.initials) {
10677
- this.createInititals();
10678
- }
10679
- if (this.datalen === 1) {
10680
- if (this.defaulfColor) {
10681
- this.randomcolors = [
10682
- this.defaulfColor
10683
- ];
10684
- }
10685
- else {
10686
- this.randomcolors = [
10687
- '#006400',
10688
- ];
10689
- }
10690
- }
10691
- /** @type {?} */
10692
- const randomIndex = Math.floor(Math.random() * Math.floor(this.colors.length));
10693
- this.circleColor = this.colors[randomIndex];
10694
- if (this.randomColor) {
10695
- /** @type {?} */
10696
- const randomIndex1 = Math.floor(Math.random() * Math.floor(this.randomcolors.length));
10697
- this.circleColor = this.randomcolors[randomIndex1];
10698
- }
10699
- }
10700
- }
10701
- /**
10702
- * @param {?} change
10703
- * @return {?}
10704
- */
10705
- ngOnChanges(change) {
10706
- if (change.name.currentValue !== change.name.previousValue && !change.name.firstChange) {
10707
- this.createInititals();
10708
- }
10709
- }
10710
- /**
10711
- * @return {?}
10712
- */
10713
- get userInitials() {
10714
- return this.initials;
10715
- }
10716
- /**
10717
- * @private
10718
- * @return {?}
10719
- */
10720
- createInititals() {
10721
- /** @type {?} */
10722
- let initials = '';
10723
- /** @type {?} */
10724
- const array = `${this.name} `.toString().split(' ');
10725
- if (array[0] !== 'undefined' && typeof array[1] !== 'undefined') {
10726
- initials += array[0].charAt(0);
10727
- initials += array[1].charAt(0);
10728
- }
10729
- else {
10730
- for (let i = 0; i < this.name.length; i += 1) {
10731
- if (this.name.charAt(i) === ' ') {
10732
- continue;
10733
- }
10734
- if (this.name.charAt(i) === this.name.charAt(i)) {
10735
- initials += this.name.charAt(i);
10736
- if (initials.length === 2) {
10737
- break;
10738
- }
10739
- }
10740
- }
10741
- }
10742
- this.initials = initials.toUpperCase();
10743
- }
10744
- }
10745
- AvatarPhotoLibComponent.decorators = [
10746
- { type: Component, args: [{
10747
- selector: 'sb-uic-avatar-photo',
10748
- template: "<div id=\"user_icon\" [ngClass]=\"{'circle-s' : size=== 's',\n'circle-m' : size=== 'm',\n'circle-l' : size=== 'l',\n'circle-xl' : size=== 'xl',\n'circle-xxl' : size=== 'xxl',\n'circle-l-xs' : size=== 'l-xs',\n'circle-l-s' : size=== 'l-s',\n'circle-xl-s' : size=== 'xl-s',\n'circle-r-m': size=== 'round-m',\n'circle-r-p-m': size=== 'profile-round-m',\n'circle-m-side': size=== 'm-side',\n'circle-r-m-48': size=== 'm-side-rating',\n'circle-m-recommended': size==='m-recommended',\n'circle-xxl-s': size=== 'xxl-s'}\" [ngStyle]=\"{'background-color': circleColor }\">\n <img *ngIf=\"!showInitials\" loading=\"lazy\" src=\"{{photoUrl}}\" [alt]=\"photoUrl? '' :(name || userInitials || size || random)\">\n\n <div *ngIf=\"showInitials\" class=\"initials\" i18n-aria-label>\n {{ userInitials }} \n </div>\n <div *ngIf=\"showBadge\"><span class=\"profile-badge\"> \n <img src=\"fusion-assets/images/profile-badge.png\">\n </span></div>\n\n <!-- <div *ngIf=\"imageType === 'user-photo'\">\n <img *ngIf=\"imageUrl\" [src]=\"imageUrl\" alt=\"user-image\" class=\"user-image\" [ngClass]=\"{'user-image-small': imageSize === 'small'}\">\n <div class=\"user-image\" [ngClass]=\"{'user-image-small': imageSize === 'small'}\">\n <span class=\"name-initials-image font-normal ws-mat-primary-default-text ws-mat-accent-background\"\n *ngIf=\"!imageUrl\">{{ shortName }}</span>\n </div>\n </div> -->\n</div>",
10749
- styles: ["@charset \"UTF-8\";.success-checkmark::after{content:\"\u2714\";position:absolute;left:25px;top:20px;width:11px;height:11px;border:1px solid #1d8923;background:#1d8923;border-radius:50%;color:#fff;line-height:11px;text-align:center;font-size:9px}.profile-badge{position:absolute;top:10px;right:0}.profile-badge img{height:15px!important;width:15px!important}.circle-s{border-radius:50%;width:24px;height:24px;display:flex;justify-content:center;align-items:center}.circle-s img{border-radius:50%;width:100%;height:100%}.circle-s .initials{color:#fff;font-size:10px;line-height:12px;letter-spacing:.2625px}.circle-m{border-radius:50%;width:72px!important;height:72px!important;display:flex;justify-content:center;align-items:center;margin-top:-36px}.circle-m img{border-radius:10%;width:40px;height:40px}.circle-m .initials{color:#fff;font-size:14px;line-height:19px;letter-spacing:.2625px}.circle-l{border-radius:50%;width:80px;height:80px;display:flex;justify-content:center;align-items:center}.circle-l img{border-radius:10%;width:80px;height:80px}.circle-l .initials{color:#fff;font-size:20px;line-height:19px;letter-spacing:.2625px}.circle-xl{border-radius:50%;width:105px;height:105px;display:flex;justify-content:center;align-items:center}.circle-xl img{border-radius:10%;width:105px;height:105px}.circle-xl .initials{color:#fff;font-size:20px;line-height:19px;letter-spacing:.2625px}.circle-xxl{border-radius:50%;width:145px;height:145px;display:flex;justify-content:center;align-items:center}.circle-xxl img{border-radius:10%;width:145px;height:145px}.circle-xxl .initials{color:#fff;font-size:20px;line-height:19px;letter-spacing:.2625px}.circle-l-xs{border-radius:50%;width:29px;height:29px;display:flex;justify-content:center;align-items:center}.circle-l-xs img{border-radius:50%;width:100%;height:100%}.circle-l-xs .initials{color:#fff;font-size:12px;line-height:12px;letter-spacing:.2625px}.circle-l-s{border-radius:50%;width:80px;height:80px;display:flex;justify-content:center;align-items:center}.circle-l-s img{border-radius:4px;width:80px;height:80px}.circle-l-s .initials{color:#fff;font-size:24px;line-height:24px;letter-spacing:.2625px}.circle-xl-s{border-radius:50%;width:125px;height:125px;display:flex;justify-content:center;align-items:center}.circle-xl-s img{border-radius:4px;width:152px;height:125px}.circle-xl-s .initials{color:#fff;font-size:32px;line-height:32px;letter-spacing:.2625px}.circle-xxl-s{border-radius:50%;width:208px;height:208px;display:flex;justify-content:center;align-items:center}.circle-xxl-s img{border-radius:50%;width:100%;height:100%}.circle-xxl-s .initials{color:#fff;font-size:40px;line-height:40px;letter-spacing:.2625px}.circle-r-m{border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center}.circle-r-m img{border-radius:50%;width:100%;height:100%}.circle-r-m .initials{color:#fff;font-size:16px;line-height:40px;letter-spacing:.2625px}.circle-r-m-48{border-radius:50%;width:48px;height:48px;display:flex;justify-content:center;align-items:center}.circle-r-m-48 img{border-radius:50%;width:100%;height:100%}.circle-r-m-48 .initials{color:#fff;font-size:16px;line-height:40px;letter-spacing:.2625px}.circle-r-p-m{border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.circle-r-p-m img{border-radius:50%;width:100%;height:100%}.circle-r-p-m .initials{color:#fff;font-size:16px;line-height:40px;letter-spacing:.2625px}.circle-m-side{border-radius:50%;width:72px!important;height:72px!important;display:flex;justify-content:center;align-items:center}.circle-m-side img{border-radius:10%;width:40px;height:40px}.circle-m-side .initials{color:#fff;font-size:14px;line-height:19px;letter-spacing:.2625px}@media only screen and (max-width:960px){.circle-xxl-s{width:100px;height:100px}.circle-xxl-s .initials{font-size:24px;line-height:24px}}.circle-m-recommended{border-radius:50%;width:72px!important;height:72px!important;display:flex;justify-content:center;align-items:center;margin-top:-49px}.circle-m-recommended img{border-radius:10%;width:40px;height:40px}.circle-m-recommended .initials{color:#fff;font-size:14px;line-height:19px;letter-spacing:.2625px}.circle-l-s::before{content:\"\";border:1px solid red}"]
10750
- }] }
10751
- ];
10752
- AvatarPhotoLibComponent.propDecorators = {
10753
- datalen: [{ type: Input }],
10754
- photoUrl: [{ type: Input }],
10755
- name: [{ type: Input }],
10756
- size: [{ type: Input }],
10757
- defaulfColor: [{ type: Input }],
10758
- randomColor: [{ type: Input }],
10759
- initials: [{ type: Input }],
10760
- showBadge: [{ type: Input }]
10761
- };
10762
- if (false) {
10763
- /** @type {?} */
10764
- AvatarPhotoLibComponent.prototype.datalen;
10765
- /** @type {?} */
10766
- AvatarPhotoLibComponent.prototype.photoUrl;
10767
- /** @type {?} */
10768
- AvatarPhotoLibComponent.prototype.name;
10769
- /** @type {?} */
10770
- AvatarPhotoLibComponent.prototype.size;
10771
- /** @type {?} */
10772
- AvatarPhotoLibComponent.prototype.defaulfColor;
10773
- /** @type {?} */
10774
- AvatarPhotoLibComponent.prototype.randomColor;
10775
- /** @type {?} */
10776
- AvatarPhotoLibComponent.prototype.initials;
10777
- /** @type {?} */
10778
- AvatarPhotoLibComponent.prototype.showBadge;
10779
- /** @type {?} */
10780
- AvatarPhotoLibComponent.prototype.showInitials;
10781
- /** @type {?} */
10782
- AvatarPhotoLibComponent.prototype.circleColor;
10783
- /** @type {?} */
10784
- AvatarPhotoLibComponent.prototype.random;
10785
- /**
10786
- * @type {?}
10787
- * @private
10788
- */
10789
- AvatarPhotoLibComponent.prototype.colors;
10790
- /**
10791
- * @type {?}
10792
- * @private
10793
- */
10794
- AvatarPhotoLibComponent.prototype.randomcolors;
10795
- }
10796
-
10797
- /**
10798
- * @fileoverview added by tsickle
10799
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
10800
- */
10801
- class AvatarPhotoLibModule {
10802
- }
10803
- AvatarPhotoLibModule.decorators = [
10804
- { type: NgModule, args: [{
10805
- declarations: [AvatarPhotoLibComponent],
10806
- imports: [
10807
- CommonModule,
10808
- RouterModule,
10809
- MatButtonModule,
10810
- MatIconModule,
10811
- MatMenuModule,
10812
- MatRippleModule,
10813
- SbUiResolverModule,
10814
- ],
10815
- exports: [AvatarPhotoLibComponent],
10816
- entryComponents: [AvatarPhotoLibComponent],
10817
- },] }
10818
- ];
10819
-
10820
11213
  /**
10821
11214
  * @fileoverview added by tsickle
10822
11215
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -11112,5 +11505,5 @@ UserContentRatingLibModule.decorators = [
11112
11505
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
11113
11506
  */
11114
11507
 
11115
- 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, WidgetContentService, ContentStripWithTabsLibComponent as ɵa, WidgetUserService as ɵb, CardWideV2Component as ɵba, CardKarmaProgramsComponent as ɵbb, CardKarmaProgramsV2Component as ɵbc, CardPortraitExtComponent as ɵbd, CardMdoChannelV1Component as ɵbe, PipePublicURLModule as ɵbf, PipePublicURL as ɵbg, DisplayContentTypeLibModule as ɵbh, DisplayContentTypeLibComponent as ɵbi, DefaultThumbnailModule as ɵbj, DefaultThumbnailDirective as ɵbk, PipeDurationTransformModule as ɵbl, PipeDurationTransformPipe as ɵbm, CompetencyPassbookComponent as ɵbn, CompetencyPassbookService as ɵbo, PillsModule as ɵbp, PillsComponent as ɵbq, UserContentRatingLibComponent as ɵbr, ScrollableItemDirective as ɵbs, RatingService as ɵbt, UserContentRatingLibService as ɵbu, AvatarPhotoLibModule as ɵbv, AvatarPhotoLibComponent as ɵbw, MyHammerConfig$1 as ɵbx, SlidersNgContentLibModule as ɵby, SlidersNgContentLibComponent as ɵbz, MultilingualTranslationsService as ɵc, ScrollableItemModule as ɵca, ConfigurationsService as ɵd, HorizontalScrollerV2Module as ɵe, HorizontalScrollerV2Component as ɵf, SlidersLibComponent as ɵg, NavigationModule as ɵh, NavigationDirective as ɵi, ImageResponsiveModule as ɵj, ImageResponsiveDirective as ɵk, DataPointsComponent as ɵl, InsiteDataService as ɵm, SkeletonLoaderLibModule as ɵn, SkeletonLoaderLibComponent as ɵo, CalenderComponent as ɵp, CalenderDayComponent as ɵq, CommonStripComponent as ɵr, AnnouncementsComponent as ɵs, CardResourceComponent as ɵt, CardsComponent as ɵu, CardPortraitComponent as ɵv, CardUserComponent as ɵw, CardLandscapeComponent as ɵx, CardWideComponent as ɵy, CardMDOChannelComponent as ɵz };
11508
+ export { AnnouncementsModule, CalenderModule, CardsModule, CommonMethodsService, CommonStripModule, CompetencyPassbookMdoModule, CompetencyPassbookModule, ConsumptionComponent, ConsumptionModule, ConsumptionService, ContentStripWithTabsLibModule, DataPointsModule, HttpLoaderFactory, MyHammerConfig, ROOT_WIDGET_CONFIG, SlidersLibModule, UserContentRatingLibModule, WIDGET_REGISTERED_LIB_MODULES, WIDGET_REGISTRATION_LIB_CONFIG, WidgetContentService, ContentStripWithTabsLibComponent as ɵa, WidgetUserService as ɵb, CardWideV2Component as ɵba, CardKarmaProgramsComponent as ɵbb, CardKarmaProgramsV2Component as ɵbc, CardPortraitExtComponent as ɵbd, CardMdoChannelV1Component as ɵbe, PipePublicURLModule as ɵbf, PipePublicURL as ɵbg, DisplayContentTypeLibModule as ɵbh, DisplayContentTypeLibComponent as ɵbi, DefaultThumbnailModule as ɵbj, DefaultThumbnailDirective as ɵbk, PipeDurationTransformModule as ɵbl, PipeDurationTransformPipe as ɵbm, AvatarPhotoLibModule as ɵbn, AvatarPhotoLibComponent as ɵbo, CompetencyPassbookComponent as ɵbp, CompetencyPassbookService as ɵbq, PillsModule as ɵbr, PillsComponent as ɵbs, CompetencyPassbookMdoComponent as ɵbt, CompetencyPassbookMdoService as ɵbu, UserContentRatingLibComponent as ɵbv, ScrollableItemDirective as ɵbw, RatingService as ɵbx, UserContentRatingLibService as ɵby, MyHammerConfig$1 as ɵbz, MultilingualTranslationsService as ɵc, SlidersNgContentLibModule as ɵca, SlidersNgContentLibComponent as ɵcb, ScrollableItemModule as ɵcc, ConfigurationsService as ɵd, HorizontalScrollerV2Module as ɵe, HorizontalScrollerV2Component as ɵf, SlidersLibComponent as ɵg, NavigationModule as ɵh, NavigationDirective as ɵi, ImageResponsiveModule as ɵj, ImageResponsiveDirective as ɵk, DataPointsComponent as ɵl, InsiteDataService as ɵm, SkeletonLoaderLibModule as ɵn, SkeletonLoaderLibComponent as ɵo, CalenderComponent as ɵp, CalenderDayComponent as ɵq, CommonStripComponent as ɵr, AnnouncementsComponent as ɵs, CardResourceComponent as ɵt, CardsComponent as ɵu, CardPortraitComponent as ɵv, CardUserComponent as ɵw, CardLandscapeComponent as ɵx, CardWideComponent as ɵy, CardMDOChannelComponent as ɵz };
11116
11509
  //# sourceMappingURL=sunbird-cb-consumption.js.map