@sunbird-cb/consumption 0.0.40 → 0.0.42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/sunbird-cb-consumption.umd.js +730 -275
- 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 +2 -5
- package/esm2015/lib/_common/horizontal-scroller-v2/horizontal-scroller-v2.component.js +2 -1
- package/esm2015/lib/_common/sliders/sliders.component.js +2 -2
- package/esm2015/public-api.js +2 -1
- package/esm2015/sunbird-cb-consumption.js +17 -15
- package/esm5/lib/_common/cards/card-karma-programs/card-karma-programs.component.js +2 -2
- package/esm5/lib/_common/cards/card-karma-programs-v2/card-karma-programs-v2.component.js +2 -2
- package/esm5/lib/_common/cards/card-mdo-channel/card-mdo-channel.component.js +3 -3
- package/esm5/lib/_common/cards/card-mdo-channel-v1/card-mdo-channel-v1.component.js +3 -3
- package/esm5/lib/_common/cards/card-wide-v2/card-wide-v2.component.js +1 -1
- package/esm5/lib/_common/cards/cards.module.js +4 -2
- package/esm5/lib/_common/competency-passbook-mdo/competency-passbook-mdo.component.js +383 -0
- package/esm5/lib/_common/competency-passbook-mdo/competency-passbook-mdo.module.js +31 -0
- package/esm5/lib/_common/competency-passbook-mdo/competency-passbook-mdo.service.js +59 -0
- package/esm5/lib/_common/content-strip-with-tabs-lib/content-strip-with-tabs-lib.component.js +2 -5
- package/esm5/lib/_common/horizontal-scroller-v2/horizontal-scroller-v2.component.js +2 -1
- package/esm5/lib/_common/sliders/sliders.component.js +2 -2
- package/esm5/public-api.js +2 -1
- package/esm5/sunbird-cb-consumption.js +17 -15
- package/fesm2015/sunbird-cb-consumption.js +647 -254
- package/fesm2015/sunbird-cb-consumption.js.map +1 -1
- package/fesm5/sunbird-cb-consumption.js +714 -262
- 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
|
@@ -574,6 +574,7 @@
|
|
|
574
574
|
* @return {?}
|
|
575
575
|
*/
|
|
576
576
|
function () {
|
|
577
|
+
_this.bottomDotsArray = [];
|
|
577
578
|
arrLength_1 = document.getElementsByClassName(_this.cardSubType).length;
|
|
578
579
|
for (var i = 0; i < arrLength_1; i += 1) {
|
|
579
580
|
_this.bottomDotsArray.push(i);
|
|
@@ -4870,9 +4871,7 @@
|
|
|
4870
4871
|
}
|
|
4871
4872
|
}));
|
|
4872
4873
|
}
|
|
4873
|
-
|
|
4874
|
-
results = { response: { certifications: proccesedResult } };
|
|
4875
|
-
}
|
|
4874
|
+
results = { response: { certifications: proccesedResult } };
|
|
4876
4875
|
resolve({ results: results, viewMoreUrl: viewMoreUrl });
|
|
4877
4876
|
}), (/**
|
|
4878
4877
|
* @param {?} error
|
|
@@ -5788,7 +5787,6 @@
|
|
|
5788
5787
|
* @return {?}
|
|
5789
5788
|
*/
|
|
5790
5789
|
function (results) {
|
|
5791
|
-
debugger;
|
|
5792
5790
|
if (results.result && results.result.content) {
|
|
5793
5791
|
/** @type {?} */
|
|
5794
5792
|
var showViewMore = Boolean(results.result.content && results.result.content.length > 5 && strip.stripConfig && strip.stripConfig.postCardForSearch);
|
|
@@ -6560,7 +6558,7 @@
|
|
|
6560
6558
|
SlidersLibComponent.decorators = [
|
|
6561
6559
|
{ type: core.Component, args: [{
|
|
6562
6560
|
selector: 'sb-uic-sliders',
|
|
6563
|
-
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
|
|
6561
|
+
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",
|
|
6564
6562
|
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}}"]
|
|
6565
6563
|
}] }
|
|
6566
6564
|
];
|
|
@@ -10169,8 +10167,8 @@
|
|
|
10169
10167
|
CardMDOChannelComponent.decorators = [
|
|
10170
10168
|
{ type: core.Component, args: [{
|
|
10171
10169
|
selector: 'sb-uic-card-mdo-channel',
|
|
10172
|
-
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
|
|
10173
|
-
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
|
|
10170
|
+
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>",
|
|
10171
|
+
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}}"]
|
|
10174
10172
|
}] }
|
|
10175
10173
|
];
|
|
10176
10174
|
/** @nocollapse */
|
|
@@ -10326,7 +10324,7 @@
|
|
|
10326
10324
|
{ type: core.Component, args: [{
|
|
10327
10325
|
selector: 'sb-uic-card-wide-v2',
|
|
10328
10326
|
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>",
|
|
10329
|
-
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:
|
|
10327
|
+
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}"]
|
|
10330
10328
|
}] }
|
|
10331
10329
|
];
|
|
10332
10330
|
/** @nocollapse */
|
|
@@ -10516,7 +10514,7 @@
|
|
|
10516
10514
|
CardKarmaProgramsComponent.decorators = [
|
|
10517
10515
|
{ type: core.Component, args: [{
|
|
10518
10516
|
selector: 'sb-uic-card-karma-programs',
|
|
10519
|
-
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?.
|
|
10517
|
+
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>",
|
|
10520
10518
|
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}"]
|
|
10521
10519
|
}] }
|
|
10522
10520
|
];
|
|
@@ -10693,7 +10691,7 @@
|
|
|
10693
10691
|
CardKarmaProgramsV2Component.decorators = [
|
|
10694
10692
|
{ type: core.Component, args: [{
|
|
10695
10693
|
selector: 'sb-uic-card-karma-programs-v2',
|
|
10696
|
-
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?.
|
|
10694
|
+
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>",
|
|
10697
10695
|
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}}"]
|
|
10698
10696
|
}] }
|
|
10699
10697
|
];
|
|
@@ -11014,8 +11012,8 @@
|
|
|
11014
11012
|
CardMdoChannelV1Component.decorators = [
|
|
11015
11013
|
{ type: core.Component, args: [{
|
|
11016
11014
|
selector: 'sb-uic-card-mdo-channel-v1',
|
|
11017
|
-
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
|
|
11018
|
-
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
|
|
11015
|
+
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>",
|
|
11016
|
+
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}"]
|
|
11019
11017
|
}] }
|
|
11020
11018
|
];
|
|
11021
11019
|
/** @nocollapse */
|
|
@@ -11080,6 +11078,205 @@
|
|
|
11080
11078
|
CardMdoChannelV1Component.prototype.router;
|
|
11081
11079
|
}
|
|
11082
11080
|
|
|
11081
|
+
/**
|
|
11082
|
+
* @fileoverview added by tsickle
|
|
11083
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
11084
|
+
*/
|
|
11085
|
+
var AvatarPhotoLibComponent = /** @class */ (function () {
|
|
11086
|
+
function AvatarPhotoLibComponent() {
|
|
11087
|
+
this.size = '';
|
|
11088
|
+
this.defaulfColor = '';
|
|
11089
|
+
this.randomColor = false;
|
|
11090
|
+
this.showBadge = false;
|
|
11091
|
+
this.showInitials = false;
|
|
11092
|
+
this.random = Math.random().toString(36).slice(2);
|
|
11093
|
+
// public initials!: string
|
|
11094
|
+
this.colors = [
|
|
11095
|
+
'#EB7181',
|
|
11096
|
+
'#306933',
|
|
11097
|
+
'#000000',
|
|
11098
|
+
'#3670B2',
|
|
11099
|
+
'#4E9E87',
|
|
11100
|
+
'#7E4C8D',
|
|
11101
|
+
];
|
|
11102
|
+
this.randomcolors = [
|
|
11103
|
+
'#EB7181',
|
|
11104
|
+
'#006400',
|
|
11105
|
+
'#000000',
|
|
11106
|
+
'#3670B2',
|
|
11107
|
+
'#4E9E87',
|
|
11108
|
+
'#7E4C8D',
|
|
11109
|
+
];
|
|
11110
|
+
}
|
|
11111
|
+
/**
|
|
11112
|
+
* @return {?}
|
|
11113
|
+
*/
|
|
11114
|
+
AvatarPhotoLibComponent.prototype.ngOnInit = /**
|
|
11115
|
+
* @return {?}
|
|
11116
|
+
*/
|
|
11117
|
+
function () {
|
|
11118
|
+
if (!this.photoUrl) {
|
|
11119
|
+
this.showInitials = true;
|
|
11120
|
+
if (!this.initials) {
|
|
11121
|
+
this.createInititals();
|
|
11122
|
+
}
|
|
11123
|
+
if (this.datalen === 1) {
|
|
11124
|
+
if (this.defaulfColor) {
|
|
11125
|
+
this.randomcolors = [
|
|
11126
|
+
this.defaulfColor
|
|
11127
|
+
];
|
|
11128
|
+
}
|
|
11129
|
+
else {
|
|
11130
|
+
this.randomcolors = [
|
|
11131
|
+
'#006400',
|
|
11132
|
+
];
|
|
11133
|
+
}
|
|
11134
|
+
}
|
|
11135
|
+
/** @type {?} */
|
|
11136
|
+
var randomIndex = Math.floor(Math.random() * Math.floor(this.colors.length));
|
|
11137
|
+
this.circleColor = this.colors[randomIndex];
|
|
11138
|
+
if (this.randomColor) {
|
|
11139
|
+
/** @type {?} */
|
|
11140
|
+
var randomIndex1 = Math.floor(Math.random() * Math.floor(this.randomcolors.length));
|
|
11141
|
+
this.circleColor = this.randomcolors[randomIndex1];
|
|
11142
|
+
}
|
|
11143
|
+
}
|
|
11144
|
+
};
|
|
11145
|
+
/**
|
|
11146
|
+
* @param {?} change
|
|
11147
|
+
* @return {?}
|
|
11148
|
+
*/
|
|
11149
|
+
AvatarPhotoLibComponent.prototype.ngOnChanges = /**
|
|
11150
|
+
* @param {?} change
|
|
11151
|
+
* @return {?}
|
|
11152
|
+
*/
|
|
11153
|
+
function (change) {
|
|
11154
|
+
if (change.name.currentValue !== change.name.previousValue && !change.name.firstChange) {
|
|
11155
|
+
this.createInititals();
|
|
11156
|
+
}
|
|
11157
|
+
};
|
|
11158
|
+
Object.defineProperty(AvatarPhotoLibComponent.prototype, "userInitials", {
|
|
11159
|
+
get: /**
|
|
11160
|
+
* @return {?}
|
|
11161
|
+
*/
|
|
11162
|
+
function () {
|
|
11163
|
+
return this.initials;
|
|
11164
|
+
},
|
|
11165
|
+
enumerable: true,
|
|
11166
|
+
configurable: true
|
|
11167
|
+
});
|
|
11168
|
+
/**
|
|
11169
|
+
* @private
|
|
11170
|
+
* @return {?}
|
|
11171
|
+
*/
|
|
11172
|
+
AvatarPhotoLibComponent.prototype.createInititals = /**
|
|
11173
|
+
* @private
|
|
11174
|
+
* @return {?}
|
|
11175
|
+
*/
|
|
11176
|
+
function () {
|
|
11177
|
+
/** @type {?} */
|
|
11178
|
+
var initials = '';
|
|
11179
|
+
/** @type {?} */
|
|
11180
|
+
var array = (this.name + " ").toString().split(' ');
|
|
11181
|
+
if (array[0] !== 'undefined' && typeof array[1] !== 'undefined') {
|
|
11182
|
+
initials += array[0].charAt(0);
|
|
11183
|
+
initials += array[1].charAt(0);
|
|
11184
|
+
}
|
|
11185
|
+
else {
|
|
11186
|
+
for (var i = 0; i < this.name.length; i += 1) {
|
|
11187
|
+
if (this.name.charAt(i) === ' ') {
|
|
11188
|
+
continue;
|
|
11189
|
+
}
|
|
11190
|
+
if (this.name.charAt(i) === this.name.charAt(i)) {
|
|
11191
|
+
initials += this.name.charAt(i);
|
|
11192
|
+
if (initials.length === 2) {
|
|
11193
|
+
break;
|
|
11194
|
+
}
|
|
11195
|
+
}
|
|
11196
|
+
}
|
|
11197
|
+
}
|
|
11198
|
+
this.initials = initials.toUpperCase();
|
|
11199
|
+
};
|
|
11200
|
+
AvatarPhotoLibComponent.decorators = [
|
|
11201
|
+
{ type: core.Component, args: [{
|
|
11202
|
+
selector: 'sb-uic-avatar-photo',
|
|
11203
|
+
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>",
|
|
11204
|
+
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}"]
|
|
11205
|
+
}] }
|
|
11206
|
+
];
|
|
11207
|
+
AvatarPhotoLibComponent.propDecorators = {
|
|
11208
|
+
datalen: [{ type: core.Input }],
|
|
11209
|
+
photoUrl: [{ type: core.Input }],
|
|
11210
|
+
name: [{ type: core.Input }],
|
|
11211
|
+
size: [{ type: core.Input }],
|
|
11212
|
+
defaulfColor: [{ type: core.Input }],
|
|
11213
|
+
randomColor: [{ type: core.Input }],
|
|
11214
|
+
initials: [{ type: core.Input }],
|
|
11215
|
+
showBadge: [{ type: core.Input }]
|
|
11216
|
+
};
|
|
11217
|
+
return AvatarPhotoLibComponent;
|
|
11218
|
+
}());
|
|
11219
|
+
if (false) {
|
|
11220
|
+
/** @type {?} */
|
|
11221
|
+
AvatarPhotoLibComponent.prototype.datalen;
|
|
11222
|
+
/** @type {?} */
|
|
11223
|
+
AvatarPhotoLibComponent.prototype.photoUrl;
|
|
11224
|
+
/** @type {?} */
|
|
11225
|
+
AvatarPhotoLibComponent.prototype.name;
|
|
11226
|
+
/** @type {?} */
|
|
11227
|
+
AvatarPhotoLibComponent.prototype.size;
|
|
11228
|
+
/** @type {?} */
|
|
11229
|
+
AvatarPhotoLibComponent.prototype.defaulfColor;
|
|
11230
|
+
/** @type {?} */
|
|
11231
|
+
AvatarPhotoLibComponent.prototype.randomColor;
|
|
11232
|
+
/** @type {?} */
|
|
11233
|
+
AvatarPhotoLibComponent.prototype.initials;
|
|
11234
|
+
/** @type {?} */
|
|
11235
|
+
AvatarPhotoLibComponent.prototype.showBadge;
|
|
11236
|
+
/** @type {?} */
|
|
11237
|
+
AvatarPhotoLibComponent.prototype.showInitials;
|
|
11238
|
+
/** @type {?} */
|
|
11239
|
+
AvatarPhotoLibComponent.prototype.circleColor;
|
|
11240
|
+
/** @type {?} */
|
|
11241
|
+
AvatarPhotoLibComponent.prototype.random;
|
|
11242
|
+
/**
|
|
11243
|
+
* @type {?}
|
|
11244
|
+
* @private
|
|
11245
|
+
*/
|
|
11246
|
+
AvatarPhotoLibComponent.prototype.colors;
|
|
11247
|
+
/**
|
|
11248
|
+
* @type {?}
|
|
11249
|
+
* @private
|
|
11250
|
+
*/
|
|
11251
|
+
AvatarPhotoLibComponent.prototype.randomcolors;
|
|
11252
|
+
}
|
|
11253
|
+
|
|
11254
|
+
/**
|
|
11255
|
+
* @fileoverview added by tsickle
|
|
11256
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
11257
|
+
*/
|
|
11258
|
+
var AvatarPhotoLibModule = /** @class */ (function () {
|
|
11259
|
+
function AvatarPhotoLibModule() {
|
|
11260
|
+
}
|
|
11261
|
+
AvatarPhotoLibModule.decorators = [
|
|
11262
|
+
{ type: core.NgModule, args: [{
|
|
11263
|
+
declarations: [AvatarPhotoLibComponent],
|
|
11264
|
+
imports: [
|
|
11265
|
+
common.CommonModule,
|
|
11266
|
+
router.RouterModule,
|
|
11267
|
+
material.MatButtonModule,
|
|
11268
|
+
material.MatIconModule,
|
|
11269
|
+
material.MatMenuModule,
|
|
11270
|
+
material.MatRippleModule,
|
|
11271
|
+
resolverV2.SbUiResolverModule,
|
|
11272
|
+
],
|
|
11273
|
+
exports: [AvatarPhotoLibComponent],
|
|
11274
|
+
entryComponents: [AvatarPhotoLibComponent],
|
|
11275
|
+
},] }
|
|
11276
|
+
];
|
|
11277
|
+
return AvatarPhotoLibModule;
|
|
11278
|
+
}());
|
|
11279
|
+
|
|
11083
11280
|
/**
|
|
11084
11281
|
* @fileoverview added by tsickle
|
|
11085
11282
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
@@ -11113,7 +11310,8 @@
|
|
|
11113
11310
|
DisplayContentTypeLibModule,
|
|
11114
11311
|
DefaultThumbnailModule,
|
|
11115
11312
|
PipeDurationTransformModule,
|
|
11116
|
-
SkeletonLoaderLibModule
|
|
11313
|
+
SkeletonLoaderLibModule,
|
|
11314
|
+
AvatarPhotoLibModule
|
|
11117
11315
|
],
|
|
11118
11316
|
entryComponents: [CardsComponent],
|
|
11119
11317
|
exports: [
|
|
@@ -11769,65 +11967,518 @@
|
|
|
11769
11967
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
11770
11968
|
*/
|
|
11771
11969
|
/** @type {?} */
|
|
11772
|
-
var
|
|
11773
|
-
|
|
11774
|
-
|
|
11775
|
-
* @param {?} contentType
|
|
11776
|
-
* @param {?} userId
|
|
11777
|
-
* @return {?}
|
|
11778
|
-
*/
|
|
11779
|
-
function (contentId, contentType, userId) {
|
|
11780
|
-
return PROXY_SLAG_V8 + "/ratings/v1/read/" + contentId + "/" + contentType + "/" + userId;
|
|
11781
|
-
}, ɵ1$2 = /**
|
|
11782
|
-
* @param {?} contentId
|
|
11783
|
-
* @param {?} contentType
|
|
11784
|
-
* @return {?}
|
|
11785
|
-
*/
|
|
11786
|
-
function (contentId, contentType) {
|
|
11787
|
-
return PROXY_SLAG_V8 + "/ratings/v1/summary/" + contentId + "/" + contentType;
|
|
11788
|
-
}, ɵ2$2 = /**
|
|
11789
|
-
* @param {?} contentId
|
|
11790
|
-
* @param {?} userID
|
|
11791
|
-
* @return {?}
|
|
11792
|
-
*/
|
|
11793
|
-
function (contentId, userID) {
|
|
11794
|
-
return PROXY_SLAG_V8 + "/ratings/v1/read/" + contentId + "/Course/" + userID;
|
|
11795
|
-
};
|
|
11796
|
-
/** @type {?} */
|
|
11797
|
-
var API_END_POINTS$3 = {
|
|
11798
|
-
GET_RATING: (ɵ0$3),
|
|
11799
|
-
ADD_OR_UPDATE: PROXY_SLAG_V8 + "/ratings/v1/upsert",
|
|
11800
|
-
GET_RATING_SUMMARY: (ɵ1$2),
|
|
11801
|
-
GET_RATING_LOOKUP: PROXY_SLAG_V8 + "/ratings/v1/ratingLookUp",
|
|
11802
|
-
GET_AUTHOR_REPLY: (ɵ2$2),
|
|
11803
|
-
POST_AUTHOR_REPLY: PROXY_SLAG_V8 + "/ratings/v2/read",
|
|
11970
|
+
var API_POINTS$1 = {
|
|
11971
|
+
COMPETENCY_LIST: "apis/proxies/v8/competency/v4/search",
|
|
11972
|
+
competency_URL: "apis/proxies/v8/v1/search/competenciesByOrg/",
|
|
11804
11973
|
};
|
|
11805
|
-
var
|
|
11806
|
-
|
|
11974
|
+
var CompetencyPassbookMdoService = /** @class */ (function () {
|
|
11975
|
+
// tslint: disable-next-line: whitespace
|
|
11976
|
+
function CompetencyPassbookMdoService(http) {
|
|
11807
11977
|
this.http = http;
|
|
11808
11978
|
}
|
|
11809
11979
|
/**
|
|
11810
|
-
* @param {?}
|
|
11811
|
-
* @param {?} contentType
|
|
11812
|
-
* @param {?} userId
|
|
11980
|
+
* @param {?} payload
|
|
11813
11981
|
* @return {?}
|
|
11814
11982
|
*/
|
|
11815
|
-
|
|
11816
|
-
* @param {?}
|
|
11817
|
-
* @param {?} contentType
|
|
11818
|
-
* @param {?} userId
|
|
11983
|
+
CompetencyPassbookMdoService.prototype.getCompetencyList = /**
|
|
11984
|
+
* @param {?} payload
|
|
11819
11985
|
* @return {?}
|
|
11820
11986
|
*/
|
|
11821
|
-
function (
|
|
11822
|
-
|
|
11823
|
-
var forPreview = window.location.href.includes('/public/') || window.location.href.includes('&preview=true');
|
|
11824
|
-
if (!forPreview) {
|
|
11825
|
-
return this.http.get(API_END_POINTS$3.GET_RATING(contentId, contentType, userId));
|
|
11826
|
-
}
|
|
11827
|
-
return rxjs.of({});
|
|
11987
|
+
function (payload) {
|
|
11988
|
+
return this.http.post(API_POINTS$1.COMPETENCY_LIST, payload);
|
|
11828
11989
|
};
|
|
11829
11990
|
/**
|
|
11830
|
-
* @param {?}
|
|
11991
|
+
* @param {?} providerId
|
|
11992
|
+
* @return {?}
|
|
11993
|
+
*/
|
|
11994
|
+
CompetencyPassbookMdoService.prototype.mdoCompetency = /**
|
|
11995
|
+
* @param {?} providerId
|
|
11996
|
+
* @return {?}
|
|
11997
|
+
*/
|
|
11998
|
+
function (providerId) {
|
|
11999
|
+
return this.http.get(API_POINTS$1.competency_URL + providerId);
|
|
12000
|
+
};
|
|
12001
|
+
CompetencyPassbookMdoService.decorators = [
|
|
12002
|
+
{ type: core.Injectable, args: [{ providedIn: 'root' },] }
|
|
12003
|
+
];
|
|
12004
|
+
/** @nocollapse */
|
|
12005
|
+
CompetencyPassbookMdoService.ctorParameters = function () { return [
|
|
12006
|
+
{ type: http.HttpClient }
|
|
12007
|
+
]; };
|
|
12008
|
+
/** @nocollapse */ CompetencyPassbookMdoService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function CompetencyPassbookMdoService_Factory() { return new CompetencyPassbookMdoService(core.ɵɵinject(http.HttpClient)); }, token: CompetencyPassbookMdoService, providedIn: "root" });
|
|
12009
|
+
return CompetencyPassbookMdoService;
|
|
12010
|
+
}());
|
|
12011
|
+
if (false) {
|
|
12012
|
+
/**
|
|
12013
|
+
* @type {?}
|
|
12014
|
+
* @private
|
|
12015
|
+
*/
|
|
12016
|
+
CompetencyPassbookMdoService.prototype.http;
|
|
12017
|
+
}
|
|
12018
|
+
|
|
12019
|
+
/**
|
|
12020
|
+
* @fileoverview added by tsickle
|
|
12021
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
12022
|
+
*/
|
|
12023
|
+
var CompetencyPassbookMdoComponent = /** @class */ (function () {
|
|
12024
|
+
// subTheme = ['Behavioural']
|
|
12025
|
+
// currentFilter = 'Behavioural'
|
|
12026
|
+
// currentCompetencies: any = []
|
|
12027
|
+
// competencyData: any
|
|
12028
|
+
function CompetencyPassbookMdoComponent(configSvc, contentSvc, competencySvc, router) {
|
|
12029
|
+
this.configSvc = configSvc;
|
|
12030
|
+
this.contentSvc = contentSvc;
|
|
12031
|
+
this.competencySvc = competencySvc;
|
|
12032
|
+
this.router = router;
|
|
12033
|
+
this.cardDisplayCount = 3;
|
|
12034
|
+
this.dynamicAlignPills = 'center';
|
|
12035
|
+
this.emptyResponse = new core.EventEmitter();
|
|
12036
|
+
this.temeletryResponse = new core.EventEmitter();
|
|
12037
|
+
this.loadCometency = false;
|
|
12038
|
+
this.loadCompetencyArea = false;
|
|
12039
|
+
this.competencyVersion = '';
|
|
12040
|
+
this.competencyTheme = [];
|
|
12041
|
+
this.allcompetencyTheme = {};
|
|
12042
|
+
this.competencyStrength = 0;
|
|
12043
|
+
this.competencyThemeLength = 6;
|
|
12044
|
+
this.showAllTheme = [{ name: 'Show all', showAll: false }];
|
|
12045
|
+
}
|
|
12046
|
+
/**
|
|
12047
|
+
* @return {?}
|
|
12048
|
+
*/
|
|
12049
|
+
CompetencyPassbookMdoComponent.prototype.ngOnInit = /**
|
|
12050
|
+
* @return {?}
|
|
12051
|
+
*/
|
|
12052
|
+
function () {
|
|
12053
|
+
this.getAllCompetencies();
|
|
12054
|
+
};
|
|
12055
|
+
/**
|
|
12056
|
+
* @return {?}
|
|
12057
|
+
*/
|
|
12058
|
+
CompetencyPassbookMdoComponent.prototype.getAllCompetencies = /**
|
|
12059
|
+
* @return {?}
|
|
12060
|
+
*/
|
|
12061
|
+
function () {
|
|
12062
|
+
var _this = this;
|
|
12063
|
+
this.loadCometency = true;
|
|
12064
|
+
/** @type {?} */
|
|
12065
|
+
var request = { "search": { "type": "Competency Area" }, "filter": { "isDetail": true } };
|
|
12066
|
+
this.competencySvc.getCompetencyList(request).subscribe((/**
|
|
12067
|
+
* @param {?} response
|
|
12068
|
+
* @return {?}
|
|
12069
|
+
*/
|
|
12070
|
+
function (response) {
|
|
12071
|
+
_this.allcompetencyTheme = {};
|
|
12072
|
+
if (response && response.result && response.result.competency) {
|
|
12073
|
+
_this.originalCompetencyArray = response.result.competency;
|
|
12074
|
+
_this.getMdoCompetencies();
|
|
12075
|
+
// this.getCompetencyArea()
|
|
12076
|
+
response.result.competency.forEach((/**
|
|
12077
|
+
* @param {?} element
|
|
12078
|
+
* @return {?}
|
|
12079
|
+
*/
|
|
12080
|
+
function (element) {
|
|
12081
|
+
element.children.forEach((/**
|
|
12082
|
+
* @param {?} childEle
|
|
12083
|
+
* @return {?}
|
|
12084
|
+
*/
|
|
12085
|
+
function (childEle) {
|
|
12086
|
+
/** @type {?} */
|
|
12087
|
+
var name = childEle.name.toLowerCase();
|
|
12088
|
+
_this.allcompetencyTheme[name] = childEle;
|
|
12089
|
+
_this.allcompetencyTheme[name]['viewMore'] = false;
|
|
12090
|
+
}));
|
|
12091
|
+
}));
|
|
12092
|
+
}
|
|
12093
|
+
_this.loadCometency = false;
|
|
12094
|
+
}));
|
|
12095
|
+
};
|
|
12096
|
+
/**
|
|
12097
|
+
* @return {?}
|
|
12098
|
+
*/
|
|
12099
|
+
CompetencyPassbookMdoComponent.prototype.getMdoCompetencies = /**
|
|
12100
|
+
* @return {?}
|
|
12101
|
+
*/
|
|
12102
|
+
function () {
|
|
12103
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
12104
|
+
var response, facetData, error_1;
|
|
12105
|
+
var _this = this;
|
|
12106
|
+
return __generator(this, function (_a) {
|
|
12107
|
+
switch (_a.label) {
|
|
12108
|
+
case 0:
|
|
12109
|
+
_a.trys.push([0, 2, , 3]);
|
|
12110
|
+
this.loadCometency = true;
|
|
12111
|
+
return [4 /*yield*/, this.getMdoCompetency()];
|
|
12112
|
+
case 1:
|
|
12113
|
+
response = _a.sent();
|
|
12114
|
+
if (response && response.results) {
|
|
12115
|
+
if (response.results.result.facets && response.results.result.facets.length) {
|
|
12116
|
+
facetData = response.results.result.facets;
|
|
12117
|
+
facetData.forEach((/**
|
|
12118
|
+
* @param {?} facet
|
|
12119
|
+
* @return {?}
|
|
12120
|
+
*/
|
|
12121
|
+
function (facet) {
|
|
12122
|
+
if (facet.name === 'competencies_v5.competencyArea') {
|
|
12123
|
+
_this.competencyArea = facet.values;
|
|
12124
|
+
_this.selectedValue = facet.values[0].name;
|
|
12125
|
+
}
|
|
12126
|
+
else if (facet.name === 'competencies_v5.competencyTheme') {
|
|
12127
|
+
_this.competencyThemeData = facet.values;
|
|
12128
|
+
_this.getCompetencyTheme();
|
|
12129
|
+
}
|
|
12130
|
+
}));
|
|
12131
|
+
}
|
|
12132
|
+
else {
|
|
12133
|
+
this.emptyResponse.emit(true);
|
|
12134
|
+
}
|
|
12135
|
+
this.loadCometency = false;
|
|
12136
|
+
}
|
|
12137
|
+
return [3 /*break*/, 3];
|
|
12138
|
+
case 2:
|
|
12139
|
+
error_1 = _a.sent();
|
|
12140
|
+
// Handle errors
|
|
12141
|
+
// console.error('Error:', error);
|
|
12142
|
+
this.emptyResponse.emit(true);
|
|
12143
|
+
return [3 /*break*/, 3];
|
|
12144
|
+
case 3: return [2 /*return*/];
|
|
12145
|
+
}
|
|
12146
|
+
});
|
|
12147
|
+
});
|
|
12148
|
+
};
|
|
12149
|
+
/**
|
|
12150
|
+
* @return {?}
|
|
12151
|
+
*/
|
|
12152
|
+
CompetencyPassbookMdoComponent.prototype.getCompetencyTheme = /**
|
|
12153
|
+
* @return {?}
|
|
12154
|
+
*/
|
|
12155
|
+
function () {
|
|
12156
|
+
var _this = this;
|
|
12157
|
+
this.originalCompetencyArray.forEach((/**
|
|
12158
|
+
* @param {?} element
|
|
12159
|
+
* @return {?}
|
|
12160
|
+
*/
|
|
12161
|
+
function (element) {
|
|
12162
|
+
if (element.name.toLowerCase() === _this.selectedValue) {
|
|
12163
|
+
_this.competencyTheme = _this.competencyThemeData.filter((/**
|
|
12164
|
+
* @param {?} ele1
|
|
12165
|
+
* @return {?}
|
|
12166
|
+
*/
|
|
12167
|
+
function (ele1) {
|
|
12168
|
+
return element.children.find((/**
|
|
12169
|
+
* @param {?} ele2
|
|
12170
|
+
* @return {?}
|
|
12171
|
+
*/
|
|
12172
|
+
function (ele2) { return ele2.name.toLowerCase() === ele1.name.toLowerCase(); }));
|
|
12173
|
+
}));
|
|
12174
|
+
_this.showAllTheme = [{ name: 'Show all', showAll: false }];
|
|
12175
|
+
_this.competencyThemeLength = 6;
|
|
12176
|
+
}
|
|
12177
|
+
else if ('Behavioral'.toLowerCase() === _this.selectedValue) {
|
|
12178
|
+
_this.competencyTheme = _this.competencyThemeData.filter((/**
|
|
12179
|
+
* @param {?} ele1
|
|
12180
|
+
* @return {?}
|
|
12181
|
+
*/
|
|
12182
|
+
function (ele1) {
|
|
12183
|
+
return element.children.find((/**
|
|
12184
|
+
* @param {?} ele2
|
|
12185
|
+
* @return {?}
|
|
12186
|
+
*/
|
|
12187
|
+
function (ele2) { return ele2.name.toLowerCase() === ele1.name.toLowerCase(); }));
|
|
12188
|
+
}));
|
|
12189
|
+
_this.showAllTheme = [{ name: 'Show all', showAll: false }];
|
|
12190
|
+
_this.competencyThemeLength = 6;
|
|
12191
|
+
}
|
|
12192
|
+
}));
|
|
12193
|
+
this.resetViewMore();
|
|
12194
|
+
};
|
|
12195
|
+
/**
|
|
12196
|
+
* @return {?}
|
|
12197
|
+
*/
|
|
12198
|
+
CompetencyPassbookMdoComponent.prototype.getMdoCompetency = /**
|
|
12199
|
+
* @return {?}
|
|
12200
|
+
*/
|
|
12201
|
+
function () {
|
|
12202
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
12203
|
+
var _this = this;
|
|
12204
|
+
return __generator(this, function (_a) {
|
|
12205
|
+
return [2 /*return*/, new Promise((/**
|
|
12206
|
+
* @param {?} resolve
|
|
12207
|
+
* @param {?} reject
|
|
12208
|
+
* @return {?}
|
|
12209
|
+
*/
|
|
12210
|
+
function (resolve, reject) {
|
|
12211
|
+
if (_this.providerId) {
|
|
12212
|
+
_this.competencySvc.mdoCompetency(_this.providerId).subscribe((/**
|
|
12213
|
+
* @param {?} results
|
|
12214
|
+
* @return {?}
|
|
12215
|
+
*/
|
|
12216
|
+
function (results) {
|
|
12217
|
+
resolve({ results: results });
|
|
12218
|
+
}), (/**
|
|
12219
|
+
* @param {?} error
|
|
12220
|
+
* @return {?}
|
|
12221
|
+
*/
|
|
12222
|
+
function (error) {
|
|
12223
|
+
reject(error);
|
|
12224
|
+
}));
|
|
12225
|
+
}
|
|
12226
|
+
}))];
|
|
12227
|
+
});
|
|
12228
|
+
});
|
|
12229
|
+
};
|
|
12230
|
+
// competency theam change
|
|
12231
|
+
// competency theam change
|
|
12232
|
+
/**
|
|
12233
|
+
* @param {?} e
|
|
12234
|
+
* @return {?}
|
|
12235
|
+
*/
|
|
12236
|
+
CompetencyPassbookMdoComponent.prototype.competencyChange =
|
|
12237
|
+
// competency theam change
|
|
12238
|
+
/**
|
|
12239
|
+
* @param {?} e
|
|
12240
|
+
* @return {?}
|
|
12241
|
+
*/
|
|
12242
|
+
function (e) {
|
|
12243
|
+
/** @type {?} */
|
|
12244
|
+
var addfilter = {};
|
|
12245
|
+
if (this.providerId) {
|
|
12246
|
+
addfilter = {
|
|
12247
|
+
"createdFor": [
|
|
12248
|
+
this.providerId
|
|
12249
|
+
],
|
|
12250
|
+
};
|
|
12251
|
+
}
|
|
12252
|
+
this.temeletryResponse.emit(e.name);
|
|
12253
|
+
this.selectedValue = e.name;
|
|
12254
|
+
this.getCompetencyTheme();
|
|
12255
|
+
};
|
|
12256
|
+
/**
|
|
12257
|
+
* @return {?}
|
|
12258
|
+
*/
|
|
12259
|
+
CompetencyPassbookMdoComponent.prototype.resetViewMore = /**
|
|
12260
|
+
* @return {?}
|
|
12261
|
+
*/
|
|
12262
|
+
function () {
|
|
12263
|
+
var _this = this;
|
|
12264
|
+
Object.keys(this.allcompetencyTheme).forEach((/**
|
|
12265
|
+
* @param {?} comp
|
|
12266
|
+
* @return {?}
|
|
12267
|
+
*/
|
|
12268
|
+
function (comp) {
|
|
12269
|
+
_this.allcompetencyTheme[comp]['viewMore'] = false;
|
|
12270
|
+
}));
|
|
12271
|
+
};
|
|
12272
|
+
/**
|
|
12273
|
+
* @param {?} data
|
|
12274
|
+
* @return {?}
|
|
12275
|
+
*/
|
|
12276
|
+
CompetencyPassbookMdoComponent.prototype.viewMoreChildren = /**
|
|
12277
|
+
* @param {?} data
|
|
12278
|
+
* @return {?}
|
|
12279
|
+
*/
|
|
12280
|
+
function (data) {
|
|
12281
|
+
data.viewMore = !data.viewMore;
|
|
12282
|
+
this.allcompetencyTheme[data.name.toLowerCase()].viewMore = data.viewMore;
|
|
12283
|
+
};
|
|
12284
|
+
/**
|
|
12285
|
+
* @param {?} event
|
|
12286
|
+
* @return {?}
|
|
12287
|
+
*/
|
|
12288
|
+
CompetencyPassbookMdoComponent.prototype.displayAllTheme = /**
|
|
12289
|
+
* @param {?} event
|
|
12290
|
+
* @return {?}
|
|
12291
|
+
*/
|
|
12292
|
+
function (event) {
|
|
12293
|
+
this.showAllTheme[0]['showAll'] = !event.showAll;
|
|
12294
|
+
this.competencyThemeLength = event.showAll ? this.competencyTheme.length : 6;
|
|
12295
|
+
this.showAllTheme[0]['name'] = event.showAll ? 'Show less' : 'Show all';
|
|
12296
|
+
this.temeletryResponse.emit(event.name);
|
|
12297
|
+
};
|
|
12298
|
+
/**
|
|
12299
|
+
* @param {?} compData
|
|
12300
|
+
* @return {?}
|
|
12301
|
+
*/
|
|
12302
|
+
CompetencyPassbookMdoComponent.prototype.navigateToCompetency = /**
|
|
12303
|
+
* @param {?} compData
|
|
12304
|
+
* @return {?}
|
|
12305
|
+
*/
|
|
12306
|
+
function (compData) {
|
|
12307
|
+
this.router.navigateByUrl("app/learn/browse-by/competency/" + compData.name);
|
|
12308
|
+
};
|
|
12309
|
+
/**
|
|
12310
|
+
* @return {?}
|
|
12311
|
+
*/
|
|
12312
|
+
CompetencyPassbookMdoComponent.prototype.showMore = /**
|
|
12313
|
+
* @return {?}
|
|
12314
|
+
*/
|
|
12315
|
+
function () {
|
|
12316
|
+
this.objectData.viewMore = !this.objectData.viewMore;
|
|
12317
|
+
};
|
|
12318
|
+
CompetencyPassbookMdoComponent.decorators = [
|
|
12319
|
+
{ type: core.Component, args: [{
|
|
12320
|
+
selector: 'sb-uic-competency-passbook-mdo',
|
|
12321
|
+
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>",
|
|
12322
|
+
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}"]
|
|
12323
|
+
}] }
|
|
12324
|
+
];
|
|
12325
|
+
/** @nocollapse */
|
|
12326
|
+
CompetencyPassbookMdoComponent.ctorParameters = function () { return [
|
|
12327
|
+
{ type: utilsV2.ConfigurationsService },
|
|
12328
|
+
{ type: WidgetContentService },
|
|
12329
|
+
{ type: CompetencyPassbookMdoService },
|
|
12330
|
+
{ type: router.Router }
|
|
12331
|
+
]; };
|
|
12332
|
+
CompetencyPassbookMdoComponent.propDecorators = {
|
|
12333
|
+
objectData: [{ type: core.Input }],
|
|
12334
|
+
providerId: [{ type: core.Input }],
|
|
12335
|
+
cardDisplayCount: [{ type: core.Input }],
|
|
12336
|
+
dynamicClass: [{ type: core.Input }],
|
|
12337
|
+
dynamicColor: [{ type: core.Input }],
|
|
12338
|
+
dynamicAlignPills: [{ type: core.Input }],
|
|
12339
|
+
emptyResponse: [{ type: core.Output }],
|
|
12340
|
+
temeletryResponse: [{ type: core.Output }]
|
|
12341
|
+
};
|
|
12342
|
+
return CompetencyPassbookMdoComponent;
|
|
12343
|
+
}());
|
|
12344
|
+
if (false) {
|
|
12345
|
+
/** @type {?} */
|
|
12346
|
+
CompetencyPassbookMdoComponent.prototype.objectData;
|
|
12347
|
+
/** @type {?} */
|
|
12348
|
+
CompetencyPassbookMdoComponent.prototype.providerId;
|
|
12349
|
+
/** @type {?} */
|
|
12350
|
+
CompetencyPassbookMdoComponent.prototype.cardDisplayCount;
|
|
12351
|
+
/** @type {?} */
|
|
12352
|
+
CompetencyPassbookMdoComponent.prototype.dynamicClass;
|
|
12353
|
+
/** @type {?} */
|
|
12354
|
+
CompetencyPassbookMdoComponent.prototype.dynamicColor;
|
|
12355
|
+
/** @type {?} */
|
|
12356
|
+
CompetencyPassbookMdoComponent.prototype.dynamicAlignPills;
|
|
12357
|
+
/** @type {?} */
|
|
12358
|
+
CompetencyPassbookMdoComponent.prototype.emptyResponse;
|
|
12359
|
+
/** @type {?} */
|
|
12360
|
+
CompetencyPassbookMdoComponent.prototype.temeletryResponse;
|
|
12361
|
+
/** @type {?} */
|
|
12362
|
+
CompetencyPassbookMdoComponent.prototype.loadCometency;
|
|
12363
|
+
/** @type {?} */
|
|
12364
|
+
CompetencyPassbookMdoComponent.prototype.loadCompetencyArea;
|
|
12365
|
+
/** @type {?} */
|
|
12366
|
+
CompetencyPassbookMdoComponent.prototype.originalCompetencyArray;
|
|
12367
|
+
/** @type {?} */
|
|
12368
|
+
CompetencyPassbookMdoComponent.prototype.competencyArea;
|
|
12369
|
+
/** @type {?} */
|
|
12370
|
+
CompetencyPassbookMdoComponent.prototype.selectedValue;
|
|
12371
|
+
/** @type {?} */
|
|
12372
|
+
CompetencyPassbookMdoComponent.prototype.competencyVersion;
|
|
12373
|
+
/** @type {?} */
|
|
12374
|
+
CompetencyPassbookMdoComponent.prototype.competencyThemeData;
|
|
12375
|
+
/** @type {?} */
|
|
12376
|
+
CompetencyPassbookMdoComponent.prototype.competencyTheme;
|
|
12377
|
+
/** @type {?} */
|
|
12378
|
+
CompetencyPassbookMdoComponent.prototype.allcompetencyTheme;
|
|
12379
|
+
/** @type {?} */
|
|
12380
|
+
CompetencyPassbookMdoComponent.prototype.competencyStrength;
|
|
12381
|
+
/** @type {?} */
|
|
12382
|
+
CompetencyPassbookMdoComponent.prototype.competencyThemeLength;
|
|
12383
|
+
/** @type {?} */
|
|
12384
|
+
CompetencyPassbookMdoComponent.prototype.showAllTheme;
|
|
12385
|
+
/** @type {?} */
|
|
12386
|
+
CompetencyPassbookMdoComponent.prototype.configSvc;
|
|
12387
|
+
/** @type {?} */
|
|
12388
|
+
CompetencyPassbookMdoComponent.prototype.contentSvc;
|
|
12389
|
+
/** @type {?} */
|
|
12390
|
+
CompetencyPassbookMdoComponent.prototype.competencySvc;
|
|
12391
|
+
/** @type {?} */
|
|
12392
|
+
CompetencyPassbookMdoComponent.prototype.router;
|
|
12393
|
+
}
|
|
12394
|
+
|
|
12395
|
+
/**
|
|
12396
|
+
* @fileoverview added by tsickle
|
|
12397
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
12398
|
+
*/
|
|
12399
|
+
var CompetencyPassbookMdoModule = /** @class */ (function () {
|
|
12400
|
+
function CompetencyPassbookMdoModule() {
|
|
12401
|
+
}
|
|
12402
|
+
CompetencyPassbookMdoModule.decorators = [
|
|
12403
|
+
{ type: core.NgModule, args: [{
|
|
12404
|
+
declarations: [CompetencyPassbookMdoComponent],
|
|
12405
|
+
imports: [
|
|
12406
|
+
common.CommonModule,
|
|
12407
|
+
material.MatIconModule,
|
|
12408
|
+
PillsModule,
|
|
12409
|
+
SkeletonLoaderLibModule
|
|
12410
|
+
],
|
|
12411
|
+
exports: [CompetencyPassbookMdoComponent],
|
|
12412
|
+
providers: [CompetencyPassbookMdoService]
|
|
12413
|
+
},] }
|
|
12414
|
+
];
|
|
12415
|
+
return CompetencyPassbookMdoModule;
|
|
12416
|
+
}());
|
|
12417
|
+
|
|
12418
|
+
/**
|
|
12419
|
+
* @fileoverview added by tsickle
|
|
12420
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
12421
|
+
*/
|
|
12422
|
+
/** @type {?} */
|
|
12423
|
+
var PROXY_SLAG_V8 = '/apis/proxies/v8';
|
|
12424
|
+
var ɵ0$3 = /**
|
|
12425
|
+
* @param {?} contentId
|
|
12426
|
+
* @param {?} contentType
|
|
12427
|
+
* @param {?} userId
|
|
12428
|
+
* @return {?}
|
|
12429
|
+
*/
|
|
12430
|
+
function (contentId, contentType, userId) {
|
|
12431
|
+
return PROXY_SLAG_V8 + "/ratings/v1/read/" + contentId + "/" + contentType + "/" + userId;
|
|
12432
|
+
}, ɵ1$2 = /**
|
|
12433
|
+
* @param {?} contentId
|
|
12434
|
+
* @param {?} contentType
|
|
12435
|
+
* @return {?}
|
|
12436
|
+
*/
|
|
12437
|
+
function (contentId, contentType) {
|
|
12438
|
+
return PROXY_SLAG_V8 + "/ratings/v1/summary/" + contentId + "/" + contentType;
|
|
12439
|
+
}, ɵ2$2 = /**
|
|
12440
|
+
* @param {?} contentId
|
|
12441
|
+
* @param {?} userID
|
|
12442
|
+
* @return {?}
|
|
12443
|
+
*/
|
|
12444
|
+
function (contentId, userID) {
|
|
12445
|
+
return PROXY_SLAG_V8 + "/ratings/v1/read/" + contentId + "/Course/" + userID;
|
|
12446
|
+
};
|
|
12447
|
+
/** @type {?} */
|
|
12448
|
+
var API_END_POINTS$3 = {
|
|
12449
|
+
GET_RATING: (ɵ0$3),
|
|
12450
|
+
ADD_OR_UPDATE: PROXY_SLAG_V8 + "/ratings/v1/upsert",
|
|
12451
|
+
GET_RATING_SUMMARY: (ɵ1$2),
|
|
12452
|
+
GET_RATING_LOOKUP: PROXY_SLAG_V8 + "/ratings/v1/ratingLookUp",
|
|
12453
|
+
GET_AUTHOR_REPLY: (ɵ2$2),
|
|
12454
|
+
POST_AUTHOR_REPLY: PROXY_SLAG_V8 + "/ratings/v2/read",
|
|
12455
|
+
};
|
|
12456
|
+
var RatingService = /** @class */ (function () {
|
|
12457
|
+
function RatingService(http) {
|
|
12458
|
+
this.http = http;
|
|
12459
|
+
}
|
|
12460
|
+
/**
|
|
12461
|
+
* @param {?} contentId
|
|
12462
|
+
* @param {?} contentType
|
|
12463
|
+
* @param {?} userId
|
|
12464
|
+
* @return {?}
|
|
12465
|
+
*/
|
|
12466
|
+
RatingService.prototype.getRating = /**
|
|
12467
|
+
* @param {?} contentId
|
|
12468
|
+
* @param {?} contentType
|
|
12469
|
+
* @param {?} userId
|
|
12470
|
+
* @return {?}
|
|
12471
|
+
*/
|
|
12472
|
+
function (contentId, contentType, userId) {
|
|
12473
|
+
/** @type {?} */
|
|
12474
|
+
var forPreview = window.location.href.includes('/public/') || window.location.href.includes('&preview=true');
|
|
12475
|
+
if (!forPreview) {
|
|
12476
|
+
return this.http.get(API_END_POINTS$3.GET_RATING(contentId, contentType, userId));
|
|
12477
|
+
}
|
|
12478
|
+
return rxjs.of({});
|
|
12479
|
+
};
|
|
12480
|
+
/**
|
|
12481
|
+
* @param {?} req
|
|
11831
12482
|
* @return {?}
|
|
11832
12483
|
*/
|
|
11833
12484
|
RatingService.prototype.addOrUpdateRating = /**
|
|
@@ -12220,205 +12871,6 @@
|
|
|
12220
12871
|
UserContentRatingLibComponent.prototype.userRatingSvc;
|
|
12221
12872
|
}
|
|
12222
12873
|
|
|
12223
|
-
/**
|
|
12224
|
-
* @fileoverview added by tsickle
|
|
12225
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
12226
|
-
*/
|
|
12227
|
-
var AvatarPhotoLibComponent = /** @class */ (function () {
|
|
12228
|
-
function AvatarPhotoLibComponent() {
|
|
12229
|
-
this.size = '';
|
|
12230
|
-
this.defaulfColor = '';
|
|
12231
|
-
this.randomColor = false;
|
|
12232
|
-
this.showBadge = false;
|
|
12233
|
-
this.showInitials = false;
|
|
12234
|
-
this.random = Math.random().toString(36).slice(2);
|
|
12235
|
-
// public initials!: string
|
|
12236
|
-
this.colors = [
|
|
12237
|
-
'#EB7181',
|
|
12238
|
-
'#306933',
|
|
12239
|
-
'#000000',
|
|
12240
|
-
'#3670B2',
|
|
12241
|
-
'#4E9E87',
|
|
12242
|
-
'#7E4C8D',
|
|
12243
|
-
];
|
|
12244
|
-
this.randomcolors = [
|
|
12245
|
-
'#EB7181',
|
|
12246
|
-
'#006400',
|
|
12247
|
-
'#000000',
|
|
12248
|
-
'#3670B2',
|
|
12249
|
-
'#4E9E87',
|
|
12250
|
-
'#7E4C8D',
|
|
12251
|
-
];
|
|
12252
|
-
}
|
|
12253
|
-
/**
|
|
12254
|
-
* @return {?}
|
|
12255
|
-
*/
|
|
12256
|
-
AvatarPhotoLibComponent.prototype.ngOnInit = /**
|
|
12257
|
-
* @return {?}
|
|
12258
|
-
*/
|
|
12259
|
-
function () {
|
|
12260
|
-
if (!this.photoUrl) {
|
|
12261
|
-
this.showInitials = true;
|
|
12262
|
-
if (!this.initials) {
|
|
12263
|
-
this.createInititals();
|
|
12264
|
-
}
|
|
12265
|
-
if (this.datalen === 1) {
|
|
12266
|
-
if (this.defaulfColor) {
|
|
12267
|
-
this.randomcolors = [
|
|
12268
|
-
this.defaulfColor
|
|
12269
|
-
];
|
|
12270
|
-
}
|
|
12271
|
-
else {
|
|
12272
|
-
this.randomcolors = [
|
|
12273
|
-
'#006400',
|
|
12274
|
-
];
|
|
12275
|
-
}
|
|
12276
|
-
}
|
|
12277
|
-
/** @type {?} */
|
|
12278
|
-
var randomIndex = Math.floor(Math.random() * Math.floor(this.colors.length));
|
|
12279
|
-
this.circleColor = this.colors[randomIndex];
|
|
12280
|
-
if (this.randomColor) {
|
|
12281
|
-
/** @type {?} */
|
|
12282
|
-
var randomIndex1 = Math.floor(Math.random() * Math.floor(this.randomcolors.length));
|
|
12283
|
-
this.circleColor = this.randomcolors[randomIndex1];
|
|
12284
|
-
}
|
|
12285
|
-
}
|
|
12286
|
-
};
|
|
12287
|
-
/**
|
|
12288
|
-
* @param {?} change
|
|
12289
|
-
* @return {?}
|
|
12290
|
-
*/
|
|
12291
|
-
AvatarPhotoLibComponent.prototype.ngOnChanges = /**
|
|
12292
|
-
* @param {?} change
|
|
12293
|
-
* @return {?}
|
|
12294
|
-
*/
|
|
12295
|
-
function (change) {
|
|
12296
|
-
if (change.name.currentValue !== change.name.previousValue && !change.name.firstChange) {
|
|
12297
|
-
this.createInititals();
|
|
12298
|
-
}
|
|
12299
|
-
};
|
|
12300
|
-
Object.defineProperty(AvatarPhotoLibComponent.prototype, "userInitials", {
|
|
12301
|
-
get: /**
|
|
12302
|
-
* @return {?}
|
|
12303
|
-
*/
|
|
12304
|
-
function () {
|
|
12305
|
-
return this.initials;
|
|
12306
|
-
},
|
|
12307
|
-
enumerable: true,
|
|
12308
|
-
configurable: true
|
|
12309
|
-
});
|
|
12310
|
-
/**
|
|
12311
|
-
* @private
|
|
12312
|
-
* @return {?}
|
|
12313
|
-
*/
|
|
12314
|
-
AvatarPhotoLibComponent.prototype.createInititals = /**
|
|
12315
|
-
* @private
|
|
12316
|
-
* @return {?}
|
|
12317
|
-
*/
|
|
12318
|
-
function () {
|
|
12319
|
-
/** @type {?} */
|
|
12320
|
-
var initials = '';
|
|
12321
|
-
/** @type {?} */
|
|
12322
|
-
var array = (this.name + " ").toString().split(' ');
|
|
12323
|
-
if (array[0] !== 'undefined' && typeof array[1] !== 'undefined') {
|
|
12324
|
-
initials += array[0].charAt(0);
|
|
12325
|
-
initials += array[1].charAt(0);
|
|
12326
|
-
}
|
|
12327
|
-
else {
|
|
12328
|
-
for (var i = 0; i < this.name.length; i += 1) {
|
|
12329
|
-
if (this.name.charAt(i) === ' ') {
|
|
12330
|
-
continue;
|
|
12331
|
-
}
|
|
12332
|
-
if (this.name.charAt(i) === this.name.charAt(i)) {
|
|
12333
|
-
initials += this.name.charAt(i);
|
|
12334
|
-
if (initials.length === 2) {
|
|
12335
|
-
break;
|
|
12336
|
-
}
|
|
12337
|
-
}
|
|
12338
|
-
}
|
|
12339
|
-
}
|
|
12340
|
-
this.initials = initials.toUpperCase();
|
|
12341
|
-
};
|
|
12342
|
-
AvatarPhotoLibComponent.decorators = [
|
|
12343
|
-
{ type: core.Component, args: [{
|
|
12344
|
-
selector: 'sb-uic-avatar-photo',
|
|
12345
|
-
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>",
|
|
12346
|
-
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}"]
|
|
12347
|
-
}] }
|
|
12348
|
-
];
|
|
12349
|
-
AvatarPhotoLibComponent.propDecorators = {
|
|
12350
|
-
datalen: [{ type: core.Input }],
|
|
12351
|
-
photoUrl: [{ type: core.Input }],
|
|
12352
|
-
name: [{ type: core.Input }],
|
|
12353
|
-
size: [{ type: core.Input }],
|
|
12354
|
-
defaulfColor: [{ type: core.Input }],
|
|
12355
|
-
randomColor: [{ type: core.Input }],
|
|
12356
|
-
initials: [{ type: core.Input }],
|
|
12357
|
-
showBadge: [{ type: core.Input }]
|
|
12358
|
-
};
|
|
12359
|
-
return AvatarPhotoLibComponent;
|
|
12360
|
-
}());
|
|
12361
|
-
if (false) {
|
|
12362
|
-
/** @type {?} */
|
|
12363
|
-
AvatarPhotoLibComponent.prototype.datalen;
|
|
12364
|
-
/** @type {?} */
|
|
12365
|
-
AvatarPhotoLibComponent.prototype.photoUrl;
|
|
12366
|
-
/** @type {?} */
|
|
12367
|
-
AvatarPhotoLibComponent.prototype.name;
|
|
12368
|
-
/** @type {?} */
|
|
12369
|
-
AvatarPhotoLibComponent.prototype.size;
|
|
12370
|
-
/** @type {?} */
|
|
12371
|
-
AvatarPhotoLibComponent.prototype.defaulfColor;
|
|
12372
|
-
/** @type {?} */
|
|
12373
|
-
AvatarPhotoLibComponent.prototype.randomColor;
|
|
12374
|
-
/** @type {?} */
|
|
12375
|
-
AvatarPhotoLibComponent.prototype.initials;
|
|
12376
|
-
/** @type {?} */
|
|
12377
|
-
AvatarPhotoLibComponent.prototype.showBadge;
|
|
12378
|
-
/** @type {?} */
|
|
12379
|
-
AvatarPhotoLibComponent.prototype.showInitials;
|
|
12380
|
-
/** @type {?} */
|
|
12381
|
-
AvatarPhotoLibComponent.prototype.circleColor;
|
|
12382
|
-
/** @type {?} */
|
|
12383
|
-
AvatarPhotoLibComponent.prototype.random;
|
|
12384
|
-
/**
|
|
12385
|
-
* @type {?}
|
|
12386
|
-
* @private
|
|
12387
|
-
*/
|
|
12388
|
-
AvatarPhotoLibComponent.prototype.colors;
|
|
12389
|
-
/**
|
|
12390
|
-
* @type {?}
|
|
12391
|
-
* @private
|
|
12392
|
-
*/
|
|
12393
|
-
AvatarPhotoLibComponent.prototype.randomcolors;
|
|
12394
|
-
}
|
|
12395
|
-
|
|
12396
|
-
/**
|
|
12397
|
-
* @fileoverview added by tsickle
|
|
12398
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
12399
|
-
*/
|
|
12400
|
-
var AvatarPhotoLibModule = /** @class */ (function () {
|
|
12401
|
-
function AvatarPhotoLibModule() {
|
|
12402
|
-
}
|
|
12403
|
-
AvatarPhotoLibModule.decorators = [
|
|
12404
|
-
{ type: core.NgModule, args: [{
|
|
12405
|
-
declarations: [AvatarPhotoLibComponent],
|
|
12406
|
-
imports: [
|
|
12407
|
-
common.CommonModule,
|
|
12408
|
-
router.RouterModule,
|
|
12409
|
-
material.MatButtonModule,
|
|
12410
|
-
material.MatIconModule,
|
|
12411
|
-
material.MatMenuModule,
|
|
12412
|
-
material.MatRippleModule,
|
|
12413
|
-
resolverV2.SbUiResolverModule,
|
|
12414
|
-
],
|
|
12415
|
-
exports: [AvatarPhotoLibComponent],
|
|
12416
|
-
entryComponents: [AvatarPhotoLibComponent],
|
|
12417
|
-
},] }
|
|
12418
|
-
];
|
|
12419
|
-
return AvatarPhotoLibModule;
|
|
12420
|
-
}());
|
|
12421
|
-
|
|
12422
12874
|
/**
|
|
12423
12875
|
* @fileoverview added by tsickle
|
|
12424
12876
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
@@ -12753,6 +13205,7 @@
|
|
|
12753
13205
|
exports.CardsModule = CardsModule;
|
|
12754
13206
|
exports.CommonMethodsService = CommonMethodsService;
|
|
12755
13207
|
exports.CommonStripModule = CommonStripModule;
|
|
13208
|
+
exports.CompetencyPassbookMdoModule = CompetencyPassbookMdoModule;
|
|
12756
13209
|
exports.CompetencyPassbookModule = CompetencyPassbookModule;
|
|
12757
13210
|
exports.ConsumptionComponent = ConsumptionComponent;
|
|
12758
13211
|
exports.ConsumptionModule = ConsumptionModule;
|
|
@@ -12782,21 +13235,23 @@
|
|
|
12782
13235
|
exports.ɵbk = DefaultThumbnailDirective;
|
|
12783
13236
|
exports.ɵbl = PipeDurationTransformModule;
|
|
12784
13237
|
exports.ɵbm = PipeDurationTransformPipe;
|
|
12785
|
-
exports.ɵbn =
|
|
12786
|
-
exports.ɵbo =
|
|
12787
|
-
exports.ɵbp =
|
|
12788
|
-
exports.ɵbq =
|
|
12789
|
-
exports.ɵbr =
|
|
12790
|
-
exports.ɵbs =
|
|
12791
|
-
exports.ɵbt =
|
|
12792
|
-
exports.ɵbu =
|
|
12793
|
-
exports.ɵbv =
|
|
12794
|
-
exports.ɵbw =
|
|
12795
|
-
exports.ɵbx =
|
|
12796
|
-
exports.ɵby =
|
|
12797
|
-
exports.ɵbz =
|
|
13238
|
+
exports.ɵbn = AvatarPhotoLibModule;
|
|
13239
|
+
exports.ɵbo = AvatarPhotoLibComponent;
|
|
13240
|
+
exports.ɵbp = CompetencyPassbookComponent;
|
|
13241
|
+
exports.ɵbq = CompetencyPassbookService;
|
|
13242
|
+
exports.ɵbr = PillsModule;
|
|
13243
|
+
exports.ɵbs = PillsComponent;
|
|
13244
|
+
exports.ɵbt = CompetencyPassbookMdoComponent;
|
|
13245
|
+
exports.ɵbu = CompetencyPassbookMdoService;
|
|
13246
|
+
exports.ɵbv = UserContentRatingLibComponent;
|
|
13247
|
+
exports.ɵbw = ScrollableItemDirective;
|
|
13248
|
+
exports.ɵbx = RatingService;
|
|
13249
|
+
exports.ɵby = UserContentRatingLibService;
|
|
13250
|
+
exports.ɵbz = MyHammerConfig$1;
|
|
12798
13251
|
exports.ɵc = MultilingualTranslationsService;
|
|
12799
|
-
exports.ɵca =
|
|
13252
|
+
exports.ɵca = SlidersNgContentLibModule;
|
|
13253
|
+
exports.ɵcb = SlidersNgContentLibComponent;
|
|
13254
|
+
exports.ɵcc = ScrollableItemModule;
|
|
12800
13255
|
exports.ɵd = ConfigurationsService;
|
|
12801
13256
|
exports.ɵe = HorizontalScrollerV2Module;
|
|
12802
13257
|
exports.ɵf = HorizontalScrollerV2Component;
|