@sunbird-cb/consumption 0.0.28 → 0.0.30
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 +11 -8
- 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 +3 -3
- package/esm2015/lib/_common/cards/card-karma-programs-v2/card-karma-programs-v2.component.js +3 -4
- package/esm2015/lib/_common/cards/card-landscape/card-landscape.component.js +2 -2
- package/esm2015/lib/_common/cards/card-mdo-channel/card-mdo-channel.component.js +1 -1
- package/esm2015/lib/_common/display-content-type-lib/display-content-type-lib.component.js +6 -2
- package/esm5/lib/_common/cards/card-karma-programs/card-karma-programs.component.js +3 -3
- package/esm5/lib/_common/cards/card-karma-programs-v2/card-karma-programs-v2.component.js +3 -4
- package/esm5/lib/_common/cards/card-landscape/card-landscape.component.js +2 -2
- package/esm5/lib/_common/cards/card-mdo-channel/card-mdo-channel.component.js +1 -1
- package/esm5/lib/_common/display-content-type-lib/display-content-type-lib.component.js +6 -2
- package/fesm2015/sunbird-cb-consumption.js +11 -8
- package/fesm2015/sunbird-cb-consumption.js.map +1 -1
- package/fesm5/sunbird-cb-consumption.js +11 -8
- package/fesm5/sunbird-cb-consumption.js.map +1 -1
- package/lib/_common/display-content-type-lib/display-content-type-lib.component.d.ts +1 -0
- package/package.json +1 -1
- package/sunbird-cb-consumption.metadata.json +1 -1
|
@@ -9086,6 +9086,7 @@
|
|
|
9086
9086
|
var DisplayContentTypeLibComponent = /** @class */ (function () {
|
|
9087
9087
|
function DisplayContentTypeLibComponent(langtranslations) {
|
|
9088
9088
|
this.langtranslations = langtranslations;
|
|
9089
|
+
this.useTranslation = true;
|
|
9089
9090
|
this.displayContentType = NsContent.EDisplayContentTypes.DEFAULT;
|
|
9090
9091
|
this.displayContentTypeEnum = NsContent.EDisplayContentTypes;
|
|
9091
9092
|
}
|
|
@@ -9113,7 +9114,7 @@
|
|
|
9113
9114
|
DisplayContentTypeLibComponent.decorators = [
|
|
9114
9115
|
{ type: core.Component, args: [{
|
|
9115
9116
|
selector: 'sb-uic-display-content-type',
|
|
9116
|
-
template: "<ng-container *ngIf=\"displayContentType\">\n <span [ngSwitch]=\"displayContentType\" class=\"content-type-class\">\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.ASSESSMENT\" i18n>Assessment</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.AUDIO\" i18n>Audio</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.CHANNEL\" i18n>Channel</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.CERTIFICATION\" i18n\n >Certification</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.CLASS_DIAGRAM\" i18n\n >Class Diagram</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.COURSE\" i18n>Course</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.DEFAULT\" i18n>Content</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.DRAG_DROP\" i18n>Drag & Drop</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.EXTERNAL_CERTIFICATION\" i18n\n >External Certification</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.EXTERNAL_COURSE\" i18n\n >External Course</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.HANDS_ON\" i18n>Hands-On</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.IAP\" i18n>Hands-On Assessment</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.INSTRUCTOR_LED\" i18n\n >Instructor-Led</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.INTERACTIVE_VIDEO\" i18n\n >Interactive Video</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.KNOWLEDGE_ARTIFACT\" i18n\n >Knowledge Artifact</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.KNOWLEDGE_BOARD\" i18n\n >Knowledge Board</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.LEARNING_JOURNEY\" i18n\n >Learning Journey</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.MODULE\" i18n>Module</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.PDF\" i18n>Pdf</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.PROGRAM\" i18n>Program</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.QUIZ\" i18n>Quiz</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.RESOURCE\" i18n>Resource</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.VIDEO\" i18n>Video</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.WEB_MODULE\" i18n>Web Module</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.WEB_PAGE\" i18n>Web Page</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.YOUTUBE\" i18n>Youtube</ng-container>\n <ng-container *ngSwitchDefault i18n
|
|
9117
|
+
template: "<ng-container *ngIf=\"displayContentType\">\n <span [ngSwitch]=\"displayContentType\" class=\"content-type-class\">\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.ASSESSMENT\" i18n>Assessment</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.AUDIO\" i18n>Audio</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.CHANNEL\" i18n>Channel</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.CERTIFICATION\" i18n\n >Certification</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.CLASS_DIAGRAM\" i18n\n >Class Diagram</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.COURSE\" i18n>Course</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.DEFAULT\" i18n>Content</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.DRAG_DROP\" i18n>Drag & Drop</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.EXTERNAL_CERTIFICATION\" i18n\n >External Certification</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.EXTERNAL_COURSE\" i18n\n >External Course</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.HANDS_ON\" i18n>Hands-On</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.IAP\" i18n>Hands-On Assessment</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.INSTRUCTOR_LED\" i18n\n >Instructor-Led</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.INTERACTIVE_VIDEO\" i18n\n >Interactive Video</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.KNOWLEDGE_ARTIFACT\" i18n\n >Knowledge Artifact</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.KNOWLEDGE_BOARD\" i18n\n >Knowledge Board</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.LEARNING_JOURNEY\" i18n\n >Learning Journey</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.MODULE\" i18n>Module</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.PDF\" i18n>Pdf</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.PROGRAM\" i18n>Program</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.QUIZ\" i18n>Quiz</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.RESOURCE\" i18n>Resource</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.VIDEO\" i18n>Video</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.WEB_MODULE\" i18n>Web Module</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.WEB_PAGE\" i18n>Web Page</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.YOUTUBE\" i18n>Youtube</ng-container>\n <ng-container *ngSwitchDefault i18n>\n <span *ngIf=\"useTranslation\">\n {{ translateLabels(displayContentType, 'searchfilters') }}\n </span>\n <span *ngIf=\"!useTranslation\">\n {{ displayContentType }}\n </span>\n </ng-container>\n </span>\n </ng-container>\n<!-- <ng-container *ngIf=\"displayContentType\">{{displayContentType}}</ng-container> -->\n<!-- <span [ngSwitch]=\"displayContentType\">\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.ASSESSMENT\" i18n>Assessment</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.AUDIO\" i18n>Audio</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.CHANNEL\" i18n>Channel</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.CERTIFICATION\" i18n\n >Certification</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.CLASS_DIAGRAM\" i18n\n >Class Diagram</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.COURSE\" i18n>Course</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.DEFAULT\" i18n>Content</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.DRAG_DROP\" i18n>Drag & Drop</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.EXTERNAL_CERTIFICATION\" i18n\n >External Certification</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.EXTERNAL_COURSE\" i18n\n >External Course</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.HANDS_ON\" i18n>Hands-On</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.IAP\" i18n>Hands-On Assessment</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.INSTRUCTOR_LED\" i18n\n >Instructor-Led</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.INTERACTIVE_VIDEO\" i18n\n >Interactive Video</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.KNOWLEDGE_ARTIFACT\" i18n\n >Knowledge Artifact</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.KNOWLEDGE_BOARD\" i18n\n >Knowledge Board</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.LEARNING_JOURNEY\" i18n\n >Learning Journey</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.MODULE\" i18n>Module</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.PDF\" i18n>Pdf</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.PROGRAM\" i18n>Program</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.QUIZ\" i18n>Quiz</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.RESOURCE\" i18n>Resource</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.VIDEO\" i18n>Video</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.WEB_MODULE\" i18n>Web Module</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.WEB_PAGE\" i18n>Web Page</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.YOUTUBE\" i18n>Youtube</ng-container>\n <ng-container *ngSwitchDefault i18n>Content</ng-container>\n</span> -->\n",
|
|
9117
9118
|
styles: [".content-type-class{color:rgba(0,0,0,.87);word-break:break-all;white-space:initial;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}"]
|
|
9118
9119
|
}] }
|
|
9119
9120
|
];
|
|
@@ -9122,11 +9123,14 @@
|
|
|
9122
9123
|
{ type: MultilingualTranslationsService }
|
|
9123
9124
|
]; };
|
|
9124
9125
|
DisplayContentTypeLibComponent.propDecorators = {
|
|
9126
|
+
useTranslation: [{ type: core.Input }],
|
|
9125
9127
|
displayContentType: [{ type: core.Input }]
|
|
9126
9128
|
};
|
|
9127
9129
|
return DisplayContentTypeLibComponent;
|
|
9128
9130
|
}());
|
|
9129
9131
|
if (false) {
|
|
9132
|
+
/** @type {?} */
|
|
9133
|
+
DisplayContentTypeLibComponent.prototype.useTranslation;
|
|
9130
9134
|
/** @type {?} */
|
|
9131
9135
|
DisplayContentTypeLibComponent.prototype.displayContentType;
|
|
9132
9136
|
/** @type {?} */
|
|
@@ -9654,7 +9658,7 @@
|
|
|
9654
9658
|
CardLandscapeComponent.decorators = [
|
|
9655
9659
|
{ type: core.Component, args: [{
|
|
9656
9660
|
selector: 'sb-uic-card-landscape',
|
|
9657
|
-
template: "<ng-container *ngIf=\"!isCardLoading\">\n <a class=\"cursor-pointer\" (click)=\"raiseTelemetry(widgetData?.content);getRedirectUrlData(widgetData?.content); $event.stopPropagation()\" \n role=\"link\" i18n-aria-label>\n <mat-card class=\"card-portrait mr-2 card-portrait-clickable min-height-remove\" [ngClass]=\"widgetData.cardCustomeClass ? widgetData.cardCustomeClass : ''\">\n <div class=\"course_widget portrait_widget flex margin-bottom-xs\">\n <div class=\"flex flex-end flex-middle course_port\">\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 class=\"flex\">\n <div class=\"margin-right-s\">\n <ng-container *ngIf=\"widgetData?.content?.posterImage\">\n <div class=\" img-block-portrait position-relative\">\n <img mat-card-image [src]=\"widgetData?.content?.posterImage | pipePublicURL\" loading=\"lazy\"\n class=\"card-image ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData.content.name\" />\n <div class=\"duration-box right-corner-portrait\" *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\">\n {{ (widgetData?.content?.duration || 120)| pipeDurationTransform: 'hms' }}\n </span>\n </div>\n <div class=\"duration-box right-corner-portrait\" *ngIf=\"widgetData?.content?.programDuration > 0\">\n <mat-icon class=\"mat-icon main_icon mr-1\">access_time</mat-icon>\n <span class=\" ws-mat-white-text duration\">\n {{widgetData?.content?.programDuration}} {{widgetData?.content?.programDuration === 1 ? 'day' : 'days'}}\n </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 </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-image 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-image ws-mat-primary-lite-background margin-remove\"\n [alt]=\"widgetData?.content?.name\" />\n </ng-template>\n </ng-container>\n </div>\n <div class=\"width-1-1\">\n <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n class=\"portrait-subheading mat-subheading-2 title-text\">\n {{ widgetData?.content?.name }}\n </div>\n <div class=\"flex w-full flex-middle\">\n <div class=\"portrait_course_logo_box margin-right-xs\">\n <img [src]=\"widgetData?.content?.creatorLogo | pipePublicURL \" class=\"source-icon\" loading=\"lazy\" [wsUtilsDefaultThumbnail]=\"defaultSLogo\"\n [alt]=\"(widgetData?.content?.sourceName + '_' + widgetData?.content?.identifier)\" />\n </div>\n <!-- <span class=\"portrait-org-name font-normal mat-caption\">{{'cardcontentv2.by' | translate}} {{ (widgetData.content.organisation && widgetData.content.organisation[0]) ? widgetData.content.organisation[0] : 'Karmayogi Bharat' }}</span> -->\n </div>\n\n <div class=\"flex flex-middle rating-session margin-top-xs\">\n <div class=\"flex flex-middle\" *ngIf=\"widgetData?.content?.avgRating\">\n <mat-icon class=\"mr-1\">star</mat-icon>\n <span>{{widgetData.content.avgRating}}</span>\n </div>\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 </div>\n </mat-card>\n </a>\n</ng-container>\n\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\n<ng-container *ngIf=\"isCardLoading\">\n <mat-card class=\"card-portrait mr-2 card-portrait-clickable\" [ngClass]=\"widgetData.cardCustomeClass ? widgetData.cardCustomeClass : ''\">\n <div class=\"flex\">\n <div class=\"margin-right-s\">\n <ng-container>\n <sb-uic-skeleton-loader [width]=\"'147px'\" [height]=\"'100px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </ng-container>\n </div>\n <div class=\"width-1-1\">\n <div class=\"portrait-subheading title-text\">\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded width-1-1'\"></sb-uic-skeleton-loader>\n </div>\n <div class=\"flex w-full flex-wrap flex-middle\">\n <sb-uic-skeleton-loader [width]=\"'24px'\" [height]=\"'24px'\" [bindingClass]=\"'flex rounded margin-right-xs'\"></sb-uic-skeleton-loader>\n <sb-uic-skeleton-loader [width]=\"'100px'\" [height]=\"'12px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n <div class=\"portrait_widget flex margin-top-xs\">\n <div class=\"flex flex-end flex-middle\">\n <sb-uic-skeleton-loader [width]=\"'65px'\" [height]=\"'12px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n </div>\n </div>\n </mat-card>\n</ng-container>",
|
|
9661
|
+
template: "<ng-container *ngIf=\"!isCardLoading\">\n <a class=\"cursor-pointer\" (click)=\"raiseTelemetry(widgetData?.content);getRedirectUrlData(widgetData?.content); $event.stopPropagation()\" \n role=\"link\" i18n-aria-label>\n <mat-card class=\"card-portrait mr-2 card-portrait-clickable min-height-remove\" [ngClass]=\"widgetData.cardCustomeClass ? widgetData.cardCustomeClass : ''\">\n <div class=\"course_widget portrait_widget flex margin-bottom-xs\">\n <div class=\"flex flex-end flex-middle course_port\">\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 \" [useTranslation]=\"false\" [displayContentType]=\"widgetData.content?.primaryCategory==='Course Unit'\n ?'Module'\n :widgetData.content?.primaryCategory\">\n </sb-uic-display-content-type>\n </div>\n </div>\n <div class=\"flex\">\n <div class=\"margin-right-s\">\n <ng-container *ngIf=\"widgetData?.content?.posterImage\">\n <div class=\" img-block-portrait position-relative\">\n <img mat-card-image [src]=\"widgetData?.content?.posterImage | pipePublicURL\" loading=\"lazy\"\n class=\"card-image ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData.content.name\" />\n <div class=\"duration-box right-corner-portrait\" *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\">\n {{ (widgetData?.content?.duration || 120)| pipeDurationTransform: 'hms' }}\n </span>\n </div>\n <div class=\"duration-box right-corner-portrait\" *ngIf=\"widgetData?.content?.programDuration > 0\">\n <mat-icon class=\"mat-icon main_icon mr-1\">access_time</mat-icon>\n <span class=\" ws-mat-white-text duration\">\n {{widgetData?.content?.programDuration}} {{widgetData?.content?.programDuration === 1 ? 'day' : 'days'}}\n </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 </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-image 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-image ws-mat-primary-lite-background margin-remove\"\n [alt]=\"widgetData?.content?.name\" />\n </ng-template>\n </ng-container>\n </div>\n <div class=\"width-1-1\">\n <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n class=\"portrait-subheading mat-subheading-2 title-text\">\n {{ widgetData?.content?.name }}\n </div>\n <div class=\"flex w-full flex-middle\">\n <div class=\"portrait_course_logo_box margin-right-xs\">\n <img [src]=\"widgetData?.content?.creatorLogo | pipePublicURL \" class=\"source-icon\" loading=\"lazy\" [wsUtilsDefaultThumbnail]=\"defaultSLogo\"\n [alt]=\"(widgetData?.content?.sourceName + '_' + widgetData?.content?.identifier)\" />\n </div>\n <!-- <span class=\"portrait-org-name font-normal mat-caption\">{{'cardcontentv2.by' | translate}} {{ (widgetData.content.organisation && widgetData.content.organisation[0]) ? widgetData.content.organisation[0] : 'Karmayogi Bharat' }}</span> -->\n </div>\n\n <div class=\"flex flex-middle rating-session margin-top-xs\">\n <div class=\"flex flex-middle\" *ngIf=\"widgetData?.content?.avgRating\">\n <mat-icon class=\"mr-1\">star</mat-icon>\n <span>{{widgetData.content.avgRating}}</span>\n </div>\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 </div>\n </mat-card>\n </a>\n</ng-container>\n\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\n<ng-container *ngIf=\"isCardLoading\">\n <mat-card class=\"card-portrait mr-2 card-portrait-clickable\" [ngClass]=\"widgetData.cardCustomeClass ? widgetData.cardCustomeClass : ''\">\n <div class=\"flex\">\n <div class=\"margin-right-s\">\n <ng-container>\n <sb-uic-skeleton-loader [width]=\"'147px'\" [height]=\"'100px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </ng-container>\n </div>\n <div class=\"width-1-1\">\n <div class=\"portrait-subheading title-text\">\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded width-1-1'\"></sb-uic-skeleton-loader>\n </div>\n <div class=\"flex w-full flex-wrap flex-middle\">\n <sb-uic-skeleton-loader [width]=\"'24px'\" [height]=\"'24px'\" [bindingClass]=\"'flex rounded margin-right-xs'\"></sb-uic-skeleton-loader>\n <sb-uic-skeleton-loader [width]=\"'100px'\" [height]=\"'12px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n <div class=\"portrait_widget flex margin-top-xs\">\n <div class=\"flex flex-end flex-middle\">\n <sb-uic-skeleton-loader [width]=\"'65px'\" [height]=\"'12px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n </div>\n </div>\n </mat-card>\n</ng-container>",
|
|
9658
9662
|
styles: [".card-portrait{border-radius:12px;border:1px solid rgba(0,0,0,.08);opacity:1;width:350px;min-height:154px;padding:16px}.card-portrait .img-block-portrait{line-height:10px}.card-portrait .card-image{border-radius:8px;opacity:1;background-size:100%;width:147px;height:100px}.card-portrait .portrait-subheading{opacity:1;color:rgba(0,0,0,.87);font-weight:700;font-style:normal;letter-spacing:.25px;text-align:left;word-break:break-word;white-space:initial;margin:0 0 8px;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px}.card-portrait .portrait_course_logo_box img{padding:3px;display:inline-block;width:24px;height:24px;border:1px solid #d6d6d6;border-radius:4px;box-sizing:border-box}.card-portrait span.portrait-org-name{width:75%;word-break:break-all;white-space:initial;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.card-portrait .portrait_widget{align-items:center;margin-top:0}.card-portrait .portrait_widget .course_port{border:1px solid #ef951e;padding:4px 8px;align-items:center;border-radius:16px}.card-portrait .portrait_widget .video-icon{opacity:1;color:#ef951e;width:15px;height:15px;font-size:15px}.card-portrait .portrait_widget .portrait-category{color:rgba(0,0,0,.6)!important;font-size:.75rem;opacity:1;font-family:Lato-Regular;font-weight:400;font-style:normal;letter-spacing:.25px;text-align:left;line-height:20px}.card-portrait .progress-wrapper .progress-block{width:60%}.card-portrait .progress-wrapper .progress-block .completed-time{color:#ef951e;display:flex;padding:8px 0}.card-portrait .progress-wrapper .progress-block .completed-time mat-icon{width:1rem;height:1rem;font-size:1rem}.card-portrait .progress-wrapper .progress-block .completed-time span{opacity:1;color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:.75rem;font-weight:400;font-style:normal;letter-spacing:.25px;text-align:left;line-height:16px}.card-portrait .progress-wrapper .progress-btn .resume-btn{opacity:1;color:#fff;font-family:Lato-Bold;font-size:14px;font-weight:700;font-style:normal;letter-spacing:.5px;text-align:left;line-height:20px;background:#1a4ca1;border-radius:63px;padding:6px 16px;border:none;width:100%;cursor:pointer}.card-portrait .progress-wrapper .progress-btn .resume-btn .textwrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:82px}.card-portrait .progress-wrapper .progress-btn .resume-btn:hover{background-color:#253379}.card-portrait .progress-bar-new{color:#ef951e!important;height:10px;border-radius:5px}.card-portrait .rating-session mat-icon{font-size:20px;height:20px;width:20px;color:#ef951e}.card-portrait .rating-session .rating-number{font-size:14px}.card-portrait .rating-session .most-enrolled-text{font-size:10px;font-weight:400;padding:4px;background:#ffea9e;border-radius:4px;line-height:12px}.card-portrait .right-corner-portrait{right:8px;bottom:8px}.card-portrait-clickable{min-height:146px!important}.card-portrait-clickable .right-corner-portrait{right:8px;bottom:8px}.card-portrait-clickable:hover{transform:scale(1.02)}.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}@media only screen and (max-width:768px){.card-portrait{width:calc(100vw - 66px)}.card-wide-v2{min-height:356px}.card-wide-v2 .imageholder img{border-radius:12px 12px 0 0!important}.cbpwidth{width:calc(100vw - 100px)}}"]
|
|
9659
9663
|
}] }
|
|
9660
9664
|
];
|
|
@@ -9992,7 +9996,7 @@
|
|
|
9992
9996
|
{ type: core.Component, args: [{
|
|
9993
9997
|
selector: 'sb-uic-card-mdo-channel',
|
|
9994
9998
|
template: "<mat-card class=\"channels-card card-channels-container mr-5 padding-remove cursor-pointer\">\n <div class=\"display-contents\">\n <ng-container *ngIf=\"widgetData.content\">\n <a (click)=\"raiseTelemetry(widgetData.content); redirectTo(widgetData.content); $event.stopPropagation()\"\n i18n-aria-label>\n <ng-container>\n <mat-card-content class=\"min-top\">\n <div class=\"flex flex-col h-full\">\n <div class=\"image-container\">\n <ng-container *ngIf=\"widgetData.content.posterImage\">\n <img mat-card-image [src]=\"widgetData.content.posterImage | pipePublicURL\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData.content.name\" />\n </ng-container>\n <ng-container *ngIf=\"!widgetData.content.posterImage\">\n <ng-container *ngIf=\"widgetData.content.imgUrl; else defaultImg\">\n <img mat-card-image [src]=\"widgetData.content.imgUrl | 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?.orgName }}\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </a>\n </ng-container>\n </div>\n</mat-card>",
|
|
9995
|
-
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:
|
|
9999
|
+
styles: [".card-channels-container{position:relative;width:282px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;min-height:156px;height:156px;max-height:156px;margin:20px 8px;background:#7faeff!important;border-radius:12px;padding:4px!important}.card-channels-container .min-top{background:inherit;margin-bottom:0;height:inherit}.card-channels-container .image-container{background-color:#fff;width:inherit;height:86px;max-height:86px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:12px}.card-channels-container .card-img{max-height:62px;min-height:62px;display:block;-o-object-fit:fill;object-fit:contain}.card-channels-container .mat-subheading-1{font:600 14px/24px Montserrat}.card-channels-container .title-container{background:inherit}.card-channels-container .description-text{position:relative;overflow:hidden;height:51px}.card-channels-container .title-text{word-break:break-all;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:48px}@media screen and (max-width:768px){.card-channels-container{width:100%;margin:0}}"]
|
|
9996
10000
|
}] }
|
|
9997
10001
|
];
|
|
9998
10002
|
/** @nocollapse */
|
|
@@ -10337,8 +10341,8 @@
|
|
|
10337
10341
|
CardKarmaProgramsComponent.decorators = [
|
|
10338
10342
|
{ type: core.Component, args: [{
|
|
10339
10343
|
selector: 'sb-uic-card-karma-programs',
|
|
10340
|
-
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
|
|
10341
|
-
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:
|
|
10344
|
+
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-col h-full\">\n <div class=\"image-container\">\n <ng-container *ngIf=\"widgetData?.content?.posterImage\">\n <img mat-card-image [src]=\"widgetData?.content?.posterImage | pipePublicURL\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData?.content?.title\" />\n </ng-container>\n <ng-container *ngIf=\"!widgetData?.content?.posterImage\">\n <ng-container *ngIf=\"widgetData?.content?.imgSource; else defaultImg\">\n <img mat-card-image [src]=\"widgetData?.content?.imgSource | pipePublicURL\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData?.content?.title\" />\n </ng-container>\n <ng-template #defaultImg>\n <img mat-card-image [src]=\"defaultThumbnail\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\"\n [alt]=\"widgetData?.content?.title\" />\n </ng-template>\n </ng-container>\n </div>\n <div class=\"title-container\">\n <div class=\"flex px-2\">\n <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n class=\"flex-1 text-start mat-subheading-2 title-text ws-mat-white-text\">\n {{ widgetData?.content?.title }}\n </div>\n </div>\n <div class=\"flex px-2\">\n <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n class=\"flex-1 text-start margin-remove margin-top-xxs mat-subheading-2 title-text ws-mat-white-text\">\n {{ widgetData?.content?.children?.length}} Programs\n </div>\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </a>\n </ng-container>\n </div>\n</mat-card>",
|
|
10345
|
+
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}"]
|
|
10342
10346
|
}] }
|
|
10343
10347
|
];
|
|
10344
10348
|
/** @nocollapse */
|
|
@@ -10494,8 +10498,7 @@
|
|
|
10494
10498
|
*/
|
|
10495
10499
|
function (content) {
|
|
10496
10500
|
this.raiseTemeletry.emit(content);
|
|
10497
|
-
|
|
10498
|
-
this.router.navigate(['/app/learn/karma-programs/India%20post/0132593267437813768program/0132593267437813768/micro-sites']);
|
|
10501
|
+
this.router.navigate(["/app/learn/karma-programs/" + content.title + "/" + content.playListKey + "/" + content.orgId + "/micro-sites"]);
|
|
10499
10502
|
};
|
|
10500
10503
|
Object.defineProperty(CardKarmaProgramsV2Component.prototype, "getRandomColors", {
|
|
10501
10504
|
get: /**
|
|
@@ -10512,7 +10515,7 @@
|
|
|
10512
10515
|
CardKarmaProgramsV2Component.decorators = [
|
|
10513
10516
|
{ type: core.Component, args: [{
|
|
10514
10517
|
selector: 'sb-uic-card-karma-programs-v2',
|
|
10515
|
-
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
|
|
10518
|
+
template: "<mat-card class=\"channels-card card-channels-container mr-5 padding-remove cursor-pointer\" [ngStyle]=\"{'background': widgetData?.content?.bgColor}\">\n <div class=\"display-contents\">\n <ng-container *ngIf=\"widgetData?.content\">\n <a (click)=\"redirectTo(widgetData?.content);$event.stopPropagation()\">\n <ng-container>\n <mat-card-content class=\"min-top\">\n <div class=\"flex flex-row md:flex-col h-full\">\n <div class=\"image-container\">\n <ng-container *ngIf=\"widgetData?.content?.posterImage\">\n <img mat-card-image [src]=\"widgetData?.content?.posterImage | pipePublicURL\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData?.content?.title\" />\n </ng-container>\n <ng-container *ngIf=\"!widgetData?.content?.posterImage\">\n <ng-container *ngIf=\"widgetData?.content?.imgSource; else defaultImg\">\n <img mat-card-image [src]=\"widgetData?.content?.imgSource | pipePublicURL\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData?.content?.title\" />\n </ng-container>\n <ng-template #defaultImg>\n <img mat-card-image [src]=\"defaultThumbnail\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\"\n [alt]=\"widgetData?.content?.title\" />\n </ng-template>\n </ng-container>\n </div>\n <div class=\"flex items-center\">\n <div class=\"title-container\">\n <div class=\"flex px-2\">\n <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n class=\"flex-1 text-start mat-subheading-2 title-text ws-mat-white-text\">\n {{ widgetData?.content?.title }}\n </div>\n </div>\n <div class=\"flex px-2\">\n <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n class=\"flex-1 text-start margin-remove margin-top-xxs mat-subheading-2 title-text ws-mat-white-text\">\n {{ widgetData?.content?.children?.length}} Programs\n </div>\n </div>\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </a>\n </ng-container>\n </div>\n</mat-card>",
|
|
10516
10519
|
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:190px;height:106px;max-height:106px;border-radius:12px}}"]
|
|
10517
10520
|
}] }
|
|
10518
10521
|
];
|