@sunbird-cb/consumption 0.0.46 → 0.0.48

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.
Files changed (40) hide show
  1. package/bundles/sunbird-cb-consumption.umd.js +287 -2511
  2. package/bundles/sunbird-cb-consumption.umd.js.map +1 -1
  3. package/bundles/sunbird-cb-consumption.umd.min.js +1 -1
  4. package/bundles/sunbird-cb-consumption.umd.min.js.map +1 -1
  5. package/esm2015/lib/_common/cards/card-assessment/card-assessment/card-assessment.component.js +25 -25
  6. package/esm2015/lib/_common/cards/card-landscape/card-landscape.component.js +2 -2
  7. package/esm2015/lib/_common/cards/card-mdo-channel/card-mdo-channel.component.js +7 -3
  8. package/esm2015/lib/_common/cards/card-mdo-channel-v1/card-mdo-channel-v1.component.js +7 -3
  9. package/esm2015/lib/_common/cards/card-portrait/card-portrait.component.js +2 -2
  10. package/esm2015/lib/_common/cards/card-portrait-ext/card-portrait-ext.component.js +2 -2
  11. package/esm2015/lib/_common/cards/card-progress-portrait-lib/card-progress-portrait-lib.component.js +2 -2
  12. package/esm2015/lib/_common/cards/cards.component.js +2 -2
  13. package/esm2015/lib/_common/cards/provider-card/provider-card.component.js +49 -136
  14. package/esm2015/lib/_common/content-strip-with-tabs-lib/content-strip-with-tabs-lib.component.js +97 -9
  15. package/esm2015/lib/_common/strips/content-strip-with-tabs-pills/content-strip-with-tabs-pills.component.js +42 -1223
  16. package/esm2015/lib/_common/strips/content-strip-with-tabs-pills/content-strip-with-tabs-pills.model.js +12 -12
  17. package/esm5/lib/_common/cards/card-assessment/card-assessment/card-assessment.component.js +27 -30
  18. package/esm5/lib/_common/cards/card-landscape/card-landscape.component.js +2 -2
  19. package/esm5/lib/_common/cards/card-mdo-channel/card-mdo-channel.component.js +7 -3
  20. package/esm5/lib/_common/cards/card-mdo-channel-v1/card-mdo-channel-v1.component.js +7 -3
  21. package/esm5/lib/_common/cards/card-portrait/card-portrait.component.js +2 -2
  22. package/esm5/lib/_common/cards/card-portrait-ext/card-portrait-ext.component.js +2 -2
  23. package/esm5/lib/_common/cards/card-progress-portrait-lib/card-progress-portrait-lib.component.js +2 -2
  24. package/esm5/lib/_common/cards/cards.component.js +2 -2
  25. package/esm5/lib/_common/cards/provider-card/provider-card.component.js +50 -137
  26. package/esm5/lib/_common/content-strip-with-tabs-lib/content-strip-with-tabs-lib.component.js +97 -10
  27. package/esm5/lib/_common/strips/content-strip-with-tabs-pills/content-strip-with-tabs-pills.component.js +111 -2338
  28. package/esm5/lib/_common/strips/content-strip-with-tabs-pills/content-strip-with-tabs-pills.model.js +12 -12
  29. package/fesm2015/sunbird-cb-consumption.js +288 -1462
  30. package/fesm2015/sunbird-cb-consumption.js.map +1 -1
  31. package/fesm5/sunbird-cb-consumption.js +287 -2511
  32. package/fesm5/sunbird-cb-consumption.js.map +1 -1
  33. package/lib/_common/cards/card-assessment/card-assessment/card-assessment.component.d.ts +4 -1
  34. package/lib/_common/cards/card-mdo-channel/card-mdo-channel.component.d.ts +1 -0
  35. package/lib/_common/cards/card-mdo-channel-v1/card-mdo-channel-v1.component.d.ts +1 -0
  36. package/lib/_common/cards/provider-card/provider-card.component.d.ts +9 -7
  37. package/lib/_common/strips/content-strip-with-tabs-pills/content-strip-with-tabs-pills.component.d.ts +17 -58
  38. package/lib/_common/strips/content-strip-with-tabs-pills/content-strip-with-tabs-pills.model.d.ts +2 -2
  39. package/package.json +1 -1
  40. package/sunbird-cb-consumption.metadata.json +1 -1
package/fesm5/sunbird-cb-consumption.js CHANGED
@@ -4217,9 +4217,15 @@ var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
4217
4217
  var tabResults_1 = [];
4218
4218
  /** @type {?} */
4219
4219
  var queryParams = get(strip.request.enrollmentList, 'queryParams');
4220
+ // if (queryParams && queryParams.batchDetails) {
4221
+ // if (!queryParams.batchDetails.includes('&retiredCoursesEnabled=true')) {
4222
+ // queryParams.batchDetails += '&retiredCoursesEnabled=true'
4223
+ // }
4224
+ // }
4220
4225
  if (this.configSvc.userProfile) {
4221
4226
  userId = this.configSvc.userProfile.userId;
4222
4227
  }
4228
+ // this.userSvc.resetTime('enrollmentService')
4223
4229
  // tslint:disable-next-line: deprecation
4224
4230
  this.userSvc.fetchUserBatchList(userId, queryParams).subscribe((/**
4225
4231
  * @param {?} result
@@ -4361,14 +4367,55 @@ var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
4361
4367
  /** @type {?} */
4362
4368
  var inprogress = [];
4363
4369
  /** @type {?} */
4364
- var completed = [];
4370
+ var completed = []
4371
+ // array.forEach((e: any, idx: number, arr: any[]) => (customFilter(e, idx, arr) ? inprogress : completed).push(e))
4372
+ ;
4373
+ // array.forEach((e: any, idx: number, arr: any[]) => (customFilter(e, idx, arr) ? inprogress : completed).push(e))
4365
4374
  array.forEach((/**
4366
4375
  * @param {?} e
4367
4376
  * @param {?} idx
4368
4377
  * @param {?} arr
4369
4378
  * @return {?}
4370
4379
  */
4371
- function (e, idx, arr) { return (customFilter(e, idx, arr) ? inprogress : completed).push(e); }));
4380
+ function (e, idx, arr) {
4381
+ /** @type {?} */
4382
+ var status = e.status ? ((/** @type {?} */ (e.status))).toLowerCase() : '';
4383
+ /** @type {?} */
4384
+ var statusRetired = status === 'retired';
4385
+ if (customFilter(e, idx, arr)) {
4386
+ if (!statusRetired) {
4387
+ inprogress.push(e);
4388
+ }
4389
+ }
4390
+ else {
4391
+ completed.push(e);
4392
+ }
4393
+ }));
4394
+ // Sort the completed array with 'Live' status first and 'Retired' status second
4395
+ completed.sort((/**
4396
+ * @param {?} a
4397
+ * @param {?} b
4398
+ * @return {?}
4399
+ */
4400
+ function (a, b) {
4401
+ /** @type {?} */
4402
+ var statusA = a.status ? a.status.toLowerCase() : '';
4403
+ /** @type {?} */
4404
+ var statusB = b.status ? b.status.toLowerCase() : '';
4405
+ if (statusA === 'live' && statusB !== 'live') {
4406
+ return -1;
4407
+ }
4408
+ if (statusA !== 'live' && statusB === 'live') {
4409
+ return 1;
4410
+ }
4411
+ if (statusA === 'retired' && statusB !== 'retired') {
4412
+ return 1;
4413
+ }
4414
+ if (statusA !== 'retired' && statusB === 'retired') {
4415
+ return -1;
4416
+ }
4417
+ return 0;
4418
+ }));
4372
4419
  return [
4373
4420
  { value: 'inprogress', widgets: this.transformContentsToWidgets(inprogress, strip) },
4374
4421
  { value: 'completed', widgets: this.transformContentsToWidgets(completed, strip) }
@@ -4483,17 +4530,41 @@ var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
4483
4530
  this.enrollmentMapData = JSON.parse(localStorage.getItem('enrollmentMapData') || '{}');
4484
4531
  /** @type {?} */
4485
4532
  var filteredArray_1 = [];
4533
+ /** @type {?} */
4534
+ var now_1 = new Date().getTime();
4486
4535
  content.forEach((/**
4487
4536
  * @param {?} data
4488
4537
  * @return {?}
4489
4538
  */
4490
4539
  function (data) {
4491
4540
  if (_this.enrollmentMapData[data.identifier]) {
4492
- data['batch'] = _this.enrollmentMapData[data.identifier].batch;
4493
- data['completionPercentage'] = _this.enrollmentMapData[data.identifier].completionPercentage;
4494
- filteredArray_1.push(data);
4541
+ if (_this.enrollmentMapData[data.identifier].batch) {
4542
+ /** @type {?} */
4543
+ var enrollData = _this.enrollmentMapData[data.identifier].batch;
4544
+ /** @type {?} */
4545
+ var endDateTime = new Date((enrollData.endDate) + "T" + enrollData.endTime);
4546
+ /** @type {?} */
4547
+ var timeDuration = endDateTime.getTime() - now_1;
4548
+ if (timeDuration > 0) {
4549
+ data['batch'] = _this.enrollmentMapData[data.identifier].batch;
4550
+ data['completionPercentage'] = _this.enrollmentMapData[data.identifier].completionPercentage;
4551
+ filteredArray_1.push(data);
4552
+ }
4553
+ }
4495
4554
  }
4496
4555
  }));
4556
+ filteredArray_1 = filteredArray_1.sort((/**
4557
+ * @param {?} a
4558
+ * @param {?} b
4559
+ * @return {?}
4560
+ */
4561
+ function (a, b) {
4562
+ /** @type {?} */
4563
+ var dateA = new Date(a.batch.startDate || 0);
4564
+ /** @type {?} */
4565
+ var dateB = new Date(b.batch.startDate || 0);
4566
+ return dateB - dateA;
4567
+ }));
4497
4568
  this.processStrip(strip, this.transformContentsToWidgets(filteredArray_1, strip), 'done', calculateParentStatus, viewMoreUrl);
4498
4569
  clearInterval(this.enrollInterval);
4499
4570
  }
@@ -5721,7 +5792,15 @@ var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
5721
5792
  */
5722
5793
  function (results) {
5723
5794
  /** @type {?} */
5724
- var showViewMore = Boolean(results.result.data && results.result.data.orgList.length > 5 && strip.stripConfig && strip.stripConfig.postCardForSearch);
5795
+ var showViewMore;
5796
+ if (results.result.data) {
5797
+ showViewMore = Boolean(results.result.data && results.result.data.orgList.length > 5 && strip.stripConfig && strip.stripConfig.postCardForSearch);
5798
+ }
5799
+ else if (results.result.content) {
5800
+ /** @type {?} */
5801
+ var featuredProvider = JSON.parse(results.result.content.featuredProviders || '[]');
5802
+ showViewMore = Boolean(featuredProvider && featuredProvider.length > 5 && strip.stripConfig && strip.stripConfig.postCardForSearch);
5803
+ }
5725
5804
  /** @type {?} */
5726
5805
  var viewMoreUrl = showViewMore
5727
5806
  ? {
@@ -5777,6 +5856,9 @@ var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
5777
5856
  formedUrl = apiUrl.replace('<playlistKey>', this.providerId + id);
5778
5857
  formedUrl = formedUrl.replace('<orgID>', this.providerId);
5779
5858
  }
5859
+ else if (apiUrl.indexOf('<doId>') >= 0) {
5860
+ formedUrl = apiUrl.replace('<doId>', this.environment.providerDataKey);
5861
+ }
5780
5862
  return formedUrl;
5781
5863
  };
5782
5864
  /**
@@ -5963,7 +6045,7 @@ var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
5963
6045
  function (strip, calculateParentStatus) {
5964
6046
  if (calculateParentStatus === void 0) { calculateParentStatus = true; }
5965
6047
  return __awaiter(this, void 0, void 0, function () {
5966
- var originalFilters, response, content, error_9;
6048
+ var originalFilters, response, content, featuredProviders, error_9;
5967
6049
  return __generator(this, function (_a) {
5968
6050
  switch (_a.label) {
5969
6051
  case 0:
@@ -5982,7 +6064,13 @@ var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
5982
6064
  response = _a.sent();
5983
6065
  if (response && response.results.result.content) {
5984
6066
  content = response.results.result.content;
5985
- this.processStrip(strip, this.transformAllContentsToWidgets(content, strip), 'done', calculateParentStatus, response);
6067
+ if (strip.key === 'providers') {
6068
+ featuredProviders = JSON.parse(content.featuredProviders || '[]');
6069
+ this.processStrip(strip, this.transformAllContentsToWidgets(featuredProviders, strip), 'done', calculateParentStatus, response);
6070
+ }
6071
+ else {
6072
+ this.processStrip(strip, this.transformAllContentsToWidgets(content, strip), 'done', calculateParentStatus, response);
6073
+ }
5986
6074
  }
5987
6075
  else {
5988
6076
  this.processStrip(strip, [], 'error', calculateParentStatus, null);
@@ -6016,7 +6104,6 @@ var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
6016
6104
  switch (_a.label) {
6017
6105
  case 0:
6018
6106
  if (!(strip.request && strip.request.ciosContent && Object.keys(strip.request.ciosContent).length)) return [3 /*break*/, 4];
6019
- debugger;
6020
6107
  originalFilters = [];
