@sunbird-cb/consumption 0.0.98 → 0.0.99

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 (17) hide show
  1. package/bundles/sunbird-cb-consumption.umd.js +51 -5
  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/events/events.component.js +2 -2
  6. package/esm2015/lib/_common/microsites/national-learning-week/national-learning/national-learning.component.js +49 -5
  7. package/esm2015/lib/_common/microsites/national-learning-week/national-learning.module.js +4 -2
  8. package/esm5/lib/_common/events/events.component.js +2 -2
  9. package/esm5/lib/_common/microsites/national-learning-week/national-learning/national-learning.component.js +51 -5
  10. package/esm5/lib/_common/microsites/national-learning-week/national-learning.module.js +4 -2
  11. package/fesm2015/sunbird-cb-consumption.js +50 -6
  12. package/fesm2015/sunbird-cb-consumption.js.map +1 -1
  13. package/fesm5/sunbird-cb-consumption.js +52 -6
  14. package/fesm5/sunbird-cb-consumption.js.map +1 -1
  15. package/lib/_common/microsites/national-learning-week/national-learning/national-learning.component.d.ts +8 -2
  16. package/package.json +1 -1
  17. package/sunbird-cb-consumption.metadata.json +1 -1
package/esm5/lib/_common/microsites/national-learning-week/national-learning/national-learning.component.js CHANGED
@@ -3,16 +3,21 @@
3
3
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
4
4
  */
5
5
  import { Component, Inject, Input } from '@angular/core';
6
+ import { DomSanitizer } from '@angular/platform-browser';
6
7
  import { Router } from '@angular/router';
