@sunbird-cb/consumption 0.0.40 → 0.0.42

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 +730 -275
  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 +2 -5
  15. package/esm2015/lib/_common/horizontal-scroller-v2/horizontal-scroller-v2.component.js +2 -1
  16. package/esm2015/lib/_common/sliders/sliders.component.js +2 -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 +2 -5
  29. package/esm5/lib/_common/horizontal-scroller-v2/horizontal-scroller-v2.component.js +2 -1
  30. package/esm5/lib/_common/sliders/sliders.component.js +2 -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 +647 -254
  34. package/fesm2015/sunbird-cb-consumption.js.map +1 -1
  35. package/fesm5/sunbird-cb-consumption.js +714 -262
  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
@@ -338,6 +338,7 @@ class HorizontalScrollerV2Component {
338
338
  * @return {?}
339
339
  */
340
340
  () => {
341
+ this.bottomDotsArray = [];
341
342
  arrLength = document.getElementsByClassName(this.cardSubType).length;
342
343
  for (let i = 0; i < arrLength; i += 1) {
343
344
  this.bottomDotsArray.push(i);
@@ -4132,9 +4133,7 @@ class ContentStripWithTabsLibComponent extends WidgetBaseComponent {
4132
4133
  }
4133
4134
  }));
4134
4135
  }
4135
- if (proccesedResult.length) {
4136
- results = { response: { certifications: proccesedResult } };
4137
- }
4136
+ results = { response: { certifications: proccesedResult } };
4138
4137
  resolve({ results, viewMoreUrl });
4139
4138
  }), (/**
4140
4139
  * @param {?} error
@@ -4886,7 +4885,6 @@ class ContentStripWithTabsLibComponent extends WidgetBaseComponent {
4886
4885
  * @return {?}
4887
4886
  */
4888
4887
  results => {
4889
- debugger;
4890
4888
  if (results.result && results.result.content) {
4891
4889
  /** @type {?} */
4892
4890
  const showViewMore = Boolean(results.result.content && results.result.content.length > 5 && strip.stripConfig && strip.stripConfig.postCardForSearch);
@@ -5552,7 +5550,7 @@ class SlidersLibComponent extends WidgetBaseComponent {
5552
5550
  SlidersLibComponent.decorators = [
5553
5551
  { type: Component, args: [{
5554
5552
  selector: 'sb-uic-sliders',
5555
- 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",
5553
+ 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",
5556
5554
  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}}"]
5557
5555
  }] }
5558
5556
  ];
@@ -8789,8 +8787,8 @@ class CardMDOChannelComponent {
8789
8787
  CardMDOChannelComponent.decorators = [
8790
8788
  { type: Component, args: [{
8791
8789
  selector: 'sb-uic-card-mdo-channel',
8792
- 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>",
8793
- 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}}"]
8790
+ 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>",
8791
+ 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}}"]
8794
8792
  }] }
8795
8793
  ];
8796
8794
  /** @nocollapse */
@@ -8937,7 +8935,7 @@ CardWideV2Component.decorators = [
8937
8935
  { type: Component, args: [{
8938
8936
  selector: 'sb-uic-card-wide-v2',
8939
8937
  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>",
8940
- 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}"]
8938
+ 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}"]
8941
8939
  }] }
8942
8940
  ];
8943
8941
  /** @nocollapse */
@@ -9119,7 +9117,7 @@ class CardKarmaProgramsComponent {
9119
9117
  CardKarmaProgramsComponent.decorators = [
9120
9118
  { type: Component, args: [{
9121
9119
  selector: 'sb-uic-card-karma-programs',
9122
- 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>",
9120
+ 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>",
9123
9121
  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}"]
9124
9122
  }] }
9125
9123
  ];
@@ -9287,7 +9285,7 @@ class CardKarmaProgramsV2Component {
9287
9285
  CardKarmaProgramsV2Component.decorators = [
9288
9286
  { type: Component, args: [{
9289
9287
  selector: 'sb-uic-card-karma-programs-v2',
9290
- 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>",
9288
+ 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>",
9291
9289
  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}}"]
9292
9290
  }] }
9293
9291
  ];
@@ -9594,8 +9592,8 @@ class CardMdoChannelV1Component {
9594
9592
  CardMdoChannelV1Component.decorators = [
9595
9593
  { type: Component, args: [{
9596
9594
  selector: 'sb-uic-card-mdo-channel-v1',
9597
- 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>",
9598
- 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}"]
9595
+ 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>",
9596
+ 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}"]
9599
9597
  }] }
9600
9598
  ];
9601
9599
  /** @nocollapse */
@@ -9658,6 +9656,186 @@ if (false) {
9658
9656
  CardMdoChannelV1Component.prototype.router;
9659
9657
  }
9660
9658
 