6021
6108
  if (strip.request &&
6022
6109
  strip.request.ciosContent &&
@@ -8802,7 +8889,7 @@ var CardsComponent = /** @class */ (function (_super) {
8802
8889
  CardsComponent.decorators = [
8803
8890
  { type: Component, args: [{
8804
8891
  selector: 'sb-uic-cards',
8805
- 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-skeleton'\" [ngTemplateOutlet]=\"cardWideV2Skeleton\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-mdo-lib'\" [ngTemplateOutlet]=\"cardMdo\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-mdo-home-lib'\" [ngTemplateOutlet]=\"cardMdoHome\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-mdo-lib-skeleton'\" [ngTemplateOutlet]=\"cardMdoSkeleton\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-scheduled-assessment'\" [ngTemplateOutlet]=\"cardScheduledAssessment\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-scheduled-assessment-skeleton'\" [ngTemplateOutlet]=\"cardScheduledAssessmentSkelton\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-karma-program-lib'\" [ngTemplateOutlet]=\"cardKarmaProgram\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-karma-program-lib-skeleton'\" [ngTemplateOutlet]=\"cardKarmaProgramSkeleton\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-progress-portrait-lib'\" [ngTemplateOutlet]=\"cardProgressLib\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-progress-portrait-lib-skeleton'\" [ngTemplateOutlet]=\"cardProgressLibSkeleton\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-karma-program-lib-v2'\" [ngTemplateOutlet]=\"cardKarmaProgramV2\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-karma-program-lib-v2-skeleton'\" [ngTemplateOutlet]=\"cardKarmaProgramV2\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-providers-lib'\" [ngTemplateOutlet]=\"cardProvider\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-portrait-ext-lib-skeleton'\" [ngTemplateOutlet]=\"cardPortraitExtLibSkeleton\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-portrait-ext-lib'\" [ngTemplateOutlet]=\"cardPortraitExtLib\"></ng-container>\n\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 \n [cbPlanMapData]=\"cbPlanMapData\"\n (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\" \n [cbPlanMapData]=\"cbPlanMapData\" [isCardLoading]=\"true\"></sb-uic-card-landscape>\n</ng-template>\n<ng-template #cardLandscapeLib>\n <sb-uic-card-landscape\n (contentData)=\"getRedirectUrlData($event)\"\n (triggerTelemetry)=\"raiseCardClick($event)\"\n [widgetData]=\"widgetData\"\n [cbPlanMapData]=\"cbPlanMapData\"\n [isCardLoading]=\"false\">\n </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 #cardWideV2Skeleton>\n <sb-uic-card-wide-v2 [widgetData]=\"widgetData\" [isCardLoading]=\"true\" ></sb-uic-card-wide-v2>\n</ng-template>\n<ng-template #cardWideV2>\n <sb-uic-card-wide-v2\n (contentData)=\"getRedirectUrlData($event)\"\n (triggerTelemetry)=\"raiseCardClick($event)\"\n [cbPlanMapData]=\"cbPlanMapData\"\n [isCardLoading]=\"false\"\n [widgetData]=\"widgetData\">\n </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<ng-template #cardMdoHome>\n <sb-uic-card-mdo-channel-v1 [widgetData]=\"widgetData\"></sb-uic-card-mdo-channel-v1>\n</ng-template>\n<ng-template #cardMdo>\n <sb-uic-card-mdo-channel [widgetData]=\"widgetData\"></sb-uic-card-mdo-channel>\n</ng-template>\n<ng-template #cardMdoSkeleton>\n <sb-uic-card-mdo-channel [widgetData]=\"widgetData\"></sb-uic-card-mdo-channel>\n</ng-template>\n<ng-template #cardKarmaProgramSkeleton>\n <sb-uic-card-karma-programs [randomColorApply]=\"true\" \n [isCardLoading]=\"true\" [widgetData]=\"widgetData\"></sb-uic-card-karma-programs>\n</ng-template>\n<ng-template #cardKarmaProgram>\n <sb-uic-card-karma-programs [randomColorApply]=\"true\" \n [isCardLoading]=\"false\" [widgetData]=\"widgetData\"></sb-uic-card-karma-programs>\n</ng-template>\n<ng-template #cardScheduledAssessmentSkelton>\n <sb-uic-card-assessment [widgetData]=\"widgetData\" [isCardLoading]=\"true\"></sb-uic-card-assessment>\n</ng-template>\n<ng-template #cardScheduledAssessment>\n <sb-uic-card-assessment [widgetData]=\"widgetData\" (contentData)=\"getRedirectUrlData($event)\" [isCardLoading]=\"false\" [enrollmentMapData]=\"enrollmentMapData\"></sb-uic-card-assessment>\n</ng-template>\n<ng-template #cardProgressLibSkeleton>\n <sb-uic-card-progress-portrait-lib \n [isCardLoading]=\"true\" [widgetData]=\"widgetData\"></sb-uic-card-progress-portrait-lib>\n</ng-template>\n<ng-template #cardProgressLib>\n <sb-uic-card-progress-portrait-lib \n [isCardLoading]=\"false\" (contentData)=\"getRedirectUrlData($event)\" [widgetData]=\"widgetData\"></sb-uic-card-progress-portrait-lib>\n</ng-template>\n<ng-template #cardKarmaProgramV2>\n <!-- <sb-uic-card-karma-programs-v2 [widgetData]=\"widgetData\"><sb-uic-card-karma-programs-v2> -->\n</ng-template>\n<ng-template #cardProvider>\n <sb-uic-provider-card ></sb-uic-provider-card>\n</ng-template>\n\n<!-- cios card -->\n<ng-template #cardPortraitExtLibSkeleton>\n <sb-uic-card-portrait-ext [widgetData]=\"widgetData\" [isCardLoading]=\"true\"></sb-uic-card-portrait-ext>\n</ng-template>\n<ng-template #cardPortraitExtLib>\n <sb-uic-card-portrait-ext \n [cbPlanMapData]=\"cbPlanMapData\"\n (contentData)=\"getRedirectUrlData($event)\" [widgetData]=\"widgetData\" [isCardLoading]=\"false\"></sb-uic-card-portrait-ext>\n</ng-template>\n",
8892
+ 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-skeleton'\" [ngTemplateOutlet]=\"cardWideV2Skeleton\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-mdo-lib'\" [ngTemplateOutlet]=\"cardMdo\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-mdo-home-lib'\" [ngTemplateOutlet]=\"cardMdoHome\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-mdo-home-lib-skeleton'\" [ngTemplateOutlet]=\"cardMdoHomeSkeleton\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-mdo-lib-skeleton'\" [ngTemplateOutlet]=\"cardMdoSkeleton\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-scheduled-assessment'\" [ngTemplateOutlet]=\"cardScheduledAssessment\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-scheduled-assessment-skeleton'\" [ngTemplateOutlet]=\"cardScheduledAssessmentSkelton\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-karma-program-lib'\" [ngTemplateOutlet]=\"cardKarmaProgram\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-karma-program-lib-skeleton'\" [ngTemplateOutlet]=\"cardKarmaProgramSkeleton\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-progress-portrait-lib'\" [ngTemplateOutlet]=\"cardProgressLib\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-progress-portrait-lib-skeleton'\" [ngTemplateOutlet]=\"cardProgressLibSkeleton\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-karma-program-lib-v2'\" [ngTemplateOutlet]=\"cardKarmaProgramV2\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-karma-program-lib-v2-skeleton'\" [ngTemplateOutlet]=\"cardKarmaProgramV2\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-providers-lib'\" [ngTemplateOutlet]=\"cardProvider\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-providers-lib-skeleton'\" [ngTemplateOutlet]=\"cardProviderSkeleton\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-portrait-ext-lib-skeleton'\" [ngTemplateOutlet]=\"cardPortraitExtLibSkeleton\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-portrait-ext-lib'\" [ngTemplateOutlet]=\"cardPortraitExtLib\"></ng-container>\n\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 \n [cbPlanMapData]=\"cbPlanMapData\"\n (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\" \n [cbPlanMapData]=\"cbPlanMapData\" [isCardLoading]=\"true\"></sb-uic-card-landscape>\n</ng-template>\n<ng-template #cardLandscapeLib>\n <sb-uic-card-landscape\n (contentData)=\"getRedirectUrlData($event)\"\n (triggerTelemetry)=\"raiseCardClick($event)\"\n [widgetData]=\"widgetData\"\n [cbPlanMapData]=\"cbPlanMapData\"\n [isCardLoading]=\"false\">\n </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 #cardWideV2Skeleton>\n <sb-uic-card-wide-v2 [widgetData]=\"widgetData\" [isCardLoading]=\"true\" ></sb-uic-card-wide-v2>\n</ng-template>\n<ng-template #cardWideV2>\n <sb-uic-card-wide-v2\n (contentData)=\"getRedirectUrlData($event)\"\n (triggerTelemetry)=\"raiseCardClick($event)\"\n [cbPlanMapData]=\"cbPlanMapData\"\n [isCardLoading]=\"false\"\n [widgetData]=\"widgetData\">\n </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<ng-template #cardMdoHome>\n <sb-uic-card-mdo-channel-v1 [isCardLoading]=\"false\" [widgetData]=\"widgetData\"></sb-uic-card-mdo-channel-v1>\n</ng-template>\n<ng-template #cardMdoHomeSkeleton>\n <sb-uic-card-mdo-channel-v1 [isCardLoading]=\"true\" [widgetData]=\"widgetData\"></sb-uic-card-mdo-channel-v1>\n</ng-template>\n<ng-template #cardMdo>\n <sb-uic-card-mdo-channel [isCardLoading]=\"true\" [widgetData]=\"widgetData\"></sb-uic-card-mdo-channel>\n</ng-template>\n<ng-template #cardMdoSkeleton>\n <sb-uic-card-mdo-channel [isCardLoading]=\"true\" [widgetData]=\"widgetData\"></sb-uic-card-mdo-channel>\n</ng-template>\n<ng-template #cardKarmaProgramSkeleton>\n <sb-uic-card-karma-programs [randomColorApply]=\"true\" \n [isCardLoading]=\"true\" [widgetData]=\"widgetData\"></sb-uic-card-karma-programs>\n</ng-template>\n<ng-template #cardKarmaProgram>\n <sb-uic-card-karma-programs [randomColorApply]=\"true\" \n [isCardLoading]=\"false\" [widgetData]=\"widgetData\"></sb-uic-card-karma-programs>\n</ng-template>\n<ng-template #cardScheduledAssessmentSkelton>\n <sb-uic-card-assessment [widgetData]=\"widgetData\" [isCardLoading]=\"true\"></sb-uic-card-assessment>\n</ng-template>\n<ng-template #cardScheduledAssessment>\n <sb-uic-card-assessment [widgetData]=\"widgetData\" (contentData)=\"getRedirectUrlData($event)\" [isCardLoading]=\"false\" [enrollmentMapData]=\"enrollmentMapData\"></sb-uic-card-assessment>\n</ng-template>\n<ng-template #cardProgressLibSkeleton>\n <sb-uic-card-progress-portrait-lib \n [isCardLoading]=\"true\" [widgetData]=\"widgetData\"></sb-uic-card-progress-portrait-lib>\n</ng-template>\n<ng-template #cardProgressLib>\n <sb-uic-card-progress-portrait-lib \n [isCardLoading]=\"false\" (contentData)=\"getRedirectUrlData($event)\" [widgetData]=\"widgetData\"></sb-uic-card-progress-portrait-lib>\n</ng-template>\n<ng-template #cardKarmaProgramV2>\n <!-- <sb-uic-card-karma-programs-v2 [widgetData]=\"widgetData\"><sb-uic-card-karma-programs-v2> -->\n</ng-template>\n<ng-template #cardProvider>\n <sb-uic-provider-card [isCardLoading]=\"false\" [widgetData]=\"widgetData\"></sb-uic-provider-card>\n</ng-template>\n<ng-template #cardProviderSkeleton>\n <sb-uic-provider-card [isCardLoading]=\"true\" [widgetData]=\"widgetData\"></sb-uic-provider-card>\n</ng-template>\n\n<!-- cios card -->\n<ng-template #cardPortraitExtLibSkeleton>\n <sb-uic-card-portrait-ext [widgetData]=\"widgetData\" [isCardLoading]=\"true\"></sb-uic-card-portrait-ext>\n</ng-template>\n<ng-template #cardPortraitExtLib>\n <sb-uic-card-portrait-ext \n [cbPlanMapData]=\"cbPlanMapData\"\n (contentData)=\"getRedirectUrlData($event)\" [widgetData]=\"widgetData\" [isCardLoading]=\"false\"></sb-uic-card-portrait-ext>\n</ng-template>\n",
8806
8893
  styles: [""]
8807
8894
  }] }
8808
8895
  ];
@@ -8967,7 +9054,7 @@ var CardPortraitComponent = /** @class */ (function () {
8967
9054
  CardPortraitComponent.decorators = [
8968
9055
  { type: Component, args: [{
8969
9056
  selector: 'sb-uic-card-portrait',
8970
- template: "<ng-container *ngIf=\"!isCardLoading\">\n <mat-card class=\"card-standard-container mr-5 padding-remove cursor-pointer {{widgetData?.cardCustomeClass}}\" [ngClass]=\"{\n greyOut:\n widgetData.deletedMode === 'greyOut' && !isLiveOrMarkForDeletion\n ? true\n : widgetData?.intranetMode === 'greyOut' && showIntranetContent\n }\" (click)=\"(showIntranetContent || !isLiveOrMarkForDeletion) && showSnackbar()\">\n <div class=\"display-contents\" [ngClass]=\"{\n disableClick:\n widgetData.deletedMode === 'greyOut' && !isLiveOrMarkForDeletion\n ? true\n : widgetData?.intranetMode === 'greyOut' && showIntranetContent\n }\">\n <ng-container *ngIf=\"widgetData.content\">\n <a (click)=\"getRedirectUrlData(widgetData?.content); $event.stopPropagation()\"\n role=\"link\" i18n-aria-label>\n <ng-container *ngIf=\"!isCardFlipped\">\n <div class=\"status-danger\" role=\"note\" i18n-aria-label aria-label=\"Content expired or deleted\" i18n-matTooltip\n matTooltip=\"Content may be expired or deleted\" *ngIf=\"!isLiveOrMarkForDeletion\"></div>\n <div class=\"status-danger\" role=\"note\" i18n-aria-label aria-label=\"Intranet content\" i18n-matTooltip\n matTooltip=\"Available only in Company's network\"\n *ngIf=\"widgetData?.intranetMode === 'greyOut' && showIntranetContent\"></div>\n <button *ngIf=\"showFlip\" class=\"detail-button ws-mat-primary-lite-background-op30\" mat-icon-button\n (click)=\"isCardFlipped = true\" aria-label=\"Details\" i18n-aria-label=\"Details | Click to see details\">\n <mat-icon>flip_to_back</mat-icon>\n </button>\n <mat-card-content class=\"min-top\">\n <div style=\"position: relative; z-index: 1;\">\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 class=\"source-div\" style=\"display: none;\">\n <img [src]=\"widgetData.content.creatorLogo\" class=\"source-icon\" [wsUtilsDefaultThumbnail]=\"defaultSLogo\"\n [alt]=\"(widgetData.content.sourceName + '_' + widgetData.content.identifier)\" />\n </div>\n <ng-container *ngIf=\"widgetData?.content?.cbPlanEndDate\">\n <div class=\"cbp-mark\">\n <span>{{widgetData?.content?.cbPlanEndDate | date: 'd MMM, y'}}</span>\n </div>\n </ng-container>\n <!-- <ng-container *ngIf=\"widgetData?.content?.endDate\">\n <div class=\"cbp-mark\">\n <p *ngIf=\"widgetData?.content?.planDuration === acbpConstants?.UPCOMING\" class=\"cbp-warning\">{{widgetData?.content?.endDate | date: 'd MMM, y'}}</p>\n <p *ngIf=\"widgetData?.content?.planDuration === acbpConstants?.SUCCESS\" class=\"cbp-success\">{{widgetData?.content?.endDate | date: 'd MMM, y'}}</p>\n <p *ngIf=\"widgetData?.content?.planDuration === acbpConstants?.OVERDUE\" class=\"cbp-danger\">Over due</p>\n </div>\n </ng-container> -->\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 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\">\n {{ (widgetData?.content?.duration || 120)| pipeDurationTransform: 'hms' }}\n </span>\n </div>\n <div class=\"duration-box right-corner\" *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 </div>\n <div class=\"padding-m\">\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\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 <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&nbsp; {{ (widgetData?.content?.organisation && widgetData?.content?.organisation[0]) ? widgetData?.content?.organisation[0] : 'Karmayogi Bharat' }}</span>\n </div>\n <div class=\"flex flex-middle rating-session margin-top-m\">\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 <!-- <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\">\n <!-- {{ 'cardcontentv2.mostEnrolled' | translate }} -->\n </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\">\n <!-- {{ 'cardcontentv2.mostTrending' | translate }} -->\n </span>\n </ng-container>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n <ng-container *ngIf=\"isCardFlipped\">\n <div class=\"flex items-center\">\n <!-- <h2 class=\"mat-subheading-2 flex-1 min-w-0 margin-remove-bottom\" i18n>{{'cardcontentv2.reason' | translate}}</h2> -->\n <button mat-icon-button (click)=\"isCardFlipped = false\">\n <mat-icon>close</mat-icon>\n </button>\n </div>\n <p class=\"text-justify mat-body-1\">\n {{ widgetData.content.reason }}\n </p>\n </ng-container>\n </a>\n </ng-container>\n </div>\n</mat-card>\n</ng-container>\n\n<ng-container *ngIf=\"isCardLoading\">\n <mat-card class=\"card-standard-container mr-5 padding-remove\" >\n <div class=\"display-contents\" >\n <ng-container *ngIf=\"!isCardFlipped\">\n <mat-card-content class=\"min-top\">\n <div style=\"position: relative; z-index: 1;\">\n <ng-container>\n <sb-uic-skeleton-loader [width]=\"'100%'\" [height]=\"'140px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </ng-container>\n </div>\n <div class=\"padding-m\">\n <div class=\"course_widget flex margin-remove\">\n <div class=\"flex flex-end\">\n <sb-uic-skeleton-loader [width]=\"'65px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded br-8'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n <div class=\"mat-subheading-1 title-text ws-mat-text-block-fade-gradient\">\n <sb-uic-skeleton-loader [width]=\"'100%'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n <sb-uic-skeleton-loader [width]=\"'111px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded margin-top-s'\"></sb-uic-skeleton-loader>\n </div>\n <div class=\"flex w-full flex-wrap flex-middle margin-top-m\">\n <div class=\"\">\n <sb-uic-skeleton-loader [width]=\"'28px'\" [height]=\"'28px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n <span class=\"org-text\"> <sb-uic-skeleton-loader [width]=\"'111px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader></span>\n </div>\n <div class=\"flex flex-middle rating-session margin-top-m\">\n <div class=\"flex flex-middle\">\n <sb-uic-skeleton-loader [width]=\"'45px'\" [height]=\"'12px'\" [bindingClass]=\"'flex rounded margin-top-m'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </div>\n </mat-card>\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>",
9057
+ template: "<ng-container *ngIf=\"!isCardLoading\">\n <mat-card class=\"card-standard-container mr-5 padding-remove cursor-pointer {{widgetData?.cardCustomeClass}}\" [ngClass]=\"{\n greyOut:\n widgetData.deletedMode === 'greyOut' && !isLiveOrMarkForDeletion\n ? true\n : widgetData?.intranetMode === 'greyOut' && showIntranetContent\n }\" (click)=\"(showIntranetContent || !isLiveOrMarkForDeletion) && showSnackbar()\">\n <div class=\"display-contents\" [ngClass]=\"{\n disableClick:\n widgetData.deletedMode === 'greyOut' && !isLiveOrMarkForDeletion\n ? true\n : widgetData?.intranetMode === 'greyOut' && showIntranetContent\n }\">\n <ng-container *ngIf=\"widgetData.content\">\n <a (click)=\"getRedirectUrlData(widgetData?.content); $event.stopPropagation()\"\n role=\"link\" i18n-aria-label>\n <ng-container *ngIf=\"!isCardFlipped\">\n <div class=\"status-danger\" role=\"note\" i18n-aria-label aria-label=\"Content expired or deleted\" i18n-matTooltip\n matTooltip=\"Content may be expired or deleted\" *ngIf=\"!isLiveOrMarkForDeletion\"></div>\n <div class=\"status-danger\" role=\"note\" i18n-aria-label aria-label=\"Intranet content\" i18n-matTooltip\n matTooltip=\"Available only in Company's network\"\n *ngIf=\"widgetData?.intranetMode === 'greyOut' && showIntranetContent\"></div>\n <button *ngIf=\"showFlip\" class=\"detail-button ws-mat-primary-lite-background-op30\" mat-icon-button\n (click)=\"isCardFlipped = true\" aria-label=\"Details\" i18n-aria-label=\"Details | Click to see details\">\n <mat-icon>flip_to_back</mat-icon>\n </button>\n <mat-card-content class=\"min-top\">\n <div style=\"position: relative; z-index: 1;\">\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 class=\"source-div\" style=\"display: none;\">\n <img [src]=\"widgetData.content.creatorLogo\" class=\"source-icon\" [wsUtilsDefaultThumbnail]=\"defaultSLogo\"\n [alt]=\"(widgetData.content.sourceName + '_' + widgetData.content.identifier)\" />\n </div>\n <ng-container *ngIf=\"widgetData?.content?.cbPlanEndDate\">\n <div class=\"cbp-mark\">\n <span>{{widgetData?.content?.cbPlanEndDate | date: 'd MMM, y'}}</span>\n </div>\n </ng-container>\n <!-- <ng-container *ngIf=\"widgetData?.content?.endDate\">\n <div class=\"cbp-mark\">\n <p *ngIf=\"widgetData?.content?.planDuration === acbpConstants?.UPCOMING\" class=\"cbp-warning\">{{widgetData?.content?.endDate | date: 'd MMM, y'}}</p>\n <p *ngIf=\"widgetData?.content?.planDuration === acbpConstants?.SUCCESS\" class=\"cbp-success\">{{widgetData?.content?.endDate | date: 'd MMM, y'}}</p>\n <p *ngIf=\"widgetData?.content?.planDuration === acbpConstants?.OVERDUE\" class=\"cbp-danger\">Over due</p>\n </div>\n </ng-container> -->\n <ng-container *ngIf=\"cbPlanMapData && cbPlanMapData[widgetData?.content?.identifier] && cbPlanMapData[widgetData?.content?.identifier]?.contentStatus < 2\">\n <ng-container [ngTemplateOutlet]=\"cbpPlan\" [ngTemplateOutletContext]=\"{data: {\n cbpData: cbPlanMapData[widgetData?.content?.identifier]\n }}\"></ng-container>\n </ng-container>\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\">\n {{ (widgetData?.content?.duration || 120)| pipeDurationTransform: 'hms' }}\n </span>\n </div>\n <div class=\"duration-box right-corner\" *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 </div>\n <div class=\"padding-m\">\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\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 <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&nbsp; {{ (widgetData?.content?.organisation && widgetData?.content?.organisation[0]) ? widgetData?.content?.organisation[0] : 'Karmayogi Bharat' }}</span>\n </div>\n <div class=\"flex flex-middle rating-session margin-top-m\">\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 <!-- <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\">\n <!-- {{ 'cardcontentv2.mostEnrolled' | translate }} -->\n </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\">\n <!-- {{ 'cardcontentv2.mostTrending' | translate }} -->\n </span>\n </ng-container>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n <ng-container *ngIf=\"isCardFlipped\">\n <div class=\"flex items-center\">\n <!-- <h2 class=\"mat-subheading-2 flex-1 min-w-0 margin-remove-bottom\" i18n>{{'cardcontentv2.reason' | translate}}</h2> -->\n <button mat-icon-button (click)=\"isCardFlipped = false\">\n <mat-icon>close</mat-icon>\n </button>\n </div>\n <p class=\"text-justify mat-body-1\">\n {{ widgetData.content.reason }}\n </p>\n </ng-container>\n </a>\n </ng-container>\n </div>\n</mat-card>\n</ng-container>\n\n<ng-container *ngIf=\"isCardLoading\">\n <mat-card class=\"card-standard-container mr-5 padding-remove\" >\n <div class=\"display-contents\" >\n <ng-container *ngIf=\"!isCardFlipped\">\n <mat-card-content class=\"min-top\">\n <div style=\"position: relative; z-index: 1;\">\n <ng-container>\n <sb-uic-skeleton-loader [width]=\"'100%'\" [height]=\"'140px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </ng-container>\n </div>\n <div class=\"padding-m\">\n <div class=\"course_widget flex margin-remove\">\n <div class=\"flex flex-end\">\n <sb-uic-skeleton-loader [width]=\"'65px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded br-8'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n <div class=\"mat-subheading-1 title-text ws-mat-text-block-fade-gradient\">\n <sb-uic-skeleton-loader [width]=\"'100%'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n <sb-uic-skeleton-loader [width]=\"'111px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded margin-top-s'\"></sb-uic-skeleton-loader>\n </div>\n <div class=\"flex w-full flex-wrap flex-middle margin-top-m\">\n <div class=\"\">\n <sb-uic-skeleton-loader [width]=\"'28px'\" [height]=\"'28px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n <span class=\"org-text\"> <sb-uic-skeleton-loader [width]=\"'111px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader></span>\n </div>\n <div class=\"flex flex-middle rating-session margin-top-m\">\n <div class=\"flex flex-middle\">\n <sb-uic-skeleton-loader [width]=\"'45px'\" [height]=\"'12px'\" [bindingClass]=\"'flex rounded margin-top-m'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </div>\n </mat-card>\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>",
8971
9058
  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}.card-standard-container{position:relative;width:245px;min-height:346px;border-radius:8px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;height:346px;margin:20px 8px}.card-standard-container .progress-bar{width:101%;margin-left:-15px;display:flex;margin-top:0;background:bisque;position:absolute;bottom:0}.card-standard-container ::ng-deep .mat-progress-bar{height:8px!important}.card-standard-container .icon_text{font-size:12px;line-height:16px;text-transform:uppercase}.card-standard-container .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-standard-container .course_logo_box img{height:28px;width:28px;padding:5px;display:inline-block}.card-standard-container .course_logo_box p{display:inline-block;vertical-align:top}.card-standard-container .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}.card-standard-container .source-div{position:relative;top:100px;background:#fff;z-index:3;border:1px solid #dedfe0;min-width:72px;min-height:72px;max-width:72px;max-height:72px;display:flex;border-radius:8px}.card-standard-container .source-div .source-icon{border-radius:8px;display:block;margin:auto;max-width:58px;max-height:-webkit-fill-available}.card-standard-container mat-card-content{background:#fff}.card-standard-container .card-img{min-width:245px;max-height:140px;min-height:140px;display:block;-o-object-fit:fill;object-fit:fill;border-top-left-radius:8px;border-top-right-radius:8px;width:100%}.card-standard-container .mat-subheading-1{font:600 14px/24px Montserrat}.card-standard-container .complexity{padding-top:70px;display:flex;font-size:14px;line-height:21px;padding-bottom:10px}.card-standard-container .complexity .mode-tag{border-radius:5px;order:2;margin-left:auto;color:#fff;font-size:10px}.card-standard-container .complexity .duration{display:flex;margin-left:auto;order:3;font-weight:700}.card-standard-container .complexity .time-text{margin:0 5px 0 6px;font-weight:700}.card-standard-container .basic{margin:auto 0}.card-standard-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}.card-standard-container .description-text{position:relative;overflow:hidden;height:42px;white-space:normal;text-overflow:ellipsis}.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}.width-238{width:238px!important}.cbp-mark{border-radius:12px 0;opacity:1;background-image:linear-gradient(90deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 100%);position:absolute;top:0;padding:8px}.cbp-mark p{opacity:1;background-color:#fff;padding:4px;opacity:1;color:#1b2133;font-family:Lato-Regular;font-size:10px;font-weight:400;font-style:Regular;letter-spacing:.5px;text-align:left;line-height:12px;margin-bottom:0}.cbpwidth{width:340px}.cbp-plan{border-radius:4px;opacity:1;background-color:#1b4ca1;top:4px;left:4px;opacity:1;color:rgba(255,255,255,.95);font-family:Lato-Bold;font-size:12px;font-weight:700;font-style:normal;letter-spacing:.25px;text-align:center;line-height:16px;padding:4px}.cbp-info{opacity:1;color:#fff;font-family:Lato-Regular;font-size:10px;font-weight:400;font-style:normal;letter-spacing:.5px;text-align:left;line-height:12px;padding:2px}.cbp-danger{border-radius:2px;border:1px solid rgba(0,0,0,.08);background-color:#d13924!important;color:#fff!important;opacity:1}.cbp-success{border-radius:2px;border:1px solid #1d8922;background-color:#1d8922!important;color:#fff!important;opacity:1}.cbp-warning{border-radius:2px;border:1px solid #ef951e;background-color:#ef951e!important;color:#fff!important;opacity:1}"]
8972
9059
  }] }
8973
9060
  ];
@@ -9759,7 +9846,7 @@ var CardLandscapeComponent = /** @class */ (function () {
9759
9846
  CardLandscapeComponent.decorators = [
9760
9847
  { type: Component, args: [{
9761
9848
  selector: 'sb-uic-card-landscape',
9762
- 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\">By {{ (widgetData.content.organisation && widgetData.content.organisation[0]) ? widgetData.content.organisation[0] : 'Karmayogi Bharat' }}</span>\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>",
9849
+ 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] && cbPlanMapData[widgetData?.content?.identifier]?.contentStatus < 2\">\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\">By {{ (widgetData.content.organisation && widgetData.content.organisation[0]) ? widgetData.content.organisation[0] : 'Karmayogi Bharat' }}</span>\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>",
9763
9850
  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)}}.cbp-mark{border-radius:12px 0;opacity:1;background-image:linear-gradient(90deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 100%);position:absolute;top:0;padding:8px}.cbp-mark p{opacity:1;background-color:#fff;padding:4px;opacity:1;color:#1b2133;font-family:Lato-Regular;font-size:10px;font-weight:400;font-style:Regular;letter-spacing:.5px;text-align:left;line-height:12px;margin-bottom:0}.cbpwidth{width:340px}.cbp-plan{border-radius:4px;opacity:1;background-color:#1b4ca1;top:4px;left:4px;opacity:1;color:rgba(255,255,255,.95);font-family:Lato-Bold;font-size:12px;font-weight:700;font-style:normal;letter-spacing:.25px;text-align:center;line-height:16px;padding:4px}.cbp-info{opacity:1;color:#fff;font-family:Lato-Regular;font-size:10px;font-weight:400;font-style:normal;letter-spacing:.5px;text-align:left;line-height:12px;padding:2px}.cbp-danger{border-radius:2px;border:1px solid rgba(0,0,0,.08);background-color:#d13924!important;color:#fff!important;opacity:1}.cbp-success{border-radius:2px;border:1px solid #1d8922;background-color:#1d8922!important;color:#fff!important;opacity:1}.cbp-warning{border-radius:2px;border:1px solid #ef951e;background-color:#ef951e!important;color:#fff!important;opacity:1}"]
9764
9851
  }] }
9765
9852
  ];
@@ -10024,6 +10111,7 @@ var CardMDOChannelComponent = /** @class */ (function () {
10024
10111
  this.router = router;
10025
10112
  this.channelData = new EventEmitter();
10026
10113
  this.emitTelemetry = new EventEmitter();
10114
+ this.isCardLoading = false;
10027
10115
  this.widgetType = '';
10028
10116
  this.widgetSubType = '';
10029
10117
  this.langtranslations.languageSelectedObservable.subscribe((/**
@@ -10097,7 +10185,7 @@ var CardMDOChannelComponent = /** @class */ (function () {
10097
10185
  CardMDOChannelComponent.decorators = [
10098
10186
  { type: Component, args: [{
10099
10187
  selector: 'sb-uic-card-mdo-channel',
10100
- template: "<mat-card class=\"channels-card card-channels-container mr-5 padding-remove cursor-pointer\">\n <div class=\"display-contents\">\n <ng-container *ngIf=\"widgetData?.content\">\n <a (click)=\"raiseTelemetry(widgetData?.content); redirectTo(widgetData?.content); $event.stopPropagation()\"\n i18n-aria-label>\n <ng-container>\n <mat-card-content class=\"min-top\">\n <div class=\"flex flex-col h-full\">\n <div class=\"image-container\">\n <ng-container *ngIf=\"widgetData?.content?.imgUrl; else defaultImg\">\n <img mat-card-image [src]=\"widgetData?.content?.imgUrl\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData?.content?.orgName\" />\n </ng-container>\n <ng-template #defaultImg>\n <sb-uic-avatar-photo [randomColor]=\"true\" [name]=\"widgetData?.content?.orgName\" [photoUrl]=\"widgetData?.content?.imgUrl\" size=\"m-side-rating\">\n </sb-uic-avatar-photo>\n </ng-template>\n </div>\n <div class=\"flex title-container px-2\">\n <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n class=\"flex-1 text-center mat-subheading-2 title-text ws-mat-black-text\">\n {{ widgetData?.content?.orgName }}\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </a>\n </ng-container>\n </div>\n</mat-card>",
10188
+ template: "<ng-container *ngIf=\"!isCardLoading\">\n <mat-card class=\"channels-card card-channels-container mr-5 padding-remove cursor-pointer\">\n <div class=\"display-contents\">\n <ng-container *ngIf=\"widgetData?.content\">\n <a (click)=\"raiseTelemetry(widgetData?.content); redirectTo(widgetData?.content); $event.stopPropagation()\"\n i18n-aria-label>\n <ng-container>\n <mat-card-content class=\"min-top\">\n <div class=\"flex flex-col h-full\">\n <div class=\"image-container\">\n <ng-container *ngIf=\"widgetData?.content?.imgUrl; else defaultImg\">\n <img mat-card-image [src]=\"widgetData?.content?.imgUrl\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData?.content?.orgName\" />\n </ng-container>\n <ng-template #defaultImg>\n <sb-uic-avatar-photo [randomColor]=\"true\" [name]=\"widgetData?.content?.orgName\" [photoUrl]=\"widgetData?.content?.imgUrl\" size=\"m-side-rating\">\n </sb-uic-avatar-photo>\n </ng-template>\n </div>\n <div class=\"flex title-container px-2\">\n <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n class=\"flex-1 text-center mat-subheading-2 title-text ws-mat-black-text\">\n {{ widgetData?.content?.orgName }}\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </a>\n </ng-container>\n </div>\n </mat-card>\n</ng-container>\n\n<ng-container *ngIf=\"isCardLoading\">\n <mat-card class=\"channels-card card-channels-container mr-5 padding-remove cursor-pointer\">\n <div class=\"display-contents\">\n <ng-container >\n <a 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 <sb-uic-skeleton-loader [width]=\"'100%'\" [height]=\"'140px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\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>\n</ng-container>",
10101
10189
  styles: [".card-channels-container{position:relative;width:282px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;min-height:156px;height:156px;max-height:156px;margin:20px 8px;background:#7faeff!important;border-radius:12px;padding:4px!important}.card-channels-container .min-top{background:inherit;margin-bottom:0;height:inherit}.card-channels-container .image-container{background-color:#fff;width:inherit;height:86px;max-height:86px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:12px}.card-channels-container .card-img{max-height:62px;min-height:62px;display:block;-o-object-fit:fill;object-fit:contain}.card-channels-container .mat-subheading-1{font:600 14px/24px Montserrat}.card-channels-container .title-container{background:inherit}.card-channels-container .description-text{position:relative;overflow:hidden;height:51px}.card-channels-container .title-text{word-break:break-all;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media screen and (max-width:768px){.card-channels-container{width:100%;margin:0}}"]
10102
10190
  }] }
10103
10191
  ];
@@ -10113,7 +10201,8 @@ var CardMDOChannelComponent = /** @class */ (function () {
10113
10201
  CardMDOChannelComponent.propDecorators = {
10114
10202
  widgetData: [{ type: Input }],
10115
10203
  channelData: [{ type: Output }],
10116
- emitTelemetry: [{ type: Output }]
10204
+ emitTelemetry: [{ type: Output }],
10205
+ isCardLoading: [{ type: Input }]
10117
10206
  };
10118
10207
  return CardMDOChannelComponent;
10119
10208
  }());
@@ -10125,6 +10214,8 @@ if (false) {
10125
10214
  /** @type {?} */
10126
10215
  CardMDOChannelComponent.prototype.emitTelemetry;
10127
10216
  /** @type {?} */
10217
+ CardMDOChannelComponent.prototype.isCardLoading;
10218
+ /** @type {?} */
10128
10219
  CardMDOChannelComponent.prototype.defaultThumbnail;
10129
10220
  /** @type {?} */
10130
10221
  CardMDOChannelComponent.prototype.sourceLogos;
@@ -10694,134 +10785,10 @@ if (false) {
10694
10785
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
10695
10786
  */
10696
10787
  var ProviderCardComponent = /** @class */ (function () {
10697
- function ProviderCardComponent() {
10698
- this.providers = [
10699
- {
10700
- name: 'Indian Institute of Management Bengaluru (IIMB)',
10701
- link: 'https://portal.igotkarmayogi.gov.in/app/learn/browse-by/provider/IIMB/all-CBP',
10702
- logo: 'assets/icons/top-providers/ef8a88cf-33cc-42de-bdc3-7deed1ab2418.png'
10703
- },
10704
- {
10705
- name: 'Department for Promotion of Industry and Internal Trade',
10706
- link: 'https://portal.igotkarmayogi.gov.in/app/learn/browse-by/provider/Department for Promotion of Industry and Internal Trade/all-CBP',
10707
- logo: 'assets/icons/top-providers/0d400bdf-4ad8-45bf-914c-be44018c2d07.png'
10708
- },
10709
- {
10710
- name: 'RAKNPA',
10711
- link: 'https://portal.igotkarmayogi.gov.in/app/learn/browse-by/provider/RAKNPA/all-CBP',
10712
- logo: 'assets/icons/top-providers/1becfffa-956e-48ba-8ffd-77c19cd720c8.jpeg'
10713
- },
10714
- {
10715
- name: 'Lal Bahadur Shastri National Academy of Administration (LBSNAA)',
10716
- link: 'https://portal.igotkarmayogi.gov.in/app/learn/browse-by/provider/Ministry of Environment, Forest and Climate Change/all-CBP',
10717
- logo: 'assets/icons/top-providers/1d76c041-a7c9-437c-94d9-36d997f3804c.jpeg'
10718
- },
10719
- {
10720
- name: 'Ministry of Environment, Forest and Climate Change',
10721
- link: 'https://portal.igotkarmayogi.gov.in/app/learn/browse-by/provider/LBSNAA/all-CBP',
10722
- logo: 'assets/icons/top-providers/1fb72c3f-1c96-4600-8e22-09871a85e6c4.jpeg'
10723
- },
10724
- {
10725
- name: 'ISTM',
10726
- link: 'https://portal.igotkarmayogi.gov.in/app/learn/browse-by/provider/Institute of Secretariat Training and Management/all-CBP',
10727
- logo: 'assets/icons/top-providers/6f046f76-b778-476a-987b-8669e106b44c.jpeg'
10728
- },
10729
- {
10730
- name: 'Department of Expenditure',
10731
- link: 'https://portal.igotkarmayogi.gov.in/app/learn/browse-by/provider/Department%20of%20Expenditure%20/all-CBP',
10732
- logo: 'assets/icons/top-providers/7f6df809-6930-44f4-abcf-c8297363d3e0.png'
10733
- },
10734
- {
10735
- name: 'Department of Personnel and Training DoPT',
10736
- link: 'https://portal.igotkarmayogi.gov.in/app/learn/browse-by/provider/Department%20of%20Personnel%20and%20Training%20DoPT/all-CBP',
10737
- logo: 'assets/icons/top-providers/dopt.png'
10738
- },
10739
- {
10740
- name: 'Indian Cybercrime Coordination Centre - I4C',
10741
- link: 'https://portal.igotkarmayogi.gov.in/app/learn/browse-by/provider/Indian%20Cybercrime%20Coordination%20Centre%20-%20I4C/all-CBP',
10742
- logo: 'assets/icons/top-providers/7f8cab8e-9d22-44ba-a41e-83b907e5a5f0.jpeg'
10743
- },
10744
- {
10745
- "name": "Capacity Building Commission",
10746
- "link": "https://portal.igotkarmayogi.gov.in/app/learn/browse-by/provider/Capacity%20Building%20Commission/all-CBP",
10747
- "logo": "assets/icons/top-providers/33e9c66f-312f-4244-901e-7d7525ae8847.jpeg"
10748
- },
10749
- {
10750
- "name": "Ministry of Railways",
10751
- "link": "https://portal.igotkarmayogi.gov.in/app/learn/browse-by/provider/Ministry%20of%20Railways/all-CBP",
10752
- "logo": "assets/icons/top-providers/36d93700-c43f-499e-ab3c-68ea76388a2a.png"
10753
- },
10754
- {
10755
- "name": "World Bank",
10756
- "link": "https://portal.igotkarmayogi.gov.in/app/learn/browse-by/provider/World%20Bank/all-CBP",
10757
- "logo": "assets/icons/top-providers/385ff4a0-41af-4114-8015-10d26c1e8af4.jpeg"
10758
- },
10759
- {
10760
- "name": "Sashastra Seema Bal (SSB)",
10761
- "link": "https://portal.igotkarmayogi.gov.in/app/learn/browse-by/provider/Sashastra%20Seema%20Bal%20%28SSB%29/all-CBP",
10762
- "logo": "assets/icons/top-providers/778b56bf-8946-45fe-87d3-358203f2faf4.png"
10763
- },
10764
- {
10765
- "name": "SVPNPA",
10766
- "link": "https://portal.igotkarmayogi.gov.in/app/learn/browse-by/provider/SVPNPA/all-CBP",
10767
- "logo": "assets/icons/top-providers/2862d2e5-473e-4c55-abaa-8a2f86e5eee4.jpeg"
10768
- },
10769
- {
10770
- "name": "Microsoft",
10771
- "link": "https://portal.igotkarmayogi.gov.in/app/learn/browse-by/provider/Microsoft/all-CBP",
10772
- "logo": "assets/icons/top-providers/53407dd6-d22c-4dba-a394-015fae667636.png"
10773
- },
10774
- {
10775
- "name": "Indian Institute of Public Administration",
10776
- "link": "https://portal.igotkarmayogi.gov.in/app/learn/browse-by/provider/Indian%20Institute%20of%20Public%20Administration/all-CBP",
10777
- "logo": "assets/icons/top-providers/869960d7-2dc7-4205-8c4b-11321d901060.jpeg"
10778
- },
10779
- {
10780
- "name": "Food Corporation of India (FCI)",
10781
- "link": "https://portal.igotkarmayogi.gov.in/app/learn/browse-by/provider/Food%20Corporation%20of%20India%20%28FCI%29/all-CBP",
10782
- "logo": "assets/icons/top-providers/4183673f-9063-4fa9-bf84-1e8856c8e531.jpeg"
10783
- },
10784
- {
10785
- "name": "National Telecommunications Institute for Policy Research, Innovation and Training",
10786
- "link": "https://portal.igotkarmayogi.gov.in/app/learn/browse-by/provider/NTIPRIT/all-CBP",
10787
- "logo": "assets/icons/top-providers/a976f025-e990-49b0-a52a-9bd0a8e43584.jpeg"
10788
- },
10789
- {
10790
- "name": "The Art of Living",
10791
- "link": "https://portal.igotkarmayogi.gov.in/app/learn/browse-by/provider/The%20Art%20of%20Living/all-CBP",
10792
- "logo": "assets/icons/top-providers/abbb8f64-84db-4a92-85c9-1b394ffab71c.png"
10793
- },
10794
- {
10795
- "name": "National Institute of Communication Finance",
10796
- "link": "https://portal.igotkarmayogi.gov.in/app/learn/browse-by/provider/National%20Institute%20of%20Communication%20Finance/all-CBP",
10797
- "logo": "assets/icons/top-providers/b6bf0be6-7e29-4187-a29d-da6db1db7c69.jpeg"
10798
- },
10799
- {
10800
- "name": "Department of Posts",
10801
- "link": "https://portal.igotkarmayogi.gov.in/app/learn/browse-by/provider/Department%20of%20Posts/all-CBP",
10802
- "logo": "assets/icons/top-providers/cf567f4c-d0fa-447f-aba4-cb378ea3c90d.png"
10803
- },
10804
- {
10805
- "name": "Government e Market Place(GeM)",
10806
- "link": "https://portal.igotkarmayogi.gov.in/app/learn/browse-by/provider/Government%20e%20Market%20Place%28GeM%29/all-CBP",
10807
- "logo": "assets/icons/top-providers/f445c11b-ff73-4ca4-9dea-8d8945d92a4a.png"
10808
- },
10809
- {
10810
- "name": "Bharat Sanchar Nigam Limited(BSNL)",
10811
- "link": "https://portal.igotkarmayogi.gov.in/app/learn/browse-by/provider/Bharat%20Sanchar%20Nigam%20Limited%28BSNL%29/all-CBP",
10812
- "logo": "assets/icons/top-providers/fc67226a-4bbc-449a-8c5c-e1b338716545.png"
10813
- },
10814
- {
10815
- "name": "Defence Accounts Department (DAD)",
10816
- "link": "https://portal.igotkarmayogi.gov.in/app/learn/browse-by/provider/Defence%20Accounts%20Department%20%28DAD%29/all-CBP",
10817
- "logo": "assets/icons/top-providers/fccdb487-a389-48d9-bce0-c4d64315b546.png"
10818
- },
10819
- {
10820
- "name": "Morarji Desai National Institute of Yoga (MDNIY)",
10821
- "link": "https://portal.igotkarmayogi.gov.in/app/learn/browse-by/provider/Morarji%20Desai%20National%20Institute%20of%20Yoga%20%28MDNIY%29/all-CBP",
10822
- "logo": "assets/icons/top-providers/fcde4c60-7ccd-456e-a5df-260dcfa2d3ee.png"
10823
- }
10824
- ];
10788
+ function ProviderCardComponent(router) {
10789
+ this.router = router;
10790
+ this.randomColorApply = true;
10791
+ this.isCardLoading = false;
10825
10792
  this.colors = [
10826
10793
  '#EF941D', '#F97440', '#35B5B0', '#9988FF', '#816FEC',
10827
10794
  '#254092', '#926525', '#4F72DF'
@@ -10834,34 +10801,69 @@ var ProviderCardComponent = /** @class */ (function () {
10834
10801
  * @return {?}
10835
10802
  */
10836
10803
  function () {
10804
+ this.setRandomColor();
10805
+ };
10806
+ /**
10807
+ * @return {?}
10808
+ */
10809
+ ProviderCardComponent.prototype.setRandomColor = /**
10810
+ * @return {?}
10811
+ */
10812
+ function () {
10813
+ if (this.widgetData && this.widgetData.content) {
10814
+ if (this.randomColorApply) {
10815
+ /** @type {?} */
10816
+ var randomIndex1 = Math.floor(Math.random() * Math.floor(this.colors.length));
10817
+ this.widgetData.content['bgColor'] = this.colors[randomIndex1];
10818
+ }
10819
+ else {
10820
+ this.widgetData.content['bgColor'] = '#1a4ca1';
10821
+ }
10822
+ }
10837
10823
  };
10838
10824
  /**
10839
- * @param {?} provider
10825
+ * @param {?} content
10840
10826
  * @return {?}
10841
10827
  */
10842
10828
  ProviderCardComponent.prototype.redirectTo = /**
10843
- * @param {?} provider
10829
+ * @param {?} content
10844
10830
  * @return {?}
10845
10831
  */
10846
- function (provider) {
10847
- window.open(provider.link, '_blank');
10832
+ function (content) {
10833
+ this.router.navigate(["/app/learn/browse-by/provider/" + content.name + "/" + content.orgId + "/micro-sites"]);
10848
10834
  };
10849
10835
  ProviderCardComponent.decorators = [
10850
10836
  { type: Component, args: [{
10851
10837
  selector: 'sb-uic-provider-card',
10852
- template: "<div class=\"providers-container\">\n <div class=\"provider-card\" *ngFor=\"let provider of providers; let i = index\" [ngStyle]=\"{'border-top': '72px solid ' + colors[i % colors.length]}\">\n <div class=\"circle-wrapper\">\n <div class=\"circle\">\n <div class=\"background-circle\">\n <img [src]=\"provider.logo\" alt=\"{{ provider.name }}\">\n </div>\n </div>\n </div>\n <div class=\"provider-content\">\n <p>{{ provider.name }}</p>\n <div class=\"view-provider-button\" (click)=\"redirectTo(provider)\">View Provider ></div>\n </div>\n </div>\n </div>\n ",
10838
+ template: "<!-- <div class=\"providers-container\">\n <div class=\"provider-card\" *ngFor=\"let provider of providers; let i = index\" [ngStyle]=\"{'border-top': '72px solid ' + colors[i % colors.length]}\">\n <div class=\"circle-wrapper\">\n <div class=\"circle\">\n <div class=\"background-circle\">\n <img [src]=\"provider.logo\" alt=\"{{ provider.name }}\">\n </div>\n </div>\n </div>\n <div class=\"provider-content\">\n <p>{{ provider.name }}</p>\n <div class=\"view-provider-button\" (click)=\"redirectTo(provider)\">View Provider ></div>\n </div>\n </div>\n </div> -->\n <!-- {{widgetData|json}} -->\n\n\n<ng-container *ngIf=\"!isCardLoading\">\n <ng-container *ngIf=\"widgetData && widgetData?.content\">\n <div class=\"providers-container\">\n <div class=\"provider-card\" [ngStyle]=\"{'border-top': '72px solid ' + widgetData?.content?.bgColor || 'transparent'}\">\n <div class=\"circle-wrapper\">\n <div class=\"circle\">\n <div class=\"background-circle\">\n <ng-container *ngIf=\"widgetData?.content?.logoUrl; else defaultImg\">\n <img [src]=\"widgetData?.content?.logoUrl\" alt=\"{{ widgetData?.content?.name }}\">\n </ng-container>\n <ng-template #defaultImg>\n <sb-uic-avatar-photo [randomColor]=\"true\" [name]=\"widgetData?.content?.name\" [photoUrl]=\"widgetData?.content?.logoUrl\" size=\"m-side-rating\">\n </sb-uic-avatar-photo>\n </ng-template>\n \n </div>\n </div>\n </div>\n <div class=\"provider-content\">\n <p>{{ widgetData?.content?.name }}</p>\n <div class=\"view-provider-button flex items-center\" (click)=\"redirectTo(widgetData.content)\">View Provider \n <mat-icon class=\"\" color=\"accent\">navigate_next</mat-icon></div>\n </div>\n </div>\n </div>\n </ng-container>\n</ng-container>\n<ng-container *ngIf=\"isCardLoading\">\n <div class=\"providers-container\">\n <div class=\"provider-card\" [ngStyle]=\"{'border-top': '72px solid gray'}\">\n <div class=\"circle-wrapper\">\n <div class=\"circle\">\n <div class=\"background-circle\">\n <sb-uic-skeleton-loader [width]=\"'100%'\" [height]=\"'100%'\" class=\"w-full h-full\" [bindingClass]=\"'flex rounded rounded-full'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n </div>\n <div class=\"w-full p-4 provider-content\">\n <p class=\"w-full pl-4\"> <sb-uic-skeleton-loader [width]=\"'200px'\" [height]=\"'12px'\" class=\"w-full h-full\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader></p>\n <div class=\"w-full pl-4 view-provider-button\" (click)=\"redirectTo(widgetData.content)\"><sb-uic-skeleton-loader [width]=\"'200px'\" [height]=\"'12px'\" class=\"w-full h-full\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader></div>\n </div>\n </div>\n </div>\n</ng-container>",
10853
10839
  styles: [".providers-container{display:flex;justify-content:center}.provider-card{height:168px;width:245px;margin:20px 8px;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.1);background-color:#fff;position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;z-index:1}.circle-wrapper{position:absolute;display:flex;justify-content:center;top:-50px;z-index:1}.circle{width:90px;height:90px;border-radius:50%;background-color:#f0f0f0;box-shadow:0 4px 8px rgba(0,0,0,.1)}.background-circle{position:relative;display:flex;justify-content:center;align-items:center;height:80px;width:80px;background-color:#fff;border-radius:50%;border:5px solid #fff;margin:0 auto}.background-circle img{width:66px;height:50px;background-size:cover;background-position:center;position:relative}.provider-content{padding:16px;text-align:center;flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.provider-content p{font-size:14px;font-weight:700;font-family:Lato,sans-serif;margin-bottom:8px;line-height:16.8px;word-wrap:break-word;white-space:normal;height:51px}.view-provider-button{color:#1b4ca1;font-size:14px;font-family:Lato,sans-serif;cursor:pointer;transition:color .3s}"]
10854
10840
  }] }
10855
10841
  ];
10856
10842
  /** @nocollapse */
10857
- ProviderCardComponent.ctorParameters = function () { return []; };
10843
+ ProviderCardComponent.ctorParameters = function () { return [
10844
+ { type: Router }
10845
+ ]; };
10846
+ ProviderCardComponent.propDecorators = {
10847
+ widgetData: [{ type: Input }],
10848
+ randomColorApply: [{ type: Input }],
10849
+ isCardLoading: [{ type: Input }]
10850
+ };
10858
10851
  return ProviderCardComponent;
10859
10852
  }());
10860
10853
  if (false) {
10861
10854
  /** @type {?} */
10862
- ProviderCardComponent.prototype.providers;
10855
+ ProviderCardComponent.prototype.widgetData;
10856
+ /** @type {?} */
10857
+ ProviderCardComponent.prototype.randomColorApply;
10858
+ /** @type {?} */
10859
+ ProviderCardComponent.prototype.isCardLoading;
10863
10860
  /** @type {?} */
10864
10861
  ProviderCardComponent.prototype.colors;
10862
+ /**
10863
+ * @type {?}
10864
+ * @private
10865
+ */
10866
+ ProviderCardComponent.prototype.router;
10865
10867
  }
10866
10868
 
10867
10869
  /**
@@ -10948,7 +10950,7 @@ var CardPortraitExtComponent = /** @class */ (function () {
10948
10950
  CardPortraitExtComponent.decorators = [
10949
10951
  { type: Component, args: [{
10950
10952
  selector: 'sb-uic-card-portrait-ext',
10951
- template: "<ng-container *ngIf=\"!isCardLoading\">\n <mat-card class=\"card-standard-container mr-5 padding-remove cursor-pointer {{widgetData?.cardCustomeClass}}\" [ngClass]=\"{\n greyOut:\n widgetData?.deletedMode === 'greyOut' && !isLiveOrMarkForDeletion\n ? true\n : widgetData?.intranetMode === 'greyOut' && showIntranetContent\n }\" (click)=\"(showIntranetContent || !isLiveOrMarkForDeletion) && showSnackbar()\">\n <div class=\"display-contents\" [ngClass]=\"{\n disableClick:\n widgetData?.deletedMode === 'greyOut' && !isLiveOrMarkForDeletion\n ? true\n : widgetData?.intranetMode === 'greyOut' && showIntranetContent\n }\">\n <ng-container *ngIf=\"widgetData?.content\">\n <a (click)=\"getRedirectUrlData(widgetData?.content); $event.stopPropagation()\"\n role=\"link\" i18n-aria-label>\n <ng-container *ngIf=\"!isCardFlipped\">\n <div class=\"status-danger\" role=\"note\" i18n-aria-label aria-label=\"Content expired or deleted\" i18n-matTooltip\n matTooltip=\"Content may be expired or deleted\" *ngIf=\"!isLiveOrMarkForDeletion\"></div>\n <div class=\"status-danger\" role=\"note\" i18n-aria-label aria-label=\"Intranet content\" i18n-matTooltip\n matTooltip=\"Available only in Company's network\"\n *ngIf=\"widgetData?.intranetMode === 'greyOut' && showIntranetContent\"></div>\n <button *ngIf=\"showFlip\" class=\"detail-button ws-mat-primary-lite-background-op30\" mat-icon-button\n (click)=\"isCardFlipped = true\" aria-label=\"Details\" i18n-aria-label=\"Details | Click to see details\">\n <mat-icon>flip_to_back</mat-icon>\n </button>\n <mat-card-content class=\"min-top\">\n <div style=\"position: relative; z-index: 1;\">\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 \" 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 class=\"source-div\" style=\"display: none;\">\n <img [src]=\"widgetData?.content.creatorLogo\" class=\"source-icon\" [wsUtilsDefaultThumbnail]=\"defaultSLogo\"\n [alt]=\"(widgetData?.content?.sourceName + '_' + widgetData.content?.contentId)\" />\n </div>\n <ng-container *ngIf=\"widgetData?.content?.cbPlanEndDate\">\n <div class=\"cbp-mark\">\n <span>{{widgetData?.content?.cbPlanEndDate | date: 'd MMM, y'}}</span>\n </div>\n </ng-container>\n <ng-container *ngIf=\"cbPlanMapData && cbPlanMapData[widgetData?.content?.contentId]\">\n <ng-container [ngTemplateOutlet]=\"cbpPlan\" [ngTemplateOutletContext]=\"{data: {\n cbpData: cbPlanMapData[widgetData?.content?.contentId]\n }}\"></ng-container>\n </ng-container>\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\">\n {{ (widgetData?.content?.duration || 120)| pipeDurationTransform: 'hms' }}\n </span>\n </div>\n <div class=\"duration-box right-corner\" *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 </div>\n <div class=\"padding-m\">\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 [useTranslation]=\"false\" i18n-title title=\"Content Type\" *ngIf=\"widgetData.content?.topic\"\n class=\"ws-mat-black60-text font-normal mat-caption \" [displayContentType]=\"widgetData?.content?.primaryCategory==='Course Unit'\n ?'Module'\n :widgetData?.content?.primaryCategory? widgetData?.content?.primaryCategory : 'Course'\">\n \n </sb-uic-display-content-type>\n </div>\n </div>\n <div [id]=\"'m-c-'+ widgetData.content?.contentId\"\n class=\"mat-subheading-1 title-text ws-mat-text-block-fade-gradient\">\n {{ widgetData.content.name }}\n </div>\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.contentId)\" />\n </div>\n <!-- <span class=\"org-text\">{{'cardcontentv2.by' | translate}} -->\n <span class=\"org-text\">By&nbsp; {{ (widgetData?.content?.organisation && widgetData?.content?.organisation[0]) ? widgetData?.content?.organisation[0] : 'Karmayogi Bharat' }}</span>\n </div>\n <div class=\"flex flex-middle rating-session margin-top-m\">\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 <!-- <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\">\n <!-- {{ 'cardcontentv2.mostEnrolled' | translate }} -->\n </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\">\n <!-- {{ 'cardcontentv2.mostTrending' | translate }} -->\n </span>\n </ng-container>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n <ng-container *ngIf=\"isCardFlipped\">\n <div class=\"flex items-center\">\n <!-- <h2 class=\"mat-subheading-2 flex-1 min-w-0 margin-remove-bottom\" i18n>{{'cardcontentv2.reason' | translate}}</h2> -->\n <button mat-icon-button (click)=\"isCardFlipped = false\">\n <mat-icon>close</mat-icon>\n </button>\n </div>\n <p class=\"text-justify mat-body-1\">\n {{ widgetData.content.reason }}\n </p>\n </ng-container>\n </a>\n </ng-container>\n </div>\n </mat-card>\n </ng-container>\n \n <ng-container *ngIf=\"isCardLoading\">\n <mat-card class=\"card-standard-container mr-5 padding-remove\" >\n <div class=\"display-contents\" >\n <ng-container *ngIf=\"!isCardFlipped\">\n <mat-card-content class=\"min-top\">\n <div style=\"position: relative; z-index: 1;\">\n <ng-container>\n <sb-uic-skeleton-loader [width]=\"'100%'\" [height]=\"'140px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </ng-container>\n </div>\n <div class=\"padding-m\">\n <div class=\"course_widget flex margin-remove\">\n <div class=\"flex flex-end\">\n <sb-uic-skeleton-loader [width]=\"'65px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded br-8'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n <div class=\"mat-subheading-1 title-text ws-mat-text-block-fade-gradient\">\n <sb-uic-skeleton-loader [width]=\"'100%'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n <sb-uic-skeleton-loader [width]=\"'111px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded margin-top-s'\"></sb-uic-skeleton-loader>\n </div>\n <div class=\"flex w-full flex-wrap flex-middle margin-top-m\">\n <div class=\"\">\n <sb-uic-skeleton-loader [width]=\"'28px'\" [height]=\"'28px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n <span class=\"org-text\"> <sb-uic-skeleton-loader [width]=\"'111px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader></span>\n </div>\n <div class=\"flex flex-middle rating-session margin-top-m\">\n <div class=\"flex flex-middle\">\n <sb-uic-skeleton-loader [width]=\"'45px'\" [height]=\"'12px'\" [bindingClass]=\"'flex rounded margin-top-m'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </div>\n </mat-card>\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>",
10953
+ template: "<ng-container *ngIf=\"!isCardLoading\">\n <mat-card class=\"card-standard-container mr-5 padding-remove cursor-pointer {{widgetData?.cardCustomeClass}}\" [ngClass]=\"{\n greyOut:\n widgetData?.deletedMode === 'greyOut' && !isLiveOrMarkForDeletion\n ? true\n : widgetData?.intranetMode === 'greyOut' && showIntranetContent\n }\" (click)=\"(showIntranetContent || !isLiveOrMarkForDeletion) && showSnackbar()\">\n <div class=\"display-contents\" [ngClass]=\"{\n disableClick:\n widgetData?.deletedMode === 'greyOut' && !isLiveOrMarkForDeletion\n ? true\n : widgetData?.intranetMode === 'greyOut' && showIntranetContent\n }\">\n <ng-container *ngIf=\"widgetData?.content\">\n <a (click)=\"getRedirectUrlData(widgetData?.content); $event.stopPropagation()\"\n role=\"link\" i18n-aria-label>\n <ng-container *ngIf=\"!isCardFlipped\">\n <div class=\"status-danger\" role=\"note\" i18n-aria-label aria-label=\"Content expired or deleted\" i18n-matTooltip\n matTooltip=\"Content may be expired or deleted\" *ngIf=\"!isLiveOrMarkForDeletion\"></div>\n <div class=\"status-danger\" role=\"note\" i18n-aria-label aria-label=\"Intranet content\" i18n-matTooltip\n matTooltip=\"Available only in Company's network\"\n *ngIf=\"widgetData?.intranetMode === 'greyOut' && showIntranetContent\"></div>\n <button *ngIf=\"showFlip\" class=\"detail-button ws-mat-primary-lite-background-op30\" mat-icon-button\n (click)=\"isCardFlipped = true\" aria-label=\"Details\" i18n-aria-label=\"Details | Click to see details\">\n <mat-icon>flip_to_back</mat-icon>\n </button>\n <mat-card-content class=\"min-top\">\n <div style=\"position: relative; z-index: 1;\">\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 \" 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 class=\"source-div\" style=\"display: none;\">\n <img [src]=\"widgetData?.content.creatorLogo\" class=\"source-icon\" [wsUtilsDefaultThumbnail]=\"defaultSLogo\"\n [alt]=\"(widgetData?.content?.sourceName + '_' + widgetData.content?.contentId)\" />\n </div>\n <ng-container *ngIf=\"widgetData?.content?.cbPlanEndDate\">\n <div class=\"cbp-mark\">\n <span>{{widgetData?.content?.cbPlanEndDate | date: 'd MMM, y'}}</span>\n </div>\n </ng-container>\n <ng-container *ngIf=\"cbPlanMapData && cbPlanMapData[widgetData?.content?.contentId] && cbPlanMapData[widgetData?.content?.identifier]?.contentStatus < 2 \">\n <ng-container [ngTemplateOutlet]=\"cbpPlan\" [ngTemplateOutletContext]=\"{data: {\n cbpData: cbPlanMapData[widgetData?.content?.contentId]\n }}\"></ng-container>\n </ng-container>\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\">\n {{ (widgetData?.content?.duration || 120)| pipeDurationTransform: 'hms' }}\n </span>\n </div>\n <div class=\"duration-box right-corner\" *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 </div>\n <div class=\"padding-m\">\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 [useTranslation]=\"false\" i18n-title title=\"Content Type\" *ngIf=\"widgetData.content?.topic\"\n class=\"ws-mat-black60-text font-normal mat-caption \" [displayContentType]=\"widgetData?.content?.primaryCategory==='Course Unit'\n ?'Module'\n :widgetData?.content?.primaryCategory? widgetData?.content?.primaryCategory : 'Course'\">\n \n </sb-uic-display-content-type>\n </div>\n </div>\n <div [id]=\"'m-c-'+ widgetData.content?.contentId\"\n class=\"mat-subheading-1 title-text ws-mat-text-block-fade-gradient\">\n {{ widgetData.content.name }}\n </div>\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.contentId)\" />\n </div>\n <!-- <span class=\"org-text\">{{'cardcontentv2.by' | translate}} -->\n <span class=\"org-text\">By&nbsp; {{ (widgetData?.content?.organisation && widgetData?.content?.organisation[0]) ? widgetData?.content?.organisation[0] : 'Karmayogi Bharat' }}</span>\n </div>\n <div class=\"flex flex-middle rating-session margin-top-m\">\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 <!-- <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\">\n <!-- {{ 'cardcontentv2.mostEnrolled' | translate }} -->\n </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\">\n <!-- {{ 'cardcontentv2.mostTrending' | translate }} -->\n </span>\n </ng-container>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n <ng-container *ngIf=\"isCardFlipped\">\n <div class=\"flex items-center\">\n <!-- <h2 class=\"mat-subheading-2 flex-1 min-w-0 margin-remove-bottom\" i18n>{{'cardcontentv2.reason' | translate}}</h2> -->\n <button mat-icon-button (click)=\"isCardFlipped = false\">\n <mat-icon>close</mat-icon>\n </button>\n </div>\n <p class=\"text-justify mat-body-1\">\n {{ widgetData.content.reason }}\n </p>\n </ng-container>\n </a>\n </ng-container>\n </div>\n </mat-card>\n </ng-container>\n \n <ng-container *ngIf=\"isCardLoading\">\n <mat-card class=\"card-standard-container mr-5 padding-remove\" >\n <div class=\"display-contents\" >\n <ng-container *ngIf=\"!isCardFlipped\">\n <mat-card-content class=\"min-top\">\n <div style=\"position: relative; z-index: 1;\">\n <ng-container>\n <sb-uic-skeleton-loader [width]=\"'100%'\" [height]=\"'140px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </ng-container>\n </div>\n <div class=\"padding-m\">\n <div class=\"course_widget flex margin-remove\">\n <div class=\"flex flex-end\">\n <sb-uic-skeleton-loader [width]=\"'65px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded br-8'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n <div class=\"mat-subheading-1 title-text ws-mat-text-block-fade-gradient\">\n <sb-uic-skeleton-loader [width]=\"'100%'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n <sb-uic-skeleton-loader [width]=\"'111px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded margin-top-s'\"></sb-uic-skeleton-loader>\n </div>\n <div class=\"flex w-full flex-wrap flex-middle margin-top-m\">\n <div class=\"\">\n <sb-uic-skeleton-loader [width]=\"'28px'\" [height]=\"'28px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n <span class=\"org-text\"> <sb-uic-skeleton-loader [width]=\"'111px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader></span>\n </div>\n <div class=\"flex flex-middle rating-session margin-top-m\">\n <div class=\"flex flex-middle\">\n <sb-uic-skeleton-loader [width]=\"'45px'\" [height]=\"'12px'\" [bindingClass]=\"'flex rounded margin-top-m'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </div>\n </mat-card>\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>",
10952
10954
  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}.card-standard-container{position:relative;width:245px;min-height:346px;border-radius:8px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;height:346px;margin:20px 8px}.card-standard-container .progress-bar{width:101%;margin-left:-15px;display:flex;margin-top:0;background:bisque;position:absolute;bottom:0}.card-standard-container ::ng-deep .mat-progress-bar{height:8px!important}.card-standard-container .icon_text{font-size:12px;line-height:16px;text-transform:uppercase}.card-standard-container .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-standard-container .course_logo_box img{height:28px;width:28px;padding:5px;display:inline-block}.card-standard-container .course_logo_box p{display:inline-block;vertical-align:top}.card-standard-container .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}.card-standard-container .source-div{position:relative;top:100px;background:#fff;z-index:3;border:1px solid #dedfe0;min-width:72px;min-height:72px;max-width:72px;max-height:72px;display:flex;border-radius:8px}.card-standard-container .source-div .source-icon{border-radius:8px;display:block;margin:auto;max-width:58px;max-height:-webkit-fill-available}.card-standard-container mat-card-content{background:#fff}.card-standard-container .card-img{min-width:245px;max-height:140px;min-height:140px;display:block;-o-object-fit:fill;object-fit:fill;border-top-left-radius:8px;border-top-right-radius:8px;width:100%}.card-standard-container .mat-subheading-1{font:600 14px/24px Montserrat}.card-standard-container .complexity{padding-top:70px;display:flex;font-size:14px;line-height:21px;padding-bottom:10px}.card-standard-container .complexity .mode-tag{border-radius:5px;order:2;margin-left:auto;color:#fff;font-size:10px}.card-standard-container .complexity .duration{display:flex;margin-left:auto;order:3;font-weight:700}.card-standard-container .complexity .time-text{margin:0 5px 0 6px;font-weight:700}.card-standard-container .basic{margin:auto 0}.card-standard-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}.card-standard-container .description-text{position:relative;overflow:hidden;height:42px;white-space:normal;text-overflow:ellipsis}.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}.width-238{width:238px!important}.cbp-mark{border-radius:12px 0;opacity:1;background-image:linear-gradient(90deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 100%);position:absolute;top:0;padding:8px}.cbp-mark p{opacity:1;background-color:#fff;padding:4px;opacity:1;color:#1b2133;font-family:Lato-Regular;font-size:10px;font-weight:400;font-style:Regular;letter-spacing:.5px;text-align:left;line-height:12px;margin-bottom:0}.cbpwidth{width:340px}.cbp-plan{border-radius:4px;opacity:1;background-color:#1b4ca1;top:4px;left:4px;opacity:1;color:rgba(255,255,255,.95);font-family:Lato-Bold;font-size:12px;font-weight:700;font-style:normal;letter-spacing:.25px;text-align:center;line-height:16px;padding:4px}.cbp-info{opacity:1;color:#fff;font-family:Lato-Regular;font-size:10px;font-weight:400;font-style:normal;letter-spacing:.5px;text-align:left;line-height:12px;padding:2px}.cbp-danger{border-radius:2px;border:1px solid rgba(0,0,0,.08);background-color:#d13924!important;color:#fff!important;opacity:1}.cbp-success{border-radius:2px;border:1px solid #1d8922;background-color:#1d8922!important;color:#fff!important;opacity:1}.cbp-warning{border-radius:2px;border:1px solid #ef951e;background-color:#ef951e!important;color:#fff!important;opacity:1}"]
10953
10955
  }] }
10954
10956
  ];
@@ -11084,67 +11086,58 @@ var CardAssessmentComponent = /** @class */ (function () {
11084
11086
  */
11085
11087
  function (data) {
11086
11088
  var _this = this;
11087
- this.updateCountdown(data.startDate, data.endDate);
11088
- // Update the countdown every second
11089
+ /** @type {?} */
11090
+ var startDate = data.startDate;
11091
+ /** @type {?} */
11092
+ var startTime = data.startTime;
11093
+ this.updateCountdown(startDate, startTime);
11089
11094
  this.intervalId = setInterval((/**
11090
11095
  * @return {?}
11091
11096
  */
11092
11097
  function () {
11093
- _this.updateCountdown(data.startDate, data.endDate);
11098
+ _this.updateCountdown(startDate, startTime);
11094
11099
  }), 1000);
11095
11100
  };
11096
11101
  // Method to update the countdown values
11097
11102
  // Method to update the countdown values
11098
11103
  /**
11099
11104
  * @param {?} startDate
11100
- * @param {?} endDate
11105
+ * @param {?} startTime
11101
11106
  * @return {?}
11102
11107
  */
11103
11108
  CardAssessmentComponent.prototype.updateCountdown =
11104
11109
  // Method to update the countdown values
11105
11110
  /**
11106
11111
  * @param {?} startDate
11107
- * @param {?} endDate
11112
+ * @param {?} startTime
11108
11113
  * @return {?}
11109
11114
  */
11110
- function (startDate, endDate) {
11115
+ function (startDate, startTime) {
11111
11116
  /** @type {?} */
11112
11117
  var now = new Date().getTime();
11113
- // Current time in milliseconds
11114
11118
  /** @type {?} */
11115
- var targetTime = new Date(startDate).getTime();
11119
+ var startDateTime = new Date(startDate + "T" + startTime);
11116
11120
  /** @type {?} */
11117
- var targetEndDate = new Date(endDate).getTime();
11118
- /** @type {?} */
11119
- var distance = targetTime - now;
11120
- // Distance in milliseconds
11121
- /** @type {?} */
11122
- var endDistance = now - targetEndDate;
11121
+ var distance = startDateTime.getTime() - now;
11123
11122
  if (distance > 0) {
11124
- this.daysRemaining = Math.ceil(distance / (1000 * 60 * 60 * 24));
11125
11123
  this.daysPending = true;
11124
+ // this.days = Math.ceil(distance / (1000 * 60 * 60 * 24));
11125
+ // this.hours = Math.ceil(distance / (1000 * 60 * 60));
11126
+ // this.minutes = Math.ceil((distance % (1000 * 60 * 60)) / (1000 * 60));
11127
+ this.days = Math.floor(distance / (1000 * 60 * 60 * 24));
11128
+ this.hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
11129
+ this.minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
11126
11130
  }
11127
11131
  else {
11128
11132
  this.daysRemaining = 0;
11129
11133
  this.daysPending = false;
11130
11134
  this.clearTimer();
11131
11135
  }
11132
- if (endDistance > 0) {
11133
- this.daysFinish = true;
11134
- this.clearTimer();
11135
- }
11136
- else {
11137
- this.daysFinish = false;
11138
- }
11139
11136
  };
11140
- // Method to clear the interval
11141
- // Method to clear the interval
11142
11137
  /**
11143
11138
  * @return {?}
11144
11139
  */
11145
- CardAssessmentComponent.prototype.clearTimer =
11146
- // Method to clear the interval
11147
- /**
11140
+ CardAssessmentComponent.prototype.clearTimer = /**
11148
11141
  * @return {?}
11149
11142
  */
11150
11143
  function () {
@@ -11179,8 +11172,8 @@ var CardAssessmentComponent = /** @class */ (function () {
11179
11172
  CardAssessmentComponent.decorators = [
11180
11173
  { type: Component, args: [{
11181
11174
  selector: 'sb-uic-card-assessment',
11182
- template: "\n<ng-container *ngIf=\"!isCardLoading\">\n\t<ng-container *ngIf=\"!daysFinish\">\n\t<mat-card class=\"card-assessment card-scheduled-assessment card-users-container padding-remove cursor-pointer mr-4\">\n\t<a (click)=\"getRedirectUrlData(widgetData?.content); $event.stopPropagation()\">\n\t\t<div class=\"display-contents\">\n\t\t\t<ng-container *ngIf=\"widgetData\">\n\t\t\t\t<mat-card-content>\n\t\t\t\t\t<div class=\"flex flex-col h-full\">\n\t\t\t\t\t\t<div class=\"flex flex-1 flex-row padding-s\">\n\t\t\t\t\t\t\t<div class=\"flex image-container\">\n\t\t\t\t\t\t\t\t<ng-container *ngIf=\"widgetData?.content?.posterImage\">\n\t\t\t\t\t\t\t\t\t<img mat-card-image class=\"margin-remove assess-img\" [src]=\"widgetData?.content?.posterImage | pipePublicURL\"\n\t\t\t\t\t\t\t\t\t\t[alt]=\"widgetData?.content?.name\">\n\t\t\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t\t\t\t<ng-container *ngIf=\"!widgetData?.content?.posterImage\">\n\t\t\t\t\t\t\t\t\t<ng-template #defaultImg>\n\t\t\t\t\t\t\t\t\t\t<img mat-card-image [src]=\"defaultThumbnail\" loading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\t\tclass=\"card-wide-img ws-mat-primary-lite-background margin-remove assess-img\"\n\t\t\t\t\t\t\t\t\t\t\t[alt]=\"widgetData?.content?.name\" />\n\t\t\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t\t\t</ng-container>\n\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"flex title-container flex-col\">\n\t\t\t\t\t\t\t\t<div class=\"flex title-text mat-subheading-1\">\n\t\t\t\t\t\t\t\t\t{{ widgetData?.content?.name }}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"flex margin-remove margin-top-s font-normal mat-caption sub-title-text\">\n\t\t\t\t\t\t\t\t\t<div class=\"course_logo_box\">\n\t\t\t\t\t\t\t\t\t\t<img [src]=\"widgetData?.content?.creatorLogo | pipePublicURL \" class=\"source-icon\"\n\t\t\t\t\t\t\t\t\t\t\t[wsUtilsDefaultThumbnail]=\"defaultSLogo\"\n\t\t\t\t\t\t\t\t\t\t\t[alt]=\"(widgetData?.content?.sourceName + '_' + widgetData?.content?.identifier)\" />\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<span class=\"sub-title-text\">\n\t\t\t\t\t\t\t\t\t\t{{ (widgetData?.content?.organisation && widgetData?.content?.organisation[0]) ?\n\t\t\t\t\t\t\t\t\t\twidgetData?.content?.organisation[0] : 'Karmayogi Bharat' }}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<span class=\"start-span\">Assessment starts in </span>\n\t\t\t\t\t\t<mat-card-footer class=\"assessment-card-footer padding-m\">\n\t\t\t\t\t\t\t<div class=\"flex flex-1 items-center justify-center col-row margin-top-m\">\n\t\t\t\t\t\t\t\t<div class=\"flex margin-right-m\">\n\t\t\t\t\t\t\t\t\t<span *ngIf=\"daysPending\"> {{ startCountdown(widgetData?.content?.batch?.startDate) }}<div id=\"demo\"></div> </span>\n\t\t\t\t\t\t\t\t\t<span *ngIf=\"!daysPending\" class=\"start-btn\"> Start Assessment </span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"flex\">\n\t\t\t\t\t\t\t\t\t<span class=\"time-span flex items-center justify-center\">{{widgetData?.content?.batch?.startDate | date: 'd MMM, y' }}</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</mat-card-footer>\n\t\t\t\t\t</div>\n\t\t\t\t</mat-card-content>\n\t\t\t</ng-container>\n\t\t</div>\n\t</a>\n</mat-card>\n</ng-container>\n</ng-container>\n\n\n\n<ng-container *ngIf=\"isCardLoading\">\n\t<ng-container [ngTemplateOutlet]=\"skeltonLoader\"></ng-container>\n</ng-container>\n\n<ng-template #skeltonLoader>\n\n\t<mat-card class=\"card-assessment card-scheduled-assessment card-users-container padding-remove cursor-pointer mr-4\">\n\t\t<a>\n\t\t\t<div class=\"display-contents\">\n\t\t\t\t<ng-container>\n\t\t\t\t\t<mat-card-content>\n\t\t\t\t\t\t<div class=\"flex flex-col h-full\">\n\t\t\t\t\t\t\t<div class=\"flex flex-1 flex-row padding-s\">\n\t\t\t\t\t\t\t\t<div class=\"flex image-container\">\n\t\t\t\t\t\t\t\t\t<ng-container>\n\t\t\t\t\t\t\t\t\t\t<sb-uic-skeleton-loader [width]=\"'300px'\" [height]=\"'155px'\"\n\t\t\t\t\t\t\t\t\t\t\t></sb-uic-skeleton-loader>\n\t\t\t\t\t\t\t\t\t</ng-container>\n\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"flex title-container flex-col margin-top-m\">\n\t\t\t\t\t\t\t\t\t<div class=\"flex\">\n\t\t\t\t\t\t\t\t\t\t<sb-uic-skeleton-loader [width]=\"'100px'\" [height]=\"'16px'\"\n\t\t\t\t\t\t\t\t\t\t\t[bindingClass]=\"'flex rounded br-8'\"></sb-uic-skeleton-loader>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div class=\"flex margin-remove margin-top-l font-normal\">\n\t\t\t\t\t\t\t\t\t\t<sb-uic-skeleton-loader [width]=\"'100px'\" [height]=\"'16px'\"\n\t\t\t\t\t\t\t\t\t\t\t[bindingClass]=\"'flex rounded br-8'\"></sb-uic-skeleton-loader>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<!-- <span class=\"text-center\"><sb-uic-skeleton-loader [width]=\"'90px'\" [height]=\"'16px'\"\n\t\t\t\t\t\t\t\t\t[bindingClass]=\"'flex rounded br-8'\"></sb-uic-skeleton-loader> </span> -->\n\t\t\t\t\t\t\t<mat-card-footer\n\t\t\t\t\t\t\t\tclass=\"assessment-card-footer col-row padding-l\">\n\t\t\t\t\t\t\t\t<div class=\"flex flex-1 items-center justify-center col-row margin-top-m\">\n\t\t\t\t\t\t\t\t<div class=\"flex margin-right-m\">\n\t\t\t\t\t\t\t\t\t<sb-uic-skeleton-loader [width]=\"'100px'\" [height]=\"'16px'\"\n\t\t\t\t\t\t\t\t\t\t[bindingClass]=\"'flex rounded br-8'\"></sb-uic-skeleton-loader>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"flex\">\n\t\t\t\t\t\t\t\t\t<sb-uic-skeleton-loader [width]=\"'100px'\" [height]=\"'16px'\"\n\t\t\t\t\t\t\t\t\t\t[bindingClass]=\"'flex rounded br-8'\"></sb-uic-skeleton-loader>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</mat-card-footer>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</mat-card-content>\n\t\t\t\t</ng-container>\n\t\t\t</div>\n\t\t</a>\n\t</mat-card>\n</ng-template>\n\n",
11183
- styles: [".card-assessment{width:100%;min-height:190px;box-sizing:border-box;min-width:340px;margin-top:16px;margin-right:12px;border-radius:12px}.image-container{width:145px;height:120px;border-radius:8px;overflow:hidden;border:1px solid rgba(0,0,0,.08)}.image-container img{border-radius:8px;opacity:1;background-size:100%;width:145px!important;height:120px!important;display:flex}.title-container{width:155px;margin-left:12px}.title-text{word-break:break-word;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:48px;font:600 14px/24px Montserrat}.sub-title-text{width:75%;word-break:break-word;white-space:initial;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.course_logo_box{width:38px;height:38px;background:#fff;border-radius:8px;box-sizing:border-box;margin-right:4px;box-shadow:0 2px 1px -1px rgb(0 0 0 / 20%),0 1px 1px 0 rgb(0 0 0 / 14%),0 1px 3px 0 rgb(0 0 0 / 12%)}.course_logo_box img.source-icon{height:28px;width:28px;padding:5px;display:inline-block}.mat-card-footer{margin:0!important}.time-span{padding:2px 8px;color:#fff;border-radius:4px;text-align:center;font-size:12px;background-color:green;width:75px}span.start-span{border-radius:50px;border:2px solid rgba(0,0,0,.08);font-size:12px;text-align:center;position:absolute;bottom:0;width:140px;left:50%;margin-left:-70px;background-color:#fff;margin-bottom:62px;margin-right:8px}.assessment-card-footer{background:rgba(239,149,30,.16)!important;text-align:center;box-sizing:border-box;border-radius:0 0 8px 8px}.start-btn{background:#1b4ca1!important;color:#fff;font-size:14px;font-weight:600;border-radius:25px;text-align:center;padding:4px 12px}.dots-container{display:none}"]
11175
+ template: "<ng-container *ngIf=\"!isCardLoading\">\n\t<mat-card class=\"card-assessment card-scheduled-assessment card-users-container padding-remove cursor-pointer mr-4\">\n\t\t<a (click)=\"getRedirectUrlData(widgetData?.content); $event.stopPropagation()\">\n\t\t\t<div class=\"display-contents\">\n\t\t\t\t<ng-container *ngIf=\"widgetData\">\n\t\t\t\t\t<mat-card-content>\n\t\t\t\t\t\t<div class=\"flex flex-col h-full\">\n\t\t\t\t\t\t\t<div class=\"flex flex-1 flex-row padding-s\">\n\t\t\t\t\t\t\t\t<div class=\"flex image-container\">\n\t\t\t\t\t\t\t\t\t<ng-container *ngIf=\"widgetData?.content?.posterImage\">\n\t\t\t\t\t\t\t\t\t\t<img mat-card-image class=\"margin-remove assess-img\"\n\t\t\t\t\t\t\t\t\t\t\t[src]=\"widgetData?.content?.posterImage | pipePublicURL\" [alt]=\"widgetData?.content?.name\">\n\t\t\t\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t\t\t\t\t<ng-container *ngIf=\"!widgetData?.content?.posterImage\">\n\t\t\t\t\t\t\t\t\t\t<ng-template #defaultImg>\n\t\t\t\t\t\t\t\t\t\t\t<img mat-card-image [src]=\"defaultThumbnail\" loading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"card-wide-img ws-mat-primary-lite-background margin-remove assess-img\"\n\t\t\t\t\t\t\t\t\t\t\t\t[alt]=\"widgetData?.content?.name\" />\n\t\t\t\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t\t\t\t</ng-container>\n\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"flex title-container flex-col\">\n\t\t\t\t\t\t\t\t\t<div class=\"flex title-text mat-subheading-1\">\n\t\t\t\t\t\t\t\t\t\t{{ widgetData?.content?.name }}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div class=\"flex margin-remove margin-top-s font-normal mat-caption sub-title-text\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"course_logo_box\">\n\t\t\t\t\t\t\t\t\t\t\t<img [src]=\"widgetData?.content?.creatorLogo | pipePublicURL \" class=\"source-icon\"\n\t\t\t\t\t\t\t\t\t\t\t\t[wsUtilsDefaultThumbnail]=\"defaultSLogo\"\n\t\t\t\t\t\t\t\t\t\t\t\t[alt]=\"(widgetData?.content?.sourceName + '_' + widgetData?.content?.identifier)\" />\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<span class=\"sub-title-text\">\n\t\t\t\t\t\t\t\t\t\t\t{{ (widgetData?.content?.organisation &&\n\t\t\t\t\t\t\t\t\t\t\twidgetData?.content?.organisation[0]) ?\n\t\t\t\t\t\t\t\t\t\t\twidgetData?.content?.organisation[0] : 'Karmayogi Bharat' }}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<span class=\"start-span\">Assessment starts in </span>\n\t\t\t\t\t\t\t<mat-card-footer class=\"assessment-card-footer padding-m\">\n\t\t\t\t\t\t\t\t<div class=\"flex flex-1 items-center justify-center col-row margin-top-m\">\n\t\t\t\t\t\t\t\t\t<div class=\"flex margin-right-m\">\n\t\t\t\t\t\t\t\t\t\t<span >{{ startCountdown(widgetData?.content?.batch) }}</span>\n\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"daysPending\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"big-text\"><b>{{ days }}</b> <span class=\"small-text\">days</span> </span> : <span\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"big-text\"><b>{{ hours }} </b><span class=\"small-text\">hours</span>\n\t\t\t\t\t\t\t\t\t\t\t</span> : <span class=\"big-text\"> <b>{{ minutes }}</b> <span class=\"small-text\">minutes</span>\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"!daysPending\" class=\"start-btn\"> Start Assessment </span>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div class=\"flex\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"time-span flex items-center justify-center\">{{widgetData?.content?.batch?.startDate\n\t\t\t\t\t\t\t\t\t\t\t| date: 'd MMM, y' }}</span>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</mat-card-footer>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</mat-card-content>\n\t\t\t\t</ng-container>\n\t\t\t</div>\n\t\t</a>\n\t</mat-card>\n</ng-container>\n\n<ng-container *ngIf=\"isCardLoading\">\n\t<ng-container [ngTemplateOutlet]=\"skeltonLoader\"></ng-container>\n</ng-container>\n\n<ng-template #skeltonLoader>\n\t<mat-card class=\"card-assessment card-scheduled-assessment card-users-container padding-remove cursor-pointer mr-4\">\n\t\t<a>\n\t\t\t<div class=\"display-contents\">\n\t\t\t\t<ng-container>\n\t\t\t\t\t<mat-card-content>\n\t\t\t\t\t\t<div class=\"flex flex-col h-full\">\n\t\t\t\t\t\t\t<div class=\"flex flex-1 flex-row padding-s\">\n\t\t\t\t\t\t\t\t<div class=\"flex image-container\">\n\t\t\t\t\t\t\t\t\t<ng-container>\n\t\t\t\t\t\t\t\t\t\t<sb-uic-skeleton-loader [width]=\"'300px'\" [height]=\"'155px'\"></sb-uic-skeleton-loader>\n\t\t\t\t\t\t\t\t\t</ng-container>\n\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"flex title-container flex-col margin-top-m\">\n\t\t\t\t\t\t\t\t\t<div class=\"flex\">\n\t\t\t\t\t\t\t\t\t\t<sb-uic-skeleton-loader [width]=\"'100px'\" [height]=\"'16px'\"\n\t\t\t\t\t\t\t\t\t\t\t[bindingClass]=\"'flex rounded br-8'\"></sb-uic-skeleton-loader>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div class=\"flex margin-remove margin-top-l font-normal\">\n\t\t\t\t\t\t\t\t\t\t<sb-uic-skeleton-loader [width]=\"'100px'\" [height]=\"'16px'\"\n\t\t\t\t\t\t\t\t\t\t\t[bindingClass]=\"'flex rounded br-8'\"></sb-uic-skeleton-loader>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<!-- <span class=\"text-center\"><sb-uic-skeleton-loader [width]=\"'90px'\" [height]=\"'16px'\"\n\t\t\t\t\t\t\t\t\t[bindingClass]=\"'flex rounded br-8'\"></sb-uic-skeleton-loader> </span> -->\n\t\t\t\t\t\t\t<mat-card-footer class=\"assessment-card-footer col-row padding-l\">\n\t\t\t\t\t\t\t\t<div class=\"flex flex-1 items-center justify-center col-row margin-top-m\">\n\t\t\t\t\t\t\t\t\t<div class=\"flex margin-right-m\">\n\t\t\t\t\t\t\t\t\t\t<sb-uic-skeleton-loader [width]=\"'100px'\" [height]=\"'16px'\"\n\t\t\t\t\t\t\t\t\t\t\t[bindingClass]=\"'flex rounded br-8'\"></sb-uic-skeleton-loader>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div class=\"flex\">\n\t\t\t\t\t\t\t\t\t\t<sb-uic-skeleton-loader [width]=\"'100px'\" [height]=\"'16px'\"\n\t\t\t\t\t\t\t\t\t\t\t[bindingClass]=\"'flex rounded br-8'\"></sb-uic-skeleton-loader>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</mat-card-footer>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</mat-card-content>\n\t\t\t\t</ng-container>\n\t\t\t</div>\n\t\t</a>\n\t</mat-card>\n</ng-template>",
11176
+ styles: [".card-assessment{width:100%;min-height:190px;box-sizing:border-box;min-width:340px;margin-top:16px;margin-right:12px;border-radius:12px}.image-container{width:145px;height:120px;border-radius:8px;overflow:hidden;border:1px solid rgba(0,0,0,.08)}.image-container img{border-radius:8px;opacity:1;background-size:100%;width:145px!important;height:120px!important;display:flex}.title-container{width:155px;margin-left:12px}.title-text{word-break:break-word;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:48px;font:600 14px/24px Montserrat}.sub-title-text{width:75%;word-break:break-word;white-space:initial;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.course_logo_box{width:38px;height:38px;background:#fff;border-radius:8px;box-sizing:border-box;margin-right:4px;box-shadow:0 2px 1px -1px rgb(0 0 0 / 20%),0 1px 1px 0 rgb(0 0 0 / 14%),0 1px 3px 0 rgb(0 0 0 / 12%)}.course_logo_box img.source-icon{height:28px;width:28px;padding:5px;display:inline-block}.mat-card-footer{margin:0!important}.time-span{padding:2px 8px;color:#fff;border-radius:4px;text-align:center;font-size:12px;background-color:green;width:75px}span.start-span{border-radius:50px;border:2px solid rgba(0,0,0,.08);font-size:12px;text-align:center;position:absolute;bottom:0;width:140px;left:50%;margin-left:-70px;background-color:#fff;margin-bottom:62px;margin-right:8px}.assessment-card-footer{background:rgba(239,149,30,.16)!important;text-align:center;box-sizing:border-box;border-radius:0 0 8px 8px}.start-btn{background:#1b4ca1!important;color:#fff;font-size:14px;font-weight:600;border-radius:25px;text-align:center;padding:4px 12px}.dots-container{display:none}.big-text{font-size:14px}.small-text{font-size:12px!important;vertical-align:top}"]
11184
11177
  }] }
11185
11178
  ];
11186
11179
  /** @nocollapse */
@@ -11230,6 +11223,12 @@ if (false) {
11230
11223
  * @private
11231
11224
  */
11232
11225
  CardAssessmentComponent.prototype.intervalId;
11226
+ /** @type {?} */
11227
+ CardAssessmentComponent.prototype.days;
11228
+ /** @type {?} */
11229
+ CardAssessmentComponent.prototype.hours;
11230
+ /** @type {?} */
11231
+ CardAssessmentComponent.prototype.minutes;
11233
11232
  /**
11234
11233
  * @type {?}
11235
11234
  * @private
@@ -11713,7 +11712,7 @@ var CardProgressPortraitLibComponent = /** @class */ (function () {
11713
11712
  CardProgressPortraitLibComponent.decorators = [
11714
11713
  { type: Component, args: [{
11715
11714
  selector: 'sb-uic-card-progress-portrait-lib',
11716
- template: "<ng-container *ngIf=\"!isCardLoading\">\n <mat-card class=\"card-portrait card-progress-portrait-lib cursor-pointer\" [ngClass]=\"widgetData?.cardCustomeClass ? widgetData?.cardCustomeClass : ''\" (click)=\"raiseTelemetry();getRedirectUrlData(widgetData?.content); $event.stopPropagation()\" >\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>\n </div>\n <ng-container *ngIf=\"widgetData?.content?.completionPercentage < 100\">\n <div class=\"flex flex-align-end progress-wrapper flex-between\" >\n <div class=\"progress-block\" >\n <div class=\"completed-time\">\n <mat-icon class=\"mat-icon schedule margin-right-xs\">schedule</mat-icon>\n <span>{{widgetData?.content?.completionPercentage}}%</span>\n </div>\n <div>\n <ng-container *ngIf=\"widgetData?.content?.completionStatus < 2\">\n <sb-uic-content-progress class=\"progress-bar-new\" [customClassName]=\"'course-progress-bar'\" *ngIf=\"widgetData?.content?.identifier\"\n [contentId]=\"widgetData?.content?.identifier\" [progress]=\"widgetData?.content?.completionPercentage\"\n [progressType]=\"'percentage'\">\n </sb-uic-content-progress>\n </ng-container>\n </div>\n </div>\n <div class=\"progress-btn\">\n <button class=\"resume-btn flex flex-middle flex-between\" [routerLink]=\"['/app/toc/',widgetData?.content?.identifier,'overview']\"\n [queryParams]=\"{primaryCategory: widgetData?.content?.primaryCategory}\" [state]=\"widgetData?.stateData\" \n [matTooltipPosition]=\"'below'\"\n [matTooltipDisabled]=\"(!widgetData?.content?.completionPercentage ? translateLabels('start', 'cardcontentv2') : translateLabels('resume', 'cardcontentv2')).length < 11\"\n matTooltip=\"{{!widgetData?.content?.completionPercentage ? translateLabels('start', 'cardcontentv2') : translateLabels('resume', 'cardcontentv2')}}\">\n <span class=\"textwrap margin-right-xs\">\n {{!widgetData?.content?.completionPercentage ? translateLabels('start', 'cardcontentv2') : translateLabels('resume', 'cardcontentv2')}}</span>\n <img class=\"stats-icon\" height=\"20\" width=\"20\" src=\"/assets/icons/home/play.svg\">\n </button>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"widgetData?.content?.completionPercentage === 100\">\n <div class=\"flex flex-align-end progress-wrapper flex-end mt-1\">\n <div class=\"progress-btn\">\n <button class=\"resume-btn flex flex-middle flex-between view-btn\" [ngClass]=\"{'disable-btn': downloadCertificateLoading || widgetData?.content?.issuedCertificates?.length === 0}\" (click)=\"!downloadCertificateLoading && downloadCertificate(widgetData?.content);$event.stopPropagation()\" \n [matTooltipPosition]=\"'below'\"\n [matTooltipDisabled]=\"(translateLabels('viewCertificate', 'cardcontentv2')).length < 11\"\n matTooltip=\"{{'cardcontentv2.viewCertificate' | translate }}\">\n <span class=\"margin-right-xs textwrap\">{{'cardcontentv2.viewCertificate' | translate }}</span>\n <img class=\"stats-icon\" *ngIf=\"!downloadCertificateLoading\" height=\"20\" width=\"20\" src=\"/assets/icons/home/eye-white.svg\">\n <div class=\"center flex flex-middle\" *ngIf=\"downloadCertificateLoading\">\n <mat-spinner strokeWidth=\"2\" stroke=\"'red'\" class=\"white-spinner\" [diameter]=\"16\"></mat-spinner>\n </div>\n </button>\n </div>\n </div>\n </ng-container>\n </mat-card>\n</ng-container>\n\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\" [ngClass]=\"widgetData.cardCustomeClass ? widgetData.cardCustomeClass : ''\">\n <div class=\"margin-bottom-xs\">\n <ng-container>\n <sb-uic-skeleton-loader [width]=\"'147px'\" [height]=\"'26px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </ng-container>\n </div>\n <div class=\"flex\">\n <div class=\"margin-right-s\">\n <ng-container>\n <sb-uic-skeleton-loader [width]=\"'147px'\" [height]=\"'98px'\" [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 <div class=\" margin-right-xs\">\n <sb-uic-skeleton-loader [width]=\"'24px'\" [height]=\"'24px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n <span class=\"\"><sb-uic-skeleton-loader [width]=\"'133px'\" [height]=\"'12px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader></span>\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 <div class=\"flex flex-align-end progress-wrapper flex-between\">\n <div class=\"progress-block\">\n <div class=\"completed-time\">\n <sb-uic-skeleton-loader [width]=\"'211px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded margin-top-xs md:w-211'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n <div class=\"progress-btn\">\n <sb-uic-skeleton-loader [width]=\"'117px'\" [height]=\"'32px'\" [bindingClass]=\"'flex rounded margin-top-xs'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n </mat-card>\n</ng-container>",
11715
+ template: "<ng-container *ngIf=\"!isCardLoading\">\n <mat-card class=\"card-portrait card-progress-portrait-lib cursor-pointer\" [ngClass]=\"widgetData?.cardCustomeClass ? widgetData?.cardCustomeClass : ''\" (click)=\"raiseTelemetry();getRedirectUrlData(widgetData?.content); $event.stopPropagation()\" >\n <div class=\"course_widget portrait_widget flex margin-bottom-xs\" [ngClass]=\"{'retiredCards': widgetData?.content?.status === 'Retired' && widgetData?.content?.completionPercentage === 100}\">\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\" [ngClass]=\"{'retiredCards': widgetData?.content?.status === 'Retired' && widgetData?.content?.completionPercentage === 100}\">\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] && cbPlanMapData[widgetData?.content?.identifier]?.contentStatus < 2\">\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>\n </div>\n <ng-container *ngIf=\"widgetData?.content?.completionPercentage < 100\">\n <div class=\"flex flex-align-end progress-wrapper flex-between\" >\n <div class=\"progress-block\" >\n <div class=\"completed-time\">\n <mat-icon class=\"mat-icon schedule margin-right-xs\">schedule</mat-icon>\n <span>{{widgetData?.content?.completionPercentage}}%</span>\n </div>\n <div>\n <ng-container *ngIf=\"widgetData?.content?.completionStatus < 2\">\n <sb-uic-content-progress class=\"progress-bar-new\" [customClassName]=\"'course-progress-bar'\" *ngIf=\"widgetData?.content?.identifier\"\n [contentId]=\"widgetData?.content?.identifier\" [progress]=\"widgetData?.content?.completionPercentage\"\n [progressType]=\"'percentage'\">\n </sb-uic-content-progress>\n </ng-container>\n </div>\n </div>\n <div class=\"progress-btn\">\n <button class=\"resume-btn flex flex-middle flex-between\" [routerLink]=\"['/app/toc/',widgetData?.content?.identifier,'overview']\"\n [queryParams]=\"{primaryCategory: widgetData?.content?.primaryCategory}\" [state]=\"widgetData?.stateData\" \n [matTooltipPosition]=\"'below'\"\n [matTooltipDisabled]=\"(!widgetData?.content?.completionPercentage ? translateLabels('start', 'cardcontentv2') : translateLabels('resume', 'cardcontentv2')).length < 11\"\n matTooltip=\"{{!widgetData?.content?.completionPercentage ? translateLabels('start', 'cardcontentv2') : translateLabels('resume', 'cardcontentv2')}}\">\n <span class=\"textwrap margin-right-xs\">\n {{!widgetData?.content?.completionPercentage ? translateLabels('start', 'cardcontentv2') : translateLabels('resume', 'cardcontentv2')}}</span>\n <img class=\"stats-icon\" height=\"20\" width=\"20\" src=\"/assets/icons/home/play.svg\">\n </button>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"widgetData?.content?.completionPercentage === 100\">\n <div class=\"flex flex-align-end progress-wrapper flex-end mt-1\">\n <div class=\"progress-btn\">\n <button class=\"resume-btn flex flex-middle flex-between view-btn\" [ngClass]=\"{'disable-btn': downloadCertificateLoading || widgetData?.content?.issuedCertificates?.length === 0}\" (click)=\"!downloadCertificateLoading && downloadCertificate(widgetData?.content);$event.stopPropagation()\" \n [matTooltipPosition]=\"'below'\"\n [matTooltipDisabled]=\"(translateLabels('viewCertificate', 'cardcontentv2')).length < 11\"\n matTooltip=\"{{'cardcontentv2.viewCertificate' | translate }}\">\n <span class=\"margin-right-xs textwrap\">{{'cardcontentv2.viewCertificate' | translate }}</span>\n <img class=\"stats-icon\" *ngIf=\"!downloadCertificateLoading\" height=\"20\" width=\"20\" src=\"/assets/icons/home/eye-white.svg\">\n <div class=\"center flex flex-middle\" *ngIf=\"downloadCertificateLoading\">\n <mat-spinner strokeWidth=\"2\" stroke=\"'red'\" class=\"white-spinner\" [diameter]=\"16\"></mat-spinner>\n </div>\n </button>\n </div>\n </div>\n </ng-container>\n </mat-card>\n</ng-container>\n\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\" [ngClass]=\"widgetData.cardCustomeClass ? widgetData.cardCustomeClass : ''\">\n <div class=\"margin-bottom-xs\">\n <ng-container>\n <sb-uic-skeleton-loader [width]=\"'147px'\" [height]=\"'26px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </ng-container>\n </div>\n <div class=\"flex\">\n <div class=\"margin-right-s\">\n <ng-container>\n <sb-uic-skeleton-loader [width]=\"'147px'\" [height]=\"'98px'\" [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 <div class=\" margin-right-xs\">\n <sb-uic-skeleton-loader [width]=\"'24px'\" [height]=\"'24px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n <span class=\"\"><sb-uic-skeleton-loader [width]=\"'133px'\" [height]=\"'12px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader></span>\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 <div class=\"flex flex-align-end progress-wrapper flex-between\">\n <div class=\"progress-block\">\n <div class=\"completed-time\">\n <sb-uic-skeleton-loader [width]=\"'211px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded margin-top-xs md:w-211'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n <div class=\"progress-btn\">\n <sb-uic-skeleton-loader [width]=\"'117px'\" [height]=\"'32px'\" [bindingClass]=\"'flex rounded margin-top-xs'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n </mat-card>\n</ng-container>",
11717
11716
  styles: [".card-portrait{border-radius:12px;border:1px solid rgba(0,0,0,.08);opacity:1;width:318px;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}.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}"]
11718
11717
  }] }
11719
11718
  ];
@@ -11979,6 +11978,7 @@ var CardMdoChannelV1Component = /** @class */ (function () {
11979
11978
  this.router = router;
11980
11979
  this.channelData = new EventEmitter();
11981
11980
  this.emitTelemetry = new EventEmitter();
11981
+ this.isCardLoading = false;
11982
11982
  this.widgetType = '';
11983
11983
  this.widgetSubType = '';
11984
11984
  this.langtranslations.languageSelectedObservable.subscribe((/**
@@ -12052,7 +12052,7 @@ var CardMdoChannelV1Component = /** @class */ (function () {
12052
12052
  CardMdoChannelV1Component.decorators = [
12053
12053
  { type: Component, args: [{
12054
12054
  selector: 'sb-uic-card-mdo-channel-v1',
12055
- template: "<mat-card class=\"channels-card card-channels-container mr-5 padding-remove cursor-pointer\">\n <div class=\"display-contents\">\n <ng-container *ngIf=\"widgetData?.content\">\n <a (click)=\"raiseTelemetry(widgetData?.content); redirectTo(widgetData?.content); $event.stopPropagation()\"\n i18n-aria-label>\n <ng-container>\n <mat-card-content class=\"min-top\">\n <div class=\"flex flex-col h-full\">\n <div class=\"image-container\">\n <ng-container *ngIf=\"widgetData?.content?.imgUrl; else defaultImg\">\n <img mat-card-image [src]=\"widgetData?.content?.imgUrl\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData?.content?.orgName\" />\n </ng-container>\n <ng-template #defaultImg>\n <sb-uic-avatar-photo [randomColor]=\"true\" [name]=\"widgetData?.content?.orgName\" [photoUrl]=\"widgetData?.content?.imgUrl\" size=\"m-side-rating\">\n </sb-uic-avatar-photo>\n </ng-template>\n </div>\n <div class=\"flex title-container px-2\">\n <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n class=\"flex-1 text-center mat-subheading-2 title-text ws-mat-black-text\">\n {{ widgetData?.content?.orgName }}\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </a>\n </ng-container>\n </div>\n</mat-card>",
12055
+ template: "\n<ng-container *ngIf=\"!isCardLoading\">\n <mat-card class=\"channels-card card-channels-container mr-5 padding-remove cursor-pointer\">\n <div class=\"display-contents\">\n <ng-container *ngIf=\"widgetData?.content\">\n <a (click)=\"raiseTelemetry(widgetData?.content); redirectTo(widgetData?.content); $event.stopPropagation()\"\n i18n-aria-label>\n <ng-container>\n <mat-card-content class=\"min-top\">\n <div class=\"flex flex-col h-full\">\n <div class=\"image-container\">\n <ng-container *ngIf=\"widgetData?.content?.imgUrl; else defaultImg\">\n <img mat-card-image [src]=\"widgetData?.content?.imgUrl\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData?.content?.orgName\" />\n </ng-container>\n <ng-template #defaultImg>\n <sb-uic-avatar-photo [randomColor]=\"true\" [name]=\"widgetData?.content?.orgName\" [photoUrl]=\"widgetData?.content?.imgUrl\" size=\"m-side-rating\">\n </sb-uic-avatar-photo>\n </ng-template>\n </div>\n <div class=\"flex title-container px-2\">\n <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n class=\"flex-1 text-center mat-subheading-2 title-text ws-mat-black-text\">\n {{ widgetData?.content?.orgName }}\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </a>\n </ng-container>\n </div>\n </mat-card>\n</ng-container>\n\n\n<ng-container *ngIf=\"isCardLoading\">\n <mat-card class=\"channels-card card-channels-container mr-5 padding-remove cursor-pointer\">\n <div class=\"display-contents\">\n <ng-container >\n <a 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 <sb-uic-skeleton-loader class=\"w-full\" [width]=\"'100%'\" [height]=\"'140px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n <div class=\"flex title-container px-2\">\n <div class=\"flex-1 text-center mat-subheading-2 title-text ws-mat-black-text\">\n <sb-uic-skeleton-loader [width]=\"'100%'\" [height]=\"'12px'\" [bindingClass]=\"'flex rounded mb-2'\"></sb-uic-skeleton-loader>\n <sb-uic-skeleton-loader [width]=\"'100%'\" [height]=\"'12px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </a>\n </ng-container>\n </div>\n </mat-card>\n</ng-container>",
12056
12056
  styles: [".card-channels-container{position:relative;width:245px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;min-height:156px;height:156px;max-height:156px;margin:20px 8px;background:#7faeff!important;border-radius:12px;padding:4px!important}.card-channels-container .min-top{background:inherit;margin-bottom:0;height:inherit}.card-channels-container .image-container{background-color:#fff;width:inherit;height:86px;max-height:86px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:12px}.card-channels-container .card-img{max-height:62px;min-height:62px;display:block;-o-object-fit:fill;object-fit:contain}.card-channels-container .mat-subheading-1{font:600 14px/24px Montserrat}.card-channels-container .title-container{background:inherit}.card-channels-container .description-text{position:relative;overflow:hidden;height:51px}.card-channels-container .title-text{word-break:break-all;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}"]
12057
12057
  }] }
12058
12058
  ];
@@ -12068,7 +12068,8 @@ var CardMdoChannelV1Component = /** @class */ (function () {
12068
12068
  CardMdoChannelV1Component.propDecorators = {
12069
12069
  widgetData: [{ type: Input }],
12070
12070
  channelData: [{ type: Output }],
12071
- emitTelemetry: [{ type: Output }]
12071
+ emitTelemetry: [{ type: Output }],
12072
+ isCardLoading: [{ type: Input }]
12072
12073
  };
12073
12074
  return CardMdoChannelV1Component;
12074
12075
  }());
@@ -12080,6 +12081,8 @@ if (false) {
12080
12081
  /** @type {?} */
12081
12082
  CardMdoChannelV1Component.prototype.emitTelemetry;
12082
12083
  /** @type {?} */
12084
+ CardMdoChannelV1Component.prototype.isCardLoading;
12085
+ /** @type {?} */
12083
12086
  CardMdoChannelV1Component.prototype.defaultThumbnail;
12084
12087
  /** @type {?} */
12085
12088
  CardMdoChannelV1Component.prototype.sourceLogos;
@@ -12959,15 +12962,7 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
12959
12962
  // setting initial values
12960
12963
  strip.loaderWidgets = this.transformSkeletonToWidgets(strip);
12961
12964
  this.processStrip(strip, [], 'fetching', false, null);
12962
- this.fetchFromEnrollmentList(strip, calculateParentStatus);
12963
12965
  this.fetchFromSearchV6(strip, calculateParentStatus);
12964
- this.fetchFromTrendingContent(strip, calculateParentStatus);
12965
- this.fetchAllTopContent(strip, calculateParentStatus);
12966
- this.fetchAllFeaturedContent(strip, calculateParentStatus);
12967
- this.fetchAllBookMarkData(strip, calculateParentStatus);
12968
- this.fetchAllPlaylistSearch(strip, calculateParentStatus);
12969
- this.fetchPlaylistReadData(strip, calculateParentStatus);
12970
- this.fetchCiosContentData(strip, calculateParentStatus);
12971
12966
  this.fetchForYouData(strip, calculateParentStatus);
12972
12967
  this.fetchAllCbpPlans(strip, calculateParentStatus);
12973
12968
  // this.enrollInterval = setInterval(() => {
@@ -12975,877 +12970,35 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
12975
12970
  // }, 1000)
12976
12971
  };
12977
12972
  /**
12978
- * @param {?} strip
12979
- * @param {?=} calculateParentStatus
12973
+ * @param {?} data
12980
12974
  * @return {?}
12981
12975
  */
12982
- ContentStripWithTabsPillsComponent.prototype.fetchFromEnrollmentList = /**
12983
- * @param {?} strip
12984
- * @param {?=} calculateParentStatus
12976
+ ContentStripWithTabsPillsComponent.prototype.toggleInfo = /**
12977
+ * @param {?} data
12985
12978
  * @return {?}
12986
12979
  */
12987
- function (strip, calculateParentStatus) {
12988
- var _this = this;
12989
- if (calculateParentStatus === void 0) { calculateParentStatus = true; }
12990
- if (strip.request && strip.request.enrollmentList && Object.keys(strip.request.enrollmentList).length) {
12991
- /** @type {?} */
12992
- var userId = '';
12993
- /** @type {?} */
12994
- var content_1;
12995
- /** @type {?} */
12996
- var contentNew_1;
12997
- /** @type {?} */
12998
- var tabResults_1 = [];
12999
- /** @type {?} */
13000
- var queryParams = get(strip.request.enrollmentList, 'queryParams');
13001
- if (this.configSvc.userProfile) {
13002
- userId = this.configSvc.userProfile.userId;
12980
+ function (data) {
12981
+ /** @type {?} */
12982
+ var stripInfo = this.stripsResultDataMap[data.key].stripInfo;
12983
+ if (stripInfo) {
12984
+ if (stripInfo.mode !== 'below') {
12985
+ this.loggerSvc.warn("strip info mode: " + stripInfo.mode + " not implemented yet");
12986
+ stripInfo.mode = 'below';
12987
+ }
12988
+ if (stripInfo.mode === 'below') {
12989
+ this.stripsResultDataMap[data.key].stripInfo = __assign({}, stripInfo, { visibilityMode: stripInfo.visibilityMode === 'hidden' ? 'visible' : 'hidden' });
13003
12990
  }
13004
- // tslint:disable-next-line: deprecation
13005
- this.userSvc.fetchUserBatchList(userId, queryParams).subscribe((/**
13006
- * @param {?} result
13007
- * @return {?}
13008
- */
13009
- function (result) {
13010
- /** @type {?} */
13011
- var courses = result && result.courses;
13012
- /** @type {?} */
13013
- var showViewMore = Boolean(courses.length > 5 && strip.stripConfig && strip.stripConfig.postCardForSearch);
13014
- /** @type {?} */
13015
- var viewMoreUrl = showViewMore
13016
- ? {
13017
- path: (strip.viewMoreUrl && strip.viewMoreUrl.path) || '',
13018
- queryParams: {
13019
- q: strip.viewMoreUrl && strip.viewMoreUrl.queryParams,
13020
- f: strip.request && strip.request.searchV6 && strip.request.searchV6.filters
13021
- ? JSON.stringify(
13022
- // this.searchServSvc.transformSearchV6Filters(
13023
- strip.request.searchV6.filters
13024
- // ),
13025
- )
13026
- : {},
13027
- },
13028
- }
13029
- : null;
13030
- if (courses && courses.length) {
13031
- content_1 = courses.map((/**
13032
- * @param {?} c
13033
- * @return {?}
13034
- */
13035
- function (c) {
13036
- /** @type {?} */
13037
- var contentTemp = c.content;
13038
- contentTemp.completionPercentage = c.completionPercentage || c.progress || 0;
13039
- contentTemp.completionStatus = c.completionStatus || c.status || 0;
13040
- contentTemp.enrolledDate = c.enrolledDate || '';
13041
- contentTemp.lastContentAccessTime = c.lastContentAccessTime || '';
13042
- contentTemp.lastReadContentStatus = c.lastReadContentStatus || '';
13043
- contentTemp.lastReadContentId = c.lastReadContentId || '';
13044
- contentTemp.lrcProgressDetails = c.lrcProgressDetails || '';
13045
- contentTemp.issuedCertificates = c.issuedCertificates || [];
13046
- contentTemp.batchId = c.batchId || '';
13047
- return contentTemp;
13048
- }));
13049
- }
13050
- // To filter content with completionPercentage > 0,
13051
- // so that only those content will show in home page
13052
- // continue learing strip
13053
- // if (content && content.length) {
13054
- // contentNew = content.filter((c: any) => {
13055
- // /** commented as both are 0 after enrolll */
13056
- // if (c.completionPercentage && c.completionPercentage > 0) {
13057
- // return c
13058
- // }
13059
- // })
13060
- // }
13061
- // To sort in descending order of the enrolled date
13062
- contentNew_1 = (content_1 || []).sort((/**
13063
- * @param {?} a
13064
- * @param {?} b
13065
- * @return {?}
13066
- */
13067
- function (a, b) {
13068
- /** @type {?} */
13069
- var dateA = new Date(a.lastContentAccessTime || 0);
13070
- /** @type {?} */
13071
- var dateB = new Date(b.lastContentAccessTime || 0);
13072
- return dateB - dateA;
13073
- }));
13074
- if (strip.tabs && strip.tabs.length) {
13075
- tabResults_1 = _this.splitEnrollmentTabsData(contentNew_1, strip);
13076
- _this.processStrip(strip, _this.transformContentsToWidgets(contentNew_1, strip), 'done', calculateParentStatus, viewMoreUrl, tabResults_1);
13077
- }
13078
- else {
13079
- _this.processStrip(strip, _this.transformContentsToWidgets(contentNew_1, strip), 'done', calculateParentStatus, viewMoreUrl);
13080
- }
13081
- }), (/**
13082
- * @return {?}
13083
- */
13084
- function () {
13085
- _this.processStrip(strip, [], 'error', calculateParentStatus, null);
13086
- }));
13087
12991
  }
13088
12992
  };
13089
12993
  /**
13090
- * @param {?} contentNew
12994
+ * @private
12995
+ * @param {?} contents
13091
12996
  * @param {?} strip
13092
12997
  * @return {?}
13093
12998
  */
13094
- ContentStripWithTabsPillsComponent.prototype.splitEnrollmentTabsData = /**
13095
- * @param {?} contentNew
13096
- * @param {?} strip
13097
- * @return {?}
13098
- */
13099
- function (contentNew, strip) {
13100
- /** @type {?} */
13101
- var tabResults = [];
13102
- /** @type {?} */
13103
- var splitData = this.getInprogressAndCompleted(contentNew, (/**
13104
- * @param {?} e
13105
- * @return {?}
13106
- */
13107
- function (e) { return e.completionStatus === 1 || e.completionPercentage < 100; }), strip);
13108
- if (strip.tabs && strip.tabs.length) {
13109
- var _loop_1 = function (i) {
13110
- if (strip.tabs[i]) {
13111
- tabResults.push(__assign({}, strip.tabs[i], { fetchTabStatus: 'done' }, (splitData.find((/**
13112
- * @param {?} itmInner
13113
- * @return {?}
13114
- */
13115
- function (itmInner) {
13116
- if (strip.tabs && strip.tabs[i] && itmInner.value === strip.tabs[i].value) {
13117
- return itmInner;
13118
- }
13119
- return undefined;
13120
- })))));
13121
- }
13122
- };
13123
- for (var i = 0; i < strip.tabs.length; i += 1) {
13124
- _loop_1(i);
13125
- }
13126
- }
13127
- return tabResults;
13128
- };
13129
- /**
13130
- * @param {?} array
13131
- * @param {?} customFilter
13132
- * @param {?} strip
13133
- * @return {?}
13134
- */
13135
- ContentStripWithTabsPillsComponent.prototype.getInprogressAndCompleted = /**
13136
- * @param {?} array
13137
- * @param {?} customFilter
13138
- * @param {?} strip
13139
- * @return {?}
13140
- */
13141
- function (array, customFilter, strip) {
13142
- /** @type {?} */
13143
- var inprogress = [];
13144
- /** @type {?} */
13145
- var completed = [];
13146
- array.forEach((/**
13147
- * @param {?} e
13148
- * @param {?} idx
13149
- * @param {?} arr
13150
- * @return {?}
13151
- */
13152
- function (e, idx, arr) { return (customFilter(e, idx, arr) ? inprogress : completed).push(e); }));
13153
- return [
13154
- { value: 'inprogress', widgets: this.transformContentsToWidgets(inprogress, strip) },
13155
- { value: 'completed', widgets: this.transformContentsToWidgets(completed, strip) }
13156
- ];
13157
- };
13158
- // async fetchFromSearchV6(strip: NsContentStripWithTabs.IContentStripUnit, calculateParentStatus = true) {
13159
- // if (strip.request && strip.request.searchV6 && Object.keys(strip.request.searchV6).length) {
13160
- // // if (!(strip.request.searchV6.locale && strip.request.searchV6.locale.length > 0)) {
13161
- // // if (this.configSvc.activeLocale) {
13162
- // // strip.request.searchV6.locale = [this.configSvc.activeLocale.locals[0]]
13163
- // // } else {
13164
- // // strip.request.searchV6.locale = ['en']
13165
- // // }
13166
- // // }
13167
- // let originalFilters: any = [];
13168
- // // tslint:disable:no-console
13169
- // console.log(originalFilters);
13170
- // if (strip.request &&
13171
- // strip.request.searchV6 &&
13172
- // strip.request.searchV6.request &&
13173
- // strip.request.searchV6.request.filters) {
13174
- // originalFilters = strip.request.searchV6.request.filters;
13175
- // strip.request.searchV6.request.filters = this.checkForDateFilters(strip.request.searchV6.request.filters);
13176
- // strip.request.searchV6.request.filters = this.getFiltersFromArray(
13177
- // strip.request.searchV6.request.filters,
13178
- // );
13179
- // }
13180
- // if (strip.tabs && strip.tabs.length) {
13181
- // // TODO: Have to extract requestRequired to outer level of tabs config
13182
- // const firstTab = strip.tabs[0];
13183
- // if (firstTab.requestRequired) {
13184
- // if (this.stripsResultDataMap[strip.key] && this.stripsResultDataMap[strip.key].tabs) {
13185
- // const allTabs = this.stripsResultDataMap[strip.key].tabs;
13186
- // const currentTabFromMap = (allTabs && allTabs.length && allTabs[0]) as NsContentStripWithTabs.IContentStripTab;
13187
- // this.getTabDataByNewReqSearchV6(strip, 0, currentTabFromMap, calculateParentStatus);
13188
- // }
13189
- // }
13190
- // } else {
13191
- // try {
13192
- // const response = await this.searchV6Request(strip, strip.request, calculateParentStatus);
13193
- // // console.log('calling after - response, ', response)
13194
- // if (response && response.results) {
13195
- // // console.log('calling after-- ')
13196
- // if (response.results.result.content) {
13197
- // if(strip.key === 'scheduledAssessment') {
13198
- // this.enrollInterval = setInterval(() => {
13199
- // this.checkInvitOnlyAssessments(response.results.result.content, strip, calculateParentStatus, response.viewMoreUrl)
13200
- // // tslint:disable-next-line
13201
- // }, 1000)
13202
- // } else {
13203
- // this.processStrip(
13204
- // strip,
13205
- // this.transformContentsToWidgets(response.results.result.content, strip),
13206
- // 'done',
13207
- // calculateParentStatus,
13208
- // response.viewMoreUrl,
13209
- // );
13210
- // }
13211
- // } else if (response.results.result.Event) {
13212
- // this.processStrip(
13213
- // strip,
13214
- // this.transformEventsToWidgets(response.results.result.Event, strip),
13215
- // 'done',
13216
- // calculateParentStatus,
13217
- // response.viewMoreUrl,
13218
- // );
13219
- // } else {
13220
- // this.processStrip(strip, [], 'error', calculateParentStatus, null);
13221
- // }
13222
- // } else {
13223
- // this.processStrip(strip, [], 'error', calculateParentStatus, null);
13224
- // }
13225
- // } catch (error) {
13226
- // // Handle errors
13227
- // // console.error('Error:', error);
13228
- // }
13229
- // }
13230
- // }
13231
- // }
13232
- // async fetchFromSearchV6(strip: NsContentStripWithTabs.IContentStripUnit, calculateParentStatus = true) {
13233
- // if (strip.request && strip.request.searchV6 && Object.keys(strip.request.searchV6).length) {
13234
- // // if (!(strip.request.searchV6.locale && strip.request.searchV6.locale.length > 0)) {
13235
- // // if (this.configSvc.activeLocale) {
13236
- // // strip.request.searchV6.locale = [this.configSvc.activeLocale.locals[0]]
13237
- // // } else {
13238
- // // strip.request.searchV6.locale = ['en']
13239
- // // }
13240
- // // }
13241
- // let originalFilters: any = [];
13242
- // // tslint:disable:no-console
13243
- // console.log(originalFilters);
13244
- // if (strip.request &&
13245
- // strip.request.searchV6 &&
13246
- // strip.request.searchV6.request &&
13247
- // strip.request.searchV6.request.filters) {
13248
- // originalFilters = strip.request.searchV6.request.filters;
13249
- // strip.request.searchV6.request.filters = this.checkForDateFilters(strip.request.searchV6.request.filters);
13250
- // strip.request.searchV6.request.filters = this.getFiltersFromArray(
13251
- // strip.request.searchV6.request.filters,
13252
- // );
13253
- // }
13254
- // if (strip.tabs && strip.tabs.length) {
13255
- // // TODO: Have to extract requestRequired to outer level of tabs config
13256
- // const firstTab = strip.tabs[0];
13257
- // if (firstTab.requestRequired) {
13258
- // if (this.stripsResultDataMap[strip.key] && this.stripsResultDataMap[strip.key].tabs) {
13259
- // const allTabs = this.stripsResultDataMap[strip.key].tabs;
13260
- // const currentTabFromMap = (allTabs && allTabs.length && allTabs[0]) as NsContentStripWithTabs.IContentStripTab;
13261
- // this.getTabDataByNewReqSearchV6(strip, 0, currentTabFromMap, calculateParentStatus);
13262
- // }
13263
- // }
13264
- // } else {
13265
- // try {
13266
- // const response = await this.searchV6Request(strip, strip.request, calculateParentStatus);
13267
- // // console.log('calling after - response, ', response)
13268
- // if (response && response.results) {
13269
- // // console.log('calling after-- ')
13270
- // if (response.results.result.content) {
13271
- // if(strip.key === 'scheduledAssessment') {
13272
- // this.enrollInterval = setInterval(() => {
13273
- // this.checkInvitOnlyAssessments(response.results.result.content, strip, calculateParentStatus, response.viewMoreUrl)
13274
- // // tslint:disable-next-line
13275
- // }, 1000)
13276
- // } else {
13277
- // this.processStrip(
13278
- // strip,
13279
- // this.transformContentsToWidgets(response.results.result.content, strip),
13280
- // 'done',
13281
- // calculateParentStatus,
13282
- // response.viewMoreUrl,
13283
- // );
13284
- // }
13285
- // } else if (response.results.result.Event) {
13286
- // this.processStrip(
13287
- // strip,
13288
- // this.transformEventsToWidgets(response.results.result.Event, strip),
13289
- // 'done',
13290
- // calculateParentStatus,
13291
- // response.viewMoreUrl,
13292
- // );
13293
- // } else {
13294
- // this.processStrip(strip, [], 'error', calculateParentStatus, null);
13295
- // }
13296
- // } else {
13297
- // this.processStrip(strip, [], 'error', calculateParentStatus, null);
13298
- // }
13299
- // } catch (error) {
13300
- // // Handle errors
13301
- // // console.error('Error:', error);
13302
- // }
13303
- // }
13304
- // }
13305
- // }
13306
- /**
13307
- * @param {?} content
13308
- * @param {?} strip
13309
- * @param {?} calculateParentStatus
13310
- * @param {?} viewMoreUrl
13311
- * @return {?}
13312
- */
13313
- ContentStripWithTabsPillsComponent.prototype.checkInvitOnlyAssessments =
13314
- // async fetchFromSearchV6(strip: NsContentStripWithTabs.IContentStripUnit, calculateParentStatus = true) {
13315
- // if (strip.request && strip.request.searchV6 && Object.keys(strip.request.searchV6).length) {
13316
- // // if (!(strip.request.searchV6.locale && strip.request.searchV6.locale.length > 0)) {
13317
- // // if (this.configSvc.activeLocale) {
13318
- // // strip.request.searchV6.locale = [this.configSvc.activeLocale.locals[0]]
13319
- // // } else {
13320
- // // strip.request.searchV6.locale = ['en']
13321
- // // }
13322
- // // }
13323
- // let originalFilters: any = [];
13324
- // // tslint:disable:no-console
13325
- // console.log(originalFilters);
13326
- // if (strip.request &&
13327
- // strip.request.searchV6 &&
13328
- // strip.request.searchV6.request &&
13329
- // strip.request.searchV6.request.filters) {
13330
- // originalFilters = strip.request.searchV6.request.filters;
13331
- // strip.request.searchV6.request.filters = this.checkForDateFilters(strip.request.searchV6.request.filters);
13332
- // strip.request.searchV6.request.filters = this.getFiltersFromArray(
13333
- // strip.request.searchV6.request.filters,
13334
- // );
13335
- // }
13336
- // if (strip.tabs && strip.tabs.length) {
13337
- // // TODO: Have to extract requestRequired to outer level of tabs config
13338
- // const firstTab = strip.tabs[0];
13339
- // if (firstTab.requestRequired) {
13340
- // if (this.stripsResultDataMap[strip.key] && this.stripsResultDataMap[strip.key].tabs) {
13341
- // const allTabs = this.stripsResultDataMap[strip.key].tabs;
13342
- // const currentTabFromMap = (allTabs && allTabs.length && allTabs[0]) as NsContentStripWithTabs.IContentStripTab;
13343
- // this.getTabDataByNewReqSearchV6(strip, 0, currentTabFromMap, calculateParentStatus);
13344
- // }
13345
- // }
13346
- // } else {
13347
- // try {
13348
- // const response = await this.searchV6Request(strip, strip.request, calculateParentStatus);
13349
- // // console.log('calling after - response, ', response)
13350
- // if (response && response.results) {
13351
- // // console.log('calling after-- ')
13352
- // if (response.results.result.content) {
13353
- // if(strip.key === 'scheduledAssessment') {
13354
- // this.enrollInterval = setInterval(() => {
13355
- // this.checkInvitOnlyAssessments(response.results.result.content, strip, calculateParentStatus, response.viewMoreUrl)
13356
- // // tslint:disable-next-line
13357
- // }, 1000)
13358
- // } else {
13359
- // this.processStrip(
13360
- // strip,
13361
- // this.transformContentsToWidgets(response.results.result.content, strip),
13362
- // 'done',
13363
- // calculateParentStatus,
13364
- // response.viewMoreUrl,
13365
- // );
13366
- // }
13367
- // } else if (response.results.result.Event) {
13368
- // this.processStrip(
13369
- // strip,
13370
- // this.transformEventsToWidgets(response.results.result.Event, strip),
13371
- // 'done',
13372
- // calculateParentStatus,
13373
- // response.viewMoreUrl,
13374
- // );
13375
- // } else {
13376
- // this.processStrip(strip, [], 'error', calculateParentStatus, null);
13377
- // }
13378
- // } else {
13379
- // this.processStrip(strip, [], 'error', calculateParentStatus, null);
13380
- // }
13381
- // } catch (error) {
13382
- // // Handle errors
13383
- // // console.error('Error:', error);
13384
- // }
13385
- // }
13386
- // }
13387
- // }
13388
- /**
13389
- * @param {?} content
13390
- * @param {?} strip
13391
- * @param {?} calculateParentStatus
13392
- * @param {?} viewMoreUrl
13393
- * @return {?}
13394
- */
13395
- function (content, strip, calculateParentStatus, viewMoreUrl) {
13396
- var _this = this;
13397
- if (localStorage.getItem('enrollmentMapData')) {
13398
- this.enrollmentMapData = JSON.parse(localStorage.getItem('enrollmentMapData') || '{}');
13399
- /** @type {?} */
13400
- var filteredArray_1 = [];
13401
- content.forEach((/**
13402
- * @param {?} data
13403
- * @return {?}
13404
- */
13405
- function (data) {
13406
- if (_this.enrollmentMapData[data.identifier]) {
13407
- data['batch'] = _this.enrollmentMapData[data.identifier].batch;
13408
- data['completionPercentage'] = _this.enrollmentMapData[data.identifier].completionPercentage;
13409
- filteredArray_1.push(data);
13410
- }
13411
- }));
13412
- this.processStrip(strip, this.transformContentsToWidgets(filteredArray_1, strip), 'done', calculateParentStatus, viewMoreUrl);
13413
- clearInterval(this.enrollInterval);
13414
- }
13415
- };
13416
- // async searchV6Request(strip: NsContentStripWithTabs.IContentStripUnit,
13417
- // request: NsContentStripWithTabs.IContentStripUnit['request'],
13418
- // calculateParentStatus: boolean
13419
- // ): Promise<any> {
13420
- // const originalFilters: any = [];
13421
- // return new Promise<any>((resolve, reject) => {
13422
- // if (request && request.searchV6) {
13423
- // this.contentSvc.searchV6(request.searchV6).subscribe(results => {
13424
- // const showViewMore = Boolean(
13425
- // results.result.content && results.result.content.length > 5 && strip.stripConfig && strip.stripConfig.postCardForSearch,
13426
- // );
13427
- // const viewMoreUrl = showViewMore
13428
- // ? {
13429
- // path: strip.viewMoreUrl && strip.viewMoreUrl.path || '',
13430
- // queryParams: {
13431
- // tab: 'Learn',
13432
- // q: strip.viewMoreUrl && strip.viewMoreUrl.queryParams,
13433
- // f:
13434
- // request &&
13435
- // request.searchV6 &&
13436
- // request.searchV6.request &&
13437
- // request.searchV6.request.filters
13438
- // ? JSON.stringify(
13439
- // this.transformSearchV6FiltersV2(
13440
- // originalFilters,
13441
- // )
13442
- // )
13443
- // : {},
13444
- // },
13445
- // }
13446
- // : null;
13447
- // // if (viewMoreUrl && viewMoreUrl.queryParams) {
13448
- // // viewMoreUrl.queryParams = viewMoreUrl.queryParams
13449
- // // }
13450
- // resolve({ results, viewMoreUrl });
13451
- // }, (error: any) => {
13452
- // this.processStrip(strip, [], 'error', calculateParentStatus, null);
13453
- // reject(error);
13454
- // },
13455
- // );
13456
- // }
13457
- // });
13458
- // }
13459
- // async searchV6Request(strip: NsContentStripWithTabs.IContentStripUnit,
13460
- // request: NsContentStripWithTabs.IContentStripUnit['request'],
13461
- // calculateParentStatus: boolean
13462
- // ): Promise<any> {
13463
- // const originalFilters: any = [];
13464
- // return new Promise<any>((resolve, reject) => {
13465
- // if (request && request.searchV6) {
13466
- // this.contentSvc.searchV6(request.searchV6).subscribe(results => {
13467
- // const showViewMore = Boolean(
13468
- // results.result.content && results.result.content.length > 5 && strip.stripConfig && strip.stripConfig.postCardForSearch,
13469
- // );
13470
- // const viewMoreUrl = showViewMore
13471
- // ? {
13472
- // path: strip.viewMoreUrl && strip.viewMoreUrl.path || '',
13473
- // queryParams: {
13474
- // tab: 'Learn',
13475
- // q: strip.viewMoreUrl && strip.viewMoreUrl.queryParams,
13476
- // f:
13477
- // request &&
13478
- // request.searchV6 &&
13479
- // request.searchV6.request &&
13480
- // request.searchV6.request.filters
13481
- // ? JSON.stringify(
13482
- // this.transformSearchV6FiltersV2(
13483
- // originalFilters,
13484
- // )
13485
- // )
13486
- // : {},
13487
- // },
13488
- // }
13489
- // : null;
13490
- // // if (viewMoreUrl && viewMoreUrl.queryParams) {
13491
- // // viewMoreUrl.queryParams = viewMoreUrl.queryParams
13492
- // // }
13493
- // resolve({ results, viewMoreUrl });
13494
- // }, (error: any) => {
13495
- // this.processStrip(strip, [], 'error', calculateParentStatus, null);
13496
- // reject(error);
13497
- // },
13498
- // );
13499
- // }
13500
- // });
13501
- // }
13502
- /**
13503
- * @param {?} strip
13504
- * @param {?=} calculateParentStatus
13505
- * @return {?}
13506
- */
13507
- ContentStripWithTabsPillsComponent.prototype.fetchFromTrendingContent =
13508
- // async searchV6Request(strip: NsContentStripWithTabs.IContentStripUnit,
13509
- // request: NsContentStripWithTabs.IContentStripUnit['request'],
13510
- // calculateParentStatus: boolean
13511
- // ): Promise<any> {
13512
- // const originalFilters: any = [];
13513
- // return new Promise<any>((resolve, reject) => {
13514
- // if (request && request.searchV6) {
13515
- // this.contentSvc.searchV6(request.searchV6).subscribe(results => {
13516
- // const showViewMore = Boolean(
13517
- // results.result.content && results.result.content.length > 5 && strip.stripConfig && strip.stripConfig.postCardForSearch,
13518
- // );
13519
- // const viewMoreUrl = showViewMore
13520
- // ? {
13521
- // path: strip.viewMoreUrl && strip.viewMoreUrl.path || '',
13522
- // queryParams: {
13523
- // tab: 'Learn',
13524
- // q: strip.viewMoreUrl && strip.viewMoreUrl.queryParams,
13525
- // f:
13526
- // request &&
13527
- // request.searchV6 &&
13528
- // request.searchV6.request &&
13529
- // request.searchV6.request.filters
13530
- // ? JSON.stringify(
13531
- // this.transformSearchV6FiltersV2(
13532
- // originalFilters,
13533
- // )
13534
- // )
13535
- // : {},
13536
- // },
13537
- // }
13538
- // : null;
13539
- // // if (viewMoreUrl && viewMoreUrl.queryParams) {
13540
- // // viewMoreUrl.queryParams = viewMoreUrl.queryParams
13541
- // // }
13542
- // resolve({ results, viewMoreUrl });
13543
- // }, (error: any) => {
13544
- // this.processStrip(strip, [], 'error', calculateParentStatus, null);
13545
- // reject(error);
13546
- // },
13547
- // );
13548
- // }
13549
- // });
13550
- // }
13551
- /**
13552
- * @param {?} strip
13553
- * @param {?=} calculateParentStatus
13554
- * @return {?}
13555
- */
13556
- function (strip, calculateParentStatus) {
13557
- if (calculateParentStatus === void 0) { calculateParentStatus = true; }
13558
- return __awaiter(this, void 0, void 0, function () {
13559
- var originalFilters, firstTab, allTabs, currentTabFromMap, response, content, error_1;
13560
- return __generator(this, function (_a) {
13561
- switch (_a.label) {
13562
- case 0:
13563
- if (!(strip.request && strip.request.trendingSearch && Object.keys(strip.request.trendingSearch).length)) return [3 /*break*/, 4];
13564
- // if (!(strip.request.searchV6.locale && strip.request.searchV6.locale.length > 0)) {
13565
- // if (this.configSvc.activeLocale) {
13566
- // strip.request.searchV6.locale = [this.configSvc.activeLocale.locals[0]]
13567
- // } else {
13568
- // strip.request.searchV6.locale = ['en']
13569
- // }
13570
- // }
13571
- originalFilters = [];
13572
- // tslint:disable:no-console
13573
- if (strip.request &&
13574
- strip.request.trendingSearch &&
13575
- strip.request.trendingSearch.request &&
13576
- strip.request.trendingSearch.request.filters) {
13577
- originalFilters = strip.request.trendingSearch.request.filters;
13578
- strip.request.trendingSearch.request.filters = this.checkForDateFilters(strip.request.trendingSearch.request.filters);
13579
- strip.request.trendingSearch.request.filters = this.getFiltersFromArray(strip.request.trendingSearch.request.filters);
13580
- }
13581
- if (!(strip.tabs && strip.tabs.length)) return [3 /*break*/, 1];
13582
- // TODO: Have to extract requestRequired to outer level of tabs config
13583
- firstTab = strip.tabs[0];
13584
- if (firstTab.requestRequired) {
13585
- if (this.stripsResultDataMap[strip.key] && this.stripsResultDataMap[strip.key].tabs) {
13586
- allTabs = this.stripsResultDataMap[strip.key].tabs;
13587
- currentTabFromMap = (/** @type {?} */ ((allTabs && allTabs.length && allTabs[0])));
13588
- this.getTabDataByNewReqTrending(strip, 0, 0, currentTabFromMap, calculateParentStatus);
13589
- }
13590
- }
13591
- return [3 /*break*/, 4];
13592
- case 1:
13593
- _a.trys.push([1, 3, , 4]);
13594
- return [4 /*yield*/, this.trendingSearchRequest(strip, strip.request, calculateParentStatus)];
13595
- case 2:
13596
- response = _a.sent();
13597
- if (response && response.results && response.results.response) {
13598
- content = response.results.response[strip.request.trendingSearch.responseKey] || [];
13599
- this.processStrip(strip, this.transformContentsToWidgets(content, strip), 'done', calculateParentStatus, response.viewMoreUrl || '');
13600
- if (!content.length) {
13601
- this.emptyResponse.emit(true);
13602
- }
13603
- }
13604
- else {
13605
- this.emptyResponse.emit(true);
13606
- this.processStrip(strip, [], 'done', calculateParentStatus, null);
13607
- }
13608
- return [3 /*break*/, 4];
13609
- case 3:
13610
- error_1 = _a.sent();
13611
- // Handle errors
13612
- this.emptyResponse.emit(true);
13613
- this.processStrip(strip, [], 'error', calculateParentStatus, null);
13614
- return [3 /*break*/, 4];
13615
- case 4: return [2 /*return*/];
13616
- }
13617
- });
13618
- });
13619
- };
13620
- // async trendingSearchRequest(strip: NsContentStripWithTabs.IContentStripUnit,
13621
- // request: NsContentStripWithTabs.IContentStripUnit['request'],
13622
- // calculateParentStatus: boolean
13623
- // ): Promise<any> {
13624
- // const originalFilters: any = [];
13625
- // return new Promise<any>((resolve, reject) => {
13626
- // if (request && request.trendingSearch) {
13627
- // // check for the request if it has dynamic values]
13628
- // if (request.trendingSearch.request.filters.organisation &&
13629
- // request.trendingSearch.request.filters.organisation.indexOf('<orgID>') >= 0
13630
- // ) {
13631
- // let userRootOrgId;
13632
- // if (this.configSvc.userProfile) {
13633
- // userRootOrgId = this.configSvc.userProfile.rootOrgId;
13634
- // }
13635
- // request.trendingSearch.request.filters.organisation = userRootOrgId;
13636
- // }
13637
- // this.contentSvc.trendingContentSearch(request.trendingSearch).subscribe(results => {
13638
- // const showViewMore = Boolean(
13639
- // results.result &&
13640
- // strip.request &&
13641
- // results.result[strip.request.trendingSearch.responseKey] &&
13642
- // results.result[strip.request.trendingSearch.responseKey].length > 5 &&
13643
- // strip.stripConfig && strip.stripConfig.postCardForSearch,
13644
- // );
13645
- // const viewMoreUrl = showViewMore
13646
- // ? {
13647
- // path: strip.viewMoreUrl && strip.viewMoreUrl.path || '',
13648
- // queryParams: {
13649
- // tab: 'Learn',
13650
- // q: strip.viewMoreUrl && strip.viewMoreUrl.queryParams,
13651
- // f:
13652
- // request &&
13653
- // request.trendingSearch &&
13654
- // request.trendingSearch.request &&
13655
- // request.trendingSearch.request.filters
13656
- // ? JSON.stringify(
13657
- // this.transformSearchV6FiltersV2(
13658
- // originalFilters,
13659
- // )
13660
- // )
13661
- // : {},
13662
- // },
13663
- // }
13664
- // : null;
13665
- // let proccesedResult: any = []
13666
- // if (results && results.response && results.response.certifications) {
13667
- // results.response.certifications.map((result: any) => {
13668
- // if (result.source === this.channnelName) {
13669
- // proccesedResult.push(result)
13670
- // }
13671
- // })
13672
- // }
13673
- // results = {response: {certifications: proccesedResult}}
13674
- // resolve({ results, viewMoreUrl });
13675
- // }, (error: any) => {
13676
- // if (error.error && error.error.status === 400) {
13677
- // this.processStrip(strip, [], 'done', calculateParentStatus, null);
13678
- // }
13679
- // // this.processStrip(strip, [], 'done', calculateParentStatus, null)
13680
- // reject(error);
13681
- // },
13682
- // );
13683
- // }
13684
- // });
13685
- // }
13686
- // async trendingSearchRequest(strip: NsContentStripWithTabs.IContentStripUnit,
13687
- // request: NsContentStripWithTabs.IContentStripUnit['request'],
13688
- // calculateParentStatus: boolean
13689
- // ): Promise<any> {
13690
- // const originalFilters: any = [];
13691
- // return new Promise<any>((resolve, reject) => {
13692
- // if (request && request.trendingSearch) {
13693
- // // check for the request if it has dynamic values]
13694
- // if (request.trendingSearch.request.filters.organisation &&
13695
- // request.trendingSearch.request.filters.organisation.indexOf('<orgID>') >= 0
13696
- // ) {
13697
- // let userRootOrgId;
13698
- // if (this.configSvc.userProfile) {
13699
- // userRootOrgId = this.configSvc.userProfile.rootOrgId;
13700
- // }
13701
- // request.trendingSearch.request.filters.organisation = userRootOrgId;
13702
- // }
13703
- // this.contentSvc.trendingContentSearch(request.trendingSearch).subscribe(results => {
13704
- // const showViewMore = Boolean(
13705
- // results.result &&
13706
- // strip.request &&
13707
- // results.result[strip.request.trendingSearch.responseKey] &&
13708
- // results.result[strip.request.trendingSearch.responseKey].length > 5 &&
13709
- // strip.stripConfig && strip.stripConfig.postCardForSearch,
13710
- // );
13711
- // const viewMoreUrl = showViewMore
13712
- // ? {
13713
- // path: strip.viewMoreUrl && strip.viewMoreUrl.path || '',
13714
- // queryParams: {
13715
- // tab: 'Learn',
13716
- // q: strip.viewMoreUrl && strip.viewMoreUrl.queryParams,
13717
- // f:
13718
- // request &&
13719
- // request.trendingSearch &&
13720
- // request.trendingSearch.request &&
13721
- // request.trendingSearch.request.filters
13722
- // ? JSON.stringify(
13723
- // this.transformSearchV6FiltersV2(
13724
- // originalFilters,
13725
- // )
13726
- // )
13727
- // : {},
13728
- // },
13729
- // }
13730
- // : null;
13731
- // let proccesedResult: any = []
13732
- // if (results && results.response && results.response.certifications) {
13733
- // results.response.certifications.map((result: any) => {
13734
- // if (result.source === this.channnelName) {
13735
- // proccesedResult.push(result)
13736
- // }
13737
- // })
13738
- // }
13739
- // results = {response: {certifications: proccesedResult}}
13740
- // resolve({ results, viewMoreUrl });
13741
- // }, (error: any) => {
13742
- // if (error.error && error.error.status === 400) {
13743
- // this.processStrip(strip, [], 'done', calculateParentStatus, null);
13744
- // }
13745
- // // this.processStrip(strip, [], 'done', calculateParentStatus, null)
13746
- // reject(error);
13747
- // },
13748
- // );
13749
- // }
13750
- // });
13751
- // }
13752
- /**
13753
- * @param {?} data
13754
- * @return {?}
13755
- */
13756
- ContentStripWithTabsPillsComponent.prototype.toggleInfo =
13757
- // async trendingSearchRequest(strip: NsContentStripWithTabs.IContentStripUnit,
13758
- // request: NsContentStripWithTabs.IContentStripUnit['request'],
13759
- // calculateParentStatus: boolean
13760
- // ): Promise<any> {
13761
- // const originalFilters: any = [];
13762
- // return new Promise<any>((resolve, reject) => {
13763
- // if (request && request.trendingSearch) {
13764
- // // check for the request if it has dynamic values]
13765
- // if (request.trendingSearch.request.filters.organisation &&
13766
- // request.trendingSearch.request.filters.organisation.indexOf('<orgID>') >= 0
13767
- // ) {
13768
- // let userRootOrgId;
13769
- // if (this.configSvc.userProfile) {
13770
- // userRootOrgId = this.configSvc.userProfile.rootOrgId;
13771
- // }
13772
- // request.trendingSearch.request.filters.organisation = userRootOrgId;
13773
- // }
13774
- // this.contentSvc.trendingContentSearch(request.trendingSearch).subscribe(results => {
13775
- // const showViewMore = Boolean(
13776
- // results.result &&
13777
- // strip.request &&
13778
- // results.result[strip.request.trendingSearch.responseKey] &&
13779
- // results.result[strip.request.trendingSearch.responseKey].length > 5 &&
13780
- // strip.stripConfig && strip.stripConfig.postCardForSearch,
13781
- // );
13782
- // const viewMoreUrl = showViewMore
13783
- // ? {
13784
- // path: strip.viewMoreUrl && strip.viewMoreUrl.path || '',
13785
- // queryParams: {
13786
- // tab: 'Learn',
13787
- // q: strip.viewMoreUrl && strip.viewMoreUrl.queryParams,
13788
- // f:
13789
- // request &&
13790
- // request.trendingSearch &&
13791
- // request.trendingSearch.request &&
13792
- // request.trendingSearch.request.filters
13793
- // ? JSON.stringify(
13794
- // this.transformSearchV6FiltersV2(
13795
- // originalFilters,
13796
- // )
13797
- // )
13798
- // : {},
13799
- // },
13800
- // }
13801
- // : null;
13802
- // let proccesedResult: any = []
13803
- // if (results && results.response && results.response.certifications) {
13804
- // results.response.certifications.map((result: any) => {
13805
- // if (result.source === this.channnelName) {
13806
- // proccesedResult.push(result)
13807
- // }
13808
- // })
13809
- // }
13810
- // results = {response: {certifications: proccesedResult}}
13811
- // resolve({ results, viewMoreUrl });
13812
- // }, (error: any) => {
13813
- // if (error.error && error.error.status === 400) {
13814
- // this.processStrip(strip, [], 'done', calculateParentStatus, null);
13815
- // }
13816
- // // this.processStrip(strip, [], 'done', calculateParentStatus, null)
13817
- // reject(error);
13818
- // },
13819
- // );
13820
- // }
13821
- // });
13822
- // }
13823
- /**
13824
- * @param {?} data
13825
- * @return {?}
13826
- */
13827
- function (data) {
13828
- /** @type {?} */
13829
- var stripInfo = this.stripsResultDataMap[data.key].stripInfo;
13830
- if (stripInfo) {
13831
- if (stripInfo.mode !== 'below') {
13832
- this.loggerSvc.warn("strip info mode: " + stripInfo.mode + " not implemented yet");
13833
- stripInfo.mode = 'below';
13834
- }
13835
- if (stripInfo.mode === 'below') {
13836
- this.stripsResultDataMap[data.key].stripInfo = __assign({}, stripInfo, { visibilityMode: stripInfo.visibilityMode === 'hidden' ? 'visible' : 'hidden' });
13837
- }
13838
- }
13839
- };
13840
- /**
13841
- * @private
13842
- * @param {?} contents
13843
- * @param {?} strip
13844
- * @return {?}
13845
- */
13846
- ContentStripWithTabsPillsComponent.prototype.transformContentsToWidgets = /**
13847
- * @private
13848
- * @param {?} contents
12999
+ ContentStripWithTabsPillsComponent.prototype.transformContentsToWidgets = /**
13000
+ * @private
13001
+ * @param {?} contents
13849
13002
  * @param {?} strip
13850
13003
  * @return {?}
13851
13004
  */
@@ -14063,428 +13216,19 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
14063
13216
  (strip.request.search && Object.keys(strip.request.search).length) ||
14064
13217
  (strip.request.searchRegionRecommendation &&
14065
13218
  Object.keys(strip.request.searchRegionRecommendation).length) ||
14066
- (strip.request.searchV6 && Object.keys(strip.request.searchV6).length) ||
14067
- (strip.request.enrollmentList && Object.keys(strip.request.enrollmentList).length) ||
14068
13219
  (strip.request.cbpList && Object.keys(strip.request.cbpList).length) ||
14069
- (strip.request.trendingSearch && Object.keys(strip.request.trendingSearch).length) ||
14070
- (strip.request.topContent && Object.keys(strip.request.topContent).length) ||
14071
- (strip.request.featureContent && Object.keys(strip.request.featureContent).length) ||
14072
- (strip.request.bookmarkRead && Object.keys(strip.request.bookmarkRead).length) ||
14073
- (strip.request.playlistSearch && Object.keys(strip.request.playlistSearch).length) ||
14074
- (strip.request.playlistRead && Object.keys(strip.request.playlistRead).length) ||
14075
- (strip.request.ciosContent && Object.keys(strip.request.ciosContent).length) ||
14076
13220
  (strip && strip.tabs.length))) {
14077
13221
  return true;
14078
13222
  }
14079
13223
  return false;
14080
13224
  };
14081
- // public tabClicked(tabEvent: MatTabChangeEvent, stripMap: IStripUnitContentData, stripKey: string) {
14082
- // if (stripMap && stripMap.tabs && stripMap.tabs[tabEvent.index]) {
14083
- // stripMap.tabs[tabEvent.index].fetchTabStatus = 'inprogress';
14084
- // stripMap.tabs[tabEvent.index].tabLoading = true;
14085
- // stripMap.showOnLoader = true;
14086
- // }
14087
- // const data: WsEvents.ITelemetryTabData = {
14088
- // label: `${tabEvent.tab.textLabel}`,
14089
- // index: tabEvent.index,
14090
- // };
14091
- // this.eventSvc.raiseInteractTelemetry(
14092
- // {
14093
- // type: WsEvents.EnumInteractTypes.CLICK,
14094
- // subType: WsEvents.EnumInteractSubTypes.HOME_PAGE_STRIP_TABS,
14095
- // id: `${_.camelCase(data.label)}-tab`,
14096
- // },
14097
- // {},
14098
- // {
14099
- // module: WsEvents.EnumTelemetrymodules.HOME,
14100
- // }
14101
- // );
14102
- // const currentTabFromMap: any = stripMap.tabs && stripMap.tabs[tabEvent.index];
14103
- // const currentStrip = this.widgetData.strips.find(s => s.key === stripKey);
14104
- // if (this.stripsResultDataMap[stripKey] && currentTabFromMap) {
14105
- // this.stripsResultDataMap[stripKey].viewMoreUrl.queryParams = {
14106
- // ...this.stripsResultDataMap[stripKey].viewMoreUrl.queryParams,
14107
- // tabSelected: currentTabFromMap.label,
14108
- // };
14109
- // }
14110
- // if (currentStrip && currentTabFromMap && !currentTabFromMap.computeDataOnClick) {
14111
- // if (currentTabFromMap.requestRequired && currentTabFromMap.request) {
14112
- // // call API to get tab data and process
14113
- // // this.processStrip(currentStrip, [], 'fetching', true, null)
14114
- // if (currentTabFromMap.request.searchV6) {
14115
- // this.getTabDataByNewReqSearchV6(currentStrip, tabEvent.index, currentTabFromMap, true);
14116
- // } else if (currentTabFromMap.request.trendingSearch) {
14117
- // this.getTabDataByNewReqTrending(currentStrip, tabEvent.index, 0, currentTabFromMap, true);
14118
- // }
14119
- // if (stripMap && stripMap.tabs && stripMap.tabs[tabEvent.index]) {
14120
- // stripMap.tabs[tabEvent.index].tabLoading = false;
14121
- // }
14122
- // } else {
14123
- // this.getTabDataByfilter(currentStrip, currentTabFromMap, true);
14124
- // setTimeout(() => {
14125
- // if (stripMap && stripMap.tabs && stripMap.tabs[tabEvent.index]) {
14126
- // stripMap.tabs[tabEvent.index].tabLoading = false;
14127
- // stripMap.tabs[tabEvent.index].fetchTabStatus = 'done';
14128
- // stripMap.showOnLoader = false;
14129
- // }
14130
- // }, 200);
14131
- // }
14132
- // }
14133
- // }
14134
- // async getTabDataByNewReqSearchV6(
14135
- // strip: NsContentStripWithTabs.IContentStripUnit,
14136
- // tabIndex: number,
14137
- // currentTab: NsContentStripWithTabs.IContentStripTab,
14138
- // calculateParentStatus: boolean
14139
- // ) {
14140
- // try {
14141
- // const response = await this.searchV6Request(strip, currentTab.request, calculateParentStatus);
14142
- // if (response && response.results) {
14143
- // const widgets = this.transformContentsToWidgets(response.results.result.content, strip);
14144
- // let tabResults: any[] = [];
14145
- // if (this.stripsResultDataMap[strip.key] && this.stripsResultDataMap[strip.key].tabs) {
14146
- // const allTabs = this.stripsResultDataMap[strip.key].tabs;
14147
- // if (allTabs && allTabs.length && allTabs[tabIndex]) {
14148
- // allTabs[tabIndex] = {
14149
- // ...allTabs[tabIndex],
14150
- // widgets,
14151
- // fetchTabStatus: 'done',
14152
- // };
14153
- // tabResults = allTabs;
14154
- // }
14155
- // }
14156
- // this.processStrip(
14157
- // strip,
14158
- // widgets,
14159
- // 'done',
14160
- // calculateParentStatus,
14161
- // response.viewMoreUrl,
14162
- // tabResults // tabResults as widgets
14163
- // );
14164
- // } else {
14165
- // this.processStrip(strip, [], 'error', calculateParentStatus, null);
14166
- // }
14167
- // } catch (error) {
14168
- // // Handle errors
14169
- // // console.error('Error:', error);
14170
- // }
14171
- // }
14172
- // async getTabDataByNewReqTrending(
14173
- // strip: NsContentStripWithTabs.IContentStripUnit,
14174
- // tabIndex: number,
14175
- // currentTab: NsContentStripWithTabs.IContentStripTab,
14176
- // calculateParentStatus: boolean
14177
- // ) {
14178
- // try {
14179
- // const response = await this.trendingSearchRequest(strip, currentTab.request, calculateParentStatus);
14180
- // if (response && response.results && response.results.response) {
14181
- // const content = response.results.response[currentTab.value] || [];
14182
- // const widgets = this.transformContentsToWidgets(content, strip);
14183
- // // console.log('currentTab --- widgets', widgets)
14184
- // let tabResults: any[] = [];
14185
- // if (this.stripsResultDataMap[strip.key] && this.stripsResultDataMap[strip.key].tabs) {
14186
- // const allTabs = this.stripsResultDataMap[strip.key].tabs;
14187
- // if (allTabs && allTabs.length && allTabs[tabIndex]) {
14188
- // allTabs[tabIndex] = {
14189
- // ...allTabs[tabIndex],
14190
- // widgets,
14191
- // fetchTabStatus: 'done',
14192
- // };
14193
- // tabResults = allTabs;
14194
- // }
14195
- // }
14196
- // // console.log('tabResults -++++***--', tabResults)
14197
- // // console.log('calling after-- ')
14198
- // this.processStrip(
14199
- // strip,
14200
- // widgets,
14201
- // 'done',
14202
- // calculateParentStatus,
14203
- // response.viewMoreUrl,
14204
- // tabResults // tabResults as widgets
14205
- // );
14206
- // } else {
14207
- // this.processStrip(strip, [], 'done', calculateParentStatus, null);
14208
- // }
14209
- // } catch (error) {
14210
- // // Handle errors
14211
- // this.processStrip(strip, [], 'error', calculateParentStatus, null);
14212
- // }
14213
- // }
14214
- // public tabClicked(tabEvent: MatTabChangeEvent, stripMap: IStripUnitContentData, stripKey: string) {
14215
- // if (stripMap && stripMap.tabs && stripMap.tabs[tabEvent.index]) {
14216
- // stripMap.tabs[tabEvent.index].fetchTabStatus = 'inprogress';
14217
- // stripMap.tabs[tabEvent.index].tabLoading = true;
14218
- // stripMap.showOnLoader = true;
14219
- // }
14220
- // const data: WsEvents.ITelemetryTabData = {
14221
- // label: `${tabEvent.tab.textLabel}`,
14222
- // index: tabEvent.index,
14223
- // };
14224
- // this.eventSvc.raiseInteractTelemetry(
14225
- // {
14226
- // type: WsEvents.EnumInteractTypes.CLICK,
14227
- // subType: WsEvents.EnumInteractSubTypes.HOME_PAGE_STRIP_TABS,
14228
- // id: `${_.camelCase(data.label)}-tab`,
14229
- // },
14230
- // {},
14231
- // {
14232
- // module: WsEvents.EnumTelemetrymodules.HOME,
14233
- // }
14234
- // );
14235
- // const currentTabFromMap: any = stripMap.tabs && stripMap.tabs[tabEvent.index];
14236
- // const currentStrip = this.widgetData.strips.find(s => s.key === stripKey);
14237
- // if (this.stripsResultDataMap[stripKey] && currentTabFromMap) {
14238
- // this.stripsResultDataMap[stripKey].viewMoreUrl.queryParams = {
14239
- // ...this.stripsResultDataMap[stripKey].viewMoreUrl.queryParams,
14240
- // tabSelected: currentTabFromMap.label,
14241
- // };
14242
- // }
14243
- // if (currentStrip && currentTabFromMap && !currentTabFromMap.computeDataOnClick) {
14244
- // if (currentTabFromMap.requestRequired && currentTabFromMap.request) {
14245
- // // call API to get tab data and process
14246
- // // this.processStrip(currentStrip, [], 'fetching', true, null)
14247
- // if (currentTabFromMap.request.searchV6) {
14248
- // this.getTabDataByNewReqSearchV6(currentStrip, tabEvent.index, currentTabFromMap, true);
14249
- // } else if (currentTabFromMap.request.trendingSearch) {
14250
- // this.getTabDataByNewReqTrending(currentStrip, tabEvent.index, 0, currentTabFromMap, true);
14251
- // }
14252
- // if (stripMap && stripMap.tabs && stripMap.tabs[tabEvent.index]) {
14253
- // stripMap.tabs[tabEvent.index].tabLoading = false;
14254
- // }
14255
- // } else {
14256
- // this.getTabDataByfilter(currentStrip, currentTabFromMap, true);
14257
- // setTimeout(() => {
14258
- // if (stripMap && stripMap.tabs && stripMap.tabs[tabEvent.index]) {
14259
- // stripMap.tabs[tabEvent.index].tabLoading = false;
14260
- // stripMap.tabs[tabEvent.index].fetchTabStatus = 'done';
14261
- // stripMap.showOnLoader = false;
14262
- // }
14263
- // }, 200);
14264
- // }
14265
- // }
14266
- // }
14267
- // async getTabDataByNewReqSearchV6(
14268
- // strip: NsContentStripWithTabs.IContentStripUnit,
14269
- // tabIndex: number,
14270
- // currentTab: NsContentStripWithTabs.IContentStripTab,
14271
- // calculateParentStatus: boolean
14272
- // ) {
14273
- // try {
14274
- // const response = await this.searchV6Request(strip, currentTab.request, calculateParentStatus);
14275
- // if (response && response.results) {
14276
- // const widgets = this.transformContentsToWidgets(response.results.result.content, strip);
14277
- // let tabResults: any[] = [];
14278
- // if (this.stripsResultDataMap[strip.key] && this.stripsResultDataMap[strip.key].tabs) {
14279
- // const allTabs = this.stripsResultDataMap[strip.key].tabs;
14280
- // if (allTabs && allTabs.length && allTabs[tabIndex]) {
14281
- // allTabs[tabIndex] = {
14282
- // ...allTabs[tabIndex],
14283
- // widgets,
14284
- // fetchTabStatus: 'done',
14285
- // };
14286
- // tabResults = allTabs;
14287
- // }
14288
- // }
14289
- // this.processStrip(
14290
- // strip,
14291
- // widgets,
14292
- // 'done',
14293
- // calculateParentStatus,
14294
- // response.viewMoreUrl,
14295
- // tabResults // tabResults as widgets
14296
- // );
14297
- // } else {
14298
- // this.processStrip(strip, [], 'error', calculateParentStatus, null);
14299
- // }
14300
- // } catch (error) {
14301
- // // Handle errors
14302
- // // console.error('Error:', error);
14303
- // }
14304
- // }
14305
- // async getTabDataByNewReqTrending(
14306
- // strip: NsContentStripWithTabs.IContentStripUnit,
14307
- // tabIndex: number,
14308
- // currentTab: NsContentStripWithTabs.IContentStripTab,
14309
- // calculateParentStatus: boolean
14310
- // ) {
14311
- // try {
14312
- // const response = await this.trendingSearchRequest(strip, currentTab.request, calculateParentStatus);
14313
- // if (response && response.results && response.results.response) {
14314
- // const content = response.results.response[currentTab.value] || [];
14315
- // const widgets = this.transformContentsToWidgets(content, strip);
14316
- // // console.log('currentTab --- widgets', widgets)
14317
- // let tabResults: any[] = [];
14318
- // if (this.stripsResultDataMap[strip.key] && this.stripsResultDataMap[strip.key].tabs) {
14319
- // const allTabs = this.stripsResultDataMap[strip.key].tabs;
14320
- // if (allTabs && allTabs.length && allTabs[tabIndex]) {
14321
- // allTabs[tabIndex] = {
14322
- // ...allTabs[tabIndex],
14323
- // widgets,
14324
- // fetchTabStatus: 'done',
14325
- // };
14326
- // tabResults = allTabs;
14327
- // }
14328
- // }
14329
- // // console.log('tabResults -++++***--', tabResults)
14330
- // // console.log('calling after-- ')
14331
- // this.processStrip(
14332
- // strip,
14333
- // widgets,
14334
- // 'done',
14335
- // calculateParentStatus,
14336
- // response.viewMoreUrl,
14337
- // tabResults // tabResults as widgets
14338
- // );
14339
- // } else {
14340
- // this.processStrip(strip, [], 'done', calculateParentStatus, null);
14341
- // }
14342
- // } catch (error) {
14343
- // // Handle errors
14344
- // this.processStrip(strip, [], 'error', calculateParentStatus, null);
14345
- // }
14346
- // }
14347
13225
  /**
14348
13226
  * @param {?} strip
14349
13227
  * @param {?} currentTab
14350
13228
  * @param {?} calculateParentStatus
14351
13229
  * @return {?}
14352
13230
  */
14353
- ContentStripWithTabsPillsComponent.prototype.getTabDataByfilter =
14354
- // public tabClicked(tabEvent: MatTabChangeEvent, stripMap: IStripUnitContentData, stripKey: string) {
14355
- // if (stripMap && stripMap.tabs && stripMap.tabs[tabEvent.index]) {
14356
- // stripMap.tabs[tabEvent.index].fetchTabStatus = 'inprogress';
14357
- // stripMap.tabs[tabEvent.index].tabLoading = true;
14358
- // stripMap.showOnLoader = true;
14359
- // }
14360
- // const data: WsEvents.ITelemetryTabData = {
14361
- // label: `${tabEvent.tab.textLabel}`,
14362
- // index: tabEvent.index,
14363
- // };
14364
- // this.eventSvc.raiseInteractTelemetry(
14365
- // {
14366
- // type: WsEvents.EnumInteractTypes.CLICK,
14367
- // subType: WsEvents.EnumInteractSubTypes.HOME_PAGE_STRIP_TABS,
14368
- // id: `${_.camelCase(data.label)}-tab`,
14369
- // },
14370
- // {},
14371
- // {
14372
- // module: WsEvents.EnumTelemetrymodules.HOME,
14373
- // }
14374
- // );
14375
- // const currentTabFromMap: any = stripMap.tabs && stripMap.tabs[tabEvent.index];
14376
- // const currentStrip = this.widgetData.strips.find(s => s.key === stripKey);
14377
- // if (this.stripsResultDataMap[stripKey] && currentTabFromMap) {
14378
- // this.stripsResultDataMap[stripKey].viewMoreUrl.queryParams = {
14379
- // ...this.stripsResultDataMap[stripKey].viewMoreUrl.queryParams,
14380
- // tabSelected: currentTabFromMap.label,
14381
- // };
14382
- // }
14383
- // if (currentStrip && currentTabFromMap && !currentTabFromMap.computeDataOnClick) {
14384
- // if (currentTabFromMap.requestRequired && currentTabFromMap.request) {
14385
- // // call API to get tab data and process
14386
- // // this.processStrip(currentStrip, [], 'fetching', true, null)
14387
- // if (currentTabFromMap.request.searchV6) {
14388
- // this.getTabDataByNewReqSearchV6(currentStrip, tabEvent.index, currentTabFromMap, true);
14389
- // } else if (currentTabFromMap.request.trendingSearch) {
14390
- // this.getTabDataByNewReqTrending(currentStrip, tabEvent.index, 0, currentTabFromMap, true);
14391
- // }
14392
- // if (stripMap && stripMap.tabs && stripMap.tabs[tabEvent.index]) {
14393
- // stripMap.tabs[tabEvent.index].tabLoading = false;
14394
- // }
14395
- // } else {
14396
- // this.getTabDataByfilter(currentStrip, currentTabFromMap, true);
14397
- // setTimeout(() => {
14398
- // if (stripMap && stripMap.tabs && stripMap.tabs[tabEvent.index]) {
14399
- // stripMap.tabs[tabEvent.index].tabLoading = false;
14400
- // stripMap.tabs[tabEvent.index].fetchTabStatus = 'done';
14401
- // stripMap.showOnLoader = false;
14402
- // }
14403
- // }, 200);
14404
- // }
14405
- // }
14406
- // }
14407
- // async getTabDataByNewReqSearchV6(
14408
- // strip: NsContentStripWithTabs.IContentStripUnit,
14409
- // tabIndex: number,
14410
- // currentTab: NsContentStripWithTabs.IContentStripTab,
14411
- // calculateParentStatus: boolean
14412
- // ) {
14413
- // try {
14414
- // const response = await this.searchV6Request(strip, currentTab.request, calculateParentStatus);
14415
- // if (response && response.results) {
14416
- // const widgets = this.transformContentsToWidgets(response.results.result.content, strip);
14417
- // let tabResults: any[] = [];
14418
- // if (this.stripsResultDataMap[strip.key] && this.stripsResultDataMap[strip.key].tabs) {
14419
- // const allTabs = this.stripsResultDataMap[strip.key].tabs;
14420
- // if (allTabs && allTabs.length && allTabs[tabIndex]) {
14421
- // allTabs[tabIndex] = {
14422
- // ...allTabs[tabIndex],
14423
- // widgets,
14424
- // fetchTabStatus: 'done',
14425
- // };
14426
- // tabResults = allTabs;
14427
- // }
14428
- // }
14429
- // this.processStrip(
14430
- // strip,
14431
- // widgets,
14432
- // 'done',
14433
- // calculateParentStatus,
14434
- // response.viewMoreUrl,
14435
- // tabResults // tabResults as widgets
14436
- // );
14437
- // } else {
14438
- // this.processStrip(strip, [], 'error', calculateParentStatus, null);
14439
- // }
14440
- // } catch (error) {
14441
- // // Handle errors
14442
- // // console.error('Error:', error);
14443
- // }
14444
- // }
14445
- // async getTabDataByNewReqTrending(
14446
- // strip: NsContentStripWithTabs.IContentStripUnit,
14447
- // tabIndex: number,
14448
- // currentTab: NsContentStripWithTabs.IContentStripTab,
14449
- // calculateParentStatus: boolean
14450
- // ) {
14451
- // try {
14452
- // const response = await this.trendingSearchRequest(strip, currentTab.request, calculateParentStatus);
14453
- // if (response && response.results && response.results.response) {
14454
- // const content = response.results.response[currentTab.value] || [];
14455
- // const widgets = this.transformContentsToWidgets(content, strip);
14456
- // // console.log('currentTab --- widgets', widgets)
14457
- // let tabResults: any[] = [];
14458
- // if (this.stripsResultDataMap[strip.key] && this.stripsResultDataMap[strip.key].tabs) {
14459
- // const allTabs = this.stripsResultDataMap[strip.key].tabs;
14460
- // if (allTabs && allTabs.length && allTabs[tabIndex]) {
14461
- // allTabs[tabIndex] = {
14462
- // ...allTabs[tabIndex],
14463
- // widgets,
14464
- // fetchTabStatus: 'done',
14465
- // };
14466
- // tabResults = allTabs;
14467
- // }
14468
- // }
14469
- // // console.log('tabResults -++++***--', tabResults)
14470
- // // console.log('calling after-- ')
14471
- // this.processStrip(
14472
- // strip,
14473
- // widgets,
14474
- // 'done',
14475
- // calculateParentStatus,
14476
- // response.viewMoreUrl,
14477
- // tabResults // tabResults as widgets
14478
- // );
14479
- // } else {
14480
- // this.processStrip(strip, [], 'done', calculateParentStatus, null);
14481
- // }
14482
- // } catch (error) {
14483
- // // Handle errors
14484
- // this.processStrip(strip, [], 'error', calculateParentStatus, null);
14485
- // }
14486
- // }
14487
- /**
13231
+ ContentStripWithTabsPillsComponent.prototype.getTabDataByfilter = /**
14488
13232
  * @param {?} strip
14489
13233
  * @param {?} currentTab
14490
13234
  * @param {?} calculateParentStatus
@@ -14500,406 +13244,12 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
14500
13244
  // TODO: Write logic for individual filter if passed in config
14501
13245
  // add switch case based on config key passed
14502
13246
  };
14503
- // async fetchAllCbpPlans(strip: any, calculateParentStatus = true) {
14504
- // if (strip.request && strip.request.cbpList && Object.keys(strip.request.cbpList).length) {
14505
- // let courses: NsContent.IContent[];
14506
- // let tabResults: any[] = [];
14507
- // const response = await this.userSvc.fetchCbpPlanList().toPromise();
14508
- // if (response) {
14509
- // courses = response;
14510
- // if (strip.tabs && strip.tabs.length) {
14511
- // tabResults = this.splitCbpTabsData(courses, strip);
14512
- // await this.processStrip(
14513
- // strip,
14514
- // this.transformContentsToWidgets(courses, strip),
14515
- // 'done',
14516
- // calculateParentStatus,
14517
- // '',
14518
- // tabResults
14519
- // );
14520
- // } else {
14521
- // this.processStrip(
14522
- // strip,
14523
- // this.transformContentsToWidgets(courses, strip),
14524
- // 'done',
14525
- // calculateParentStatus,
14526
- // 'viewMoreUrl',
14527
- // );
14528
- // }
14529
- // }
14530
- // // this.userSvc.fetchCbpPlanList().subscribe( async (res: any) => {
14531
- // // if (res) {
14532
- // // console.log(res,'===============================>')
14533
- // // courses = res
14534
- // // if (strip.tabs && strip.tabs.length) {
14535
- // // tabResults = this.splitCbpTabsData(courses, strip)
14536
- // // await this.processStrip(
14537
- // // strip,
14538
- // // this.transformContentsToWidgets(courses, strip),
14539
- // // 'done',
14540
- // // calculateParentStatus,
14541
- // // '',
14542
- // // tabResults
14543
- // // )
14544
- // // } else {
14545
- // // this.processStrip(
14546
- // // strip,
14547
- // // this.transformContentsToWidgets(courses, strip),
14548
- // // 'done',
14549
- // // calculateParentStatus,
14550
- // // 'viewMoreUrl',
14551
- // // )
14552
- // // }
14553
- // // }
14554
- // // }, (_err: any) => {
14555
- // // })
14556
- // clearInterval(this.enrollInterval);
14557
- // }
14558
- // }
14559
- // splitCbpTabsData(contentNew: NsContent.IContent[], strip: NsContentStripWithTabs.IContentStripUnit) {
14560
- // const tabResults: any[] = [];
14561
- // const splitData = this.getTabsList(
14562
- // contentNew,
14563
- // strip,
14564
- // );
14565
- // if (strip.tabs && strip.tabs.length) {
14566
- // for (let i = 0; i < strip.tabs.length; i += 1) {
14567
- // if (strip.tabs[i]) {
14568
- // tabResults.push(
14569
- // {
14570
- // ...strip.tabs[i],
14571
- // fetchTabStatus: 'done',
14572
- // ...(splitData.find(itmInner => {
14573
- // if (strip.tabs && strip.tabs[i] && itmInner.value === strip.tabs[i].value) {
14574
- // return itmInner;
14575
- // }
14576
- // return undefined;
14577
- // })),
14578
- // }
14579
- // );
14580
- // }
14581
- // }
14582
- // }
14583
- // return tabResults;
14584
- // }
14585
- // getTabsList(array: NsContent.IContent[],
14586
- // strip: NsContentStripWithTabs.IContentStripUnit) {
14587
- // let all: any[] = [];
14588
- // let upcoming: any[] = [];
14589
- // let overdue: any[] = [];
14590
- // array.forEach((e: any) => {
14591
- // all.push(e);
14592
- // if (e.planDuration === NsCardContent.ACBPConst.OVERDUE) {
14593
- // overdue.push(e);
14594
- // } else if (e.planDuration === NsCardContent.ACBPConst.UPCOMING) {
14595
- // upcoming.push(e);
14596
- // }
14597
- // });
14598
- // const allCompleted = all.filter((allData: any) => allData.contentStatus === 2);
14599
- // let allInCompleted = all.filter((allData: any) => allData.contentStatus < 2);
14600
- // let allCompletedOverDue = allCompleted.filter((allData: any) => allData.planDuration === NsCardContent.ACBPConst.OVERDUE);
14601
- // const allCompletedAll = allCompleted.filter((allData: any) => allData.planDuration !== NsCardContent.ACBPConst.OVERDUE);
14602
- // allCompletedOverDue = allCompletedOverDue.sort((a: any, b: any): any => {
14603
- // if (a.planDuration === NsCardContent.ACBPConst.OVERDUE && b.planDuration === NsCardContent.ACBPConst.OVERDUE) {
14604
- // const firstDate: any = new Date(a.endDate);
14605
- // const secondDate: any = new Date(b.endDate);
14606
- // return firstDate > secondDate ? -1 : 1;
14607
- // }
14608
- // });
14609
- // allInCompleted = allInCompleted.sort((a: any, b: any): any => {
14610
- // if (a.planDuration === NsCardContent.ACBPConst.OVERDUE && b.planDuration === NsCardContent.ACBPConst.OVERDUE) {
14611
- // const firstDate: any = new Date(a.endDate);
14612
- // const secondDate: any = new Date(b.endDate);
14613
- // return firstDate > secondDate ? -1 : 1;
14614
- // }
14615
- // });
14616
- // all = [...allInCompleted, ...allCompletedAll, ...allCompletedOverDue];
14617
- // overdue = overdue.filter((data: any): any => {
14618
- // return data.contentStatus < 2;
14619
- // });
14620
- // overdue = overdue.sort((a: any, b: any): any => {
14621
- // const firstDate: any = new Date(a.endDate);
14622
- // const secondDate: any = new Date(b.endDate);
14623
- // return firstDate > secondDate ? -1 : 1;
14624
- // });
14625
- // upcoming = upcoming.filter((data: any): any => {
14626
- // return data.contentStatus < 2;
14627
- // });
14628
- // // this.getSelectedIndex(1)
14629
- // return [
14630
- // { value: 'all', widgets: this.transformContentsToWidgets(all, strip) },
14631
- // { value: 'upcoming', widgets: this.transformContentsToWidgets(upcoming, strip) },
14632
- // { value: 'overdue', widgets: this.transformContentsToWidgets(overdue, strip) }];
14633
- // }
14634
- // async fetchAllCbpPlans(strip: any, calculateParentStatus = true) {
14635
- // if (strip.request && strip.request.cbpList && Object.keys(strip.request.cbpList).length) {
14636
- // let courses: NsContent.IContent[];
14637
- // let tabResults: any[] = [];
14638
- // const response = await this.userSvc.fetchCbpPlanList().toPromise();
14639
- // if (response) {
14640
- // courses = response;
14641
- // if (strip.tabs && strip.tabs.length) {
14642
- // tabResults = this.splitCbpTabsData(courses, strip);
14643
- // await this.processStrip(
14644
- // strip,
14645
- // this.transformContentsToWidgets(courses, strip),
14646
- // 'done',
14647
- // calculateParentStatus,
14648
- // '',
14649
- // tabResults
14650
- // );
14651
- // } else {
14652
- // this.processStrip(
14653
- // strip,
14654
- // this.transformContentsToWidgets(courses, strip),
14655
- // 'done',
14656
- // calculateParentStatus,
14657
- // 'viewMoreUrl',
14658
- // );
14659
- // }
14660
- // }
14661
- // // this.userSvc.fetchCbpPlanList().subscribe( async (res: any) => {
14662
- // // if (res) {
14663
- // // console.log(res,'===============================>')
14664
- // // courses = res
14665
- // // if (strip.tabs && strip.tabs.length) {
14666
- // // tabResults = this.splitCbpTabsData(courses, strip)
14667
- // // await this.processStrip(
14668
- // // strip,
14669
- // // this.transformContentsToWidgets(courses, strip),
14670
- // // 'done',
14671
- // // calculateParentStatus,
14672
- // // '',
14673
- // // tabResults
14674
- // // )
14675
- // // } else {
14676
- // // this.processStrip(
14677
- // // strip,
14678
- // // this.transformContentsToWidgets(courses, strip),
14679
- // // 'done',
14680
- // // calculateParentStatus,
14681
- // // 'viewMoreUrl',
14682
- // // )
14683
- // // }
14684
- // // }
14685
- // // }, (_err: any) => {
14686
- // // })
14687
- // clearInterval(this.enrollInterval);
14688
- // }
14689
- // }
14690
- // splitCbpTabsData(contentNew: NsContent.IContent[], strip: NsContentStripWithTabs.IContentStripUnit) {
14691
- // const tabResults: any[] = [];
14692
- // const splitData = this.getTabsList(
14693
- // contentNew,
14694
- // strip,
14695
- // );
14696
- // if (strip.tabs && strip.tabs.length) {
14697
- // for (let i = 0; i < strip.tabs.length; i += 1) {
14698
- // if (strip.tabs[i]) {
14699
- // tabResults.push(
14700
- // {
14701
- // ...strip.tabs[i],
14702
- // fetchTabStatus: 'done',
14703
- // ...(splitData.find(itmInner => {
14704
- // if (strip.tabs && strip.tabs[i] && itmInner.value === strip.tabs[i].value) {
14705
- // return itmInner;
14706
- // }
14707
- // return undefined;
14708
- // })),
14709
- // }
14710
- // );
14711
- // }
14712
- // }
14713
- // }
14714
- // return tabResults;
14715
- // }
14716
- // getTabsList(array: NsContent.IContent[],
14717
- // strip: NsContentStripWithTabs.IContentStripUnit) {
14718
- // let all: any[] = [];
14719
- // let upcoming: any[] = [];
14720
- // let overdue: any[] = [];
14721
- // array.forEach((e: any) => {
14722
- // all.push(e);
14723
- // if (e.planDuration === NsCardContent.ACBPConst.OVERDUE) {
14724
- // overdue.push(e);
14725
- // } else if (e.planDuration === NsCardContent.ACBPConst.UPCOMING) {
14726
- // upcoming.push(e);
14727
- // }
14728
- // });
14729
- // const allCompleted = all.filter((allData: any) => allData.contentStatus === 2);
14730
- // let allInCompleted = all.filter((allData: any) => allData.contentStatus < 2);
14731
- // let allCompletedOverDue = allCompleted.filter((allData: any) => allData.planDuration === NsCardContent.ACBPConst.OVERDUE);
14732
- // const allCompletedAll = allCompleted.filter((allData: any) => allData.planDuration !== NsCardContent.ACBPConst.OVERDUE);
14733
- // allCompletedOverDue = allCompletedOverDue.sort((a: any, b: any): any => {
14734
- // if (a.planDuration === NsCardContent.ACBPConst.OVERDUE && b.planDuration === NsCardContent.ACBPConst.OVERDUE) {
14735
- // const firstDate: any = new Date(a.endDate);
14736
- // const secondDate: any = new Date(b.endDate);
14737
- // return firstDate > secondDate ? -1 : 1;
14738
- // }
14739
- // });
14740
- // allInCompleted = allInCompleted.sort((a: any, b: any): any => {
14741
- // if (a.planDuration === NsCardContent.ACBPConst.OVERDUE && b.planDuration === NsCardContent.ACBPConst.OVERDUE) {
14742
- // const firstDate: any = new Date(a.endDate);
14743
- // const secondDate: any = new Date(b.endDate);
14744
- // return firstDate > secondDate ? -1 : 1;
14745
- // }
14746
- // });
14747
- // all = [...allInCompleted, ...allCompletedAll, ...allCompletedOverDue];
14748
- // overdue = overdue.filter((data: any): any => {
14749
- // return data.contentStatus < 2;
14750
- // });
14751
- // overdue = overdue.sort((a: any, b: any): any => {
14752
- // const firstDate: any = new Date(a.endDate);
14753
- // const secondDate: any = new Date(b.endDate);
14754
- // return firstDate > secondDate ? -1 : 1;
14755
- // });
14756
- // upcoming = upcoming.filter((data: any): any => {
14757
- // return data.contentStatus < 2;
14758
- // });
14759
- // // this.getSelectedIndex(1)
14760
- // return [
14761
- // { value: 'all', widgets: this.transformContentsToWidgets(all, strip) },
14762
- // { value: 'upcoming', widgets: this.transformContentsToWidgets(upcoming, strip) },
14763
- // { value: 'overdue', widgets: this.transformContentsToWidgets(overdue, strip) }];
14764
- // }
14765
13247
  /**
14766
13248
  * @param {?} stripsResultDataMap
14767
13249
  * @param {?} key
14768
13250
  * @return {?}
14769
13251
  */
14770
- ContentStripWithTabsPillsComponent.prototype.getSelectedIndex =
14771
- // async fetchAllCbpPlans(strip: any, calculateParentStatus = true) {
14772
- // if (strip.request && strip.request.cbpList && Object.keys(strip.request.cbpList).length) {
14773
- // let courses: NsContent.IContent[];
14774
- // let tabResults: any[] = [];
14775
- // const response = await this.userSvc.fetchCbpPlanList().toPromise();
14776
- // if (response) {
14777
- // courses = response;
14778
- // if (strip.tabs && strip.tabs.length) {
14779
- // tabResults = this.splitCbpTabsData(courses, strip);
14780
- // await this.processStrip(
14781
- // strip,
14782
- // this.transformContentsToWidgets(courses, strip),
14783
- // 'done',
14784
- // calculateParentStatus,
14785
- // '',
14786
- // tabResults
14787
- // );
14788
- // } else {
14789
- // this.processStrip(
14790
- // strip,
14791
- // this.transformContentsToWidgets(courses, strip),
14792
- // 'done',
14793
- // calculateParentStatus,
14794
- // 'viewMoreUrl',
14795
- // );
14796
- // }
14797
- // }
14798
- // // this.userSvc.fetchCbpPlanList().subscribe( async (res: any) => {
14799
- // // if (res) {
14800
- // // console.log(res,'===============================>')
14801
- // // courses = res
14802
- // // if (strip.tabs && strip.tabs.length) {
14803
- // // tabResults = this.splitCbpTabsData(courses, strip)
14804
- // // await this.processStrip(
14805
- // // strip,
14806
- // // this.transformContentsToWidgets(courses, strip),
14807
- // // 'done',
14808
- // // calculateParentStatus,
14809
- // // '',
14810
- // // tabResults
14811
- // // )
14812
- // // } else {
14813
- // // this.processStrip(
14814
- // // strip,
14815
- // // this.transformContentsToWidgets(courses, strip),
14816
- // // 'done',
14817
- // // calculateParentStatus,
14818
- // // 'viewMoreUrl',
14819
- // // )
14820
- // // }
14821
- // // }
14822
- // // }, (_err: any) => {
14823
- // // })
14824
- // clearInterval(this.enrollInterval);
14825
- // }
14826
- // }
14827
- // splitCbpTabsData(contentNew: NsContent.IContent[], strip: NsContentStripWithTabs.IContentStripUnit) {
14828
- // const tabResults: any[] = [];
14829
- // const splitData = this.getTabsList(
14830
- // contentNew,
14831
- // strip,
14832
- // );
14833
- // if (strip.tabs && strip.tabs.length) {
14834
- // for (let i = 0; i < strip.tabs.length; i += 1) {
14835
- // if (strip.tabs[i]) {
14836
- // tabResults.push(
14837
- // {
14838
- // ...strip.tabs[i],
14839
- // fetchTabStatus: 'done',
14840
- // ...(splitData.find(itmInner => {
14841
- // if (strip.tabs && strip.tabs[i] && itmInner.value === strip.tabs[i].value) {
14842
- // return itmInner;
14843
- // }
14844
- // return undefined;
14845
- // })),
14846
- // }
14847
- // );
14848
- // }
14849
- // }
14850
- // }
14851
- // return tabResults;
14852
- // }
14853
- // getTabsList(array: NsContent.IContent[],
14854
- // strip: NsContentStripWithTabs.IContentStripUnit) {
14855
- // let all: any[] = [];
14856
- // let upcoming: any[] = [];
14857
- // let overdue: any[] = [];
14858
- // array.forEach((e: any) => {
14859
- // all.push(e);
14860
- // if (e.planDuration === NsCardContent.ACBPConst.OVERDUE) {
14861
- // overdue.push(e);
14862
- // } else if (e.planDuration === NsCardContent.ACBPConst.UPCOMING) {
14863
- // upcoming.push(e);
14864
- // }
14865
- // });
14866
- // const allCompleted = all.filter((allData: any) => allData.contentStatus === 2);
14867
- // let allInCompleted = all.filter((allData: any) => allData.contentStatus < 2);
14868
- // let allCompletedOverDue = allCompleted.filter((allData: any) => allData.planDuration === NsCardContent.ACBPConst.OVERDUE);
14869
- // const allCompletedAll = allCompleted.filter((allData: any) => allData.planDuration !== NsCardContent.ACBPConst.OVERDUE);
14870
- // allCompletedOverDue = allCompletedOverDue.sort((a: any, b: any): any => {
14871
- // if (a.planDuration === NsCardContent.ACBPConst.OVERDUE && b.planDuration === NsCardContent.ACBPConst.OVERDUE) {
14872
- // const firstDate: any = new Date(a.endDate);
14873
- // const secondDate: any = new Date(b.endDate);
14874
- // return firstDate > secondDate ? -1 : 1;
14875
- // }
14876
- // });
14877
- // allInCompleted = allInCompleted.sort((a: any, b: any): any => {
14878
- // if (a.planDuration === NsCardContent.ACBPConst.OVERDUE && b.planDuration === NsCardContent.ACBPConst.OVERDUE) {
14879
- // const firstDate: any = new Date(a.endDate);
14880
- // const secondDate: any = new Date(b.endDate);
14881
- // return firstDate > secondDate ? -1 : 1;
14882
- // }
14883
- // });
14884
- // all = [...allInCompleted, ...allCompletedAll, ...allCompletedOverDue];
14885
- // overdue = overdue.filter((data: any): any => {
14886
- // return data.contentStatus < 2;
14887
- // });
14888
- // overdue = overdue.sort((a: any, b: any): any => {
14889
- // const firstDate: any = new Date(a.endDate);
14890
- // const secondDate: any = new Date(b.endDate);
14891
- // return firstDate > secondDate ? -1 : 1;
14892
- // });
14893
- // upcoming = upcoming.filter((data: any): any => {
14894
- // return data.contentStatus < 2;
14895
- // });
14896
- // // this.getSelectedIndex(1)
14897
- // return [
14898
- // { value: 'all', widgets: this.transformContentsToWidgets(all, strip) },
14899
- // { value: 'upcoming', widgets: this.transformContentsToWidgets(upcoming, strip) },
14900
- // { value: 'overdue', widgets: this.transformContentsToWidgets(overdue, strip) }];
14901
- // }
14902
- /**
13252
+ ContentStripWithTabsPillsComponent.prototype.getSelectedIndex = /**
14903
13253
  * @param {?} stripsResultDataMap
14904
13254
  * @param {?} key
14905
13255
  * @return {?}
@@ -14907,12 +13257,6 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
14907
13257
  function (stripsResultDataMap, key) {
14908
13258
  /** @type {?} */
14909
13259
  var returnValue = 0;
14910
- // if (key === 'cbpPlan') {
14911
- // if (stripsResultDataMap.tabs.length) {
14912
- // const data = stripsResultDataMap.tabs.filter((ele: any) => ele.value === 'upcoming');
14913
- // returnValue = data[0].widgets && data[0].widgets.length > 0 ? 1 : 0;
14914
- // }
14915
- // }
14916
13260
  return returnValue;
14917
13261
  };
14918
13262
  /**
@@ -14944,602 +13288,48 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
14944
13288
  };
14945
13289
  /**
14946
13290
  * @param {?} index
14947
- * @param {?} item
14948
- * @return {?}
14949
- */
14950
- ContentStripWithTabsPillsComponent.prototype.tracker = /**
14951
- * @param {?} index
14952
- * @param {?} item
14953
- * @return {?}
14954
- */
14955
- function (index, item) {
14956
- if (index >= 0) { }
14957
- return get(item, 'widgetData.content.identifier');
14958
- };
14959
- /**
14960
- * @param {?} strip
14961
- * @param {?=} calculateParentStatus
14962
- * @return {?}
14963
- */
14964
- ContentStripWithTabsPillsComponent.prototype.fetchAllTopContent = /**
14965
- * @param {?} strip
14966
- * @param {?=} calculateParentStatus
14967
- * @return {?}
14968
- */
14969
- function (strip, calculateParentStatus) {
14970
- if (calculateParentStatus === void 0) { calculateParentStatus = true; }
14971
- return __awaiter(this, void 0, void 0, function () {
14972
- var originalFilters, response, error_2;
14973
- return __generator(this, function (_a) {
14974
- switch (_a.label) {
14975
- case 0:
14976
- if (!(strip.request && strip.request.topContent && Object.keys(strip.request.topContent).length)) return [3 /*break*/, 4];
14977
- originalFilters = [];
14978
- if (strip.request &&
14979
- strip.request.topContent &&
14980
- strip.request.topContent.request &&
14981
- strip.request.topContent.request.filters) {
14982
- originalFilters = strip.request.topContent.request.filters;
14983
- strip.request.topContent.request.filters = this.postMethodFilters(strip.request.topContent.request.filters);
14984
- }
14985
- _a.label = 1;
14986
- case 1:
14987
- _a.trys.push([1, 3, , 4]);
14988
- return [4 /*yield*/, this.postRequestMethod(strip, strip.request.topContent, strip.request.apiUrl, calculateParentStatus)];
14989
- case 2:
14990
- response = _a.sent();
14991
- // console.log('calling after - response, ', response)
14992
- if (response && response.results) {
14993
- // console.log('calling after-- ')
14994
- if (response.results.result.content && response.results.result.content.length) {
14995
- this.processStrip(strip, this.transformContentsToWidgets(response.results.result.content, strip), 'done', calculateParentStatus, response.viewMoreUrl);
14996
- }
14997
- else {
14998
- this.processStrip(strip, [], 'error', calculateParentStatus, null);
14999
- this.emptyResponse.emit(true);
15000
- }
15001
- }
15002
- else {
15003
- this.processStrip(strip, [], 'error', calculateParentStatus, null);
15004
- this.emptyResponse.emit(true);
15005
- }
15006
- return [3 /*break*/, 4];
15007
- case 3:
15008
- error_2 = _a.sent();
15009
- return [3 /*break*/, 4];
15010
- case 4: return [2 /*return*/];
15011
- }
15012
- });
15013
- });
15014
- };
15015
- /**
15016
- * @param {?} strip
15017
- * @param {?=} calculateParentStatus
15018
- * @return {?}
15019
- */
15020
- ContentStripWithTabsPillsComponent.prototype.fetchAllFeaturedContent = /**
15021
- * @param {?} strip
15022
- * @param {?=} calculateParentStatus
15023
- * @return {?}
15024
- */
15025
- function (strip, calculateParentStatus) {
15026
- if (calculateParentStatus === void 0) { calculateParentStatus = true; }
15027
- return __awaiter(this, void 0, void 0, function () {
15028
- var originalFilters, response, error_3;
15029
- return __generator(this, function (_a) {
15030
- switch (_a.label) {
15031
- case 0:
15032
- if (!(strip.request && strip.request.featureContent && Object.keys(strip.request.featureContent).length)) return [3 /*break*/, 4];
15033
- originalFilters = [];
15034
- if (strip.request &&
15035
- strip.request.featureContent &&
15036
- strip.request.featureContent.request &&
15037
- strip.request.featureContent.request.filters) {
15038
- originalFilters = strip.request.featureContent.request.filters;
15039
- strip.request.featureContent.request.filters = this.postMethodFilters(strip.request.featureContent.request.filters);
15040
- }
15041
- _a.label = 1;
15042
- case 1:
15043
- _a.trys.push([1, 3, , 4]);
15044
- return [4 /*yield*/, this.postRequestMethod(strip, strip.request.featureContent, strip.request.apiUrl, calculateParentStatus)];
15045
- case 2:
15046
- response = _a.sent();
15047
- // console.log('calling after - response, ', response)
15048
- if (response && response.results) {
15049
- // console.log('calling after-- ')
15050
- if (response.results.result.content && response.results.result.content.length) {
15051
- this.processStrip(strip, this.transformContentsToWidgets(response.results.result.content, strip), 'done', calculateParentStatus, response.viewMoreUrl);
15052
- }
15053
- else {
15054
- this.processStrip(strip, [], 'error', calculateParentStatus, null);
15055
- this.emptyResponse.emit(true);
15056
- }
15057
- }
15058
- else {
15059
- this.processStrip(strip, [], 'error', calculateParentStatus, null);
15060
- this.emptyResponse.emit(true);
15061
- }
15062
- return [3 /*break*/, 4];
15063
- case 3:
15064
- error_3 = _a.sent();
15065
- this.emptyResponse.emit(true);
15066
- return [3 /*break*/, 4];
15067
- case 4: return [2 /*return*/];
15068
- }
15069
- });
15070
- });
15071
- };
15072
- /**
15073
- * @param {?} stripData
15074
- * @return {?}
15075
- */
15076
- ContentStripWithTabsPillsComponent.prototype.raiseTelemetry = /**
15077
- * @param {?} stripData
15078
- * @return {?}
15079
- */
15080
- function (stripData) {
15081
- this.telemtryResponse.emit(stripData);
15082
- };
15083
- /**
15084
- * @param {?} strip
15085
- * @param {?} request
15086
- * @param {?} apiUrl
15087
- * @param {?} calculateParentStatus
15088
- * @return {?}
15089
- */
15090
- ContentStripWithTabsPillsComponent.prototype.postRequestMethod = /**
15091
- * @param {?} strip
15092
- * @param {?} request
15093
- * @param {?} apiUrl
15094
- * @param {?} calculateParentStatus
15095
- * @return {?}
15096
- */
15097
- function (strip, request, apiUrl, calculateParentStatus) {
15098
- return __awaiter(this, void 0, void 0, function () {
15099
- var _this = this;
15100
- return __generator(this, function (_a) {
15101
- return [2 /*return*/, new Promise((/**
15102
- * @param {?} resolve
15103
- * @param {?} reject
15104
- * @return {?}
15105
- */
15106
- function (resolve, reject) {
15107
- if (request && request) {
15108
- _this.contentSvc.postApiMethod(apiUrl, request).subscribe((/**
15109
- * @param {?} results
15110
- * @return {?}
15111
- */
15112
- function (results) {
15113
- if (results.result && results.result.content) {
15114
- /** @type {?} */
15115
- var showViewMore = Boolean(results.result.content && results.result.content.length > 5 && strip.stripConfig && strip.stripConfig.postCardForSearch);
15116
- /** @type {?} */
15117
- var viewMoreUrl = showViewMore
15118
- ? {
15119
- path: strip.viewMoreUrl && strip.viewMoreUrl.path || '',
15120
- queryParams: {
15121
- tab: 'Learn',
15122
- q: strip.viewMoreUrl && strip.viewMoreUrl.queryParams,
15123
- f: {},
15124
- },
15125
- }
15126
- : null;
15127
- resolve({ results: results, viewMoreUrl: viewMoreUrl });
15128
- }
15129
- else if (results && results.data) {
15130
- /** @type {?} */
15131
- var showViewMore = Boolean(results.data && results.data.length > 5 && strip.stripConfig && strip.stripConfig.postCardForSearch);
15132
- /** @type {?} */
15133
- var viewMoreUrl = showViewMore ? {
15134
- path: strip.viewMoreUrl && strip.viewMoreUrl.path || '',
15135
- queryParams: {
15136
- tab: 'Learn',
15137
- q: strip.viewMoreUrl && strip.viewMoreUrl.queryParams,
15138
- f: {},
15139
- },
15140
- }
15141
- : null;
15142
- resolve({ results: results, viewMoreUrl: viewMoreUrl });
15143
- }
15144
- else if (results.result && results.result.data) {
15145
- /** @type {?} */
15146
- var showViewMore = Boolean(results.data && results.result.data && results.result.data.length > 5 && strip.stripConfig && strip.stripConfig.postCardForSearch);
15147
- /** @type {?} */
15148
- var viewMoreUrl = showViewMore ? {
15149
- path: strip.viewMoreUrl && strip.viewMoreUrl.path || '',
15150
- queryParams: {
15151
- tab: 'Learn',
15152
- q: strip.viewMoreUrl && strip.viewMoreUrl.queryParams,
15153
- f: {},
15154
- },
15155
- }
15156
- : null;
15157
- resolve({ results: results, viewMoreUrl: viewMoreUrl });
15158
- }
15159
- }), (/**
15160
- * @param {?} error
15161
- * @return {?}
15162
- */
15163
- function (error) {
15164
- _this.processStrip(strip, [], 'error', calculateParentStatus, null);
15165
- reject(error);
15166
- }));
15167
- }
15168
- }))];
15169
- });
15170
- });
15171
- };
15172
- /**
15173
- * @param {?} strip
15174
- * @param {?} request
15175
- * @param {?} apiUrl
15176
- * @param {?} calculateParentStatus
15177
- * @return {?}
15178
- */
15179
- ContentStripWithTabsPillsComponent.prototype.getRequestMethod = /**
15180
- * @param {?} strip
15181
- * @param {?} request
15182
- * @param {?} apiUrl
15183
- * @param {?} calculateParentStatus
15184
- * @return {?}
15185
- */
15186
- function (strip, request, apiUrl, calculateParentStatus) {
15187
- return __awaiter(this, void 0, void 0, function () {
15188
- var originalFilters;
15189
- var _this = this;
15190
- return __generator(this, function (_a) {
15191
- originalFilters = [];
15192
- return [2 /*return*/, new Promise((/**
15193
- * @param {?} resolve
15194
- * @param {?} reject
15195
- * @return {?}
15196
- */
15197
- function (resolve, reject) {
15198
- if (request && request) {
15199
- _this.contentSvc.getApiMethod(apiUrl).subscribe((/**
15200
- * @param {?} results
15201
- * @return {?}
15202
- */
15203
- function (results) {
15204
- /** @type {?} */
15205
- var showViewMore = Boolean(results.result.data && results.result.data.orgList.length > 5 && strip.stripConfig && strip.stripConfig.postCardForSearch);
15206
- /** @type {?} */
15207
- var viewMoreUrl = showViewMore
15208
- ? {
15209
- path: strip.viewMoreUrl && strip.viewMoreUrl.path || '',
15210
- }
15211
- : null;
15212
- resolve({ results: results, viewMoreUrl: viewMoreUrl });
15213
- }), (/**
15214
- * @param {?} error
15215
- * @return {?}
15216
- */
15217
- function (error) {
15218
- _this.processStrip(strip, [], 'error', calculateParentStatus, null);
15219
- reject(error);
15220
- }));
15221
- }
15222
- }))];
15223
- });
15224
- });
15225
- };
15226
- /**
15227
- * @param {?} filters
15228
- * @return {?}
15229
- */
15230
- ContentStripWithTabsPillsComponent.prototype.postMethodFilters = /**
15231
- * @param {?} filters
15232
- * @return {?}
15233
- */
15234
- function (filters) {
15235
- if (filters.organisation &&
15236
- filters.organisation.indexOf('<orgID>') >= 0) {
15237
- filters.organisation = this.providerId;
15238
- }
15239
- return filters;
15240
- };
15241
- /**
15242
- * @param {?} apiUrl
15243
- * @param {?} id
15244
- * @return {?}
15245
- */
15246
- ContentStripWithTabsPillsComponent.prototype.getFullUrl = /**
15247
- * @param {?} apiUrl
15248
- * @param {?} id
15249
- * @return {?}
15250
- */
15251
- function (apiUrl, id) {
15252
- /** @type {?} */
15253
- var formedUrl = '';
15254
- if (apiUrl.indexOf('<bookmarkId>') >= 0) {
15255
- formedUrl = apiUrl.replace('<bookmarkId>', this.environment.mdoChannelsBookmarkId);
15256
- }
15257
- else if (apiUrl.indexOf('<playlistKey>') >= 0 && apiUrl.indexOf('<orgID>') >= 0) {
15258
- formedUrl = apiUrl.replace('<playlistKey>', this.providerId + id);
15259
- formedUrl = formedUrl.replace('<orgID>', this.providerId);
15260
- }
15261
- return formedUrl;
15262
- };
15263
- /**
15264
- * @param {?} stripData
15265
- * @param {?} path
15266
- * @param {?} queryParamsData
15267
- * @return {?}
15268
- */
15269
- ContentStripWithTabsPillsComponent.prototype.redirectViewAll = /**
15270
- * @param {?} stripData
15271
- * @param {?} path
15272
- * @param {?} queryParamsData
15273
- * @return {?}
15274
- */
15275
- function (stripData, path, queryParamsData) {
15276
- if (this.emitViewAll) {
15277
- this.viewAllResponse.emit(stripData);
15278
- }
15279
- else {
15280
- this.router.navigate([path], { queryParams: queryParamsData });
15281
- }
15282
- };
15283
- /**
15284
- * @param {?} strip
15285
- * @param {?=} calculateParentStatus
15286
- * @return {?}
15287
- */
15288
- ContentStripWithTabsPillsComponent.prototype.fetchAllBookMarkData = /**
15289
- * @param {?} strip
15290
- * @param {?=} calculateParentStatus
15291
- * @return {?}
15292
- */
15293
- function (strip, calculateParentStatus) {
15294
- if (calculateParentStatus === void 0) { calculateParentStatus = true; }
15295
- return __awaiter(this, void 0, void 0, function () {
15296
- var originalFilters, response, content, error_4;
15297
- return __generator(this, function (_a) {
15298
- switch (_a.label) {
15299
- case 0:
15300
- if (!(strip.request && strip.request.bookmarkRead && Object.keys(strip.request.bookmarkRead).length)) return [3 /*break*/, 4];
15301
- originalFilters = [];
15302
- if (strip.request &&
15303
- strip.request.bookmarkRead &&
15304
- strip.request.bookmarkRead.bookmarkId) {
15305
- strip.request.apiUrl = this.getFullUrl(strip.request.apiUrl, strip.request.bookmarkRead.bookmarkId);
15306
- }
15307
- _a.label = 1;
15308
- case 1:
15309
- _a.trys.push([1, 3, , 4]);
15310
- return [4 /*yield*/, this.getRequestMethod(strip, strip.request.bookmarkRead, strip.request.apiUrl, calculateParentStatus)];
15311
- case 2:
15312
- response = _a.sent();
15313
- content = response.results.result.data.orgList;
15314
- if (response) {
15315
- this.processStrip(strip, this.transformAllContentsToWidgets(content, strip), 'done', calculateParentStatus, response);
15316
- }
15317
- else {
15318
- this.processStrip(strip, [], 'error', calculateParentStatus, null);
15319
- this.emptyResponse.emit(true);
15320
- }
15321
- return [3 /*break*/, 4];
15322
- case 3:
15323
- error_4 = _a.sent();
15324
- this.emptyResponse.emit(true);
15325
- return [3 /*break*/, 4];
15326
- case 4: return [2 /*return*/];
15327
- }
15328
- });
15329
- });
15330
- };
15331
- /**
15332
- * @private
15333
- * @param {?} contents
15334
- * @param {?} strip
15335
- * @return {?}
15336
- */
15337
- ContentStripWithTabsPillsComponent.prototype.transformAllContentsToWidgets = /**
15338
- * @private
15339
- * @param {?} contents
15340
- * @param {?} strip
15341
- * @return {?}
15342
- */
15343
- function (contents, strip) {
15344
- return (contents || []).map((/**
15345
- * @param {?} content
15346
- * @param {?} idx
15347
- * @return {?}
15348
- */
15349
- function (content, idx) { return (content ? {
15350
- widgetType: 'cardLib',
15351
- widgetSubType: 'cardContentLib',
15352
- widgetHostClass: 'mb-2',
15353
- widgetData: __assign({ content: content }, (content.batch && { batch: content.batch }), { cardSubType: strip.stripConfig && strip.stripConfig.cardSubType, cardCustomeClass: strip.customeClass ? strip.customeClass : '', context: { pageSection: strip.key, position: idx }, intranetMode: strip.stripConfig && strip.stripConfig.intranetMode, deletedMode: strip.stripConfig && strip.stripConfig.deletedMode, contentTags: strip.stripConfig && strip.stripConfig.contentTags }),
15354
- } : {
15355
- widgetType: 'card',
15356
- widgetSubType: 'cardContent',
15357
- widgetHostClass: 'mb-2',
15358
- widgetData: {},
15359
- }); }));
15360
- };
15361
- /**
15362
- * @param {?} strip
15363
- * @param {?=} calculateParentStatus
13291
+ * @param {?} item
15364
13292
  * @return {?}
15365
13293
  */
15366
- ContentStripWithTabsPillsComponent.prototype.fetchAllPlaylistSearch = /**
15367
- * @param {?} strip
15368
- * @param {?=} calculateParentStatus
13294
+ ContentStripWithTabsPillsComponent.prototype.tracker = /**
13295
+ * @param {?} index
13296
+ * @param {?} item
15369
13297
  * @return {?}
15370
13298
  */
15371
- function (strip, calculateParentStatus) {
15372
- if (calculateParentStatus === void 0) { calculateParentStatus = true; }
15373
- return __awaiter(this, void 0, void 0, function () {
15374
- var originalFilters, response, finalPlaylistData_1, programData, error_5;
15375
- return __generator(this, function (_a) {
15376
- switch (_a.label) {
15377
- case 0:
15378
- if (!(strip.request && strip.request.playlistSearch && Object.keys(strip.request.playlistSearch).length)) return [3 /*break*/, 4];
15379
- originalFilters = [];
15380
- if (strip.request &&
15381
- strip.request.playlistSearch &&
15382
- strip.request.playlistSearch.request &&
15383
- strip.request.playlistSearch.request.filters) {
15384
- originalFilters = strip.request.playlistSearch.request.filters;
15385
- strip.request.playlistSearch.request.filters = this.postMethodFilters(strip.request.playlistSearch.request.filters);
15386
- }
15387
- _a.label = 1;
15388
- case 1:
15389
- _a.trys.push([1, 3, , 4]);
15390
- return [4 /*yield*/, this.postRequestMethod(strip, strip.request.playlistSearch.request, strip.request.apiUrl, calculateParentStatus)];
15391
- case 2:
15392
- response = _a.sent();
15393
- // console.log('calling after - response, ', response)
15394
- if (response && response.results) {
15395
- // console.log('calling after-- ')
15396
- if (response.results.result.data && response.results.result.data.length) {
15397
- finalPlaylistData_1 = [];
15398
- programData = response.results.result.data;
15399
- programData.forEach((/**
15400
- * @param {?} prgData
15401
- * @return {?}
15402
- */
15403
- function (prgData) {
15404
- if (prgData.children && prgData.children.length) {
15405
- finalPlaylistData_1.push(prgData);
15406
- }
15407
- }));
15408
- if (finalPlaylistData_1.length) {
15409
- this.processStrip(strip, this.transformContentsToWidgets(finalPlaylistData_1, strip), 'done', calculateParentStatus, response.viewMoreUrl);
15410
- }
15411
- else {
15412
- this.emptyResponse.emit(true);
15413
- }
15414
- }
15415
- else {
15416
- this.processStrip(strip, [], 'error', calculateParentStatus, null);
15417
- this.emptyResponse.emit(true);
15418
- }
15419
- }
15420
- else {
15421
- this.processStrip(strip, [], 'error', calculateParentStatus, null);
15422
- this.emptyResponse.emit(true);
15423
- }
15424
- return [3 /*break*/, 4];
15425
- case 3:
15426
- error_5 = _a.sent();
15427
- this.emptyResponse.emit(true);
15428
- return [3 /*break*/, 4];
15429
- case 4: return [2 /*return*/];
15430
- }
15431
- });
15432
- });
13299
+ function (index, item) {
13300
+ if (index >= 0) { }
13301
+ return get(item, 'widgetData.content.identifier');
15433
13302
  };
15434
13303
  /**
15435
- * @param {?} strip
15436
- * @param {?=} calculateParentStatus
13304
+ * @param {?} stripData
15437
13305
  * @return {?}
15438
13306
  */
15439
- ContentStripWithTabsPillsComponent.prototype.fetchPlaylistReadData = /**
15440
- * @param {?} strip
15441
- * @param {?=} calculateParentStatus
13307
+ ContentStripWithTabsPillsComponent.prototype.raiseTelemetry = /**
13308
+ * @param {?} stripData
15442
13309
  * @return {?}
15443
13310
  */
15444
- function (strip, calculateParentStatus) {
15445
- if (calculateParentStatus === void 0) { calculateParentStatus = true; }
15446
- return __awaiter(this, void 0, void 0, function () {
15447
- var originalFilters, response, content, error_6;
15448
- return __generator(this, function (_a) {
15449
- switch (_a.label) {
15450
- case 0:
15451
- if (!(strip.request && strip.request.playlistRead && Object.keys(strip.request.playlistRead).length)) return [3 /*break*/, 4];
15452
- originalFilters = [];
15453
- if (strip.request &&
15454
- strip.request.playlistRead &&
15455
- strip.request.playlistRead.type) {
15456
- strip.request.apiUrl = this.getFullUrl(strip.request.apiUrl, strip.request.playlistRead.type);
15457
- }
15458
- _a.label = 1;
15459
- case 1:
15460
- _a.trys.push([1, 3, , 4]);
15461
- return [4 /*yield*/, this.getRequestMethod(strip, strip.request.playlistRead, strip.request.apiUrl, calculateParentStatus)];
15462
- case 2:
15463
- response = _a.sent();
15464
- if (response && response.results.result.content) {
15465
- content = response.results.result.content;
15466
- this.processStrip(strip, this.transformAllContentsToWidgets(content, strip), 'done', calculateParentStatus, response);
15467
- }
15468
- else {
15469
- this.processStrip(strip, [], 'error', calculateParentStatus, null);
15470
- this.emptyResponse.emit(true);
15471
- }
15472
- return [3 /*break*/, 4];
15473
- case 3:
15474
- error_6 = _a.sent();
15475
- this.emptyResponse.emit(true);
15476
- return [3 /*break*/, 4];
15477
- case 4: return [2 /*return*/];
15478
- }
15479
- });
15480
- });
13311
+ function (stripData) {
13312
+ this.telemtryResponse.emit(stripData);
15481
13313
  };
15482
13314
  /**
15483
- * @param {?} strip
15484
- * @param {?=} calculateParentStatus
13315
+ * @param {?} stripData
13316
+ * @param {?} path
13317
+ * @param {?} queryParamsData
15485
13318
  * @return {?}
15486
13319
  */
15487
- ContentStripWithTabsPillsComponent.prototype.fetchCiosContentData = /**
15488
- * @param {?} strip
15489
- * @param {?=} calculateParentStatus
13320
+ ContentStripWithTabsPillsComponent.prototype.redirectViewAll = /**
13321
+ * @param {?} stripData
13322
+ * @param {?} path
13323
+ * @param {?} queryParamsData
15490
13324
  * @return {?}
15491
13325
  */
15492
- function (strip, calculateParentStatus) {
15493
- if (calculateParentStatus === void 0) { calculateParentStatus = true; }
15494
- return __awaiter(this, void 0, void 0, function () {
15495
- var originalFilters, response, extContentData, error_7;
15496
- return __generator(this, function (_a) {
15497
- switch (_a.label) {
15498
- case 0:
15499
- if (!(strip.request && strip.request.ciosContent && Object.keys(strip.request.ciosContent).length)) return [3 /*break*/, 4];
15500
- originalFilters = [];
15501
- if (strip.request &&
15502
- strip.request.ciosContent &&
15503
- strip.request.ciosContent.filterCriteriaMap) {
15504
- originalFilters = strip.request.ciosContent.filterCriteriaMap;
15505
- strip.request.ciosContent.filterCriteriaMap = this.postMethodFilters(strip.request.ciosContent.filterCriteriaMap);
15506
- }
15507
- _a.label = 1;
15508
- case 1:
15509
- _a.trys.push([1, 3, , 4]);
15510
- return [4 /*yield*/, this.postRequestMethod(strip, strip.request.ciosContent, strip.request.apiUrl, calculateParentStatus)];
15511
- case 2:
15512
- response = _a.sent();
15513
- // console.log('calling after - response, ', response)
15514
- if (response && response.results) {
15515
- // console.log('calling after-- ')
15516
- if (response.results.data && response.results.data.length) {
15517
- extContentData = response.results.data;
15518
- if (extContentData.length) {
15519
- this.processStrip(strip, this.transformContentsToWidgets(extContentData, strip), 'done', calculateParentStatus, response.viewMoreUrl);
15520
- }
15521
- else {
15522
- this.emptyResponse.emit(true);
15523
- }
15524
- }
15525
- else {
15526
- this.processStrip(strip, [], 'error', calculateParentStatus, null);
15527
- this.emptyResponse.emit(true);
15528
- }
15529
- }
15530
- else {
15531
- this.processStrip(strip, [], 'error', calculateParentStatus, null);
15532
- this.emptyResponse.emit(true);
15533
- }
15534
- return [3 /*break*/, 4];
15535
- case 3:
15536
- error_7 = _a.sent();
15537
- this.emptyResponse.emit(true);
15538
- return [3 /*break*/, 4];
15539
- case 4: return [2 /*return*/];
15540
- }
15541
- });
15542
- });
13326
+ function (stripData, path, queryParamsData) {
13327
+ if (this.emitViewAll) {
13328
+ this.viewAllResponse.emit(stripData);
13329
+ }
13330
+ else {
13331
+ this.router.navigate([path], { queryParams: queryParamsData });
13332
+ }
15543
13333
  };
15544
13334
  // new code writting from here====new====
15545
13335
  // new code writting from here====new====
@@ -15591,8 +13381,7 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
15591
13381
  function (strip, calculateParentStatus) {
15592
13382
  if (calculateParentStatus === void 0) { calculateParentStatus = true; }
15593
13383
  return __awaiter(this, void 0, void 0, function () {
15594
- var originalFilters, firstTab, allTabs, currentTabFromMap, response_1, error_8;
15595
- var _this = this;
13384
+ var originalFilters, firstTab, allTabs, currentTabFromMap, response, error_1;
15596
13385
  return __generator(this, function (_a) {
15597
13386
  switch (_a.label) {
15598
13387
  case 0:
@@ -15629,26 +13418,15 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
15629
13418
  _a.trys.push([1, 3, , 4]);
15630
13419
  return [4 /*yield*/, this.searchV6Request(strip, strip.request, calculateParentStatus)];
15631
13420
  case 2:
15632
- response_1 = _a.sent();
13421
+ response = _a.sent();
15633
13422
  // console.log('calling after - response, ', response)
15634
- if (response_1 && response_1.results) {
13423
+ if (response && response.results) {
15635
13424
  // console.log('calling after-- ')
15636
- if (response_1.results.result.content) {
15637
- if (strip.key === 'scheduledAssessment') {
15638
- this.enrollInterval = setInterval((/**
15639
- * @return {?}
15640
- */
15641
- function () {
15642
- _this.checkInvitOnlyAssessments(response_1.results.result.content, strip, calculateParentStatus, response_1.viewMoreUrl);
15643
- // tslint:disable-next-line
15644
- }), 1000);
15645
- }
15646
- else {
15647
- this.processStrip(strip, this.transformContentsToWidgets(response_1.results.result.content, strip), 'done', calculateParentStatus, response_1.viewMoreUrl);
15648
- }
13425
+ if (response.results.result.content) {
13426
+ this.processStrip(strip, this.transformContentsToWidgets(response.results.result.content, strip), 'done', calculateParentStatus, response.viewMoreUrl);
15649
13427
  }
15650
- else if (response_1.results.result.Event) {
15651
- this.processStrip(strip, this.transformEventsToWidgets(response_1.results.result.Event, strip), 'done', calculateParentStatus, response_1.viewMoreUrl);
13428
+ else if (response.results.result.Event) {
13429
+ this.processStrip(strip, this.transformEventsToWidgets(response.results.result.Event, strip), 'done', calculateParentStatus, response.viewMoreUrl);
15652
13430
  }
15653
13431
  else {
15654
13432
  this.processStrip(strip, [], 'error', calculateParentStatus, null);
@@ -15659,7 +13437,7 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
15659
13437
  }
15660
13438
  return [3 /*break*/, 4];
15661
13439
  case 3:
15662
- error_8 = _a.sent();
13440
+ error_1 = _a.sent();
15663
13441
  return [3 /*break*/, 4];
15664
13442
  case 4: return [2 /*return*/];
15665
13443
  }
@@ -15684,7 +13462,7 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
15684
13462
  */
15685
13463
  function (strip, tabIndex, pillIndex, currentTab, calculateParentStatus) {
15686
13464
  return __awaiter(this, void 0, void 0, function () {
15687
- var response, tabResults, content, widgets, allTabs, allPills, allTabs, allPills, error_9;
13465
+ var response, tabResults, content, widgets, allTabs, allPills, allTabs, allPills, error_2;
15688
13466
  return __generator(this, function (_a) {
15689
13467
  switch (_a.label) {
15690
13468
  case 0:
@@ -15728,7 +13506,7 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
15728
13506
  }
15729
13507
  return [3 /*break*/, 3];
15730
13508
  case 2:
15731
- error_9 = _a.sent();
13509
+ error_2 = _a.sent();
15732
13510
  // Handle errors
15733
13511
  this.processStrip(strip, [], 'error', calculateParentStatus, null);
15734
13512
  return [3 /*break*/, 3];
@@ -15755,7 +13533,7 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
15755
13533
  */
15756
13534
  function (strip, tabIndex, pillIndex, currentTab, calculateParentStatus) {
15757
13535
  return __awaiter(this, void 0, void 0, function () {
15758
- var response, widgets, tabResults, allTabs, allPills, error_10;
13536
+ var response, widgets, tabResults, allTabs, allPills, error_3;
15759
13537
  return __generator(this, function (_a) {
15760
13538
  switch (_a.label) {
15761
13539
  case 0:
@@ -15786,7 +13564,7 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
15786
13564
  }
15787
13565
  return [3 /*break*/, 3];
15788
13566
  case 2:
15789
- error_10 = _a.sent();
13567
+ error_3 = _a.sent();
15790
13568
  return [3 /*break*/, 3];
15791
13569
  case 3: return [2 /*return*/];
15792
13570
  }
@@ -16011,12 +13789,17 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
16011
13789
  }
16012
13790
  else {
16013
13791
  this.getTabDataByfilter(currentStrip, currentTabFromMap, true);
13792
+ if (stripMap && stripMap.tabs && stripMap.tabs[tabIndex]) {
13793
+ stripMap.tabs[tabIndex].pillsData[pillIndex].fetchTabStatus = 'inprogress';
13794
+ stripMap.tabs[tabIndex].pillsData[pillIndex].tabLoading = false;
13795
+ stripMap.showOnLoader = true;
13796
+ }
16014
13797
  setTimeout((/**
16015
13798
  * @return {?}
16016
13799
  */
16017
13800
  function () {
16018
13801
  if (stripMap && stripMap.tabs && stripMap.tabs[tabIndex]) {
16019
- stripMap.tabs[tabIndex].pillsData[pillIndex].fetchTabStatus = 'inprogress';
13802
+ stripMap.tabs[tabIndex].pillsData[pillIndex].fetchTabStatus = 'done';
16020
13803
  stripMap.tabs[tabIndex].pillsData[pillIndex].tabLoading = false;
16021
13804
  stripMap.showOnLoader = false;
16022
13805
  _this.resetSelectedPill(stripMap.tabs[tabIndex].pillsData);
@@ -16103,22 +13886,13 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
16103
13886
  */
16104
13887
  function (tabdata, tabIndex) {
16105
13888
  if (tabdata.pillsData && tabdata.pillsData.length) {
16106
- // tabdata.pillsData.forEach((ele: any, index: any) => {
16107
- // if(ele.selected) {
16108
- // console.log(ele,'---------')
16109
- // return index
16110
- // }
16111
- // // })
16112
- // console.log(tabdata,'==========123')
16113
13889
  /** @type {?} */
16114
13890
  var index = tabdata.pillsData.findIndex((/**
16115
13891
  * @param {?} pill
16116
13892
  * @return {?}
16117
13893
  */
16118
13894
  function (pill) {
16119
- // if(pill.selected){
16120
13895
  return pill.selected;
16121
- // }
16122
13896
  }));
16123
13897
  return index;
16124
13898
  }
@@ -16141,7 +13915,7 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
16141
13915
  function (strip, calculateParentStatus) {
16142
13916
  if (calculateParentStatus === void 0) { calculateParentStatus = true; }
16143
13917
  return __awaiter(this, void 0, void 0, function () {
16144
- var courses, tabResults, response;
13918
+ var courses, tabResults, response, countOfWidget_1;
16145
13919
  return __generator(this, function (_a) {
16146
13920
  switch (_a.label) {
16147
13921
  case 0:
@@ -16155,6 +13929,29 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
16155
13929
  courses = response;
16156
13930
  if (!(strip.tabs && strip.tabs.length)) return [3 /*break*/, 3];
16157
13931
  tabResults = this.splitCbpTabsData(courses, strip);
13932
+ countOfWidget_1 = true;
13933
+ if (strip && strip.tabs && strip.tabs.length) {
13934
+ strip.tabs.forEach((/**
13935
+ * @param {?} tab
13936
+ * @return {?}
13937
+ */
13938
+ function (tab) {
13939
+ if (tab.pillsData && tab.pillsData.length) {
13940
+ tab.pillsData.forEach((/**
13941
+ * @param {?} pill
13942
+ * @return {?}
13943
+ */
13944
+ function (pill) {
13945
+ if (pill && pill.widgets && pill.widgets.length) {
13946
+ if (countOfWidget_1) {
13947
+ pill.selected = true;
13948
+ countOfWidget_1 = false;
13949
+ }
13950
+ }
13951
+ }));
13952
+ }
13953
+ }));
13954
+ }
16158
13955
  return [4 /*yield*/, this.processStrip(strip, this.transformContentsToWidgets(courses, strip), 'done', calculateParentStatus, '', tabResults)];
16159
13956
  case 2:
16160
13957
  _a.sent();
@@ -16163,32 +13960,6 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
16163
13960
  this.processStrip(strip, this.transformContentsToWidgets(courses, strip), 'done', calculateParentStatus, 'viewMoreUrl');
16164
13961
  _a.label = 4;
16165
13962
  case 4:
16166
- // this.userSvc.fetchCbpPlanList().subscribe( async (res: any) => {
16167
- // if (res) {
16168
- // console.log(res,'===============================>')
16169
- // courses = res
16170
- // if (strip.tabs && strip.tabs.length) {
16171
- // tabResults = this.splitCbpTabsData(courses, strip)
16172
- // await this.processStrip(
16173
- // strip,
16174
- // this.transformContentsToWidgets(courses, strip),
16175
- // 'done',
16176
- // calculateParentStatus,
16177
- // '',
16178
- // tabResults
16179
- // )
16180
- // } else {
16181
- // this.processStrip(
16182
- // strip,
16183
- // this.transformContentsToWidgets(courses, strip),
16184
- // 'done',
16185
- // calculateParentStatus,
16186
- // 'viewMoreUrl',
16187
- // )
16188
- // }
16189
- // }
16190
- // }, (_err: any) => {
16191
- // })
16192
13963
  clearInterval(this.enrollInterval);
16193
13964
  _a.label = 5;
16194
13965
  case 5: return [2 /*return*/];
@@ -16212,13 +13983,19 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
16212
13983
  /** @type {?} */
16213
13984
  var splitData = this.getTabsList(contentNew, strip);
16214
13985
  if (strip.tabs && strip.tabs.length) {
16215
- var _loop_2 = function (i) {
13986
+ var _loop_1 = function (i) {
16216
13987
  if (strip.tabs[i].value === "myIgotPlans") {
13988
+ /** @type {?} */
13989
+ var checkWidgetAndActivePill = true;
16217
13990
  if (strip.tabs[i].pillsData && strip.tabs[i].pillsData.length) {
16218
- var _loop_3 = function (j) {
16219
- if (j === 0) {
16220
- strip.tabs[i].pillsData[j].selected = true;
16221
- }
13991
+ var _loop_2 = function (j) {
13992
+ // if(j === 0 ){
13993
+ // if(strip.tabs[i].pillsData[j].widgets && strip.tabs[i].pillsData[j].widgets.length ) {
13994
+ // strip.tabs[i].pillsData[j].selected = true
13995
+ // checkWidgetAndActivePill = false
13996
+ // }
13997
+ // strip.tabs[i].pillsData[j].selected = true
13998
+ // }
16222
13999
  if (strip.tabs[i].pillsData[j]) {
16223
14000
  tabResults.push(__assign({}, strip.tabs[i].pillsData[j], { fetchTabStatus: 'done' }, (splitData.find((/**
16224
14001
  * @param {?} itmInner
@@ -16233,14 +14010,14 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
16233
14010
  }
16234
14011
  };
16235
14012
  for (var j = 0; j < strip.tabs[i].pillsData.length; j += 1) {
16236
- _loop_3(j);
14013
+ _loop_2(j);
16237
14014
  }
16238
14015
  strip.tabs[i].pillsData = tabResults;
16239
14016
  }
16240
14017
  }
16241
14018
  };
16242
14019
  for (var i = 0; i < strip.tabs.length; i += 1) {
16243
- _loop_2(i);
14020
+ _loop_1(i);
16244
14021
  }
16245
14022
  }
16246
14023
  return strip.tabs;
@@ -16354,7 +14131,6 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
16354
14131
  function (data) {
16355
14132
  return data.contentStatus < 2;
16356
14133
  }));
16357
- // this.getSelectedIndex(1)
16358
14134
  return [
16359
14135
  { value: 'all', widgets: this.transformContentsToWidgets(all, strip) },
16360
14136
  { value: 'upcoming', widgets: this.transformContentsToWidgets(upcoming, strip) },
@@ -16384,7 +14160,7 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
16384
14160
  ContentStripWithTabsPillsComponent.decorators = [
16385
14161
  { type: Component, args: [{
16386
14162
  selector: 'sb-uic-content-strip-with-tabs-pills',
16387
- template: "<ng-container *ngIf=\"!contentAvailable; else otherTemplate\"></ng-container>\n<ng-template #otherTemplate>\n <!-- <div *ngIf=\"showParentLoader\" class=\"text-center my-2\">\n <mat-spinner class=\"inline-block\"></mat-spinner>\n </div> -->\n <ng-container *ngIf=\"showParentError\" [sbUiResolverWidget]=\"widgetData.errorWidget\"></ng-container>\n <ng-container *ngIf=\"showParentNoData\" [sbUiResolverWidget]=\"widgetData.noDataWidget\"></ng-container>\n <ng-container *ngFor=\"let key of stripsKeyOrder; let i = index; trackBy: identify\">\n <ng-container *ngIf=\"isStripShowing(stripsResultDataMap[key])\">\n <a name=\"{{stripsResultDataMap[key]?.stripTitle}}\" [class]=\"key\">\n <div *ngIf=\"stripsResultDataMap && (getLength(stripsResultDataMap[key]) ||\n stripsResultDataMap[key]?.showOnNoData ||\n stripsResultDataMap[key]?.showOnLoader ||\n stripsResultDataMap[key]?.showOnError)\n \" [ngClass]=\"\n !widgetData?.isChannelStrip ? 'xs:px-8 sx:px-10ss' : i > 0 ? 'mt-12' : ''\n \" [id]=\"key\" [ngClass]=\"!widgetData?.isChannelStrip ? margin-bottom-custom : margin-bottom-xs\">\n <div [ngClass]=\"{ pad: stripsResultDataMap[key]?.stripBackground }\"\n [ngStyle]=\"{ 'background-color': stripsResultDataMap[key]?.stripBackground }\">\n <div class=\"flex flex-col pl-4 pr-4 md:pr-0 md:pl-0 \" [ngClass]=\"\n !widgetData?.isChannelStrip\n ? ''\n : stripsResultDataMap[key]?.stripTitle\n ? 'mb-8'\n : ''\n \">\n <div class=\"flex flex-1 items-center\">\n <p class=\"mat-subheading-1 margin-remove inline-block \" *ngIf=\"stripsResultDataMap[key]?.stripTitle\">\n <span class=\"capitalize\" *ngIf=\"stripsResultDataMap[key]?.disableTranslate\">\n {{stripsResultDataMap[key]?.stripTitle}}\n </span>\n <span *ngIf=\"!stripsResultDataMap[key]?.disableTranslate\">\n {{ translateLabels(stripsResultDataMap[key]?.stripTitle, 'home') }}\n </span>\n </p>\n\n <button *ngIf=\"stripsResultDataMap[key]?.stripInfo?.icon\" type=\"button\" mat-icon-button\n (click)=\"toggleInfo(stripsResultDataMap[key])\" i18n-matTooltip matTooltip=\"info\"\n class=\"margin-left-xs\">\n <mat-icon>{{ stripsResultDataMap[key]?.stripInfo?.icon.icon }}</mat-icon>\n </button>\n <a *ngIf=\"stripsResultDataMap[key]?.stripTitleLink?.link\"\n [routerLink]=\"stripsResultDataMap[key]?.stripTitleLink?.link\"\n [queryParams]=\"stripsResultDataMap[key]?.stripTitleLink?.link?.queryParams\">\n <mat-icon class=\"ws-mat-primary-primary-text ws-mat-default-text\" [color]=\"'accent'\">{{\n stripsResultDataMap[key]?.stripTitleLink?.icon }}</mat-icon>\n </a>\n <span class=\"spacer\"></span>\n <!-- viewAll start-->\n <!-- <div *ngIf=\"checkCondition(widgetData , stripsResultDataMap[key])\"\n class=\"ml-4 pl-2 view-more ws-mat-default-text\">\n <a class=\"flex ws-mat-default-text items-center justify-center mat-body-1 cursor-pointer\" \n (click)=\"raiseTelemetry(stripsResultDataMap[key]);redirectViewAll(stripsResultDataMap[key], stripsResultDataMap[key]?.viewMoreUrl?.path, stripsResultDataMap[key]?.viewMoreUrl?.queryParams )\">\n <span i18n class=\"ws-mat-default-text\">{{translateLabels(widgetData.strips[0].viewMoreUrl.viewMoreText,'home') || 'See all'}}</span>\n <mat-icon class=\"ws-mat-default-text mat-icon notranslate material-icons mat-icon-no-color\" color=\"accent\">navigate_next</mat-icon>\n </a>\n </div> -->\n <!-- viewAll end-->\n </div>\n <button mat-icon-button (click)=\"setHiddenForStrip(key)\" *ngIf=\"stripsResultDataMap[key]?.canHideStrip\">\n <mat-icon>close</mat-icon>\n </button>\n <mat-icon class=\"cursor-pointer\" *ngIf=\"stripsResultDataMap[key]?.mode === 'accordion' && isMobile\"\n (click)=\"showAccordionData = !showAccordionData\">{{ showAccordionData ? 'expand_less' : 'expand_more' }}\n </mat-icon>\n </div>\n\n <div class=\"mb-4\" *ngIf=\"checkVisible(stripsResultDataMap[key])\">\n <ng-container [sbUiResolverWidget]=\"getdata(stripsResultDataMap[key])\">\n </ng-container>\n </div>\n <ng-container *ngIf=\"stripsResultDataMap[key]?.showOnNoData\"\n [sbUiResolverWidget]=\"stripsResultDataMap[key]?.noDataWidget\"></ng-container>\n <ng-container *ngIf=\"stripsResultDataMap[key]?.showOnError\"\n [sbUiResolverWidget]=\"stripsResultDataMap[key]?.errorWidget\"></ng-container>\n <!-- IF no errors then proceed to show tabs or non tabs strip -->\n <ng-container *ngIf=\"!stripsResultDataMap[key]?.showOnNoData && !stripsResultDataMap[key]?.showOnError\">\n <ng-container *ngIf=\"stripsResultDataMap[key].tabs && stripsResultDataMap[key].tabs.length\">\n <mat-tab-group animationDuration=\"0ms\" [selectedIndex]=\"getSelectedIndex(stripsResultDataMap[key], key)\"\n class=\"mat-tab-labels w-full strips-tabgroup\" dynamicHeight\n (selectedTabChange)=\"tabClicked($event, 0, stripsResultDataMap[key], key)\">\n <mat-tab label=\"{{tab?.label}}\" *ngFor=\"let tab of stripsResultDataMap[key].tabs; let last = last;let tabIndex = index\">\n <ng-template mat-tab-label>\n <span>{{ translateLabels(tab?.label, 'home') }} &nbsp;</span>\n <span *ngIf=\"tab?.showTabDataCount && tab?.widgets?.length\">({{tab?.widgets?.length}})</span>\n </ng-template>\n\n <div class=\"wfull\" *ngIf=\"tab?.pillsData && tab?.pillsData?.length\">\n <div class=\"flex justify-between\">\n <div>\n <ng-container >\n <mat-chip-list class=\"content-pill\" aria-label=\"Fish selection\">\n <ng-container *ngFor=\"let pill of tab?.pillsData;let p = index\">\n <mat-chip [selected]=\"pill?.selected\" (click)=\"pillClicked($event, stripsResultDataMap[key], key, p, tabIndex)\">\n <span class=\"pill-name\">{{pill?.label}}</span></mat-chip>\n </ng-container>\n </mat-chip-list>\n </ng-container>\n </div>\n <!-- viewAll start-->\n <!-- <div *ngIf=\"checkCondition(widgetData , stripsResultDataMap[key])\"\n class=\"ml-4 pl-2 view-more ws-mat-default-text\">\n <a class=\"flex ws-mat-default-text items-center justify-center mat-body-1 cursor-pointer\" \n (click)=\"raiseTelemetry(stripsResultDataMap[key]);redirectViewAll(stripsResultDataMap[key], stripsResultDataMap[key]?.viewMoreUrl?.path, stripsResultDataMap[key]?.viewMoreUrl?.queryParams )\">\n <span i18n class=\"ws-mat-default-text\">{{translateLabels(widgetData.strips[0].viewMoreUrl.viewMoreText,'home') || 'See all'}}</span>\n <mat-icon class=\"ws-mat-default-text mat-icon notranslate material-icons mat-icon-no-color\" color=\"accent\">navigate_next</mat-icon>\n </a>\n </div> -->\n <!-- viewAll end-->\n </div>\n <div *ngIf=\"stripsResultDataMap && stripsResultDataMap[key]?.showOnLoader ||\n !tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus\"\n class=\"text-center my-2\">\n <sb-uic-horizontal-scroller-v2 [sliderConfig]=\"stripsResultDataMap[key]?.sliderConfig\" [id]=\"key+'-scroller'\"\n [loadStatus]=\"'fetching'\" [stripConfig]=\"stripsResultDataMap[key]?.stripConfig\">\n <ng-container *ngFor=\"let widget of stripsResultDataMap[key]?.loaderWidgets; trackBy: tracker\">\n <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n </ng-container>\n </sb-uic-horizontal-scroller-v2>\n </div>\n <ng-container *ngIf=\"tab?.pillsData && tab?.pillsData.length && tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]\">\n <div *ngIf=\"((tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus && tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus === 'done') &&\n (!tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets || !tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets?.length))\">\n <ng-container *ngIf=\"tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.value === 'inprogress'; else msgTemp\">\n <div class=\"w-full flex flex-col items-center justify-center\">\n <img alt=\"\" class=\"mt-4 mb-4\" src=\"assets/icons/home/nodataDefault.svg\">\n <div class=\"mat-subheading-1 text-center info-content\">{{ 'contentstripmultiple.getReadyForLearningAdventure' | translate }} -\n <a class=\"click-here\" [routerLink]=\"'/page/learn'\">{{ 'contentstripmultiple.clickHere' | translate }}</a> {{ 'contentstripmultiple.toEnrollNextCourse' | translate }}</div>\n </div>\n </ng-container>\n <ng-template #msgTemp>\n <div class=\"w-full flex flex-col items-center justify-center\">\n <img alt=\"\" class=\"mt-4 mb-4\" src=\"assets/icons/home/nodataDefault.png\">\n <div class=\"mat-subheading-1 text-center\">{{ translateLabels(tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.nodataMsg, 'home') }}</div>\n </div>\n </ng-template>\n </div>\n </ng-container>\n <ng-container *ngIf=\"(tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus === 'done' || tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets?.length)\">\n <ng-container *ngIf=\"!tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.tabLoading\">\n <sb-uic-horizontal-scroller-v2 [id]=\"key+'-scroller'\" [sliderConfig]=\"stripsResultDataMap[key]?.sliderConfig\" [widgetsLength]=\"tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets?.length\"\n *ngIf=\"getContineuLearningLenth(stripsResultDataMap[key]) && showAccordion(key)\"\n [loadStatus]=\"'done'\" [defaultMaxWidgets]=\"tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.maxWidgets ||\n stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets\" [stripConfig]=\"stripsResultDataMap[key]?.stripConfig\">\n <ng-container *ngFor=\"let widget of tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets| slice:0:(tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.maxWidgets ||\n stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets); trackBy: tracker\">\n <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n </ng-container>\n </sb-uic-horizontal-scroller-v2>\n </ng-container>\n </ng-container>\n </div>\n </mat-tab>\n </mat-tab-group>\n </ng-container>\n </ng-container>\n </div>\n </div>\n </a>\n\n </ng-container>\n </ng-container>\n</ng-template>",
14163
+ template: "<ng-container *ngIf=\"!contentAvailable; else otherTemplate\"></ng-container>\n<ng-template #otherTemplate>\n <!-- <div *ngIf=\"showParentLoader\" class=\"text-center my-2\">\n <mat-spinner class=\"inline-block\"></mat-spinner>\n </div> -->\n <ng-container *ngIf=\"showParentError\" [sbUiResolverWidget]=\"widgetData.errorWidget\"></ng-container>\n <ng-container *ngIf=\"showParentNoData\" [sbUiResolverWidget]=\"widgetData.noDataWidget\"></ng-container>\n <ng-container *ngFor=\"let key of stripsKeyOrder; let i = index; trackBy: identify\">\n <ng-container *ngIf=\"isStripShowing(stripsResultDataMap[key])\">\n <a name=\"{{stripsResultDataMap[key]?.stripTitle}}\" [class]=\"key\">\n <div *ngIf=\"stripsResultDataMap && (getLength(stripsResultDataMap[key]) ||\n stripsResultDataMap[key]?.showOnNoData ||\n stripsResultDataMap[key]?.showOnLoader ||\n stripsResultDataMap[key]?.showOnError)\n \" [ngClass]=\"\n !widgetData?.isChannelStrip ? 'xs:px-8 sx:px-10ss' : i > 0 ? 'mt-12' : ''\n \" [id]=\"key\" [ngClass]=\"!widgetData?.isChannelStrip ? margin-bottom-custom : margin-bottom-xs\">\n <div [ngClass]=\"{ pad: stripsResultDataMap[key]?.stripBackground }\"\n [ngStyle]=\"{ 'background-color': stripsResultDataMap[key]?.stripBackground }\">\n <div class=\"flex flex-col pl-4 pr-4 md:pr-0 md:pl-0 \" [ngClass]=\"\n !widgetData?.isChannelStrip\n ? ''\n : stripsResultDataMap[key]?.stripTitle\n ? 'mb-8'\n : ''\n \">\n <div class=\"flex flex-1 items-center\">\n <p class=\"mat-subheading-1 margin-remove inline-block \" *ngIf=\"stripsResultDataMap[key]?.stripTitle\">\n <span class=\"capitalize\" *ngIf=\"stripsResultDataMap[key]?.disableTranslate\">\n {{stripsResultDataMap[key]?.stripTitle}}\n </span>\n <span *ngIf=\"!stripsResultDataMap[key]?.disableTranslate\">\n {{ translateLabels(stripsResultDataMap[key]?.stripTitle, 'home') }}\n </span>\n </p>\n\n <button *ngIf=\"stripsResultDataMap[key]?.stripInfo?.icon\" type=\"button\" mat-icon-button\n (click)=\"toggleInfo(stripsResultDataMap[key])\" i18n-matTooltip matTooltip=\"info\"\n class=\"margin-left-xs\">\n <mat-icon>{{ stripsResultDataMap[key]?.stripInfo?.icon.icon }}</mat-icon>\n </button>\n <a *ngIf=\"stripsResultDataMap[key]?.stripTitleLink?.link\"\n [routerLink]=\"stripsResultDataMap[key]?.stripTitleLink?.link\"\n [queryParams]=\"stripsResultDataMap[key]?.stripTitleLink?.link?.queryParams\">\n <mat-icon class=\"ws-mat-primary-primary-text ws-mat-default-text\" [color]=\"'accent'\">{{\n stripsResultDataMap[key]?.stripTitleLink?.icon }}</mat-icon>\n </a>\n <span class=\"spacer\"></span>\n <!-- viewAll start-->\n <!-- <div *ngIf=\"checkCondition(widgetData , stripsResultDataMap[key])\"\n class=\"ml-4 pl-2 view-more ws-mat-default-text\">\n <a class=\"flex ws-mat-default-text items-center justify-center mat-body-1 cursor-pointer\" \n (click)=\"raiseTelemetry(stripsResultDataMap[key]);redirectViewAll(stripsResultDataMap[key], stripsResultDataMap[key]?.viewMoreUrl?.path, stripsResultDataMap[key]?.viewMoreUrl?.queryParams )\">\n <span i18n class=\"ws-mat-default-text\">{{translateLabels(widgetData.strips[0].viewMoreUrl.viewMoreText,'home') || 'See all'}}</span>\n <mat-icon class=\"ws-mat-default-text mat-icon notranslate material-icons mat-icon-no-color\" color=\"accent\">navigate_next</mat-icon>\n </a>\n </div> -->\n <!-- viewAll end-->\n </div>\n <button mat-icon-button (click)=\"setHiddenForStrip(key)\" *ngIf=\"stripsResultDataMap[key]?.canHideStrip\">\n <mat-icon>close</mat-icon>\n </button>\n <mat-icon class=\"cursor-pointer\" *ngIf=\"stripsResultDataMap[key]?.mode === 'accordion' && isMobile\"\n (click)=\"showAccordionData = !showAccordionData\">{{ showAccordionData ? 'expand_less' : 'expand_more' }}\n </mat-icon>\n </div>\n\n <div class=\"mb-4\" *ngIf=\"checkVisible(stripsResultDataMap[key])\">\n <ng-container [sbUiResolverWidget]=\"getdata(stripsResultDataMap[key])\">\n </ng-container>\n </div>\n <ng-container *ngIf=\"stripsResultDataMap[key]?.showOnNoData\"\n [sbUiResolverWidget]=\"stripsResultDataMap[key]?.noDataWidget\"></ng-container>\n <ng-container *ngIf=\"stripsResultDataMap[key]?.showOnError\"\n [sbUiResolverWidget]=\"stripsResultDataMap[key]?.errorWidget\"></ng-container>\n <!-- IF no errors then proceed to show tabs or non tabs strip -->\n <ng-container *ngIf=\"!stripsResultDataMap[key]?.showOnNoData && !stripsResultDataMap[key]?.showOnError\">\n <ng-container *ngIf=\"stripsResultDataMap[key].tabs && stripsResultDataMap[key].tabs.length\">\n <mat-tab-group animationDuration=\"0ms\" [selectedIndex]=\"getSelectedIndex(stripsResultDataMap[key], key)\"\n class=\"mat-tab-labels w-full strips-tabgroup\" dynamicHeight\n (selectedTabChange)=\"tabClicked($event, 0, stripsResultDataMap[key], key)\">\n <mat-tab label=\"{{tab?.label}}\" *ngFor=\"let tab of stripsResultDataMap[key].tabs; let last = last;let tabIndex = index\">\n <ng-template mat-tab-label>\n <span>{{ translateLabels(tab?.label, 'home') }} &nbsp;</span>\n <span *ngIf=\"tab?.showTabDataCount && tab?.widgets?.length\">({{tab?.widgets?.length}})</span>\n </ng-template>\n\n <div class=\"wfull\" *ngIf=\"tab?.pillsData && tab?.pillsData?.length\">\n <div class=\"flex justify-between\">\n <div>\n <ng-container >\n <mat-chip-list class=\"content-pill\" aria-label=\"Fish selection\">\n <ng-container *ngFor=\"let pill of tab?.pillsData;let p = index\">\n <mat-chip [selected]=\"pill?.selected\" (click)=\"pillClicked($event, stripsResultDataMap[key], key, p, tabIndex)\">\n <span class=\"pill-name\">{{pill?.label}}</span></mat-chip>\n </ng-container>\n </mat-chip-list>\n </ng-container>\n </div>\n <!-- viewAll start-->\n <div *ngIf=\"checkCondition(widgetData , stripsResultDataMap[key])\"\n class=\"ml-4 pl-2 view-more ws-mat-default-text\">\n <a class=\"flex ws-mat-default-text items-center justify-center mat-body-1 cursor-pointer\" \n (click)=\"raiseTelemetry(stripsResultDataMap[key]);redirectViewAll(stripsResultDataMap[key], stripsResultDataMap[key]?.viewMoreUrl?.path, stripsResultDataMap[key]?.viewMoreUrl?.queryParams )\">\n <span i18n class=\"ws-mat-default-text\">{{translateLabels(widgetData.strips[0].viewMoreUrl.viewMoreText,'home') || 'See all'}}</span>\n <mat-icon class=\"ws-mat-default-text mat-icon notranslate material-icons mat-icon-no-color\" color=\"accent\">navigate_next</mat-icon>\n </a>\n </div>\n <!-- viewAll end-->\n </div>\n <div *ngIf=\"stripsResultDataMap && stripsResultDataMap[key]?.showOnLoader ||\n !tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus\"\n class=\"text-center my-2\">\n <sb-uic-horizontal-scroller-v2 [sliderConfig]=\"stripsResultDataMap[key]?.sliderConfig\" [id]=\"key+'-scroller'\"\n [loadStatus]=\"'fetching'\" [stripConfig]=\"stripsResultDataMap[key]?.stripConfig\">\n <ng-container *ngFor=\"let widget of stripsResultDataMap[key]?.loaderWidgets; trackBy: tracker\">\n <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n </ng-container>\n </sb-uic-horizontal-scroller-v2>\n </div>\n <ng-container *ngIf=\"tab?.pillsData && tab?.pillsData.length && tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]\">\n <div *ngIf=\"((tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus && tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus === 'done') &&\n (!tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets || !tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets?.length))\">\n <ng-container *ngIf=\"tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.value === 'inprogress'; else msgTemp\">\n <div class=\"w-full flex flex-col items-center justify-center\">\n <img alt=\"\" class=\"mt-4 mb-4\" src=\"assets/icons/home/nodataDefault.svg\">\n <div class=\"mat-subheading-1 text-center info-content\">{{ 'contentstripmultiple.getReadyForLearningAdventure' | translate }} -\n <a class=\"click-here\" [routerLink]=\"'/page/learn'\">{{ 'contentstripmultiple.clickHere' | translate }}</a> {{ 'contentstripmultiple.toEnrollNextCourse' | translate }}</div>\n </div>\n </ng-container>\n <ng-template #msgTemp>\n <div class=\"w-full flex flex-col items-center justify-center\">\n <img alt=\"\" class=\"mt-4 mb-4\" src=\"assets/icons/home/nodataDefault.png\">\n <div class=\"mat-subheading-1 text-center\">{{ translateLabels(tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.nodataMsg, 'home') }}</div>\n </div>\n </ng-template>\n </div>\n </ng-container>\n <ng-container *ngIf=\"(tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus === 'done' || tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets?.length)\">\n <ng-container *ngIf=\"!tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.tabLoading\">\n <sb-uic-horizontal-scroller-v2 [id]=\"key+'-scroller'\" [sliderConfig]=\"stripsResultDataMap[key]?.sliderConfig\" [widgetsLength]=\"tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets?.length\"\n *ngIf=\"getContineuLearningLenth(stripsResultDataMap[key]) && showAccordion(key)\"\n [loadStatus]=\"'done'\" [defaultMaxWidgets]=\"tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.maxWidgets ||\n stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets\" [stripConfig]=\"stripsResultDataMap[key]?.stripConfig\">\n <ng-container *ngFor=\"let widget of tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets| slice:0:(tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.maxWidgets ||\n stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets); trackBy: tracker\">\n <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n </ng-container>\n </sb-uic-horizontal-scroller-v2>\n </ng-container>\n </ng-container>\n </div>\n </mat-tab>\n </mat-tab-group>\n </ng-container>\n </ng-container>\n </div>\n </div>\n </a>\n\n </ng-container>\n </ng-container>\n</ng-template>",
16388
14164
  styles: [".view-more{display:flex;align-items:center;text-align:center;height:40px;justify-content:center}.view-more .icon{font-size:24px;width:24px;height:24px;border:1px solid;border-radius:50%;padding:8px;margin-bottom:8px}.margin-bottom-custom{margin-bottom:60px}.view-more:hover{background-color:#dcdfe5}::ng-deep.strips-tabgroup .mat-tab-header{border-bottom:2px solid rgba(0,0,0,.12)}::ng-deep.strips-tabgroup .mat-tab-body{padding:20px 0!important;box-sizing:border-box;overflow-y:initial!important}::ng-deep.strips-tabgroup .mat-tab-body-wrapper{overflow:inherit!important}::ng-deep.strips-tabgroup .mat-tab-label{border-bottom:0 solid rgba(0,0,0,.1);margin-right:0;opacity:1}::ng-deep.strips-tabgroup .mat-tab-label .mat-tab-label-content{text-transform:inherit;font:400 14px/20px Lato}::ng-deep.strips-tabgroup .mat-tab-label-active .mat-tab-label-content{font-weight:700!important}.click-here{color:#1b4ca1}.info-content{opacity:1;color:rgba(0,0,0,.87);font:700 14px/20px Lato-Bold;text-align:center}.active{background:#1b4ca1!important}.active .pill-name{color:#fff!important}::ng-deep .content-pill .mat-chip-selected{background-color:#1b4ca1!important}::ng-deep .content-pill .mat-chip-selected .pill-name{color:#fff!important}"]
16389
14165
  }] }
16390
14166
  ];