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