9659
+ /**
9660
+ * @fileoverview added by tsickle
9661
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
9662
+ */
9663
+ class AvatarPhotoLibComponent {
9664
+ constructor() {
9665
+ this.size = '';
9666
+ this.defaulfColor = '';
9667
+ this.randomColor = false;
9668
+ this.showBadge = false;
9669
+ this.showInitials = false;
9670
+ this.random = Math.random().toString(36).slice(2);
9671
+ // public initials!: string
9672
+ this.colors = [
9673
+ '#EB7181',
9674
+ '#306933',
9675
+ '#000000',
9676
+ '#3670B2',
9677
+ '#4E9E87',
9678
+ '#7E4C8D',
9679
+ ];
9680
+ this.randomcolors = [
9681
+ '#EB7181',
9682
+ '#006400',
9683
+ '#000000',
9684
+ '#3670B2',
9685
+ '#4E9E87',
9686
+ '#7E4C8D',
9687
+ ];
9688
+ }
9689
+ /**
9690
+ * @return {?}
9691
+ */
9692
+ ngOnInit() {
9693
+ if (!this.photoUrl) {
9694
+ this.showInitials = true;
9695
+ if (!this.initials) {
9696
+ this.createInititals();
9697
+ }
9698
+ if (this.datalen === 1) {
9699
+ if (this.defaulfColor) {
9700
+ this.randomcolors = [
9701
+ this.defaulfColor
9702
+ ];
9703
+ }
9704
+ else {
9705
+ this.randomcolors = [
9706
+ '#006400',
9707
+ ];
9708
+ }
9709
+ }
9710
+ /** @type {?} */
9711
+ const randomIndex = Math.floor(Math.random() * Math.floor(this.colors.length));
9712
+ this.circleColor = this.colors[randomIndex];
9713
+ if (this.randomColor) {
9714
+ /** @type {?} */
9715
+ const randomIndex1 = Math.floor(Math.random() * Math.floor(this.randomcolors.length));
9716
+ this.circleColor = this.randomcolors[randomIndex1];
9717
+ }
9718
+ }
9719
+ }
9720
+ /**
9721
+ * @param {?} change
9722
+ * @return {?}
9723
+ */
9724
+ ngOnChanges(change) {
9725
+ if (change.name.currentValue !== change.name.previousValue && !change.name.firstChange) {
9726
+ this.createInititals();
9727
+ }
9728
+ }
9729
+ /**
9730
+ * @return {?}
9731
+ */
9732
+ get userInitials() {
9733
+ return this.initials;
9734
+ }
9735
+ /**
9736
+ * @private
9737
+ * @return {?}
9738
+ */
9739
+ createInititals() {
9740
+ /** @type {?} */
9741
+ let initials = '';
9742
+ /** @type {?} */
9743
+ const array = `${this.name} `.toString().split(' ');
9744
+ if (array[0] !== 'undefined' && typeof array[1] !== 'undefined') {
9745
+ initials += array[0].charAt(0);
9746
+ initials += array[1].charAt(0);
9747
+ }
9748
+ else {
9749
+ for (let i = 0; i < this.name.length; i += 1) {
9750
+ if (this.name.charAt(i) === ' ') {
9751
+ continue;
9752
+ }
9753
+ if (this.name.charAt(i) === this.name.charAt(i)) {
9754
+ initials += this.name.charAt(i);
9755
+ if (initials.length === 2) {
9756
+ break;
9757
+ }
9758
+ }
9759
+ }
9760
+ }
9761
+ this.initials = initials.toUpperCase();
9762
+ }
9763
+ }
9764
+ AvatarPhotoLibComponent.decorators = [
9765
+ { type: Component, args: [{
9766
+ selector: 'sb-uic-avatar-photo',
9767
+ 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>",
9768
+ 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}"]
9769
+ }] }
9770
+ ];
9771
+ AvatarPhotoLibComponent.propDecorators = {
9772
+ datalen: [{ type: Input }],
9773
+ photoUrl: [{ type: Input }],
9774
+ name: [{ type: Input }],
9775
+ size: [{ type: Input }],
9776
+ defaulfColor: [{ type: Input }],
9777
+ randomColor: [{ type: Input }],
9778
+ initials: [{ type: Input }],
9779
+ showBadge: [{ type: Input }]
9780
+ };
9781
+ if (false) {
9782
+ /** @type {?} */
9783
+ AvatarPhotoLibComponent.prototype.datalen;
9784
+ /** @type {?} */
9785
+ AvatarPhotoLibComponent.prototype.photoUrl;
9786
+ /** @type {?} */
9787
+ AvatarPhotoLibComponent.prototype.name;
9788
+ /** @type {?} */
9789
+ AvatarPhotoLibComponent.prototype.size;
9790
+ /** @type {?} */
9791
+ AvatarPhotoLibComponent.prototype.defaulfColor;
9792
+ /** @type {?} */
9793
+ AvatarPhotoLibComponent.prototype.randomColor;
9794
+ /** @type {?} */
9795
+ AvatarPhotoLibComponent.prototype.initials;
9796
+ /** @type {?} */
9797
+ AvatarPhotoLibComponent.prototype.showBadge;
9798
+ /** @type {?} */
9799
+ AvatarPhotoLibComponent.prototype.showInitials;
9800
+ /** @type {?} */
9801
+ AvatarPhotoLibComponent.prototype.circleColor;
9802
+ /** @type {?} */
9803
+ AvatarPhotoLibComponent.prototype.random;
9804
+ /**
9805
+ * @type {?}
9806
+ * @private
9807
+ */
9808
+ AvatarPhotoLibComponent.prototype.colors;
9809
+ /**
9810
+ * @type {?}
9811
+ * @private
9812
+ */
9813
+ AvatarPhotoLibComponent.prototype.randomcolors;
9814
+ }
9815
+
9816
+ /**
9817
+ * @fileoverview added by tsickle
9818
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
9819
+ */
9820
+ class AvatarPhotoLibModule {
9821
+ }
9822
+ AvatarPhotoLibModule.decorators = [
9823
+ { type: NgModule, args: [{
9824
+ declarations: [AvatarPhotoLibComponent],
9825
+ imports: [
9826
+ CommonModule,
9827
+ RouterModule,
9828
+ MatButtonModule,
9829
+ MatIconModule,
9830
+ MatMenuModule,
9831
+ MatRippleModule,
9832
+ SbUiResolverModule,
9833
+ ],
9834
+ exports: [AvatarPhotoLibComponent],
9835
+ entryComponents: [AvatarPhotoLibComponent],
9836
+ },] }
9837
+ ];
9838
+
9661
9839
  /**
9662
9840
  * @fileoverview added by tsickle
9663
9841
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -9690,7 +9868,8 @@ CardsModule.decorators = [
9690
9868
  DisplayContentTypeLibModule,
9691
9869
  DefaultThumbnailModule,
9692
9870
  PipeDurationTransformModule,
9693
- SkeletonLoaderLibModule
9871
+ SkeletonLoaderLibModule,
9872
+ AvatarPhotoLibModule
9694
9873
  ],
9695
9874
  entryComponents: [CardsComponent],
9696
9875
  exports: [
@@ -10255,34 +10434,12 @@ CompetencyPassbookModule.decorators = [
10255
10434
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
10256
10435
  */