7
- import { EventService } from '@sunbird-cb/utils-v2';
8
+ import { EventService, UtilityService } from '@sunbird-cb/utils-v2';
8
9
  var NationalLearningComponent = /** @class */ (function () {
9
- function NationalLearningComponent(environment, router, events) {
10
+ function NationalLearningComponent(environment, router, events, domSanitizer, utilitySvc) {
10
11
  this.router = router;
11
12
  this.events = events;
13
+ this.domSanitizer = domSanitizer;
14
+ this.utilitySvc = utilitySvc;
12
15
  this.sectionList = [];
13
16
  this.providerId = '123456789';
14
17
  this.descriptionMaxLength = 500;
18
+ this.isMobile = false;
15
19
  this.environment = environment;
20
+ this.isMobile = this.utilitySvc.isMobile;
16
21
  }
17
22
  /**
18
23
  * @return {?}
@@ -21,6 +26,7 @@ var NationalLearningComponent = /** @class */ (function () {
21
26
  * @return {?}
22
27
  */
23
28
  function () {
29
+ this.getLookerProUrl();
24
30
  };
25
31
  /**
26
32
  * @param {?} event
@@ -120,10 +126,37 @@ var NationalLearningComponent = /** @class */ (function () {
120
126
  module: 'National Learning Week',
121
127
  });
122
128
  };
129
+ /**
130
+ * @return {?}
131
+ */
132
+ NationalLearningComponent.prototype.getLookerProUrl = /**
133
+ * @return {?}
134
+ */
135
+ function () {
136
+ var _this = this;
137
+ this.sectionList.forEach((/**
138
+ * @param {?} ele
139
+ * @return {?}
140
+ */
141
+ function (ele) {
142
+ if (ele.key === 'sectionlooker') {
143
+ ele.column.forEach((/**
144
+ * @param {?} colEle
145
+ * @return {?}
146
+ */
147
+ function (colEle) {
148
+ if (colEle.key === 'lookerSection') {
149
+ _this.lookerProUrl = _this.domSanitizer
150
+ .bypassSecurityTrustResourceUrl(_this.isMobile ? colEle.data.lookerProMobileUrl : colEle.data.lookerProDesktopUrl);
151
+ }
152
+ }));
153
+ }
154
+ }));
155
+ };
123
156
  NationalLearningComponent.decorators = [
124
157
  { type: Component, args: [{
125
158
  selector: 'sb-uic-national-learning',
126
- template: "<div class=\"container-fluid white-background nlm-micro-sites micro-white\" id=\"nlm-micro-sites\">\n <div class=\"flex flex-col flex-1\">\n <ng-container *ngIf=\"sectionList?.length\">\n <ng-container *ngFor=\"let section of sectionList\">\n <ng-container *ngIf=\"section?.enabled\">\n <section id=\"{{section?.key}}\" class=\"w-full grid grid-cols-12 gap-4 white-bg\" [ngClass]=\"{'container': section.wrapperClass}\">\n <ng-container *ngFor=\"let column of section.column\">\n <div id=\"{{column?.key}}\" class=\"col-span-{{column.colspan || 12}} \">\n <ng-container *ngIf=\"column?.enabled\" [ngSwitch]=\"column?.key\">\n <ng-container *ngSwitchCase=\"'topSection'\" [ngTemplateOutlet]=\"topSection\"\n [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n <ng-container *ngSwitchCase=\"'contentSection'\" [ngTemplateOutlet]=\"contentSection\"\n [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n </ng-container>\n </div>\n </ng-container>\n </section>\n </ng-container>\n </ng-container>\n </ng-container>\n </div>\n</div>\n\n<ng-template #topSection let-data=\"data\">\n <!-- top section desktop layout -->\n <div class=\"w-full topSection\">\n <div *ngIf=\"data.sliderData && data.sliderData.sliders\">\n <sb-uic-sliders [widgetData]=\"data.sliderData.sliders\" [styleData]=\"data.sliderData.styleData\" ></sb-uic-sliders>\n </div>\n <div *ngIf=\"data && data.metrics\">\n <div class=\"block md:hidden\">\n <sb-uic-data-points\n [providerId]=\"providerId\"\n [fetchDataFromApi]=\"true\"\n [objectData]=\"data?.metrics?.data\"\n [layoutType]=\"'nlwCol'\"\n [title]=\"data?.metrics?.title\"\n [pageLayout]=\"'nlw'\">\n </sb-uic-data-points>\n </div>\n <div class=\"hidden md:block\">\n <sb-uic-data-points\n [providerId]=\"providerId\"\n [fetchDataFromApi]=\"true\"\n [objectData]=\"data?.metrics?.data\"\n [layoutType]=\"'nlwRow'\"\n [title]=\"data?.metrics?.title\"\n [pageLayout]=\"'nlw'\">\n </sb-uic-data-points>\n </div>\n </div>\n\n <div class=\"col-span-12\">\n <div class=\"flex items-center justify-center\">\n <div class=\"container\">\n <div class=\"block md:hidden\">\n <sb-uic-key-highlights (emptyResponse)=\"hideKeyHightlight($event, data.keyHighlights)\" [formData]=\"data.keyHighlights\" [providerId]=\"providerId\" [mode]=\"'mobile'\"></sb-uic-key-highlights>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"col-span-12\">\n <div class=\"flex items-center justify-center\">\n <div class=\"container\">\n <div class=\"hidden md:block\">\n <div class=\"flex flex items-center justify-center gap-10\">\n <div class=\"mr-4 logo-box-container\">\n <div class=\"flex logo-box-rounded top mr-4\">\n <img alt=\"Application Logo\" class=\"logo-img\" [src]=\"data?.imageUrl\">\n </div>\n </div>\n <div class=\"w-full md:w-9/12 flex-1 flex flex-col pr-3\">\n <div class=\" txt-ellipsis-2 break-words description-title\">{{data?.title}}</div>\n <div class=\"description\">{{data?.description | slice:0:descriptionMaxLength}}\n <span *ngIf=\"data?.description?.length > descriptionMaxLength\">...</span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"block md:hidden\">\n <div class=\"flex flex-col items-center justify-center margin-bottom-xl px-5\">\n <div class=\"mlogo-box-rounded\">\n <img alt=\"Application Logo\" class=\"logo-img\" [src]=\"data?.imageUrl\">\n </div>\n </div>\n <div class=\"flex flex-col px-5\">\n <div class=\" txt-ellipsis-2 break-words description-title\">{{data?.title}}</div>\n <div class=\"mdescription\">{{data?.description | slice:0:descriptionMaxLength}}\n <span *ngIf=\"data?.description?.length > descriptionMaxLength\">...</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"col-span-12\">\n <div class=\"flex items-center justify-center\">\n <div class=\"container margin-top-xl\">\n <div class=\"hidden md:block\">\n <sb-uic-key-highlights (emptyResponse)=\"hideKeyHightlight($event, data.keyHighlights)\" [formData]=\"data.keyHighlights\" [providerId]=\"providerId\" [mode]=\"'desktop'\"></sb-uic-key-highlights>\n </div>\n </div>\n </div>\n </div>\n </div>\n</ng-template>\n\n\n\n<ng-template #contentSection let-data=\"data\">\n <div class=\"flex items-center justify-center\">\n <div class=\"container\">\n <div class=\"grid grid-cols-12 gap-4 mb-6\">\n <div class=\"col-span-12 md:col-span-{{data.leftContent.colspan}}\">\n <div *ngIf=\"data.leftContent.data.weekHighlights.data\">\n <sb-uic-highlights-of-week\n [objectData]=\"data.leftContent.data.weekHighlights.data\">\n </sb-uic-highlights-of-week>\n </div>\n <div class=\"hidden md:block\">\n <div *ngIf=\"data.leftContent.data.mandatoryCourse.enabled && data?.leftContent?.data?.mandatoryCourse?.column[0]?.data\">\n <div class=\"margin-top-l nlw-mandatoryCourse\">\n <sb-uic-content-strip-with-tabs\n [emitViewAll]=\"false\"\n (viewAllResponse)=\"''\"\n (telemtryResponse)=\"raiseTelemetryInteratEvent($event)\"\n (emptyResponse)=\"''\"\n [providerId]=\"'123456789'\"\n [widgetData]=\"data?.leftContent?.data?.mandatoryCourse?.column[0]?.data\"\n [channnelName]=\"'channnelName'\">\n </sb-uic-content-strip-with-tabs>\n </div>\n </div>\n </div>\n\n <div class=\"hidden md:block\">\n <div *ngIf=\"data?.leftContent?.data?.exploreLearningContent?.strips[0]\">\n <!-- <sb-uic-content-strip-facet-filter [widgetData]=\"data?.leftContent?.data?.exploreLearningContent\"></sb-uic-content-strip-facet-filter> -->\n <sb-uic-content-strip-with-tabs\n [emitViewAll]=\"false\"\n (viewAllResponse)=\"''\"\n (telemtryResponse)=\"raiseTelemetryInteratEvent($event)\"\n (emptyResponse)=\"''\"\n [providerId]=\"environment?.spvorgID\"\n [widgetData]=\"data?.leftContent?.data?.exploreLearningContent\"\n [channnelName]=\"'channnelName'\">\n </sb-uic-content-strip-with-tabs>\n </div>\n </div>\n <div class=\"hidden md:block\">\n <div *ngIf=\"data.leftContent.data.events.enabled && data.leftContent.data.events.column[0]\">\n <sb-uic-events [object]=\"data.leftContent.data.events.column[0]\" [nwlEventsConfig]=\"nwlConfiguration\"></sb-uic-events>\n </div>\n </div>\n </div>\n <div class=\"col-span-12 md:col-span-{{data.rightContent.colspan}}\">\n <div *ngIf=\"data.rightContent.data.myprogress\">\n <sb-uic-user-progress\n [objectData]=\"data.rightContent.data.myprogress.data\" [rootOrgId]=\"configDetails?.unMappedUser?.rootOrgId\">\n </sb-uic-user-progress>\n </div>\n <div *ngIf=\"data.rightContent.data.speakerOftheDay\">\n <sb-uic-speakers\n [objectData]=\"data.rightContent.data.speakerOftheDay.data\">\n </sb-uic-speakers>\n </div>\n <div *ngIf=\"data.rightContent.data.mdoLeaderboard\">\n <sb-uic-mdo-leaderboard\n [object]=\"data.rightContent.data.mdoLeaderboard.data\"\n (tabClicked)=\"raiseTabClick($event)\"></sb-uic-mdo-leaderboard>\n </div>\n\n <div class=\"block md:hidden\">\n <div *ngIf=\"data.leftContent.data.mandatoryCourse.enabled && data?.leftContent?.data?.mandatoryCourse?.column[0]?.data\">\n <div class=\"margin-top-l nlw-mandatoryCourse\">\n <sb-uic-content-strip-with-tabs\n [emitViewAll]=\"false\"\n (viewAllResponse)=\"''\"\n (telemtryResponse)=\"raiseTelemetryInteratEvent($event)\"\n (emptyResponse)=\"''\"\n [providerId]=\"'123456789'\"\n [widgetData]=\"data?.leftContent?.data?.mandatoryCourse?.column[0]?.data\"\n [channnelName]=\"'channnelName'\">\n </sb-uic-content-strip-with-tabs>\n </div>\n </div>\n </div>\n <div class=\"block md:hidden px-4 md-px-0\">\n <div *ngIf=\"data?.leftContent?.data?.exploreLearningContent?.strips[0]\">\n <sb-uic-content-strip-facet-filter [widgetData]=\"data?.leftContent?.data?.exploreLearningContent\"></sb-uic-content-strip-facet-filter>\n </div>\n </div>\n <div class=\"block md:hidden px-4 md-px-0\">\n <div *ngIf=\"data.leftContent.data.events.enabled && data.leftContent.data.events.column[0]\">\n <sb-uic-events [object]=\"data.leftContent.data.events.column[0]\" [nwlEventsConfig]=\"nwlConfiguration\"></sb-uic-events>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</ng-template>\n\n\n",
159
+ template: "<div class=\"container-fluid white-background nlm-micro-sites micro-white\" id=\"nlm-micro-sites\">\n <div class=\"flex flex-col flex-1\">\n <ng-container *ngIf=\"sectionList?.length\">\n <ng-container *ngFor=\"let section of sectionList\">\n <ng-container *ngIf=\"section?.enabled\">\n <section id=\"{{section?.key}}\" class=\"w-full grid grid-cols-12 gap-4 white-bg\" [ngClass]=\"{'container': section.wrapperClass}\">\n <ng-container *ngFor=\"let column of section.column\">\n <div id=\"{{column?.key}}\" class=\"col-span-{{column.colspan || 12}} \">\n <ng-container *ngIf=\"column?.enabled\" [ngSwitch]=\"column?.key\">\n <ng-container *ngSwitchCase=\"'topSection'\" [ngTemplateOutlet]=\"topSection\"\n [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n <ng-container *ngSwitchCase=\"'contentSection'\" [ngTemplateOutlet]=\"contentSection\"\n [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n <ng-container *ngSwitchCase=\"'lookerSection'\" [ngTemplateOutlet]=\"lookerTemplate\"\n [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n </ng-container>\n </div>\n </ng-container>\n </section>\n </ng-container>\n </ng-container>\n </ng-container>\n </div>\n</div>\n\n<ng-template #topSection let-data=\"data\">\n <!-- top section desktop layout -->\n <div class=\"w-full topSection\">\n <div *ngIf=\"data.sliderData && data.sliderData.sliders\">\n <sb-uic-sliders [widgetData]=\"data.sliderData.sliders\" [styleData]=\"data.sliderData.styleData\" ></sb-uic-sliders>\n </div>\n <div *ngIf=\"data && data.metrics\">\n <div class=\"block md:hidden\">\n <sb-uic-data-points\n [providerId]=\"providerId\"\n [fetchDataFromApi]=\"true\"\n [objectData]=\"data?.metrics?.data\"\n [layoutType]=\"'nlwCol'\"\n [title]=\"data?.metrics?.title\"\n [pageLayout]=\"'nlw'\">\n </sb-uic-data-points>\n </div>\n <div class=\"hidden md:block\">\n <sb-uic-data-points\n [providerId]=\"providerId\"\n [fetchDataFromApi]=\"true\"\n [objectData]=\"data?.metrics?.data\"\n [layoutType]=\"'nlwRow'\"\n [title]=\"data?.metrics?.title\"\n [pageLayout]=\"'nlw'\">\n </sb-uic-data-points>\n </div>\n </div>\n\n <div class=\"col-span-12\">\n <div class=\"flex items-center justify-center\">\n <div class=\"container\">\n <div class=\"block md:hidden\">\n <sb-uic-key-highlights (emptyResponse)=\"hideKeyHightlight($event, data.keyHighlights)\" [formData]=\"data.keyHighlights\" [providerId]=\"providerId\" [mode]=\"'mobile'\"></sb-uic-key-highlights>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"col-span-12\">\n <div class=\"flex items-center justify-center\">\n <div class=\"container\">\n <div class=\"hidden md:block\">\n <div class=\"flex flex items-center justify-center gap-10\">\n <div class=\"mr-4 logo-box-container\">\n <div class=\"flex logo-box-rounded top mr-4\">\n <img alt=\"Application Logo\" class=\"logo-img\" [src]=\"data?.imageUrl\">\n </div>\n </div>\n <div class=\"w-full md:w-9/12 flex-1 flex flex-col pr-3\">\n <div class=\" txt-ellipsis-2 break-words description-title\">{{data?.title}}</div>\n <div class=\"description\">{{data?.description | slice:0:descriptionMaxLength}}\n <span *ngIf=\"data?.description?.length > descriptionMaxLength\">...</span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"block md:hidden\">\n <div class=\"flex flex-col items-center justify-center margin-bottom-xl px-5\">\n <div class=\"mlogo-box-rounded\">\n <img alt=\"Application Logo\" class=\"logo-img\" [src]=\"data?.imageUrl\">\n </div>\n </div>\n <div class=\"flex flex-col px-5\">\n <div class=\" txt-ellipsis-2 break-words description-title\">{{data?.title}}</div>\n <div class=\"mdescription\">{{data?.description | slice:0:descriptionMaxLength}}\n <span *ngIf=\"data?.description?.length > descriptionMaxLength\">...</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"col-span-12\">\n <div class=\"flex items-center justify-center\">\n <div class=\"container margin-top-xl\">\n <div class=\"hidden md:block\">\n <sb-uic-key-highlights (emptyResponse)=\"hideKeyHightlight($event, data.keyHighlights)\" [formData]=\"data.keyHighlights\" [providerId]=\"providerId\" [mode]=\"'desktop'\"></sb-uic-key-highlights>\n </div>\n </div>\n </div>\n </div>\n </div>\n</ng-template>\n\n\n\n<ng-template #contentSection let-data=\"data\">\n <div class=\"flex items-center justify-center\">\n <div class=\"container\">\n <div class=\"grid grid-cols-12 gap-4 mb-6\">\n <div class=\"col-span-12 md:col-span-{{data.leftContent.colspan}}\">\n <div *ngIf=\"data.leftContent.data.weekHighlights.data\">\n <sb-uic-highlights-of-week\n [objectData]=\"data.leftContent.data.weekHighlights.data\">\n </sb-uic-highlights-of-week>\n </div>\n <div class=\"hidden md:block\">\n <div *ngIf=\"data.leftContent.data.mandatoryCourse.enabled && data?.leftContent?.data?.mandatoryCourse?.column[0]?.data\">\n <div class=\"margin-top-l nlw-mandatoryCourse\">\n <sb-uic-content-strip-with-tabs\n [emitViewAll]=\"false\"\n (viewAllResponse)=\"''\"\n (telemtryResponse)=\"raiseTelemetryInteratEvent($event)\"\n (emptyResponse)=\"''\"\n [providerId]=\"'123456789'\"\n [widgetData]=\"data?.leftContent?.data?.mandatoryCourse?.column[0]?.data\"\n [channnelName]=\"'channnelName'\">\n </sb-uic-content-strip-with-tabs>\n </div>\n </div>\n </div>\n\n <div class=\"hidden md:block\">\n <div *ngIf=\"data?.leftContent?.data?.exploreLearningContent?.strips[0]\">\n <!-- <sb-uic-content-strip-facet-filter [widgetData]=\"data?.leftContent?.data?.exploreLearningContent\"></sb-uic-content-strip-facet-filter> -->\n <sb-uic-content-strip-with-tabs\n [emitViewAll]=\"false\"\n (viewAllResponse)=\"''\"\n (telemtryResponse)=\"raiseTelemetryInteratEvent($event)\"\n (emptyResponse)=\"''\"\n [providerId]=\"environment?.spvorgID\"\n [widgetData]=\"data?.leftContent?.data?.exploreLearningContent\"\n [channnelName]=\"'channnelName'\">\n </sb-uic-content-strip-with-tabs>\n </div>\n </div>\n <div class=\"hidden md:block\">\n <div *ngIf=\"data.leftContent.data.events.enabled && data.leftContent.data.events.column[0]\">\n <sb-uic-events [object]=\"data.leftContent.data.events.column[0]\" [nwlEventsConfig]=\"nwlConfiguration\"></sb-uic-events>\n </div>\n </div>\n </div>\n <div class=\"col-span-12 md:col-span-{{data.rightContent.colspan}}\">\n <div *ngIf=\"data.rightContent.data.myprogress\">\n <sb-uic-user-progress\n [objectData]=\"data.rightContent.data.myprogress.data\" [rootOrgId]=\"configDetails?.unMappedUser?.rootOrgId\">\n </sb-uic-user-progress>\n </div>\n <div *ngIf=\"data.rightContent.data.speakerOftheDay\">\n <sb-uic-speakers\n [objectData]=\"data.rightContent.data.speakerOftheDay.data\">\n </sb-uic-speakers>\n </div>\n <div *ngIf=\"data.rightContent.data.mdoLeaderboard\">\n <sb-uic-mdo-leaderboard\n [object]=\"data.rightContent.data.mdoLeaderboard.data\"\n (tabClicked)=\"raiseTabClick($event)\"></sb-uic-mdo-leaderboard>\n </div>\n\n <div class=\"block md:hidden\">\n <div *ngIf=\"data.leftContent.data.mandatoryCourse.enabled && data?.leftContent?.data?.mandatoryCourse?.column[0]?.data\">\n <div class=\"margin-top-l nlw-mandatoryCourse\">\n <sb-uic-content-strip-with-tabs\n [emitViewAll]=\"false\"\n (viewAllResponse)=\"''\"\n (telemtryResponse)=\"raiseTelemetryInteratEvent($event)\"\n (emptyResponse)=\"''\"\n [providerId]=\"'123456789'\"\n [widgetData]=\"data?.leftContent?.data?.mandatoryCourse?.column[0]?.data\"\n [channnelName]=\"'channnelName'\">\n </sb-uic-content-strip-with-tabs>\n </div>\n </div>\n </div>\n <div class=\"block md:hidden px-4 md-px-0\">\n <div *ngIf=\"data?.leftContent?.data?.exploreLearningContent?.strips[0]\">\n <sb-uic-content-strip-facet-filter [widgetData]=\"data?.leftContent?.data?.exploreLearningContent\"></sb-uic-content-strip-facet-filter>\n </div>\n </div>\n <div class=\"block md:hidden px-4 md-px-0\">\n <div *ngIf=\"data.leftContent.data.events.enabled && data.leftContent.data.events.column[0]\">\n <sb-uic-events [object]=\"data.leftContent.data.events.column[0]\" [nwlEventsConfig]=\"nwlConfiguration\"></sb-uic-events>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</ng-template>\n\n\n\n\n<ng-template #lookerTemplate let-data=\"data\">\n <div class=\"flex items-center justify-center\" >\n <div class=\"container mt-8\">\n <div class=\"key-speakers flex-wrap flex items-center justify-center\">\n <h1 class=\"featured text-center\">{{data?.header?.headerText}}</h1>\n <p class=\"featured-description p-4 md:p-0 text-center\">{{data?.header?.description}}</p>\n </div>\n <div class=\"lookpro\" *ngIf=\"lookerProUrl\">\n <iframe title=\"{{data?.header?.headerText}}\" width=\"100%\" height=\"520\" [src]=\"lookerProUrl\" frameborder=\"0\" style=\"border:0\" sandbox=\"allow-storage-access-by-user-activation allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox\"></iframe>\n </div>\n </div>\n </div>\n</ng-template>",
127
160
  styles: [".white-bg{background:#fff!important}.nlw-mandatoryCourse ::ng-deep.capitalize{font-size:20px;line-height:24.38px}.nlm-micro-sites ::ng-deep.container{max-width:1200px!important}.nlm-micro-sites ::ng-deep.banner-container{padding-bottom:0!important}.topSection ::ng-deep.prev{margin-left:15px!important}.topSection ::ng-deep.next{margin-right:15px!important}.topSection .stats-header{display:flex;align-items:center;justify-content:center;position:absolute;left:43.5%;top:-20px;text-transform:capitalize}.topSection .stats-title{display:flex;align-items:center;justify-content:center;background-color:#f3962f;padding:12px 16px;color:#fff;font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;border-radius:35px}.topSection .my-arrow{font-size:12px}.topSection .less-opacity1{opacity:.75}.topSection .less-opacity2{opacity:.5}.topSection .details-wrapper{padding:16px;display:flex;gap:50px}.topSection .logo-box-container{width:180px;position:relative}@media only screen and (max-width:599px){.topSection .logo-box-container{width:112px;height:72px}}.topSection .logo-box-rounded{height:180px;width:180px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px 0 rgba(0,0,0,.06)}.topSection .logo-box-rounded .logo-img{max-width:122px}@media only screen and (max-width:599px){.topSection .logo-box-rounded{width:112px;height:112px}.topSection .logo-box-rounded .logo-img{max-width:84px}}.topSection .mlogo-box-rounded{height:180px;width:180px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:1px 1px 8px 3px rgba(0,0,0,.06)}.topSection .mlogo-box-rounded .logo-img{max-width:122px}@media only screen and (max-width:599px){.topSection .mlogo-box-rounded{width:112px;height:112px}.topSection .mlogo-box-rounded .logo-img{max-width:84px}}.topSection .txt-ellipsis-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.topSection .description-title{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left;padding-bottom:16px}.topSection .description{font-family:Lato;font-size:16px;font-weight:400;line-height:24px;text-align:left}.topSection .mdescription{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left}@media screen and (min-width:320px) and (max-width:769px){.topSection ::ng-deep.prev{margin-left:15px!important}.topSection ::ng-deep.next{margin-right:15px!important}.topSection ::ng-deep.banner-container{min-height:212px!important}}"]
128
161
  }] }
129
162
  ];
@@ -131,7 +164,9 @@ var NationalLearningComponent = /** @class */ (function () {
131
164
  NationalLearningComponent.ctorParameters = function () { return [
132
165
  { type: undefined, decorators: [{ type: Inject, args: ['environment',] }] },
133
166
  { type: Router },
134
- { type: EventService }
167
+ { type: EventService },
168
+ { type: DomSanitizer },
169
+ { type: UtilityService }
135
170
  ]; };
136
171
  NationalLearningComponent.propDecorators = {
137
172
  sectionList: [{ type: Input }],
@@ -157,11 +192,22 @@ if (false) {
157
192
  /** @type {?} */
158
193
  NationalLearningComponent.prototype.environment;
159
194
  /** @type {?} */
195
+ NationalLearningComponent.prototype.isMobile;
196
+ /** @type {?} */
197
+ NationalLearningComponent.prototype.lookerProUrl;
198
+ /** @type {?} */
160
199
  NationalLearningComponent.prototype.router;
161
200
  /**
162
201
  * @type {?}
163
202
  * @private
164
203
  */
165
204
  NationalLearningComponent.prototype.events;
205
+ /**
206
+ * @type {?}
207
+ * @private
208
+ */
209
+ NationalLearningComponent.prototype.domSanitizer;
210
+ /** @type {?} */
211
+ NationalLearningComponent.prototype.utilitySvc;
166
212
  }
167
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF0aW9uYWwtbGVhcm5pbmcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHN1bmJpcmQtY2IvY29uc3VtcHRpb24vIiwic291cmNlcyI6WyJsaWIvX2NvbW1vbi9taWNyb3NpdGVzL25hdGlvbmFsLWxlYXJuaW5nLXdlZWsvbmF0aW9uYWwtbGVhcm5pbmcvbmF0aW9uYWwtbGVhcm5pbmcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDakUsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQVksTUFBTSxzQkFBc0IsQ0FBQztBQUc5RDtJQWFFLG1DQUFtQyxXQUFnQixFQUFRLE1BQWMsRUFBVSxNQUFvQjtRQUE1QyxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQVUsV0FBTSxHQUFOLE1BQU0sQ0FBYztRQVA5RixnQkFBVyxHQUFPLEVBQUUsQ0FBQTtRQUc3QixlQUFVLEdBQVcsV0FBVyxDQUFBO1FBRWhDLHlCQUFvQixHQUFHLEdBQUcsQ0FBQTtRQUd4QixJQUFJLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQTtJQUMvQixDQUFDOzs7O0lBRUQsNENBQVE7OztJQUFSO0lBQ0EsQ0FBQzs7Ozs7O0lBR0YscURBQWlCOzs7OztJQUFqQixVQUFrQixLQUFVLEVBQUUsYUFBa0I7UUFDOUMsSUFBSSxLQUFLLEVBQUU7WUFDVCxhQUFhLENBQUMsYUFBYSxDQUFDLEdBQUcsSUFBSSxDQUFBO1NBQ3BDO0lBQ0gsQ0FBQzs7Ozs7O0lBRUQsa0RBQWM7Ozs7O0lBQWQsVUFBZSxVQUFlLEVBQUUsVUFBZTtRQUM3QyxJQUFJLFVBQVUsSUFBSSxVQUFVLENBQUMsWUFBWSxJQUFJLFVBQVUsQ0FBQyxZQUFZLENBQUMsTUFBTSxJQUFJLFVBQVUsQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLE1BQU0sRUFBRTs7Z0JBQzlHLFNBQVMsR0FBUSxVQUFVOztnQkFDM0IsV0FBVyxHQUFJLFNBQVMsQ0FBQyxXQUFXLElBQUksU0FBUyxDQUFDLFdBQVcsQ0FBQyxXQUFXLElBQUksU0FBUyxDQUFDLFdBQVcsQ0FBQyxXQUFXLENBQUMsV0FBVyxJQUFJLFNBQVMsQ0FBQyxXQUFXLENBQUMsV0FBVyxDQUFDLFdBQVcsSUFBSSxFQUFFO1lBQ3JMLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUNsQixDQUFDLG9DQUFvQyxDQUFDLEVBQ3RDLEVBQUUsV0FBVyxFQUFFLEVBQUcsV0FBVyxFQUFFLElBQUksRUFBRSxXQUFXLGFBQUEsRUFBRSxHQUFHLEVBQUUsVUFBVSxDQUFDLFVBQVUsRUFBRyxFQUFFLENBQUMsQ0FBQTtTQUV2RjthQUFNO1lBQ0osSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQ25CLENBQUMsbUNBQWlDLElBQUksQ0FBQyxZQUFZLFNBQUksSUFBSSxDQUFDLFVBQVUsYUFBVSxDQUFDLEVBQ2pGLEVBQUUsV0FBVyxFQUFFLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRSxFQUFFLENBQUMsQ0FBQTtTQUMxQztJQUNILENBQUM7Ozs7OztJQUVELG9EQUFnQjs7Ozs7SUFBaEIsVUFBaUIsS0FBVSxFQUFFLGdCQUFxQjtRQUNoRCxJQUFJLEtBQUssRUFBRTtZQUNULGdCQUFnQixDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUMsR0FBRyxJQUFJLENBQUE7U0FDcEQ7SUFDSCxDQUFDOzs7OztJQUVELGlEQUFhOzs7O0lBQWIsVUFBYyxLQUFLO1FBQ2pCLElBQUksQ0FBQyxNQUFNLENBQUMsc0JBQXNCLENBQ2hDO1lBQ0UsSUFBSSxFQUFFLE9BQU87WUFDYixPQUFPLEVBQUUsaUJBQWlCO1lBQzFCLEVBQUUsRUFBSyxLQUFLLFNBQU07U0FDbkIsRUFDRCxFQUNDLEVBQ0Q7WUFDRSxNQUFNLEVBQUUsd0JBQXdCO1NBQ2pDLENBQ0YsQ0FBQTtJQUNILENBQUM7Ozs7O0lBR0QsOERBQTBCOzs7O0lBQTFCLFVBQTJCLEtBQVU7O1lBQzlCLFFBQVEsR0FBRyxtQkFBbUI7O1lBQy9CLEdBQUcsR0FBRyx3QkFBd0I7UUFDbEMsSUFBSSxLQUFLLENBQUMsZUFBZSxLQUFLLGlCQUFpQixFQUFFO1lBQy9DLFFBQVEsR0FBRywwQkFBMEIsQ0FBQTtZQUNyQyxHQUFHLEdBQUcsK0JBQStCLENBQUE7U0FDdEM7UUFDRCxJQUFJLENBQUMsTUFBTSxDQUFDLHNCQUFzQixDQUNoQztZQUNFLElBQUksRUFBRSxPQUFPO1lBQ2IsT0FBTyxFQUFFLFFBQVE7WUFDakIsRUFBRSxFQUFFLEdBQUc7U0FDUixFQUNEO1lBQ0UsRUFBRSxFQUFFLEtBQUssQ0FBQyxVQUFVO1lBQ3BCLElBQUksRUFBRSxLQUFLLENBQUMsZUFBZTtTQUM1QixFQUNEO1lBQ0UsU0FBUyxFQUFFLEdBQUc7WUFDZCxNQUFNLEVBQUUsd0JBQXdCO1NBQ2pDLENBQ0YsQ0FBQTtJQUNILENBQUM7O2dCQXRGRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLDBCQUEwQjtvQkFDcEMsbXFYQUFpRDs7aUJBRWxEOzs7O2dEQVNjLE1BQU0sU0FBQyxhQUFhO2dCQWpCMUIsTUFBTTtnQkFDTixZQUFZOzs7OEJBU2xCLEtBQUs7Z0NBQ0wsS0FBSzttQ0FDTCxLQUFLOztJQWdGUixnQ0FBQztDQUFBLEFBeEZELElBd0ZDO1NBbkZZLHlCQUF5Qjs7O0lBQ3BDLGdEQUE2Qjs7SUFDN0Isa0RBQTJCOztJQUMzQixxREFBOEI7O0lBQzlCLCtDQUFnQzs7SUFDaEMsaURBQWdCOztJQUNoQix5REFBMEI7O0lBQzFCLGdEQUFnQjs7SUFDb0MsMkNBQXFCOzs7OztJQUFFLDJDQUE0QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgRXZlbnRTZXJ2aWNlLCBXc0V2ZW50cyB9IGZyb20gJ0BzdW5iaXJkLWNiL3V0aWxzLXYyJztcbmltcG9ydCAqIGFzIF8gZnJvbSAnbG9kYXNoJ1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzYi11aWMtbmF0aW9uYWwtbGVhcm5pbmcnLFxuICB0ZW1wbGF0ZVVybDogJy4vbmF0aW9uYWwtbGVhcm5pbmcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9uYXRpb25hbC1sZWFybmluZy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIE5hdGlvbmFsTGVhcm5pbmdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBzZWN0aW9uTGlzdDphbnkgPSBbXVxuICBASW5wdXQoKSBjb25maWdEZXRhaWxzOiBhbnlcbiAgQElucHV0KCkgbndsQ29uZmlndXJhdGlvbjogYW55XG4gIHByb3ZpZGVySWQ6IHN0cmluZyA9ICcxMjM0NTY3ODknXG4gIHByb3ZpZGVyTmFtZTogJydcbiAgZGVzY3JpcHRpb25NYXhMZW5ndGggPSA1MDBcbiAgZW52aXJvbm1lbnQ6IGFueVxuICBjb25zdHJ1Y3RvcihASW5qZWN0KCdlbnZpcm9ubWVudCcpIGVudmlyb25tZW50OiBhbnkscHVibGljIHJvdXRlcjogUm91dGVyLCBwcml2YXRlIGV2ZW50czogRXZlbnRTZXJ2aWNlKSB7XG4gICAgdGhpcy5lbnZpcm9ubWVudCA9IGVudmlyb25tZW50XG4gICB9XG5cbiAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgfVxuXG5cbiAgaGlkZUtleUhpZ2h0bGlnaHQoZXZlbnQ6IGFueSwgbGVhcm5lclJldmlldzogYW55KSB7XG4gICAgaWYgKGV2ZW50KSB7XG4gICAgICBsZWFybmVyUmV2aWV3WydoaWRlU2VjdGlvbiddID0gdHJ1ZVxuICAgIH1cbiAgfVxuXG4gIHNob3dBbGxDb250ZW50KF9zdHJpcERhdGE6IGFueSwgY29sdW1uRGF0YTogYW55KSB7XG4gICAgaWYgKGNvbHVtbkRhdGEgJiYgY29sdW1uRGF0YS5jb250ZW50U3RyaXAgJiYgY29sdW1uRGF0YS5jb250ZW50U3RyaXAuc3RyaXBzICYmIGNvbHVtbkRhdGEuY29udGVudFN0cmlwLnN0cmlwcy5sZW5ndGgpIHtcbiAgICAgIGNvbnN0IHN0cmlwRGF0YTogYW55ID0gX3N0cmlwRGF0YVxuICAgICAgICBsZXQgdGFiU2VsZWN0ZWQgPSAgc3RyaXBEYXRhLnZpZXdNb3JlVXJsICYmIHN0cmlwRGF0YS52aWV3TW9yZVVybC5xdWVyeVBhcmFtcyAmJiBzdHJpcERhdGEudmlld01vcmVVcmwucXVlcnlQYXJhbXMudGFiU2VsZWN0ZWQgJiYgc3RyaXBEYXRhLnZpZXdNb3JlVXJsLnF1ZXJ5UGFyYW1zLnRhYlNlbGVjdGVkIHx8ICcnXG4gICAgICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFxuICAgICAgICAgIFtgYXBwL2xlYXJuL2thcm1heW9naS1zYXB0YWgvc2VlLWFsbGBdLFxuICAgICAgICAgIHsgcXVlcnlQYXJhbXM6IHsgIHBhZ2VEZXRhaWxzOiB0cnVlLCB0YWJTZWxlY3RlZCwga2V5OiBjb2x1bW5EYXRhLnNlY3Rpb25LZXkgIH0gfSlcblxuICAgIH0gZWxzZSB7XG4gICAgICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoXG4gICAgICAgIFtgL2FwcC9sZWFybi9icm93c2UtYnkvcHJvdmlkZXIvJHt0aGlzLnByb3ZpZGVyTmFtZX0vJHt0aGlzLnByb3ZpZGVySWR9L2FsbC1DQlBgXSxcbiAgICAgICAgeyBxdWVyeVBhcmFtczogeyBwYWdlRGV0YWlsczogdHJ1ZSB9IH0pXG4gICAgfVxuICB9XG5cbiAgaGlkZUNvbnRlbnRTdHJpcChldmVudDogYW55LCBjb250ZW50U3RyaXBEYXRhOiBhbnkpIHtcbiAgICBpZiAoZXZlbnQpIHtcbiAgICAgIGNvbnRlbnRTdHJpcERhdGEuY29udGVudFN0cmlwWydoaWRlU2VjdGlvbiddID0gdHJ1ZVxuICAgIH1cbiAgfVxuXG4gIHJhaXNlVGFiQ2xpY2soZXZlbnQpIHtcbiAgICB0aGlzLmV2ZW50cy5yYWlzZUludGVyYWN0VGVsZW1ldHJ5KFxuICAgICAge1xuICAgICAgICB0eXBlOiAnY2xpY2snLFxuICAgICAgICBzdWJUeXBlOiAnbWRvLWxlYWRlcmJvYXJkJyxcbiAgICAgICAgaWQ6IGAke2V2ZW50fS10YWJgLFxuICAgICAgfSxcbiAgICAgIHtcbiAgICAgIH0sXG4gICAgICB7XG4gICAgICAgIG1vZHVsZTogJ05hdGlvbmFsIExlYXJuaW5nIFdlZWsnLFxuICAgICAgfVxuICAgIClcbiAgfVxuXG5cbiAgcmFpc2VUZWxlbWV0cnlJbnRlcmF0RXZlbnQoZXZlbnQ6IGFueSkge1xuICAgIGxldCAgX3N1YlR5cGUgPSAnbWFuZGF0b3J5LWNvdXJzZXMnXG4gICAgbGV0IF9pZCA9ICdtYW5kYXRvcnktY291cnNlcy1jYXJkJ1xuICAgIGlmIChldmVudC50eXBlT2ZUZWxlbWV0cnkgPT09ICdsZWFybmluZ0NvbnRlbnQnKSB7XG4gICAgICBfc3ViVHlwZSA9ICdleHBsb3JlLWxlYXJuaW5nLWNvbnRlbnQnXG4gICAgICBfaWQgPSAnZXhwbG9yZS1sZWFybmluZy1jb250ZW50LWNhcmQnXG4gICAgfSBcbiAgICB0aGlzLmV2ZW50cy5yYWlzZUludGVyYWN0VGVsZW1ldHJ5KFxuICAgICAge1xuICAgICAgICB0eXBlOiAnY2xpY2snLFxuICAgICAgICBzdWJUeXBlOiBfc3ViVHlwZSxcbiAgICAgICAgaWQ6IF9pZCxcbiAgICAgIH0sXG4gICAgICB7XG4gICAgICAgIGlkOiBldmVudC5pZGVudGlmaWVyLFxuICAgICAgICB0eXBlOiBldmVudC5wcmltYXJ5Q2F0ZWdvcnksXG4gICAgICB9LFxuICAgICAge1xuICAgICAgICBwYWdlSWRFeHQ6IF9pZCxcbiAgICAgICAgbW9kdWxlOiAnTmF0aW9uYWwgTGVhcm5pbmcgV2VlaycsXG4gICAgICB9XG4gICAgKVxuICB9XG5cbn1cbiJdfQ==
213
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF0aW9uYWwtbGVhcm5pbmcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHN1bmJpcmQtY2IvY29uc3VtcHRpb24vIiwic291cmNlcyI6WyJsaWIvX2NvbW1vbi9taWNyb3NpdGVzL25hdGlvbmFsLWxlYXJuaW5nLXdlZWsvbmF0aW9uYWwtbGVhcm5pbmcvbmF0aW9uYWwtbGVhcm5pbmcuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDakUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLGNBQWMsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBR3BFO0lBZUUsbUNBQW1DLFdBQWdCLEVBQzVDLE1BQWMsRUFBVSxNQUFvQixFQUMzQyxZQUEwQixFQUM3QixVQUEwQjtRQUZ4QixXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQVUsV0FBTSxHQUFOLE1BQU0sQ0FBYztRQUMzQyxpQkFBWSxHQUFaLFlBQVksQ0FBYztRQUM3QixlQUFVLEdBQVYsVUFBVSxDQUFnQjtRQVp0QixnQkFBVyxHQUFPLEVBQUUsQ0FBQTtRQUc3QixlQUFVLEdBQVcsV0FBVyxDQUFBO1FBRWhDLHlCQUFvQixHQUFHLEdBQUcsQ0FBQTtRQUUxQixhQUFRLEdBQVksS0FBSyxDQUFBO1FBTXZCLElBQUksQ0FBQyxXQUFXLEdBQUcsV0FBVyxDQUFBO1FBQzlCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUE7SUFDekMsQ0FBQzs7OztJQUVELDRDQUFROzs7SUFBUjtRQUNDLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN4QixDQUFDOzs7Ozs7SUFHRixxREFBaUI7Ozs7O0lBQWpCLFVBQWtCLEtBQVUsRUFBRSxhQUFrQjtRQUM5QyxJQUFJLEtBQUssRUFBRTtZQUNULGFBQWEsQ0FBQyxhQUFhLENBQUMsR0FBRyxJQUFJLENBQUE7U0FDcEM7SUFDSCxDQUFDOzs7Ozs7SUFFRCxrREFBYzs7Ozs7SUFBZCxVQUFlLFVBQWUsRUFBRSxVQUFlO1FBQzdDLElBQUksVUFBVSxJQUFJLFVBQVUsQ0FBQyxZQUFZLElBQUksVUFBVSxDQUFDLFlBQVksQ0FBQyxNQUFNLElBQUksVUFBVSxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsTUFBTSxFQUFFOztnQkFDOUcsU0FBUyxHQUFRLFVBQVU7O2dCQUMzQixXQUFXLEdBQUksU0FBUyxDQUFDLFdBQVcsSUFBSSxTQUFTLENBQUMsV0FBVyxDQUFDLFdBQVcsSUFBSSxTQUFTLENBQUMsV0FBVyxDQUFDLFdBQVcsQ0FBQyxXQUFXLElBQUksU0FBUyxDQUFDLFdBQVcsQ0FBQyxXQUFXLENBQUMsV0FBVyxJQUFJLEVBQUU7WUFDckwsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQ2xCLENBQUMsb0NBQW9DLENBQUMsRUFDdEMsRUFBRSxXQUFXLEVBQUUsRUFBRyxXQUFXLEVBQUUsSUFBSSxFQUFFLFdBQVcsYUFBQSxFQUFFLEdBQUcsRUFBRSxVQUFVLENBQUMsVUFBVSxFQUFHLEVBQUUsQ0FBQyxDQUFBO1NBRXZGO2FBQU07WUFDSixJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FDbkIsQ0FBQyxtQ0FBaUMsSUFBSSxDQUFDLFlBQVksU0FBSSxJQUFJLENBQUMsVUFBVSxhQUFVLENBQUMsRUFDakYsRUFBRSxXQUFXLEVBQUUsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFBO1NBQzFDO0lBQ0gsQ0FBQzs7Ozs7O0lBRUQsb0RBQWdCOzs7OztJQUFoQixVQUFpQixLQUFVLEVBQUUsZ0JBQXFCO1FBQ2hELElBQUksS0FBSyxFQUFFO1lBQ1QsZ0JBQWdCLENBQUMsWUFBWSxDQUFDLGFBQWEsQ0FBQyxHQUFHLElBQUksQ0FBQTtTQUNwRDtJQUNILENBQUM7Ozs7O0lBRUQsaURBQWE7Ozs7SUFBYixVQUFjLEtBQUs7UUFDakIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxzQkFBc0IsQ0FDaEM7WUFDRSxJQUFJLEVBQUUsT0FBTztZQUNiLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsRUFBRSxFQUFLLEtBQUssU0FBTTtTQUNuQixFQUNELEVBQ0MsRUFDRDtZQUNFLE1BQU0sRUFBRSx3QkFBd0I7U0FDakMsQ0FDRixDQUFBO0lBQ0gsQ0FBQzs7Ozs7SUFHRCw4REFBMEI7Ozs7SUFBMUIsVUFBMkIsS0FBVTs7WUFDOUIsUUFBUSxHQUFHLG1CQUFtQjs7WUFDL0IsR0FBRyxHQUFHLHdCQUF3QjtRQUNsQyxJQUFJLEtBQUssQ0FBQyxlQUFlLEtBQUssaUJBQWlCLEVBQUU7WUFDL0MsUUFBUSxHQUFHLDBCQUEwQixDQUFBO1lBQ3JDLEdBQUcsR0FBRywrQkFBK0IsQ0FBQTtTQUN0QztRQUNELElBQUksQ0FBQyxNQUFNLENBQUMsc0JBQXNCLENBQ2hDO1lBQ0UsSUFBSSxFQUFFLE9BQU87WUFDYixPQUFPLEVBQUUsUUFBUTtZQUNqQixFQUFFLEVBQUUsR0FBRztTQUNSLEVBQ0Q7WUFDRSxFQUFFLEVBQUUsS0FBSyxDQUFDLFVBQVU7WUFDcEIsSUFBSSxFQUFFLEtBQUssQ0FBQyxlQUFlO1NBQzVCLEVBQ0Q7WUFDRSxTQUFTLEVBQUUsR0FBRztZQUNkLE1BQU0sRUFBRSx3QkFBd0I7U0FDakMsQ0FDRixDQUFBO0lBQ0gsQ0FBQzs7OztJQUNELG1EQUFlOzs7SUFBZjtRQUFBLGlCQVdDO1FBVkMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPOzs7O1FBQUMsVUFBQyxHQUFRO1lBQ2hDLElBQUcsR0FBRyxDQUFDLEdBQUcsS0FBSyxlQUFlLEVBQUU7Z0JBQzlCLEdBQUcsQ0FBQyxNQUFNLENBQUMsT0FBTzs7OztnQkFBQyxVQUFDLE1BQVc7b0JBQzdCLElBQUcsTUFBTSxDQUFDLEdBQUcsS0FBSyxlQUFlLEVBQUU7d0JBQ2pDLEtBQUksQ0FBQyxZQUFZLEdBQUksS0FBSSxDQUFDLFlBQVk7NkJBQ3JDLDhCQUE4QixDQUFDLEtBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQTtxQkFDbEg7Z0JBQ0gsQ0FBQyxFQUFDLENBQUM7YUFDSjtRQUNILENBQUMsRUFBQyxDQUFDO0lBQ0wsQ0FBQzs7Z0JBekdGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsMEJBQTBCO29CQUNwQyxrdlpBQWlEOztpQkFFbEQ7Ozs7Z0RBV2MsTUFBTSxTQUFDLGFBQWE7Z0JBbkIxQixNQUFNO2dCQUNOLFlBQVk7Z0JBRlosWUFBWTtnQkFFRSxjQUFjOzs7OEJBU2xDLEtBQUs7Z0NBQ0wsS0FBSzttQ0FDTCxLQUFLOztJQW9HUixnQ0FBQztDQUFBLEFBNUdELElBNEdDO1NBdkdZLHlCQUF5Qjs7O0lBQ3BDLGdEQUE2Qjs7SUFDN0Isa0RBQTJCOztJQUMzQixxREFBOEI7O0lBQzlCLCtDQUFnQzs7SUFDaEMsaURBQWdCOztJQUNoQix5REFBMEI7O0lBQzFCLGdEQUFnQjs7SUFDaEIsNkNBQXlCOztJQUN6QixpREFBaUI7O0lBRWpCLDJDQUFxQjs7Ozs7SUFBRSwyQ0FBNEI7Ozs7O0lBQ25ELGlEQUFrQzs7SUFDcEMsK0NBQWlDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3QsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERvbVNhbml0aXplciB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IEV2ZW50U2VydmljZSwgVXRpbGl0eVNlcnZpY2UgfSBmcm9tICdAc3VuYmlyZC1jYi91dGlscy12Mic7XG5pbXBvcnQgKiBhcyBfIGZyb20gJ2xvZGFzaCdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2ItdWljLW5hdGlvbmFsLWxlYXJuaW5nJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25hdGlvbmFsLWxlYXJuaW5nLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbmF0aW9uYWwtbGVhcm5pbmcuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBOYXRpb25hbExlYXJuaW5nQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgc2VjdGlvbkxpc3Q6YW55ID0gW11cbiAgQElucHV0KCkgY29uZmlnRGV0YWlsczogYW55XG4gIEBJbnB1dCgpIG53bENvbmZpZ3VyYXRpb246IGFueVxuICBwcm92aWRlcklkOiBzdHJpbmcgPSAnMTIzNDU2Nzg5J1xuICBwcm92aWRlck5hbWU6ICcnXG4gIGRlc2NyaXB0aW9uTWF4TGVuZ3RoID0gNTAwXG4gIGVudmlyb25tZW50OiBhbnlcbiAgaXNNb2JpbGU6IGJvb2xlYW4gPSBmYWxzZVxuICBsb29rZXJQcm9Vcmw6IGFueVxuICBjb25zdHJ1Y3RvcihASW5qZWN0KCdlbnZpcm9ubWVudCcpIGVudmlyb25tZW50OiBhbnksXG4gIHB1YmxpYyByb3V0ZXI6IFJvdXRlciwgcHJpdmF0ZSBldmVudHM6IEV2ZW50U2VydmljZSxcbiAgcHJpdmF0ZSBkb21TYW5pdGl6ZXI6IERvbVNhbml0aXplcixcbnB1YmxpYyB1dGlsaXR5U3ZjOiBVdGlsaXR5U2VydmljZSkge1xuICAgIHRoaXMuZW52aXJvbm1lbnQgPSBlbnZpcm9ubWVudFxuICAgIHRoaXMuaXNNb2JpbGUgPSB0aGlzLnV0aWxpdHlTdmMuaXNNb2JpbGVcbiAgIH1cblxuICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5nZXRMb29rZXJQcm9VcmwoKTtcbiAgIH1cblxuXG4gIGhpZGVLZXlIaWdodGxpZ2h0KGV2ZW50OiBhbnksIGxlYXJuZXJSZXZpZXc6IGFueSkge1xuICAgIGlmIChldmVudCkge1xuICAgICAgbGVhcm5lclJldmlld1snaGlkZVNlY3Rpb24nXSA9IHRydWVcbiAgICB9XG4gIH1cblxuICBzaG93QWxsQ29udGVudChfc3RyaXBEYXRhOiBhbnksIGNvbHVtbkRhdGE6IGFueSkge1xuICAgIGlmIChjb2x1bW5EYXRhICYmIGNvbHVtbkRhdGEuY29udGVudFN0cmlwICYmIGNvbHVtbkRhdGEuY29udGVudFN0cmlwLnN0cmlwcyAmJiBjb2x1bW5EYXRhLmNvbnRlbnRTdHJpcC5zdHJpcHMubGVuZ3RoKSB7XG4gICAgICBjb25zdCBzdHJpcERhdGE6IGFueSA9IF9zdHJpcERhdGFcbiAgICAgICAgbGV0IHRhYlNlbGVjdGVkID0gIHN0cmlwRGF0YS52aWV3TW9yZVVybCAmJiBzdHJpcERhdGEudmlld01vcmVVcmwucXVlcnlQYXJhbXMgJiYgc3RyaXBEYXRhLnZpZXdNb3JlVXJsLnF1ZXJ5UGFyYW1zLnRhYlNlbGVjdGVkICYmIHN0cmlwRGF0YS52aWV3TW9yZVVybC5xdWVyeVBhcmFtcy50YWJTZWxlY3RlZCB8fCAnJ1xuICAgICAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShcbiAgICAgICAgICBbYGFwcC9sZWFybi9rYXJtYXlvZ2ktc2FwdGFoL3NlZS1hbGxgXSxcbiAgICAgICAgICB7IHF1ZXJ5UGFyYW1zOiB7ICBwYWdlRGV0YWlsczogdHJ1ZSwgdGFiU2VsZWN0ZWQsIGtleTogY29sdW1uRGF0YS5zZWN0aW9uS2V5ICB9IH0pXG5cbiAgICB9IGVsc2Uge1xuICAgICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFxuICAgICAgICBbYC9hcHAvbGVhcm4vYnJvd3NlLWJ5L3Byb3ZpZGVyLyR7dGhpcy5wcm92aWRlck5hbWV9LyR7dGhpcy5wcm92aWRlcklkfS9hbGwtQ0JQYF0sXG4gICAgICAgIHsgcXVlcnlQYXJhbXM6IHsgcGFnZURldGFpbHM6IHRydWUgfSB9KVxuICAgIH1cbiAgfVxuXG4gIGhpZGVDb250ZW50U3RyaXAoZXZlbnQ6IGFueSwgY29udGVudFN0cmlwRGF0YTogYW55KSB7XG4gICAgaWYgKGV2ZW50KSB7XG4gICAgICBjb250ZW50U3RyaXBEYXRhLmNvbnRlbnRTdHJpcFsnaGlkZVNlY3Rpb24nXSA9IHRydWVcbiAgICB9XG4gIH1cblxuICByYWlzZVRhYkNsaWNrKGV2ZW50KSB7XG4gICAgdGhpcy5ldmVudHMucmFpc2VJbnRlcmFjdFRlbGVtZXRyeShcbiAgICAgIHtcbiAgICAgICAgdHlwZTogJ2NsaWNrJyxcbiAgICAgICAgc3ViVHlwZTogJ21kby1sZWFkZXJib2FyZCcsXG4gICAgICAgIGlkOiBgJHtldmVudH0tdGFiYCxcbiAgICAgIH0sXG4gICAgICB7XG4gICAgICB9LFxuICAgICAge1xuICAgICAgICBtb2R1bGU6ICdOYXRpb25hbCBMZWFybmluZyBXZWVrJyxcbiAgICAgIH1cbiAgICApXG4gIH1cblxuXG4gIHJhaXNlVGVsZW1ldHJ5SW50ZXJhdEV2ZW50KGV2ZW50OiBhbnkpIHtcbiAgICBsZXQgIF9zdWJUeXBlID0gJ21hbmRhdG9yeS1jb3Vyc2VzJ1xuICAgIGxldCBfaWQgPSAnbWFuZGF0b3J5LWNvdXJzZXMtY2FyZCdcbiAgICBpZiAoZXZlbnQudHlwZU9mVGVsZW1ldHJ5ID09PSAnbGVhcm5pbmdDb250ZW50Jykge1xuICAgICAgX3N1YlR5cGUgPSAnZXhwbG9yZS1sZWFybmluZy1jb250ZW50J1xuICAgICAgX2lkID0gJ2V4cGxvcmUtbGVhcm5pbmctY29udGVudC1jYXJkJ1xuICAgIH0gXG4gICAgdGhpcy5ldmVudHMucmFpc2VJbnRlcmFjdFRlbGVtZXRyeShcbiAgICAgIHtcbiAgICAgICAgdHlwZTogJ2NsaWNrJyxcbiAgICAgICAgc3ViVHlwZTogX3N1YlR5cGUsXG4gICAgICAgIGlkOiBfaWQsXG4gICAgICB9LFxuICAgICAge1xuICAgICAgICBpZDogZXZlbnQuaWRlbnRpZmllcixcbiAgICAgICAgdHlwZTogZXZlbnQucHJpbWFyeUNhdGVnb3J5LFxuICAgICAgfSxcbiAgICAgIHtcbiAgICAgICAgcGFnZUlkRXh0OiBfaWQsXG4gICAgICAgIG1vZHVsZTogJ05hdGlvbmFsIExlYXJuaW5nIFdlZWsnLFxuICAgICAgfVxuICAgIClcbiAgfVxuICBnZXRMb29rZXJQcm9VcmwoKSB7XG4gICAgdGhpcy5zZWN0aW9uTGlzdC5mb3JFYWNoKChlbGU6IGFueSkgPT4ge1xuICAgICAgaWYoZWxlLmtleSA9PT0gJ3NlY3Rpb25sb29rZXInKSB7XG4gICAgICAgIGVsZS5jb2x1bW4uZm9yRWFjaCgoY29sRWxlOiBhbnkpID0+IHtcbiAgICAgICAgICBpZihjb2xFbGUua2V5ID09PSAnbG9va2VyU2VjdGlvbicpIHtcbiAgICAgICAgICAgIHRoaXMubG9va2VyUHJvVXJsID0gIHRoaXMuZG9tU2FuaXRpemVyXG4gICAgICAgICAgICAuYnlwYXNzU2VjdXJpdHlUcnVzdFJlc291cmNlVXJsKHRoaXMuaXNNb2JpbGUgPyBjb2xFbGUuZGF0YS5sb29rZXJQcm9Nb2JpbGVVcmwgOiBjb2xFbGUuZGF0YS5sb29rZXJQcm9EZXNrdG9wVXJsKVxuICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuXG59XG4iXX0=
package/esm5/lib/_common/microsites/national-learning-week/national-learning.module.js CHANGED
@@ -18,6 +18,7 @@ import { HighlightsOfWeekModule } from '../../highlights-of-week/highlights-of-w
18
18
  import { SpeakersModule } from '../../speakers/speakers.module';
19
19
  import { UserProgressModule } from '../../user-progress/user-progress.module';
20
20
  import { ContentStripFacetFilterModule } from '../../strips/content-strip-facet-filter/content-strip-facet-filter.module';
21
+ import { PipeSafeSanitizerModule } from '@sunbird-cb/utils-v2';
21
22
  var NationalLearningModule = /** @class */ (function () {
22
23
  function NationalLearningModule() {
23
24
  }
@@ -39,7 +40,8 @@ var NationalLearningModule = /** @class */ (function () {
39
40
  HighlightsOfWeekModule,
40
41
  SpeakersModule,
41
42
  UserProgressModule,
42
- ContentStripFacetFilterModule
43
+ ContentStripFacetFilterModule,
44
+ PipeSafeSanitizerModule
43
45
  ],
44
46
  exports: [
45
47
  NationalLearningComponent,
@@ -53,4 +55,4 @@ var NationalLearningModule = /** @class */ (function () {
53
55
  return NationalLearningModule;
54
56
  }());
55
57
  export { NationalLearningModule };
56
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF0aW9uYWwtbGVhcm5pbmcubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHN1bmJpcmQtY2IvY29uc3VtcHRpb24vIiwic291cmNlcyI6WyJsaWIvX2NvbW1vbi9taWNyb3NpdGVzL25hdGlvbmFsLWxlYXJuaW5nLXdlZWsvbmF0aW9uYWwtbGVhcm5pbmcubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLGFBQWEsRUFBRSxhQUFhLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNqRixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxzREFBc0QsQ0FBQztBQUMvRixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUM1RixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNqRixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUNqRixPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxzRUFBc0UsQ0FBQztBQUNySCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDMUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDcEYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDeEUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDNUYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLDJFQUEyRSxDQUFDO0FBSTFIO0lBQUE7SUEyQnNDLENBQUM7O2dCQTNCdEMsUUFBUSxTQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLHlCQUF5QixDQUFDO29CQUN6QyxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixhQUFhO3dCQUNiLGNBQWM7d0JBQ2QsdUJBQXVCO3dCQUN2QixnQkFBZ0I7d0JBQ2hCLGFBQWE7d0JBQ2IsbUJBQW1CO3dCQUNuQiw2QkFBNkI7d0JBQzdCLGdCQUFnQjt3QkFDaEIsWUFBWTt3QkFDWixvQkFBb0I7d0JBQ3BCLHNCQUFzQjt3QkFDdEIsY0FBYzt3QkFDZCxrQkFBa0I7d0JBQ2xCLDZCQUE2QjtxQkFDOUI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHlCQUF5QjtxQkFDMUI7b0JBQ0QsU0FBUyxFQUFDO3dCQUNSLG9CQUFvQjtxQkFDckI7b0JBQ0QsT0FBTyxFQUFDLENBQUMsc0JBQXNCLENBQUM7aUJBQ2pDOztJQUNxQyw2QkFBQztDQUFBLEFBM0J2QyxJQTJCdUM7U0FBMUIsc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSwgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBNYXRDaGlwc01vZHVsZSwgTWF0SWNvbk1vZHVsZSwgTWF0VGFic01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsJztcbmltcG9ydCB7IFNrZWxldG9uTG9hZGVyTGliTW9kdWxlIH0gZnJvbSAnLi4vLi4vc2tlbGV0b24tbG9hZGVyLWxpYi9za2VsZXRvbi1sb2FkZXItbGliLm1vZHVsZSc7XG5pbXBvcnQgeyBOYXRpb25hbExlYXJuaW5nQ29tcG9uZW50IH0gZnJvbSAnLi9uYXRpb25hbC1sZWFybmluZy9uYXRpb25hbC1sZWFybmluZy5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29tbW9uTWV0aG9kc1NlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9fc2VydmljZXMvY29tbW9uLW1ldGhvZHMuc2VydmljZSc7XG5pbXBvcnQgeyBTbGlkZXJzTGliTW9kdWxlIH0gZnJvbSAnLi4vLi4vc2xpZGVycy9zbGlkZXJzLm1vZHVsZSc7XG5pbXBvcnQgeyBLZXlIaWdobGlnaHRzTW9kdWxlIH0gZnJvbSAnLi4vLi4va2V5LWhpZ2hsaWdodHMva2V5LWhpZ2hsaWdodHMubW9kdWxlJztcbmltcG9ydCB7IENvbnRlbnRTdHJpcFdpdGhUYWJzTGliTW9kdWxlIH0gZnJvbSAnLi4vLi4vY29udGVudC1zdHJpcC13aXRoLXRhYnMtbGliL2NvbnRlbnQtc3RyaXAtd2l0aC10YWJzLWxpYi5tb2R1bGUnO1xuaW1wb3J0IHsgRXZlbnRzTW9kdWxlIH0gZnJvbSAnLi4vLi4vZXZlbnRzL2V2ZW50cy5tb2R1bGUnO1xuaW1wb3J0IHsgTWRvTGVhZGVyYm9hcmRNb2R1bGUgfSBmcm9tICcuLi8uLi9tZG8tbGVhZGVyYm9hcmQvbWRvLWxlYWRlcmJvYXJkLm1vZHVsZSc7XG5pbXBvcnQgeyBEYXRhUG9pbnRzTW9kdWxlIH0gZnJvbSAnLi4vLi4vZGF0YS1wb2ludHMvZGF0YS1wb2ludHMubW9kdWxlJztcbmltcG9ydCB7IEhpZ2hsaWdodHNPZldlZWtNb2R1bGUgfSBmcm9tICcuLi8uLi9oaWdobGlnaHRzLW9mLXdlZWsvaGlnaGxpZ2h0cy1vZi13ZWVrLm1vZHVsZSc7XG5pbXBvcnQgeyBTcGVha2Vyc01vZHVsZSB9IGZyb20gJy4uLy4uL3NwZWFrZXJzL3NwZWFrZXJzLm1vZHVsZSc7XG5pbXBvcnQgeyBVc2VyUHJvZ3Jlc3NNb2R1bGUgfSBmcm9tICcuLi8uLi91c2VyLXByb2dyZXNzL3VzZXItcHJvZ3Jlc3MubW9kdWxlJztcbmltcG9ydCB7IENvbnRlbnRTdHJpcEZhY2V0RmlsdGVyTW9kdWxlIH0gZnJvbSAnLi4vLi4vc3RyaXBzL2NvbnRlbnQtc3RyaXAtZmFjZXQtZmlsdGVyL2NvbnRlbnQtc3RyaXAtZmFjZXQtZmlsdGVyLm1vZHVsZSc7XG5cblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtOYXRpb25hbExlYXJuaW5nQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdENoaXBzTW9kdWxlLFxuICAgIFNrZWxldG9uTG9hZGVyTGliTW9kdWxlLFxuICAgIFNsaWRlcnNMaWJNb2R1bGUsXG4gICAgTWF0VGFic01vZHVsZSxcbiAgICBLZXlIaWdobGlnaHRzTW9kdWxlLFxuICAgIENvbnRlbnRTdHJpcFdpdGhUYWJzTGliTW9kdWxlLFxuICAgIERhdGFQb2ludHNNb2R1bGUsXG4gICAgRXZlbnRzTW9kdWxlLFxuICAgIE1kb0xlYWRlcmJvYXJkTW9kdWxlLFxuICAgIEhpZ2hsaWdodHNPZldlZWtNb2R1bGUsXG4gICAgU3BlYWtlcnNNb2R1bGUsXG4gICAgVXNlclByb2dyZXNzTW9kdWxlLFxuICAgIENvbnRlbnRTdHJpcEZhY2V0RmlsdGVyTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBOYXRpb25hbExlYXJuaW5nQ29tcG9uZW50LFxuICBdLFxuICBwcm92aWRlcnM6W1xuICAgIENvbW1vbk1ldGhvZHNTZXJ2aWNlXG4gIF0sXG4gIHNjaGVtYXM6W0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdXG59KVxuZXhwb3J0IGNsYXNzIE5hdGlvbmFsTGVhcm5pbmdNb2R1bGUgeyB9XG4iXX0=
58
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF0aW9uYWwtbGVhcm5pbmcubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHN1bmJpcmQtY2IvY29uc3VtcHRpb24vIiwic291cmNlcyI6WyJsaWIvX2NvbW1vbi9taWNyb3NpdGVzL25hdGlvbmFsLWxlYXJuaW5nLXdlZWsvbmF0aW9uYWwtbGVhcm5pbmcubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLGFBQWEsRUFBRSxhQUFhLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNqRixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxzREFBc0QsQ0FBQztBQUMvRixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUM1RixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNqRixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUNqRixPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxzRUFBc0UsQ0FBQztBQUNySCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDMUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDcEYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDeEUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDNUYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLDJFQUEyRSxDQUFDO0FBQzFILE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBSS9EO0lBQUE7SUE0QnNDLENBQUM7O2dCQTVCdEMsUUFBUSxTQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLHlCQUF5QixDQUFDO29CQUN6QyxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixhQUFhO3dCQUNiLGNBQWM7d0JBQ2QsdUJBQXVCO3dCQUN2QixnQkFBZ0I7d0JBQ2hCLGFBQWE7d0JBQ2IsbUJBQW1CO3dCQUNuQiw2QkFBNkI7d0JBQzdCLGdCQUFnQjt3QkFDaEIsWUFBWTt3QkFDWixvQkFBb0I7d0JBQ3BCLHNCQUFzQjt3QkFDdEIsY0FBYzt3QkFDZCxrQkFBa0I7d0JBQ2xCLDZCQUE2Qjt3QkFDN0IsdUJBQXVCO3FCQUN4QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AseUJBQXlCO3FCQUMxQjtvQkFDRCxTQUFTLEVBQUM7d0JBQ1Isb0JBQW9CO3FCQUNyQjtvQkFDRCxPQUFPLEVBQUMsQ0FBQyxzQkFBc0IsQ0FBQztpQkFDakM7O0lBQ3FDLDZCQUFDO0NBQUEsQUE1QnZDLElBNEJ1QztTQUExQixzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDVVNUT01fRUxFTUVOVFNfU0NIRU1BLCBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1hdENoaXBzTW9kdWxlLCBNYXRJY29uTW9kdWxlLCBNYXRUYWJzTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwnO1xuaW1wb3J0IHsgU2tlbGV0b25Mb2FkZXJMaWJNb2R1bGUgfSBmcm9tICcuLi8uLi9za2VsZXRvbi1sb2FkZXItbGliL3NrZWxldG9uLWxvYWRlci1saWIubW9kdWxlJztcbmltcG9ydCB7IE5hdGlvbmFsTGVhcm5pbmdDb21wb25lbnQgfSBmcm9tICcuL25hdGlvbmFsLWxlYXJuaW5nL25hdGlvbmFsLWxlYXJuaW5nLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb21tb25NZXRob2RzU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL19zZXJ2aWNlcy9jb21tb24tbWV0aG9kcy5zZXJ2aWNlJztcbmltcG9ydCB7IFNsaWRlcnNMaWJNb2R1bGUgfSBmcm9tICcuLi8uLi9zbGlkZXJzL3NsaWRlcnMubW9kdWxlJztcbmltcG9ydCB7IEtleUhpZ2hsaWdodHNNb2R1bGUgfSBmcm9tICcuLi8uLi9rZXktaGlnaGxpZ2h0cy9rZXktaGlnaGxpZ2h0cy5tb2R1bGUnO1xuaW1wb3J0IHsgQ29udGVudFN0cmlwV2l0aFRhYnNMaWJNb2R1bGUgfSBmcm9tICcuLi8uLi9jb250ZW50LXN0cmlwLXdpdGgtdGFicy1saWIvY29udGVudC1zdHJpcC13aXRoLXRhYnMtbGliLm1vZHVsZSc7XG5pbXBvcnQgeyBFdmVudHNNb2R1bGUgfSBmcm9tICcuLi8uLi9ldmVudHMvZXZlbnRzLm1vZHVsZSc7XG5pbXBvcnQgeyBNZG9MZWFkZXJib2FyZE1vZHVsZSB9IGZyb20gJy4uLy4uL21kby1sZWFkZXJib2FyZC9tZG8tbGVhZGVyYm9hcmQubW9kdWxlJztcbmltcG9ydCB7IERhdGFQb2ludHNNb2R1bGUgfSBmcm9tICcuLi8uLi9kYXRhLXBvaW50cy9kYXRhLXBvaW50cy5tb2R1bGUnO1xuaW1wb3J0IHsgSGlnaGxpZ2h0c09mV2Vla01vZHVsZSB9IGZyb20gJy4uLy4uL2hpZ2hsaWdodHMtb2Ytd2Vlay9oaWdobGlnaHRzLW9mLXdlZWsubW9kdWxlJztcbmltcG9ydCB7IFNwZWFrZXJzTW9kdWxlIH0gZnJvbSAnLi4vLi4vc3BlYWtlcnMvc3BlYWtlcnMubW9kdWxlJztcbmltcG9ydCB7IFVzZXJQcm9ncmVzc01vZHVsZSB9IGZyb20gJy4uLy4uL3VzZXItcHJvZ3Jlc3MvdXNlci1wcm9ncmVzcy5tb2R1bGUnO1xuaW1wb3J0IHsgQ29udGVudFN0cmlwRmFjZXRGaWx0ZXJNb2R1bGUgfSBmcm9tICcuLi8uLi9zdHJpcHMvY29udGVudC1zdHJpcC1mYWNldC1maWx0ZXIvY29udGVudC1zdHJpcC1mYWNldC1maWx0ZXIubW9kdWxlJztcbmltcG9ydCB7IFBpcGVTYWZlU2FuaXRpemVyTW9kdWxlIH0gZnJvbSAnQHN1bmJpcmQtY2IvdXRpbHMtdjInO1xuXG5cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbTmF0aW9uYWxMZWFybmluZ0NvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTWF0SWNvbk1vZHVsZSxcbiAgICBNYXRDaGlwc01vZHVsZSxcbiAgICBTa2VsZXRvbkxvYWRlckxpYk1vZHVsZSxcbiAgICBTbGlkZXJzTGliTW9kdWxlLFxuICAgIE1hdFRhYnNNb2R1bGUsXG4gICAgS2V5SGlnaGxpZ2h0c01vZHVsZSxcbiAgICBDb250ZW50U3RyaXBXaXRoVGFic0xpYk1vZHVsZSxcbiAgICBEYXRhUG9pbnRzTW9kdWxlLFxuICAgIEV2ZW50c01vZHVsZSxcbiAgICBNZG9MZWFkZXJib2FyZE1vZHVsZSxcbiAgICBIaWdobGlnaHRzT2ZXZWVrTW9kdWxlLFxuICAgIFNwZWFrZXJzTW9kdWxlLFxuICAgIFVzZXJQcm9ncmVzc01vZHVsZSxcbiAgICBDb250ZW50U3RyaXBGYWNldEZpbHRlck1vZHVsZSxcbiAgICBQaXBlU2FmZVNhbml0aXplck1vZHVsZVxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgTmF0aW9uYWxMZWFybmluZ0NvbXBvbmVudCxcbiAgXSxcbiAgcHJvdmlkZXJzOltcbiAgICBDb21tb25NZXRob2RzU2VydmljZVxuICBdLFxuICBzY2hlbWFzOltDVVNUT01fRUxFTUVOVFNfU0NIRU1BXVxufSlcbmV4cG9ydCBjbGFzcyBOYXRpb25hbExlYXJuaW5nTW9kdWxlIHsgfVxuIl19
package/fesm2015/sunbird-cb-consumption.js CHANGED
@@ -16,7 +16,7 @@ import { duration, utc } from 'moment';
16
16
  import { TranslateService, TranslateModule, TranslateLoader } from '@ngx-translate/core';
17
17
  import { TranslateHttpLoader } from '@ngx-translate/http-loader';
18
18
  import { BreakpointObserver } from '@angular/cdk/layout';
19
- import { HammerGestureConfig, HAMMER_GESTURE_CONFIG } from '@angular/platform-browser';
19
+ import { HammerGestureConfig, HAMMER_GESTURE_CONFIG, DomSanitizer } from '@angular/platform-browser';
20
20
  import Hammer from 'hammerjs';
21
21
  import { FormsModule, ReactiveFormsModule, FormBuilder } from '@angular/forms';
22
22
  import { jsPDF } from 'jspdf';
@@ -17491,19 +17491,26 @@ class NationalLearningComponent {
17491
17491
  * @param {?} environment
17492
17492
  * @param {?} router
17493
17493
  * @param {?} events
17494
+ * @param {?} domSanitizer
17495
+ * @param {?} utilitySvc
17494
17496
  */
17495
- constructor(environment, router, events) {
17497
+ constructor(environment, router, events, domSanitizer, utilitySvc) {
17496
17498
  this.router = router;
17497
17499
  this.events = events;
17500
+ this.domSanitizer = domSanitizer;
17501
+ this.utilitySvc = utilitySvc;
17498
17502
  this.sectionList = [];
17499
17503
  this.providerId = '123456789';
17500
17504
  this.descriptionMaxLength = 500;
17505
+ this.isMobile = false;
17501
17506
  this.environment = environment;
17507
+ this.isMobile = this.utilitySvc.isMobile;
17502
17508
  }
17503
17509
  /**
17504
17510
  * @return {?}
17505
17511
  */
17506
17512
  ngOnInit() {
17513
+ this.getLookerProUrl();
17507
17514
  }
17508
17515
  /**
17509
17516
  * @param {?} event
@@ -17580,11 +17587,34 @@ class NationalLearningComponent {
17580
17587
  module: 'National Learning Week',
17581
17588
  });
17582
17589
  }
17590
+ /**
17591
+ * @return {?}
17592
+ */
17593
+ getLookerProUrl() {
17594
+ this.sectionList.forEach((/**
17595
+ * @param {?} ele
17596
+ * @return {?}
17597
+ */
17598
+ (ele) => {
17599
+ if (ele.key === 'sectionlooker') {
17600
+ ele.column.forEach((/**
17601
+ * @param {?} colEle
17602
+ * @return {?}
17603
+ */
17604
+ (colEle) => {
17605
+ if (colEle.key === 'lookerSection') {
17606
+ this.lookerProUrl = this.domSanitizer
17607
+ .bypassSecurityTrustResourceUrl(this.isMobile ? colEle.data.lookerProMobileUrl : colEle.data.lookerProDesktopUrl);
17608
+ }
17609
+ }));
17610
+ }
17611
+ }));
17612
+ }
17583
17613
  }
17584
17614
  NationalLearningComponent.decorators = [
17585
17615
  { type: Component, args: [{
17586
17616
  selector: 'sb-uic-national-learning',
17587
- template: "<div class=\"container-fluid white-background nlm-micro-sites micro-white\" id=\"nlm-micro-sites\">\n <div class=\"flex flex-col flex-1\">\n <ng-container *ngIf=\"sectionList?.length\">\n <ng-container *ngFor=\"let section of sectionList\">\n <ng-container *ngIf=\"section?.enabled\">\n <section id=\"{{section?.key}}\" class=\"w-full grid grid-cols-12 gap-4 white-bg\" [ngClass]=\"{'container': section.wrapperClass}\">\n <ng-container *ngFor=\"let column of section.column\">\n <div id=\"{{column?.key}}\" class=\"col-span-{{column.colspan || 12}} \">\n <ng-container *ngIf=\"column?.enabled\" [ngSwitch]=\"column?.key\">\n <ng-container *ngSwitchCase=\"'topSection'\" [ngTemplateOutlet]=\"topSection\"\n [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n <ng-container *ngSwitchCase=\"'contentSection'\" [ngTemplateOutlet]=\"contentSection\"\n [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n </ng-container>\n </div>\n </ng-container>\n </section>\n </ng-container>\n </ng-container>\n </ng-container>\n </div>\n</div>\n\n<ng-template #topSection let-data=\"data\">\n <!-- top section desktop layout -->\n <div class=\"w-full topSection\">\n <div *ngIf=\"data.sliderData && data.sliderData.sliders\">\n <sb-uic-sliders [widgetData]=\"data.sliderData.sliders\" [styleData]=\"data.sliderData.styleData\" ></sb-uic-sliders>\n </div>\n <div *ngIf=\"data && data.metrics\">\n <div class=\"block md:hidden\">\n <sb-uic-data-points\n [providerId]=\"providerId\"\n [fetchDataFromApi]=\"true\"\n [objectData]=\"data?.metrics?.data\"\n [layoutType]=\"'nlwCol'\"\n [title]=\"data?.metrics?.title\"\n [pageLayout]=\"'nlw'\">\n </sb-uic-data-points>\n </div>\n <div class=\"hidden md:block\">\n <sb-uic-data-points\n [providerId]=\"providerId\"\n [fetchDataFromApi]=\"true\"\n [objectData]=\"data?.metrics?.data\"\n [layoutType]=\"'nlwRow'\"\n [title]=\"data?.metrics?.title\"\n [pageLayout]=\"'nlw'\">\n </sb-uic-data-points>\n </div>\n </div>\n\n <div class=\"col-span-12\">\n <div class=\"flex items-center justify-center\">\n <div class=\"container\">\n <div class=\"block md:hidden\">\n <sb-uic-key-highlights (emptyResponse)=\"hideKeyHightlight($event, data.keyHighlights)\" [formData]=\"data.keyHighlights\" [providerId]=\"providerId\" [mode]=\"'mobile'\"></sb-uic-key-highlights>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"col-span-12\">\n <div class=\"flex items-center justify-center\">\n <div class=\"container\">\n <div class=\"hidden md:block\">\n <div class=\"flex flex items-center justify-center gap-10\">\n <div class=\"mr-4 logo-box-container\">\n <div class=\"flex logo-box-rounded top mr-4\">\n <img alt=\"Application Logo\" class=\"logo-img\" [src]=\"data?.imageUrl\">\n </div>\n </div>\n <div class=\"w-full md:w-9/12 flex-1 flex flex-col pr-3\">\n <div class=\" txt-ellipsis-2 break-words description-title\">{{data?.title}}</div>\n <div class=\"description\">{{data?.description | slice:0:descriptionMaxLength}}\n <span *ngIf=\"data?.description?.length > descriptionMaxLength\">...</span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"block md:hidden\">\n <div class=\"flex flex-col items-center justify-center margin-bottom-xl px-5\">\n <div class=\"mlogo-box-rounded\">\n <img alt=\"Application Logo\" class=\"logo-img\" [src]=\"data?.imageUrl\">\n </div>\n </div>\n <div class=\"flex flex-col px-5\">\n <div class=\" txt-ellipsis-2 break-words description-title\">{{data?.title}}</div>\n <div class=\"mdescription\">{{data?.description | slice:0:descriptionMaxLength}}\n <span *ngIf=\"data?.description?.length > descriptionMaxLength\">...</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"col-span-12\">\n <div class=\"flex items-center justify-center\">\n <div class=\"container margin-top-xl\">\n <div class=\"hidden md:block\">\n <sb-uic-key-highlights (emptyResponse)=\"hideKeyHightlight($event, data.keyHighlights)\" [formData]=\"data.keyHighlights\" [providerId]=\"providerId\" [mode]=\"'desktop'\"></sb-uic-key-highlights>\n </div>\n </div>\n </div>\n </div>\n </div>\n</ng-template>\n\n\n\n<ng-template #contentSection let-data=\"data\">\n <div class=\"flex items-center justify-center\">\n <div class=\"container\">\n <div class=\"grid grid-cols-12 gap-4 mb-6\">\n <div class=\"col-span-12 md:col-span-{{data.leftContent.colspan}}\">\n <div *ngIf=\"data.leftContent.data.weekHighlights.data\">\n <sb-uic-highlights-of-week\n [objectData]=\"data.leftContent.data.weekHighlights.data\">\n </sb-uic-highlights-of-week>\n </div>\n <div class=\"hidden md:block\">\n <div *ngIf=\"data.leftContent.data.mandatoryCourse.enabled && data?.leftContent?.data?.mandatoryCourse?.column[0]?.data\">\n <div class=\"margin-top-l nlw-mandatoryCourse\">\n <sb-uic-content-strip-with-tabs\n [emitViewAll]=\"false\"\n (viewAllResponse)=\"''\"\n (telemtryResponse)=\"raiseTelemetryInteratEvent($event)\"\n (emptyResponse)=\"''\"\n [providerId]=\"'123456789'\"\n [widgetData]=\"data?.leftContent?.data?.mandatoryCourse?.column[0]?.data\"\n [channnelName]=\"'channnelName'\">\n </sb-uic-content-strip-with-tabs>\n </div>\n </div>\n </div>\n\n <div class=\"hidden md:block\">\n <div *ngIf=\"data?.leftContent?.data?.exploreLearningContent?.strips[0]\">\n <!-- <sb-uic-content-strip-facet-filter [widgetData]=\"data?.leftContent?.data?.exploreLearningContent\"></sb-uic-content-strip-facet-filter> -->\n <sb-uic-content-strip-with-tabs\n [emitViewAll]=\"false\"\n (viewAllResponse)=\"''\"\n (telemtryResponse)=\"raiseTelemetryInteratEvent($event)\"\n (emptyResponse)=\"''\"\n [providerId]=\"environment?.spvorgID\"\n [widgetData]=\"data?.leftContent?.data?.exploreLearningContent\"\n [channnelName]=\"'channnelName'\">\n </sb-uic-content-strip-with-tabs>\n </div>\n </div>\n <div class=\"hidden md:block\">\n <div *ngIf=\"data.leftContent.data.events.enabled && data.leftContent.data.events.column[0]\">\n <sb-uic-events [object]=\"data.leftContent.data.events.column[0]\" [nwlEventsConfig]=\"nwlConfiguration\"></sb-uic-events>\n </div>\n </div>\n </div>\n <div class=\"col-span-12 md:col-span-{{data.rightContent.colspan}}\">\n <div *ngIf=\"data.rightContent.data.myprogress\">\n <sb-uic-user-progress\n [objectData]=\"data.rightContent.data.myprogress.data\" [rootOrgId]=\"configDetails?.unMappedUser?.rootOrgId\">\n </sb-uic-user-progress>\n </div>\n <div *ngIf=\"data.rightContent.data.speakerOftheDay\">\n <sb-uic-speakers\n [objectData]=\"data.rightContent.data.speakerOftheDay.data\">\n </sb-uic-speakers>\n </div>\n <div *ngIf=\"data.rightContent.data.mdoLeaderboard\">\n <sb-uic-mdo-leaderboard\n [object]=\"data.rightContent.data.mdoLeaderboard.data\"\n (tabClicked)=\"raiseTabClick($event)\"></sb-uic-mdo-leaderboard>\n </div>\n\n <div class=\"block md:hidden\">\n <div *ngIf=\"data.leftContent.data.mandatoryCourse.enabled && data?.leftContent?.data?.mandatoryCourse?.column[0]?.data\">\n <div class=\"margin-top-l nlw-mandatoryCourse\">\n <sb-uic-content-strip-with-tabs\n [emitViewAll]=\"false\"\n (viewAllResponse)=\"''\"\n (telemtryResponse)=\"raiseTelemetryInteratEvent($event)\"\n (emptyResponse)=\"''\"\n [providerId]=\"'123456789'\"\n [widgetData]=\"data?.leftContent?.data?.mandatoryCourse?.column[0]?.data\"\n [channnelName]=\"'channnelName'\">\n </sb-uic-content-strip-with-tabs>\n </div>\n </div>\n </div>\n <div class=\"block md:hidden px-4 md-px-0\">\n <div *ngIf=\"data?.leftContent?.data?.exploreLearningContent?.strips[0]\">\n <sb-uic-content-strip-facet-filter [widgetData]=\"data?.leftContent?.data?.exploreLearningContent\"></sb-uic-content-strip-facet-filter>\n </div>\n </div>\n <div class=\"block md:hidden px-4 md-px-0\">\n <div *ngIf=\"data.leftContent.data.events.enabled && data.leftContent.data.events.column[0]\">\n <sb-uic-events [object]=\"data.leftContent.data.events.column[0]\" [nwlEventsConfig]=\"nwlConfiguration\"></sb-uic-events>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</ng-template>\n\n\n",
17617
+ template: "<div class=\"container-fluid white-background nlm-micro-sites micro-white\" id=\"nlm-micro-sites\">\n <div class=\"flex flex-col flex-1\">\n <ng-container *ngIf=\"sectionList?.length\">\n <ng-container *ngFor=\"let section of sectionList\">\n <ng-container *ngIf=\"section?.enabled\">\n <section id=\"{{section?.key}}\" class=\"w-full grid grid-cols-12 gap-4 white-bg\" [ngClass]=\"{'container': section.wrapperClass}\">\n <ng-container *ngFor=\"let column of section.column\">\n <div id=\"{{column?.key}}\" class=\"col-span-{{column.colspan || 12}} \">\n <ng-container *ngIf=\"column?.enabled\" [ngSwitch]=\"column?.key\">\n <ng-container *ngSwitchCase=\"'topSection'\" [ngTemplateOutlet]=\"topSection\"\n [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n <ng-container *ngSwitchCase=\"'contentSection'\" [ngTemplateOutlet]=\"contentSection\"\n [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n <ng-container *ngSwitchCase=\"'lookerSection'\" [ngTemplateOutlet]=\"lookerTemplate\"\n [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n </ng-container>\n </div>\n </ng-container>\n </section>\n </ng-container>\n </ng-container>\n </ng-container>\n </div>\n</div>\n\n<ng-template #topSection let-data=\"data\">\n <!-- top section desktop layout -->\n <div class=\"w-full topSection\">\n <div *ngIf=\"data.sliderData && data.sliderData.sliders\">\n <sb-uic-sliders [widgetData]=\"data.sliderData.sliders\" [styleData]=\"data.sliderData.styleData\" ></sb-uic-sliders>\n </div>\n <div *ngIf=\"data && data.metrics\">\n <div class=\"block md:hidden\">\n <sb-uic-data-points\n [providerId]=\"providerId\"\n [fetchDataFromApi]=\"true\"\n [objectData]=\"data?.metrics?.data\"\n [layoutType]=\"'nlwCol'\"\n [title]=\"data?.metrics?.title\"\n [pageLayout]=\"'nlw'\">\n </sb-uic-data-points>\n </div>\n <div class=\"hidden md:block\">\n <sb-uic-data-points\n [providerId]=\"providerId\"\n [fetchDataFromApi]=\"true\"\n [objectData]=\"data?.metrics?.data\"\n [layoutType]=\"'nlwRow'\"\n [title]=\"data?.metrics?.title\"\n [pageLayout]=\"'nlw'\">\n </sb-uic-data-points>\n </div>\n </div>\n\n <div class=\"col-span-12\">\n <div class=\"flex items-center justify-center\">\n <div class=\"container\">\n <div class=\"block md:hidden\">\n <sb-uic-key-highlights (emptyResponse)=\"hideKeyHightlight($event, data.keyHighlights)\" [formData]=\"data.keyHighlights\" [providerId]=\"providerId\" [mode]=\"'mobile'\"></sb-uic-key-highlights>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"col-span-12\">\n <div class=\"flex items-center justify-center\">\n <div class=\"container\">\n <div class=\"hidden md:block\">\n <div class=\"flex flex items-center justify-center gap-10\">\n <div class=\"mr-4 logo-box-container\">\n <div class=\"flex logo-box-rounded top mr-4\">\n <img alt=\"Application Logo\" class=\"logo-img\" [src]=\"data?.imageUrl\">\n </div>\n </div>\n <div class=\"w-full md:w-9/12 flex-1 flex flex-col pr-3\">\n <div class=\" txt-ellipsis-2 break-words description-title\">{{data?.title}}</div>\n <div class=\"description\">{{data?.description | slice:0:descriptionMaxLength}}\n <span *ngIf=\"data?.description?.length > descriptionMaxLength\">...</span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"block md:hidden\">\n <div class=\"flex flex-col items-center justify-center margin-bottom-xl px-5\">\n <div class=\"mlogo-box-rounded\">\n <img alt=\"Application Logo\" class=\"logo-img\" [src]=\"data?.imageUrl\">\n </div>\n </div>\n <div class=\"flex flex-col px-5\">\n <div class=\" txt-ellipsis-2 break-words description-title\">{{data?.title}}</div>\n <div class=\"mdescription\">{{data?.description | slice:0:descriptionMaxLength}}\n <span *ngIf=\"data?.description?.length > descriptionMaxLength\">...</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"col-span-12\">\n <div class=\"flex items-center justify-center\">\n <div class=\"container margin-top-xl\">\n <div class=\"hidden md:block\">\n <sb-uic-key-highlights (emptyResponse)=\"hideKeyHightlight($event, data.keyHighlights)\" [formData]=\"data.keyHighlights\" [providerId]=\"providerId\" [mode]=\"'desktop'\"></sb-uic-key-highlights>\n </div>\n </div>\n </div>\n </div>\n </div>\n</ng-template>\n\n\n\n<ng-template #contentSection let-data=\"data\">\n <div class=\"flex items-center justify-center\">\n <div class=\"container\">\n <div class=\"grid grid-cols-12 gap-4 mb-6\">\n <div class=\"col-span-12 md:col-span-{{data.leftContent.colspan}}\">\n <div *ngIf=\"data.leftContent.data.weekHighlights.data\">\n <sb-uic-highlights-of-week\n [objectData]=\"data.leftContent.data.weekHighlights.data\">\n </sb-uic-highlights-of-week>\n </div>\n <div class=\"hidden md:block\">\n <div *ngIf=\"data.leftContent.data.mandatoryCourse.enabled && data?.leftContent?.data?.mandatoryCourse?.column[0]?.data\">\n <div class=\"margin-top-l nlw-mandatoryCourse\">\n <sb-uic-content-strip-with-tabs\n [emitViewAll]=\"false\"\n (viewAllResponse)=\"''\"\n (telemtryResponse)=\"raiseTelemetryInteratEvent($event)\"\n (emptyResponse)=\"''\"\n [providerId]=\"'123456789'\"\n [widgetData]=\"data?.leftContent?.data?.mandatoryCourse?.column[0]?.data\"\n [channnelName]=\"'channnelName'\">\n </sb-uic-content-strip-with-tabs>\n </div>\n </div>\n </div>\n\n <div class=\"hidden md:block\">\n <div *ngIf=\"data?.leftContent?.data?.exploreLearningContent?.strips[0]\">\n <!-- <sb-uic-content-strip-facet-filter [widgetData]=\"data?.leftContent?.data?.exploreLearningContent\"></sb-uic-content-strip-facet-filter> -->\n <sb-uic-content-strip-with-tabs\n [emitViewAll]=\"false\"\n (viewAllResponse)=\"''\"\n (telemtryResponse)=\"raiseTelemetryInteratEvent($event)\"\n (emptyResponse)=\"''\"\n [providerId]=\"environment?.spvorgID\"\n [widgetData]=\"data?.leftContent?.data?.exploreLearningContent\"\n [channnelName]=\"'channnelName'\">\n </sb-uic-content-strip-with-tabs>\n </div>\n </div>\n <div class=\"hidden md:block\">\n <div *ngIf=\"data.leftContent.data.events.enabled && data.leftContent.data.events.column[0]\">\n <sb-uic-events [object]=\"data.leftContent.data.events.column[0]\" [nwlEventsConfig]=\"nwlConfiguration\"></sb-uic-events>\n </div>\n </div>\n </div>\n <div class=\"col-span-12 md:col-span-{{data.rightContent.colspan}}\">\n <div *ngIf=\"data.rightContent.data.myprogress\">\n <sb-uic-user-progress\n [objectData]=\"data.rightContent.data.myprogress.data\" [rootOrgId]=\"configDetails?.unMappedUser?.rootOrgId\">\n </sb-uic-user-progress>\n </div>\n <div *ngIf=\"data.rightContent.data.speakerOftheDay\">\n <sb-uic-speakers\n [objectData]=\"data.rightContent.data.speakerOftheDay.data\">\n </sb-uic-speakers>\n </div>\n <div *ngIf=\"data.rightContent.data.mdoLeaderboard\">\n <sb-uic-mdo-leaderboard\n [object]=\"data.rightContent.data.mdoLeaderboard.data\"\n (tabClicked)=\"raiseTabClick($event)\"></sb-uic-mdo-leaderboard>\n </div>\n\n <div class=\"block md:hidden\">\n <div *ngIf=\"data.leftContent.data.mandatoryCourse.enabled && data?.leftContent?.data?.mandatoryCourse?.column[0]?.data\">\n <div class=\"margin-top-l nlw-mandatoryCourse\">\n <sb-uic-content-strip-with-tabs\n [emitViewAll]=\"false\"\n (viewAllResponse)=\"''\"\n (telemtryResponse)=\"raiseTelemetryInteratEvent($event)\"\n (emptyResponse)=\"''\"\n [providerId]=\"'123456789'\"\n [widgetData]=\"data?.leftContent?.data?.mandatoryCourse?.column[0]?.data\"\n [channnelName]=\"'channnelName'\">\n </sb-uic-content-strip-with-tabs>\n </div>\n </div>\n </div>\n <div class=\"block md:hidden px-4 md-px-0\">\n <div *ngIf=\"data?.leftContent?.data?.exploreLearningContent?.strips[0]\">\n <sb-uic-content-strip-facet-filter [widgetData]=\"data?.leftContent?.data?.exploreLearningContent\"></sb-uic-content-strip-facet-filter>\n </div>\n </div>\n <div class=\"block md:hidden px-4 md-px-0\">\n <div *ngIf=\"data.leftContent.data.events.enabled && data.leftContent.data.events.column[0]\">\n <sb-uic-events [object]=\"data.leftContent.data.events.column[0]\" [nwlEventsConfig]=\"nwlConfiguration\"></sb-uic-events>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</ng-template>\n\n\n\n\n<ng-template #lookerTemplate let-data=\"data\">\n <div class=\"flex items-center justify-center\" >\n <div class=\"container mt-8\">\n <div class=\"key-speakers flex-wrap flex items-center justify-center\">\n <h1 class=\"featured text-center\">{{data?.header?.headerText}}</h1>\n <p class=\"featured-description p-4 md:p-0 text-center\">{{data?.header?.description}}</p>\n </div>\n <div class=\"lookpro\" *ngIf=\"lookerProUrl\">\n <iframe title=\"{{data?.header?.headerText}}\" width=\"100%\" height=\"520\" [src]=\"lookerProUrl\" frameborder=\"0\" style=\"border:0\" sandbox=\"allow-storage-access-by-user-activation allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox\"></iframe>\n </div>\n </div>\n </div>\n</ng-template>",
17588
17618
  styles: [".white-bg{background:#fff!important}.nlw-mandatoryCourse ::ng-deep.capitalize{font-size:20px;line-height:24.38px}.nlm-micro-sites ::ng-deep.container{max-width:1200px!important}.nlm-micro-sites ::ng-deep.banner-container{padding-bottom:0!important}.topSection ::ng-deep.prev{margin-left:15px!important}.topSection ::ng-deep.next{margin-right:15px!important}.topSection .stats-header{display:flex;align-items:center;justify-content:center;position:absolute;left:43.5%;top:-20px;text-transform:capitalize}.topSection .stats-title{display:flex;align-items:center;justify-content:center;background-color:#f3962f;padding:12px 16px;color:#fff;font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;border-radius:35px}.topSection .my-arrow{font-size:12px}.topSection .less-opacity1{opacity:.75}.topSection .less-opacity2{opacity:.5}.topSection .details-wrapper{padding:16px;display:flex;gap:50px}.topSection .logo-box-container{width:180px;position:relative}@media only screen and (max-width:599px){.topSection .logo-box-container{width:112px;height:72px}}.topSection .logo-box-rounded{height:180px;width:180px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px 0 rgba(0,0,0,.06)}.topSection .logo-box-rounded .logo-img{max-width:122px}@media only screen and (max-width:599px){.topSection .logo-box-rounded{width:112px;height:112px}.topSection .logo-box-rounded .logo-img{max-width:84px}}.topSection .mlogo-box-rounded{height:180px;width:180px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:1px 1px 8px 3px rgba(0,0,0,.06)}.topSection .mlogo-box-rounded .logo-img{max-width:122px}@media only screen and (max-width:599px){.topSection .mlogo-box-rounded{width:112px;height:112px}.topSection .mlogo-box-rounded .logo-img{max-width:84px}}.topSection .txt-ellipsis-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.topSection .description-title{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left;padding-bottom:16px}.topSection .description{font-family:Lato;font-size:16px;font-weight:400;line-height:24px;text-align:left}.topSection .mdescription{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left}@media screen and (min-width:320px) and (max-width:769px){.topSection ::ng-deep.prev{margin-left:15px!important}.topSection ::ng-deep.next{margin-right:15px!important}.topSection ::ng-deep.banner-container{min-height:212px!important}}"]
17589
17619
  }] }
17590
17620
  ];
@@ -17592,7 +17622,9 @@ NationalLearningComponent.decorators = [
17592
17622
  NationalLearningComponent.ctorParameters = () => [
17593
17623
  { type: undefined, decorators: [{ type: Inject, args: ['environment',] }] },
17594
17624
  { type: Router },
17595
- { type: EventService }
17625
+ { type: EventService },
17626
+ { type: DomSanitizer },
17627
+ { type: UtilityService }
17596
17628
  ];
17597
17629
  NationalLearningComponent.propDecorators = {
17598
17630
  sectionList: [{ type: Input }],
@@ -17615,12 +17647,23 @@ if (false) {
17615
17647
  /** @type {?} */
17616
17648
  NationalLearningComponent.prototype.environment;
17617
17649
  /** @type {?} */
17650
+ NationalLearningComponent.prototype.isMobile;
17651
+ /** @type {?} */
17652
+ NationalLearningComponent.prototype.lookerProUrl;
17653
+ /** @type {?} */
17618
17654
  NationalLearningComponent.prototype.router;
17619
17655
  /**
17620
17656
  * @type {?}
17621
17657
  * @private
17622
17658
  */
17623
17659
  NationalLearningComponent.prototype.events;
17660
+ /**
17661
+ * @type {?}
17662
+ * @private
17663
+ */
17664
+ NationalLearningComponent.prototype.domSanitizer;
17665
+ /** @type {?} */
17666
+ NationalLearningComponent.prototype.utilitySvc;
17624
17667
  }
17625
17668
 
17626
17669
  /**
@@ -17892,7 +17935,7 @@ class EventsComponent {
17892
17935
  EventsComponent.decorators = [
17893
17936
  { type: Component, args: [{
17894
17937
  selector: 'sb-uic-events',
17895
- template: "<div class=\"flex items-center mb-4 mt-2 e-header\">\n <div class=\"event-title\">\n {{object?.title}}\n </div>\n <div class=\"flex gap-4\">\n <div class=\"events-select\">\n <select (change)=\"getEvents($event)\">\n <option value=\"{{d?.startDate}}\" *ngFor=\"let d of daysBetween\" [selected]=\"currentDay === d.startDate\">{{d?.diplayFormat}}</option>\n </select>\n </div>\n <div class=\"flex gap-4\">\n <a [routerLink]=\"'/app/event-hub/home'\" class=\"flex ws-mat-default-text items-center justify-center mat-body-1 cursor-pointer \">Show All <mat-icon>chevron_right</mat-icon></a>\n </div>\n </div>\n</div>\n<div class=\"grid grid-cols-1 gap-4\">\n <div class=\"events-card-wrapper\">\n <div *ngIf=\"!loader\">\n <div *ngIf=\"events?.length > 0\">\n <div *ngFor=\"let event of events\">\n <sb-uic-event-card [objectData]=\"object\" [eventDetails]=\"event\" [loader]=\"loader\"></sb-uic-event-card>\n </div>\n </div>\n <div *ngIf=\"events?.length === 0\">\n <div class=\"flex item-center justify-center p-5 no-events\">\n No events exist.\n </div>\n </div>\n </div>\n <div *ngIf=\"loader && events?.length === 0\">\n <div *ngFor=\"let event of [1,2,3]\">\n <sb-uic-event-card [objectData]=\"object\" [eventDetails]=\"event\" [loader]=\"loader\"></sb-uic-event-card>\n </div>\n </div>\n </div>\n</div>",
17938
+ template: "<div class=\"flex items-center mb-4 mt-2 e-header\">\n <div class=\"event-title\">\n {{object?.title}}\n </div>\n <div class=\"flex gap-4\">\n <div class=\"events-select\">\n <select (change)=\"getEvents($event)\">\n <option value=\"{{d?.startDate}}\" *ngFor=\"let d of daysBetween\" [selected]=\"currentDay === d.startDate\">{{d?.diplayFormat}}</option>\n </select>\n </div>\n <div class=\"flex gap-4\">\n <a [routerLink]=\"'/app/event-hub/home'\" class=\"flex ws-mat-default-text items-center justify-center mat-body-1 cursor-pointer \">Show All <mat-icon>chevron_right</mat-icon></a>\n </div>\n </div>\n</div>\n<div class=\"grid grid-cols-1 gap-4\">\n <div class=\"events-card-wrapper\">\n <div *ngIf=\"!loader\">\n <div *ngIf=\"events?.length > 0\">\n <div *ngFor=\"let event of events | slice:0: object?.maxContent || 5\">\n <sb-uic-event-card [objectData]=\"object\" [eventDetails]=\"event\" [loader]=\"loader\"></sb-uic-event-card>\n </div>\n </div>\n <div *ngIf=\"events?.length === 0\">\n <div class=\"flex item-center justify-center p-5 no-events\">\n No events exist.\n </div>\n </div>\n </div>\n <div *ngIf=\"loader && events?.length === 0\">\n <div *ngFor=\"let event of [1,2,3]\">\n <sb-uic-event-card [objectData]=\"object\" [eventDetails]=\"event\" [loader]=\"loader\"></sb-uic-event-card>\n </div>\n </div>\n </div>\n</div>",
17896
17939
  styles: ["@charset \"UTF-8\";.e-header{justify-content:space-between}.event-title{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left}.events-select{position:relative;display:inline-block;width:150px}.events-select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:25px;padding:10px 30px 10px 10px;font-size:16px;font-family:Arial,sans-serif;width:100%;height:100%;cursor:pointer}.events-select:after{content:\"\u25BC\";position:absolute;top:50%;right:10px;transform:translateY(-50%);pointer-events:none;font-size:14px;color:#555}.no-events{border:1px solid #c3c3c3;border-radius:12px}"]
17897
17940
  }] }
17898
17941
  ];
@@ -18699,7 +18742,8 @@ NationalLearningModule.decorators = [
18699
18742
  HighlightsOfWeekModule,
18700
18743
  SpeakersModule,
18701
18744
  UserProgressModule,
18702
- ContentStripFacetFilterModule
18745
+ ContentStripFacetFilterModule,
18746
+ PipeSafeSanitizerModule
18703
18747
  ],
18704
18748
  exports: [
18705
18749
  NationalLearningComponent,