@sunbird-cb/consumption 0.0.16 → 0.0.18
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 +289 -38
- 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/announcements/announcements.component.js +20 -6
- package/esm2015/lib/_common/announcements/announcements.module.js +3 -1
- package/esm2015/lib/_common/cards/card-mdo-channel/card-mdo-channel.component.js +3 -3
- package/esm2015/lib/_common/cards/card-wide/card-wide.component.js +1 -1
- package/esm2015/lib/_common/cards/card-wide-v2/card-wide-v2.component.js +177 -0
- package/esm2015/lib/_common/cards/cards.component.js +2 -2
- package/esm2015/lib/_common/cards/cards.module.js +6 -3
- package/esm2015/lib/_common/competency-passbook/competency-passbook.component.js +43 -4
- package/esm2015/lib/_common/content-strip-with-tabs-lib/content-strip-with-tabs-lib.component.js +3 -1
- package/esm2015/lib/_common/pills/pills.component.js +16 -4
- package/esm2015/sunbird-cb-consumption.js +23 -22
- package/esm5/lib/_common/announcements/announcements.component.js +21 -5
- package/esm5/lib/_common/announcements/announcements.module.js +3 -1
- package/esm5/lib/_common/cards/card-mdo-channel/card-mdo-channel.component.js +3 -3
- package/esm5/lib/_common/cards/card-wide/card-wide.component.js +1 -1
- package/esm5/lib/_common/cards/card-wide-v2/card-wide-v2.component.js +186 -0
- package/esm5/lib/_common/cards/cards.component.js +2 -2
- package/esm5/lib/_common/cards/cards.module.js +6 -3
- package/esm5/lib/_common/competency-passbook/competency-passbook.component.js +44 -5
- package/esm5/lib/_common/content-strip-with-tabs-lib/content-strip-with-tabs-lib.component.js +3 -1
- package/esm5/lib/_common/pills/pills.component.js +16 -4
- package/esm5/sunbird-cb-consumption.js +23 -22
- package/fesm2015/sunbird-cb-consumption.js +257 -17
- package/fesm2015/sunbird-cb-consumption.js.map +1 -1
- package/fesm5/sunbird-cb-consumption.js +267 -17
- package/fesm5/sunbird-cb-consumption.js.map +1 -1
- package/lib/_common/announcements/announcements.component.d.ts +4 -1
- package/lib/_common/cards/card-wide-v2/card-wide-v2.component.d.ts +31 -0
- package/lib/_common/competency-passbook/competency-passbook.component.d.ts +5 -0
- package/lib/_common/content-strip-with-tabs-lib/content-strip-with-tabs-lib.component.d.ts +1 -0
- package/lib/_common/pills/pills.component.d.ts +3 -0
- package/package.json +1 -1
- package/sunbird-cb-consumption.d.ts +22 -21
- package/sunbird-cb-consumption.metadata.json +1 -1
|
@@ -3619,6 +3619,8 @@ if (false) {
|
|
|
3619
3619
|
IStripUnitContentData.prototype.secondaryHeading;
|
|
3620
3620
|
/** @type {?} */
|
|
3621
3621
|
IStripUnitContentData.prototype.viewMoreUrl;
|
|
3622
|
+
/** @type {?|undefined} */
|
|
3623
|
+
IStripUnitContentData.prototype.request;
|
|
3622
3624
|
}
|
|
3623
3625
|
var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
|
|
3624
3626
|
__extends(ContentStripWithTabsLibComponent, _super);
|
|
@@ -7788,6 +7790,7 @@ var CommonStripModule = /** @class */ (function () {
|
|
|
7788
7790
|
*/
|
|
7789
7791
|
var AnnouncementsComponent = /** @class */ (function () {
|
|
7790
7792
|
function AnnouncementsComponent() {
|
|
7793
|
+
this.openDialog = new EventEmitter();
|
|
7791
7794
|
}
|
|
7792
7795
|
/**
|
|
7793
7796
|
* @return {?}
|
|
@@ -7810,23 +7813,38 @@ var AnnouncementsComponent = /** @class */ (function () {
|
|
|
7810
7813
|
item.expanded = !item.expanded;
|
|
7811
7814
|
}
|
|
7812
7815
|
};
|
|
7816
|
+
/**
|
|
7817
|
+
* @return {?}
|
|
7818
|
+
*/
|
|
7819
|
+
AnnouncementsComponent.prototype.openAnnouncements = /**
|
|
7820
|
+
* @return {?}
|
|
7821
|
+
*/
|
|
7822
|
+
function () {
|
|
7823
|
+
this.openDialog.emit(true);
|
|
7824
|
+
};
|
|
7813
7825
|
AnnouncementsComponent.decorators = [
|
|
7814
7826
|
{ type: Component, args: [{
|
|
7815
7827
|
selector: 'sb-uic-announcements',
|
|
7816
|
-
template: "<div class=\"w-full\">\n <div class=\"flex item-center key-logo\">\n <img class=\"\" [src]=\"objectData?.logoUrl\">\n </div>\n <div class=\"flex item-center key-logo \">\n <div class=\"key-heading\"\n [style.backgroundColor]=\"objectData?.header?.background\"\n [style.color]=\"objectData?.header?.color\">\n {{objectData?.title}}\n </div>\n </div>\n <div class=\"key-list-container\"\n [style.borderColor]=\"objectData?.panelborder\"\n [style.backgroundColor]=\"objectData?.panelBackground\">\n <div class=\"key-list\">\n <div *ngFor=\"let item of objectData?.list; let i = index\">\n <div class=\"key-list-item mb-{{ objectData?.list?.length === (i+1) ? '' : '4'}}\" \n [style.borderColor]=\"objectData?.listItem?.border\"\n [style.backgroundColor]=\"objectData?.listItem?.background\">\n <div class=\"key-list-item-content {{item?.value?.length > 152 && !item?.expanded ? 'expand' : 'un-expand'}}\" [innerHTML]=\"item?.value\"></div>\n <div class=\"more-or-less\" *ngIf=\"item?.value?.length > 152\" [style.color]=\"objectData?.panelborder\">\n <div class=\"cursor-pointer\" (click)=\"viewMoreOrLess(item)\" *ngIf=\"!item?.expanded\">View more</div>\n <div class=\"cursor-pointer\" (click)=\"viewMoreOrLess(item)\" *ngIf=\"item?.expanded\">View less</div>\n </div>\n </div>\n </div> \n </div> \n </div>\n</div>",
|
|
7817
|
-
styles: [".key-logo{align-items:center;justify-content:center}.key-list-container{border:1px solid #ccc;padding:45px 15px 15px;border-radius:12px;margin-top:-20px}.key-list{max-height:600px;overflow:auto}.key-list::-webkit-scrollbar{display:none}.key-list-item{padding:16px;border:1px solid #ccc;border-radius:12px;min-height:56px}::ng-deep .key-list-item-content a{color:#1b4ca1!important}.key-list-item-content{font-family:Lato;font-size:14px;font-weight:400;line-height:20px;text-align:left;white-space:initial;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.expand{-webkit-line-clamp:3}.un-expand{-webkit-line-clamp:0}.more-or-less{font-family:Lato;font-size:14px;line-height:20px;font-weight:600}.key-heading{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:center;padding:10px 50px;border-radius:20px;margin-top:-3px;animation:.9s infinite paddingAnimation}@keyframes paddingAnimation{0%,100%{padding:10px 50px}25%,75%{padding:10px 55px}50%{padding:10px 60px}}"]
|
|
7828
|
+
template: "<div class=\"w-full\" *ngIf=\"layoutType === 'web'\">\n <div class=\"flex item-center key-logo\">\n <img class=\"\" [src]=\"objectData?.logoUrl\">\n </div>\n <div class=\"flex item-center key-logo \">\n <div class=\"key-heading\"\n [style.backgroundColor]=\"objectData?.header?.background\"\n [style.color]=\"objectData?.header?.color\">\n {{objectData?.title}}\n </div>\n </div>\n <div class=\"key-list-container\"\n [style.borderColor]=\"objectData?.panelborder\"\n [style.backgroundColor]=\"objectData?.panelBackground\">\n <div class=\"key-list\">\n <div *ngFor=\"let item of objectData?.list; let i = index\">\n <div class=\"key-list-item mb-{{ objectData?.list?.length === (i+1) ? '' : '4'}}\" \n [style.borderColor]=\"objectData?.listItem?.border\"\n [style.backgroundColor]=\"objectData?.listItem?.background\">\n <div class=\"key-list-item-content {{item?.value?.length > 152 && !item?.expanded ? 'expand' : 'un-expand'}}\" [innerHTML]=\"item?.value\"></div>\n <div class=\"more-or-less\" *ngIf=\"item?.value?.length > 152\" [style.color]=\"objectData?.panelborder\">\n <div class=\"cursor-pointer\" (click)=\"viewMoreOrLess(item)\" *ngIf=\"!item?.expanded\">View more</div>\n <div class=\"cursor-pointer\" (click)=\"viewMoreOrLess(item)\" *ngIf=\"item?.expanded\">View less</div>\n </div>\n </div>\n </div> \n </div> \n </div>\n</div>\n\n<div class=\"w-full\" *ngIf=\"layoutType === 'mobile'\">\n <div class=\"flex item-center key-logo \">\n <div class=\"mob-key-heading\" (click)=\"openAnnouncements()\"\n [style.backgroundColor]=\"objectData?.header?.background\"\n [style.color]=\"objectData?.header?.color\">\n <div class=\"flex key-button gap-3\">\n <div>\n <img [src]=\"objectData?.mobileIcon\">\n </div>\n <div>{{objectData?.title}}</div> \n <div><mat-icon class=\"key-mob-icon\">arrow_forward_ios</mat-icon></div>\n </div> \n </div>\n </div>\n</div>",
|
|
7829
|
+
styles: [".key-logo{align-items:center;justify-content:center}.key-list-container{border:1px solid #ccc;padding:45px 15px 15px;border-radius:12px;margin-top:-20px}.key-list{max-height:600px;overflow:auto}.key-list::-webkit-scrollbar{display:none}.key-list-item{padding:16px;border:1px solid #ccc;border-radius:12px;min-height:56px}::ng-deep .key-list-item-content a{color:#1b4ca1!important}.key-list-item-content{font-family:Lato;font-size:14px;font-weight:400;line-height:20px;text-align:left;white-space:initial;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.expand{-webkit-line-clamp:3}.un-expand{-webkit-line-clamp:0}.more-or-less{font-family:Lato;font-size:14px;line-height:20px;font-weight:600}.mob-key-heading{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:center;padding:7px 25px;border-radius:20px;animation:.9s infinite mobPaddingAnimation;cursor:pointer}.key-mob-icon{font-size:12px;width:12px;height:12px}.key-button{align-items:center;justify-content:center}.key-heading{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:center;padding:10px 50px;border-radius:20px;margin-top:-3px;animation:.9s infinite paddingAnimation}@keyframes mobPaddingAnimation{0%,100%{padding:7px 25px}25%,75%{padding:7px 30px}50%{padding:7px 35px}}@keyframes paddingAnimation{0%,100%{padding:10px 50px}25%,75%{padding:10px 55px}50%{padding:10px 60px}}"]
|
|
7818
7830
|
}] }
|
|
7819
7831
|
];
|
|
7820
7832
|
/** @nocollapse */
|
|
7821
7833
|
AnnouncementsComponent.ctorParameters = function () { return []; };
|
|
7822
7834
|
AnnouncementsComponent.propDecorators = {
|
|
7823
|
-
objectData: [{ type: Input }]
|
|
7835
|
+
objectData: [{ type: Input }],
|
|
7836
|
+
layoutType: [{ type: Input }],
|
|
7837
|
+
openDialog: [{ type: Output }]
|
|
7824
7838
|
};
|
|
7825
7839
|
return AnnouncementsComponent;
|
|
7826
7840
|
}());
|
|
7827
7841
|
if (false) {
|
|
7828
7842
|
/** @type {?} */
|
|
7829
7843
|
AnnouncementsComponent.prototype.objectData;
|
|
7844
|
+
/** @type {?} */
|
|
7845
|
+
AnnouncementsComponent.prototype.layoutType;
|
|
7846
|
+
/** @type {?} */
|
|
7847
|
+
AnnouncementsComponent.prototype.openDialog;
|
|
7830
7848
|
}
|
|
7831
7849
|
|
|
7832
7850
|
/**
|
|
@@ -7841,6 +7859,7 @@ var AnnouncementsModule = /** @class */ (function () {
|
|
|
7841
7859
|
declarations: [AnnouncementsComponent],
|
|
7842
7860
|
imports: [
|
|
7843
7861
|
CommonModule,
|
|
7862
|
+
MatIconModule,
|
|
7844
7863
|
SkeletonLoaderLibModule
|
|
7845
7864
|
],
|
|
7846
7865
|
exports: [AnnouncementsComponent],
|
|
@@ -8035,7 +8054,7 @@ var CardsComponent = /** @class */ (function (_super) {
|
|
|
8035
8054
|
CardsComponent.decorators = [
|
|
8036
8055
|
{ type: Component, args: [{
|
|
8037
8056
|
selector: 'sb-uic-cards',
|
|
8038
|
-
template: "<div class=\"widget-card-content-new\">\n <ng-container *ngIf=\"widgetData && (((widgetData?.deletedMode || 'none') === 'hide' && !!!isLiveOrMarkForDeletion)\n ? false\n : !((widgetData?.intranetMode || 'none') === 'hide' && !!showIntranetContent))\"\n [ngSwitch]=\"( (widgetData && widgetData?.cardSubType) || 'cardPortraitLib')\">\n <ng-container *ngSwitchDefault [ngTemplateOutlet]=\"cardPortraitLib\"></ng-container>\n <ng-container *ngSwitchCase=\"'user-card'\" [ngTemplateOutlet]=\"cardUser\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-portrait-lib-skeleton'\" [ngTemplateOutlet]=\"cardPortraitLibSkeleton\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-portrait-lib'\" [ngTemplateOutlet]=\"cardPortraitLib\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-landscape-lib-skeleton'\" [ngTemplateOutlet]=\"cardLandscapeLibSkeleton\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-landscape-lib'\" [ngTemplateOutlet]=\"cardLandscapeLib\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-wide-lib-skeleton'\" [ngTemplateOutlet]=\"cardWideLibSkeleton\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-wide-lib'\" [ngTemplateOutlet]=\"cardWideLib\"></ng-container>\n </ng-container>\n</div>\n\n<ng-template #cardPortraitLibSkeleton>\n <sb-uic-card-portrait [widgetData]=\"widgetData\" [isCardLoading]=\"true\"></sb-uic-card-portrait>\n</ng-template>\n<ng-template #cardPortraitLib>\n <sb-uic-card-portrait (contentData)=\"getRedirectUrlData($event)\" [widgetData]=\"widgetData\" [isCardLoading]=\"false\"></sb-uic-card-portrait>\n</ng-template>\n<ng-template #cardLandscapeLibSkeleton>\n <sb-uic-card-landscape [widgetData]=\"widgetData\" [isCardLoading]=\"true\"></sb-uic-card-landscape>\n</ng-template>\n<ng-template #cardLandscapeLib>\n <sb-uic-card-landscape [widgetData]=\"widgetData\" [isCardLoading]=\"false\"></sb-uic-card-landscape>\n</ng-template>\n\n<ng-template #cardWideLib>\n <sb-uic-card-wide (contentData)=\"getRedirectUrlData($event)\" [widgetData]=\"widgetData\"></sb-uic-card-wide>\n</ng-template>\n<ng-template #cardWideLibSkeleton>\n <sb-uic-card-wide [widgetData]=\"widgetData\"></sb-uic-card-wide>\n</ng-template>\n\n <ng-template #cardUser>\n <sb-uic-card-user [widgetData]=\"widgetData\"></sb-uic-card-user>\n </ng-template>\n",
|
|
8057
|
+
template: "<div class=\"widget-card-content-new\">\n <ng-container *ngIf=\"widgetData && (((widgetData?.deletedMode || 'none') === 'hide' && !!!isLiveOrMarkForDeletion)\n ? false\n : !((widgetData?.intranetMode || 'none') === 'hide' && !!showIntranetContent))\"\n [ngSwitch]=\"( (widgetData && widgetData?.cardSubType) || 'cardPortraitLib')\">\n <ng-container *ngSwitchDefault [ngTemplateOutlet]=\"cardPortraitLib\"></ng-container>\n <ng-container *ngSwitchCase=\"'user-card'\" [ngTemplateOutlet]=\"cardUser\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-portrait-lib-skeleton'\" [ngTemplateOutlet]=\"cardPortraitLibSkeleton\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-portrait-lib'\" [ngTemplateOutlet]=\"cardPortraitLib\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-landscape-lib-skeleton'\" [ngTemplateOutlet]=\"cardLandscapeLibSkeleton\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-landscape-lib'\" [ngTemplateOutlet]=\"cardLandscapeLib\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-wide-lib-skeleton'\" [ngTemplateOutlet]=\"cardWideLibSkeleton\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-wide-lib'\" [ngTemplateOutlet]=\"cardWideLib\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-wide-v2'\" [ngTemplateOutlet]=\"cardWideV2\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-wide-v2-skelton'\" [ngTemplateOutlet]=\"cardWideV2Skelton\"></ng-container>\n </ng-container>\n</div>\n\n<ng-template #cardPortraitLibSkeleton>\n <sb-uic-card-portrait [widgetData]=\"widgetData\" [isCardLoading]=\"true\"></sb-uic-card-portrait>\n</ng-template>\n<ng-template #cardPortraitLib>\n <sb-uic-card-portrait (contentData)=\"getRedirectUrlData($event)\" [widgetData]=\"widgetData\" [isCardLoading]=\"false\"></sb-uic-card-portrait>\n</ng-template>\n<ng-template #cardLandscapeLibSkeleton>\n <sb-uic-card-landscape [widgetData]=\"widgetData\" [isCardLoading]=\"true\"></sb-uic-card-landscape>\n</ng-template>\n<ng-template #cardLandscapeLib>\n <sb-uic-card-landscape [widgetData]=\"widgetData\" [isCardLoading]=\"false\"></sb-uic-card-landscape>\n</ng-template>\n\n<ng-template #cardWideLib>\n <sb-uic-card-wide (contentData)=\"getRedirectUrlData($event)\" [widgetData]=\"widgetData\"></sb-uic-card-wide>\n</ng-template>\n<ng-template #cardWideLibSkeleton>\n <sb-uic-card-wide [widgetData]=\"widgetData\"></sb-uic-card-wide>\n</ng-template>\n\n<ng-template #cardWideV2Skelton>\n <sb-uic-card-wide-v2 [widgetData]=\"widgetData\" ></sb-uic-card-wide-v2>\n</ng-template>\n<ng-template #cardWideV2>\n <sb-uic-card-wide-v2 [widgetData]=\"widgetData\" ></sb-uic-card-wide-v2>\n</ng-template>\n\n <ng-template #cardUser>\n <sb-uic-card-user [widgetData]=\"widgetData\"></sb-uic-card-user>\n </ng-template>\n",
|
|
8039
8058
|
styles: [""]
|
|
8040
8059
|
}] }
|
|
8041
8060
|
];
|
|
@@ -9102,7 +9121,7 @@ var CardWideComponent = /** @class */ (function () {
|
|
|
9102
9121
|
{ type: Component, args: [{
|
|
9103
9122
|
selector: 'sb-uic-card-wide',
|
|
9104
9123
|
template: "<mat-card class=\"card-wide-lib\">\n <a (click)=\"raiseTelemetry();getRedirectUrlData(widgetData?.content); $event.stopPropagation()\" \n role=\"link\" i18n-aria-label>\n <div class=\"flex\">\n <div>\n <ng-container *ngIf=\"widgetData?.content?.posterImage\">\n <img mat-card-image [src]=\"widgetData?.content?.posterImage | pipePublicURL\" loading=\"lazy\"\n class=\"card-wide-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData?.content?.name\" />\n </ng-container>\n <ng-container *ngIf=\"!widgetData?.content?.posterImage\">\n <ng-container *ngIf=\"widgetData?.content?.appIcon; else defaultImg\">\n <img mat-card-image [src]=\"widgetData?.content?.appIcon | pipePublicURL\" loading=\"lazy\"\n class=\"card-wide-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData?.content?.name\" />\n </ng-container>\n <ng-template #defaultImg>\n <img mat-card-image [src]=\"defaultThumbnail\" loading=\"lazy\"\n class=\"card-wide-img ws-mat-primary-lite-background margin-remove\"\n [alt]=\"widgetData?.content?.name\" />\n </ng-template>\n </ng-container>\n </div>\n <div>\n <div class=\"pl-4 pr-4 w-full\">\n <div class=\"course_widget flex margin-remove\">\n <div class=\"flex flex-end course_v2\">\n <mat-icon class=\"mat-icon main_icon ws-mat-default-text margin-right-xs\">video_library</mat-icon>\n <sb-uic-display-content-type i18n-title title=\"Content Type\" *ngIf=\"widgetData?.content?.primaryCategory\"\n class=\"ws-mat-black60-text font-normal mat-caption \" [displayContentType]=\"widgetData?.content?.primaryCategory==='Course Unit'\n ?'Module'\n :widgetData?.content?.primaryCategory\">\n </sb-uic-display-content-type>\n </div>\n </div>\n <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n class=\"mat-subheading-1 title-text ws-mat-text-block-fade-gradient\">\n {{ widgetData?.content?.name }}\n </div>\n\n <div class=\"flex w-full flex-wrap flex-middle\">\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\">{{'cardcontentv2.by' | translate}} -->\n <span class=\"org-text\">By {{ (widgetData?.content?.organisation && widgetData?.content?.organisation[0]) ? widgetData?.content?.organisation[0] : 'Karmayogi Bharat' }}</span>\n </div>\n </div>\n </div>\n </div>\n </a>\n</mat-card>\n",
|
|
9105
|
-
styles: [".card-wide-lib{width:inherit;padding:16px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.16)}.card-wide-lib .card-wide-img{width:190px;height:107px;border-radius:12px}.card-wide-lib .course_widget{margin-top:10px}.card-wide-lib .course_widget .mat-icon{vertical-align:middle;color:#ef951e!important}.card-wide-lib .course_widget .course_v2{border:1px solid #ef951e;padding:4px 8px;align-items:end;border-radius:16px}.card-wide-lib .course_widget .main_icon{font-size:16px;width:16px;height:16px}.card-wide-lib .course_logo_box{width:38px;height:38px;background:#fff;border-radius:8px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.card-wide-lib .course_logo_box img{height:28px;width:28px;padding:5px;display:inline-block}.card-wide-lib .course_logo_box p{display:inline-block;vertical-align:top}.card-wide-lib .org-text{font-size:12px;font-weight:400;width:75%;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}@media screen and (max-width:768px){.card-wide-img{width:
|
|
9124
|
+
styles: [".card-wide-lib{width:inherit;padding:16px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.16)}.card-wide-lib .card-wide-img{width:190px;height:107px;border-radius:12px}.card-wide-lib .course_widget{margin-top:10px}.card-wide-lib .course_widget .mat-icon{vertical-align:middle;color:#ef951e!important}.card-wide-lib .course_widget .course_v2{border:1px solid #ef951e;padding:4px 8px;align-items:end;border-radius:16px}.card-wide-lib .course_widget .main_icon{font-size:16px;width:16px;height:16px}.card-wide-lib .course_logo_box{width:38px;height:38px;background:#fff;border-radius:8px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.card-wide-lib .course_logo_box img{height:28px;width:28px;padding:5px;display:inline-block}.card-wide-lib .course_logo_box p{display:inline-block;vertical-align:top}.card-wide-lib .org-text{font-size:12px;font-weight:400;width:75%;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}@media screen and (max-width:768px){.card-wide-img{width:147px;height:117px;border-radius:12px}}"]
|
|
9106
9125
|
}] }
|
|
9107
9126
|
];
|
|
9108
9127
|
/** @nocollapse */
|
|
@@ -9249,8 +9268,8 @@ var CardMDOChannelComponent = /** @class */ (function () {
|
|
|
9249
9268
|
CardMDOChannelComponent.decorators = [
|
|
9250
9269
|
{ type: Component, args: [{
|
|
9251
9270
|
selector: 'sb-uic-card-mdo-channel',
|
|
9252
|
-
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();$event.stopPropagation()\" role=\"link\"\n i18n-aria-label>\n <ng-container>\n <mat-card-content class=\"min-top\">\n <div class=\"flex flex-col h-full\">\n <div class=\"image-container\">\n <ng-container *ngIf=\"widgetData.content.posterImage\">\n <img mat-card-image [src]=\"widgetData.content.posterImage | pipePublicURL\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData.content.name\" />\n </ng-container>\n <ng-container *ngIf=\"!widgetData.content.posterImage\">\n <ng-container *ngIf=\"widgetData.content.appIcon; else defaultImg\">\n <img mat-card-image [src]=\"widgetData.content.appIcon | pipePublicURL\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData.content.name\" />\n </ng-container>\n <ng-template #defaultImg>\n <img mat-card-image [src]=\"defaultThumbnail\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\"\n [alt]=\"widgetData.content.name\" />\n </ng-template>\n </ng-container>\n </div>\n <div class=\"flex title-container px-2\">\n <div [id]=\"'m-c-'+ widgetData.content?.identifier\"\n class=\"flex-1 text-center mat-subheading-2 title-text ws-mat-black-text\">\n {{ widgetData.content.name }}\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </a>\n </ng-container>\n </div>\n</mat-card>",
|
|
9253
|
-
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:
|
|
9271
|
+
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();$event.stopPropagation()\" \n [routerLink]=\"['/app/learn/mdo-channels/asdfghj/123456/micro-sites']\" role=\"link\"\n i18n-aria-label>\n <ng-container>\n <mat-card-content class=\"min-top\">\n <div class=\"flex flex-col h-full\">\n <div class=\"image-container\">\n <ng-container *ngIf=\"widgetData.content.posterImage\">\n <img mat-card-image [src]=\"widgetData.content.posterImage | pipePublicURL\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData.content.name\" />\n </ng-container>\n <ng-container *ngIf=\"!widgetData.content.posterImage\">\n <ng-container *ngIf=\"widgetData.content.appIcon; else defaultImg\">\n <img mat-card-image [src]=\"widgetData.content.appIcon | pipePublicURL\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData.content.name\" />\n </ng-container>\n <ng-template #defaultImg>\n <img mat-card-image [src]=\"defaultThumbnail\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\"\n [alt]=\"widgetData.content.name\" />\n </ng-template>\n </ng-container>\n </div>\n <div class=\"flex title-container px-2\">\n <div [id]=\"'m-c-'+ widgetData.content?.identifier\"\n class=\"flex-1 text-center mat-subheading-2 title-text ws-mat-black-text\">\n {{ widgetData.content.name }}\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </a>\n </ng-container>\n </div>\n</mat-card>",
|
|
9272
|
+
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:0;background:#7faeff!important;border-radius:12px;padding:4px!important}.card-channels-container .min-top{background:inherit;margin-bottom:0;height:inherit}.card-channels-container .image-container{background-color:#fff;width:inherit;height:86px;max-height:86px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:12px}.card-channels-container .card-img{max-height:62px;min-height:62px;display:block;-o-object-fit:fill;object-fit:contain}.card-channels-container .mat-subheading-1{font:600 14px/24px Montserrat}.card-channels-container .title-container{background:inherit}.card-channels-container .description-text{position:relative;overflow:hidden;height:51px}.card-channels-container .title-text{word-break:break-all;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:48px}"]
|
|
9254
9273
|
}] }
|
|
9255
9274
|
];
|
|
9256
9275
|
/** @nocollapse */
|
|
@@ -9303,6 +9322,184 @@ if (false) {
|
|
|
9303
9322
|
CardMDOChannelComponent.prototype.configSvc;
|
|
9304
9323
|
}
|
|
9305
9324
|
|
|
9325
|
+
/**
|
|
9326
|
+
* @fileoverview added by tsickle
|
|
9327
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
9328
|
+
*/
|
|
9329
|
+
var CardWideV2Component = /** @class */ (function () {
|
|
9330
|
+
function CardWideV2Component(snackBar, events, translate, langtranslations, configSvc) {
|
|
9331
|
+
var _this = this;
|
|
9332
|
+
this.snackBar = snackBar;
|
|
9333
|
+
this.events = events;
|
|
9334
|
+
this.translate = translate;
|
|
9335
|
+
this.langtranslations = langtranslations;
|
|
9336
|
+
this.configSvc = configSvc;
|
|
9337
|
+
this.isCardLoading = false;
|
|
9338
|
+
this.contentData = new EventEmitter();
|
|
9339
|
+
this.isCardFlipped = false;
|
|
9340
|
+
this.showFlip = false;
|
|
9341
|
+
this.widgetType = 'df';
|
|
9342
|
+
this.widgetSubType = 'sdf';
|
|
9343
|
+
this.langtranslations.languageSelectedObservable.subscribe((/**
|
|
9344
|
+
* @return {?}
|
|
9345
|
+
*/
|
|
9346
|
+
function () {
|
|
9347
|
+
if (localStorage.getItem('websiteLanguage')) {
|
|
9348
|
+
_this.translate.setDefaultLang('en');
|
|
9349
|
+
/** @type {?} */
|
|
9350
|
+
var lang = (/** @type {?} */ (localStorage.getItem('websiteLanguage')));
|
|
9351
|
+
_this.translate.use(lang);
|
|
9352
|
+
}
|
|
9353
|
+
}));
|
|
9354
|
+
}
|
|
9355
|
+
/**
|
|
9356
|
+
* @return {?}
|
|
9357
|
+
*/
|
|
9358
|
+
CardWideV2Component.prototype.ngOnInit = /**
|
|
9359
|
+
* @return {?}
|
|
9360
|
+
*/
|
|
9361
|
+
function () {
|
|
9362
|
+
/** @type {?} */
|
|
9363
|
+
var instanceConfig = this.configSvc.instanceConfig;
|
|
9364
|
+
if (instanceConfig) {
|
|
9365
|
+
this.defaultThumbnail = instanceConfig.logos.defaultContent || '';
|
|
9366
|
+
this.sourceLogos = instanceConfig.sources;
|
|
9367
|
+
this.defaultSLogo = instanceConfig.logos.defaultSourceLogo || '';
|
|
9368
|
+
}
|
|
9369
|
+
else {
|
|
9370
|
+
this.defaultThumbnail = '/assets/instances/eagle/app_logos/default.png';
|
|
9371
|
+
this.defaultSLogo = '/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg';
|
|
9372
|
+
}
|
|
9373
|
+
};
|
|
9374
|
+
/**
|
|
9375
|
+
* @return {?}
|
|
9376
|
+
*/
|
|
9377
|
+
CardWideV2Component.prototype.showSnackbar = /**
|
|
9378
|
+
* @return {?}
|
|
9379
|
+
*/
|
|
9380
|
+
function () {
|
|
9381
|
+
if (this.showIntranetContent) {
|
|
9382
|
+
this.snackBar.open('Content is only available in intranet', 'X', { duration: 2000 });
|
|
9383
|
+
}
|
|
9384
|
+
else if (!this.isLiveOrMarkForDeletion) {
|
|
9385
|
+
this.snackBar.open('Content may be expired or deleted', 'X', { duration: 2000 });
|
|
9386
|
+
}
|
|
9387
|
+
};
|
|
9388
|
+
/**
|
|
9389
|
+
* @param {?} contentData
|
|
9390
|
+
* @return {?}
|
|
9391
|
+
*/
|
|
9392
|
+
CardWideV2Component.prototype.getRedirectUrlData = /**
|
|
9393
|
+
* @param {?} contentData
|
|
9394
|
+
* @return {?}
|
|
9395
|
+
*/
|
|
9396
|
+
function (contentData) {
|
|
9397
|
+
this.contentData.emit(contentData);
|
|
9398
|
+
};
|
|
9399
|
+
/**
|
|
9400
|
+
* @return {?}
|
|
9401
|
+
*/
|
|
9402
|
+
CardWideV2Component.prototype.raiseTelemetry = /**
|
|
9403
|
+
* @return {?}
|
|
9404
|
+
*/
|
|
9405
|
+
function () {
|
|
9406
|
+
// if(this.forPreview){
|
|
9407
|
+
// return
|
|
9408
|
+
// }
|
|
9409
|
+
this.events.raiseInteractTelemetry({
|
|
9410
|
+
type: 'click',
|
|
9411
|
+
subType: this.widgetType + "-" + this.widgetSubType,
|
|
9412
|
+
id: camelCase(this.widgetData.content.primaryCategory) + "-card",
|
|
9413
|
+
}, {
|
|
9414
|
+
id: this.widgetData.content.identifier,
|
|
9415
|
+
type: this.widgetData.content.primaryCategory,
|
|
9416
|
+
//context: this.widgetData.context,
|
|
9417
|
+
rollup: {},
|
|
9418
|
+
ver: "" + this.widgetData.content.version + '',
|
|
9419
|
+
}, {
|
|
9420
|
+
pageIdExt: camelCase(this.widgetData.content.primaryCategory) + "-card",
|
|
9421
|
+
module: camelCase(this.widgetData.content.primaryCategory),
|
|
9422
|
+
});
|
|
9423
|
+
};
|
|
9424
|
+
CardWideV2Component.decorators = [
|
|
9425
|
+
{ type: Component, args: [{
|
|
9426
|
+
selector: 'sb-uic-card-wide-v2',
|
|
9427
|
+
template: "<mat-card class=\"card-wide-v2 padding-remove position-relative flex\">\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\">\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 ws-mat-default-text margin-right-xs\" alt=\"Audio\" *ngIf=\"widgetData?.content?.mimeType === 'audio/mpeg'\">\n mic</mat-icon>\n\n <mat-icon class=\"mat-icon ws-mat-default-text margin-right-xs\" alt=\"Assessment\" *ngIf=\"widgetData?.content?.mimeType === 'application/json' || widgetData?.content?.mimeType === 'application/quiz'\">\n assessment</mat-icon>\n\n <mat-icon class=\"mat-icon ws-mat-default-text margin-right-xs\" alt=\"PDF\" *ngIf=\"widgetData?.content?.mimeType === 'application/pdf'\">\n picture_as_pdf</mat-icon>\n\n <mat-icon class=\"mat-icon ws-mat-default-text margin-right-xs\" alt=\"Video\" *ngIf=\"widgetData?.content?.mimeType === 'video/mp4' || widgetData?.content?.mimeType === 'video/x-youtube' || widgetData?.content?.mimeType === 'application/x-mpegURL'\">\n videocam</mat-icon>\n\n <mat-icon class=\"mat-icon main_icon ws-mat-default-text margin-right-xs\" alt=\"Course\" *ngIf=\"widgetData?.content?.mimeType === 'application/vnd.ekstep.content-collection'\">\n video_library\n </mat-icon>\n\n <mat-icon class=\"mat-icon main_icon ws-mat-default-text margin-right-xs\" alt=\"HTML\" *ngIf=\"widgetData?.content?.mimeType === 'application/vnd.ekstep.html-archive' || widgetData?.content?.mimeType === 'application/vnd.ekstep.ecml-archive' || widgetData?.content?.mimeType === 'text/x-url' || widgetData?.content?.mimeType === 'application/survey'\">\n attachment\n </mat-icon>\n\n <mat-icon class=\"mat-icon main_icon ws-mat-default-text margin-right-xs\" alt=\"Module\" *ngIf=\"widgetData?.content?.mimeType === 'image/jpeg' || widgetData?.content?.mimeType === 'image/png'\">\n image\n </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();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",
|
|
9428
|
+
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}.card-wide-v2 .title-text{word-break:break-all;white-space:initial;margin:8px 0 4px;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px}.card-wide-v2 .course_logo_box{width:30px;height:30px;background:#fff;border-radius:4px;box-sizing:border-box;border:1px solid rgba(0,0,0,.16)}.card-wide-v2 .course_logo_box img{height:28px;width:28px;display:inline-block;-o-object-fit:cover;object-fit:cover}.card-wide-v2 .course_logo_box p{display:inline-block;vertical-align:top}.card-wide-v2 .org-text{font-size:14px;font-weight:400;padding-left:10px;word-break:break-all;white-space:initial;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.card-wide-v2 .rating-session mat-icon{font-size:20px;height:20px;width:20px;color:#ef951e}.card-wide-v2 .rating-session .rating-number{font-size:14px}.card-wide-v2 .rating-session .most-enrolled-text{font-size:12px;padding:0 10px;background:#ffea9e;border-radius:4px}.card-wide-v2 .highlight_point_text{margin-top:15px}.card-wide-v2 ul.highlighting_list li{display:inline-block;padding-right:10px}.card-wide-v2 ul.highlighting_list li .rating-number{letter-spacing:0;color:#f69953}.card-wide-v2 ul.highlighting_list li.rating .mat-icon{width:16px;height:16px;display:inline-table;color:#f69953;font-size:18px;vertical-align:text-bottom}.card-wide-v2 img.text_seperator{vertical-align:middle}.card-wide-v2 .mat-text-box{padding:12px;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}}"]
|
|
9429
|
+
}] }
|
|
9430
|
+
];
|
|
9431
|
+
/** @nocollapse */
|
|
9432
|
+
CardWideV2Component.ctorParameters = function () { return [
|
|
9433
|
+
{ type: MatSnackBar },
|
|
9434
|
+
{ type: EventService },
|
|
9435
|
+
{ type: TranslateService },
|
|
9436
|
+
{ type: MultilingualTranslationsService },
|
|
9437
|
+
{ type: ConfigurationsService$1 }
|
|
9438
|
+
]; };
|
|
9439
|
+
CardWideV2Component.propDecorators = {
|
|
9440
|
+
widgetData: [{ type: Input }],
|
|
9441
|
+
isLiveOrMarkForDeletion: [{ type: Input }],
|
|
9442
|
+
showIntranetContent: [{ type: Input }],
|
|
9443
|
+
isIntranetAllowedSettings: [{ type: Input }],
|
|
9444
|
+
isCardLoading: [{ type: Input }],
|
|
9445
|
+
contentData: [{ type: Output }]
|
|
9446
|
+
};
|
|
9447
|
+
return CardWideV2Component;
|
|
9448
|
+
}());
|
|
9449
|
+
if (false) {
|
|
9450
|
+
/** @type {?} */
|
|
9451
|
+
CardWideV2Component.prototype.widgetData;
|
|
9452
|
+
/** @type {?} */
|
|
9453
|
+
CardWideV2Component.prototype.isLiveOrMarkForDeletion;
|
|
9454
|
+
/** @type {?} */
|
|
9455
|
+
CardWideV2Component.prototype.showIntranetContent;
|
|
9456
|
+
/** @type {?} */
|
|
9457
|
+
CardWideV2Component.prototype.isIntranetAllowedSettings;
|
|
9458
|
+
/** @type {?} */
|
|
9459
|
+
CardWideV2Component.prototype.isCardLoading;
|
|
9460
|
+
/** @type {?} */
|
|
9461
|
+
CardWideV2Component.prototype.contentData;
|
|
9462
|
+
/** @type {?} */
|
|
9463
|
+
CardWideV2Component.prototype.isCardFlipped;
|
|
9464
|
+
/** @type {?} */
|
|
9465
|
+
CardWideV2Component.prototype.defaultThumbnail;
|
|
9466
|
+
/** @type {?} */
|
|
9467
|
+
CardWideV2Component.prototype.sourceLogos;
|
|
9468
|
+
/** @type {?} */
|
|
9469
|
+
CardWideV2Component.prototype.defaultSLogo;
|
|
9470
|
+
/** @type {?} */
|
|
9471
|
+
CardWideV2Component.prototype.showFlip;
|
|
9472
|
+
/** @type {?} */
|
|
9473
|
+
CardWideV2Component.prototype.widgetType;
|
|
9474
|
+
/** @type {?} */
|
|
9475
|
+
CardWideV2Component.prototype.widgetSubType;
|
|
9476
|
+
/**
|
|
9477
|
+
* @type {?}
|
|
9478
|
+
* @private
|
|
9479
|
+
*/
|
|
9480
|
+
CardWideV2Component.prototype.snackBar;
|
|
9481
|
+
/**
|
|
9482
|
+
* @type {?}
|
|
9483
|
+
* @private
|
|
9484
|
+
*/
|
|
9485
|
+
CardWideV2Component.prototype.events;
|
|
9486
|
+
/**
|
|
9487
|
+
* @type {?}
|
|
9488
|
+
* @private
|
|
9489
|
+
*/
|
|
9490
|
+
CardWideV2Component.prototype.translate;
|
|
9491
|
+
/**
|
|
9492
|
+
* @type {?}
|
|
9493
|
+
* @private
|
|
9494
|
+
*/
|
|
9495
|
+
CardWideV2Component.prototype.langtranslations;
|
|
9496
|
+
/**
|
|
9497
|
+
* @type {?}
|
|
9498
|
+
* @private
|
|
9499
|
+
*/
|
|
9500
|
+
CardWideV2Component.prototype.configSvc;
|
|
9501
|
+
}
|
|
9502
|
+
|
|
9306
9503
|
/**
|
|
9307
9504
|
* @fileoverview added by tsickle
|
|
9308
9505
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
@@ -9318,7 +9515,8 @@ var CardsModule = /** @class */ (function () {
|
|
|
9318
9515
|
CardUserComponent,
|
|
9319
9516
|
CardLandscapeComponent,
|
|
9320
9517
|
CardWideComponent,
|
|
9321
|
-
CardMDOChannelComponent
|
|
9518
|
+
CardMDOChannelComponent,
|
|
9519
|
+
CardWideV2Component
|
|
9322
9520
|
],
|
|
9323
9521
|
imports: [
|
|
9324
9522
|
CommonModule,
|
|
@@ -9341,7 +9539,8 @@ var CardsModule = /** @class */ (function () {
|
|
|
9341
9539
|
CardLandscapeComponent,
|
|
9342
9540
|
CardUserComponent,
|
|
9343
9541
|
CardWideComponent,
|
|
9344
|
-
CardMDOChannelComponent
|
|
9542
|
+
CardMDOChannelComponent,
|
|
9543
|
+
CardWideV2Component
|
|
9345
9544
|
],
|
|
9346
9545
|
},] }
|
|
9347
9546
|
];
|
|
@@ -9433,6 +9632,8 @@ var CompetencyPassbookComponent = /** @class */ (function () {
|
|
|
9433
9632
|
this.contentSvc = contentSvc;
|
|
9434
9633
|
this.competencySvc = competencySvc;
|
|
9435
9634
|
this.router = router;
|
|
9635
|
+
this.cardDisplayCount = 3;
|
|
9636
|
+
this.dynamicAlignPills = 'center';
|
|
9436
9637
|
this.emptyResponse = new EventEmitter();
|
|
9437
9638
|
this.loadCometency = false;
|
|
9438
9639
|
this.loadCompetencyArea = false;
|
|
@@ -9450,7 +9651,6 @@ var CompetencyPassbookComponent = /** @class */ (function () {
|
|
|
9450
9651
|
* @return {?}
|
|
9451
9652
|
*/
|
|
9452
9653
|
function () {
|
|
9453
|
-
this.getCompetencyArea();
|
|
9454
9654
|
this.getAllCompetencies();
|
|
9455
9655
|
// this.competencyData = this.objectData
|
|
9456
9656
|
// this.filter(this.currentFilter)
|
|
@@ -9635,6 +9835,8 @@ var CompetencyPassbookComponent = /** @class */ (function () {
|
|
|
9635
9835
|
function (response) {
|
|
9636
9836
|
_this.allcompetencyTheme = {};
|
|
9637
9837
|
if (response && response.result && response.result.competency) {
|
|
9838
|
+
_this.originalCompetencyArray = response.result.competency;
|
|
9839
|
+
_this.getCompetencyArea();
|
|
9638
9840
|
response.result.competency.forEach((/**
|
|
9639
9841
|
* @param {?} element
|
|
9640
9842
|
* @return {?}
|
|
@@ -9667,7 +9869,8 @@ var CompetencyPassbookComponent = /** @class */ (function () {
|
|
|
9667
9869
|
*/
|
|
9668
9870
|
function (value, addFilter) {
|
|
9669
9871
|
return __awaiter(this, void 0, void 0, function () {
|
|
9670
|
-
var request, response, error_2;
|
|
9872
|
+
var request, response, competencyThemeData_1, error_2;
|
|
9873
|
+
var _this = this;
|
|
9671
9874
|
return __generator(this, function (_a) {
|
|
9672
9875
|
switch (_a.label) {
|
|
9673
9876
|
case 0:
|
|
@@ -9697,7 +9900,28 @@ var CompetencyPassbookComponent = /** @class */ (function () {
|
|
|
9697
9900
|
response = _a.sent();
|
|
9698
9901
|
if (response && response.results) {
|
|
9699
9902
|
if (response.results.result.facets) {
|
|
9700
|
-
|
|
9903
|
+
competencyThemeData_1 = response.results.result.facets[0].values;
|
|
9904
|
+
this.originalCompetencyArray.forEach((/**
|
|
9905
|
+
* @param {?} element
|
|
9906
|
+
* @return {?}
|
|
9907
|
+
*/
|
|
9908
|
+
function (element) {
|
|
9909
|
+
if (element.name.toLowerCase() === value) {
|
|
9910
|
+
_this.competencyTheme = competencyThemeData_1.filter((/**
|
|
9911
|
+
* @param {?} ele1
|
|
9912
|
+
* @return {?}
|
|
9913
|
+
*/
|
|
9914
|
+
function (ele1) {
|
|
9915
|
+
return element.children.find((/**
|
|
9916
|
+
* @param {?} ele2
|
|
9917
|
+
* @return {?}
|
|
9918
|
+
*/
|
|
9919
|
+
function (ele2) { return ele2.name.toLowerCase() === ele1.name.toLowerCase(); }));
|
|
9920
|
+
}));
|
|
9921
|
+
_this.showAllTheme = [{ name: 'Show all', showAll: false }];
|
|
9922
|
+
_this.competencyThemeLength = 6;
|
|
9923
|
+
}
|
|
9924
|
+
}));
|
|
9701
9925
|
this.resetViewMore();
|
|
9702
9926
|
}
|
|
9703
9927
|
this.loadCometency = false;
|
|
@@ -9766,7 +9990,7 @@ var CompetencyPassbookComponent = /** @class */ (function () {
|
|
|
9766
9990
|
CompetencyPassbookComponent.decorators = [
|
|
9767
9991
|
{ type: Component, args: [{
|
|
9768
9992
|
selector: 'sb-uic-competency-passbook',
|
|
9769
|
-
template: " <div class=\"competency-title\">{{objectData?.title}} \n <span class=\"competency-count\">\n ({{competencyStrength}})\n </span>\n</div>\n<div class=\"flex items-center justify-
|
|
9993
|
+
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>",
|
|
9770
9994
|
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}"]
|
|
9771
9995
|
}] }
|
|
9772
9996
|
];
|
|
@@ -9780,6 +10004,10 @@ var CompetencyPassbookComponent = /** @class */ (function () {
|
|
|
9780
10004
|
CompetencyPassbookComponent.propDecorators = {
|
|
9781
10005
|
objectData: [{ type: Input }],
|
|
9782
10006
|
providerId: [{ type: Input }],
|
|
10007
|
+
cardDisplayCount: [{ type: Input }],
|
|
10008
|
+
dynamicClass: [{ type: Input }],
|
|
10009
|
+
dynamicColor: [{ type: Input }],
|
|
10010
|
+
dynamicAlignPills: [{ type: Input }],
|
|
9783
10011
|
emptyResponse: [{ type: Output }]
|
|
9784
10012
|
};
|
|
9785
10013
|
return CompetencyPassbookComponent;
|
|
@@ -9790,12 +10018,22 @@ if (false) {
|
|
|
9790
10018
|
/** @type {?} */
|
|
9791
10019
|
CompetencyPassbookComponent.prototype.providerId;
|
|
9792
10020
|
/** @type {?} */
|
|
10021
|
+
CompetencyPassbookComponent.prototype.cardDisplayCount;
|
|
10022
|
+
/** @type {?} */
|
|
10023
|
+
CompetencyPassbookComponent.prototype.dynamicClass;
|
|
10024
|
+
/** @type {?} */
|
|
10025
|
+
CompetencyPassbookComponent.prototype.dynamicColor;
|
|
10026
|
+
/** @type {?} */
|
|
10027
|
+
CompetencyPassbookComponent.prototype.dynamicAlignPills;
|
|
10028
|
+
/** @type {?} */
|
|
9793
10029
|
CompetencyPassbookComponent.prototype.emptyResponse;
|
|
9794
10030
|
/** @type {?} */
|
|
9795
10031
|
CompetencyPassbookComponent.prototype.loadCometency;
|
|
9796
10032
|
/** @type {?} */
|
|
9797
10033
|
CompetencyPassbookComponent.prototype.loadCompetencyArea;
|
|
9798
10034
|
/** @type {?} */
|
|
10035
|
+
CompetencyPassbookComponent.prototype.originalCompetencyArray;
|
|
10036
|
+
/** @type {?} */
|
|
9799
10037
|
CompetencyPassbookComponent.prototype.competencyArea;
|
|
9800
10038
|
/** @type {?} */
|
|
9801
10039
|
CompetencyPassbookComponent.prototype.selectedValue;
|
|
@@ -9829,6 +10067,9 @@ var PillsComponent = /** @class */ (function () {
|
|
|
9829
10067
|
function PillsComponent() {
|
|
9830
10068
|
this.isLoading = false;
|
|
9831
10069
|
this.pillClick = new EventEmitter();
|
|
10070
|
+
this.dynamicClass = '';
|
|
10071
|
+
this.dynamicColor = '';
|
|
10072
|
+
this.requiredTitlecase = true;
|
|
9832
10073
|
}
|
|
9833
10074
|
/**
|
|
9834
10075
|
* @return {?}
|
|
@@ -9852,8 +10093,8 @@ var PillsComponent = /** @class */ (function () {
|
|
|
9852
10093
|
PillsComponent.decorators = [
|
|
9853
10094
|
{ type: Component, args: [{
|
|
9854
10095
|
selector: 'sb-uic-pills',
|
|
9855
|
-
template: "<ng-container *ngIf=\"!isLoading\">\n <mat-chip-list >\n <ng-container *ngFor=\"let pill of pillsData\">\n <mat-chip class=\"competency-chip\" (click)=\"selectedPill(pill)\" \n [ngClass]=\"{'active': selectedValue === pill?.name}\">\n <span class=\"pill-name\">{{pill?.name | titlecase}} <span *ngIf=\"pill?.count\">({{pill?.count}})</span></span>\n </mat-chip>\n </ng-container>\n </mat-chip-list>\n</ng-container>\n<ng-container *ngIf=\"isLoading\">\n <div class=\"flex gap-4\">\n <ng-container *ngFor=\"let pill of [0,1,2]\">\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded'\" [width]=\"'100px'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n </ng-container>\n </div>\n</ng-container>\n",
|
|
9856
|
-
styles: [".competency-chip{z-index:
|
|
10096
|
+
template: "<ng-container *ngIf=\"!isLoading\">\n <mat-chip-list >\n <ng-container *ngFor=\"let pill of pillsData\">\n <mat-chip class=\"competency-chip\" (click)=\"selectedPill(pill)\" [style.color]=\"dynamicColor\" [style.borderColor]=\"'#999999'\"\n [ngClass]=\"{'active': selectedValue === pill?.name}\">\n <span [style.color]=\"dynamicColor\" class=\"pill-name\" *ngIf=\"requiredTitlecase\">{{pill?.name | titlecase}} <span *ngIf=\"pill?.count\">({{pill?.count}})</span></span>\n <span [style.color]=\"dynamicColor\" class=\"pill-name\" *ngIf=\"!requiredTitlecase\">{{pill?.name }} <span *ngIf=\"pill?.count\">({{pill?.count}})</span></span>\n </mat-chip>\n </ng-container>\n </mat-chip-list>\n</ng-container>\n<ng-container *ngIf=\"isLoading\">\n <div class=\"flex gap-4\">\n <ng-container *ngFor=\"let pill of [0,1,2]\">\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded'\" [width]=\"'100px'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n </ng-container>\n </div>\n</ng-container>\n",
|
|
10097
|
+
styles: [".competency-chip{z-index:999;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!important;cursor:pointer}.competency-chip .pill-name{color:#fff}.active{background-color:#1b4ca1!important}.active .pill-name{color:#fff!important}"]
|
|
9857
10098
|
}] }
|
|
9858
10099
|
];
|
|
9859
10100
|
/** @nocollapse */
|
|
@@ -9862,7 +10103,10 @@ var PillsComponent = /** @class */ (function () {
|
|
|
9862
10103
|
pillsData: [{ type: Input }],
|
|
9863
10104
|
selectedValue: [{ type: Input }],
|
|
9864
10105
|
isLoading: [{ type: Input }],
|
|
9865
|
-
pillClick: [{ type: Output }]
|
|
10106
|
+
pillClick: [{ type: Output }],
|
|
10107
|
+
dynamicClass: [{ type: Input }],
|
|
10108
|
+
dynamicColor: [{ type: Input }],
|
|
10109
|
+
requiredTitlecase: [{ type: Input }]
|
|
9866
10110
|
};
|
|
9867
10111
|
return PillsComponent;
|
|
9868
10112
|
}());
|
|
@@ -9875,6 +10119,12 @@ if (false) {
|
|
|
9875
10119
|
PillsComponent.prototype.isLoading;
|
|
9876
10120
|
/** @type {?} */
|
|
9877
10121
|
PillsComponent.prototype.pillClick;
|
|
10122
|
+
/** @type {?} */
|
|
10123
|
+
PillsComponent.prototype.dynamicClass;
|
|
10124
|
+
/** @type {?} */
|
|
10125
|
+
PillsComponent.prototype.dynamicColor;
|
|
10126
|
+
/** @type {?} */
|
|
10127
|
+
PillsComponent.prototype.requiredTitlecase;
|
|
9878
10128
|
}
|
|
9879
10129
|
|
|
9880
10130
|
/**
|
|
@@ -10916,5 +11166,5 @@ var UserContentRatingLibModule = /** @class */ (function () {
|
|
|
10916
11166
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
10917
11167
|
*/
|
|
10918
11168
|
|
|
10919
|
-
export { AnnouncementsModule, CalenderModule, CardsModule, CommonMethodsService, CommonStripModule, CompetencyPassbookModule, ConsumptionComponent, ConsumptionModule, ConsumptionService, ContentStripWithTabsLibModule, DataPointsModule, HttpLoaderFactory, MyHammerConfig, ROOT_WIDGET_CONFIG, SlidersLibModule, UserContentRatingLibModule, WIDGET_REGISTERED_LIB_MODULES, WIDGET_REGISTRATION_LIB_CONFIG, ContentStripWithTabsLibComponent as ɵa, WidgetContentService as ɵb, CardMDOChannelComponent as ɵba,
|
|
11169
|
+
export { AnnouncementsModule, CalenderModule, CardsModule, CommonMethodsService, CommonStripModule, CompetencyPassbookModule, ConsumptionComponent, ConsumptionModule, ConsumptionService, ContentStripWithTabsLibModule, DataPointsModule, HttpLoaderFactory, MyHammerConfig, ROOT_WIDGET_CONFIG, SlidersLibModule, UserContentRatingLibModule, WIDGET_REGISTERED_LIB_MODULES, WIDGET_REGISTRATION_LIB_CONFIG, ContentStripWithTabsLibComponent as ɵa, WidgetContentService as ɵb, CardMDOChannelComponent as ɵba, CardWideV2Component as ɵbb, PipePublicURLModule as ɵbc, PipePublicURL as ɵbd, DisplayContentTypeLibModule as ɵbe, DisplayContentTypeLibComponent as ɵbf, DefaultThumbnailModule as ɵbg, DefaultThumbnailDirective as ɵbh, PipeDurationTransformModule as ɵbi, PipeDurationTransformPipe as ɵbj, CompetencyPassbookComponent as ɵbk, CompetencyPassbookService as ɵbl, PillsModule as ɵbm, PillsComponent as ɵbn, UserContentRatingLibComponent as ɵbo, ScrollableItemDirective as ɵbp, RatingService as ɵbq, UserContentRatingLibService as ɵbr, AvatarPhotoLibModule as ɵbs, AvatarPhotoLibComponent as ɵbt, MyHammerConfig$1 as ɵbu, SlidersNgContentLibModule as ɵbv, SlidersNgContentLibComponent as ɵbw, ScrollableItemModule as ɵbx, WidgetUserService as ɵc, MultilingualTranslationsService as ɵd, ConfigurationsService as ɵe, HorizontalScrollerV2Module as ɵf, HorizontalScrollerV2Component as ɵg, SlidersLibComponent as ɵh, NavigationModule as ɵi, NavigationDirective as ɵj, ImageResponsiveModule as ɵk, ImageResponsiveDirective as ɵl, DataPointsComponent as ɵm, InsiteDataService as ɵn, SkeletonLoaderLibModule as ɵo, SkeletonLoaderLibComponent as ɵp, CalenderComponent as ɵq, CalenderDayComponent as ɵr, CommonStripComponent as ɵs, AnnouncementsComponent as ɵt, CardResourceComponent as ɵu, CardsComponent as ɵv, CardPortraitComponent as ɵw, CardUserComponent as ɵx, CardLandscapeComponent as ɵy, CardWideComponent as ɵz };
|
|
10920
11170
|
//# sourceMappingURL=sunbird-cb-consumption.js.map
|