@sunbird-cb/consumption 0.0.29 → 0.0.31
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 +10 -6
- 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 +2 -2
- 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 +2 -2
- 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 +10 -6
- package/fesm2015/sunbird-cb-consumption.js.map +1 -1
- package/fesm5/sunbird-cb-consumption.js +10 -6
- 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
|
@@ -8880,6 +8880,7 @@ var PipePublicURLModule = /** @class */ (function () {
|
|
|
8880
8880
|
var DisplayContentTypeLibComponent = /** @class */ (function () {
|
|
8881
8881
|
function DisplayContentTypeLibComponent(langtranslations) {
|
|
8882
8882
|
this.langtranslations = langtranslations;
|
|
8883
|
+
this.useTranslation = true;
|
|
8883
8884
|
this.displayContentType = NsContent.EDisplayContentTypes.DEFAULT;
|
|
8884
8885
|
this.displayContentTypeEnum = NsContent.EDisplayContentTypes;
|
|
8885
8886
|
}
|
|
@@ -8907,7 +8908,7 @@ var DisplayContentTypeLibComponent = /** @class */ (function () {
|
|
|
8907
8908
|
DisplayContentTypeLibComponent.decorators = [
|
|
8908
8909
|
{ type: Component, args: [{
|
|
8909
8910
|
selector: 'sb-uic-display-content-type',
|
|
8910
|
-
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
|
|
8911
|
+
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",
|
|
8911
8912
|
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}"]
|
|
8912
8913
|
}] }
|
|
8913
8914
|
];
|
|
@@ -8916,11 +8917,14 @@ var DisplayContentTypeLibComponent = /** @class */ (function () {
|
|
|
8916
8917
|
{ type: MultilingualTranslationsService }
|
|
8917
8918
|
]; };
|
|
8918
8919
|
DisplayContentTypeLibComponent.propDecorators = {
|
|
8920
|
+
useTranslation: [{ type: Input }],
|
|
8919
8921
|
displayContentType: [{ type: Input }]
|
|
8920
8922
|
};
|
|
8921
8923
|
return DisplayContentTypeLibComponent;
|
|
8922
8924
|
}());
|
|
8923
8925
|
if (false) {
|
|
8926
|
+
/** @type {?} */
|
|
8927
|
+
DisplayContentTypeLibComponent.prototype.useTranslation;
|
|
8924
8928
|
/** @type {?} */
|
|
8925
8929
|
DisplayContentTypeLibComponent.prototype.displayContentType;
|
|
8926
8930
|
/** @type {?} */
|
|
@@ -9448,7 +9452,7 @@ var CardLandscapeComponent = /** @class */ (function () {
|
|
|
9448
9452
|
CardLandscapeComponent.decorators = [
|
|
9449
9453
|
{ type: Component, args: [{
|
|
9450
9454
|
selector: 'sb-uic-card-landscape',
|
|
9451
|
-
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>",
|
|
9455
|
+
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>",
|
|
9452
9456
|
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)}}"]
|
|
9453
9457
|
}] }
|
|
9454
9458
|
];
|
|
@@ -9786,7 +9790,7 @@ var CardMDOChannelComponent = /** @class */ (function () {
|
|
|
9786
9790
|
{ type: Component, args: [{
|
|
9787
9791
|
selector: 'sb-uic-card-mdo-channel',
|
|
9788
9792
|
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>",
|
|
9789
|
-
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:
|
|
9793
|
+
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}}"]
|
|
9790
9794
|
}] }
|
|
9791
9795
|
];
|
|
9792
9796
|
/** @nocollapse */
|
|
@@ -10131,8 +10135,8 @@ var CardKarmaProgramsComponent = /** @class */ (function () {
|
|
|
10131
10135
|
CardKarmaProgramsComponent.decorators = [
|
|
10132
10136
|
{ type: Component, args: [{
|
|
10133
10137
|
selector: 'sb-uic-card-karma-programs',
|
|
10134
|
-
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
|
|
10135
|
-
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:
|
|
10138
|
+
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 && widgetData?.content?.imgSource?.length; else defaultImg\">\n <img mat-card-image [src]=\"widgetData?.content?.imgSource[0] | 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>",
|
|
10139
|
+
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}"]
|
|
10136
10140
|
}] }
|
|
10137
10141
|
];
|
|
10138
10142
|
/** @nocollapse */
|
|
@@ -10305,7 +10309,7 @@ var CardKarmaProgramsV2Component = /** @class */ (function () {
|
|
|
10305
10309
|
CardKarmaProgramsV2Component.decorators = [
|
|
10306
10310
|
{ type: Component, args: [{
|
|
10307
10311
|
selector: 'sb-uic-card-karma-programs-v2',
|
|
10308
|
-
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
|
|
10312
|
+
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 && widgetData?.content?.imgSource?.length; else defaultImg\">\n <img mat-card-image [src]=\"widgetData?.content?.imgSource[0] | 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>",
|
|
10309
10313
|
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}}"]
|
|
10310
10314
|
}] }
|
|
10311
10315
|
];
|