@sunbird-cb/consumption 0.0.41 → 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.
- package/bundles/sunbird-cb-consumption.umd.js +729 -273
- package/bundles/sunbird-cb-consumption.umd.js.map +1 -1
- package/bundles/sunbird-cb-consumption.umd.min.js +1 -1
- package/bundles/sunbird-cb-consumption.umd.min.js.map +1 -1
- package/esm2015/lib/_common/cards/card-karma-programs/card-karma-programs.component.js +2 -2
- package/esm2015/lib/_common/cards/card-karma-programs-v2/card-karma-programs-v2.component.js +2 -2
- package/esm2015/lib/_common/cards/card-mdo-channel/card-mdo-channel.component.js +3 -3
- package/esm2015/lib/_common/cards/card-mdo-channel-v1/card-mdo-channel-v1.component.js +3 -3
- package/esm2015/lib/_common/cards/card-wide-v2/card-wide-v2.component.js +1 -1
- package/esm2015/lib/_common/cards/cards.module.js +4 -2
- package/esm2015/lib/_common/competency-passbook-mdo/competency-passbook-mdo.component.js +332 -0
- package/esm2015/lib/_common/competency-passbook-mdo/competency-passbook-mdo.module.js +27 -0
- package/esm2015/lib/_common/competency-passbook-mdo/competency-passbook-mdo.service.js +52 -0
- package/esm2015/lib/_common/content-strip-with-tabs-lib/content-strip-with-tabs-lib.component.js +1 -2
- package/esm2015/lib/_common/sliders/sliders.component.js +2 -2
- package/esm2015/public-api.js +2 -1
- package/esm2015/sunbird-cb-consumption.js +17 -15
- package/esm5/lib/_common/cards/card-karma-programs/card-karma-programs.component.js +2 -2
- package/esm5/lib/_common/cards/card-karma-programs-v2/card-karma-programs-v2.component.js +2 -2
- package/esm5/lib/_common/cards/card-mdo-channel/card-mdo-channel.component.js +3 -3
- package/esm5/lib/_common/cards/card-mdo-channel-v1/card-mdo-channel-v1.component.js +3 -3
- package/esm5/lib/_common/cards/card-wide-v2/card-wide-v2.component.js +1 -1
- package/esm5/lib/_common/cards/cards.module.js +4 -2
- package/esm5/lib/_common/competency-passbook-mdo/competency-passbook-mdo.component.js +383 -0
- package/esm5/lib/_common/competency-passbook-mdo/competency-passbook-mdo.module.js +31 -0
- package/esm5/lib/_common/competency-passbook-mdo/competency-passbook-mdo.service.js +59 -0
- package/esm5/lib/_common/content-strip-with-tabs-lib/content-strip-with-tabs-lib.component.js +1 -2
- package/esm5/lib/_common/sliders/sliders.component.js +2 -2
- package/esm5/public-api.js +2 -1
- package/esm5/sunbird-cb-consumption.js +17 -15
- package/fesm2015/sunbird-cb-consumption.js +636 -242
- package/fesm2015/sunbird-cb-consumption.js.map +1 -1
- package/fesm5/sunbird-cb-consumption.js +713 -260
- package/fesm5/sunbird-cb-consumption.js.map +1 -1
- package/lib/_common/competency-passbook-mdo/competency-passbook-mdo.component.d.ts +43 -0
- package/lib/_common/competency-passbook-mdo/competency-passbook-mdo.module.d.ts +2 -0
- package/lib/_common/competency-passbook-mdo/competency-passbook-mdo.service.d.ts +8 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
- package/sunbird-cb-consumption.d.ts +15 -13
- package/sunbird-cb-consumption.metadata.json +1 -1
|
@@ -5581,7 +5581,6 @@ var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
|
|
|
5581
5581
|
* @return {?}
|
|
5582
5582
|
*/
|
|
5583
5583
|
function (results) {
|
|
5584
|
-
debugger;
|
|
5585
5584
|
if (results.result && results.result.content) {
|
|
5586
5585
|
/** @type {?} */
|
|
5587
5586
|
var showViewMore = Boolean(results.result.content && results.result.content.length > 5 && strip.stripConfig && strip.stripConfig.postCardForSearch);
|
|
@@ -6353,7 +6352,7 @@ var SlidersLibComponent = /** @class */ (function (_super) {
|
|
|
6353
6352
|
SlidersLibComponent.decorators = [
|
|
6354
6353
|
{ type: Component, args: [{
|
|
6355
6354
|
selector: 'sb-uic-sliders',
|
|
6356
|
-
template: "<div class=\"banner-container {{isMobile? styleData?.responsive?.bannerMetaClass : styleData?.bannerMetaClass}}\" (swipeleft)=\"slideTo(currentIndex + 1)\" (swiperight)=\"slideTo(currentIndex - 1)\"\n *ngIf=\"widgetData?.length > 1\" [style.height]=\"isMobile? styleData?.responsive?.customHeight : styleData?.customHeight\"\n [ngStyle]=\"{'border-radius': styleData?.borderRadius || '12px'}\">\n <a (click)=\"raiseTelemetry(widgetData[currentIndex].redirectUrl)\"\n class=\"banner-overlay {{widgetData[currentIndex] && widgetData[currentIndex].redirectUrl ? '' : 'pointer-events-none'}}\"\n [routerLink]=\" !isOpenInNewTab && widgetData[currentIndex].redirectUrl? widgetData[currentIndex].redirectUrl : null\"\n [ngClass]=\"{'cursor-auto': !widgetData[currentIndex].redirectUrl}\">\n <div class=\"banner WidgetInstanceId\" \n *ngFor=\"let slide of widgetData; let i = index\" \n [hidden]=\"i !== currentIndex\" \n [ngStyle]=\"{\n 'border-width': isMobile? styleData?.responsive?.imageBorderWidth : styleData?.imageBorderWidth,\n 'border-color': isMobile? styleData?.responsive?.imageBorderColor : styleData?.imageBorderColor,\n 'border-style': isMobile? styleData?.responsive?.imageBorderStyle: styleData?.imageBorderStyle}\">\n <img i18n-alt alt=\"Page Banner\" [src]=\"slide.banners\" wsUtilsImageResponsive class=\"banner-image\" />\n </div>\n </a>\n <ng-container *ngIf=\"isMobile && styleData?.responsive?.dots !== 'hidden' || !isMobile && styleData?.dots !== 'hidden'\">\n <div class=\"banner-meta {{isMobile? styleData?.responsive?.bannerMetaAlign : styleData?.bannerMetaAlign}}\">\n <a [routerLink]=\" !isOpenInNewTab && widgetData[currentIndex].redirectUrl? widgetData[currentIndex].redirectUrl : null\"\n class=\"banner-title text-truncate {{widgetData[currentIndex] && widgetData[currentIndex].redirectUrl ? '' : 'pointer-events-none'}}\"\n *ngIf=\"widgetData[currentIndex].title\" [title]=\"widgetData[currentIndex].title\">\n {{ widgetData[currentIndex].title }}\n </a>\n <div class=\"dots-container\" *ngIf=\"widgetData?.length > 1\">\n <span class=\"dot\" [ngClass]=\"{ active: j === currentIndex }\" *ngFor=\"let slide of widgetData; let j = index\"\n (click)=\"slideTo(j)\"></span>\n </div>\n </div>\n </ng-container>\n <div class=\"navigation {{isMobile? styleData?.responsive?.arrowsPlacement : styleData?.arrowsPlacement}}\" \n *ngIf=\"isMobile && styleData?.responsive?.navigationArrows !== 'hidden' || !isMobile && styleData?.navigationArrows !== 'hidden'\">\n <a *ngIf=\"widgetData?.length > 1\" role=\"button\" class=\"prev\" (click)=\"slideTo(currentIndex - 1)\">❮</a>\n <a *ngIf=\"widgetData?.length > 1\" role=\"button\" class=\"next\" (click)=\"slideTo(currentIndex + 1)\">❯</a>\n </div>\n</div>\n<div class=\"banner-container-solo
|
|
6355
|
+
template: "<div class=\"banner-container {{isMobile? styleData?.responsive?.bannerMetaClass : styleData?.bannerMetaClass}}\" (swipeleft)=\"slideTo(currentIndex + 1)\" (swiperight)=\"slideTo(currentIndex - 1)\"\n *ngIf=\"widgetData?.length > 1\" [style.height]=\"isMobile? styleData?.responsive?.customHeight : styleData?.customHeight\"\n [ngStyle]=\"{'border-radius': styleData?.borderRadius || '12px'}\">\n <a (click)=\"raiseTelemetry(widgetData[currentIndex].redirectUrl)\"\n class=\"banner-overlay {{widgetData[currentIndex] && widgetData[currentIndex].redirectUrl ? '' : 'pointer-events-none'}}\"\n [routerLink]=\" !isOpenInNewTab && widgetData[currentIndex].redirectUrl? widgetData[currentIndex].redirectUrl : null\"\n [ngClass]=\"{'cursor-auto': !widgetData[currentIndex].redirectUrl}\">\n <div class=\"banner WidgetInstanceId\" \n *ngFor=\"let slide of widgetData; let i = index\" \n [hidden]=\"i !== currentIndex\" \n [ngStyle]=\"{\n 'border-width': isMobile? styleData?.responsive?.imageBorderWidth : styleData?.imageBorderWidth,\n 'border-color': isMobile? styleData?.responsive?.imageBorderColor : styleData?.imageBorderColor,\n 'border-style': isMobile? styleData?.responsive?.imageBorderStyle: styleData?.imageBorderStyle}\">\n <img i18n-alt alt=\"Page Banner\" [src]=\"slide.banners\" wsUtilsImageResponsive class=\"banner-image\" />\n </div>\n </a>\n <ng-container *ngIf=\"isMobile && styleData?.responsive?.dots !== 'hidden' || !isMobile && styleData?.dots !== 'hidden'\">\n <div class=\"banner-meta {{isMobile? styleData?.responsive?.bannerMetaAlign : styleData?.bannerMetaAlign}}\">\n <a [routerLink]=\" !isOpenInNewTab && widgetData[currentIndex].redirectUrl? widgetData[currentIndex].redirectUrl : null\"\n class=\"banner-title text-truncate {{widgetData[currentIndex] && widgetData[currentIndex].redirectUrl ? '' : 'pointer-events-none'}}\"\n *ngIf=\"widgetData[currentIndex].title\" [title]=\"widgetData[currentIndex].title\">\n {{ widgetData[currentIndex].title }}\n </a>\n <div class=\"dots-container\" *ngIf=\"widgetData?.length > 1\">\n <span class=\"dot\" [ngClass]=\"{ active: j === currentIndex }\" *ngFor=\"let slide of widgetData; let j = index\"\n (click)=\"slideTo(j)\"></span>\n </div>\n </div>\n </ng-container>\n <div class=\"navigation {{isMobile? styleData?.responsive?.arrowsPlacement : styleData?.arrowsPlacement}}\" \n *ngIf=\"isMobile && styleData?.responsive?.navigationArrows !== 'hidden' || !isMobile && styleData?.navigationArrows !== 'hidden'\">\n <a *ngIf=\"widgetData?.length > 1\" role=\"button\" class=\"prev\" (click)=\"slideTo(currentIndex - 1)\">❮</a>\n <a *ngIf=\"widgetData?.length > 1\" role=\"button\" class=\"next\" (click)=\"slideTo(currentIndex + 1)\">❯</a>\n </div>\n</div>\n<div class=\"banner-container-solo \" [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\">❮</a>\n </button>\n <button *ngIf=\"widgetData?.length > 1\" class=\"next\" (click)=\"slideTo(currentIndex + 1)\" aria-label=\"Next slide\">\n <a *ngIf=\"widgetData?.length > 1\" role=\"button\" class=\"next\">❯</a>\n </button>\n\n</div> -->\n<ng-container *ngIf=\"!widgetData?.length\">\n <div class=\"slider default-slider h-full\">\n <div class=\"relative h-full\">\n <img class=\"h-full\" src=\"assets/icons/home/default-slider-image.svg\" alt=\"\">\n <div class=\"default-title rounded-full\">\n <p class=\"mat-h1\">{{title}}</p>\n </div>\n </div>\n </div>\n</ng-container>\n",
|
|
6357
6356
|
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}}"]
|
|
6358
6357
|
}] }
|
|
6359
6358
|
];
|
|
@@ -9962,8 +9961,8 @@ var CardMDOChannelComponent = /** @class */ (function () {
|
|
|
9962
9961
|
CardMDOChannelComponent.decorators = [
|
|
9963
9962
|
{ type: Component, args: [{
|
|
9964
9963
|
selector: 'sb-uic-card-mdo-channel',
|
|
9965
|
-
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
|
|
9966
|
-
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
|
|
9964
|
+
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>",
|
|
9965
|
+
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}}"]
|
|
9967
9966
|
}] }
|
|
9968
9967
|
];
|
|
9969
9968
|
/** @nocollapse */
|
|
@@ -10119,7 +10118,7 @@ var CardWideV2Component = /** @class */ (function () {
|
|
|
10119
10118
|
{ type: Component, args: [{
|
|
10120
10119
|
selector: 'sb-uic-card-wide-v2',
|
|
10121
10120
|
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 \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>",
|
|
10122
|
-
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:
|
|
10121
|
+
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}"]
|
|
10123
10122
|
}] }
|
|
10124
10123
|
];
|
|
10125
10124
|
/** @nocollapse */
|
|
@@ -10309,7 +10308,7 @@ var CardKarmaProgramsComponent = /** @class */ (function () {
|
|
|
10309
10308
|
CardKarmaProgramsComponent.decorators = [
|
|
10310
10309
|
{ type: Component, args: [{
|
|
10311
10310
|
selector: 'sb-uic-card-karma-programs',
|
|
10312
|
-
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?.
|
|
10311
|
+
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>",
|
|
10313
10312
|
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}"]
|
|
10314
10313
|
}] }
|
|
10315
10314
|
];
|
|
@@ -10486,7 +10485,7 @@ var CardKarmaProgramsV2Component = /** @class */ (function () {
|
|
|
10486
10485
|
CardKarmaProgramsV2Component.decorators = [
|
|
10487
10486
|
{ type: Component, args: [{
|
|
10488
10487
|
selector: 'sb-uic-card-karma-programs-v2',
|
|
10489
|
-
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?.
|
|
10488
|
+
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>",
|
|
10490
10489
|
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}}"]
|
|
10491
10490
|
}] }
|
|
10492
10491
|
];
|
|
@@ -10807,8 +10806,8 @@ var CardMdoChannelV1Component = /** @class */ (function () {
|
|
|
10807
10806
|
CardMdoChannelV1Component.decorators = [
|
|
10808
10807
|
{ type: Component, args: [{
|
|
10809
10808
|
selector: 'sb-uic-card-mdo-channel-v1',
|
|
10810
|
-
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
|
|
10811
|
-
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
|
|
10809
|
+
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>",
|
|
10810
|
+
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}"]
|
|
10812
10811
|
}] }
|
|
10813
10812
|
];
|
|
10814
10813
|
/** @nocollapse */
|
|
@@ -10873,6 +10872,205 @@ if (false) {
|
|
|
10873
10872
|
CardMdoChannelV1Component.prototype.router;
|
|
10874
10873
|
}
|
|
10875
10874
|
|
|
10875
|
+
/**
|
|
10876
|
+
* @fileoverview added by tsickle
|
|
10877
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
10878
|
+
*/
|
|
10879
|
+
var AvatarPhotoLibComponent = /** @class */ (function () {
|
|
10880
|
+
function AvatarPhotoLibComponent() {
|
|
10881
|
+
this.size = '';
|
|
10882
|
+
this.defaulfColor = '';
|
|
10883
|
+
this.randomColor = false;
|
|
10884
|
+
this.showBadge = false;
|
|
10885
|
+
this.showInitials = false;
|
|
10886
|
+
this.random = Math.random().toString(36).slice(2);
|
|
10887
|
+
// public initials!: string
|
|
10888
|
+
this.colors = [
|
|
10889
|
+
'#EB7181',
|
|
10890
|
+
'#306933',
|
|
10891
|
+
'#000000',
|
|
10892
|
+
'#3670B2',
|
|
10893
|
+
'#4E9E87',
|
|
10894
|
+
'#7E4C8D',
|
|
10895
|
+
];
|
|
10896
|
+
this.randomcolors = [
|
|
10897
|
+
'#EB7181',
|
|
10898
|
+
'#006400',
|
|
10899
|
+
'#000000',
|
|
10900
|
+
'#3670B2',
|
|
10901
|
+
'#4E9E87',
|
|
10902
|
+
'#7E4C8D',
|
|
10903
|
+
];
|
|
10904
|
+
}
|
|
10905
|
+
/**
|
|
10906
|
+
* @return {?}
|
|
10907
|
+
*/
|
|
10908
|
+
AvatarPhotoLibComponent.prototype.ngOnInit = /**
|
|
10909
|
+
* @return {?}
|
|
10910
|
+
*/
|
|
10911
|
+
function () {
|
|
10912
|
+
if (!this.photoUrl) {
|
|
10913
|
+
this.showInitials = true;
|
|
10914
|
+
if (!this.initials) {
|
|
10915
|
+
this.createInititals();
|
|
10916
|
+
}
|
|
10917
|
+
if (this.datalen === 1) {
|
|
10918
|
+
if (this.defaulfColor) {
|
|
10919
|
+
this.randomcolors = [
|
|
10920
|
+
this.defaulfColor
|
|
10921
|
+
];
|
|
10922
|
+
}
|
|
10923
|
+
else {
|
|
10924
|
+
this.randomcolors = [
|
|
10925
|
+
'#006400',
|
|
10926
|
+
];
|
|
10927
|
+
}
|
|
10928
|
+
}
|
|
10929
|
+
/** @type {?} */
|
|
10930
|
+
var randomIndex = Math.floor(Math.random() * Math.floor(this.colors.length));
|
|
10931
|
+
this.circleColor = this.colors[randomIndex];
|
|
10932
|
+
if (this.randomColor) {
|
|
10933
|
+
/** @type {?} */
|
|
10934
|
+
var randomIndex1 = Math.floor(Math.random() * Math.floor(this.randomcolors.length));
|
|
10935
|
+
this.circleColor = this.randomcolors[randomIndex1];
|
|
10936
|
+
}
|
|
10937
|
+
}
|
|
10938
|
+
};
|
|
10939
|
+
/**
|
|
10940
|
+
* @param {?} change
|
|
10941
|
+
* @return {?}
|
|
10942
|
+
*/
|
|
10943
|
+
AvatarPhotoLibComponent.prototype.ngOnChanges = /**
|
|
10944
|
+
* @param {?} change
|
|
10945
|
+
* @return {?}
|
|
10946
|
+
*/
|
|
10947
|
+
function (change) {
|
|
10948
|
+
if (change.name.currentValue !== change.name.previousValue && !change.name.firstChange) {
|
|
10949
|
+
this.createInititals();
|
|
10950
|
+
}
|
|
10951
|
+
};
|
|
10952
|
+
Object.defineProperty(AvatarPhotoLibComponent.prototype, "userInitials", {
|
|
10953
|
+
get: /**
|
|
10954
|
+
* @return {?}
|
|
10955
|
+
*/
|
|
10956
|
+
function () {
|
|
10957
|
+
return this.initials;
|
|
10958
|
+
},
|
|
10959
|
+
enumerable: true,
|
|
10960
|
+
configurable: true
|
|
10961
|
+
});
|
|
10962
|
+
/**
|
|
10963
|
+
* @private
|
|
10964
|
+
* @return {?}
|
|
10965
|
+
*/
|
|
10966
|
+
AvatarPhotoLibComponent.prototype.createInititals = /**
|
|
10967
|
+
* @private
|
|
10968
|
+
* @return {?}
|
|
10969
|
+
*/
|
|
10970
|
+
function () {
|
|
10971
|
+
/** @type {?} */
|
|
10972
|
+
var initials = '';
|
|
10973
|
+
/** @type {?} */
|
|
10974
|
+
var array = (this.name + " ").toString().split(' ');
|
|
10975
|
+
if (array[0] !== 'undefined' && typeof array[1] !== 'undefined') {
|
|
10976
|
+
initials += array[0].charAt(0);
|
|
10977
|
+
initials += array[1].charAt(0);
|
|
10978
|
+
}
|
|
10979
|
+
else {
|
|
10980
|
+
for (var i = 0; i < this.name.length; i += 1) {
|
|
10981
|
+
if (this.name.charAt(i) === ' ') {
|
|
10982
|
+
continue;
|
|
10983
|
+
}
|
|
10984
|
+
if (this.name.charAt(i) === this.name.charAt(i)) {
|
|
10985
|
+
initials += this.name.charAt(i);
|
|
10986
|
+
if (initials.length === 2) {
|
|
10987
|
+
break;
|
|
10988
|
+
}
|
|
10989
|
+
}
|
|
10990
|
+
}
|
|
10991
|
+
}
|
|
10992
|
+
this.initials = initials.toUpperCase();
|
|
10993
|
+
};
|
|
10994
|
+
AvatarPhotoLibComponent.decorators = [
|
|
10995
|
+
{ type: Component, args: [{
|
|
10996
|
+
selector: 'sb-uic-avatar-photo',
|
|
10997
|
+
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>",
|
|
10998
|
+
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}"]
|
|
10999
|
+
}] }
|
|
11000
|
+
];
|
|
11001
|
+
AvatarPhotoLibComponent.propDecorators = {
|
|
11002
|
+
datalen: [{ type: Input }],
|
|
11003
|
+
photoUrl: [{ type: Input }],
|
|
11004
|
+
name: [{ type: Input }],
|
|
11005
|
+
size: [{ type: Input }],
|
|
11006
|
+
defaulfColor: [{ type: Input }],
|
|
11007
|
+
randomColor: [{ type: Input }],
|
|
11008
|
+
initials: [{ type: Input }],
|
|
11009
|
+
showBadge: [{ type: Input }]
|
|
11010
|
+
};
|
|
11011
|
+
return AvatarPhotoLibComponent;
|
|
11012
|
+
}());
|
|
11013
|
+
if (false) {
|
|
11014
|
+
/** @type {?} */
|
|
11015
|
+
AvatarPhotoLibComponent.prototype.datalen;
|
|
11016
|
+
/** @type {?} */
|
|
11017
|
+
AvatarPhotoLibComponent.prototype.photoUrl;
|
|
11018
|
+
/** @type {?} */
|
|
11019
|
+
AvatarPhotoLibComponent.prototype.name;
|
|
11020
|
+
/** @type {?} */
|
|
11021
|
+
AvatarPhotoLibComponent.prototype.size;
|
|
11022
|
+
/** @type {?} */
|
|
11023
|
+
AvatarPhotoLibComponent.prototype.defaulfColor;
|
|
11024
|
+
/** @type {?} */
|
|
11025
|
+
AvatarPhotoLibComponent.prototype.randomColor;
|
|
11026
|
+
/** @type {?} */
|
|
11027
|
+
AvatarPhotoLibComponent.prototype.initials;
|
|
11028
|
+
/** @type {?} */
|
|
11029
|
+
AvatarPhotoLibComponent.prototype.showBadge;
|
|
11030
|
+
/** @type {?} */
|
|
11031
|
+
AvatarPhotoLibComponent.prototype.showInitials;
|
|
11032
|
+
/** @type {?} */
|
|
11033
|
+
AvatarPhotoLibComponent.prototype.circleColor;
|
|
11034
|
+
/** @type {?} */
|
|
11035
|
+
AvatarPhotoLibComponent.prototype.random;
|
|
11036
|
+
/**
|
|
11037
|
+
* @type {?}
|
|
11038
|
+
* @private
|
|
11039
|
+
*/
|
|
11040
|
+
AvatarPhotoLibComponent.prototype.colors;
|
|
11041
|
+
/**
|
|
11042
|
+
* @type {?}
|
|
11043
|
+
* @private
|
|
11044
|
+
*/
|
|
11045
|
+
AvatarPhotoLibComponent.prototype.randomcolors;
|
|
11046
|
+
}
|
|
11047
|
+
|
|
11048
|
+
/**
|
|
11049
|
+
* @fileoverview added by tsickle
|
|
11050
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
11051
|
+
*/
|
|
11052
|
+
var AvatarPhotoLibModule = /** @class */ (function () {
|
|
11053
|
+
function AvatarPhotoLibModule() {
|
|
11054
|
+
}
|
|
11055
|
+
AvatarPhotoLibModule.decorators = [
|
|
11056
|
+
{ type: NgModule, args: [{
|
|
11057
|
+
declarations: [AvatarPhotoLibComponent],
|
|
11058
|
+
imports: [
|
|
11059
|
+
CommonModule,
|
|
11060
|
+
RouterModule,
|
|
11061
|
+
MatButtonModule,
|
|
11062
|
+
MatIconModule,
|
|
11063
|
+
MatMenuModule,
|
|
11064
|
+
MatRippleModule,
|
|
11065
|
+
SbUiResolverModule,
|
|
11066
|
+
],
|
|
11067
|
+
exports: [AvatarPhotoLibComponent],
|
|
11068
|
+
entryComponents: [AvatarPhotoLibComponent],
|
|
11069
|
+
},] }
|
|
11070
|
+
];
|
|
11071
|
+
return AvatarPhotoLibModule;
|
|
11072
|
+
}());
|
|
11073
|
+
|
|
10876
11074
|
/**
|
|
10877
11075
|
* @fileoverview added by tsickle
|
|
10878
11076
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
@@ -10906,7 +11104,8 @@ var CardsModule = /** @class */ (function () {
|
|
|
10906
11104
|
DisplayContentTypeLibModule,
|
|
10907
11105
|
DefaultThumbnailModule,
|
|
10908
11106
|
PipeDurationTransformModule,
|
|
10909
|
-
SkeletonLoaderLibModule
|
|
11107
|
+
SkeletonLoaderLibModule,
|
|
11108
|
+
AvatarPhotoLibModule
|
|
10910
11109
|
],
|
|
10911
11110
|
entryComponents: [CardsComponent],
|
|
10912
11111
|
exports: [
|
|
@@ -11562,68 +11761,521 @@ var CompetencyPassbookModule = /** @class */ (function () {
|
|
|
11562
11761
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
11563
11762
|
*/
|
|
11564
11763
|
/** @type {?} */
|
|
11565
|
-
var
|
|
11566
|
-
|
|
11567
|
-
|
|
11568
|
-
* @param {?} contentType
|
|
11569
|
-
* @param {?} userId
|
|
11570
|
-
* @return {?}
|
|
11571
|
-
*/
|
|
11572
|
-
function (contentId, contentType, userId) {
|
|
11573
|
-
return PROXY_SLAG_V8 + "/ratings/v1/read/" + contentId + "/" + contentType + "/" + userId;
|
|
11574
|
-
}, ɵ1$2 = /**
|
|
11575
|
-
* @param {?} contentId
|
|
11576
|
-
* @param {?} contentType
|
|
11577
|
-
* @return {?}
|
|
11578
|
-
*/
|
|
11579
|
-
function (contentId, contentType) {
|
|
11580
|
-
return PROXY_SLAG_V8 + "/ratings/v1/summary/" + contentId + "/" + contentType;
|
|
11581
|
-
}, ɵ2$2 = /**
|
|
11582
|
-
* @param {?} contentId
|
|
11583
|
-
* @param {?} userID
|
|
11584
|
-
* @return {?}
|
|
11585
|
-
*/
|
|
11586
|
-
function (contentId, userID) {
|
|
11587
|
-
return PROXY_SLAG_V8 + "/ratings/v1/read/" + contentId + "/Course/" + userID;
|
|
11588
|
-
};
|
|
11589
|
-
/** @type {?} */
|
|
11590
|
-
var API_END_POINTS$3 = {
|
|
11591
|
-
GET_RATING: (ɵ0$3),
|
|
11592
|
-
ADD_OR_UPDATE: PROXY_SLAG_V8 + "/ratings/v1/upsert",
|
|
11593
|
-
GET_RATING_SUMMARY: (ɵ1$2),
|
|
11594
|
-
GET_RATING_LOOKUP: PROXY_SLAG_V8 + "/ratings/v1/ratingLookUp",
|
|
11595
|
-
GET_AUTHOR_REPLY: (ɵ2$2),
|
|
11596
|
-
POST_AUTHOR_REPLY: PROXY_SLAG_V8 + "/ratings/v2/read",
|
|
11764
|
+
var API_POINTS$1 = {
|
|
11765
|
+
COMPETENCY_LIST: "apis/proxies/v8/competency/v4/search",
|
|
11766
|
+
competency_URL: "apis/proxies/v8/v1/search/competenciesByOrg/",
|
|
11597
11767
|
};
|
|
11598
|
-
var
|
|
11599
|
-
|
|
11768
|
+
var CompetencyPassbookMdoService = /** @class */ (function () {
|
|
11769
|
+
// tslint: disable-next-line: whitespace
|
|
11770
|
+
function CompetencyPassbookMdoService(http) {
|
|
11600
11771
|
this.http = http;
|
|
11601
11772
|
}
|
|
11602
11773
|
/**
|
|
11603
|
-
* @param {?}
|
|
11604
|
-
* @param {?} contentType
|
|
11605
|
-
* @param {?} userId
|
|
11774
|
+
* @param {?} payload
|
|
11606
11775
|
* @return {?}
|
|
11607
11776
|
*/
|
|
11608
|
-
|
|
11609
|
-
* @param {?}
|
|
11610
|
-
* @param {?} contentType
|
|
11611
|
-
* @param {?} userId
|
|
11777
|
+
CompetencyPassbookMdoService.prototype.getCompetencyList = /**
|
|
11778
|
+
* @param {?} payload
|
|
11612
11779
|
* @return {?}
|
|
11613
11780
|
*/
|
|
11614
|
-
function (
|
|
11615
|
-
|
|
11616
|
-
var forPreview = window.location.href.includes('/public/') || window.location.href.includes('&preview=true');
|
|
11617
|
-
if (!forPreview) {
|
|
11618
|
-
return this.http.get(API_END_POINTS$3.GET_RATING(contentId, contentType, userId));
|
|
11619
|
-
}
|
|
11620
|
-
return of({});
|
|
11781
|
+
function (payload) {
|
|
11782
|
+
return this.http.post(API_POINTS$1.COMPETENCY_LIST, payload);
|
|
11621
11783
|
};
|
|
11622
11784
|
/**
|
|
11623
|
-
* @param {?}
|
|
11785
|
+
* @param {?} providerId
|
|
11624
11786
|
* @return {?}
|
|
11625
11787
|
*/
|
|
11626
|
-
|
|
11788
|
+
CompetencyPassbookMdoService.prototype.mdoCompetency = /**
|
|
11789
|
+
* @param {?} providerId
|
|
11790
|
+
* @return {?}
|
|
11791
|
+
*/
|
|
11792
|
+
function (providerId) {
|
|
11793
|
+
return this.http.get(API_POINTS$1.competency_URL + providerId);
|
|
11794
|
+
};
|
|
11795
|
+
CompetencyPassbookMdoService.decorators = [
|
|
11796
|
+
{ type: Injectable, args: [{ providedIn: 'root' },] }
|
|
11797
|
+
];
|
|
11798
|
+
/** @nocollapse */
|
|
11799
|
+
CompetencyPassbookMdoService.ctorParameters = function () { return [
|
|
11800
|
+
{ type: HttpClient }
|
|
11801
|
+
]; };
|
|
11802
|
+
/** @nocollapse */ CompetencyPassbookMdoService.ngInjectableDef = ɵɵdefineInjectable({ factory: function CompetencyPassbookMdoService_Factory() { return new CompetencyPassbookMdoService(ɵɵinject(HttpClient)); }, token: CompetencyPassbookMdoService, providedIn: "root" });
|
|
11803
|
+
return CompetencyPassbookMdoService;
|
|
11804
|
+
}());
|
|
11805
|
+
if (false) {
|
|
11806
|
+
/**
|
|
11807
|
+
* @type {?}
|
|
11808
|
+
* @private
|
|
11809
|
+
*/
|
|
11810
|
+
CompetencyPassbookMdoService.prototype.http;
|
|
11811
|
+
}
|
|
11812
|
+
|
|
11813
|
+
/**
|
|
11814
|
+
* @fileoverview added by tsickle
|
|
11815
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
11816
|
+
*/
|
|
11817
|
+
var CompetencyPassbookMdoComponent = /** @class */ (function () {
|
|
11818
|
+
// subTheme = ['Behavioural']
|
|
11819
|
+
// currentFilter = 'Behavioural'
|
|
11820
|
+
// currentCompetencies: any = []
|
|
11821
|
+
// competencyData: any
|
|
11822
|
+
function CompetencyPassbookMdoComponent(configSvc, contentSvc, competencySvc, router) {
|
|
11823
|
+
this.configSvc = configSvc;
|
|
11824
|
+
this.contentSvc = contentSvc;
|
|
11825
|
+
this.competencySvc = competencySvc;
|
|
11826
|
+
this.router = router;
|
|
11827
|
+
this.cardDisplayCount = 3;
|
|
11828
|
+
this.dynamicAlignPills = 'center';
|
|
11829
|
+
this.emptyResponse = new EventEmitter();
|
|
11830
|
+
this.temeletryResponse = new EventEmitter();
|
|
11831
|
+
this.loadCometency = false;
|
|
11832
|
+
this.loadCompetencyArea = false;
|
|
11833
|
+
this.competencyVersion = '';
|
|
11834
|
+
this.competencyTheme = [];
|
|
11835
|
+
this.allcompetencyTheme = {};
|
|
11836
|
+
this.competencyStrength = 0;
|
|
11837
|
+
this.competencyThemeLength = 6;
|
|
11838
|
+
this.showAllTheme = [{ name: 'Show all', showAll: false }];
|
|
11839
|
+
}
|
|
11840
|
+
/**
|
|
11841
|
+
* @return {?}
|
|
11842
|
+
*/
|
|
11843
|
+
CompetencyPassbookMdoComponent.prototype.ngOnInit = /**
|
|
11844
|
+
* @return {?}
|
|
11845
|
+
*/
|
|
11846
|
+
function () {
|
|
11847
|
+
this.getAllCompetencies();
|
|
11848
|
+
};
|
|
11849
|
+
/**
|
|
11850
|
+
* @return {?}
|
|
11851
|
+
*/
|
|
11852
|
+
CompetencyPassbookMdoComponent.prototype.getAllCompetencies = /**
|
|
11853
|
+
* @return {?}
|
|
11854
|
+
*/
|
|
11855
|
+
function () {
|
|
11856
|
+
var _this = this;
|
|
11857
|
+
this.loadCometency = true;
|
|
11858
|
+
/** @type {?} */
|
|
11859
|
+
var request = { "search": { "type": "Competency Area" }, "filter": { "isDetail": true } };
|
|
11860
|
+
this.competencySvc.getCompetencyList(request).subscribe((/**
|
|
11861
|
+
* @param {?} response
|
|
11862
|
+
* @return {?}
|
|
11863
|
+
*/
|
|
11864
|
+
function (response) {
|
|
11865
|
+
_this.allcompetencyTheme = {};
|
|
11866
|
+
if (response && response.result && response.result.competency) {
|
|
11867
|
+
_this.originalCompetencyArray = response.result.competency;
|
|
11868
|
+
_this.getMdoCompetencies();
|
|
11869
|
+
// this.getCompetencyArea()
|
|
11870
|
+
response.result.competency.forEach((/**
|
|
11871
|
+
* @param {?} element
|
|
11872
|
+
* @return {?}
|
|
11873
|
+
*/
|
|
11874
|
+
function (element) {
|
|
11875
|
+
element.children.forEach((/**
|
|
11876
|
+
* @param {?} childEle
|
|
11877
|
+
* @return {?}
|
|
11878
|
+
*/
|
|
11879
|
+
function (childEle) {
|
|
11880
|
+
/** @type {?} */
|
|
11881
|
+
var name = childEle.name.toLowerCase();
|
|
11882
|
+
_this.allcompetencyTheme[name] = childEle;
|
|
11883
|
+
_this.allcompetencyTheme[name]['viewMore'] = false;
|
|
11884
|
+
}));
|
|
11885
|
+
}));
|
|
11886
|
+
}
|
|
11887
|
+
_this.loadCometency = false;
|
|
11888
|
+
}));
|
|
11889
|
+
};
|
|
11890
|
+
/**
|
|
11891
|
+
* @return {?}
|
|
11892
|
+
*/
|
|
11893
|
+
CompetencyPassbookMdoComponent.prototype.getMdoCompetencies = /**
|
|
11894
|
+
* @return {?}
|
|
11895
|
+
*/
|
|
11896
|
+
function () {
|
|
11897
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
11898
|
+
var response, facetData, error_1;
|
|
11899
|
+
var _this = this;
|
|
11900
|
+
return __generator(this, function (_a) {
|
|
11901
|
+
switch (_a.label) {
|
|
11902
|
+
case 0:
|
|
11903
|
+
_a.trys.push([0, 2, , 3]);
|
|
11904
|
+
this.loadCometency = true;
|
|
11905
|
+
return [4 /*yield*/, this.getMdoCompetency()];
|
|
11906
|
+
case 1:
|
|
11907
|
+
response = _a.sent();
|
|
11908
|
+
if (response && response.results) {
|
|
11909
|
+
if (response.results.result.facets && response.results.result.facets.length) {
|
|
11910
|
+
facetData = response.results.result.facets;
|
|
11911
|
+
facetData.forEach((/**
|
|
11912
|
+
* @param {?} facet
|
|
11913
|
+
* @return {?}
|
|
11914
|
+
*/
|
|
11915
|
+
function (facet) {
|
|
11916
|
+
if (facet.name === 'competencies_v5.competencyArea') {
|
|
11917
|
+
_this.competencyArea = facet.values;
|
|
11918
|
+
_this.selectedValue = facet.values[0].name;
|
|
11919
|
+
}
|
|
11920
|
+
else if (facet.name === 'competencies_v5.competencyTheme') {
|
|
11921
|
+
_this.competencyThemeData = facet.values;
|
|
11922
|
+
_this.getCompetencyTheme();
|
|
11923
|
+
}
|
|
11924
|
+
}));
|
|
11925
|
+
}
|
|
11926
|
+
else {
|
|
11927
|
+
this.emptyResponse.emit(true);
|
|
11928
|
+
}
|
|
11929
|
+
this.loadCometency = false;
|
|
11930
|
+
}
|
|
11931
|
+
return [3 /*break*/, 3];
|
|
11932
|
+
case 2:
|
|
11933
|
+
error_1 = _a.sent();
|
|
11934
|
+
// Handle errors
|
|
11935
|
+
// console.error('Error:', error);
|
|
11936
|
+
this.emptyResponse.emit(true);
|
|
11937
|
+
return [3 /*break*/, 3];
|
|
11938
|
+
case 3: return [2 /*return*/];
|
|
11939
|
+
}
|
|
11940
|
+
});
|
|
11941
|
+
});
|
|
11942
|
+
};
|
|
11943
|
+
/**
|
|
11944
|
+
* @return {?}
|
|
11945
|
+
*/
|
|
11946
|
+
CompetencyPassbookMdoComponent.prototype.getCompetencyTheme = /**
|
|
11947
|
+
* @return {?}
|
|
11948
|
+
*/
|
|
11949
|
+
function () {
|
|
11950
|
+
var _this = this;
|
|
11951
|
+
this.originalCompetencyArray.forEach((/**
|
|
11952
|
+
* @param {?} element
|
|
11953
|
+
* @return {?}
|
|
11954
|
+
*/
|
|
11955
|
+
function (element) {
|
|
11956
|
+
if (element.name.toLowerCase() === _this.selectedValue) {
|
|
11957
|
+
_this.competencyTheme = _this.competencyThemeData.filter((/**
|
|
11958
|
+
* @param {?} ele1
|
|
11959
|
+
* @return {?}
|
|
11960
|
+
*/
|
|
11961
|
+
function (ele1) {
|
|
11962
|
+
return element.children.find((/**
|
|
11963
|
+
* @param {?} ele2
|
|
11964
|
+
* @return {?}
|
|
11965
|
+
*/
|
|
11966
|
+
function (ele2) { return ele2.name.toLowerCase() === ele1.name.toLowerCase(); }));
|
|
11967
|
+
}));
|
|
11968
|
+
_this.showAllTheme = [{ name: 'Show all', showAll: false }];
|
|
11969
|
+
_this.competencyThemeLength = 6;
|
|
11970
|
+
}
|
|
11971
|
+
else if ('Behavioral'.toLowerCase() === _this.selectedValue) {
|
|
11972
|
+
_this.competencyTheme = _this.competencyThemeData.filter((/**
|
|
11973
|
+
* @param {?} ele1
|
|
11974
|
+
* @return {?}
|
|
11975
|
+
*/
|
|
11976
|
+
function (ele1) {
|
|
11977
|
+
return element.children.find((/**
|
|
11978
|
+
* @param {?} ele2
|
|
11979
|
+
* @return {?}
|
|
11980
|
+
*/
|
|
11981
|
+
function (ele2) { return ele2.name.toLowerCase() === ele1.name.toLowerCase(); }));
|
|
11982
|
+
}));
|
|
11983
|
+
_this.showAllTheme = [{ name: 'Show all', showAll: false }];
|
|
11984
|
+
_this.competencyThemeLength = 6;
|
|
11985
|
+
}
|
|
11986
|
+
}));
|
|
11987
|
+
this.resetViewMore();
|
|
11988
|
+
};
|
|
11989
|
+
/**
|
|
11990
|
+
* @return {?}
|
|
11991
|
+
*/
|
|
11992
|
+
CompetencyPassbookMdoComponent.prototype.getMdoCompetency = /**
|
|
11993
|
+
* @return {?}
|
|
11994
|
+
*/
|
|
11995
|
+
function () {
|
|
11996
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
11997
|
+
var _this = this;
|
|
11998
|
+
return __generator(this, function (_a) {
|
|
11999
|
+
return [2 /*return*/, new Promise((/**
|
|
12000
|
+
* @param {?} resolve
|
|
12001
|
+
* @param {?} reject
|
|
12002
|
+
* @return {?}
|
|
12003
|
+
*/
|
|
12004
|
+
function (resolve, reject) {
|
|
12005
|
+
if (_this.providerId) {
|
|
12006
|
+
_this.competencySvc.mdoCompetency(_this.providerId).subscribe((/**
|
|
12007
|
+
* @param {?} results
|
|
12008
|
+
* @return {?}
|
|
12009
|
+
*/
|
|
12010
|
+
function (results) {
|
|
12011
|
+
resolve({ results: results });
|
|
12012
|
+
}), (/**
|
|
12013
|
+
* @param {?} error
|
|
12014
|
+
* @return {?}
|
|
12015
|
+
*/
|
|
12016
|
+
function (error) {
|
|
12017
|
+
reject(error);
|
|
12018
|
+
}));
|
|
12019
|
+
}
|
|
12020
|
+
}))];
|
|
12021
|
+
});
|
|
12022
|
+
});
|
|
12023
|
+
};
|
|
12024
|
+
// competency theam change
|
|
12025
|
+
// competency theam change
|
|
12026
|
+
/**
|
|
12027
|
+
* @param {?} e
|
|
12028
|
+
* @return {?}
|
|
12029
|
+
*/
|
|
12030
|
+
CompetencyPassbookMdoComponent.prototype.competencyChange =
|
|
12031
|
+
// competency theam change
|
|
12032
|
+
/**
|
|
12033
|
+
* @param {?} e
|
|
12034
|
+
* @return {?}
|
|
12035
|
+
*/
|
|
12036
|
+
function (e) {
|
|
12037
|
+
/** @type {?} */
|
|
12038
|
+
var addfilter = {};
|
|
12039
|
+
if (this.providerId) {
|
|
12040
|
+
addfilter = {
|
|
12041
|
+
"createdFor": [
|
|
12042
|
+
this.providerId
|
|
12043
|
+
],
|
|
12044
|
+
};
|
|
12045
|
+
}
|
|
12046
|
+
this.temeletryResponse.emit(e.name);
|
|
12047
|
+
this.selectedValue = e.name;
|
|
12048
|
+
this.getCompetencyTheme();
|
|
12049
|
+
};
|
|
12050
|
+
/**
|
|
12051
|
+
* @return {?}
|
|
12052
|
+
*/
|
|
12053
|
+
CompetencyPassbookMdoComponent.prototype.resetViewMore = /**
|
|
12054
|
+
* @return {?}
|
|
12055
|
+
*/
|
|
12056
|
+
function () {
|
|
12057
|
+
var _this = this;
|
|
12058
|
+
Object.keys(this.allcompetencyTheme).forEach((/**
|
|
12059
|
+
* @param {?} comp
|
|
12060
|
+
* @return {?}
|
|
12061
|
+
*/
|
|
12062
|
+
function (comp) {
|
|
12063
|
+
_this.allcompetencyTheme[comp]['viewMore'] = false;
|
|
12064
|
+
}));
|
|
12065
|
+
};
|
|
12066
|
+
/**
|
|
12067
|
+
* @param {?} data
|
|
12068
|
+
* @return {?}
|
|
12069
|
+
*/
|
|
12070
|
+
CompetencyPassbookMdoComponent.prototype.viewMoreChildren = /**
|
|
12071
|
+
* @param {?} data
|
|
12072
|
+
* @return {?}
|
|
12073
|
+
*/
|
|
12074
|
+
function (data) {
|
|
12075
|
+
data.viewMore = !data.viewMore;
|
|
12076
|
+
this.allcompetencyTheme[data.name.toLowerCase()].viewMore = data.viewMore;
|
|
12077
|
+
};
|
|
12078
|
+
/**
|
|
12079
|
+
* @param {?} event
|
|
12080
|
+
* @return {?}
|
|
12081
|
+
*/
|
|
12082
|
+
CompetencyPassbookMdoComponent.prototype.displayAllTheme = /**
|
|
12083
|
+
* @param {?} event
|
|
12084
|
+
* @return {?}
|
|
12085
|
+
*/
|
|
12086
|
+
function (event) {
|
|
12087
|
+
this.showAllTheme[0]['showAll'] = !event.showAll;
|
|
12088
|
+
this.competencyThemeLength = event.showAll ? this.competencyTheme.length : 6;
|
|
12089
|
+
this.showAllTheme[0]['name'] = event.showAll ? 'Show less' : 'Show all';
|
|
12090
|
+
this.temeletryResponse.emit(event.name);
|
|
12091
|
+
};
|
|
12092
|
+
/**
|
|
12093
|
+
* @param {?} compData
|
|
12094
|
+
* @return {?}
|
|
12095
|
+
*/
|
|
12096
|
+
CompetencyPassbookMdoComponent.prototype.navigateToCompetency = /**
|
|
12097
|
+
* @param {?} compData
|
|
12098
|
+
* @return {?}
|
|
12099
|
+
*/
|
|
12100
|
+
function (compData) {
|
|
12101
|
+
this.router.navigateByUrl("app/learn/browse-by/competency/" + compData.name);
|
|
12102
|
+
};
|
|
12103
|
+
/**
|
|
12104
|
+
* @return {?}
|
|
12105
|
+
*/
|
|
12106
|
+
CompetencyPassbookMdoComponent.prototype.showMore = /**
|
|
12107
|
+
* @return {?}
|
|
12108
|
+
*/
|
|
12109
|
+
function () {
|
|
12110
|
+
this.objectData.viewMore = !this.objectData.viewMore;
|
|
12111
|
+
};
|
|
12112
|
+
CompetencyPassbookMdoComponent.decorators = [
|
|
12113
|
+
{ type: Component, args: [{
|
|
12114
|
+
selector: 'sb-uic-competency-passbook-mdo',
|
|
12115
|
+
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>",
|
|
12116
|
+
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}"]
|
|
12117
|
+
}] }
|
|
12118
|
+
];
|
|
12119
|
+
/** @nocollapse */
|
|
12120
|
+
CompetencyPassbookMdoComponent.ctorParameters = function () { return [
|
|
12121
|
+
{ type: ConfigurationsService$1 },
|
|
12122
|
+
{ type: WidgetContentService },
|
|
12123
|
+
{ type: CompetencyPassbookMdoService },
|
|
12124
|
+
{ type: Router }
|
|
12125
|
+
]; };
|
|
12126
|
+
CompetencyPassbookMdoComponent.propDecorators = {
|
|
12127
|
+
objectData: [{ type: Input }],
|
|
12128
|
+
providerId: [{ type: Input }],
|
|
12129
|
+
cardDisplayCount: [{ type: Input }],
|
|
12130
|
+
dynamicClass: [{ type: Input }],
|
|
12131
|
+
dynamicColor: [{ type: Input }],
|
|
12132
|
+
dynamicAlignPills: [{ type: Input }],
|
|
12133
|
+
emptyResponse: [{ type: Output }],
|
|
12134
|
+
temeletryResponse: [{ type: Output }]
|
|
12135
|
+
};
|
|
12136
|
+
return CompetencyPassbookMdoComponent;
|
|
12137
|
+
}());
|
|
12138
|
+
if (false) {
|
|
12139
|
+
/** @type {?} */
|
|
12140
|
+
CompetencyPassbookMdoComponent.prototype.objectData;
|
|
12141
|
+
/** @type {?} */
|
|
12142
|
+
CompetencyPassbookMdoComponent.prototype.providerId;
|
|
12143
|
+
/** @type {?} */
|
|
12144
|
+
CompetencyPassbookMdoComponent.prototype.cardDisplayCount;
|
|
12145
|
+
/** @type {?} */
|
|
12146
|
+
CompetencyPassbookMdoComponent.prototype.dynamicClass;
|
|
12147
|
+
/** @type {?} */
|
|
12148
|
+
CompetencyPassbookMdoComponent.prototype.dynamicColor;
|
|
12149
|
+
/** @type {?} */
|
|
12150
|
+
CompetencyPassbookMdoComponent.prototype.dynamicAlignPills;
|
|
12151
|
+
/** @type {?} */
|
|
12152
|
+
CompetencyPassbookMdoComponent.prototype.emptyResponse;
|
|
12153
|
+
/** @type {?} */
|
|
12154
|
+
CompetencyPassbookMdoComponent.prototype.temeletryResponse;
|
|
12155
|
+
/** @type {?} */
|
|
12156
|
+
CompetencyPassbookMdoComponent.prototype.loadCometency;
|
|
12157
|
+
/** @type {?} */
|
|
12158
|
+
CompetencyPassbookMdoComponent.prototype.loadCompetencyArea;
|
|
12159
|
+
/** @type {?} */
|
|
12160
|
+
CompetencyPassbookMdoComponent.prototype.originalCompetencyArray;
|
|
12161
|
+
/** @type {?} */
|
|
12162
|
+
CompetencyPassbookMdoComponent.prototype.competencyArea;
|
|
12163
|
+
/** @type {?} */
|
|
12164
|
+
CompetencyPassbookMdoComponent.prototype.selectedValue;
|
|
12165
|
+
/** @type {?} */
|
|
12166
|
+
CompetencyPassbookMdoComponent.prototype.competencyVersion;
|
|
12167
|
+
/** @type {?} */
|
|
12168
|
+
CompetencyPassbookMdoComponent.prototype.competencyThemeData;
|
|
12169
|
+
/** @type {?} */
|
|
12170
|
+
CompetencyPassbookMdoComponent.prototype.competencyTheme;
|
|
12171
|
+
/** @type {?} */
|
|
12172
|
+
CompetencyPassbookMdoComponent.prototype.allcompetencyTheme;
|
|
12173
|
+
/** @type {?} */
|
|
12174
|
+
CompetencyPassbookMdoComponent.prototype.competencyStrength;
|
|
12175
|
+
/** @type {?} */
|
|
12176
|
+
CompetencyPassbookMdoComponent.prototype.competencyThemeLength;
|
|
12177
|
+
/** @type {?} */
|
|
12178
|
+
CompetencyPassbookMdoComponent.prototype.showAllTheme;
|
|
12179
|
+
/** @type {?} */
|
|
12180
|
+
CompetencyPassbookMdoComponent.prototype.configSvc;
|
|
12181
|
+
/** @type {?} */
|
|
12182
|
+
CompetencyPassbookMdoComponent.prototype.contentSvc;
|
|
12183
|
+
/** @type {?} */
|
|
12184
|
+
CompetencyPassbookMdoComponent.prototype.competencySvc;
|
|
12185
|
+
/** @type {?} */
|
|
12186
|
+
CompetencyPassbookMdoComponent.prototype.router;
|
|
12187
|
+
}
|
|
12188
|
+
|
|
12189
|
+
/**
|
|
12190
|
+
* @fileoverview added by tsickle
|
|
12191
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
12192
|
+
*/
|
|
12193
|
+
var CompetencyPassbookMdoModule = /** @class */ (function () {
|
|
12194
|
+
function CompetencyPassbookMdoModule() {
|
|
12195
|
+
}
|
|
12196
|
+
CompetencyPassbookMdoModule.decorators = [
|
|
12197
|
+
{ type: NgModule, args: [{
|
|
12198
|
+
declarations: [CompetencyPassbookMdoComponent],
|
|
12199
|
+
imports: [
|
|
12200
|
+
CommonModule,
|
|
12201
|
+
MatIconModule,
|
|
12202
|
+
PillsModule,
|
|
12203
|
+
SkeletonLoaderLibModule
|
|
12204
|
+
],
|
|
12205
|
+
exports: [CompetencyPassbookMdoComponent],
|
|
12206
|
+
providers: [CompetencyPassbookMdoService]
|
|
12207
|
+
},] }
|
|
12208
|
+
];
|
|
12209
|
+
return CompetencyPassbookMdoModule;
|
|
12210
|
+
}());
|
|
12211
|
+
|
|
12212
|
+
/**
|
|
12213
|
+
* @fileoverview added by tsickle
|
|
12214
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
12215
|
+
*/
|
|
12216
|
+
/** @type {?} */
|
|
12217
|
+
var PROXY_SLAG_V8 = '/apis/proxies/v8';
|
|
12218
|
+
var ɵ0$3 = /**
|
|
12219
|
+
* @param {?} contentId
|
|
12220
|
+
* @param {?} contentType
|
|
12221
|
+
* @param {?} userId
|
|
12222
|
+
* @return {?}
|
|
12223
|
+
*/
|
|
12224
|
+
function (contentId, contentType, userId) {
|
|
12225
|
+
return PROXY_SLAG_V8 + "/ratings/v1/read/" + contentId + "/" + contentType + "/" + userId;
|
|
12226
|
+
}, ɵ1$2 = /**
|
|
12227
|
+
* @param {?} contentId
|
|
12228
|
+
* @param {?} contentType
|
|
12229
|
+
* @return {?}
|
|
12230
|
+
*/
|
|
12231
|
+
function (contentId, contentType) {
|
|
12232
|
+
return PROXY_SLAG_V8 + "/ratings/v1/summary/" + contentId + "/" + contentType;
|
|
12233
|
+
}, ɵ2$2 = /**
|
|
12234
|
+
* @param {?} contentId
|
|
12235
|
+
* @param {?} userID
|
|
12236
|
+
* @return {?}
|
|
12237
|
+
*/
|
|
12238
|
+
function (contentId, userID) {
|
|
12239
|
+
return PROXY_SLAG_V8 + "/ratings/v1/read/" + contentId + "/Course/" + userID;
|
|
12240
|
+
};
|
|
12241
|
+
/** @type {?} */
|
|
12242
|
+
var API_END_POINTS$3 = {
|
|
12243
|
+
GET_RATING: (ɵ0$3),
|
|
12244
|
+
ADD_OR_UPDATE: PROXY_SLAG_V8 + "/ratings/v1/upsert",
|
|
12245
|
+
GET_RATING_SUMMARY: (ɵ1$2),
|
|
12246
|
+
GET_RATING_LOOKUP: PROXY_SLAG_V8 + "/ratings/v1/ratingLookUp",
|
|
12247
|
+
GET_AUTHOR_REPLY: (ɵ2$2),
|
|
12248
|
+
POST_AUTHOR_REPLY: PROXY_SLAG_V8 + "/ratings/v2/read",
|
|
12249
|
+
};
|
|
12250
|
+
var RatingService = /** @class */ (function () {
|
|
12251
|
+
function RatingService(http) {
|
|
12252
|
+
this.http = http;
|
|
12253
|
+
}
|
|
12254
|
+
/**
|
|
12255
|
+
* @param {?} contentId
|
|
12256
|
+
* @param {?} contentType
|
|
12257
|
+
* @param {?} userId
|
|
12258
|
+
* @return {?}
|
|
12259
|
+
*/
|
|
12260
|
+
RatingService.prototype.getRating = /**
|
|
12261
|
+
* @param {?} contentId
|
|
12262
|
+
* @param {?} contentType
|
|
12263
|
+
* @param {?} userId
|
|
12264
|
+
* @return {?}
|
|
12265
|
+
*/
|
|
12266
|
+
function (contentId, contentType, userId) {
|
|
12267
|
+
/** @type {?} */
|
|
12268
|
+
var forPreview = window.location.href.includes('/public/') || window.location.href.includes('&preview=true');
|
|
12269
|
+
if (!forPreview) {
|
|
12270
|
+
return this.http.get(API_END_POINTS$3.GET_RATING(contentId, contentType, userId));
|
|
12271
|
+
}
|
|
12272
|
+
return of({});
|
|
12273
|
+
};
|
|
12274
|
+
/**
|
|
12275
|
+
* @param {?} req
|
|
12276
|
+
* @return {?}
|
|
12277
|
+
*/
|
|
12278
|
+
RatingService.prototype.addOrUpdateRating = /**
|
|
11627
12279
|
* @param {?} req
|
|
11628
12280
|
* @return {?}
|
|
11629
12281
|
*/
|
|
@@ -12013,205 +12665,6 @@ if (false) {
|
|
|
12013
12665
|
UserContentRatingLibComponent.prototype.userRatingSvc;
|
|
12014
12666
|
}
|
|
12015
12667
|
|
|
12016
|
-
/**
|
|
12017
|
-
* @fileoverview added by tsickle
|
|
12018
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
12019
|
-
*/
|
|
12020
|
-
var AvatarPhotoLibComponent = /** @class */ (function () {
|
|
12021
|
-
function AvatarPhotoLibComponent() {
|
|
12022
|
-
this.size = '';
|
|
12023
|
-
this.defaulfColor = '';
|
|
12024
|
-
this.randomColor = false;
|
|
12025
|
-
this.showBadge = false;
|
|
12026
|
-
this.showInitials = false;
|
|
12027
|
-
this.random = Math.random().toString(36).slice(2);
|
|
12028
|
-
// public initials!: string
|
|
12029
|
-
this.colors = [
|
|
12030
|
-
'#EB7181',
|
|
12031
|
-
'#306933',
|
|
12032
|
-
'#000000',
|
|
12033
|
-
'#3670B2',
|
|
12034
|
-
'#4E9E87',
|
|
12035
|
-
'#7E4C8D',
|
|
12036
|
-
];
|
|
12037
|
-
this.randomcolors = [
|
|
12038
|
-
'#EB7181',
|
|
12039
|
-
'#006400',
|
|
12040
|
-
'#000000',
|
|
12041
|
-
'#3670B2',
|
|
12042
|
-
'#4E9E87',
|
|
12043
|
-
'#7E4C8D',
|
|
12044
|
-
];
|
|
12045
|
-
}
|
|
12046
|
-
/**
|
|
12047
|
-
* @return {?}
|
|
12048
|
-
*/
|
|
12049
|
-
AvatarPhotoLibComponent.prototype.ngOnInit = /**
|
|
12050
|
-
* @return {?}
|
|
12051
|
-
*/
|
|
12052
|
-
function () {
|
|
12053
|
-
if (!this.photoUrl) {
|
|
12054
|
-
this.showInitials = true;
|
|
12055
|
-
if (!this.initials) {
|
|
12056
|
-
this.createInititals();
|
|
12057
|
-
}
|
|
12058
|
-
if (this.datalen === 1) {
|
|
12059
|
-
if (this.defaulfColor) {
|
|
12060
|
-
this.randomcolors = [
|
|
12061
|
-
this.defaulfColor
|
|
12062
|
-
];
|
|
12063
|
-
}
|
|
12064
|
-
else {
|
|
12065
|
-
this.randomcolors = [
|
|
12066
|
-
'#006400',
|
|
12067
|
-
];
|
|
12068
|
-
}
|
|
12069
|
-
}
|
|
12070
|
-
/** @type {?} */
|
|
12071
|
-
var randomIndex = Math.floor(Math.random() * Math.floor(this.colors.length));
|
|
12072
|
-
this.circleColor = this.colors[randomIndex];
|
|
12073
|
-
if (this.randomColor) {
|
|
12074
|
-
/** @type {?} */
|
|
12075
|
-
var randomIndex1 = Math.floor(Math.random() * Math.floor(this.randomcolors.length));
|
|
12076
|
-
this.circleColor = this.randomcolors[randomIndex1];
|
|
12077
|
-
}
|
|
12078
|
-
}
|
|
12079
|
-
};
|
|
12080
|
-
/**
|
|
12081
|
-
* @param {?} change
|
|
12082
|
-
* @return {?}
|
|
12083
|
-
*/
|
|
12084
|
-
AvatarPhotoLibComponent.prototype.ngOnChanges = /**
|
|
12085
|
-
* @param {?} change
|
|
12086
|
-
* @return {?}
|
|
12087
|
-
*/
|
|
12088
|
-
function (change) {
|
|
12089
|
-
if (change.name.currentValue !== change.name.previousValue && !change.name.firstChange) {
|
|
12090
|
-
this.createInititals();
|
|
12091
|
-
}
|
|
12092
|
-
};
|
|
12093
|
-
Object.defineProperty(AvatarPhotoLibComponent.prototype, "userInitials", {
|
|
12094
|
-
get: /**
|
|
12095
|
-
* @return {?}
|
|
12096
|
-
*/
|
|
12097
|
-
function () {
|
|
12098
|
-
return this.initials;
|
|
12099
|
-
},
|
|
12100
|
-
enumerable: true,
|
|
12101
|
-
configurable: true
|
|
12102
|
-
});
|
|
12103
|
-
/**
|
|
12104
|
-
* @private
|
|
12105
|
-
* @return {?}
|
|
12106
|
-
*/
|
|
12107
|
-
AvatarPhotoLibComponent.prototype.createInititals = /**
|
|
12108
|
-
* @private
|
|
12109
|
-
* @return {?}
|
|
12110
|
-
*/
|
|
12111
|
-
function () {
|
|
12112
|
-
/** @type {?} */
|
|
12113
|
-
var initials = '';
|
|
12114
|
-
/** @type {?} */
|
|
12115
|
-
var array = (this.name + " ").toString().split(' ');
|
|
12116
|
-
if (array[0] !== 'undefined' && typeof array[1] !== 'undefined') {
|
|
12117
|
-
initials += array[0].charAt(0);
|
|
12118
|
-
initials += array[1].charAt(0);
|
|
12119
|
-
}
|
|
12120
|
-
else {
|
|
12121
|
-
for (var i = 0; i < this.name.length; i += 1) {
|
|
12122
|
-
if (this.name.charAt(i) === ' ') {
|
|
12123
|
-
continue;
|
|
12124
|
-
}
|
|
12125
|
-
if (this.name.charAt(i) === this.name.charAt(i)) {
|
|
12126
|
-
initials += this.name.charAt(i);
|
|
12127
|
-
if (initials.length === 2) {
|
|
12128
|
-
break;
|
|
12129
|
-
}
|
|
12130
|
-
}
|
|
12131
|
-
}
|
|
12132
|
-
}
|
|
12133
|
-
this.initials = initials.toUpperCase();
|
|
12134
|
-
};
|
|
12135
|
-
AvatarPhotoLibComponent.decorators = [
|
|
12136
|
-
{ type: Component, args: [{
|
|
12137
|
-
selector: 'sb-uic-avatar-photo',
|
|
12138
|
-
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>",
|
|
12139
|
-
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}"]
|
|
12140
|
-
}] }
|
|
12141
|
-
];
|
|
12142
|
-
AvatarPhotoLibComponent.propDecorators = {
|
|
12143
|
-
datalen: [{ type: Input }],
|
|
12144
|
-
photoUrl: [{ type: Input }],
|
|
12145
|
-
name: [{ type: Input }],
|
|
12146
|
-
size: [{ type: Input }],
|
|
12147
|
-
defaulfColor: [{ type: Input }],
|
|
12148
|
-
randomColor: [{ type: Input }],
|
|
12149
|
-
initials: [{ type: Input }],
|
|
12150
|
-
showBadge: [{ type: Input }]
|
|
12151
|
-
};
|
|
12152
|
-
return AvatarPhotoLibComponent;
|
|
12153
|
-
}());
|
|
12154
|
-
if (false) {
|
|
12155
|
-
/** @type {?} */
|
|
12156
|
-
AvatarPhotoLibComponent.prototype.datalen;
|
|
12157
|
-
/** @type {?} */
|
|
12158
|
-
AvatarPhotoLibComponent.prototype.photoUrl;
|
|
12159
|
-
/** @type {?} */
|
|
12160
|
-
AvatarPhotoLibComponent.prototype.name;
|
|
12161
|
-
/** @type {?} */
|
|
12162
|
-
AvatarPhotoLibComponent.prototype.size;
|
|
12163
|
-
/** @type {?} */
|
|
12164
|
-
AvatarPhotoLibComponent.prototype.defaulfColor;
|
|
12165
|
-
/** @type {?} */
|
|
12166
|
-
AvatarPhotoLibComponent.prototype.randomColor;
|
|
12167
|
-
/** @type {?} */
|
|
12168
|
-
AvatarPhotoLibComponent.prototype.initials;
|
|
12169
|
-
/** @type {?} */
|
|
12170
|
-
AvatarPhotoLibComponent.prototype.showBadge;
|
|
12171
|
-
/** @type {?} */
|
|
12172
|
-
AvatarPhotoLibComponent.prototype.showInitials;
|
|
12173
|
-
/** @type {?} */
|
|
12174
|
-
AvatarPhotoLibComponent.prototype.circleColor;
|
|
12175
|
-
/** @type {?} */
|
|
12176
|
-
AvatarPhotoLibComponent.prototype.random;
|
|
12177
|
-
/**
|
|
12178
|
-
* @type {?}
|
|
12179
|
-
* @private
|
|
12180
|
-
*/
|
|
12181
|
-
AvatarPhotoLibComponent.prototype.colors;
|
|
12182
|
-
/**
|
|
12183
|
-
* @type {?}
|
|
12184
|
-
* @private
|
|
12185
|
-
*/
|
|
12186
|
-
AvatarPhotoLibComponent.prototype.randomcolors;
|
|
12187
|
-
}
|
|
12188
|
-
|
|
12189
|
-
/**
|
|
12190
|
-
* @fileoverview added by tsickle
|
|
12191
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
12192
|
-
*/
|
|
12193
|
-
var AvatarPhotoLibModule = /** @class */ (function () {
|
|
12194
|
-
function AvatarPhotoLibModule() {
|
|
12195
|
-
}
|
|
12196
|
-
AvatarPhotoLibModule.decorators = [
|
|
12197
|
-
{ type: NgModule, args: [{
|
|
12198
|
-
declarations: [AvatarPhotoLibComponent],
|
|
12199
|
-
imports: [
|
|
12200
|
-
CommonModule,
|
|
12201
|
-
RouterModule,
|
|
12202
|
-
MatButtonModule,
|
|
12203
|
-
MatIconModule,
|
|
12204
|
-
MatMenuModule,
|
|
12205
|
-
MatRippleModule,
|
|
12206
|
-
SbUiResolverModule,
|
|
12207
|
-
],
|
|
12208
|
-
exports: [AvatarPhotoLibComponent],
|
|
12209
|
-
entryComponents: [AvatarPhotoLibComponent],
|
|
12210
|
-
},] }
|
|
12211
|
-
];
|
|
12212
|
-
return AvatarPhotoLibModule;
|
|
12213
|
-
}());
|
|
12214
|
-
|
|
12215
12668
|
/**
|
|
12216
12669
|
* @fileoverview added by tsickle
|
|
12217
12670
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
@@ -12551,5 +13004,5 @@ var UserContentRatingLibModule = /** @class */ (function () {
|
|
|
12551
13004
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
12552
13005
|
*/
|
|
12553
13006
|
|
|
12554
|
-
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,
|
|
13007
|
+
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 };
|
|
12555
13008
|
//# sourceMappingURL=sunbird-cb-consumption.js.map
|