10257
10436
  /** @type {?} */
10258
- const PROXY_SLAG_V8 = '/apis/proxies/v8';
10259
- const ɵ0$3 = /**
10260
- * @param {?} contentId
10261
- * @param {?} contentType
10262
- * @param {?} userId
10263
- * @return {?}
10264
- */
10265
- (contentId, contentType, userId) => `${PROXY_SLAG_V8}/ratings/v1/read/${contentId}/${contentType}/${userId}`, ɵ1$2 = /**
10266
- * @param {?} contentId
10267
- * @param {?} contentType
10268
- * @return {?}
10269
- */
10270
- (contentId, contentType) => `${PROXY_SLAG_V8}/ratings/v1/summary/${contentId}/${contentType}`, ɵ2$2 = /**
10271
- * @param {?} contentId
10272
- * @param {?} userID
10273
- * @return {?}
10274
- */
10275
- (contentId, userID) => `${PROXY_SLAG_V8}/ratings/v1/read/${contentId}/Course/${userID}`;
10276
- /** @type {?} */
10277
- const API_END_POINTS$3 = {
10278
- GET_RATING: (ɵ0$3),
10279
- ADD_OR_UPDATE: `${PROXY_SLAG_V8}/ratings/v1/upsert`,
10280
- GET_RATING_SUMMARY: (ɵ1$2),
10281
- GET_RATING_LOOKUP: `${PROXY_SLAG_V8}/ratings/v1/ratingLookUp`,
10282
- GET_AUTHOR_REPLY: (ɵ2$2),
10283
- POST_AUTHOR_REPLY: `${PROXY_SLAG_V8}/ratings/v2/read`,
10437
+ const API_POINTS$1 = {
10438
+ COMPETENCY_LIST: `apis/proxies/v8/competency/v4/search`,
10439
+ competency_URL: `apis/proxies/v8/v1/search/competenciesByOrg/`,
10284
10440
  };
10285
- class RatingService {
10441
+ class CompetencyPassbookMdoService {
10442
+ // tslint: disable-next-line: whitespace
10286
10443
  /**
10287
10444
  * @param {?} http
10288
10445
  */
@@ -10290,48 +10447,464 @@ class RatingService {
10290
10447
  this.http = http;
10291
10448
  }
10292
10449
  /**
10293
- * @param {?} contentId
10294
- * @param {?} contentType
10295
- * @param {?} userId
10296
- * @return {?}
10297
- */
10298
- getRating(contentId, contentType, userId) {
10299
- /** @type {?} */
10300
- const forPreview = window.location.href.includes('/public/') || window.location.href.includes('&preview=true');
10301
- if (!forPreview) {
10302
- return this.http.get(API_END_POINTS$3.GET_RATING(contentId, contentType, userId));
10303
- }
10304
- return of({});
10305
- }
10306
- /**
10307
- * @param {?} req
10450
+ * @param {?} payload
10308
10451
  * @return {?}
10309
10452
  */
10310
- addOrUpdateRating(req) {
10311
- return this.http.post(API_END_POINTS$3.ADD_OR_UPDATE, req);
10453
+ getCompetencyList(payload) {
10454
+ return this.http.post(API_POINTS$1.COMPETENCY_LIST, payload);
10312
10455
  }
10313
10456
  /**
10314
- * @param {?} contentId
10315
- * @param {?} contentType
10457
+ * @param {?} providerId
10316
10458
  * @return {?}
10317
10459
  */
10318
- getRatingSummary(contentId, contentType) {
10319
- /** @type {?} */
10320
- const forPreview = window.location.href.includes('/public/') || window.location.href.includes('&preview=true');
10321
- if (!forPreview) {
10322
- return this.http.get(API_END_POINTS$3.GET_RATING_SUMMARY(contentId, contentType));
10323
- }
10324
- return of({});
10460
+ mdoCompetency(providerId) {
10461
+ return this.http.get(API_POINTS$1.competency_URL + providerId);
10325
10462
  }
10463
+ }
10464
+ CompetencyPassbookMdoService.decorators = [
10465
+ { type: Injectable, args: [{ providedIn: 'root' },] }
10466
+ ];
10467
+ /** @nocollapse */
10468
+ CompetencyPassbookMdoService.ctorParameters = () => [
10469
+ { type: HttpClient }
10470
+ ];
10471
+ /** @nocollapse */ CompetencyPassbookMdoService.ngInjectableDef = ɵɵdefineInjectable({ factory: function CompetencyPassbookMdoService_Factory() { return new CompetencyPassbookMdoService(ɵɵinject(HttpClient)); }, token: CompetencyPassbookMdoService, providedIn: "root" });
10472
+ if (false) {
10326
10473
  /**
10327
- * @param {?} req
10328
- * @return {?}
10474
+ * @type {?}
10475
+ * @private
10329
10476
  */
10330
- getRatingLookup(req) {
10331
- return this.http.post(API_END_POINTS$3.GET_RATING_LOOKUP, req);
10332
- }
10333
- /**
10334
- * @param {?} req
10477
+ CompetencyPassbookMdoService.prototype.http;
10478
+ }
10479
+
10480
+ /**
10481
+ * @fileoverview added by tsickle
10482
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
10483
+ */
10484
+ class CompetencyPassbookMdoComponent {
10485
+ // subTheme = ['Behavioural']
10486
+ // currentFilter = 'Behavioural'
10487
+ // currentCompetencies: any = []
10488
+ // competencyData: any
10489
+ /**
10490
+ * @param {?} configSvc
10491
+ * @param {?} contentSvc
10492
+ * @param {?} competencySvc
10493
+ * @param {?} router
10494
+ */
10495
+ constructor(configSvc, contentSvc, competencySvc, router) {
10496
+ this.configSvc = configSvc;
10497
+ this.contentSvc = contentSvc;
10498
+ this.competencySvc = competencySvc;
10499
+ this.router = router;
10500
+ this.cardDisplayCount = 3;
10501
+ this.dynamicAlignPills = 'center';
10502
+ this.emptyResponse = new EventEmitter();
10503
+ this.temeletryResponse = new EventEmitter();
10504
+ this.loadCometency = false;
10505
+ this.loadCompetencyArea = false;
10506
+ this.competencyVersion = '';
10507
+ this.competencyTheme = [];
10508
+ this.allcompetencyTheme = {};
10509
+ this.competencyStrength = 0;
10510
+ this.competencyThemeLength = 6;
10511
+ this.showAllTheme = [{ name: 'Show all', showAll: false }];
10512
+ }
10513
+ /**
10514
+ * @return {?}
10515
+ */
10516
+ ngOnInit() {
10517
+ this.getAllCompetencies();
10518
+ }
10519
+ /**
10520
+ * @return {?}
10521
+ */
10522
+ getAllCompetencies() {
10523
+ this.loadCometency = true;
10524
+ /** @type {?} */
10525
+ let request = { "search": { "type": "Competency Area" }, "filter": { "isDetail": true } };
10526
+ this.competencySvc.getCompetencyList(request).subscribe((/**
10527
+ * @param {?} response
10528
+ * @return {?}
10529
+ */
10530
+ (response) => {
10531
+ this.allcompetencyTheme = {};
10532
+ if (response && response.result && response.result.competency) {
10533
+ this.originalCompetencyArray = response.result.competency;
10534
+ this.getMdoCompetencies();
10535
+ // this.getCompetencyArea()
10536
+ response.result.competency.forEach((/**
10537
+ * @param {?} element
10538
+ * @return {?}
10539
+ */
10540
+ element => {
10541
+ element.children.forEach((/**
10542
+ * @param {?} childEle
10543
+ * @return {?}
10544
+ */
10545
+ (childEle) => {
10546
+ /** @type {?} */
10547
+ let name = childEle.name.toLowerCase();
10548
+ this.allcompetencyTheme[name] = childEle;
10549
+ this.allcompetencyTheme[name]['viewMore'] = false;
10550
+ }));
10551
+ }));
10552
+ }
10553
+ this.loadCometency = false;
10554
+ }));
10555
+ }
10556
+ /**
10557
+ * @return {?}
10558
+ */
10559
+ getMdoCompetencies() {
10560
+ return __awaiter(this, void 0, void 0, function* () {
10561
+ try {
10562
+ this.loadCometency = true;
10563
+ /** @type {?} */
10564
+ const response = yield this.getMdoCompetency();
10565
+ if (response && response.results) {
10566
+ if (response.results.result.facets && response.results.result.facets.length) {
10567
+ /** @type {?} */
10568
+ let facetData = response.results.result.facets;
10569
+ facetData.forEach((/**
10570
+ * @param {?} facet
10571
+ * @return {?}
10572
+ */
10573
+ (facet) => {
10574
+ if (facet.name === 'competencies_v5.competencyArea') {
10575
+ this.competencyArea = facet.values;
10576
+ this.selectedValue = facet.values[0].name;
10577
+ }
10578
+ else if (facet.name === 'competencies_v5.competencyTheme') {
10579
+ this.competencyThemeData = facet.values;
10580
+ this.getCompetencyTheme();
10581
+ }
10582
+ }));
10583
+ }
10584
+ else {
10585
+ this.emptyResponse.emit(true);
10586
+ }
10587
+ this.loadCometency = false;
10588
+ }
10589
+ }
10590
+ catch (error) {
10591
+ // Handle errors
10592
+ // console.error('Error:', error);
10593
+ this.emptyResponse.emit(true);
10594
+ }
10595
+ });
10596
+ }
10597
+ /**
10598
+ * @return {?}
10599
+ */
10600
+ getCompetencyTheme() {
10601
+ this.originalCompetencyArray.forEach((/**
10602
+ * @param {?} element
10603
+ * @return {?}
10604
+ */
10605
+ (element) => {
10606
+ if (element.name.toLowerCase() === this.selectedValue) {
10607
+ this.competencyTheme = this.competencyThemeData.filter((/**
10608
+ * @param {?} ele1
10609
+ * @return {?}
10610
+ */
10611
+ (ele1) => {
10612
+ return element.children.find((/**
10613
+ * @param {?} ele2
10614
+ * @return {?}
10615
+ */
10616
+ (ele2) => ele2.name.toLowerCase() === ele1.name.toLowerCase()));
10617
+ }));
10618
+ this.showAllTheme = [{ name: 'Show all', showAll: false }];
10619
+ this.competencyThemeLength = 6;
10620
+ }
10621
+ else if ('Behavioral'.toLowerCase() === this.selectedValue) {
10622
+ this.competencyTheme = this.competencyThemeData.filter((/**
10623
+ * @param {?} ele1
10624
+ * @return {?}
10625
+ */
10626
+ (ele1) => {
10627
+ return element.children.find((/**
10628
+ * @param {?} ele2
10629
+ * @return {?}
10630
+ */
10631
+ (ele2) => ele2.name.toLowerCase() === ele1.name.toLowerCase()));
10632
+ }));
10633
+ this.showAllTheme = [{ name: 'Show all', showAll: false }];
10634
+ this.competencyThemeLength = 6;
10635
+ }
10636
+ }));
10637
+ this.resetViewMore();
10638
+ }
10639
+ /**
10640
+ * @return {?}
10641
+ */
10642
+ getMdoCompetency() {
10643
+ return __awaiter(this, void 0, void 0, function* () {
10644
+ return new Promise((/**
10645
+ * @param {?} resolve
10646
+ * @param {?} reject
10647
+ * @return {?}
10648
+ */
10649
+ (resolve, reject) => {
10650
+ if (this.providerId) {
10651
+ this.competencySvc.mdoCompetency(this.providerId).subscribe((/**
10652
+ * @param {?} results
10653
+ * @return {?}
10654
+ */
10655
+ results => {
10656
+ resolve({ results });
10657
+ }), (/**
10658
+ * @param {?} error
10659
+ * @return {?}
10660
+ */
10661
+ (error) => {
10662
+ reject(error);
10663
+ }));
10664
+ }
10665
+ }));
10666
+ });
10667
+ }
10668
+ // competency theam change
10669
+ /**
10670
+ * @param {?} e
10671
+ * @return {?}
10672
+ */
10673
+ competencyChange(e) {
10674
+ /** @type {?} */
10675
+ let addfilter = {};
10676
+ if (this.providerId) {
10677
+ addfilter = {
10678
+ "createdFor": [
10679
+ this.providerId
10680
+ ],
10681
+ };
10682
+ }
10683
+ this.temeletryResponse.emit(e.name);
10684
+ this.selectedValue = e.name;
10685
+ this.getCompetencyTheme();
10686
+ }
10687
+ /**
10688
+ * @return {?}
10689
+ */
10690
+ resetViewMore() {
10691
+ Object.keys(this.allcompetencyTheme).forEach((/**
10692
+ * @param {?} comp
10693
+ * @return {?}
10694
+ */
10695
+ (comp) => {
10696
+ this.allcompetencyTheme[comp]['viewMore'] = false;
10697
+ }));
10698
+ }
10699
+ /**
10700
+ * @param {?} data
10701
+ * @return {?}
10702
+ */
10703
+ viewMoreChildren(data) {
10704
+ data.viewMore = !data.viewMore;
10705
+ this.allcompetencyTheme[data.name.toLowerCase()].viewMore = data.viewMore;
10706
+ }
10707
+ /**
10708
+ * @param {?} event
10709
+ * @return {?}
10710
+ */
10711
+ displayAllTheme(event) {
10712
+ this.showAllTheme[0]['showAll'] = !event.showAll;
10713
+ this.competencyThemeLength = event.showAll ? this.competencyTheme.length : 6;
10714
+ this.showAllTheme[0]['name'] = event.showAll ? 'Show less' : 'Show all';
10715
+ this.temeletryResponse.emit(event.name);
10716
+ }
10717
+ /**
10718
+ * @param {?} compData
10719
+ * @return {?}
10720
+ */
10721
+ navigateToCompetency(compData) {
10722
+ this.router.navigateByUrl(`app/learn/browse-by/competency/${compData.name}`);
10723
+ }
10724
+ /**
10725
+ * @return {?}
10726
+ */
10727
+ showMore() {
10728
+ this.objectData.viewMore = !this.objectData.viewMore;
10729
+ }
10730
+ }
10731
+ CompetencyPassbookMdoComponent.decorators = [
10732
+ { type: Component, args: [{
10733
+ selector: 'sb-uic-competency-passbook-mdo',
10734
+ 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>",
10735
+ 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}"]
10736
+ }] }
10737
+ ];
10738
+ /** @nocollapse */
10739
+ CompetencyPassbookMdoComponent.ctorParameters = () => [
10740
+ { type: ConfigurationsService$1 },
10741
+ { type: WidgetContentService },
10742
+ { type: CompetencyPassbookMdoService },
10743
+ { type: Router }
10744
+ ];
10745
+ CompetencyPassbookMdoComponent.propDecorators = {
10746
+ objectData: [{ type: Input }],
10747
+ providerId: [{ type: Input }],
10748
+ cardDisplayCount: [{ type: Input }],
10749
+ dynamicClass: [{ type: Input }],
10750
+ dynamicColor: [{ type: Input }],
10751
+ dynamicAlignPills: [{ type: Input }],
10752
+ emptyResponse: [{ type: Output }],
10753
+ temeletryResponse: [{ type: Output }]
10754
+ };
10755
+ if (false) {
10756
+ /** @type {?} */
10757
+ CompetencyPassbookMdoComponent.prototype.objectData;
10758
+ /** @type {?} */
10759
+ CompetencyPassbookMdoComponent.prototype.providerId;
10760
+ /** @type {?} */
10761
+ CompetencyPassbookMdoComponent.prototype.cardDisplayCount;
10762
+ /** @type {?} */
10763
+ CompetencyPassbookMdoComponent.prototype.dynamicClass;
10764
+ /** @type {?} */
10765
+ CompetencyPassbookMdoComponent.prototype.dynamicColor;
10766
+ /** @type {?} */
10767
+ CompetencyPassbookMdoComponent.prototype.dynamicAlignPills;
10768
+ /** @type {?} */
10769
+ CompetencyPassbookMdoComponent.prototype.emptyResponse;
10770
+ /** @type {?} */
10771
+ CompetencyPassbookMdoComponent.prototype.temeletryResponse;
10772
+ /** @type {?} */
10773
+ CompetencyPassbookMdoComponent.prototype.loadCometency;
10774
+ /** @type {?} */
10775
+ CompetencyPassbookMdoComponent.prototype.loadCompetencyArea;
10776
+ /** @type {?} */
10777
+ CompetencyPassbookMdoComponent.prototype.originalCompetencyArray;
10778
+ /** @type {?} */
10779
+ CompetencyPassbookMdoComponent.prototype.competencyArea;
10780
+ /** @type {?} */
10781
+ CompetencyPassbookMdoComponent.prototype.selectedValue;
10782
+ /** @type {?} */
10783
+ CompetencyPassbookMdoComponent.prototype.competencyVersion;
10784
+ /** @type {?} */
10785
+ CompetencyPassbookMdoComponent.prototype.competencyThemeData;
10786
+ /** @type {?} */
10787
+ CompetencyPassbookMdoComponent.prototype.competencyTheme;
10788
+ /** @type {?} */
10789
+ CompetencyPassbookMdoComponent.prototype.allcompetencyTheme;
10790
+ /** @type {?} */
10791
+ CompetencyPassbookMdoComponent.prototype.competencyStrength;
10792
+ /** @type {?} */
10793
+ CompetencyPassbookMdoComponent.prototype.competencyThemeLength;
10794
+ /** @type {?} */
10795
+ CompetencyPassbookMdoComponent.prototype.showAllTheme;
10796
+ /** @type {?} */
10797
+ CompetencyPassbookMdoComponent.prototype.configSvc;
10798
+ /** @type {?} */
10799
+ CompetencyPassbookMdoComponent.prototype.contentSvc;
10800
+ /** @type {?} */
10801
+ CompetencyPassbookMdoComponent.prototype.competencySvc;
10802
+ /** @type {?} */
10803
+ CompetencyPassbookMdoComponent.prototype.router;
10804
+ }
10805
+
10806
+ /**
10807
+ * @fileoverview added by tsickle
10808
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
10809
+ */
10810
+ class CompetencyPassbookMdoModule {
10811
+ }
10812
+ CompetencyPassbookMdoModule.decorators = [
10813
+ { type: NgModule, args: [{
10814
+ declarations: [CompetencyPassbookMdoComponent],
10815
+ imports: [
10816
+ CommonModule,
10817
+ MatIconModule,
10818
+ PillsModule,
10819
+ SkeletonLoaderLibModule
10820
+ ],
10821
+ exports: [CompetencyPassbookMdoComponent],
10822
+ providers: [CompetencyPassbookMdoService]
10823
+ },] }
10824
+ ];
10825
+
10826
+ /**
10827
+ * @fileoverview added by tsickle
10828
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
10829
+ */
10830
+ /** @type {?} */
10831
+ const PROXY_SLAG_V8 = '/apis/proxies/v8';
10832
+ const ɵ0$3 = /**
10833
+ * @param {?} contentId
10834
+ * @param {?} contentType
10835
+ * @param {?} userId
10836
+ * @return {?}
10837
+ */
10838
+ (contentId, contentType, userId) => `${PROXY_SLAG_V8}/ratings/v1/read/${contentId}/${contentType}/${userId}`, ɵ1$2 = /**
10839
+ * @param {?} contentId
10840
+ * @param {?} contentType
10841
+ * @return {?}
10842
+ */
10843
+ (contentId, contentType) => `${PROXY_SLAG_V8}/ratings/v1/summary/${contentId}/${contentType}`, ɵ2$2 = /**
10844
+ * @param {?} contentId
10845
+ * @param {?} userID
10846
+ * @return {?}
10847
+ */
10848
+ (contentId, userID) => `${PROXY_SLAG_V8}/ratings/v1/read/${contentId}/Course/${userID}`;
10849
+ /** @type {?} */
10850
+ const API_END_POINTS$3 = {
10851
+ GET_RATING: (ɵ0$3),
10852
+ ADD_OR_UPDATE: `${PROXY_SLAG_V8}/ratings/v1/upsert`,
10853
+ GET_RATING_SUMMARY: (ɵ1$2),
10854
+ GET_RATING_LOOKUP: `${PROXY_SLAG_V8}/ratings/v1/ratingLookUp`,
10855
+ GET_AUTHOR_REPLY: (ɵ2$2),
10856
+ POST_AUTHOR_REPLY: `${PROXY_SLAG_V8}/ratings/v2/read`,
10857
+ };
10858
+ class RatingService {
10859
+ /**
10860
+ * @param {?} http
10861
+ */
10862
+ constructor(http) {
10863
+ this.http = http;
10864
+ }
10865
+ /**
10866
+ * @param {?} contentId
10867
+ * @param {?} contentType
10868
+ * @param {?} userId
10869
+ * @return {?}
10870
+ */
10871
+ getRating(contentId, contentType, userId) {
10872
+ /** @type {?} */
10873
+ const forPreview = window.location.href.includes('/public/') || window.location.href.includes('&preview=true');
10874
+ if (!forPreview) {
10875
+ return this.http.get(API_END_POINTS$3.GET_RATING(contentId, contentType, userId));
10876
+ }
10877
+ return of({});
10878
+ }
10879
+ /**
10880
+ * @param {?} req
10881
+ * @return {?}
10882
+ */
10883
+ addOrUpdateRating(req) {
10884
+ return this.http.post(API_END_POINTS$3.ADD_OR_UPDATE, req);
10885
+ }
10886
+ /**
10887
+ * @param {?} contentId
10888
+ * @param {?} contentType
10889
+ * @return {?}
10890
+ */
10891
+ getRatingSummary(contentId, contentType) {
10892
+ /** @type {?} */
10893
+ const forPreview = window.location.href.includes('/public/') || window.location.href.includes('&preview=true');
10894
+ if (!forPreview) {
10895
+ return this.http.get(API_END_POINTS$3.GET_RATING_SUMMARY(contentId, contentType));
10896
+ }
10897
+ return of({});
10898
+ }
10899
+ /**
10900
+ * @param {?} req
10901
+ * @return {?}
10902
+ */
10903
+ getRatingLookup(req) {
10904
+ return this.http.post(API_END_POINTS$3.GET_RATING_LOOKUP, req);
10905
+ }
10906
+ /**
10907
+ * @param {?} req
10335
10908
  * @return {?}
10336
10909
  */
10337
10910
  getRatingReply(req) {
@@ -10638,186 +11211,6 @@ if (false) {
10638
11211
  UserContentRatingLibComponent.prototype.userRatingSvc;
10639
11212
  }
10640
11213
 
10641
- /**
10642
- * @fileoverview added by tsickle
10643
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
10644
- */
10645
- class AvatarPhotoLibComponent {
10646
- constructor() {
10647
- this.size = '';
10648
- this.defaulfColor = '';
10649
- this.randomColor = false;
10650
- this.showBadge = false;
10651
- this.showInitials = false;
10652
- this.random = Math.random().toString(36).slice(2);
10653
- // public initials!: string
10654
- this.colors = [
10655
- '#EB7181',
10656
- '#306933',
10657
- '#000000',
10658
- '#3670B2',
10659
- '#4E9E87',
10660
- '#7E4C8D',
10661
- ];
10662
- this.randomcolors = [
10663
- '#EB7181',
10664
- '#006400',
10665
- '#000000',
10666
- '#3670B2',
10667
- '#4E9E87',
10668
- '#7E4C8D',
10669
- ];
10670
- }
10671
- /**
10672
- * @return {?}
10673
- */
10674
- ngOnInit() {
10675
- if (!this.photoUrl) {
10676
- this.showInitials = true;
10677
- if (!this.initials) {
10678
- this.createInititals();
10679
- }
10680
- if (this.datalen === 1) {
10681
- if (this.defaulfColor) {
10682
- this.randomcolors = [
10683
- this.defaulfColor
10684
- ];
10685
- }
10686
- else {
10687
- this.randomcolors = [
10688
- '#006400',
10689
- ];
10690
- }
10691
- }
10692
- /** @type {?} */
10693
- const randomIndex = Math.floor(Math.random() * Math.floor(this.colors.length));
10694
- this.circleColor = this.colors[randomIndex];
10695
- if (this.randomColor) {
10696
- /** @type {?} */
10697
- const randomIndex1 = Math.floor(Math.random() * Math.floor(this.randomcolors.length));
10698
- this.circleColor = this.randomcolors[randomIndex1];
10699
- }
10700
- }
10701
- }
10702
- /**
10703
- * @param {?} change
10704
- * @return {?}
10705
- */
10706
- ngOnChanges(change) {
10707
- if (change.name.currentValue !== change.name.previousValue && !change.name.firstChange) {
10708
- this.createInititals();
10709
- }
10710
- }
10711
- /**
10712
- * @return {?}
10713
- */
10714
- get userInitials() {
10715
- return this.initials;
10716
- }
10717
- /**
10718
- * @private
10719
- * @return {?}
10720
- */
10721
- createInititals() {
10722
- /** @type {?} */
10723
- let initials = '';
10724
- /** @type {?} */
10725
- const array = `${this.name} `.toString().split(' ');
10726
- if (array[0] !== 'undefined' && typeof array[1] !== 'undefined') {
10727
- initials += array[0].charAt(0);
10728
- initials += array[1].charAt(0);
10729
- }
10730
- else {
10731
- for (let i = 0; i < this.name.length; i += 1) {
10732
- if (this.name.charAt(i) === ' ') {
10733
- continue;
10734
- }
10735
- if (this.name.charAt(i) === this.name.charAt(i)) {
10736
- initials += this.name.charAt(i);
10737
- if (initials.length === 2) {
10738
- break;
10739
- }
10740
- }
10741
- }
10742
- }
10743
- this.initials = initials.toUpperCase();
10744
- }
10745
- }
10746
- AvatarPhotoLibComponent.decorators = [
10747
- { type: Component, args: [{
10748
- selector: 'sb-uic-avatar-photo',
10749
- 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>",
10750
- 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}"]
10751
- }] }
10752
- ];
10753
- AvatarPhotoLibComponent.propDecorators = {
10754
- datalen: [{ type: Input }],
10755
- photoUrl: [{ type: Input }],
10756
- name: [{ type: Input }],
10757
- size: [{ type: Input }],
10758
- defaulfColor: [{ type: Input }],
10759
- randomColor: [{ type: Input }],
10760
- initials: [{ type: Input }],
10761
- showBadge: [{ type: Input }]
10762
- };
10763
- if (false) {
10764
- /** @type {?} */
10765
- AvatarPhotoLibComponent.prototype.datalen;
10766
- /** @type {?} */
10767
- AvatarPhotoLibComponent.prototype.photoUrl;
10768
- /** @type {?} */
10769
- AvatarPhotoLibComponent.prototype.name;
10770
- /** @type {?} */
10771
- AvatarPhotoLibComponent.prototype.size;
10772
- /** @type {?} */
10773
- AvatarPhotoLibComponent.prototype.defaulfColor;
10774
- /** @type {?} */
10775
- AvatarPhotoLibComponent.prototype.randomColor;
10776
- /** @type {?} */
10777
- AvatarPhotoLibComponent.prototype.initials;
10778
- /** @type {?} */
10779
- AvatarPhotoLibComponent.prototype.showBadge;
10780
- /** @type {?} */
10781
- AvatarPhotoLibComponent.prototype.showInitials;
10782
- /** @type {?} */
10783
- AvatarPhotoLibComponent.prototype.circleColor;
10784
- /** @type {?} */
10785
- AvatarPhotoLibComponent.prototype.random;
10786
- /**
10787
- * @type {?}
10788
- * @private
10789
- */
10790
- AvatarPhotoLibComponent.prototype.colors;
10791
- /**
10792
- * @type {?}
10793
- * @private
10794
- */
10795
- AvatarPhotoLibComponent.prototype.randomcolors;
10796
- }
10797
-
10798
- /**
10799
- * @fileoverview added by tsickle
10800
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
10801
- */
10802
- class AvatarPhotoLibModule {
10803
- }
10804
- AvatarPhotoLibModule.decorators = [
10805
- { type: NgModule, args: [{
10806
- declarations: [AvatarPhotoLibComponent],
10807
- imports: [
10808
- CommonModule,
10809
- RouterModule,
10810
- MatButtonModule,
10811
- MatIconModule,
10812
- MatMenuModule,
10813
- MatRippleModule,
10814
- SbUiResolverModule,
10815
- ],
10816
- exports: [AvatarPhotoLibComponent],
10817
- entryComponents: [AvatarPhotoLibComponent],
10818
- },] }
10819
- ];
10820
-
10821
11214
  /**
10822
11215
  * @fileoverview added by tsickle
10823
11216
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -11113,5 +11506,5 @@ UserContentRatingLibModule.decorators = [
11113
11506
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
11114
11507
  */
11115
11508
 
11116
- 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 };
11509
+ 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 };
11117
11510
  //# sourceMappingURL=sunbird-cb-consumption.js.map