npm - @sunbird-cb/consumption - Versions diffs - 0.0.87 → 0.0.89 - Mend

@sunbird-cb/consumption 0.0.87 → 0.0.89

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 (72) hide show

package/bundles/sunbird-cb-consumption.umd.min.js CHANGED Viewed

@@ -1,4 +1,4 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@angular/router"),require("rxjs"),require("rxjs/operators"),require("@sunbird-cb/utils-v2"),require("@angular/material"),require("@sunbird-cb/resolver-v2"),require("@angular/common/http"),require("lodash"),require("moment"),require("@ngx-translate/core"),require("rxjs/add/observable/of"),require("dayjs"),require("@ngx-translate/http-loader"),require("@angular/cdk/layout"),require("@angular/platform-browser"),require("hammerjs"),require("@angular/forms"),require("jspdf")):"function"==typeof define&&define.amd?define("@sunbird-cb/consumption",["exports","@angular/core","@angular/common","@angular/router","rxjs","rxjs/operators","@sunbird-cb/utils-v2","@angular/material","@sunbird-cb/resolver-v2","@angular/common/http","lodash","moment","@ngx-translate/core","rxjs/add/observable/of","dayjs","@ngx-translate/http-loader","@angular/cdk/layout","@angular/platform-browser","hammerjs","@angular/forms","jspdf"],e):e(((t=t||self)["sunbird-cb"]=t["sunbird-cb"]||{},t["sunbird-cb"].consumption={}),t.ng.core,t.ng.common,t.ng.router,t.rxjs,t.rxjs.operators,t["@sunbird-cb/utils-v2"],t.ng.material,t["@sunbird-cb/resolver-v2"],t.ng.common.http,t.lodash,t.moment,t.core$1,t.rxjs["add/observable/of"],t.dayjs_,t.httpLoader,t.ng.cdk.layout,t.ng.platformBrowser,t.hammerjs,t.ng.forms,t.jspdf)}(this,(function(exports,core,common,router,rxjs,operators,utilsV2,material,resolverV2,http,lodash,moment$4,core$1,of,dayjs_,httpLoader,layout,platformBrowser,Hammer,forms,jspdf){"use strict";Hammer=Hammer&&Hammer.hasOwnProperty("default")?Hammer.default:Hammer;
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@angular/router"),require("rxjs"),require("rxjs/operators"),require("@sunbird-cb/utils-v2"),require("@angular/material"),require("@sunbird-cb/resolver-v2"),require("@angular/common/http"),require("lodash"),require("rxjs/add/observable/of"),require("dayjs"),require("moment"),require("@ngx-translate/core"),require("@ngx-translate/http-loader"),require("@angular/cdk/layout"),require("@angular/platform-browser"),require("hammerjs"),require("@angular/forms"),require("jspdf")):"function"==typeof define&&define.amd?define("@sunbird-cb/consumption",["exports","@angular/core","@angular/common","@angular/router","rxjs","rxjs/operators","@sunbird-cb/utils-v2","@angular/material","@sunbird-cb/resolver-v2","@angular/common/http","lodash","rxjs/add/observable/of","dayjs","moment","@ngx-translate/core","@ngx-translate/http-loader","@angular/cdk/layout","@angular/platform-browser","hammerjs","@angular/forms","jspdf"],e):e(((t=t||self)["sunbird-cb"]=t["sunbird-cb"]||{},t["sunbird-cb"].consumption={}),t.ng.core,t.ng.common,t.ng.router,t.rxjs,t.rxjs.operators,t["@sunbird-cb/utils-v2"],t.ng.material,t["@sunbird-cb/resolver-v2"],t.ng.common.http,t.lodash,t.rxjs["add/observable/of"],t.dayjs_,t.moment,t.core$1,t.httpLoader,t.ng.cdk.layout,t.ng.platformBrowser,t.hammerjs,t.ng.forms,t.jspdf)}(this,(function(exports,core,common,router,rxjs,operators,utilsV2,material,resolverV2,http,lodash,of,dayjs_,moment$4,core$1,httpLoader,layout,platformBrowser,Hammer,forms,jspdf){"use strict";Hammer=Hammer&&Hammer.hasOwnProperty("default")?Hammer.default:Hammer;
 /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -13,5 +13,5 @@
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
     ***************************************************************************** */
-var extendStatics=function(t,e){return(extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(t,e)};function __extends(t,e){function n(){this.constructor=t}extendStatics(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var __assign=function(){return(__assign=Object.assign||function(t){for(var e,n=1,a=arguments.length;n<a;n++)for(var i in e=arguments[n])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t}).apply(this,arguments)};function __rest(t,e){var n={};for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&e.indexOf(a)<0&&(n[a]=t[a]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(t);i<a.length;i++)e.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(t,a[i])&&(n[a[i]]=t[a[i]])}return n}function __decorate(t,e,n,a){var i,o=arguments.length,r=o<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,n):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,a);else for(var s=t.length-1;s>=0;s--)(i=t[s])&&(r=(o<3?i(r):o>3?i(e,n,r):i(e,n))||r);return o>3&&r&&Object.defineProperty(e,n,r),r}function __param(t,e){return function(n,a){e(n,a,t)}}function __metadata(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)}function __awaiter(t,e,n,a){return new(n||(n=Promise))((function(i,o){function r(t){try{l(a.next(t))}catch(t){o(t)}}function s(t){try{l(a.throw(t))}catch(t){o(t)}}function l(t){var e;t.done?i(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(r,s)}l((a=a.apply(t,e||[])).next())}))}function __generator(t,e){var n,a,i,o,r={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(o){return function(s){return function(o){if(n)throw new TypeError("Generator is already executing.");for(;r;)try{if(n=1,a&&(i=2&o[0]?a.return:o[0]?a.throw||((i=a.return)&&i.call(a),0):a.next)&&!(i=i.call(a,o[1])).done)return i;switch(a=0,i&&(o=[2&o[0],i.value]),o[0]){case 0:case 1:i=o;break;case 4:return r.label++,{value:o[1],done:!1};case 5:r.label++,a=o[1],o=[0];continue;case 7:o=r.ops.pop(),r.trys.pop();continue;default:if(!(i=r.trys,(i=i.length>0&&i[i.length-1])||6!==o[0]&&2!==o[0])){r=0;continue}if(3===o[0]&&(!i||o[1]>i[0]&&o[1]<i[3])){r.label=o[1];break}if(6===o[0]&&r.label<i[1]){r.label=i[1],i=o;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(o);break}i[2]&&r.ops.pop(),r.trys.pop();continue}o=e.call(t,r)}catch(t){o=[6,t],a=0}finally{n=i=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,s])}}}function __createBinding(t,e,n,a){void 0===a&&(a=n),t[a]=e[n]}function __exportStar(t,e){for(var n in t)"default"===n||e.hasOwnProperty(n)||(e[n]=t[n])}function __values(t){var e="function"==typeof Symbol&&Symbol.iterator,n=e&&t[e],a=0;if(n)return n.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&a>=t.length&&(t=void 0),{value:t&&t[a++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function __read(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var a,i,o=n.call(t),r=[];try{for(;(void 0===e||e-- >0)&&!(a=o.next()).done;)r.push(a.value)}catch(t){i={error:t}}finally{try{a&&!a.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return r}function __spread(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(__read(arguments[e]));return t}function __spreadArrays(){for(var t=0,e=0,n=arguments.length;e<n;e++)t+=arguments[e].length;var a=Array(t),i=0;for(e=0;e<n;e++)for(var o=arguments[e],r=0,s=o.length;r<s;r++,i++)a[i]=o[r];return a}function __await(t){return this instanceof __await?(this.v=t,this):new __await(t)}function __asyncGenerator(t,e,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var a,i=n.apply(t,e||[]),o=[];return a={},r("next"),r("throw"),r("return"),a[Symbol.asyncIterator]=function(){return this},a;function r(t){i[t]&&(a[t]=function(e){return new Promise((function(n,a){o.push([t,e,n,a])>1||s(t,e)}))})}function s(t,e){try{(n=i[t](e)).value instanceof __await?Promise.resolve(n.value.v).then(l,c):d(o[0][2],n)}catch(t){d(o[0][3],t)}var n}function l(t){s("next",t)}function c(t){s("throw",t)}function d(t,e){t(e),o.shift(),o.length&&s(o[0][0],o[0][1])}}function __asyncDelegator(t){var e,n;return e={},a("next"),a("throw",(function(t){throw t})),a("return"),e[Symbol.iterator]=function(){return this},e;function a(a,i){e[a]=t[a]?function(e){return(n=!n)?{value:__await(t[a](e)),done:"return"===a}:i?i(e):e}:i}}function __asyncValues(t){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var e,n=t[Symbol.asyncIterator];return n?n.call(t):(t="function"==typeof __values?__values(t):t[Symbol.iterator](),e={},a("next"),a("throw"),a("return"),e[Symbol.asyncIterator]=function(){return this},e);function a(n){e[n]=t[n]&&function(e){return new Promise((function(a,i){(function(t,e,n,a){Promise.resolve(a).then((function(e){t({value:e,done:n})}),e)})(a,i,(e=t[n](e)).done,e.value)}))}}}function __makeTemplateObject(t,e){return Object.defineProperty?Object.defineProperty(t,"raw",{value:e}):t.raw=e,t}function __importStar(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)Object.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e.default=t,e}function __importDefault(t){return t&&t.__esModule?t:{default:t}}function __classPrivateFieldGet(t,e){if(!e.has(t))throw new TypeError("attempted to get private field on non-instance");return e.get(t)}function __classPrivateFieldSet(t,e,n){if(!e.has(t))throw new TypeError("attempted to set private field on non-instance");return e.set(t,n),n}var ConsumptionService=function(){function t(){}return t.decorators=[{type:core.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[]},t.ngInjectableDef=core.ɵɵdefineInjectable({factory:function(){return new t},token:t,providedIn:"root"}),t}(),ConsumptionComponent=function(){function t(){}return t.prototype.ngOnInit=function(){},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-consumption",template:"\n    <p>\n      consumption works!\n    </p>\n  "}]}],t.ctorParameters=function(){return[]},t}(),HorizontalScrollerV2Component=function(){function t(t){this.valueSvc=t,this.loadStatus="fetching",this.id="",this.onHover=!1,this.sliderConfig={showNavs:!0,showDots:!0,cerificateCardMargin:!1},this.loadNext=new core.EventEmitter,this.horizontalScrollElem=null,this.enablePrev=!1,this.enableNext=!1,this.activeNav=0,this.cardSubType="standard",this.bottomDotsArray=[],this.scrollObserver=null,this.isMobile=!1,this.defaultMenuSubscribe=null,this.isLtMedium$=this.valueSvc.isLtMedium$}return t.prototype.ngOnInit=function(){var t=this;if(this.cardSubType=this.stripConfig&&this.stripConfig.cardSubType?this.stripConfig.cardSubType:"standard",this.horizontalScrollElem){var e=this.horizontalScrollElem;this.scrollObserver=rxjs.fromEvent(e.nativeElement,"scroll").pipe(operators.debounceTime(100),operators.throttleTime(100)).subscribe((function(n){t.updateNavigationBtnStatus(e.nativeElement)})),setTimeout((function(){t.getBottomDotsArray()}),700)}this.defaultMenuSubscribe=this.isLtMedium$.subscribe((function(e){t.isMobile=e}))},t.prototype.ngOnChanges=function(){var t=this;rxjs.timer(100).subscribe((function(){t.horizontalScrollElem&&t.updateNavigationBtnStatus(t.horizontalScrollElem.nativeElement)})),setTimeout((function(){t.getBottomDotsArray()}),700)},t.prototype.ngOnDestroy=function(){this.scrollObserver&&this.scrollObserver.unsubscribe(),this.defaultMenuSubscribe&&this.defaultMenuSubscribe.unsubscribe()},t.prototype.showPrev=function(){if(this.horizontalScrollElem){var t=this.horizontalScrollElem.nativeElement.clientWidth;this.horizontalScrollElem.nativeElement.scrollTo({left:this.horizontalScrollElem.nativeElement.scrollLeft-t,behavior:"smooth"});var e=this.horizontalScrollElem.nativeElement;0!==e.scrollLeft&&e.scrollWidth!==e.clientWidth+e.scrollLeft?this.activeNav-=1:this.sliderConfig.arrowsAlwaysOn&&0===this.horizontalScrollElem.nativeElement.scrollLeft&&(this.horizontalScrollElem.nativeElement.scrollTo({left:e.scrollWidth,behavior:"smooth"}),this.activeNav=this.bottomDotsArray.length-1)}},t.prototype.showNext=function(){if(this.horizontalScrollElem){var t=this.horizontalScrollElem.nativeElement.clientWidth;this.horizontalScrollElem.nativeElement.scrollTo({left:this.horizontalScrollElem.nativeElement.scrollLeft+t,behavior:"smooth"});var e=this.horizontalScrollElem.nativeElement;0!==e.scrollLeft&&e.scrollWidth!==e.clientWidth+e.scrollLeft?this.activeNav+=1:this.sliderConfig.arrowsAlwaysOn&&0!==this.horizontalScrollElem.nativeElement.scrollLeft&&e.clientWidth+e.scrollLeft>=e.scrollWidth&&(this.horizontalScrollElem.nativeElement.scrollTo({left:0,behavior:"smooth"}),this.activeNav=0)}},t.prototype.updateNavigationBtnStatus=function(t){this.enablePrev=!0,this.enableNext=!0,0===t.scrollLeft&&(this.sliderConfig.arrowsAlwaysOn||(this.enablePrev=!1),this.activeNav=0);var e=Math.abs(t.scrollWidth-Math.round(t.clientWidth+t.scrollLeft));0!==e&&1!==e||("hasMore"===this.loadStatus?this.loadNext.emit():(this.enableNext=!1,this.bottomDotsArray.length&&(this.activeNav=this.bottomDotsArray.length-1))),0!==t.scrollLeft&&t.scrollWidth!==t.clientWidth+t.scrollLeft&&(this.activeNav=Math.ceil(t.scrollLeft/t.clientWidth))},t.prototype.slideTo=function(t){var e=t-this.activeNav;if(this.horizontalScrollElem){var n=this.horizontalScrollElem.nativeElement.clientWidth;this.horizontalScrollElem.nativeElement.scrollTo({left:this.horizontalScrollElem.nativeElement.scrollLeft+n*e,behavior:"smooth"})}this.activeNav=t},t.prototype.getBottomDotsArray=function(){var t=this;if(this.horizontalScrollElem){this.bottomDotsArray=[];var e,n=void 0;if("card-wide-v2"!==this.cardSubType){if(n="standard"===this.cardSubType?245:document.getElementsByClassName(this.cardSubType)&&void 0!==document.getElementsByClassName(this.cardSubType)[0]?document.getElementsByClassName(this.cardSubType)[0].clientWidth:245,document.getElementById(""+this.id)){var a=document.getElementById(""+this.id).clientWidth;if(n*this.widgetsLength>a){e=Math.round(a/n),this.defaultMaxWidgets=this.defaultMaxWidgets&&this.widgetsLength<this.defaultMaxWidgets?this.widgetsLength:this.defaultMaxWidgets,e=this.defaultMaxWidgets/e;for(var i=0;i<e;i+=1)this.bottomDotsArray.push(i)}}}else setTimeout((function(){t.bottomDotsArray=[],e=document.getElementsByClassName(t.cardSubType).length;for(var n=0;n<e;n+=1)t.bottomDotsArray.push(n)}),1e3)}},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-horizontal-scroller-v2",template:'\n<section class="horizontal-scroll-container h-full" [id]="id"\n[ngClass]="{\'px-4\': sliderConfig.showNavs && sliderConfig.showNavsSpacing, \'mt-5\':sliderConfig.cerificateCardMargin}">\n    <div name="horizontal-scroll-content-strip" class="horizontal-scroll-content" #horizontalScrollElem>\n        <ng-content></ng-content>\n    </div>\n    <div class="navigation {{isMobile? sliderConfig?.responsive?.arrowsPlacement : sliderConfig?.arrowsPlacement}}">\n        <ng-container *ngIf="sliderConfig?.showNavs">\n            <button i18n-aria-label aria-label="back" name="content-backward-button" mat-mini-fab color="" \n                (click)="showPrev()" class="prevBtn  mat-elevation-z" [hidden]="!enablePrev"\n                [ngClass]="{\'prevBtnHover\': onHover}">\n                <mat-icon>navigate_before</mat-icon>\n            </button>\n        </ng-container>\n        <ng-container *ngIf="sliderConfig?.showNavs">\n            <button i18n-aria-label aria-label="next" name="content-forward-button" mat-mini-fab (click)="showNext()"\n                color="" class="nextBtn  mat-elevation-z" [ngClass]="{\'nextBtnHover\': onHover}"\n                [hidden]="!enableNext || loadStatus === \'fetching\'">\n                <mat-icon>navigate_next</mat-icon>\n            </button>\n        </ng-container>\n    </div>\n    \x3c!-- <div class="nextLoading" *ngIf="loadStatus === \'fetching\'">\n        <mat-spinner></mat-spinner>\n    </div> --\x3e    \n</section>\n\n<div class="dots-container {{isMobile? sliderConfig?.responsive?.dotsAlign : sliderConfig?.dotsAlign}}" \n*ngIf="(isMobile && sliderConfig?.responsive?.showDots) || (!isMobile && sliderConfig?.showDots)">\n    \x3c!-- <span class="dot" [ngClass]="{ active: j === currentIndex }" --\x3e\n    <span class="dot" [ngClass]="{ active: j === activeNav }" *ngFor="let slide of bottomDotsArray; let j = index" (click)="slideTo(j)"></span>\n</div>',styles:[".horizontal-scroll-container{position:relative;width:100%;width:inherit}.nextBtn,.nextLoading,.prevBtn{position:absolute;top:50%;transform:translateY(-50%);z-index:999;height:32px!important;width:32px!important;display:flex;align-items:center;justify-content:center}.nextBtn,.prevBtn{border-radius:50%;background-color:#1b2133!important;color:#fff!important}.border-radius-xs{border-radius:8px!important}.prevBtn{left:0}.nextBtn{right:0}.nextLoading{padding:0;right:0}.navigation.bottom-right .prevBtn{left:unset;right:56px;bottom:-44px;top:unset}.navigation.bottom-right .nextBtn{left:unset;right:8px;bottom:-44px;top:unset}.navigation.bottom-center .prevBtn{left:calc(50% - 24px);right:unset;bottom:-44px;top:unset}.navigation.bottom-center .nextBtn{left:calc(50% + 24px);right:unset;bottom:-44px;top:unset}.navigation.bottom-left .prevBtn{left:8px;right:unset;bottom:-44px;top:unset}.navigation.bottom-left .nextBtn{left:62px;right:unset;bottom:-44px;top:unset}.navigation.middle-inline .prevBtn{left:30px}.navigation.middle-inline .nextBtn{right:30px}.horizontal-scroll-content{overflow-y:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;height:100%;flex-wrap:nowrap;display:flex;align-items:stretch;-ms-overflow-style:none;scrollbar-width:none}.horizontal-scroll-content::-webkit-scrollbar{width:0;height:0}.dots-container{padding:8px;display:flex;align-items:center;justify-content:center}.dots-container.left{align-items:start;justify-content:start}.dots-container.right{align-items:end;justify-content:end}.dots-container .dot{cursor:pointer;height:6px;width:6px;margin:0 4px;background-color:rgba(0,0,0,.4);border-radius:50%;display:inline-block;transition:background-color .5s!important}.dots-container .dot.active{border-radius:4px;background-color:#f3962f;width:16px}"]}]}],t.ctorParameters=function(){return[{type:utilsV2.ValueService}]},t.propDecorators={loadStatus:[{type:core.Input}],id:[{type:core.Input}],onHover:[{type:core.Input}],sliderConfig:[{type:core.Input}],loadNext:[{type:core.Output}],widgetsLength:[{type:core.Input}],defaultMaxWidgets:[{type:core.Input}],stripConfig:[{type:core.Input}],horizontalScrollElem:[{type:core.ViewChild,args:["horizontalScrollElem",{static:!0}]}]},t}();var HorizontalScrollerV2Module=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[HorizontalScrollerV2Component],imports:[common.CommonModule,material.MatButtonModule,material.MatIconModule,material.MatProgressSpinnerModule],exports:[HorizontalScrollerV2Component]}]}],t}(),NsContent;!function(t){function e(){}function n(){}function a(){}function i(){}function o(){}function r(){}function s(){}function l(){}function c(){}function d(){}function p(){}function g(){}function u(){}function m(){}var h,f,b;t.IContinueLearningData=e,t.IContinueLearningDataReq=n,t.IContent=a,t.IContentResponse=i,t.IBatch=o,t.IBatchListResponse=r,t.ICourse=s,t.IContentMinimal=l,t.ICollectionHierarchyResponse=c,t.IRelatedContentMeta=d,t.ICreator=p,t.IContentTopic=g,t.IContact=u,t.IViewerContinueLearningRequest=m,function(t){t.PROGRAMV2="Program",t.PROGRAM="Learning Path",t.CHANNEL="Channel",t.COURSE="Course",t.KNOWLEDGE_ARTIFACT="Knowledge Artifact",t.KNOWLEDGE_BOARD="Knowledge Board",t.LEARNING_JOURNEY="Learning Journeys",t.MODULE="CourseUnit",t.RESOURCE="Resource"}(t.EContentTypes||(t.EContentTypes={})),function(t){t.PROGRAM="Program",t.COURSE="Course",t.MODULE="Course Unit",t.RESOURCE="Learning Resource",t.GOALS="GOALS",t.PLAYLIST="PLAYLIST",t.PRACTICE_RESOURCE="Practice Question Set",t.FINAL_ASSESSMENT="Course Assessment",t.COMP_ASSESSMENT="Competency Assessment",t.FTB_QUESTION="FTB Question",t.MTF_QUESTION="MTF Question",t.MULTIPLE_CHOICE_QUESTION="Multiple Choice Question",t.SINGLE_CHOICE_QUESTION="Single Choice Question",t.MANDATORY_COURSE_GOAL="Mandatory Course Goal",t.STANDALONE_ASSESSMENT="Standalone Assessment",t.BLENDED_PROGRAM="Blended Program",t.OFFLINE_SESSION="Offline Session",t.CURATED_PROGRAM="Curated Program",t.KNOWLEDGE_ARTIFACT="Knowledge Artifact",t.KNOWLEDGE_BOARD="Knowledge Board",t.LEARNING_JOURNEY="Learning Journeys",t.CHANNEL="Channel"}(h=t.EPrimaryCategory||(t.EPrimaryCategory={})),function(t){t.INVITE_ONLY_PROGRAM="Invite-Only Program",t.MODERATED_PROGRAM="Moderated Program",t.BLENDED_PROGRAM="Blended Program",t.CURATED_PROGRAM="Curated Program",t.COURSE="Course",t.MODERATED_COURSE="Moderated Course",t.STANDALONE_ASSESSMENT="Standalone Assessment",t.MODERATED_ASSESSEMENT="Moderated Assessment"}(t.ECourseCategory||(t.ECourseCategory={})),function(t){t.INITIATE="INITIATE",t.SEND_FOR_MDO_APPROVAL="SEND_FOR_MDO_APPROVAL",t.SEND_FOR_PC_APPROVAL="SEND_FOR_PC_APPROVAL",t.APPROVED="APPROVED",t.REJECTED="REJECTED",t.WITHDRAWN="WITHDRAWN",t.REMOVED="REMOVED",t.WITHDRAW="WITHDRAW"}(t.WFBlendedProgramStatus||(t.WFBlendedProgramStatus={})),function(t){t.ONE_STEP_PC="oneStepPCApproval",t.ONE_STEP_MDO="oneStepMDOApproval",t.TWO_STEP_MDO_PC="twoStepMDOAndPCApproval",t.TWO_STEP_PC_MDO="twoStepPCAndMDOApproval"}(t.WFBlendedProgramApprovalTypes||(t.WFBlendedProgramApprovalTypes={})),t.WFSTATUS_MSG_MAPPING={INITIATE:"",SEND_FOR_MDO_APPROVAL:"BatchEnrollL1Msg",SEND_FOR_PC_APPROVAL:"BatchEnrollL2Msg",APPROVED:"BatchEnrollApprovedMsg",REJECTED:"BatchEnrollRejectedMsg",WITHDRAWN:"BatchEnrollWithdrawMsg",REMOVED:"BatchEnrollRemoveMsg",EXPIRED:"BatchListExpiredMsg"},function(t){t.LEARNING_RESOURCE="Learning Resource",t.PRACTICE_RESOURCE="Practice Question Set",t.FINAL_ASSESSMENT="Course Assessment",t.COMP_ASSESSMENT="Competency Assessment",t.OFFLINE_SESSION="Offline Session"}(t.EResourcePrimaryCategories||(t.EResourcePrimaryCategories={})),function(t){t.PLAYLIST="Playlist"}(f=t.EMiscPlayerSupportedCollectionTypes||(t.EMiscPlayerSupportedCollectionTypes={})),t.PLAYER_SUPPORTED_COLLECTION_TYPES=[h.COURSE,h.MODULE,h.PROGRAM,h.CURATED_PROGRAM,h.BLENDED_PROGRAM,h.STANDALONE_ASSESSMENT,f.PLAYLIST],t.KB_SUPPORTED_CONTENT_TYPES=[h.COURSE,h.MODULE,h.PROGRAM,h.RESOURCE],t.PLAYLIST_SUPPORTED_CONTENT_TYPES=[h.COURSE,h.MODULE,h.PROGRAM,h.RESOURCE],function(t){t.COLLECTION="application/vnd.ekstep.content-collection",t.ZIP="application/vnd.ekstep.html-archive",t.ZIP2="application/vnd.ekstep.ecml-archive",t.HTML="application/html",t.HTML_TEXT="text/html",t.ILP_FP="application/ilpfp",t.IAP="application/iap-assessment",t.M4A="audio/m4a",t.MP3="audio/mpeg",t.MP4="video/mp4",t.M3U8="application/x-mpegURL",t.INTERACTION="video/interactive",t.PDF="application/pdf",t.QUIZ="application/quiz",t.DRAG_DROP="application/drag-drop",t.HTML_PICKER="application/htmlpicker",t.WEB_MODULE="application/web-module",t.WEB_MODULE_EXERCISE="application/web-module-exercise",t.YOUTUBE="video/x-youtube",t.HANDS_ON="application/integrated-hands-on",t.RDBMS_HANDS_ON="application/rdbms",t.CLASS_DIAGRAM="application/class-diagram",t.CHANNEL="application/channel",t.COLLECTION_RESOURCE="resource/collection",t.APPLICATION_JSON="application/json",t.PRACTICE_RESOURCE="application/vnd.sunbird.questionset",t.FINAL_ASSESSMENT="application/vnd.sunbird.questionset",t.OFFLINE_SESSION="application/offline",t.CERTIFICATION="application/certification",t.PLAYLIST="application/playlist",t.TEXT_WEB="text/x-url",t.SURVEY="application/survey",t.QUESTION_SET="application/vnd.sunbird.questionset",t.QUESTION="application/vnd.sunbird.question",t.UNKNOWN="application/unknown"}(b=t.EMimeTypes||(t.EMimeTypes={})),function(t){t.ASSESSMENT="ASSESSMENT",t.STANDALONE_ASSESSMENT="STANDALONE ASSESSMENT",t.PRACTICE_RESOURCE="Practice Question Set",t.FINAL_ASSESSMENT="Course Assessment",t.AUDIO="AUDIO",t.CERTIFICATION="CERTIFICATION",t.CHANNEL="Channel",t.CLASS_DIAGRAM="CLASS_DIAGRAM",t.COURSE="COURSE",t.DEFAULT="DEFAULT",t.DRAG_DROP="DRAG_DROP",t.EXTERNAL_CERTIFICATION="EXTERNAL_CERTIFICATION",t.EXTERNAL_COURSE="EXTERNAL_COURSE",t.GOALS="GOALS",t.HANDS_ON="HANDS_ON",t.IAP="IAP",t.INSTRUCTOR_LED="INSTRUCTOR_LED",t.INTERACTIVE_VIDEO="INTERACTIVE_VIDEO",t.KNOWLEDGE_ARTIFACT="KNOWLEDGE_ARTIFACT",t.MODULE="MODULE",t.PDF="PDF",t.SURVEY="SURVEY",t.PLAYLIST="PLAYLIST",t.PROGRAM="PROGRAM",t.QUIZ="QUIZ",t.RESOURCE="RESOURCE",t.RDBMS_HANDS_ON="RDBMS_HANDS_ON",t.VIDEO="VIDEO",t.WEB_MODULE="WEB_MODULE",t.WEB_PAGE="WEB_PAGE",t.YOUTUBE="YOUTUBE",t.LINK="LINK",t.KNOWLEDGE_BOARD="Knowledge Board",t.LEARNING_JOURNEY="Learning Journeys",t.BLENDED_PROGRAM="BLENDED PROGRAM",t.CURATED_PROGRAM="CURATED PROGRAM"}(t.EDisplayContentTypes||(t.EDisplayContentTypes={})),function(t){t.ALL="ALL",t.LEARN="LEARN",t.PRACTICE="PRACTICE",t.ASSESS="ASSESS"}(t.EFilterCategory||(t.EFilterCategory={})),function(t){t.NEWLY_ADDED="NEWLY ADDED"}(t.ETagType||(t.ETagType={})),t.UN_SUPPORTED_DATA_TYPES_FOR_NON_BATCH_USERS=[],t.PUBLIC_SUPPORTED_CONTENT_TYPES=[b.APPLICATION_JSON,b.FINAL_ASSESSMENT,b.HTML,b.HTML_TEXT,b.ZIP,b.ZIP2,b.M4A,b.MP3,b.MP4,b.PDF,b.YOUTUBE,b.TEXT_WEB,b.SURVEY]}(NsContent||(NsContent={}));var VIEWER_ROUTE_FROM_MIME=function(t){switch(t){case NsContent.EMimeTypes.MP3:return"audio";case NsContent.EMimeTypes.M4A:return"audio-native";case NsContent.EMimeTypes.COLLECTION:return"html";case NsContent.EMimeTypes.CHANNEL:case NsContent.EMimeTypes.CERTIFICATION:return"certification";case NsContent.EMimeTypes.HTML_TEXT:case NsContent.EMimeTypes.HTML:case NsContent.EMimeTypes.ZIP:return window.location.href.includes("mobile/html")?"mobile/html":"html";case NsContent.EMimeTypes.TEXT_WEB:return"youtube";case NsContent.EMimeTypes.SURVEY:return"survey";case NsContent.EMimeTypes.IAP:return"iap";case NsContent.EMimeTypes.ILP_FP:return"ilp-fp";case NsContent.EMimeTypes.PDF:return"pdf";case NsContent.EMimeTypes.MP4:case NsContent.EMimeTypes.M3U8:return"video";case NsContent.EMimeTypes.YOUTUBE:return"youtube";case NsContent.EMimeTypes.WEB_MODULE:case NsContent.EMimeTypes.WEB_MODULE_EXERCISE:return"web-module";case NsContent.EMimeTypes.CLASS_DIAGRAM:return"class-diagram";case NsContent.EMimeTypes.HANDS_ON:return"hands-on";case NsContent.EMimeTypes.RDBMS_HANDS_ON:return"rdbms-hands-on";case NsContent.EMimeTypes.HTML_PICKER:return"html-picker";case NsContent.EMimeTypes.QUIZ:case NsContent.EMimeTypes.APPLICATION_JSON:return"quiz";case NsContent.EMimeTypes.PRACTICE_RESOURCE:return"practice";case NsContent.EMimeTypes.COLLECTION_RESOURCE:return"resource-collection";case NsContent.EMimeTypes.OFFLINE_SESSION:return"offline-session";default:return"html"}};function viewerRouteGenerator(t,e,n,a,i,o,r,s){void 0===i&&(i=!1);var l=n,c=a;c&&!NsContent.PLAYER_SUPPORTED_COLLECTION_TYPES.includes(c)&&(l=void 0,c=void 0);var d="/viewer/"+VIEWER_ROUTE_FROM_MIME(e)+"/"+t,p=window.location.href.includes("editMode=true"),g={};return o&&(g={primaryCategory:o}),n&&a&&(g=__assign({},g,{collectionId:l,collectionType:c})),r&&(g=__assign({},g,{batchId:r})),s&&(g=__assign({},g,{courseName:s})),i&&(g=__assign({},g,{preview:!0})),p&&(g=__assign({},g,{editMode:!0})),{queryParams:g,url:d}}var moment=moment$4,PROTECTED_SLAG_V8="/apis/protected/v8",ɵ0=function(t,e){return PROTECTED_SLAG_V8+"/content/collection/"+t+"/"+e},ɵ1=function(t){return PROTECTED_SLAG_V8+"/user/progress/"+t},ɵ2=function(t){return PROTECTED_SLAG_V8+"/cohorts/course/batch/cert/download/"+t},ɵ3=function(t){return"/apis/proxies/v8/action/content/v3/read/"+t},API_END_POINTS={CONTENT:PROTECTED_SLAG_V8+"/content",AUTHORING_CONTENT:"/api/course/v1/hierarchy",CONTENT_LIKES:PROTECTED_SLAG_V8+"/content/likeCount",SET_S3_COOKIE:PROTECTED_SLAG_V8+"/content/setCookie",SET_S3_IMAGE_COOKIE:PROTECTED_SLAG_V8+"/content/setImageCookie",FETCH_MANIFEST:PROTECTED_SLAG_V8+"/content/getWebModuleManifest",FETCH_WEB_MODULE_FILES:PROTECTED_SLAG_V8+"/content/getWebModuleFiles",MULTIPLE_CONTENT:PROTECTED_SLAG_V8+"/content/multiple",CONTENT_SEARCH_V5:PROTECTED_SLAG_V8+"/content/searchV5",CONTENT_SEARCH_V6:"/apis/proxies/v8/sunbirdigot/search",TRENDING_CONTENT_SEARCH:"apis/proxies/v8/trending/content/search",CONTENT_SEARCH_RELATED_CBP_V6:"/apis/proxies/v8/sunbirdigot/search",CONTENT_SEARCH_REGION_RECOMMENDATION:PROTECTED_SLAG_V8+"/content/searchRegionRecommendation",CONTENT_HISTORY:PROTECTED_SLAG_V8+"/user/history",CONTENT_HISTORYV2:"/apis/proxies/v8/read/content-progres",COURSE_BATCH_LIST:"/apis/proxies/v8/learner/course/v1/batch/list",COURSE_BATCH:"/apis/proxies/v8/course/v1/batch/read",AUTO_ASSIGN_BATCH:"/apis/protected/v8/cohorts/user/autoenrollment/",AUTO_ASSIGN_CURATED_BATCH:"/apis/proxies/v8/curatedprogram/v1/enrol",AUTO_ASSIGN_OPEN_PROGRAM:"/apis/proxies/v8/openprogram/v1/enrol",USER_CONTINUE_LEARNING:PROTECTED_SLAG_V8+"/user/history/continue",CONTENT_RATING:PROTECTED_SLAG_V8+"/user/rating",COLLECTION_HIERARCHY:ɵ0,REGISTRATION_STATUS:PROTECTED_SLAG_V8+"/admin/userRegistration/checkUserRegistrationContent",MARK_AS_COMPLETE_META:ɵ1,ENROLL_BATCH:"/apis/proxies/v8/learner/course/v1/enrol",ENROLL_BATCH_WF:"/apis/proxies/v8/workflow/blendedprogram/enrol",WITHDRAW_BATCH_WF:"/apis/proxies/v8/workflow/blendedprogram/unenrol",BLENDED_USER_WF:"/apis/proxies/v8/workflow/blendedprogram/user/search",BLENDED_USER_COUNT:"apis/proxies/v8/workflow/blendedprogram/enrol/status/count",CERT_ADD_TEMPLATE:PROTECTED_SLAG_V8+"/cohorts/course/batch/cert/template/add",CERT_ISSUE:PROTECTED_SLAG_V8+"/cohorts/course/batch/cert/issue",CERT_DOWNLOAD:ɵ2,READ_KARMAPOINTS:"/apis/proxies/v8/karmapoints/read",CONTENT_READ:ɵ3,READ_COURSE_KARMAPOINTS:"/apis/proxies/v8/karmapoints/user/course/read",CLAIM_KARMAPOINTS:"/apis/proxies/v8/claimkarmapoints",USER_KARMA_POINTS:"/apis/proxies/v8/user/totalkarmapoints",AGGREGATION_SEARCH:"/apis/proxies/v8/content/aggregation/search",FEATURE_SEARCH:"/apis/proxies/v8/featured/content/search"},WidgetContentService=function(){function t(t,e){this.http=t,this.configSvc=e,this.tocConfigData=new rxjs.BehaviorSubject({}),this.tocConfigData$=this.tocConfigData.asObservable(),this.telemetryData=new rxjs.Subject,this.telemetryData$=this.telemetryData.asObservable(),this.programChildCourseResumeData=new rxjs.BehaviorSubject({}),this.programChildCourseResumeData$=this.programChildCourseResumeData.asObservable()}return t.prototype.changeTelemetryData=function(t){this.telemetryData.next(t)},t.prototype.isResource=function(t){return!!t&&(t===NsContent.EResourcePrimaryCategories.LEARNING_RESOURCE||t===NsContent.EResourcePrimaryCategories.PRACTICE_RESOURCE||t===NsContent.EResourcePrimaryCategories.FINAL_ASSESSMENT||t===NsContent.EResourcePrimaryCategories.COMP_ASSESSMENT||t===NsContent.EResourcePrimaryCategories.OFFLINE_SESSION)},t.prototype.fetchMarkAsCompleteMeta=function(t){API_END_POINTS.MARK_AS_COMPLETE_META(t);return rxjs.of().toPromise()},t.prototype.updateTocConfig=function(t){this.tocConfigData.next(t)},t.prototype.fetchContent=function(t,e,n,a){void 0===e&&(e="detail"),void 0===n&&(n=[]);var i="",o=window.location.href.includes("/public/")||window.location.href.includes("&preview=true");a&&this.isResource(a)?i=o?"/api/content/v1/read/"+t:"/apis/proxies/v8/action/content/v3/read/"+t:i=o?window.location.href.includes("editMode=true")?"apis/proxies/v8/action/content/v3/hierarchy/"+t+"?mode=edit":"/api/course/v1/hierarchy/"+t+"?hierarchyType="+e:"/apis/proxies/v8/action/content/v3/hierarchy/"+t+"?hierarchyType="+e;return this.http.get(i).pipe(operators.shareReplay(1))},t.prototype.fetchAuthoringContent=function(t){var e="";return e=window.location.href.includes("editMode=true")?"apis/proxies/v8/action/content/v3/hierarchy/"+t+"?mode=edit":API_END_POINTS.AUTHORING_CONTENT+"/"+t+"?hierarchyType=detail",this.http.get(e).pipe(operators.shareReplay(1),(function(t){return t}))},t.prototype.fetchMultipleContent=function(t){return this.http.get(API_END_POINTS.MULTIPLE_CONTENT+"/"+t.join(","))},t.prototype.fetchCollectionHierarchy=function(t,e,n,a){return void 0===n&&(n=0),void 0===a&&(a=1),this.http.get(API_END_POINTS.COLLECTION_HIERARCHY(t,e)+"?pageNumber="+n+"&pageSize="+a)},t.prototype.fetchBlendedCourse=function(){},t.prototype.fetchCourseBatches=function(t){return this.http.post(API_END_POINTS.COURSE_BATCH_LIST,t).pipe(operators.retry(1),operators.map((function(t){return t.result.response})))},t.prototype.fetchCourseBatch=function(t){return this.http.get(API_END_POINTS.COURSE_BATCH+"/"+t)},t.prototype.autoAssignBatchApi=function(t){return this.http.get(""+API_END_POINTS.AUTO_ASSIGN_BATCH+t).pipe(operators.retry(1),operators.map((function(t){return t.result.response})))},t.prototype.autoAssignCuratedBatchApi=function(t,e){var n=e===NsContent.ECourseCategory.MODERATED_PROGRAM?API_END_POINTS.AUTO_ASSIGN_OPEN_PROGRAM:API_END_POINTS.AUTO_ASSIGN_CURATED_BATCH;return this.http.post(""+n,t).pipe(operators.retry(1),operators.map((function(t){return t.result.response})))},t.prototype.enrollUserToBatch=function(t){return this.http.post(API_END_POINTS.ENROLL_BATCH,t).toPromise()},t.prototype.enrollAndUnenrollUserToBatchWF=function(t,e){var n="WITHDRAW"===e?API_END_POINTS.WITHDRAW_BATCH_WF:API_END_POINTS.ENROLL_BATCH_WF;return this.http.post(n,t).toPromise()},t.prototype.fetchBlendedUserWF=function(t){return this.http.post(API_END_POINTS.BLENDED_USER_WF,t).toPromise()},t.prototype.fetchBlendedUserCOUNT=function(t){return this.http.post(API_END_POINTS.BLENDED_USER_COUNT,t).toPromise()},t.prototype.fetchContentLikes=function(t){return this.http.post(API_END_POINTS.CONTENT_LIKES,t).toPromise()},t.prototype.fetchContentRatings=function(t){return rxjs.of().toPromise()},t.prototype.fetchContentHistory=function(t){return this.http.get(API_END_POINTS.CONTENT_HISTORY+"/"+t)},t.prototype.fetchContentHistoryV2=function(t){var e=this;t.request.fields=["progressdetails"];var n=this.http.post(API_END_POINTS.CONTENT_HISTORYV2+"/"+t.request.courseId,t);return n.subscribe((function(n){e.programChildCourseResumeData.next({resumeData:n.result.contentList,courseId:t.request.courseId})})),n},t.prototype.continueLearning=function(t,e,n){return __awaiter(this,void 0,void 0,(function(){var a=this;return __generator(this,(function(i){return[2,new Promise((function(i){return __awaiter(a,void 0,void 0,(function(){var a;return __generator(this,(function(o){switch(o.label){case 0:return n&&"playlist"===n.toLowerCase()?(a={contextPathId:e||t,resourceId:t,data:JSON.stringify({timestamp:Date.now(),contextFullPath:[e,t]}),dateAccessed:Date.now(),contextType:"playlist"},[4,this.saveContinueLearning(a).toPromise().catch().finally((function(){i(!0)}))]):[3,2];case 1:return o.sent(),[3,4];case 2:return a={contextPathId:e||t,resourceId:t,data:JSON.stringify({timestamp:Date.now()}),dateAccessed:Date.now()},[4,this.saveContinueLearning(a).toPromise().catch().finally((function(){i(!0)}))];case 3:o.sent(),o.label=4;case 4:return[2]}}))}))}))]}))}))},t.prototype.saveContinueLearning=function(t){return rxjs.of()},t.prototype.setS3Cookie=function(t){return rxjs.EMPTY},t.prototype.setS3ImageCookie=function(){return this.http.post(API_END_POINTS.SET_S3_IMAGE_COOKIE,{}).pipe(operators.catchError((function(t){return rxjs.of(!0)})))},t.prototype.fetchManifest=function(t){return this.http.post(API_END_POINTS.FETCH_MANIFEST,{url:t})},t.prototype.fetchWebModuleContent=function(t){return this.http.get(API_END_POINTS.FETCH_WEB_MODULE_FILES+"?url="+encodeURIComponent(t))},t.prototype.search=function(t){return t.query=t.query||"",this.http.post(API_END_POINTS.CONTENT_SEARCH_V5,{request:t})},t.prototype.searchRegionRecommendation=function(t){return t.query=t.query||"",t.preLabelValue=(t.preLabelValue||"")+(this.configSvc.userProfile&&this.configSvc.userProfile.country||""),t.filters=__assign({},t.filters,{labels:[t.preLabelValue||""]}),this.http.post(API_END_POINTS.CONTENT_SEARCH_REGION_RECOMMENDATION,{request:t})},t.prototype.searchV6=function(t){var e=lodash.get(t,"api.path");return t.query=t.query||"",e?this.http.get(e):this.http.post(API_END_POINTS.CONTENT_SEARCH_V6,t)},t.prototype.searchRelatedCBPV6=function(t){return this.http.post(API_END_POINTS.CONTENT_SEARCH_RELATED_CBP_V6,t)},t.prototype.fetchContentRating=function(t){return this.http.get(API_END_POINTS.CONTENT_RATING+"/"+t)},t.prototype.deleteContentRating=function(t){return this.http.delete(API_END_POINTS.CONTENT_RATING+"/"+t)},t.prototype.addContentRating=function(t,e){return this.http.post(API_END_POINTS.CONTENT_RATING+"/"+t,e)},t.prototype.getFirstChildInHierarchy=function(t){if(!(t.children||[]).length)return t;if(!((t.primaryCategory!==NsContent.EPrimaryCategory.PROGRAM||t.artifactUrl&&t.artifactUrl.length)&&t.primaryCategory!==NsContent.EPrimaryCategory.MANDATORY_COURSE_GOAL&&(t.primaryCategory!==NsContent.EPrimaryCategory.BLENDED_PROGRAM||t.artifactUrl&&t.artifactUrl.length)&&(t.primaryCategory!==NsContent.EPrimaryCategory.MODULE||t.artifactUrl&&t.artifactUrl.length))){var e=t.children[0];return this.getFirstChildInHierarchy(e)}if(t.primaryCategory===NsContent.EPrimaryCategory.RESOURCE||t.primaryCategory===NsContent.EPrimaryCategory.KNOWLEDGE_ARTIFACT||t.primaryCategory===NsContent.EPrimaryCategory.PROGRAM||t.primaryCategory===NsContent.EPrimaryCategory.PRACTICE_RESOURCE||t.primaryCategory===NsContent.EPrimaryCategory.FINAL_ASSESSMENT||t.primaryCategory===NsContent.EPrimaryCategory.COMP_ASSESSMENT||t.primaryCategory===NsContent.EPrimaryCategory.BLENDED_PROGRAM||t.primaryCategory===NsContent.EPrimaryCategory.OFFLINE_SESSION)return t;var n=t.children[0];return this.getFirstChildInHierarchy(n)},t.prototype.getRegistrationStatus=function(t){return this.http.get(API_END_POINTS.REGISTRATION_STATUS+"/"+t).toPromise()},t.prototype.fetchConfig=function(t){return this.http.get(t)},t.prototype.addCertTemplate=function(t){return this.http.patch(""+API_END_POINTS.CERT_ADD_TEMPLATE,t)},t.prototype.issueCert=function(t){return this.http.post(""+API_END_POINTS.CERT_ISSUE,t)},t.prototype.downloadCert=function(t){return this.http.get(""+API_END_POINTS.CERT_DOWNLOAD(t))},t.prototype.trendingContentSearch=function(t){return t.query=t.query||"",this.http.post(API_END_POINTS.TRENDING_CONTENT_SEARCH,t)},t.prototype.getKarmaPoitns=function(t,e){return this.http.post(API_END_POINTS.READ_KARMAPOINTS,{limit:t,offset:e}).pipe(operators.catchError((function(t){return rxjs.of(!0)})))},t.prototype.fetchProgramContent=function(t){var e;return window.location.href.includes("/public/")||window.location.href.includes("&preview=true")?(e="/api/content/v1/read/"+t,this.http.get(e)):this.http.get(API_END_POINTS.CONTENT_READ(t))},t.prototype.getCourseKarmaPoints=function(t){return this.http.post(API_END_POINTS.READ_COURSE_KARMAPOINTS,t)},t.prototype.claimKarmapoints=function(t){return this.http.post(API_END_POINTS.CLAIM_KARMAPOINTS,t)},t.prototype.userKarmaPoints=function(){return this.http.post(API_END_POINTS.USER_KARMA_POINTS,{})},t.prototype.getEnrolledData=function(t){return JSON.parse(localStorage.getItem("enrollmentMapData")||"{}")[t]},t.prototype.getResourseLink=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(n){switch(n.label){case 0:return(e=this.getEnrolledData(t.identifier))?e.content.courseCategory!==NsContent.ECourseCategory.BLENDED_PROGRAM&&e.content.courseCategory!==NsContent.ECourseCategory.INVITE_ONLY_PROGRAM&&e.content.courseCategory!==NsContent.ECourseCategory.MODERATED_PROGRAM&&e.content.primaryCategory!==NsContent.EPrimaryCategory.BLENDED_PROGRAM&&e.content.primaryCategory!==NsContent.EPrimaryCategory.PROGRAM?[3,2]:this.isBatchInProgress(e.batch)?[4,this.checkForDataToFormUrl(t,e)]:[2,this.gotoTocPage(t)]:[3,4];case 1:return[2,n.sent()];case 2:return[4,this.checkForDataToFormUrl(t,e)];case 3:return[2,n.sent()];case 4:return[2,this.gotoTocPage(t)]}}))}))},t.prototype.checkForDataToFormUrl=function(t,e){return __awaiter(this,void 0,void 0,(function(){var n,a,i,o=this;return __generator(this,(function(r){switch(r.label){case 0:if(100===e.completionPercentage)return[2,this.gotoTocPage(e)];if(e.lrcProgressDetails&&e.lrcProgressDetails.mimeType){if((a=__assign({},e,{identifier:e.collectionId,primaryCategory:e.content.primaryCategory,name:e.content.name})).lastReadContentId)return[2,this.getResourseDataWithData(a,e.lastReadContentId,e.lrcProgressDetails.mimeType)];if(a.firstChildId)return[2,this.getResourseDataWithData(a,e.firstChildId,e.lrcProgressDetails.mimeType)]}return e.firstChildId||e.lastReadContentId?(i=e.firstChildId||e.lastReadContentId,[4,this.fetchProgramContent(i).toPromise().then((function(t){return __awaiter(o,void 0,void 0,(function(){var a,i;return __generator(this,(function(o){return t&&t.result&&t.result.content&&(a=t.result.content,i=__assign({},e,{identifier:e.collectionId,primaryCategory:e.content.primaryCategory,name:e.content.name}),n=this.getResourseDataWithData(i,a.identifier,a.mimeType))?[2,n]:[2]}))}))}))]):[3,2];case 1:return[2,r.sent()||this.gotoTocPage(t)];case 2:return[2,this.gotoTocPage(t)]}}))}))},t.prototype.getResourseDataWithData=function(t,e,n){return t?viewerRouteGenerator(e,n,t.identifier,"Course",!1,"Learning Resource",t.batchId,t.name):this.gotoTocPage(t)},t.prototype.gotoTocPage=function(t){var e={url:"/app/toc/"+(t.identifier?t.identifier:t.collectionId)+"/overview",queryParams:{batchId:t.batchId}};return t.endDate&&(e.queryParams=__assign({},e.queryParams,{planType:"cbPlan",endDate:t.endDate})),e},t.prototype.isBatchInProgress=function(t){if(t&&t.endDate){var e=moment().format("YYYY-MM-DD"),n=moment(t.startDate).format("YYYY-MM-DD"),a=t.endDate?moment(t.endDate).format("YYYY-MM-DD"):e;return moment(n).isSameOrBefore(e)&&moment(a).isSameOrAfter(e)}return!0},t.prototype.postApiMethod=function(t,e){return this.http.post(t,e)},t.prototype.getApiMethod=function(t){return this.http.get(t)},t.decorators=[{type:core.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[{type:http.HttpClient},{type:utilsV2.ConfigurationsService}]},t.ngInjectableDef=core.ɵɵdefineInjectable({factory:function(){return new t(core.ɵɵinject(http.HttpClient),core.ɵɵinject(utilsV2.ConfigurationsService))},token:t,providedIn:"root"}),t}();var ConfigurationsService=function(){function t(){this.appSetup=!0,this.userUrl="",this.baseUrl="assets/configurations",this.sitePath="assets/configurations",this.hostPath=window.location.host.replace(":","_"),this.userRoles=null,this.userGroups=null,this.restrictedFeatures=null,this.restrictedWidgets=null,this.instanceConfig=null,this.appsConfig=null,this.rootOrg=null,this.org=null,this.activeOrg="",this.isProduction=!1,this.hasAcceptedTnc=!1,this.profileDetailsStatus=!1,this.isActive=!0,this.userPreference=null,this.userProfile=null,this.userProfileV2=null,this.nodebbUserProfile=null,this.isAuthenticated=!1,this.isNewUser=!1,this.pinnedApps=new rxjs.BehaviorSubject(new Set),this.prefChangeNotifier=new rxjs.ReplaySubject(1),this.tourGuideNotifier=new rxjs.ReplaySubject,this.authChangeNotifier=new rxjs.ReplaySubject(1),this.updateProfile=new rxjs.BehaviorSubject(!1),this.updateProfileObservable=this.updateProfile.asObservable(),this.updateTourGuide=new rxjs.BehaviorSubject(!0),this.updateTourGuideObservable=this.updateTourGuide.asObservable(),this.updatePlatformRating=new rxjs.BehaviorSubject({bottom:"120px"}),this.updatePlatformRatingObservable$=this.updatePlatformRating.asObservable(),this.languageTranslationFlag=new rxjs.Subject,this.activeThemeObject=null,this.activeFontObject=null,this.isDarkMode=!1,this.isIntranetAllowed=!1,this.isRTL=!1,this.activeLocale=null,this.activeLocaleGroup="",this.completedActivity=null,this.completedTour=!1,this.profileSettings=["profilePicture","learningTime","learningPoints"],this.primaryNavBar={color:"primary"},this.pageNavBar={color:"primary"},this.primaryNavBarConfig=null,this.welcomeTabs=null,this.cstoken="",this.changeNavBarFullView=new rxjs.Subject,this.openExploreMenuForMWeb=new rxjs.Subject}return t.prototype.updateGlobalProfile=function(t){this.updateProfile.next(t)},t.prototype.updateTourGuideMethod=function(t){this.updateTourGuide.next(t)},t.prototype.updatePlatformRatingMethod=function(t){this.updatePlatformRating.next(t)},t.decorators=[{type:core.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[]},t.ngInjectableDef=core.ɵɵdefineInjectable({factory:function(){return new t},token:t,providedIn:"root"}),t}();var MultilingualTranslationsService=function(){function t(t,e,n){this.translate=t,this.http=e,this.configSvc=n,this.selectedLang="",this.languageSelected=new rxjs.BehaviorSubject(!0),this.languageSelectedObservable=this.languageSelected.asObservable(),this.editProfileDetails="/apis/proxies/v8/user/v1/extPatch"}return t.prototype.getLanguage=function(){if(this.configSvc.unMappedUser)if(this.configSvc.unMappedUser.profileDetails&&this.configSvc.unMappedUser.profileDetails.additionalProperties&&this.configSvc.unMappedUser.profileDetails.additionalProperties.webPortalLang){var t=this.configSvc.unMappedUser.profileDetails.additionalProperties.webPortalLang;this.translate.use(t),localStorage.setItem("websiteLanguage",t)}else{if(localStorage.getItem("websiteLanguage"))t=(t=JSON.stringify(localStorage.getItem("websiteLanguage"))).replace(/\"/g,""),this.translate.use(t);else this.translate.setDefaultLang("en"),localStorage.setItem("websiteLanguage","en")}else localStorage.getItem("websiteLanguage")&&(t=(t=JSON.stringify(localStorage.getItem("websiteLanguage"))).replace(/\"/g,""),this.translate.use(t))},t.prototype.translateLabelWithoutspace=function(t,e,n){var a=t;if(a=a&&a.replace(/\s/g,""),n){var i=e+"."+a+n;return this.translate.instant(i)}var o=e+"."+a;return this.translate.instant(o)},t.prototype.translateLabel=function(t,e,n){if(t){var a=t,i=(a=a&&a.toLowerCase()).split(" ");if(i.forEach((function(t,e){0!==e&&(i[e]=t[0].toUpperCase()+t.slice(1))})),a=(a=i.join("")).replace(/\s/g,""),n){var o=e+"."+a+n;return this.translate.instant(o)}var r=e+"."+a;return this.translate.instant(r)}return t},t.prototype.translateActualLabel=function(t,e,n){var a=t,i=a.split(" ");if(i.forEach((function(t,e){0!==e&&(i[e]=t[0].toUpperCase()+t.slice(1))})),a=(a=i.join("")).replace(/\s/g,""),n){var o=e+"."+a+n;return this.translate.instant(o)}var r=e+"."+a;return this.translate.instant(r)},t.prototype.editProfileDetailsAPI=function(t){return this.http.post(this.editProfileDetails,t)},t.prototype.updatelanguageSelected=function(t,e,n){if(this.languageSelected.next(t),this.translate.use(e),this.selectedLang=e,n){var a={request:{userId:n,profileDetails:{additionalProperties:{webPortalLang:this.selectedLang}}}};this.editProfileDetailsAPI(a).subscribe()}},t.decorators=[{type:core.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[{type:core$1.TranslateService},{type:http.HttpClient},{type:ConfigurationsService}]},t.ngInjectableDef=core.ɵɵdefineInjectable({factory:function(){return new t(core.ɵɵinject(core$1.TranslateService),core.ɵɵinject(http.HttpClient),core.ɵɵinject(ConfigurationsService))},token:t,providedIn:"root"}),t}(),NsCardContent;(function(t){function e(){}function n(){}function a(){}t.ICard=e,t.IContentTags=n,t.ICompetency=a,function(t){t.LIVE="Live",t.EXPIRED="Expired",t.DELETED="Deleted",t.MARK_FOR_DELETION="MarkedForDeletion"}(t.EContentStatus||(t.EContentStatus={})),function(t){t.UPCOMING="upcoming",t.ALL="All",t.OVERDUE="overdue",t.SUCCESS="success"}(t.ACBPConst||(t.ACBPConst={})),function(t){t.COMPETENCIES="competencies_v5",t.RETIRED="Retired"}(t.IGOTConst||(t.IGOTConst={}))})(NsCardContent||(NsCardContent={}));var dayjs=dayjs_,PROTECTED_SLAG_V8$1="/apis/protected/v8",ɵ0$1=function(t){return PROTECTED_SLAG_V8$1+"/user/group/fetchUserGroup?userId="+t},ɵ1$1=function(t){return"/apis/proxies/v8/learner/course/v2/user/enrollment/list/"+t+"?orgdetails=orgName,email&licenseDetails=name,description,url&fields=contentType,primaryCategory,courseCategory,topic,name,channel,mimeType,appIcon,gradeLevel,resourceType,identifier,medium,pkgVersion,board,subject,trackable,posterImage,duration,creatorLogo,license,version,versionKey,avgRating,additionalTags,"+NsCardContent.IGOTConst.COMPETENCIES+"&batchDetails=name,endDate,startDate,status,enrollmentType,createdBy,certificates,batchAttributes"},ɵ2$1=function(t){return"/apis/proxies/v8/learner/course/v2/user/enrollment/list/"+t+"?orgdetails=orgName,email&licenseDetails=name,description,url&fields=contentType,primaryCategory,courseCategory,topic,name,channel,mimeType,appIcon,gradeLevel,resourceType,identifier,medium,pkgVersion,board,subject,trackable,posterImage,duration,creatorLogo,license,version,versionKey,avgRating,additionalTags,"+NsCardContent.IGOTConst.COMPETENCIES+"&batchDetails=name,endDate,startDate,status,enrollmentType,createdBy,certificates,batchAttributes&retiredCoursesEnabled=true"},ɵ3$1=function(t,e,n,a,i){return"apis/proxies/v8/learner/course/v2/user/enrollment/list/"+t+"?orgdetails="+e+"&licenseDetails="+n+"&fields="+a+",courseCategory,"+NsCardContent.IGOTConst.COMPETENCIES+"&batchDetails="+i},API_END_POINTS$1={FETCH_USER_GROUPS:ɵ0$1,FETCH_CPB_PLANS:"/apis/proxies/v8/user/v1/cbplan",FETCH_USER_ENROLLMENT_LIST:ɵ1$1,FETCH_USER_ENROLLMENT_LIST_PROFILE:ɵ2$1,FETCH_USER_ENROLLMENT_LIST_V2:ɵ3$1},WidgetUserService=function(){function t(t,e){this.http=e,this.environment=t}return t.prototype.handleError=function(t){var e="";return t.error instanceof ErrorEvent&&(e="Error: "+t.error.message),rxjs.throwError(e)},t.prototype.fetchUserGroupDetails=function(t){return this.http.get(API_END_POINTS$1.FETCH_USER_GROUPS(t)).pipe(operators.catchError(this.handleError))},t.prototype.fetchUserBatchList=function(t,e){var n=this,a="";a=e?API_END_POINTS$1.FETCH_USER_ENROLLMENT_LIST_V2(t,e.orgdetails,e.licenseDetails,e.fields,e.batchDetails):API_END_POINTS$1.FETCH_USER_ENROLLMENT_LIST(t);var i=new http.HttpHeaders({"Cache-Control":"no-cache, no-store, must-revalidate, post-check=0, pre-check=0",Pragma:"no-cache",Expires:"0"});return this.checkStorageData("enrollmentService","enrollmentData")?this.http.get(a,{headers:i}).pipe(operators.catchError(this.handleError),operators.map((function(t){var e=[];return t&&t.result&&t.result.courses&&(t.result.courses.forEach((function(t){t.contentStatus&&delete t.contentStatus,e.push(t)})),n.storeUserEnrollmentInfo(t.result.userCourseEnrolmentInfo,t.result.courses.length),t.result.courses=e,t.result.courses.length<200)?(localStorage.removeItem("enrollmentData"),n.setTime("enrollmentService"),localStorage.setItem("enrollmentData",JSON.stringify(t.result)),n.mapEnrollmentData(t.result),t.result):(n.mapEnrollmentData(t.result),t.result)}))):this.getData("enrollmentData")},t.prototype.fetchProfileUserBatchList=function(t,e){var n="";n=e?API_END_POINTS$1.FETCH_USER_ENROLLMENT_LIST_V2(t,e.orgdetails,e.licenseDetails,e.fields,e.batchDetails):API_END_POINTS$1.FETCH_USER_ENROLLMENT_LIST_PROFILE(t);var a=new http.HttpHeaders({"Cache-Control":"no-cache, no-store, must-revalidate, post-check=0, pre-check=0",Pragma:"no-cache",Expires:"0"});return this.http.get(n,{headers:a}).pipe(operators.catchError(this.handleError),operators.map((function(t){return t.result})))},t.prototype.checkStorageData=function(t,e){var n=localStorage.getItem("timeCheck");if(n){var a=JSON.parse(n);return!a[t]||(dayjs().diff(a[t],"minute")>=(this.environment.apiCache||0)||!localStorage.getItem(e))}return!0},t.prototype.getData=function(t){return rxjs.Observable.of(JSON.parse(localStorage.getItem(t)||"{}"))},t.prototype.getSavedData=function(t){return JSON.parse(localStorage.getItem(t)||"")},t.prototype.setTime=function(t){var e=localStorage.getItem("timeCheck");if(e){var n=JSON.parse(e);n[t]=(new Date).getTime(),localStorage.setItem("timeCheck",JSON.stringify(n))}else{var a={};a[t]=(new Date).getTime(),localStorage.setItem("timeCheck",JSON.stringify(a))}},t.prototype.resetTime=function(t){var e=localStorage.getItem("timeCheck");if(e){var n=JSON.parse(e);n[t]&&(delete n[t],localStorage.setItem("timeCheck",JSON.stringify(n)))}},t.prototype.fetchCbpPlanList=function(){var t=this;if(this.checkStorageData("cbpService","cbpData")){var e=this.http.get(API_END_POINTS$1.FETCH_CPB_PLANS).pipe(operators.catchError(this.handleError),operators.map((function(e){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.mapData(e.result)];case 1:return[2,t.sent()]}}))}))})));return this.setTime("cbpService"),e}return this.getData("cbpData")},t.prototype.mapData=function(t){return __awaiter(this,void 0,void 0,(function(){var e,n,a,i,o,r,s;return __generator(this,(function(l){return e=[],n=dayjs().format("YYYY-MM-DD"),a=JSON.parse(localStorage.getItem("enrollmentMapData")||"{}"),t&&t.count?(t.content.forEach((function(t){t.contentList.forEach((function(i){var o=a[i.identifier],r=dayjs(t.endDate).format("YYYY-MM-DD"),s=dayjs(r).diff(n,"day");i.planDuration=s<0?NsCardContent.ACBPConst.OVERDUE:s>29?NsCardContent.ACBPConst.SUCCESS:NsCardContent.ACBPConst.UPCOMING,i.endDate=t.endDate,i.parentId=t.id,i.planType="cbPlan",(i.status!==NsCardContent.IGOTConst.RETIRED||o&&2===o.status)&&e.push(i);var l=[],c=[],d=[],p=[],g=[],u=[],m=[];i.contentStatus=0,o&&(i.contentStatus=o.status),i.competencies_v5&&i.competencies_v5.forEach((function(t){l.includes(t.competencyArea)||(l.push(t.competencyArea),g.push(t.competencyAreaId)),c.includes(t.competencyTheme)||(c.push(t.competencyTheme),u.push(t.competencyThemeId)),d.includes(t.competencyThemeType)||d.push(t.competencyThemeType),p.includes(t.competencySubTheme)||(p.push(t.competencySubTheme),m.push(t.competencySubThemeId))})),i.competencyArea=l,i.competencyTheme=c,i.competencyThemeType=d,i.competencySubTheme=p,i.competencyAreaId=g,i.competencyThemeId=u,i.competencySubThemeId=m}))})),e.length>1?(i=e.sort((function(t,e){var n=new Date(t.endDate);return new Date(e.endDate)>n?1:-1})),o=lodash.uniqBy(i,"identifier"),r=lodash.orderBy(o,["endDate"],["asc"]),s=lodash.orderBy(r,["contentStatus"],["asc"]),localStorage.setItem("cbpData",JSON.stringify(s)),[2,s]):(localStorage.setItem("cbpData",JSON.stringify(e)),[2,e])):(localStorage.setItem("cbpData",JSON.stringify([])),[2,[]])}))}))},t.prototype.mapEnrollmentData=function(t){var e={};t&&t.courses.length&&t.courses.forEach((function(t){e[t.collectionId]=t})),localStorage.removeItem("enrollmentMapData"),localStorage.setItem("enrollmentMapData",JSON.stringify(e))},t.prototype.storeUserEnrollmentInfo=function(t,e){var n={enrolledCourseCount:e,userCourseEnrolmentInfo:t};localStorage.removeItem("userEnrollmentCount"),localStorage.setItem("userEnrollmentCount",JSON.stringify(n))},t.decorators=[{type:core.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[{type:void 0,decorators:[{type:core.Inject,args:["environment"]}]},{type:http.HttpClient}]},t.ngInjectableDef=core.ɵɵdefineInjectable({factory:function(){return new t(core.ɵɵinject("environment"),core.ɵɵinject(http.HttpClient))},token:t,providedIn:"root"}),t}();function IStripUnitContentData(){}var ContentStripWithTabsLibComponent=function(_super){function ContentStripWithTabsLibComponent(t,e,n,a,i,o,r,s,l,c){var d=_super.call(this)||this;if(d.contentSvc=e,d.loggerSvc=n,d.eventSvc=a,d.configSvc=i,d.utilitySvc=o,d.router=r,d.userSvc=s,d.translate=l,d.langtranslations=c,d.emptyResponse=new core.EventEmitter,d.viewAllResponse=new core.EventEmitter,d.telemtryResponse=new core.EventEmitter,d.providerId="",d.emitViewAll=!1,d.channnelName="",d.id="ws-strip-miltiple_"+Math.random(),d.stripsResultDataMap={},d.stripsKeyOrder=[],d.showAccordionData=!0,d.showParentLoader=!1,d.showParentError=!1,d.showParentNoData=!1,d.errorDataCount=0,d.noDataCount=0,d.successDataCount=0,d.contentAvailable=!0,d.baseUrl=d.configSvc.sitePath||"",d.veifiedKarmayogi=!1,d.changeEventSubscription=null,d.defaultMaxWidgets=12,d.todaysEvents=[],localStorage.getItem("websiteLanguage")){d.translate.setDefaultLang("en");var p=JSON.stringify(localStorage.getItem("websiteLanguage"));p=p.replace(/\"/g,""),d.translate.use(p)}return d.environment=t,d}return __extends(ContentStripWithTabsLibComponent,_super),ContentStripWithTabsLibComponent.prototype.ngOnInit=function(){var t=this;this.initData(),this.contentSvc.telemetryData$.subscribe((function(e){t.telemtryResponse.emit(e)}))},ContentStripWithTabsLibComponent.prototype.ngOnDestroy=function(){this.changeEventSubscription&&this.changeEventSubscription.unsubscribe()},ContentStripWithTabsLibComponent.prototype.showAccordion=function(t){return!this.utilitySvc.isMobile||"accordion"!==this.stripsResultDataMap[t].mode||this.showAccordionData},ContentStripWithTabsLibComponent.prototype.setHiddenForStrip=function(t){this.stripsResultDataMap[t].showStrip=!1,sessionStorage.setItem("cstrip_"+t,"1")},ContentStripWithTabsLibComponent.prototype.getIfStripHidden=function(t){var e=sessionStorage.getItem("cstrip_"+t);return Boolean("1"!==e)},ContentStripWithTabsLibComponent.prototype.initData=function(){var t,e,n=this;this.stripsKeyOrder=this.widgetData&&this.widgetData.strips&&this.widgetData.strips.map((function(t){return t.key}))||[],this.widgetData.loader&&this.widgetData.strips.length&&(this.showParentLoader=!0);try{for(var a=__values(this.widgetData.strips),i=a.next();!i.done;i=a.next()){var o=i.value;this.checkForEmptyWidget(o)?this.fetchStripFromRequestData(o,!1):this.processStrip(o,[],"done",!0,null)}}catch(e){t={error:e}}finally{try{i&&!i.done&&(e=a.return)&&e.call(a)}finally{if(t)throw t.error}}var r=this.widgetData.strips.map((function(t){return{key:t.key,type:t.refreshEvent&&t.refreshEvent.eventType||"",from:t.refreshEvent&&t.refreshEvent.from.toString()||""}})).filter((function(t){var e=t.key,n=t.type,a=t.from;return e&&n&&a})),s=new Set(r.map((function(t){return t.type})));this.changeEventSubscription=this.eventSvc.events$.pipe(operators.filter((function(t){return s.has(t.eventType)}))).subscribe((function(t){r.filter((function(e){return e.type===t.eventType&&e.from===t.from})).map((function(t){return t.key})).forEach((function(t){return n.fetchStripFromKey(t,!1)}))}))},ContentStripWithTabsLibComponent.prototype.fetchStripFromKey=function(t,e){void 0===e&&(e=!0);var n=this.widgetData.strips.find((function(e){return e.key===t}));n&&this.fetchStripFromRequestData(n,e)},ContentStripWithTabsLibComponent.prototype.isStripShowing=function(t){var e=this,n=0;return t&&t.key===this.environment.programStripKey&&(!t.tabs||!t.tabs.length)&&t.stripTitle===this.environment.programStripName&&t.widgets.length>0&&(t.widgets.forEach((function(t){t&&t.widgetData.content.primaryCategory===e.environment.programStripPrimaryCategory&&(n+=1)})),t.showStrip=n>0),t.showStrip},Object.defineProperty(ContentStripWithTabsLibComponent.prototype,"isMobile",{get:function(){return this.utilitySvc.isMobile||!1},enumerable:!0,configurable:!0}),ContentStripWithTabsLibComponent.prototype.getdata=function(t){return t.stripInfo?t.stripInfo.widget:{}},ContentStripWithTabsLibComponent.prototype.checkCondition=function(t,e){return t.strips[0].stripConfig&&t.strips[0].stripConfig.hideShowAll?!t.strips[0].stripConfig.hideShowAll:t.strips[0].viewMoreUrl&&e.widgets&&e.widgets.length>=4},ContentStripWithTabsLibComponent.prototype.checkVisible=function(t){return t.stripInfo&&"visible"===t.stripInfo.visibilityMode},ContentStripWithTabsLibComponent.prototype.getContineuLearningLenth=function(t){return t.widgets?t.widgets.length:0},ContentStripWithTabsLibComponent.prototype.getLength=function(t){if(!t.tabs||!t.tabs.length)return t.widgets?t.widgets.length:0;var e=t.tabs.reduce((function(t,e){return t.widgets||e.widgets?t.widgets&&e.widgets?t.widgets.length>e.widgets.length?t:e:e.widgets&&!t.widgets?e:!e.widgets&&t.widgets?t:e:e}),t.tabs[0]);return e.widgets?e.widgets.length:0},ContentStripWithTabsLibComponent.prototype.getFiltersFromArray=function(t){var e={};return t.constructor===Array?(t.forEach((function(t){Object.keys(t).forEach((function(n){e[n]=t[n]}))})),e):t},ContentStripWithTabsLibComponent.prototype.transformSearchV6FiltersV2=function(t){var e={};return t.constructor===Array?(t.forEach((function(t){Object.keys(t).forEach((function(n){e[n]=t[n]}))})),e):t},ContentStripWithTabsLibComponent.prototype.checkForDateFilters=function(filters){var userData;return this.configSvc.userProfile&&(userData=this.configSvc.userProfile),filters&&filters.hasOwnProperty("batches.endDate")?filters["batches.endDate"][">="]=eval(filters["batches.endDate"][">="]):filters&&filters.hasOwnProperty("batches.enrollmentEndDate")?filters["batches.enrollmentEndDate"][">="]=eval(filters["batches.enrollmentEndDate"][">="]):filters.organisation&&filters.organisation.indexOf("<orgID>")>=0&&(this.providerId?filters.organisation=this.providerId:(filters.organisation=userData&&userData.rootOrgId,filters&&filters.hasOwnProperty("designation")&&(filters.designation=userData.professionalDetails.length>0?userData.professionalDetails[0].designation:""))),filters},ContentStripWithTabsLibComponent.prototype.fetchStripFromRequestData=function(t,e){void 0===e&&(e=!0),t.loaderWidgets=this.transformSkeletonToWidgets(t),this.processStrip(t,[],"fetching",!1,null),this.fetchFromEnrollmentList(t,e),this.fetchFromSearchV6(t,e),this.fetchFromTrendingContent(t,e),this.fetchAllCbpPlans(t,e),this.fetchAllTopContent(t,e),this.fetchAllFeaturedContent(t,e),this.fetchAllBookMarkData(t,e),this.fetchAllPlaylistSearch(t,e),this.fetchPlaylistReadData(t,e),this.fetchCiosContentData(t,e)},ContentStripWithTabsLibComponent.prototype.fetchFromEnrollmentList=function(t,e){var n=this;if(void 0===e&&(e=!0),t.request&&t.request.enrollmentList&&Object.keys(t.request.enrollmentList).length){var a,i,o="",r=[],s=lodash.get(t.request.enrollmentList,"queryParams");this.configSvc.userProfile&&(o=this.configSvc.userProfile.userId),this.userSvc.fetchUserBatchList(o,s).subscribe((function(o){var s=o&&o.courses,l=Boolean(s.length>5&&t.stripConfig&&t.stripConfig.postCardForSearch)?{path:t.viewMoreUrl&&t.viewMoreUrl.path||"",queryParams:{q:t.viewMoreUrl&&t.viewMoreUrl.queryParams,f:t.request&&t.request.searchV6&&t.request.searchV6.filters?JSON.stringify(t.request.searchV6.filters):{}}}:null;s&&s.length&&(a=s.map((function(t){var e=t.content;return e.completionPercentage=t.completionPercentage||t.progress||0,e.completionStatus=t.completionStatus||t.status||0,e.enrolledDate=t.enrolledDate||"",e.lastContentAccessTime=t.lastContentAccessTime||"",e.lastReadContentStatus=t.lastReadContentStatus||"",e.lastReadContentId=t.lastReadContentId||"",e.lrcProgressDetails=t.lrcProgressDetails||"",e.issuedCertificates=t.issuedCertificates||[],e.batchId=t.batchId||"",e}))),i=(a||[]).sort((function(t,e){var n=new Date(t.lastContentAccessTime||0);return new Date(e.lastContentAccessTime||0)-n})),t.tabs&&t.tabs.length?(r=n.splitEnrollmentTabsData(i,t),n.processStrip(t,n.transformContentsToWidgets(i,t),"done",e,l,r)):n.processStrip(t,n.transformContentsToWidgets(i,t),"done",e,l)}),(function(){n.processStrip(t,[],"error",e,null)}))}},ContentStripWithTabsLibComponent.prototype.splitEnrollmentTabsData=function(t,e){var n=[],a=this.getInprogressAndCompleted(t,(function(t){return 1===t.completionStatus||t.completionPercentage<100}),e);if(e.tabs&&e.tabs.length)for(var i=function(t){e.tabs[t]&&n.push(__assign({},e.tabs[t],{fetchTabStatus:"done"},a.find((function(n){if(e.tabs&&e.tabs[t]&&n.value===e.tabs[t].value)return n}))))},o=0;o<e.tabs.length;o+=1)i(o);return n},ContentStripWithTabsLibComponent.prototype.getInprogressAndCompleted=function(t,e,n){var a=[],i=[];return t.forEach((function(t,n,o){var r="retired"===(t.status?t.status.toLowerCase():"");e(t,n,o)?r||a.push(t):i.push(t)})),i.sort((function(t,e){var n=t.status?t.status.toLowerCase():"",a=e.status?e.status.toLowerCase():"";return"live"===n&&"live"!==a?-1:"live"!==n&&"live"===a||"retired"===n&&"retired"!==a?1:"retired"!==n&&"retired"===a?-1:0})),[{value:"inprogress",widgets:this.transformContentsToWidgets(a,n)},{value:"completed",widgets:this.transformContentsToWidgets(i,n)}]},ContentStripWithTabsLibComponent.prototype.fetchFromSearchV6=function(t,e){return void 0===e&&(e=!0),__awaiter(this,void 0,void 0,(function(){var n,a,i,o,r=this;return __generator(this,(function(s){switch(s.label){case 0:return t.request&&t.request.searchV6&&Object.keys(t.request.searchV6).length?(n=[],console.log(n),t.request&&t.request.searchV6&&t.request.searchV6.request&&t.request.searchV6.request.filters&&(n=t.request.searchV6.request.filters,t.request.searchV6.request.filters=this.checkForDateFilters(t.request.searchV6.request.filters),t.request.searchV6.request.filters=this.getFiltersFromArray(t.request.searchV6.request.filters)),t.tabs&&t.tabs.length?(t.tabs[0].requestRequired&&this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(a=this.stripsResultDataMap[t.key].tabs,i=a&&a.length&&a[0],this.getTabDataByNewReqSearchV6(t,0,i,e)),[3,4]):[3,1]):[3,4];case 1:return s.trys.push([1,3,,4]),[4,this.searchV6Request(t,t.request,e)];case 2:return(o=s.sent())&&o.results?o.results.result.content?"scheduledAssessment"===t.key?this.enrollInterval=setInterval((function(){r.checkInvitOnlyAssessments(o.results.result.content,t,e,o.viewMoreUrl)}),1e3):this.processStrip(t,this.transformContentsToWidgets(o.results.result.content,t),"done",e,o.viewMoreUrl):o.results.result.Event?this.processStrip(t,this.transformEventsToWidgets(o.results.result.Event,t),"done",e,o.viewMoreUrl):this.processStrip(t,[],"error",e,null):this.processStrip(t,[],"error",e,null),[3,4];case 3:return s.sent(),[3,4];case 4:return[2]}}))}))},ContentStripWithTabsLibComponent.prototype.checkInvitOnlyAssessments=function(t,e,n,a){var i=this;if(localStorage.getItem("enrollmentMapData")){this.enrollmentMapData=JSON.parse(localStorage.getItem("enrollmentMapData")||"{}");var o=[],r=(new Date).getTime();t.forEach((function(t){if(i.enrollmentMapData[t.identifier]&&2!==i.enrollmentMapData[t.identifier].status&&i.enrollmentMapData[t.identifier].batch){var e=i.enrollmentMapData[t.identifier].batch;new Date(e.endDate).getTime()-r>0&&(t.batch=i.enrollmentMapData[t.identifier].batch,t.completionPercentage=i.enrollmentMapData[t.identifier].completionPercentage,o.push(t))}})),o=o.sort((function(t,e){return new Date(t.batch.startDate||0)-new Date(e.batch.startDate||0)})),this.processStrip(e,this.transformContentsToWidgets(o,e),"done",n,a),clearInterval(this.enrollInterval)}},ContentStripWithTabsLibComponent.prototype.searchV6Request=function(t,e,n){return __awaiter(this,void 0,void 0,(function(){var a,i=this;return __generator(this,(function(o){return a=[],[2,new Promise((function(o,r){e&&e.searchV6&&i.contentSvc.searchV6(e.searchV6).subscribe((function(n){var r=Boolean(n.result.content&&n.result.content.length>5&&t.stripConfig&&t.stripConfig.postCardForSearch)?{path:t.viewMoreUrl&&t.viewMoreUrl.path||"",queryParams:{tab:"Learn",q:t.viewMoreUrl&&t.viewMoreUrl.queryParams,f:e&&e.searchV6&&e.searchV6.request&&e.searchV6.request.filters?JSON.stringify(i.transformSearchV6FiltersV2(a)):{}}}:null;o({results:n,viewMoreUrl:r})}),(function(e){i.processStrip(t,[],"error",n,null),r(e)}))}))]}))}))},ContentStripWithTabsLibComponent.prototype.fetchFromTrendingContent=function(t,e){return void 0===e&&(e=!0),__awaiter(this,void 0,void 0,(function(){var n,a,i,o,r;return __generator(this,(function(s){switch(s.label){case 0:return t.request&&t.request.trendingSearch&&Object.keys(t.request.trendingSearch).length?(n=[],console.log(n),t.request&&t.request.trendingSearch&&t.request.trendingSearch.request&&t.request.trendingSearch.request.filters&&(n=t.request.trendingSearch.request.filters,t.request.trendingSearch.request.filters=this.checkForDateFilters(t.request.trendingSearch.request.filters),t.request.trendingSearch.request.filters=this.getFiltersFromArray(t.request.trendingSearch.request.filters)),t.tabs&&t.tabs.length?(t.tabs[0].requestRequired&&this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(a=this.stripsResultDataMap[t.key].tabs,i=a&&a.length&&a[0],this.getTabDataByNewReqTrending(t,0,i,e)),[3,4]):[3,1]):[3,4];case 1:return s.trys.push([1,3,,4]),[4,this.trendingSearchRequest(t,t.request,e)];case 2:return(o=s.sent())&&o.results&&o.results.response?(r=o.results.response[t.request.trendingSearch.responseKey]||[],this.processStrip(t,this.transformContentsToWidgets(r,t),"done",e,o.viewMoreUrl||""),r.length||this.emptyResponse.emit(!0)):(this.emptyResponse.emit(!0),this.processStrip(t,[],"done",e,null)),[3,4];case 3:return s.sent(),this.emptyResponse.emit(!0),this.processStrip(t,[],"error",e,null),[3,4];case 4:return[2]}}))}))},ContentStripWithTabsLibComponent.prototype.trendingSearchRequest=function(t,e,n){return __awaiter(this,void 0,void 0,(function(){var a,i=this;return __generator(this,(function(o){return a=[],[2,new Promise((function(o,r){if(e&&e.trendingSearch){if(e.trendingSearch.request.filters.organisation&&e.trendingSearch.request.filters.organisation.indexOf("<orgID>")>=0){var s=void 0;i.configSvc.userProfile&&(s=i.configSvc.userProfile.rootOrgId),e.trendingSearch.request.filters.organisation=s}i.contentSvc.trendingContentSearch(e.trendingSearch).subscribe((function(n){var r=Boolean(n.result&&t.request&&n.result[t.request.trendingSearch.responseKey]&&n.result[t.request.trendingSearch.responseKey].length>5&&t.stripConfig&&t.stripConfig.postCardForSearch)?{path:t.viewMoreUrl&&t.viewMoreUrl.path||"",queryParams:{tab:"Learn",q:t.viewMoreUrl&&t.viewMoreUrl.queryParams,f:e&&e.trendingSearch&&e.trendingSearch.request&&e.trendingSearch.request.filters?JSON.stringify(i.transformSearchV6FiltersV2(a)):{}}}:null,s=[];n&&n.response&&n.response.certifications&&n.response.certifications.map((function(t){t.source===i.channnelName&&s.push(t)})),o({results:n={response:{certifications:s}},viewMoreUrl:r})}),(function(e){e.error&&400===e.error.status&&i.processStrip(t,[],"done",n,null),r(e)}))}}))]}))}))},ContentStripWithTabsLibComponent.prototype.toggleInfo=function(t){var e=this.stripsResultDataMap[t.key].stripInfo;e&&("below"!==e.mode&&(this.loggerSvc.warn("strip info mode: "+e.mode+" not implemented yet"),e.mode="below"),"below"===e.mode&&(this.stripsResultDataMap[t.key].stripInfo=__assign({},e,{visibilityMode:"hidden"===e.visibilityMode?"visible":"hidden"})))},ContentStripWithTabsLibComponent.prototype.transformContentsToWidgets=function(t,e){return(t||[]).map((function(t,n){return t?{widgetType:"cardLib",widgetSubType:"cardContentLib",widgetHostClass:"mb-2",widgetData:__assign({content:t},t.batch&&{batch:t.batch},{cardSubType:e.stripConfig&&e.stripConfig.cardSubType,cardCustomeClass:e.customeClass?e.customeClass:"",context:{pageSection:e.key,position:n},intranetMode:e.stripConfig&&e.stripConfig.intranetMode,deletedMode:e.stripConfig&&e.stripConfig.deletedMode,contentTags:e.stripConfig&&e.stripConfig.contentTags})}:{widgetType:"card",widgetSubType:"cardContent",widgetHostClass:"mb-2",widgetData:{}}}))},ContentStripWithTabsLibComponent.prototype.transformEventsToWidgets=function(t,e){return this.eventSvc.setEventListData(t),(this.eventSvc.todaysEvents||[]).map((function(t,n){return t?{widgetType:"card",widgetSubType:"eventHubCard",widgetHostClass:"mb-2",widgetData:{content:t,cardSubType:e.stripConfig&&e.stripConfig.cardSubType,cardCustomeClass:e.customeClass?e.customeClass:"",context:{pageSection:e.key,position:n},intranetMode:e.stripConfig&&e.stripConfig.intranetMode,deletedMode:e.stripConfig&&e.stripConfig.deletedMode,contentTags:e.stripConfig&&e.stripConfig.contentTags}}:{widgetType:"card",widgetSubType:"eventHubCard",widgetHostClass:"mb-2",widgetData:{}}}))},ContentStripWithTabsLibComponent.prototype.transformSkeletonToWidgets=function(t){return[1,2,3,4,5,6,7,7,8,9,10].map((function(e){return{widgetType:"cardLib",widgetSubType:"cardContentLib",widgetHostClass:"mb-2",widgetData:{cardSubType:t.loaderConfig&&t.loaderConfig.cardSubType||"card-standard-skeleton",cardCustomeClass:t.customeClass?t.customeClass:""}}}))},ContentStripWithTabsLibComponent.prototype.processStrip=function(t,e,n,a,i,o){return void 0===e&&(e=[]),void 0===a&&(a=!0),__awaiter(this,void 0,void 0,(function(){var i,r;return __generator(this,(function(s){return i={viewMoreUrl:t.viewMoreUrl,key:t.key,canHideStrip:Boolean(t.canHideStrip),showStrip:this.getIfStripHidden(t.key),noDataWidget:t.noDataWidget,errorWidget:t.errorWidget,stripInfo:t.info,stripTitle:t.title,stripTitleLink:t.stripTitleLink,disableTranslate:t.disableTranslate,sliderConfig:t.sliderConfig,tabs:o||t.tabs,tabsType:t.tabsType?t.tabsType:"",stripName:t.name,mode:t.mode,stripConfig:t.stripConfig,stripBackground:t.stripBackground,secondaryHeading:t.secondaryHeading,loaderWidgets:t.loaderWidgets||[],widgets:"done"===n?__spread((t.preWidgets||[]).map((function(t){return __assign({},t,{widgetHostClass:"mb-2 "+t.widgetHostClass})})),e,(t.postWidgets||[]).map((function(t){return __assign({},t,{widgetHostClass:"mb-2 "+t.widgetHostClass})}))):[],showOnNoData:Boolean(t.noDataWidget&&!((t.preWidgets||[]).length+e.length+(t.postWidgets||[]).length)&&"done"===n),showOnLoader:Boolean(t.loader&&"fetching"===n),showOnError:Boolean(t.errorWidget&&"error"===n)},this.stripsResultDataMap=__assign({},this.stripsResultDataMap,((r={})[t.key]=i,r)),o?this.contentAvailable=!0:(a&&("done"===n||"error"===n)&&i.widgets&&this.checkParentStatus(n,i.widgets.length),!a||e&&e.length>0?e&&e.length>0&&(this.contentAvailable=!0):this.contentAvailable=!1),[2]}))}))},ContentStripWithTabsLibComponent.prototype.checkParentStatus=function(t,e){"done"!==t||e?"done"===t&&e?this.successDataCount+=1:"error"===t&&(this.errorDataCount+=1):this.noDataCount+=1;var n=this.noDataCount+this.successDataCount+this.errorDataCount,a=this.widgetData.strips.length;this.successDataCount>0&&n<a||(this.showParentLoader=n!==a,this.showParentNoData=this.noDataCount>0&&this.noDataCount+this.errorDataCount===a,this.showParentError=this.errorDataCount===a)},ContentStripWithTabsLibComponent.prototype.checkForEmptyWidget=function(t){return!(!t.request||!(t.request.api&&Object.keys(t.request.api).length||t.request.search&&Object.keys(t.request.search).length||t.request.searchRegionRecommendation&&Object.keys(t.request.searchRegionRecommendation).length||t.request.searchV6&&Object.keys(t.request.searchV6).length||t.request.enrollmentList&&Object.keys(t.request.enrollmentList).length||t.request.cbpList&&Object.keys(t.request.cbpList).length||t.request.trendingSearch&&Object.keys(t.request.trendingSearch).length||t.request.topContent&&Object.keys(t.request.topContent).length||t.request.featureContent&&Object.keys(t.request.featureContent).length||t.request.bookmarkRead&&Object.keys(t.request.bookmarkRead).length||t.request.playlistSearch&&Object.keys(t.request.playlistSearch).length||t.request.playlistRead&&Object.keys(t.request.playlistRead).length||t.request.ciosContent&&Object.keys(t.request.ciosContent).length))},ContentStripWithTabsLibComponent.prototype.tabClicked=function(t,e,n){e&&e.tabs&&e.tabs[t.index]&&(e.tabs[t.index].fetchTabStatus="inprogress",e.tabs[t.index].tabLoading=!0,e.showOnLoader=!0);var a={label:""+t.tab.textLabel,index:t.index};this.eventSvc.raiseInteractTelemetry({type:utilsV2.WsEvents.EnumInteractTypes.CLICK,subType:utilsV2.WsEvents.EnumInteractSubTypes.HOME_PAGE_STRIP_TABS,id:lodash.camelCase(a.label)+"-tab"},{},{module:utilsV2.WsEvents.EnumTelemetrymodules.HOME});var i=e.tabs&&e.tabs[t.index],o=this.widgetData.strips.find((function(t){return t.key===n}));this.stripsResultDataMap[n]&&i&&(this.stripsResultDataMap[n].viewMoreUrl.queryParams=__assign({},this.stripsResultDataMap[n].viewMoreUrl.queryParams,{tabSelected:i.label})),o&&i&&!i.computeDataOnClick&&(i.requestRequired&&i.request?(i.request.searchV6?this.getTabDataByNewReqSearchV6(o,t.index,i,!0):i.request.trendingSearch?this.getTabDataByNewReqTrending(o,t.index,i,!0):i.request.topContent?this.getTabDataByNewReqTopContent(o,t.index,i,!0):i.request.playlistRead?this.getTabDataByNewReqPlaylistReadContent(o,t.index,i,!0):i.request.ciosContent&&this.getTabDataByCiosSearch(o,t.index,i,!0),e&&e.tabs&&e.tabs[t.index]&&(e.tabs[t.index].tabLoading=!1)):(this.getTabDataByfilter(o,i,!0),setTimeout((function(){e&&e.tabs&&e.tabs[t.index]&&(e.tabs[t.index].tabLoading=!1,e.tabs[t.index].fetchTabStatus="done",e.showOnLoader=!1)}),200)))},ContentStripWithTabsLibComponent.prototype.getTabDataByNewReqSearchV6=function(t,e,n,a){return __awaiter(this,void 0,void 0,(function(){var i,o,r,s;return __generator(this,(function(l){switch(l.label){case 0:return l.trys.push([0,2,,3]),[4,this.searchV6Request(t,n.request,a)];case 1:return(i=l.sent())&&i.results?(o=this.transformContentsToWidgets(i.results.result.content,t),r=[],this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(s=this.stripsResultDataMap[t.key].tabs)&&s.length&&s[e]&&(s[e]=__assign({},s[e],{widgets:o,fetchTabStatus:"done"}),r=s),this.processStrip(t,o,"done",a,i.viewMoreUrl,r)):this.processStrip(t,[],"error",a,null),[3,3];case 2:return l.sent(),[3,3];case 3:return[2]}}))}))},ContentStripWithTabsLibComponent.prototype.getTabDataByNewReqTrending=function(t,e,n,a){return __awaiter(this,void 0,void 0,(function(){var i,o,r,s,l;return __generator(this,(function(c){switch(c.label){case 0:return c.trys.push([0,2,,3]),[4,this.trendingSearchRequest(t,n.request,a)];case 1:return(i=c.sent())&&i.results&&i.results.response?(o=i.results.response[n.value]||[],r=this.transformContentsToWidgets(o,t),s=[],this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(l=this.stripsResultDataMap[t.key].tabs)&&l.length&&l[e]&&(l[e]=__assign({},l[e],{widgets:r,fetchTabStatus:"done"}),s=l),this.processStrip(t,r,"done",a,i.viewMoreUrl,s)):this.processStrip(t,[],"done",a,null),[3,3];case 2:return c.sent(),this.processStrip(t,[],"error",a,null),[3,3];case 3:return[2]}}))}))},ContentStripWithTabsLibComponent.prototype.getTabDataByfilter=function(t,e,n){console.log("strip -- ",t),console.log("currentTab -- ",e),console.log("calculateParentStatus-- ",n)},ContentStripWithTabsLibComponent.prototype.fetchAllCbpPlans=function(t,e){return void 0===e&&(e=!0),__awaiter(this,void 0,void 0,(function(){var n,a,i;return __generator(this,(function(o){switch(o.label){case 0:return t.request&&t.request.cbpList&&Object.keys(t.request.cbpList).length?(n=void 0,a=[],[4,this.userSvc.fetchCbpPlanList().toPromise()]):[3,5];case 1:return(i=o.sent())?(n=i,t.tabs&&t.tabs.length?(a=this.splitCbpTabsData(n,t),[4,this.processStrip(t,this.transformContentsToWidgets(n,t),"done",e,"",a)]):[3,3]):[3,4];case 2:return o.sent(),[3,4];case 3:this.processStrip(t,this.transformContentsToWidgets(n,t),"done",e,"viewMoreUrl"),o.label=4;case 4:clearInterval(this.enrollInterval),o.label=5;case 5:return[2]}}))}))},ContentStripWithTabsLibComponent.prototype.splitCbpTabsData=function(t,e){var n=[],a=this.getTabsList(t,e);if(e.tabs&&e.tabs.length)for(var i=function(t){e.tabs[t]&&n.push(__assign({},e.tabs[t],{fetchTabStatus:"done"},a.find((function(n){if(e.tabs&&e.tabs[t]&&n.value===e.tabs[t].value)return n}))))},o=0;o<e.tabs.length;o+=1)i(o);return n},ContentStripWithTabsLibComponent.prototype.getTabsList=function(t,e){var n=[],a=[],i=[];t.forEach((function(t){n.push(t),t.planDuration===NsCardContent.ACBPConst.OVERDUE?i.push(t):t.planDuration===NsCardContent.ACBPConst.UPCOMING&&a.push(t)}));var o=n.filter((function(t){return 2===t.contentStatus})),r=n.filter((function(t){return t.contentStatus<2})),s=o.filter((function(t){return t.planDuration===NsCardContent.ACBPConst.OVERDUE})),l=o.filter((function(t){return t.planDuration!==NsCardContent.ACBPConst.OVERDUE}));return s=s.sort((function(t,e){if(t.planDuration===NsCardContent.ACBPConst.OVERDUE&&e.planDuration===NsCardContent.ACBPConst.OVERDUE)return new Date(t.endDate)>new Date(e.endDate)?-1:1})),r=r.sort((function(t,e){if(t.planDuration===NsCardContent.ACBPConst.OVERDUE&&e.planDuration===NsCardContent.ACBPConst.OVERDUE)return new Date(t.endDate)>new Date(e.endDate)?-1:1})),n=__spread(r,l,s),i=(i=i.filter((function(t){return t.contentStatus<2}))).sort((function(t,e){return new Date(t.endDate)>new Date(e.endDate)?-1:1})),a=a.filter((function(t){return t.contentStatus<2})),[{value:"all",widgets:this.transformContentsToWidgets(n,e)},{value:"upcoming",widgets:this.transformContentsToWidgets(a,e)},{value:"overdue",widgets:this.transformContentsToWidgets(i,e)}]},ContentStripWithTabsLibComponent.prototype.getSelectedIndex=function(t,e){var n=0;if("cbpPlan"===e&&t.tabs.length){var a=t.tabs.filter((function(t){return"upcoming"===t.value}));n=a[0].widgets&&a[0].widgets.length>0?1:0}return n},ContentStripWithTabsLibComponent.prototype.translateLabels=function(t,e){return this.langtranslations.translateLabel(t,e,"")},ContentStripWithTabsLibComponent.prototype.identify=function(t,e){return e},ContentStripWithTabsLibComponent.prototype.tracker=function(t,e){return lodash.get(e,"widgetData.content.identifier")},ContentStripWithTabsLibComponent.prototype.fetchAllTopContent=function(t,e){return void 0===e&&(e=!0),__awaiter(this,void 0,void 0,(function(){var n,a,i;return __generator(this,(function(o){switch(o.label){case 0:return t.request&&t.request.topContent&&Object.keys(t.request.topContent).length?([],t.request&&t.request.topContent&&t.request.topContent.request&&t.request.topContent.request.filters&&(t.request.topContent.request.filters,t.request.topContent.request.filters=this.postMethodFilters(t.request.topContent.request.filters)),t.tabs&&t.tabs.length?(t.tabs[0].requestRequired&&this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(n=this.stripsResultDataMap[t.key].tabs,a=n&&n.length&&n[0],this.getTabDataByNewReqTopContent(t,0,a,e)),[3,4]):[3,1]):[3,4];case 1:return o.trys.push([1,3,,4]),[4,this.postRequestMethod(t,t.request.topContent,t.request.apiUrl,e)];case 2:return(i=o.sent())&&i.results&&i.results.result.content&&i.results.result.content.length?this.processStrip(t,this.transformContentsToWidgets(i.results.result.content,t),"done",e,i.viewMoreUrl):(this.processStrip(t,[],"error",e,null),this.emptyResponse.emit(!0)),[3,4];case 3:return o.sent(),[3,4];case 4:return[2]}}))}))},ContentStripWithTabsLibComponent.prototype.fetchAllFeaturedContent=function(t,e){return void 0===e&&(e=!0),__awaiter(this,void 0,void 0,(function(){var n;return __generator(this,(function(a){switch(a.label){case 0:if(!(t.request&&t.request.featureContent&&Object.keys(t.request.featureContent).length))return[3,4];[],t.request&&t.request.featureContent&&t.request.featureContent.request&&t.request.featureContent.request.filters&&(t.request.featureContent.request.filters,t.request.featureContent.request.filters=this.postMethodFilters(t.request.featureContent.request.filters)),a.label=1;case 1:return a.trys.push([1,3,,4]),[4,this.postRequestMethod(t,t.request.featureContent,t.request.apiUrl,e)];case 2:return(n=a.sent())&&n.results&&n.results.result.content&&n.results.result.content.length?this.processStrip(t,this.transformContentsToWidgets(n.results.result.content,t),"done",e,n.viewMoreUrl):(this.processStrip(t,[],"error",e,null),this.emptyResponse.emit(!0)),[3,4];case 3:return a.sent(),this.emptyResponse.emit(!0),[3,4];case 4:return[2]}}))}))},ContentStripWithTabsLibComponent.prototype.getTabDataByNewReqTopContent=function(t,e,n,a){return __awaiter(this,void 0,void 0,(function(){var i,o,r,s;return __generator(this,(function(l){switch(l.label){case 0:n.request&&n.request.topContent&&n.request.topContent.request&&n.request.topContent.request.filters&&(n.request.topContent.request.filters=this.postMethodFilters(n.request.topContent.request.filters)),l.label=1;case 1:return l.trys.push([1,3,,4]),[4,this.postRequestMethod(t,n.request.topContent,n.request.apiUrl,a)];case 2:return(i=l.sent()).results&&i.results.result?(o=this.transformContentsToWidgets(i.results.result.content,t),r=[],this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(s=this.stripsResultDataMap[t.key].tabs)&&s.length&&s[e]&&(s[e]=__assign({},s[e],{widgets:o,fetchTabStatus:"done"}),r=s),this.processStrip(t,o,"done",a,i.viewMoreUrl,r)):this.processStrip(t,[],"error",a,null),[3,4];case 3:return l.sent(),[3,4];case 4:return[2]}}))}))},ContentStripWithTabsLibComponent.prototype.raiseTelemetry=function(t){this.telemtryResponse.emit(t)},ContentStripWithTabsLibComponent.prototype.postRequestMethod=function(t,e,n,a){return __awaiter(this,void 0,void 0,(function(){var i=this;return __generator(this,(function(o){return[2,new Promise((function(o,r){e&&e&&i.contentSvc.postApiMethod(n,e).subscribe((function(e){if(e.result&&e.result.content){var n=Boolean(e.result.content&&e.result.content.length>5&&t.stripConfig&&t.stripConfig.postCardForSearch)?{path:t.viewMoreUrl&&t.viewMoreUrl.path||"",queryParams:{tab:"Learn",q:t.viewMoreUrl&&t.viewMoreUrl.queryParams,f:{}}}:null;o({results:e,viewMoreUrl:n})}else if(e&&e.data){n=Boolean(e.data&&e.data.length>5&&t.stripConfig&&t.stripConfig.postCardForSearch)?{path:t.viewMoreUrl&&t.viewMoreUrl.path||"",queryParams:{tab:"Learn",q:t.viewMoreUrl&&t.viewMoreUrl.queryParams,f:{}}}:null;o({results:e,viewMoreUrl:n})}else if(e.result&&e.result.data){n=Boolean(e.data&&e.result.data&&e.result.data.length>5&&t.stripConfig&&t.stripConfig.postCardForSearch)?{path:t.viewMoreUrl&&t.viewMoreUrl.path||"",queryParams:{tab:"Learn",q:t.viewMoreUrl&&t.viewMoreUrl.queryParams,f:{}}}:null;o({results:e,viewMoreUrl:n})}}),(function(e){i.processStrip(t,[],"error",a,null),r(e)}))}))]}))}))},ContentStripWithTabsLibComponent.prototype.getRequestMethod=function(t,e,n,a){return __awaiter(this,void 0,void 0,(function(){var i=this;return __generator(this,(function(o){return[],[2,new Promise((function(o,r){e&&e&&i.contentSvc.getApiMethod(n).subscribe((function(e){var n;if(e.result.data)n=Boolean(e.result.data&&e.result.data.orgList.length>5&&t.stripConfig&&t.stripConfig.postCardForSearch);else if(e.result.content){var a=JSON.parse(e.result.content.featuredProviders||"[]");n=Boolean(a&&a.length>5&&t.stripConfig&&t.stripConfig.postCardForSearch)}var i=n?{path:t.viewMoreUrl&&t.viewMoreUrl.path||""}:null;o({results:e,viewMoreUrl:i})}),(function(e){i.processStrip(t,[],"error",a,null),r(e)}))}))]}))}))},ContentStripWithTabsLibComponent.prototype.postMethodFilters=function(t){return t.organisation&&t.organisation.indexOf("<orgID>")>=0&&(t.organisation=t.organisation.replace("<orgID>",this.providerId)),t},ContentStripWithTabsLibComponent.prototype.getFullUrl=function(t,e){var n=t;return t.indexOf("<bookmarkId>")>=0?n=t.replace("<bookmarkId>",this.environment.mdoChannelsBookmarkId):t.indexOf("<playlistKey>")>=0&&t.indexOf("<orgID>")>=0?n=(n=t.replace("<playlistKey>",this.providerId+e)).replace("<orgID>",this.providerId):t.indexOf("<doId>")>=0&&(n=t.replace("<doId>",this.environment.providerDataKey)),n},ContentStripWithTabsLibComponent.prototype.redirectViewAll=function(t,e,n){this.emitViewAll?this.viewAllResponse.emit(t):this.router.navigate([e],{queryParams:n})},ContentStripWithTabsLibComponent.prototype.fetchAllBookMarkData=function(t,e){return void 0===e&&(e=!0),__awaiter(this,void 0,void 0,(function(){var n,a;return __generator(this,(function(i){switch(i.label){case 0:if(!(t.request&&t.request.bookmarkRead&&Object.keys(t.request.bookmarkRead).length))return[3,4];[],t.request&&t.request.bookmarkRead&&t.request.bookmarkRead.bookmarkId&&(t.request.apiUrl=this.getFullUrl(t.request.apiUrl,t.request.bookmarkRead.bookmarkId)),i.label=1;case 1:return i.trys.push([1,3,,4]),[4,this.getRequestMethod(t,t.request.bookmarkRead,t.request.apiUrl,e)];case 2:return n=i.sent(),a=n.results.result.data.orgList,n?this.processStrip(t,this.transformAllContentsToWidgets(a,t),"done",e,n):(this.processStrip(t,[],"error",e,null),this.emptyResponse.emit(!0)),[3,4];case 3:return i.sent(),this.emptyResponse.emit(!0),[3,4];case 4:return[2]}}))}))},ContentStripWithTabsLibComponent.prototype.transformAllContentsToWidgets=function(t,e){return(t||[]).map((function(t,n){return t?{widgetType:"cardLib",widgetSubType:"cardContentLib",widgetHostClass:"mb-2",widgetData:__assign({content:t},t.batch&&{batch:t.batch},{cardSubType:e.stripConfig&&e.stripConfig.cardSubType,cardCustomeClass:e.customeClass?e.customeClass:"",context:{pageSection:e.key,position:n},intranetMode:e.stripConfig&&e.stripConfig.intranetMode,deletedMode:e.stripConfig&&e.stripConfig.deletedMode,contentTags:e.stripConfig&&e.stripConfig.contentTags})}:{widgetType:"card",widgetSubType:"cardContent",widgetHostClass:"mb-2",widgetData:{}}}))},ContentStripWithTabsLibComponent.prototype.transformAllTabContentsToWidgets=function(t,e){return(t||[]).map((function(t,n){return t?{widgetType:"cardLib",widgetSubType:"cardContentLib",widgetHostClass:"mb-2",widgetData:__assign({content:t},t.batch&&{batch:t.batch},{cardSubType:e.stripConfig&&e.stripConfig.cardSubType,cardCustomeClass:e.customeClass?e.customeClass:"",context:{pageSection:e.value,position:n},intranetMode:e.stripConfig&&e.stripConfig.intranetMode,deletedMode:e.stripConfig&&e.stripConfig.deletedMode,contentTags:e.stripConfig&&e.stripConfig.contentTags})}:{widgetType:"card",widgetSubType:"cardContent",widgetHostClass:"mb-2",widgetData:{}}}))},ContentStripWithTabsLibComponent.prototype.fetchAllPlaylistSearch=function(t,e){return void 0===e&&(e=!0),__awaiter(this,void 0,void 0,(function(){var n,a;return __generator(this,(function(i){switch(i.label){case 0:if(!(t.request&&t.request.playlistSearch&&Object.keys(t.request.playlistSearch).length))return[3,4];[],t.request&&t.request.playlistSearch&&t.request.playlistSearch.request&&t.request.playlistSearch.request.filters&&(t.request.playlistSearch.request.filters,t.request.playlistSearch.request.filters=this.postMethodFilters(t.request.playlistSearch.request.filters)),i.label=1;case 1:return i.trys.push([1,3,,4]),[4,this.postRequestMethod(t,t.request.playlistSearch.request,t.request.apiUrl,e)];case 2:return(n=i.sent())&&n.results&&n.results.result.data&&n.results.result.data.length?(a=[],n.results.result.data.forEach((function(t){t.children&&t.children.length&&a.push(t)})),a.length?this.processStrip(t,this.transformContentsToWidgets(a,t),"done",e,n.viewMoreUrl):this.emptyResponse.emit(!0)):(this.processStrip(t,[],"error",e,null),this.emptyResponse.emit(!0)),[3,4];case 3:return i.sent(),this.emptyResponse.emit(!0),[3,4];case 4:return[2]}}))}))},ContentStripWithTabsLibComponent.prototype.fetchPlaylistReadData=function(t,e){return void 0===e&&(e=!0),__awaiter(this,void 0,void 0,(function(){var n,a,i,o,r;return __generator(this,(function(s){switch(s.label){case 0:return t.request&&t.request.playlistRead&&Object.keys(t.request.playlistRead).length?([],t.request&&t.request.playlistRead&&t.request.playlistRead.type&&(t.request.apiUrl=this.getFullUrl(t.request.apiUrl,t.request.playlistRead.type)),t.tabs&&t.tabs.length?(t.tabs[0].requestRequired&&this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(n=this.stripsResultDataMap[t.key].tabs,a=n&&n.length&&n[0],this.getTabDataByNewReqPlaylistReadContent(t,0,a,e)),[3,4]):[3,1]):[3,4];case 1:return s.trys.push([1,3,,4]),[4,this.getRequestMethod(t,t.request.playlistRead,t.request.apiUrl,e)];case 2:return(i=s.sent())&&i.results.result.content?(o=i.results.result.content,"providers"===t.key?(r=JSON.parse(o.featuredProviders||"[]"),this.processStrip(t,this.transformAllContentsToWidgets(r,t),"done",e,i)):this.processStrip(t,this.transformAllContentsToWidgets(o,t),"done",e,i)):(this.processStrip(t,[],"error",e,null),this.emptyResponse.emit(!0)),[3,4];case 3:return s.sent(),this.emptyResponse.emit(!0),[3,4];case 4:return[2]}}))}))},ContentStripWithTabsLibComponent.prototype.getTabDataByNewReqPlaylistReadContent=function(t,e,n,a){return __awaiter(this,void 0,void 0,(function(){var i,o,r,s,l,c,d;return __generator(this,(function(p){switch(p.label){case 0:n.request&&n.request.playlistRead&&n.request.playlistRead.type&&(n.request.apiUrl=this.getFullUrl(n.request.apiUrl,n.request.playlistRead.type)),p.label=1;case 1:return p.trys.push([1,3,,4]),[4,this.getRequestMethod(t,n.request.playlistRead,n.request.apiUrl,a)];case 2:return(i=p.sent()).results&&i.results.result?(o=i.results.result.content,r=[],"providers"===n.value?(s=JSON.parse(o.featuredProviders||"[]"),r=this.transformAllTabContentsToWidgets(s,n)):r=this.transformAllTabContentsToWidgets(o,n),c=[],this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(d=this.stripsResultDataMap[t.key].tabs)&&d.length&&d[e]&&(d[e]=__assign({},d[e],{widgets:r,fetchTabStatus:"done"}),c=d),this.processStrip(t,r,"done",a,i.viewMoreUrl,c)):(c=[],this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(d=this.stripsResultDataMap[t.key].tabs)&&d.length&&d[e]&&(d[e]=__assign({},d[e],{fetchTabStatus:"done"}),c=d),this.processStrip(t,[],"error",a,null,c)),[3,4];case 3:return l=p.sent(),console.error("Error:",l),c=[],this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&this.stripsResultDataMap[t.key].tabs.length?((d=this.stripsResultDataMap[t.key].tabs)&&d.length&&d[e]&&(d[e]=__assign({},d[e],{fetchTabStatus:"done"}),c=d),this.processStrip(t,[],"error",a,null,c)):this.processStrip(t,[],"error",a,null),[3,4];case 4:return[2]}}))}))},ContentStripWithTabsLibComponent.prototype.fetchCiosContentData=function(t,e){return void 0===e&&(e=!0),__awaiter(this,void 0,void 0,(function(){var n,a,i,o,r;return __generator(this,(function(s){switch(s.label){case 0:return t&&t.request.ciosContent&&Object.keys(t.request.ciosContent).length?t.tabs&&t.tabs.length?((n=t.tabs[0]).requestRequired&&"extCourse"===n.value&&this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(a=this.stripsResultDataMap[t.key].tabs,i=a&&a.length&&a[0],this.getTabDataByCiosSearch(t,0,i,e)),n.requestRequired&&"providers"===n.value&&this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(a=this.stripsResultDataMap[t.key].tabs,i=a&&a.length&&a[0],this.getTabDataByNewReqPlaylistReadContent(t,0,i,e)),[3,4]):[3,1]:[3,4];case 1:return s.trys.push([1,3,,4]),[4,this.postRequestMethod(t,t.request.ciosContent,t.request.apiUrl,e)];case 2:return(o=s.sent())&&o.results&&o.results.data&&o.results.data.length?(r=o.results.data).length?this.processStrip(t,this.transformContentsToWidgets(r,t),"done",e,o.viewMoreUrl):this.emptyResponse.emit(!0):(this.processStrip(t,[],"error",e,null),this.emptyResponse.emit(!0)),[3,4];case 3:return s.sent(),this.emptyResponse.emit(!0),[3,4];case 4:return[2]}}))}))},ContentStripWithTabsLibComponent.prototype.getTabDataByCiosSearch=function(t,e,n,a){return __awaiter(this,void 0,void 0,(function(){var n,i,o,r,s;return __generator(this,(function(l){switch(l.label){case 0:return l.trys.push([0,2,,3]),[4,this.contentSvc.postApiMethod(t.request.apiUrl,t.request.ciosContent).toPromise()];case 1:return(n=l.sent())&&n.data&&n.data.length?(i=this.transformContentsToWidgets(n.data,t),r=[],this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(s=this.stripsResultDataMap[t.key].tabs)&&s.length&&s[e]&&(s[e]=__assign({},s[e],{widgets:i,fetchTabStatus:"done"}),r=s),this.processStrip(t,i,"done",a,n.viewMoreUrl,r)):(r=[],this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(s=this.stripsResultDataMap[t.key].tabs)&&s.length&&s[e]&&(s[e]=__assign({},s[e],{fetchTabStatus:"done"}),r=s),this.processStrip(t,[],"error",a,null,r)),[3,3];case 2:return o=l.sent(),console.error("Error:",o),r=[],this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&this.stripsResultDataMap[t.key].tabs.length?((s=this.stripsResultDataMap[t.key].tabs)&&s.length&&s[e]&&(s[e]=__assign({},s[e],{fetchTabStatus:"done"}),r=s),this.processStrip(t,[],"error",a,null,r)):this.processStrip(t,[],"error",a,null),[3,3];case 3:return[2]}}))}))},ContentStripWithTabsLibComponent.decorators=[{type:core.Component,args:[{selector:"sb-uic-content-strip-with-tabs",template:'<ng-container *ngIf="!contentAvailable; else otherTemplate"></ng-container>\n<ng-template #otherTemplate>\n  \x3c!-- <div *ngIf="showParentLoader" class="text-center my-2">\n    <mat-spinner class="inline-block"></mat-spinner>\n  </div> --\x3e\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 min-height-40 " [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                \x3c!-- viewAll start--\x3e\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                \x3c!-- viewAll end--\x3e\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\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            \x3c!-- IF no errors then proceed to show tabs or non tabs strip --\x3e\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                [ngClass]="stripsResultDataMap[key]?.tabsType ? stripsResultDataMap[key]?.tabsType : \'\'"\n                  (selectedTabChange)="tabClicked($event, stripsResultDataMap[key], key)">\n                  <mat-tab label="{{tab?.label}}" *ngFor="let tab of stripsResultDataMap[key].tabs; let last = last;">\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                    <div>\n                      \x3c!-- <ng-container [ngTemplateOutlet]="loader" *ngIf="stripsResultDataMap[key]?.showOnLoader">\n                      </ng-container> --\x3e\n                      <div *ngIf="stripsResultDataMap && stripsResultDataMap[key]?.showOnLoader ||\n                      !tab.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                      <div *ngIf="((tab?.fetchTabStatus && tab?.fetchTabStatus === \'done\') &&\n                      (!tab?.widgets || !tab?.widgets?.length))">\n                      <ng-container *ngIf="tab?.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.nodataMsg, \'home\') }}</div>\n                        </div>\n                      </ng-template>\n                      </div>\n                      <ng-container *ngIf="(tab?.fetchTabStatus === \'done\' || tab?.widgets?.length)">\n                        <ng-container  *ngIf="!tab?.tabLoading">\n\n                          <sb-uic-horizontal-scroller-v2 [id]="key+\'-scroller\'" [sliderConfig]="stripsResultDataMap[key]?.sliderConfig" [widgetsLength]="tab?.widgets?.length"\n                            *ngIf="getContineuLearningLenth(stripsResultDataMap[key]) && showAccordion(key)"\n                            [loadStatus]="\'done\'" [defaultMaxWidgets]="tab?.maxWidgets ||\n                            stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets" [stripConfig]="stripsResultDataMap[key]?.stripConfig">\n                            <ng-container *ngFor="let widget of tab?.widgets| slice:0:(tab?.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 *ngIf="!stripsResultDataMap[key].tabs || !stripsResultDataMap[key].tabs.length">\n                <div *ngIf="stripsResultDataMap && stripsResultDataMap[key]?.showOnLoader" class="text-center my-2">\n                      <sb-uic-horizontal-scroller-v2 [id]="key+\'-scroller\'" [sliderConfig]="stripsResultDataMap[key]?.sliderConfig"\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                <div class="">\n                    <sb-uic-horizontal-scroller-v2 [id]="key+\'-scroller\'" [sliderConfig]="stripsResultDataMap[key]?.sliderConfig"\n                    *ngIf="getContineuLearningLenth(stripsResultDataMap[key]) && showAccordion(key)" [widgetsLength]="stripsResultDataMap[key]?.widgets?.length" [loadStatus]="\'done\'" [defaultMaxWidgets]="stripsResultDataMap[key].sliderConfig?.maxWidgets || defaultMaxWidgets" [stripConfig]="stripsResultDataMap[key]?.stripConfig">\n                      <ng-container *ngFor="let widget of stripsResultDataMap[key]?.widgets| slice:0:(stripsResultDataMap[key].sliderConfig?.maxWidgets || defaultMaxWidgets); trackBy: tracker">\n                      \x3c!-- <ng-container *ngIf="widget.widgetData.context.pageSection === \'continueLearning\' "> --\x3e\n                      \x3c!-- <ng-container *ngIf="widget.widgetData.content.completionPercentage !== 100"\n                        [sbUiResolverWidget]="widget"></ng-container> --\x3e\n                        <ng-container [sbUiResolverWidget]="widget"></ng-container>\n                      \x3c!-- </ng-container> --\x3e\n                      </ng-container>\n                  </sb-uic-horizontal-scroller-v2>\n                </div>\n              </ng-container>\n            </ng-container>\n          </div>\n        </div>\n      </a>\n\n    </ng-container>\n  </ng-container>\n</ng-template>',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}::ng-deep .pills-tab .mat-tab-header{border-bottom:unset!important}::ng-deep .pills-tab .mat-tab-label{border:1px solid rgba(0,0,0,.2392156863)!important;padding:2px 8px;margin-right:8px!important;min-width:unset!important;border-radius:12px;height:unset!important}::ng-deep .pills-tab .mat-ink-bar{background-color:transparent!important;visibility:hidden!important}::ng-deep .pills-tab .mat-tab-label-active{color:#fff!important;background-color:#1b4ca1!important}::ng-deep .pills-tab .mat-tab-body{padding:0!important}.min-height-40{min-height:40px}"]}]}],ContentStripWithTabsLibComponent.ctorParameters=function(){return[{type:void 0,decorators:[{type:core.Inject,args:["environment"]}]},{type:WidgetContentService},{type:utilsV2.LoggerService},{type:utilsV2.EventService},{type:utilsV2.ConfigurationsService},{type:utilsV2.UtilityService},{type:router.Router},{type:WidgetUserService},{type:core$1.TranslateService},{type:MultilingualTranslationsService}]},ContentStripWithTabsLibComponent.propDecorators={widgetData:[{type:core.Input}],emptyResponse:[{type:core.Output}],viewAllResponse:[{type:core.Output}],telemtryResponse:[{type:core.Output}],providerId:[{type:core.Input}],emitViewAll:[{type:core.Input}],channnelName:[{type:core.Input}],id:[{type:core.HostBinding,args:["id"]}]},ContentStripWithTabsLibComponent}(resolverV2.WidgetBaseComponent);function HttpLoaderFactory(t){return new httpLoader.TranslateHttpLoader(t)}var ContentStripWithTabsLibModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[ContentStripWithTabsLibComponent],imports:[resolverV2.SbUiResolverModule,common.CommonModule,router.RouterModule,HorizontalScrollerV2Module,material.MatProgressSpinnerModule,material.MatToolbarModule,material.MatIconModule,material.MatButtonModule,material.MatTooltipModule,material.MatListModule,material.MatSidenavModule,material.MatCardModule,material.MatExpansionModule,material.MatRadioModule,material.MatChipsModule,material.MatInputModule,material.MatFormFieldModule,material.MatDialogModule,material.MatSnackBarModule,material.MatSelectModule,material.MatDatepickerModule,material.MatNativeDateModule,material.MatTableModule,material.MatCheckboxModule,material.MatProgressSpinnerModule,material.MatButtonToggleModule,material.MatTabsModule,material.MatAutocompleteModule,core$1.TranslateModule.forRoot({loader:{provide:core$1.TranslateLoader,useFactory:HttpLoaderFactory,deps:[http.HttpClient]}})],entryComponents:[ContentStripWithTabsLibComponent],exports:[ContentStripWithTabsLibComponent]}]}],t}(),SlidersLibComponent=function(t){function e(e,n){var a=t.call(this)||this;return a.events=e,a.valueSvc=n,a.title="",a.id="banner_"+Math.random(),a.defaultMenuSubscribe=null,a.isLtMedium$=a.valueSvc.isLtMedium$,a.currentIndex=0,a.slideInterval=null,a.isMobile=!1,a}return __extends(e,t),e.prototype.ngOnInit=function(){var t=this;this.reInitiateSlideInterval(),this.defaultMenuSubscribe=this.isLtMedium$.subscribe((function(e){t.isMobile=e}))},e.prototype.reInitiateSlideInterval=function(){var t=this;if(this.widgetData&&this.widgetData.length>1)try{this.slideInterval&&this.slideInterval.unsubscribe()}catch(t){}finally{this.slideInterval=rxjs.interval(8e3).subscribe((function(){t.currentIndex===t.widgetData.length-1?t.currentIndex=0:t.currentIndex+=1}))}},e.prototype.slideTo=function(t){t>=0&&t<this.widgetData.length?this.currentIndex=t:t===this.widgetData.length?this.currentIndex=0:this.currentIndex=this.widgetData.length+t,this.reInitiateSlideInterval()},Object.defineProperty(e.prototype,"isOpenInNewTab",{get:function(){var t=this.widgetData[this.currentIndex];return!!(t.redirectUrl&&t.redirectUrl.includes("mailto")||this.widgetData[this.currentIndex].openInNewTab)},enumerable:!0,configurable:!0}),e.prototype.openInNewTab=function(){var t=this.widgetData[this.currentIndex];(t.redirectUrl&&t.redirectUrl.includes("mailto")||this.widgetData[this.currentIndex].openInNewTab)&&window.open(t.redirectUrl)},e.prototype.raiseTelemetry=function(t){this.openInNewTab();var e=window.location.pathname.replace("/","")+window.location.search;this.events.raiseInteractTelemetry({type:"click",subType:"banner"},{pageUrl:e,bannerRedirectUrl:t},{pageIdExt:"banner",module:utilsV2.WsEvents.EnumTelemetrymodules.CONTENT})},e.prototype.ngOnDestroy=function(){this.defaultMenuSubscribe&&this.defaultMenuSubscribe.unsubscribe()},e.decorators=[{type:core.Component,args:[{selector:"sb-uic-sliders",template:'<div class="banner-container {{isMobile? styleData?.responsive?.bannerMetaClass : styleData?.bannerMetaClass}} {{type === \'atictitop\' ? \'atictitopbanner\' : \'\'}}"  (swipeleft)="slideTo(currentIndex + 1)" (swiperight)="slideTo(currentIndex - 1)"\n  *ngIf="widgetData?.length > 1" [style.height]="isMobile? styleData?.responsive?.customHeight : styleData?.customHeight"\n  [ngStyle]="{\'border-radius\': styleData?.borderRadius || \'12px\'}">\n  <a (click)="raiseTelemetry(widgetData[currentIndex].redirectUrl)"\n    class="banner-overlay {{widgetData[currentIndex] && widgetData[currentIndex].redirectUrl ? \'\' : \'pointer-events-none\'}}"\n    [routerLink]=" !isOpenInNewTab && widgetData[currentIndex].redirectUrl? widgetData[currentIndex].redirectUrl : null"\n    [ngClass]="{\'cursor-auto\': !widgetData[currentIndex].redirectUrl}">\n    <div class="banner WidgetInstanceId" \n    *ngFor="let slide of widgetData; let i = index" \n    [hidden]="i !== currentIndex" \n    [ngStyle]="{\n        \'border-width\': isMobile?  styleData?.responsive?.imageBorderWidth : styleData?.imageBorderWidth,\n        \'border-color\': isMobile? styleData?.responsive?.imageBorderColor : styleData?.imageBorderColor,\n        \'border-style\': isMobile? styleData?.responsive?.imageBorderStyle: styleData?.imageBorderStyle}">\n      <img i18n-alt alt="Page Banner" [src]="slide.banners" wsUtilsImageResponsive class="{{type === \'atictitopbanner\' ? \'banner-image\' : \'bannerimage-mdo\'}}"  />\n    </div>\n  </a>\n  <ng-container *ngIf="isMobile && styleData?.responsive?.dots !== \'hidden\' || !isMobile && styleData?.dots !== \'hidden\'">\n    <div class="banner-meta {{isMobile? styleData?.responsive?.bannerMetaAlign : styleData?.bannerMetaAlign}}">\n      <a [routerLink]=" !isOpenInNewTab && widgetData[currentIndex].redirectUrl? widgetData[currentIndex].redirectUrl : null"\n      class="banner-title text-truncate {{widgetData[currentIndex] && widgetData[currentIndex].redirectUrl ? \'\' : \'pointer-events-none\'}}"\n        *ngIf="widgetData[currentIndex].title" [title]="widgetData[currentIndex].title">\n        {{ widgetData[currentIndex].title }}\n      </a>\n      <div class="dots-container" *ngIf="widgetData?.length > 1">\n        <span class="dot" [ngClass]="{ active: j === currentIndex }" *ngFor="let slide of widgetData; let j = index"\n          (click)="slideTo(j)"></span>\n      </div>\n    </div>\n  </ng-container>\n  <div class="navigation {{isMobile? styleData?.responsive?.arrowsPlacement : styleData?.arrowsPlacement}}" \n  *ngIf="isMobile && styleData?.responsive?.navigationArrows !== \'hidden\' || !isMobile && styleData?.navigationArrows !== \'hidden\'">\n    <a *ngIf="widgetData?.length > 1" role="button" class="prev" (click)="slideTo(currentIndex - 1)">&#10094;</a>\n    <a *ngIf="widgetData?.length > 1" role="button" class="next" (click)="slideTo(currentIndex + 1)">&#10095;</a>\n  </div>\n</div>\n<div class="banner-container-solo {{type === \'atictitop\' ? \'atictitopbanner\' : \'\'}}" [style.height]="isMobile? styleData?.responsive?.customHeight : styleData?.customHeight" *ngIf="widgetData?.length == 1">\n  <img i18n-alt alt="Page Banner" width="100%" height="100%" [src]="widgetData[0].banners" wsUtilsImageResponsive class="banner-image-solo" />\n</div>\n\x3c!-- <div class="banner-container" (swipeleft)="slideTo(currentIndex + 1)" (swiperight)="slideTo(currentIndex - 1)"\n  *ngIf="widgetData?.length">\n  <a (click)="raiseTelemetry(widgetData[currentIndex].redirectUrl)"\n    [queryParams]="widgetData[currentIndex].queryParams || {}"\n    [routerLink]="!isOpenInNewTab ? widgetData[currentIndex].redirectUrl : \'./\'" class="banner-overlay"\n    [ngClass]="{ \'cursor-auto\': !widgetData[currentIndex].redirectUrl }"></a>\n  <div class="banner WidgetInstanceId" *ngFor="let slide of widgetData; let i = index" [hidden]="i !== currentIndex">\n    <img i18n-alt alt="Page Banner" [src]="slide.banners" wsUtilsImageResponsive class="banner-image" />\n  </div>\n  <div class="banner-meta">\n    <a [routerLink]="!isOpenInNewTab ? widgetData[currentIndex].redirectUrl : \'./\'" class="banner-title text-truncate"\n      *ngIf="widgetData[currentIndex].title" [title]="widgetData[currentIndex].title">\n      {{ widgetData[currentIndex].title }}\n    </a>\n    <div class="dots-container" *ngIf="widgetData?.length > 1">\n      <span class="dot" [ngClass]="{ active: j === currentIndex }" *ngFor="let slide of widgetData; let j = index"\n        (click)="slideTo(j)"></span>\n    </div>\n  </div>\n  <button *ngIf="widgetData?.length > 1" class="prev" aria-label="Previous slide" (click)="slideTo(currentIndex - 1)">\n    <a *ngIf="widgetData?.length > 1" role="button">&#10094;</a>\n  </button>\n  <button *ngIf="widgetData?.length > 1" class="next" (click)="slideTo(currentIndex + 1)" aria-label="Next slide">\n    <a *ngIf="widgetData?.length > 1" role="button" class="next">&#10095;</a>\n  </button>\n\n</div> --\x3e\n<ng-container *ngIf="!widgetData?.length">\n  <div class="slider default-slider h-full">\n    <div class="relative h-full">\n        <img class="h-full" src="assets/icons/home/default-slider-image.svg" alt="">\n        <div class="default-title rounded-full">\n            <p class="mat-h1">{{title}}</p>\n        </div>\n    </div>\n  </div>\n</ng-container>\n',styles:[".banner-container{min-height:243px;position:relative;margin:auto;padding-bottom:40px}.banner-container.inline-meta{padding-bottom:0!important}.banner-container.flat .banner .banner-image{border-radius:0!important}@media screen and (min-width:768px) and (max-width:1024px){.banner-container{min-height:280px!important}}@media screen and (min-width:768px) and (max-width:1279px){.atictitopbanner{height:280px!important}}@media screen and (min-width:1280px){.atictitopbanner{height:380px!important}}.banner-overlay{z-index:1;top:0;left:0;width:100%;height:100%;background:linear-gradient(to left,rgba(0,0,0,.25) 0,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 85%,rgba(0,0,0,.25) 100%);border-radius:inherit}.banner{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s;border-radius:inherit;height:inherit}.banner .banner-image{width:100%;min-height:380px;display:block;border-radius:inherit;-o-object-fit:cover;object-fit:cover}.banner .bannerimage-mdo{width:100%;display:block;height:inherit;border-radius:inherit;-o-object-fit:cover;object-fit:cover}.banner-meta{text-align:center;z-index:2;padding:8px 12px;position:absolute;bottom:0;left:50%;border-radius:12px;transform:translateX(-50%);box-sizing:border-box}.banner-meta.left{left:0;transform:translateX(0)}.banner-meta.right{left:100%;transform:translateX(-100%)}.banner-meta .banner-title{color:#f2f2f2;margin-bottom:8px;font-size:1.1rem}@media only screen and (max-width:599px){.banner-meta .banner-title{display:none}}.banner-meta .dots-container{padding:8px;display:flex;align-items:center;justify-content:center}.banner-meta .dots-container .dot{cursor:pointer;height:6px;width:6px;margin:0 4px;background-color:rgba(0,0,0,.4);border-radius:50%;display:inline-block;transition:background-color .5s!important}@media only screen and (max-width:599px){.banner-meta .dots-container .dot{height:8px;width:8px;margin:0 4px}}.banner-meta .dots-container .dot.active{border-radius:4px;background-color:#f3962f;width:16px}@keyframes fade{from{opacity:.25}to{opacity:1}}.next,.prev{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-weight:700;background-color:#1b2133!important;border-radius:50%;z-index:999;height:32px!important;width:32px!important;display:flex;align-items:center;margin-top:-16px;justify-content:center}.prev{left:0;margin-left:-16px}.next{right:0;margin-right:-16px}.navigation.bottom-right .prev{left:unset;right:45px;bottom:-15px;top:unset}.navigation.bottom-right .next{left:unset;right:15px;bottom:-15px;top:unset}.navigation.bottom-center .prev{left:calc(50% - 20px);right:unset;bottom:-15px;top:unset}.navigation.bottom-center .next{left:calc(50% + 20px);right:unset;bottom:-15px;top:unset}.navigation.bottom-left .prev{left:15px;right:unset;bottom:-15px;top:unset}.navigation.bottom-left .next{left:60px;right:unset;bottom:-15px;top:unset}.navigation.middle-inline .prev{left:30px}.navigation.middle-inline .next{right:30px}.banner-container-solo{overflow:hidden;margin:auto;border-radius:12px}.banner-image-solo{width:100%;display:block;border-radius:12px;background:#f5f6fa;-o-object-fit:cover;object-fit:cover;height:inherit}.default-slider{height:100%;background:#d4e2fb}.default-slider .default-title{text-align:center;position:absolute;top:50%;left:0;right:0;margin:auto;transform:translateY(-50%);z-index:999;background:#e6efff;padding:32px;width:500px}.default-slider .default-title p{word-break:break-word;margin:0!important;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-transform:uppercase}@media screen and (max-width:768px){.default-slider{height:384px;width:100%}.default-slider .default-title{width:unset!important}}@media screen and (min-width:320px) and (max-width:769px){.navigation.middle-inline .prev{left:6%!important}}@media screen and (min-width:820px) and (max-width:1023px){.navigation.middle-inline .prev{left:6%!important}}"]}]}],e.ctorParameters=function(){return[{type:utilsV2.EventService},{type:utilsV2.ValueService}]},e.propDecorators={widgetData:[{type:core.Input}],styleData:[{type:core.Input}],title:[{type:core.Input}],type:[{type:core.Input}],id:[{type:core.HostBinding,args:["id"]}]},e}(resolverV2.WidgetBaseComponent);function IImageResponsiveUnit(){}var customBreakPoints={xs:"(max-width: 450px)",s:"(min-width: 450.001px) and (max-width: 768px)",m:"(min-width: 768.001px) and (max-width: 1024px)",l:"(min-width: 1024.001px) and (max-width: 1400px)",xl:"(min-width: 1400.001px) and (max-width: 1920px)",xxl:"(min-width: 1920.001px)"},ImageResponsiveDirective=function(){function t(t){var e=this;this.breakpointObserver=t,this.src=null,this.srcBindUrl="",this.currentSize="",this.breakpointSubscription=null,this.breakpointSubscription=this.breakpointObserver.observe([customBreakPoints.xs,customBreakPoints.s,customBreakPoints.m,customBreakPoints.l,customBreakPoints.xl,customBreakPoints.xxl]).pipe(operators.distinctUntilChanged()).subscribe((function(t){t.breakpoints[customBreakPoints.xxl]?e.currentSize="xxl":t.breakpoints[customBreakPoints.xl]?e.currentSize="xl":t.breakpoints[customBreakPoints.l]?e.currentSize="l":t.breakpoints[customBreakPoints.m]?e.currentSize="m":t.breakpoints[customBreakPoints.s]?e.currentSize="s":t.breakpoints[customBreakPoints.xs]?e.currentSize="xs":e.currentSize="xl",e.setSrc()}))}return t.prototype.ngOnChanges=function(){this.src&&this.setSrc()},t.prototype.ngOnDestroy=function(){this.breakpointSubscription&&this.breakpointSubscription.unsubscribe()},t.prototype.setSrc=function(){this.currentSize&&this.src&&this.src[this.currentSize]&&(this.srcBindUrl=this.src[this.currentSize])},t.decorators=[{type:core.Directive,args:[{selector:"[wsUtilsImageResponsive]"}]}],t.ctorParameters=function(){return[{type:layout.BreakpointObserver}]},t.propDecorators={src:[{type:core.Input}],srcBindUrl:[{type:core.HostBinding,args:["src"]}]},t}();var ImageResponsiveModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[ImageResponsiveDirective],imports:[common.CommonModule],exports:[ImageResponsiveDirective]}]}],t}(),NavigationDirective=function(){function t(){this.wsUtilsNavigation="",this.openInNewTab=!1,this.routeUrl=""}return t.prototype.onMouseEnter=function(t){(this.openInNewTab||this.wsUtilsNavigation.includes("mailto"))&&(t.preventDefault(),t.stopPropagation(),this.routeUrl="./",window.open(this.wsUtilsNavigation))},t.prototype.ngOnChanges=function(){(this.openInNewTab||this.wsUtilsNavigation.includes("mailto"))&&(this.routeUrl="./")},t.decorators=[{type:core.Directive,args:[{selector:"[wsUtilsNavigation]"}]}],t.ctorParameters=function(){return[]},t.propDecorators={wsUtilsNavigation:[{type:core.Input}],openInNewTab:[{type:core.Input}],routeUrl:[{type:core.Input},{type:core.HostBinding,args:["attr.routerLink"]}],onMouseEnter:[{type:core.HostListener,args:["mousedown",["$event"]]}]},t}();var NavigationModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[NavigationDirective],imports:[common.CommonModule],exports:[NavigationDirective]}]}],t}(),MyHammerConfig=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return __extends(e,t),e.prototype.buildHammer=function(t){return new Hammer(t,{touchAction:"pan-y"})},e}(platformBrowser.HammerGestureConfig),SlidersLibModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[SlidersLibComponent],imports:[common.CommonModule,router.RouterModule,NavigationModule,ImageResponsiveModule],exports:[SlidersLibComponent],entryComponents:[SlidersLibComponent],providers:[{provide:platformBrowser.HAMMER_GESTURE_CONFIG,useClass:MyHammerConfig}]}]}],t}(),API_END_POINTS$2={PROVIDER_INSIGHTS:"/apis/proxies/v8/microsite/read/insights",TRAINING_DETAILS:"apis/proxies/v8/sunbirdigot/search",ANNOUNCEMENTS_DETAILS:"apis/proxies/v8/announcements/v1/search",LEARNERS:"apis/proxies/v8/halloffame/top/learners",LEADERBOARD:"apis/proxies/v8/halloffame/v1/mdoleaderboard",LEADERBOARD_USERS:"apis/proxies/v8/halloffame/v1/userleaderboard",NLW_LEADERBOARD:"apis/proxies/v8/national/learning/week/insights",INSIGHTS:"apis/proxies/v8/read/user/insights",USER_PROGRESS:"apis/proxies/v8/halloffame/v1/userleaderboard"},InsiteDataService=function(){function t(t){this.http=t}return t.prototype.fetchSearchData=function(t){return this.http.post(API_END_POINTS$2.PROVIDER_INSIGHTS,t)},t.prototype.fetchAnnouncementsData=function(t){return this.http.post(API_END_POINTS$2.ANNOUNCEMENTS_DETAILS,t)},t.prototype.fetchTrainingDetails=function(t){return this.http.post(API_END_POINTS$2.TRAINING_DETAILS,t)},t.prototype.fetchLearner=function(t){return this.http.get(API_END_POINTS$2.LEARNERS+"/"+t)},t.prototype.fetchLeaderboard=function(){return this.http.get(""+API_END_POINTS$2.LEADERBOARD)},t.prototype.fetchMdoUsers=function(t){return this.http.get(API_END_POINTS$2.LEADERBOARD_USERS+"/"+t)},t.prototype.fetchNwlStats=function(){return this.http.get(""+API_END_POINTS$2.NLW_LEADERBOARD)},t.prototype.fetchInsightsData=function(t){return this.http.post(API_END_POINTS$2.INSIGHTS,t)},t.prototype.fetchUserProgress=function(){return this.http.get(""+API_END_POINTS$2.USER_PROGRESS)},t.decorators=[{type:core.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[{type:http.HttpClient}]},t.ngInjectableDef=core.ɵɵdefineInjectable({factory:function(){return new t(core.ɵɵinject(http.HttpClient))},token:t,providedIn:"root"}),t}();var DataPointsComponent=function(){function t(t){this.insightSvc=t,this.layoutType="",this.fetchDataFromApi=!1,this.providerId="",this.pageLayout="",this.customArray=[],this.isDataLoading=!1}return t.prototype.ngOnInit=function(){this.objectData&&"gridLayout"===this.layoutType&&(this.customArray=this.createCustomArray(this.objectData.metrics)),this.fetchDataFromApi&&(this.isDataLoading=!0,"nlw"===this.pageLayout?this.getStats():this.getInsiteData())},t.prototype.createCustomArray=function(t){for(var e=[],n=0;n<t.length;n+=this.objectData.dataColSpan)e.push(t.slice(n,n+this.objectData.dataColSpan));return e},t.prototype.getInsiteData=function(){var t=this,e={};e={request:{filters:{organisations:[this.providerId]}}},this.pageLayout&&"mdo"===this.pageLayout&&(e={request:{filters:{requestType:"MDO_INSIGHT",organisations:[this.providerId]}}}),this.insightSvc.fetchSearchData(e).subscribe((function(e){e&&e.result&&e.result.response&&e.result.response.nudges&&e.result.response.nudges.length&&e.result.response.nudges.forEach((function(e){t.providerId&&t.providerId===e.orgId&&(t.objectData=e.data)})),t.isDataLoading=!1}))},t.prototype.getStats=function(){var t=this;this.insightSvc.fetchNwlStats().subscribe((function(e){e&&e.result&&e.result.data&&(t.objectData=e.result.data),t.isDataLoading=!1}),(function(e){console.log(e),t.isDataLoading=!1}))},t.prototype.converToIndianSystem=function(t){if(t){var e=__read(t.toString().split("."),2),n=e[0],a=e[1],i=n.slice(-3),o=n.slice(0,-3);""!==o&&(i=","+i);var r=o.replace(/\B(?=(\d{2})+(?!\d))/g,",")+i;return a?r+"."+a.substr(0,2):r}},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-data-points",template:'<div class="w-full metrics-web" *ngIf="layoutType === \'multipleRows\' && !isDataLoading">\n    <div *ngFor="let obj of objectData; let last = last" class="">\n        <div class="element-div" [ngClass]="{\'linebreak\': obj?.linebreak && !last}">\n            <div class="flex flex-row gap-3 items-top">\n                <div>\n                    <img class="objIcon" [src]="obj.icon"  [style.color]="obj?.iconColor">\n                </div>\n                <div>\n                    <div [style.color]="obj?.valueColor" class="objHeader pb-1" *ngIf="!(obj && obj.value)">0</div>\n                    <div [style.color]="obj?.valueColor" class="objHeader pb-1" *ngIf="(obj && obj.value)">\n                        {{obj.value | number: obj.value % 1 === 0 ? \'1.0-0\' : \'1.1-2\'}}\n                    </div>\n                    <div [style.color]="obj?.labelColor" class="objDescription">{{obj?.label}}</div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n<div class="w-full pl-5 margin-top-l" *ngIf="layoutType === \'multipleRows-V2\' && !isDataLoading">\n    \x3c!-- <div class="logodiv margin-bottom-s">\n        <img alt="Application Logo" class="logoimg" src="/assets/instances/eagle/app_logos/KarmayogiBharat_Logo_Horizontal.svg">\n    </div> --\x3e\n    <div *ngFor="let obj of objectData; let i = index">\n        <div class="flex flex-row gap-3 {{(i+1 === objectData.length ? \'\' : \'pb-5\')}}">\n            <div class="v2-icons-div">\n                <div class="v2-icon-contaier"\n                    [style.background]="obj?.iconBackgroupColorV2"\n                    [style.borderColor]="obj?.valueColorV2">\n                    <img class="v2-objIcon" [src]="obj.icon" />\n                </div>\n            </div>\n            <div class="v2-content-div">\n                <div class="flex flex-col">\n                    <div class="v2-value" [style.color]="obj?.valueColorV2" *ngIf="!(obj && obj?.value)">0</div>\n                    <div class="v2-value" [style.color]="obj?.valueColorV2">\n                        {{converToIndianSystem(obj?.value)}}\n                    </div>\n                    <div class="v2-label" [style.color]="obj?.labelColorV2">\n                        {{obj?.label}}\n                    </div>\n                    <div class="flex flex-row dot-container" *ngIf="i+1 !== objectData?.length">\n                        <div class="v2-dot"\n                            [style.background]="obj?.valueColorV2"\n                            [style.borderColor]="obj?.labelColorV2"></div>\n                        <div class="v2-border" [style.background]="obj?.labelColorV2"></div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n<div class="w-full" *ngIf="layoutType === \'singleRow-v2\' && !isDataLoading">\n    <div class="flex gap-4">\n        <div *ngFor="let obj of objectData" class="flex-container">\n            <div class="melement-div flex-item" [style.background]="obj?.backgroundV2" >\n                <div class="flex flex-row gap-3">\n                    <div class="mob-image-container-v2" [style.borderColor]="obj?.valueColorV2">\n                        <img [style.color]="obj?.iconColor" class="mobjIcon-v2" [src]="obj.icon">\n                    </div>\n                    <div>\n                        <div [style.color]="obj?.valueColorMobV2" class="mobjHeader pb-1" *ngIf="!(obj && obj.value)">0</div>\n                        <div [style.color]="obj?.valueColorMobV2" class="mobjHeader pb-1" *ngIf="(obj && obj.value)">\n                            {{converToIndianSystem(obj?.value)}}\n                        </div>\n                        <div [style.color]="obj?.labelColorV2" class="mobjDescription">{{obj?.label}}</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n<div class="w-full" *ngIf="layoutType === \'singleRow\' && !isDataLoading">\n    <div class="flex gap-4">\n        <div *ngFor="let obj of objectData" class="flex-container">\n            <div class="melement-div {{obj?.background}} flex-item" [style.background]="obj?.background" >\n                <div class="flex flex-row gap-3">\n                    <div>\n                        <img [style.color]="obj?.iconColor"  class="mobjIcon" [src]="obj.icon">\n                    </div>\n                    <div>\n                        <div [style.color]="obj?.valueColor" class="mobjHeader pb-1" *ngIf="!(obj && obj.value)">0</div>\n                        <div [style.color]="obj?.valueColor" class="mobjHeader pb-1" *ngIf="(obj && obj.value)">\n                            {{obj?.value  | number: obj.value % 1 === 0 ? \'1.0-0\' : \'1.1-2\'}}\n                        </div>\n                        <div [style.color]="obj?.labelColor" class="mobjDescription">{{obj?.label}}</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>    \n</div>\n\n<div class="w-full" *ngIf="layoutType === \'gridLayout\'">\n    <div class="w-full" *ngIf="layoutType === \'gridLayout\'">\n        <div class="top-container">\n            <div class="flex-container" *ngFor="let chunk of customArray">\n                <div *ngFor="let item of chunk">\n                    <div class="flex-item">\n                        <div class="flex flex-row gap-5 infra-element-div">\n                            <div>\n                                <div [style.color]="item?.valueColor" class="infra-objHeader" *ngIf="!(item && item.value)">0</div>\n                                <div [style.color]="item?.valueColor" class="infra-objHeader"  *ngIf="(item && item.value)">\n                                    {{item?.value  | number: item.value % 1 === 0 ? \'1.0-0\' : \'1.1-2\'}}\n                                </div>\n                                <div [style.color]="item?.labelColor" class="custom-opacity infra-objDescription padding-top-s">{{item?.label}}</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n            </div>\n        </div>\n    </div>   \n</div>\n\n<div class="w-full" *ngIf="layoutType === \'singleFlexeRow\' && !isDataLoading">\n    <div class="flex space-around">\n        <div *ngFor="let obj of objectData" class="flex-container">\n            <div class="singleFlexeRow-div singleFlexeRow flex-item">\n                <div class="flex flex-row gap-3">\n                    <div>\n                        <img [style.color]="obj?.iconColor"  class="singleFlexeRowIcon" [src]="obj.icon">\n                    </div>\n                    <div class="flex flex-col">\n                        <div [style.color]="obj?.valueColor" class="singleFlexeRowHeader pb-2" *ngIf="!(obj && obj.value)">0</div>\n                        <div [style.color]="obj?.valueColor" class="singleFlexeRowHeader pb-2" *ngIf="(obj && obj.value)">\n                            {{converToIndianSystem(obj?.value)}}\n                        </div>\n                        <div [style.color]="obj?.labelColor" class="singleFlexeRowDescription">{{obj?.label}}</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n<div class="w-full" *ngIf="pageLayout === \'nlw\' && !isDataLoading">\n    <div class="stats-header">\n        <div class="flex items-center justify-center stats-title">\n            <span class="my-arrow">&#10094;</span>\n            <span class="my-arrow less-opacity1">&#10094;</span>\n            <span class="my-arrow less-opacity2">&#10094;</span>\n            <span class="px-4">{{title}}</span>\n            <span class="my-arrow less-opacity2">&#10095;</span>\n            <span class="my-arrow less-opacity1">&#10095;</span>\n            <span class="my-arrow">&#10095;</span>\n        </div>\n    </div>\n    <div class="nlw-status" *ngIf="layoutType === \'nlwRow\'">\n        <div class="flex space-around pt-5">\n            <div *ngFor="let obj of objectData; index as i" class="flex-container">\n                <div class="nlw-div singleFlexeRow flex-item {{i === 0 ? \'\' : \'divider\'}} ">\n                    <div class="flex flex-row gap-3">\n                        <div>\n                            <img [style.color]="obj?.iconColor"  class="singleFlexeRowIcon" [src]="obj.icon">\n                        </div>\n                        <div class="flex flex-col">\n                            <div [style.color]="obj?.valueColor" class="singleFlexeRowHeader pb-2" *ngIf="!(obj && obj.value)">0</div>\n                            <div [style.color]="obj?.valueColor" class="singleFlexeRowHeader pb-2" *ngIf="(obj && obj.value)">\n                                {{converToIndianSystem(obj?.value)}}\n                            </div>\n                            <div [style.color]="obj?.labelColor" class="singleFlexeRowDescription">{{obj?.label}}</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class="nlw-status-mob" *ngIf="layoutType === \'nlwCol\'">\n        <div *ngFor="let obj of objectData; index as i" class="flex-container">\n            <div class="nlw-div singleFlexeRow flex-item {{i === 0 ? \'\' : \'divider\'}} ">\n                <div class="flex flex-row gap-3">\n                    <div>\n                        <img [style.color]="obj?.iconColor"  class="singleFlexeRowIcon" [src]="obj.icon">\n                    </div>\n                    <div class="flex flex-col">\n                        <div [style.color]="obj?.valueColor" class="singleFlexeRowHeader pb-2" *ngIf="!(obj && obj.value)">0</div>\n                        <div [style.color]="obj?.valueColor" class="singleFlexeRowHeader pb-2" *ngIf="(obj && obj.value)">\n                            {{converToIndianSystem(obj?.value)}}\n                        </div>\n                        <div [style.color]="obj?.labelColor" class="singleFlexeRowDescription">{{obj?.label}}</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n\x3c!-- skeleton  loaders --\x3e\n\n<ng-container>\n    <div class="w-full metrics-web customdiv" *ngIf="layoutType === \'multipleRows-V2\' && isDataLoading">\n        <div *ngFor="let obj of [1,2,3,4]l let i = index">\n            <div class="flex flex-row gap-4 {{(i+1 === objectData.length ? \'\' : \'pb-5\')}}">\n                <div class="v2-icons-div">\n                    <div class="v2-icon-contaier">\n                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'55px\'"\n                        [height]="\'55px\'"></sb-uic-skeleton-loader>\n                    </div>\n                </div>\n                <div class="v2-content-div">\n                    <div class="flex flex-col">\n                        <div class="v2-value" [style.color]="obj?.valueColor">\n                            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded mb-1\'" [width]="\'100px\'"\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\n                        </div>\n                        <div class="v2-label" [style.color]="obj?.labelColor">\n                            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded mb-1\'" [width]="\'100px\'"\n                        [height]="\'16px\'"></sb-uic-skeleton-loader>\n                        </div>\n                    </div>\n                </div>\n            </div>        \n        </div>\n    </div>\n</ng-container>\n\n<ng-container>\n    <div class="w-full metrics-web customdiv" *ngIf="layoutType === \'multipleRows\' && isDataLoading">\n        <div *ngFor="let obj of [0,1,2,3]" class="">\n            <div class="element-div linebreak" >\n                <div class="flex flex-row gap-3 items-top">\n                    <div>\n                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'32px\'"\n                        [height]="\'32px\'"></sb-uic-skeleton-loader>\n                    </div>\n                    <div>\n                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded mb-1\'" [width]="\'100px\'"\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\n                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded mb-1\'" [width]="\'150px\'"\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class="w-full metrics-web" *ngIf="layoutType === \'singleFlexeRow\' && isDataLoading">\n        <div class="flex">\n            <div *ngFor="let obj of objectData" class="flex-container">\n                <div class="singleFlexeRow-div flex-item">\n                    <div class="flex flex-row gap-3">\n                        <div>\n                            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'24px\'" [height]="\'24px\'">\n                            </sb-uic-skeleton-loader>\n                        </div>\n                        <div class="flex flex-col">\n                            <div [style.color]="obj?.valueColor" class="singleFlexeRowHeader pb-2" *ngIf="!(obj && obj.value)">\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'24px\'" [height]="\'24px\'">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                            <div [style.color]="obj?.valueColor" class="singleFlexeRowHeader pb-2" *ngIf="(obj && obj.value)">\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'24px\'" [height]="\'24px\'">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                            <div [style.color]="obj?.labelColor" class="singleFlexeRowDescription">\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'100px\'" [height]="\'20px\'">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class="w-full" *ngIf="layoutType === \'singleRow\' && isDataLoading">\n        <div class="flex gap-4">\n            <div *ngFor="let obj of objectData" class="flex-container">\n                <div class="melement-div {{obj?.background}} flex-item" [style.background]="obj?.background" >\n                    <div class="flex flex-row gap-3">\n                        <div>\n                            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'24px\'" [height]="\'20px\'">\n                            </sb-uic-skeleton-loader>\n                        </div>\n                        <div>\n                            <div [style.color]="obj?.valueColor" class="mobjHeader pb-1" *ngIf="!(obj && obj.value)">\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'24px\'" [height]="\'19px\'">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                            <div [style.color]="obj?.valueColor" class="mobjHeader pb-1" *ngIf="(obj && obj.value)">\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'24px\'" [height]="\'19px\'">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                            <div [style.color]="obj?.labelColor" class="mobjDescription">\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'100px\'" [height]="\'18px\'">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n\n    <div class="w-full" *ngIf="layoutType === \'singleRow-v2\' && isDataLoading">\n        <div class="flex gap-4">\n            <div *ngFor="let obj of objectData" class="flex-container">\n                <div class="melement-div flex-item" [style.background]="obj?.backgroundV2" >\n                    <div class="flex flex-row gap-3">\n                        <div>\n                            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'24px\'" [height]="\'24px\'">\n                            </sb-uic-skeleton-loader>\n                        </div>\n                        <div>\n                            <div [style.color]="obj?.valueColor" class="mobjHeader pb-1" *ngIf="!(obj && obj.value)">\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'24px\'" [height]="\'19px\'">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                            <div [style.color]="obj?.valueColor" class="mobjHeader pb-1" *ngIf="(obj && obj.value)">\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'24px\'" [height]="\'19px\'">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                            <div [style.color]="obj?.labelColor" class="mobjDescription">\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'100px\'" [height]="\'18px\'">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-container>\n',styles:["@font-face{font-family:Poppins;src:url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-400-normal.woff2) format('woff2'),url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-400-normal.woff) format('woff')}.stats-header{display:flex;align-items:center;justify-content:center}.stats-title{background-color:#f3962f;padding:12px 16px;color:#fff;font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;border-radius:35px;margin-top:-20px;z-index:90}.my-arrow{font-size:12px}.less-opacity1{opacity:.75}.less-opacity2{opacity:.5}.nlw-status{background:linear-gradient(173.01deg,#266eeb -5.09%,#133f8b 133.16%);margin-top:-22px}.nlw-status-mob{background:linear-gradient(173.01deg,#266eeb -5.09%,#133f8b 133.16%);margin-top:-22px;padding-top:32px}.nlw-div{padding:0 16px;margin:10px 0 16px}.divider{border-left:1.6px solid #a6a4a4}.mob-image-container-v2{height:28px;width:28px;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #fff}.mobjIcon-v2{width:18px;height:18px}.v2-icon-contaier{height:45px;width:45px;border:1px solid #fff;border-radius:50%;align-items:center;display:flex;justify-content:center}.v2-value{font-family:Poppins;font-size:20px;font-weight:600;line-height:20px;text-align:left;padding-bottom:5px;padding-left:10px}.v2-label{font-family:Poppins;font-size:12px;font-weight:400;line-height:18px;text-align:left;padding-bottom:5px;padding-left:10px}.dot-container{align-items:center}.v2-dot{width:9px;height:9px;border:2px solid #fff;border-radius:50%}.v2-border{height:1px;width:182px}.white{color:#fff}.custom-opacity{opacity:.7}.black{color:#000}.objIcon{width:32px;height:32px}.mobjIcon{width:24px;height:24px}.objHeader{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:left}.mobjHeader{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.objDescription{font-family:Lato;font-size:16px;font-weight:400;line-height:19.2px;text-align:left}.mobjDescription{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left}.metrics-web{height:inherit;overflow-y:auto}.element-div{padding:25px 0;margin:0 25px}.linebreak{border-bottom:1px solid rgba(0,0,0,.16)}.singleFlexeRow-flex-item{flex:0 0 auto;white-space:nowrap}.singleFlexeRow-div{padding:16px;border-radius:15px}.singleFlexeRowHeader{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left}.singleFlexeRowDescription{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left}.singleFlexeRowIcon{width:24px;height:24px}.melement-div{padding:16px;border-radius:15px;width:249px}.banner-metrics{background:linear-gradient(180deg,#f9cb97 -107.59%,#ef951e 110.74%)}.infra-element-div{min-width:325px;padding:25px 0;align-items:baseline}.infra-objIcon{width:32px;height:32px}.infra-objHeader{font-family:Montserrat;font-size:36px;font-weight:600;line-height:29.26px;text-align:left}.infra-objDescription{font-family:Lato;font-size:16px;font-weight:400;line-height:19.2px;text-align:left;width:230px;text-overflow:ellipsis;overflow:hidden}.flex-container{display:flex}.top-container{overflow-x:auto;width:100%}::-webkit-scrollbar{height:4px}::-webkit-scrollbar-track{border-radius:10px;background:#000}::-webkit-scrollbar-thumb{background:#cccc;border-radius:10px}.flex-item{flex:0 0 auto;white-space:nowrap;min-width:200px}.space-around{justify-content:space-evenly}@media screen and (min-width:768px) and (max-width:1023px){.v2-icon-contaier{height:25px;width:25px}.v2-objIcon{width:14px}.v2-value{font-size:14px!important;line-height:14px!important;padding-left:0!important}.v2-label{font-size:9px!important;line-height:9px!important;padding-left:0!important}.v2-dot{width:6px!important;height:6px!important;border:1px solid #fff!important}.v2-border{width:109px!important}}@media screen and (min-width:1023px) and (max-width:1280px){.customdiv{margin-left:6%;margin-top:.6em!important}.v2-icon-contaier{height:34px;width:34px}.v2-objIcon{width:20px}.v2-value{font-size:16px!important;line-height:16px!important;padding-left:0!important}.v2-label{font-size:10px!important;line-height:10px!important;padding-left:0!important}.v2-dot{width:8px!important;height:8px!important;border:1px solid #fff!important}.v2-border{width:122px!important}}@media screen and (max-width:768px){.infra-objIcon{width:24px;height:24px}.infra-objHeader{font-size:24px}.infra-element-div{min-width:250px;padding:15px 0 25px}}@media screen and (min-width:1280px){.customdiv{margin-left:24%}}@media screen and (min-width:1690px){.customdiv{margin-left:34%}}@media screen and (min-width:1904px){.customdiv{margin-left:44%}}.logodiv{background:#fff;width:150px;border-radius:45px;text-align:center;padding:8px 0 2px}.logoimg{width:114px}"]}]}],t.ctorParameters=function(){return[{type:InsiteDataService}]},t.propDecorators={objectData:[{type:core.Input}],layoutType:[{type:core.Input}],fetchDataFromApi:[{type:core.Input}],providerId:[{type:core.Input}],pageLayout:[{type:core.Input}],title:[{type:core.Input}]},t}();var SkeletonLoaderLibComponent=function(){function t(){this.bindingClass="",this.height="",this.width=""}return t.prototype.ngOnInit=function(){},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-skeleton-loader",template:'<div [ngClass]="bindingClass" class="skeleton-box" [style.height]="height" [style.width]="width"></div>',styles:['.skeleton-box{position:relative;overflow:hidden;background-color:#dddbdd}.skeleton-box::after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));animation:1s infinite shimmer;content:""}@keyframes shimmer{100%{transform:translateX(100%)}}']}]}],t.ctorParameters=function(){return[]},t.propDecorators={bindingClass:[{type:core.Input}],height:[{type:core.Input}],width:[{type:core.Input}]},t}();var SkeletonLoaderLibModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[SkeletonLoaderLibComponent],imports:[common.CommonModule,forms.FormsModule,forms.ReactiveFormsModule,material.MatDialogModule,material.MatIconModule],exports:[SkeletonLoaderLibComponent],entryComponents:[SkeletonLoaderLibComponent]}]}],t}(),DataPointsModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[DataPointsComponent],imports:[common.CommonModule,SkeletonLoaderLibModule],exports:[DataPointsComponent],providers:[InsiteDataService]}]}],t}(),CalenderComponent=function(){function t(t,e){this.datePipe=t,this.insightSvc=e,this.fetchDataFromApi=!1,this.showHeader=!1,this.defaultDays=3,this.fullCalendor=!1,this.days=[],this.trainings={},this.isDataLoading=!1,this.currentDate=new Date,this.allMonths=["January","February","March","April","May","June","July","August","September","October","November","December"],this.monthsDropdown=[]}return t.prototype.ngOnInit=function(){this.currentMonthAndYear=this.datePipe.transform(this.currentDate,"MMMM y"),this.selectedMonth=this.datePipe.transform(this.currentDate,"LLLL yyyy"),this.fullCalendor&&(this.days=this.getDaysInMonth(this.currentDate.getFullYear(),this.currentDate.getMonth()),this.getMonthsDropdownData()),this.fullCalendor||(this.days=this.getDays(this.currentDate,+this.defaultDays)),this.startDate=this.days[0],this.endDate=this.days[this.days.length-1],this.fetchDataFromApi&&(this.isDataLoading=!0,this.getInsiteData())},t.prototype.getInsiteData=function(){var t=this,e={locale:["en"],query:"",request:{query:"",filters:{category:["Calendar"],status:["Live","Retired"],contentType:"Event",startDate:{">=":this.startDate,"<=":this.endDate},channel:[this.providerId]},sort_by:{lastUpdatedOn:"desc"}}};this.insightSvc.fetchTrainingDetails(e).subscribe((function(e){e&&e.result&&e.result.Event&&e.result.Event.forEach((function(e){if(t.trainings[e.startDate]){var n=t.trainings[e.startDate],a=e.eventType;if(e.location&&"Online"!==a)a=JSON.parse(e.location).address;var i={location:a,startTime:t.convertTo12HourFormat(e.startTime),endTime:t.convertTo12HourFormat(e.endTime),title:e.name,startDate:t.formatDate(e.startDate),endDate:t.formatDate(e.endDate),registrationLink:e.registrationLink};n.push(i),t.trainings[e.startDate]=n}})),t.isDataLoading=!1}))},t.prototype.getKeys=function(t){return Object.keys(t)},t.prototype.formatDate=function(t){var e=new Date(t);return this.datePipe.transform(e,"E, dd LLL")},t.prototype.convertTo12HourFormat=function(t){var e=t.split(":"),n=+e[0],a=+e[1],i=n>=12?"PM":"AM";return((n=(n%=12)||12)<10?"0"+n:n.toString())+":"+(a<10?"0"+a:a.toString())+" "+i},t.prototype.getDays=function(t,e){var n=[],a=new Date(t);for(a=this.datePipe.transform(a,"y-MM-dd"),n.push(a),this.trainings[a]=[];e>0;){var i=new Date(t);t=i=i.setDate(i.getDate()+1),i=this.datePipe.transform(i,"y-MM-dd"),n.push(i),this.trainings[i]=[],e-=1}return n},t.prototype.getDaysInMonth=function(t,e){var n=new Date(t,e,1),a=[];for(this.trainings={};n.getMonth()===e;){var i=new Date(n);i=this.datePipe.transform(i,"y-MM-dd"),a.push(i),this.trainings[i]=[],n.setDate(n.getDate()+1)}return a},t.prototype.getMonthsDropdownData=function(){var t=this;this.allMonths.forEach((function(e){t.monthsDropdown.push(e+" "+t.currentDate.getFullYear())}))},t.prototype.selectMonth=function(t){var e=new Date(t);this.currentDate=e,this.days=[],this.days=this.getDaysInMonth(this.currentDate.getFullYear(),this.currentDate.getMonth()),this.startDate=this.days[0],this.endDate=this.days[this.days.length-1],this.isDataLoading=!0,this.getInsiteData()},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-calender",template:'<div class="calendar-header flex flex-row c-padding center gap-2" *ngIf="showHeader">\n    <div class="pt-3">{{ objectData?.title }}:</div>\n    <div class="choose-month">\n        <mat-form-field class="custom-month">\n            <mat-select matNativeControl panelClass="custom-select" [ngModel]="selectedMonth" (ngModelChange)="selectMonth($event)" class="month-select">\n                <span *ngFor="let month of monthsDropdown">\n                    <mat-option [value]="month">{{month}}</mat-option>\n                </span>\n            </mat-select>\n        </mat-form-field>\n    </div>\n</div>\n<div *ngIf="layoutType===\'grid\'">\n    <div *ngFor="let obj of getKeys(trainings);  let i = index">\n        <sb-uic-calender-day [day]="trainings[obj]"\n            [layoutType]="layoutType"\n            [objectData]="objectData"\n            [dataLoading]="isDataLoading"\n            [eventDate]="obj"\n            [rowId]="i">\n        </sb-uic-calender-day>\n    </div>    \n</div>\n<div *ngIf="layoutType===\'row\'">\n    <div *ngFor="let obj of getKeys(trainings); let j = index">\n        <sb-uic-calender-day [day]="trainings[obj]"\n            [layoutType]="layoutType"\n            [objectData]="objectData"\n            [dataLoading]="isDataLoading"\n            [eventDate]="obj"\n            [rowId]="j">\n        </sb-uic-calender-day>\n    </div>\n</div>',styles:[".calendar-header{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.c-padding{padding:0}.center{align-items:center}::ng-deep .custom-month .mat-form-field-wrapper{padding-bottom:0!important;width:145px}::ng-deep .custom-month .mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:#000!important}::ng-deep .custom-month .mat-select-value{width:89%}::ng-deep .mat-select-arrow{color:#000!important}::ng-deep .custom-month .mat-select-value-text{font-weight:600}@media screen and (max-width:768px){.c-padding{padding:0 1.25rem 1rem}.calendar-header{font-size:15px}}"]}]}],t.ctorParameters=function(){return[{type:common.DatePipe},{type:InsiteDataService}]},t.propDecorators={objectData:[{type:core.Input}],layoutType:[{type:core.Input}],fetchDataFromApi:[{type:core.Input}],showHeader:[{type:core.Input}],defaultDays:[{type:core.Input}],providerId:[{type:core.Input}],fullCalendor:[{type:core.Input}]},t}();var CalenderDayComponent=function(){function t(t){this.datePipe=t,this.webDisplayDate="",this.mobileDisplayDate="",this.currentDate=new Date}return t.prototype.ngOnInit=function(){this.currentDate=this.datePipe.transform(this.currentDate,"y-MM-dd")},t.prototype.openLink=function(t){window.open(t,"_blank")},t.prototype.formatDate=function(t,e){var n=new Date(t);return"web"===e?this.datePipe.transform(n,"E, dd LLL"):"mob"===e?this.datePipe.transform(n,"E dd LLL"):void 0},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-calender-day",template:'<div *ngIf="layoutType===\'grid\' && !dataLoading">\n    <div class="p-3 event-day my-3"\n        [style.backgroundColor]="objectData?.webBackgroundColor"\n        [style.borderColor]="currentDate === eventDate ? objectData?.activeBackgroudColor: \'\'">\n    \n        <div class="flex item-top gap-8 {{ day.length ? \'\' : \'aliginCenter\'}}">\n            <div class="event-date">\n                <div class="currentDay"\n                    [style.backgroundColor]="currentDate === eventDate ? objectData?.activeBackgroudColor: \'\'"\n                    [style.color]="currentDate === eventDate ? objectData?.activeColor: \'\'">\n                    {{formatDate(eventDate, \'web\')}}\n                </div>\n            </div>\n            <div class="details w-full" *ngIf="day.length">\n                <div class="flex p-4 item-center events-list mb-{{day.length === (i+1) ? \'0\' : \'2\'}} gap-20" [style.backgroundColor]="objectData?.eventBackgroundColor"\n                    *ngFor="let event of day; let i = index" >\n                    <div>\n                        <div class="flex flex-row item-center gap-10 pb-2">\n                            <div class="flex item-center gap-1 row1 col1 range-width">\n                                <div><mat-icon class="icon-web">schedule</mat-icon> </div>\n                                <div>{{event.startTime}} to {{event.endTime}}</div>\n                            </div>\n                            <div class="flex item-center col1 ">{{event.title}}</div>\n                        </div>\n                        <div class="flex flex-row item-center gap-10">\n                            <div class="flex item-center gap-1 row1 col1" *ngIf="event.startDate && event.endDate && event.startDate !== event.endDate">\n                                <div><mat-icon class="icon-web">date_range</mat-icon> </div>\n                                <div class="upcase">{{event.startDate}} - {{event.endDate}}</div>\n                            </div>\n                            <div class="flex item-center col1">\n                                <div><mat-icon class="icon-web">location_on</mat-icon> </div>\n                                <div class="flex item-center">{{event.location}}</div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class="visit-link flex gap-2"\n                        *ngIf="event?.registrationLink">\n                        <div (click)="openLink(event?.registrationLink)">Visit</div>\n                        <div (click)="openLink(event?.registrationLink)"><mat-icon class="visit-icon">open_in_new</mat-icon> </div>\n                    </div>\n                </div>\n            </div>\n            <div class="details w-full" *ngIf="!day.length">\n                No trainings.\n            </div>\n        </div>\n    </div>\n</div>\n\n<div *ngIf="layoutType===\'row\' && !dataLoading">\n    <div class="pl-5 pr-5 mb-{{day?.length === (rowId+1) ? \'0\' : \'3\'}}"\n        >\n        <div class="flex item-center gap-4">\n            <div class="event-date">\n                <div class="flex flex-col">\n                    <div> {{formatDate(eventDate, \'mob\').split(\' \')[0]}}</div>\n                    <div class="mob-currentDay"\n                        [style.backgroundColor]="currentDate === eventDate ? objectData?.activeBackgroudColor: \'\'"\n                        [style.color]="currentDate === eventDate ? objectData?.activeColor: \'\'">\n                        {{formatDate(eventDate, \'mob\').split(\' \')[1]}}\n                    </div>\n                    <div> {{formatDate(eventDate, \'mob\').split(\' \')[2]}}</div>\n                </div>\n            </div>\n            <div class="details w-full" *ngIf="day.length">\n                <div class="flex flex-col mob-events-list p-3 mb-{{day.length === (i+1) ? \'0\' : \'2\'}}"\n                    *ngFor="let event of day; let i = index" [style.backgroundColor]="objectData?.eventBackgroundColor">\n                    <div>\n                        <div class="flex pb-2">{{event.title}}</div>\n                        <div class="flex pb-1">\n                            <div><mat-icon class="mob-icon">schedule</mat-icon> </div>\n                            <div>{{event.startTime}} to {{event.endTime}}</div>\n                        </div>\n                        <div class="flex pb-1" *ngIf="event.startDate && event.endDate && event.startDate !== event.endDate">\n                            <div><mat-icon class="mob-icon">date_range</mat-icon> </div>\n                            <div class="upcase">{{event.startDate}} - {{event.endDate}}</div>\n                        </div>\n                        <div class="flex">\n                            <div><mat-icon class="mob-icon">location_on</mat-icon> </div>\n                            <div class="flex item-center">{{event.location}}</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class="details w-full p-3 flex no-data" *ngIf="!day.length" \n                [style.backgroundColor]="objectData?.mobileBackground">\n                No trainings.\n            </div>\n        </div>        \n    </div>    \n</div>\n\n\x3c!-- skeleton  loaders --\x3e\n<div *ngIf="dataLoading">\n    <div *ngIf="layoutType===\'grid\'">\n        <div class="hidden md:block">\n            <div class="p-3 event-day my-3"\n                [style.backgroundColor]="\'#FFF\'">\n                <div class="flex item-top gap-8">\n                    <div class="event-date">\n                        <div class="currentDay">\n                            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'90px\'"\n                                [height]="\'32px\'"></sb-uic-skeleton-loader>    \n                        </div>\n                    </div>\n                    <div class="details w-full">\n                        <div class="flex p-4 item-center events-list mb-2 gap-20">\n                            <div>\n                                <div class="flex flex-row item-center gap-20 pb-2">\n                                    <div class="flex item-center gap-2 row1 col1">\n                                        <div>\n                                            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'50px\'"\n                                            [height]="\'32px\'"></sb-uic-skeleton-loader>\n                                        </div>\n                                        <div>\n                                            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'250px\'"\n                                            [height]="\'32px\'"></sb-uic-skeleton-loader>\n                                        </div>\n                                    </div>\n                                    <div class="flex item-center col1">\n                                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'250px\'"\n                                        [height]="\'32px\'"></sb-uic-skeleton-loader> </div>\n                                </div>\n                                <div class="flex flex-row item-center gap-20 pb-2">\n                                    <div class="flex item-center gap-2 row1 col1">\n                                        <div>\n                                            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'50px\'"\n                                            [height]="\'32px\'"></sb-uic-skeleton-loader>\n                                        </div>\n                                        <div>\n                                            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'250px\'"\n                                            [height]="\'32px\'"></sb-uic-skeleton-loader>\n                                        </div>\n                                    </div>\n                                    <div class="flex item-center col1">\n                                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'250px\'"\n                                        [height]="\'32px\'"></sb-uic-skeleton-loader> </div>\n                                </div>\n                            </div>\n                            <div class="visit-link flex gap-2">\n                                <div><sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'200px\'"\n                                    [height]="\'32px\'"></sb-uic-skeleton-loader> </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div *ngIf="layoutType===\'row\'">\n        <div class="block md:hidden">\n            <div class="p-5" \n            [style.backgroundColor]="\'#FFFFFF\'">\n            <div class="flex item-center gap-4">\n                <div class="event-date">\n                    <div class="flex flex-col">\n                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'30px\'"\n                                [height]="\'90px\'"></sb-uic-skeleton-loader> \n                    </div>\n                </div>\n                <div class="details w-full">\n                    <div class="flex flex-col mob-events-list p-3 mb-2">\n                        <div>\n                            <div class="flex pb-2">\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'265px\'"\n                                [height]="\'32px\'"></sb-uic-skeleton-loader> \n                            </div>\n                            <div class="flex pb-1 gap-2">\n                                <div>\n                                    <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'30px\'"\n                                    [height]="\'32px\'"></sb-uic-skeleton-loader>\n                                </div>\n                                <div><sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'230px\'"\n                                    [height]="\'32px\'"></sb-uic-skeleton-loader>\n                                </div>\n                            </div>\n                            <div class="flex pb-1 gap-2">\n                                <div>\n                                    <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'30px\'"\n                                    [height]="\'32px\'"></sb-uic-skeleton-loader>\n                                </div>\n                                <div>\n                                    <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'230px\'"\n                                    [height]="\'32px\'"></sb-uic-skeleton-loader>\n                                </div>\n                            </div>\n                            <div class="flex gap-2">\n                                <div><sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'30px\'"\n                                    [height]="\'32px\'"></sb-uic-skeleton-loader>\n                                </div>\n                                <div class="flex item-center">\n                                    <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'230px\'"\n                                [height]="\'32px\'"></sb-uic-skeleton-loader> \n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>    \n</div>',styles:[".event-day{border:1px solid #c3c3c3;border-radius:15px}.event-date{font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;width:10%;text-transform:uppercase}.events-list{border:1px solid #c3c3c3;border-radius:15px;justify-content:space-between;align-items:center;font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px}.row1{width:235px}.icon-web{font-size:17px;height:17px}.upcase{text-transform:uppercase}.aliginCenter,.col1{align-items:center}.range-width{min-width:234px}.visit-link{cursor:pointer;align-items:center;justify-content:center}.visit-icon{font-size:17px;height:17px;color:#1b4ca1}.currentDay{padding:5px;border-radius:20px}.mob-currentDay{padding:8px;border-radius:20px}.mob-events-list{border:1px solid #e8e6e5;border-radius:10px;justify-content:space-between;font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px}.mob-icon{font-size:17px;height:17px}.no-data{display:flex;align-items:center;border-radius:10px}"]}]}],t.ctorParameters=function(){return[{type:common.DatePipe}]},t.propDecorators={objectData:[{type:core.Input}],layoutType:[{type:core.Input}],day:[{type:core.Input}],dataLoading:[{type:core.Input}],rowId:[{type:core.Input}],eventDate:[{type:core.Input}]},t}();var CalenderModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{imports:[common.CommonModule,material.MatIconModule,forms.FormsModule,forms.ReactiveFormsModule,material.MatSelectModule,SkeletonLoaderLibModule],declarations:[CalenderComponent,CalenderDayComponent],exports:[CalenderComponent],schemas:[core.CUSTOM_ELEMENTS_SCHEMA],providers:[common.DatePipe,InsiteDataService]}]}],t}(),CommonMethodsService=function(){function t(){}return t.prototype.transformContentsToWidgets=function(t,e){return(t||[]).map((function(t,n){return t?{widgetType:"cardLib",widgetSubType:"cardContentLib",widgetHostClass:"mb-2",widgetData:__assign({content:t},t.batch&&{batch:t.batch},{cardSubType:e.stripConfig&&e.stripConfig.cardSubType,cardCustomeClass:e.customeClass?e.customeClass:"",context:{pageSection:e.key,position:n},intranetMode:e.stripConfig&&e.stripConfig.intranetMode,deletedMode:e.stripConfig&&e.stripConfig.deletedMode,contentTags:e.stripConfig&&e.stripConfig.contentTags})}:{widgetType:"card",widgetSubType:"cardContent",widgetHostClass:"mb-2",widgetData:{}}}))},t.prototype.transformSkeletonToWidgets=function(t){return[1,2,3,4,5,6,7,7,8,9,10].map((function(e){return{widgetType:"cardLib",widgetSubType:"cardContentLib",widgetHostClass:"mb-2",widgetData:{cardSubType:t.loaderConfig&&t.loaderConfig.cardSubType||"card-standard-skeleton",cardCustomeClass:t.customeClass?t.customeClass:""}}}))},t.prototype.handleCapitalize=function(t,e){var n="";return t&&(n="name"===e?t.split(" ").map((function(t){return t.charAt(0).toUpperCase()+t.slice(1)})).join(" "):t&&t.charAt(0).toUpperCase()+t.slice(1)),n},t.decorators=[{type:core.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[]},t.ngInjectableDef=core.ɵɵdefineInjectable({factory:function(){return new t},token:t,providedIn:"root"}),t}();function IStripUnitCommonData(){}var CommonStripComponent=function(t){function e(e,n,a,i,o,r,s,l,c,d){var p=t.call(this)||this;return p.contentSvc=n,p.loggerSvc=a,p.eventSvc=i,p.configSvc=o,p.utilitySvc=r,p.userSvc=s,p.translate=l,p.langtranslations=c,p.commonMethodsSvc=d,p.id="ws-strip-miltiple_"+Math.random(),p.stripsResultDataMap={},p.stripsKeyOrder=[],p.showAccordionData=!0,p.showParentLoader=!1,p.showParentError=!1,p.showParentNoData=!1,p.errorDataCount=0,p.noDataCount=0,p.successDataCount=0,p.contentAvailable=!0,p.baseUrl=p.configSvc.sitePath||"",p.veifiedKarmayogi=!1,p.changeEventSubscription=null,p.defaultMaxWidgets=12,p.todaysEvents=[],p.environment=e,p}return __extends(e,t),e.prototype.ngOnInit=function(){this.initData()},e.prototype.ngOnDestroy=function(){this.changeEventSubscription&&this.changeEventSubscription.unsubscribe()},e.prototype.showAccordion=function(t){return!this.utilitySvc.isMobile||"accordion"!==this.stripsResultDataMap[t].mode||this.showAccordionData},e.prototype.setHiddenForStrip=function(t){this.stripsResultDataMap[t].showStrip=!1,sessionStorage.setItem("cstrip_"+t,"1")},e.prototype.getIfStripHidden=function(t){var e=sessionStorage.getItem("cstrip_"+t);return Boolean("1"!==e)},e.prototype.initData=function(){var t,e,n=this;if(this.stripsKeyOrder=this.widgetData&&this.widgetData.strips&&this.widgetData.strips.map((function(t){return t.key}))||[],this.widgetData.loader&&this.widgetData.strips.length&&(this.showParentLoader=!0),this.widgetData&&this.widgetData.strips)try{for(var a=__values(this.widgetData.strips),i=a.next();!i.done;i=a.next()){var o=i.value;this.processStrip(o,[],"fetching",!1,null),"in-hand"===o.dataType&&this.widgetData[o.dataKey]?this.processStrip(o,this.commonMethodsSvc.transformContentsToWidgets(this.widgetData[o.dataKey],o),"done",!0,o.viewMoreUrl||""):this.checkForEmptyWidget(o)||this.processStrip(o,[],"done",!0,null)}}catch(e){t={error:e}}finally{try{i&&!i.done&&(e=a.return)&&e.call(a)}finally{if(t)throw t.error}}var r=this.widgetData.strips.map((function(t){return{key:t.key,type:t.refreshEvent&&t.refreshEvent.eventType||"",from:t.refreshEvent&&t.refreshEvent.from.toString()||""}})).filter((function(t){var e=t.key,n=t.type,a=t.from;return e&&n&&a})),s=new Set(r.map((function(t){return t.type})));this.changeEventSubscription=this.eventSvc.events$.pipe(operators.filter((function(t){return s.has(t.eventType)}))).subscribe((function(t){r.filter((function(e){return e.type===t.eventType&&e.from===t.from})).map((function(t){return t.key})).forEach((function(t){return n.fetchStripFromKey(t,!1)}))}))},e.prototype.fetchStripFromKey=function(t,e){void 0===e&&(e=!0);this.widgetData.strips.find((function(e){return e.key===t}))},e.prototype.isStripShowing=function(t){var e=this,n=0;return t&&t.key===this.environment.programStripKey&&(!t.tabs||!t.tabs.length)&&t.stripTitle===this.environment.programStripName&&t.widgets.length>0&&(t.widgets.forEach((function(t){t&&t.widgetData.content.primaryCategory===e.environment.programStripPrimaryCategory&&(n+=1)})),t.showStrip=n>0),t.showStrip},Object.defineProperty(e.prototype,"isMobile",{get:function(){return this.utilitySvc.isMobile||!1},enumerable:!0,configurable:!0}),e.prototype.getdata=function(t){return t.stripInfo?t.stripInfo.widget:{}},e.prototype.checkCondition=function(t,e){return t.strips[0].stripConfig&&t.strips[0].stripConfig.hideShowAll?!t.strips[0].stripConfig.hideShowAll:t.strips[0].viewMoreUrl&&e.widgets&&e.widgets.length>=4},e.prototype.checkVisible=function(t){return t.stripInfo&&"visible"===t.stripInfo.visibilityMode},e.prototype.getContineuLearningLenth=function(t){return t.widgets?t.widgets.length:0},e.prototype.getLength=function(t){if(!t.tabs||!t.tabs.length)return t.widgets?t.widgets.length:0;var e=t.tabs.reduce((function(t,e){return t.widgets||e.widgets?t.widgets&&e.widgets?t.widgets.length>e.widgets.length?t:e:e.widgets&&!t.widgets?e:!e.widgets&&t.widgets?t:e:e}),t.tabs[0]);return e.widgets?e.widgets.length:0},e.prototype.processStrip=function(t,e,n,a,i,o){return void 0===e&&(e=[]),void 0===a&&(a=!0),__awaiter(this,void 0,void 0,(function(){var i,r;return __generator(this,(function(s){return i={viewMoreUrl:t.viewMoreUrl,key:t.key,canHideStrip:Boolean(t.canHideStrip),showStrip:this.getIfStripHidden(t.key),noDataWidget:t.noDataWidget,errorWidget:t.errorWidget,stripInfo:t.info,stripTitle:t.title,stripTitleLink:t.stripTitleLink,dataType:t.dataType,dataKey:t.dataKey,disableTranslate:t.disableTranslate,sliderConfig:t.sliderConfig,tabs:o||t.tabs,stripName:t.name,mode:t.mode,stripConfig:t.stripConfig,stripBackground:t.stripBackground,secondaryHeading:t.secondaryHeading,loaderWidgets:t.loaderWidgets||[],widgets:"done"===n?__spread((t.preWidgets||[]).map((function(t){return __assign({},t,{widgetHostClass:"mb-2 "+t.widgetHostClass})})),e,(t.postWidgets||[]).map((function(t){return __assign({},t,{widgetHostClass:"mb-2 "+t.widgetHostClass})}))):[],showOnNoData:Boolean(t.noDataWidget&&!((t.preWidgets||[]).length+e.length+(t.postWidgets||[]).length)&&"done"===n),showOnLoader:Boolean(t.loader&&"fetching"===n),showOnError:Boolean(t.errorWidget&&"error"===n)},this.stripsResultDataMap=__assign({},this.stripsResultDataMap,((r={})[t.key]=i,r)),o?this.contentAvailable=!0:(a&&("done"===n||"error"===n)&&i.widgets&&this.checkParentStatus(n,i.widgets.length),!a||e&&e.length>0?e&&e.length>0&&(this.contentAvailable=!0):this.contentAvailable=!1),[2]}))}))},e.prototype.getSelectedIndex=function(t,e){var n=0;if("cbpPlan"===e&&t.tabs.length){var a=t.tabs.filter((function(t){return"upcoming"===t.value}));n=a[0].widgets&&a[0].widgets.length>0?1:0}return n},e.prototype.checkParentStatus=function(t,e){"done"!==t||e?"done"===t&&e?this.successDataCount+=1:"error"===t&&(this.errorDataCount+=1):this.noDataCount+=1;var n=this.noDataCount+this.successDataCount+this.errorDataCount,a=this.widgetData.strips.length;this.successDataCount>0&&n<a||(this.showParentLoader=n!==a,this.showParentNoData=this.noDataCount>0&&this.noDataCount+this.errorDataCount===a,this.showParentError=this.errorDataCount===a)},e.prototype.checkForEmptyWidget=function(t){return!(!t.request||!(t.request.api&&Object.keys(t.request.api).length||t.request.search&&Object.keys(t.request.search).length||t.request.searchRegionRecommendation&&Object.keys(t.request.searchRegionRecommendation).length||t.request.searchV6&&Object.keys(t.request.searchV6).length||t.request.enrollmentList&&Object.keys(t.request.enrollmentList).length||t.request.cbpList&&Object.keys(t.request.cbpList).length||t.request.trendingSearch&&Object.keys(t.request.trendingSearch).length))},e.prototype.tabClicked=function(t,e,n){},e.prototype.translateLabels=function(t,e){return this.langtranslations.translateLabel(t,e,"")},e.prototype.identify=function(t,e){return e},e.prototype.tracker=function(t,e){return lodash.get(e,"widgetData.content.identifier")},e.decorators=[{type:core.Component,args:[{selector:"sb-uic-common-strip",template:'<ng-container *ngIf="!contentAvailable; else otherTemplate"></ng-container>\n<ng-template #otherTemplate>\n  \x3c!-- <div *ngIf="showParentLoader" class="text-center my-2">\n    <mat-spinner class="inline-block"></mat-spinner>\n  </div> --\x3e\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                <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                \x3c!-- viewAll start--\x3e\n                <div *ngIf="checkCondition(widgetData , stripsResultDataMap[key])"\n                  class="ml-4 view-more ws-mat-default-text">\n                  <a class="flex ws-mat-default-text items-center justify-center mat-body-1" [routerLink]="stripsResultDataMap[key]?.viewMoreUrl?.path"\n                    [queryParams]="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                \x3c!-- viewAll end--\x3e\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\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            \x3c!-- IF no errors then proceed to show tabs or non tabs strip --\x3e\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, stripsResultDataMap[key], key)">\n                  <mat-tab label="{{tab?.label}}" *ngFor="let tab of stripsResultDataMap[key].tabs; let last = last;">\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                    <div>\n                      \x3c!-- <ng-container [ngTemplateOutlet]="loader" *ngIf="stripsResultDataMap[key]?.showOnLoader">\n                      </ng-container> --\x3e\n                      <div *ngIf="stripsResultDataMap && stripsResultDataMap[key]?.showOnLoader ||\n                      !tab.fetchTabStatus"\n                      class="text-center my-2">\n                            <sb-uic-horizontal-scroller-v2 [sliderConfig]="stripsResultDataMap[key]?.sliderConfig"\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                      <div *ngIf="((tab?.fetchTabStatus && tab?.fetchTabStatus === \'done\') &&\n                      (!tab?.widgets || !tab?.widgets?.length))">\n                      <ng-container *ngIf="tab?.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.nodataMsg, \'home\') }}</div>\n                        </div>\n                      </ng-template>\n                      </div>\n                      <ng-container *ngIf="(tab?.fetchTabStatus === \'done\' || tab?.widgets?.length)">\n                        <ng-container  *ngIf="!tab?.tabLoading">\n\n                          <sb-uic-horizontal-scroller-v2 [sliderConfig]="stripsResultDataMap[key]?.sliderConfig" [widgetsLength]="tab?.widgets?.length"\n                            *ngIf="getContineuLearningLenth(stripsResultDataMap[key]) && showAccordion(key)"\n                            [loadStatus]="\'done\'" [defaultMaxWidgets]="tab?.maxWidgets ||\n                            stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets" [stripConfig]="stripsResultDataMap[key]?.stripConfig">\n                            <ng-container *ngFor="let widget of tab?.widgets| slice:0:(tab?.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 *ngIf="!stripsResultDataMap[key].tabs || !stripsResultDataMap[key].tabs.length">\n                <div *ngIf="stripsResultDataMap && stripsResultDataMap[key]?.showOnLoader" 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                <div class="">\n                    <sb-uic-horizontal-scroller-v2 [sliderConfig]="stripsResultDataMap[key]?.sliderConfig" [id]="key+\'-scroller\'"\n                     [widgetsLength]="stripsResultDataMap[key]?.widgets?.length" [loadStatus]="\'done\'" [defaultMaxWidgets]="stripsResultDataMap[key].sliderConfig?.maxWidgets || defaultMaxWidgets" [stripConfig]="stripsResultDataMap[key]?.stripConfig">\n                      <ng-container *ngFor="let widget of stripsResultDataMap[key]?.widgets| slice:0:(stripsResultDataMap[key].sliderConfig?.maxWidgets || defaultMaxWidgets); trackBy: tracker">\n                      \x3c!-- <ng-container *ngIf="widget.widgetData.context.pageSection === \'continueLearning\' "> --\x3e\n                      \x3c!-- <ng-container *ngIf="widget.widgetData.content.completionPercentage !== 100"\n                        [sbUiResolverWidget]="widget"></ng-container> --\x3e\n                        <ng-container [sbUiResolverWidget]="widget"></ng-container>\n                      \x3c!-- </ng-container> --\x3e\n                      </ng-container>\n                  </sb-uic-horizontal-scroller-v2>\n                </div>\n              </ng-container>\n            </ng-container>\n          </div>\n        </div>\n      </a>\n\n    </ng-container>\n  </ng-container>\n</ng-template>',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}"]}]}],e.ctorParameters=function(){return[{type:void 0,decorators:[{type:core.Inject,args:["environment"]}]},{type:WidgetContentService},{type:utilsV2.LoggerService},{type:utilsV2.EventService},{type:utilsV2.ConfigurationsService},{type:utilsV2.UtilityService},{type:WidgetUserService},{type:core$1.TranslateService},{type:MultilingualTranslationsService},{type:CommonMethodsService}]},e.propDecorators={widgetData:[{type:core.Input}],id:[{type:core.HostBinding,args:["id"]}]},e}(resolverV2.WidgetBaseComponent);var ɵ0$2=HttpLoaderFactory,CommonStripModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[CommonStripComponent],imports:[resolverV2.SbUiResolverModule,common.CommonModule,router.RouterModule,HorizontalScrollerV2Module,material.MatProgressSpinnerModule,material.MatToolbarModule,material.MatIconModule,material.MatButtonModule,material.MatTooltipModule,material.MatListModule,material.MatSidenavModule,material.MatCardModule,material.MatExpansionModule,material.MatRadioModule,material.MatChipsModule,material.MatInputModule,material.MatFormFieldModule,material.MatDialogModule,material.MatSnackBarModule,material.MatSelectModule,material.MatDatepickerModule,material.MatNativeDateModule,material.MatTableModule,material.MatCheckboxModule,material.MatProgressSpinnerModule,material.MatButtonToggleModule,material.MatTabsModule,material.MatAutocompleteModule,core$1.TranslateModule.forRoot({loader:{provide:core$1.TranslateLoader,useFactory:ɵ0$2,deps:[http.HttpClient]}})],exports:[CommonStripComponent]}]}],t}(),AnnouncementsComponent=function(){function t(t){this.insightSvc=t,this.mobileHeight=!1,this.fetchDataFromApi=!1,this.openDialog=new core.EventEmitter,this.isLoading=!1,this.announcements=[],this.expand=!1,this.expanded=!1}return t.prototype.ngOnInit=function(){this.fetchDataFromApi&&(this.isLoading=!0,this.fetchData())},t.prototype.fetchData=function(){var t=this,e={filterCriteriaMap:{channel:[this.channelId]},requestedFields:["name","description","createdOn","updatedOn","category"],orderBy:"createdOn",orderDirection:"ASC",facets:["channel"],pageSize:this.objectData.pageSize};this.insightSvc.fetchAnnouncementsData(e).subscribe((function(e){e&&e.result&&e.result.data&&e.result.data.forEach((function(e){t.announcements.push({value:e.description,expanded:!1})})),t.announcements.length>3&&(t.expand=!0),t.objectData.list=t.announcements,t.isLoading=!1}),(function(e){console.log(e),t.objectData.list=[],t.isLoading=!1}))},t.prototype.viewMoreOrLess=function(t){t.value.length>152&&(t.expanded=!t.expanded)},t.prototype.openAnnouncements=function(){this.openDialog.emit(!0)},t.prototype.showMoreOrLess=function(){this.expanded=!this.expanded},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-announcements",template:'<div class="w-full" *ngIf="layoutType === \'web\' && !isLoading">\n    <div class="flex item-center key-logo">\n        <img class="" [src]="objectData?.logoUrl">\n    </div>\n    <div class="flex item-center key-logo">\n        <div class="key-heading"\n            [style.backgroundColor]="objectData?.header?.background"\n            [style.color]="objectData?.header?.color">\n            {{objectData?.title}}\n        </div>\n    </div>\n    <div class="key-list-container"\n        [style.borderColor]="objectData?.panelborder"\n        [style.backgroundColor]="objectData?.panelBackground">\n        <div class="{{mobileHeight ? \'mob-key-list\' : expand && expanded ? \'exp-key-list\' : \'key-list\'}}" *ngIf="objectData?.list?.length">\n            <div *ngFor="let item of objectData?.list; let i = index">\n                <div class="key-list-item mb-{{ objectData?.list?.length === (i+1) ? \'\' : \'4\'}}" \n                    [style.borderColor]="objectData?.listItem?.border"\n                    [style.backgroundColor]="objectData?.listItem?.background">\n                    <div class="key-list-item-content {{item?.value?.length > 152 && !item?.expanded ? \'expand\' : \'un-expand\'}}" [innerHTML]="item?.value"></div>\n                    <div class="more-or-less" *ngIf="item?.value?.length > 152" [style.color]="objectData?.panelborder">\n                        <div class="cursor-pointer" (click)="viewMoreOrLess(item)" *ngIf="!item?.expanded">View more</div>\n                        <div class="cursor-pointer" (click)="viewMoreOrLess(item)" *ngIf="item?.expanded">View less</div>\n                    </div>\n                </div>\n            </div>                        \n        </div>\n        <div class="{{mobileHeight ? \'mob-key-list\' : \'key-list\'}}" *ngIf="!objectData?.list?.length">\n            <div class="text-center">No announcements yet!</div>\n        </div>\n    </div>\n</div>\n\n<ng-container *ngIf="!mobileHeight && expand">\n    <div (click)="showMoreOrLess()" class="announcements-expand" *ngIf="!expanded">\n        <mat-icon>expand_more</mat-icon>\n    </div>\n    <div (click)="showMoreOrLess()" class="announcements-expand" *ngIf="expanded">\n        <mat-icon>expand_less</mat-icon>\n    </div>\n</ng-container>\n\n<div class="w-full" *ngIf="layoutType === \'mobile\'">\n    <div class="flex item-center key-logo ">\n        <div class="mob-key-heading" (click)="openAnnouncements()"\n            [style.backgroundColor]="objectData?.header?.background"\n            [style.color]="objectData?.header?.color">\n            <div class="flex key-button gap-3">\n                <div>\n                    <img [src]="objectData?.mobileIcon">\n                </div>\n                <div>{{objectData?.title}}</div>                \n                <div><mat-icon class="key-mob-icon">arrow_forward_ios</mat-icon></div>\n            </div>            \n        </div>\n    </div>\n</div>\n\n<div class="w-full" *ngIf="layoutType === \'web\' && isLoading">\n    <div class="flex item-center key-logo">\n        <img class="" [src]="objectData?.logoUrl">\n    </div>\n    <div class="flex item-center key-logo pt-1">\n        <div class="key-heading"\n            [style.backgroundColor]="objectData?.header?.background"\n            [style.color]="objectData?.header?.color">\n            {{objectData?.title}}\n        </div>\n    </div>\n    <div class="key-list-container"\n        [style.borderColor]="objectData?.panelborder"\n        [style.backgroundColor]="objectData?.panelBackground">\n        <div class="{{mobileHeight ? \'mob-key-list\' : \'key-list\'}}" >            \n            <div class="key-list-item mb-4" \n                *ngFor="let item of[0,1,2,3,4]; let i = index"\n                [style.borderColor]="objectData?.listItem?.border"\n                [style.backgroundColor]="objectData?.listItem?.background">\n                <div class="key-list-item-content un-expand">\n                    <div class="py-1">\n                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon \'" [width]="\'350px\'" [height]="\'24px\'">\n                        </sb-uic-skeleton-loader>\n                    </div>\n                    <div class="py-1">\n                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon \'" [width]="\'350px\'" [height]="\'24px\'">\n                        </sb-uic-skeleton-loader>\n                    </div>\n                </div>\n            </div>\n        </div>        \n    </div>\n</div>\n',styles:[".key-logo{align-items:center;justify-content:center}.key-list-container{border:1px solid #ccc;padding:45px 15px 15px;border-radius:12px;margin-top:-20px}.key-list{height:380px;overflow:auto}.exp-key-list{height:100%;overflow:auto}.mob-key-list{height:calc(100vh - 252px);overflow:auto}.key-list::-webkit-scrollbar{display:none}.key-list-item{padding:16px;border:1px solid #ccc;border-radius:12px;min-height:56px}::ng-deep .key-list-item-content a{color:#1b4ca1!important}.key-list-item-content{font-family:Lato;font-size:14px;font-weight:400;line-height:20px;text-align:left;white-space:initial;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.expand{-webkit-line-clamp:3}.un-expand{-webkit-line-clamp:0}.more-or-less{font-family:Lato;font-size:14px;line-height:20px;font-weight:600}.mob-key-heading{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:center;padding:7px 25px;border-radius:20px;animation:.9s infinite mobPaddingAnimation;cursor:pointer}.key-mob-icon{font-size:12px;width:12px;height:12px}.key-button{align-items:center;justify-content:center}.key-heading{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:center;padding:10px 50px;border-radius:20px;margin-top:-3px;animation:.9s infinite paddingAnimation}.announcements-expand{width:32px;height:32px;position:relative;background:#000;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;left:50%;right:50%;top:-16px;cursor:pointer}@keyframes mobPaddingAnimation{0%,100%{padding:7px 25px}25%,75%{padding:7px 30px}50%{padding:7px 35px}}@keyframes paddingAnimation{0%,100%{padding:10px 50px}25%,75%{padding:10px 55px}50%{padding:10px 60px}}"]}]}],t.ctorParameters=function(){return[{type:InsiteDataService}]},t.propDecorators={objectData:[{type:core.Input}],layoutType:[{type:core.Input}],mobileHeight:[{type:core.Input}],fetchDataFromApi:[{type:core.Input}],channelId:[{type:core.Input}],openDialog:[{type:core.Output}]},t}();var AnnouncementsModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[AnnouncementsComponent],imports:[common.CommonModule,material.MatIconModule,SkeletonLoaderLibModule],exports:[AnnouncementsComponent]}]}],t}(),moment$1=moment$4,TopLearnersComponent=function(){function t(t){this.insightSvc=t,this.loading=!1,this.month="",this.results=[],this.colors=["#EB7181","#306933","#000000","#3670B2","#4E9E87","#7E4C8D","#EB7181","#306933","#000000","#3670B2"]}return t.prototype.ngOnInit=function(){this.getData(),this.month=(new Date).toLocaleString("default",{month:"long"})},t.prototype.getData=function(){var t=this;this.loading=!0,this.insightSvc.fetchLearner(this.channelId).subscribe((function(e){e&&e.result&&e.result.result&&e.result.result.length&&(t.results=e.result.result,t.month=moment$1().month(Number(e.result.result[0].month)-1).format("MMMM")),t.loading=!1}),(function(e){t.loading=!1}))},t.prototype.getRank=function(t){return 1===t?"1st":2===t?"2nd":3===t?"3rd":t+"th"},t.prototype.getColor=function(){var t=Math.floor(Math.random()*Math.floor(this.colors.length));return this.colors[t]},t.prototype.createInititals=function(t){var e="",n=t.toString().split(" ");if("undefined"!==n[0]&&void 0!==n[1])e+=n[0].charAt(0),e+=n[1].charAt(0);else for(var a=0;a<t.length&&(" "===t.charAt(a)||t.charAt(a)!=t.charAt(a)||2!==(e+=t.charAt(a)).length);a+=1);return e.toUpperCase()},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-top-learners",template:'<div class="flex flex-center">\n    <div>\n        <div class="title-border"></div>\n        <div class="title" [style.color]="objectData?.titleFontColor">{{objectData?.title}} ({{month}})</div>\n        <div class="title-border"></div>\n    </div>    \n</div>\n<div class="top-learners-container" *ngIf="!loading && results.length">\n    <div class="w-full margin-bottom-l margin-top-l">\n        <div class="flex gap-3">\n            <div *ngFor="let obj of results; let i=index" class="flex-container">\n                <div class="flex-item user-box">\n                    <div class="flex gap-3 img-name-sec">\n                        <div class="flex gap-3">\n                            <div class="profile-pic" *ngIf="obj?.profile_image">\n                                <img [src]="obj?.profile_image" class="user-image"/>\n                            </div>\n                            <div class="initial" *ngIf="!obj?.profile_image"\n                                [style.backgroundColor]="colors[i]"\n                                >\n                                {{createInititals(obj?.fullname)}}\n                            </div>\n                            <div class="flex flex-col gap-1">\n                                <div class="name-sec" *ngIf="obj?.fullname?.length >= 24"\n                                    #tooltip="matTooltip"\n                                    [matTooltipClass]="\'below\'"\n                                    matTooltip="{{obj?.fullname}}"\n                                    [matTooltipPosition]="\'below\'">\n                                        {{obj?.fullname}}\n                                </div>\n                                <div class="name-sec" *ngIf="obj?.fullname?.length < 24">\n                                    {{obj?.fullname}}\n                                </div>\n                                <div class="designation-sec" *ngIf="obj?.designation?.length >= 32"\n                                    #tooltip="matTooltip"\n                                    [matTooltipClass]="\'below\'"\n                                    matTooltip="{{obj?.designation}}"\n                                    [matTooltipPosition]="\'below\'">\n                                        {{obj?.designation}}\n                                </div>\n                                <div class="designation-sec"  *ngIf="obj?.designation?.length < 32">{{obj?.designation}}</div>\n                                <div class="designation-sec" *ngIf="obj?.org_name?.length >= 32"\n                                    #tooltip="matTooltip"\n                                    [matTooltipClass]="\'below\'"\n                                    matTooltip="{{obj?.org_name}}"\n                                    [matTooltipPosition]="\'below\'">\n                                        {{obj?.org_name}}\n                                </div>\n                                <div class="designation-sec" *ngIf="obj?.org_name?.length < 32">{{obj?.org_name}}</div>\n                            </div>\n                        </div>\n                        <div class="flex gap-3">                                                       \n                            <div class="rank-sec">{{getRank(+obj?.row_num)}}</div>\n                        </div>                        \n                    </div>\n                    <div class="flex gap-2 kp-section">\n                        <div class="kp-icon"><img [src]="objectData?.kpIcon" class="kp-image"/></div>\n                        <div class="points">{{obj?.total_points || 0}}</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n<div class="top-learners-container" *ngIf="!loading && results.length === 0">\n    <div class="margin-top-l noData">\n        No data\n    </div>\n</div>\n\n<ng-container>\n    <div class="top-learners-container" *ngIf="loading">\n        <div class="w-full margin-bottom-l margin-top-l">\n            <div class="flex gap-3">\n                <div *ngFor="let obj of [1,2,3]" class="flex-container">\n                    <div class="flex-item user-box">\n                        <div class="flex gap-3 img-name-sec">\n                            <div class="flex gap-3">\n                                <div class="profile-pic">\n                                    <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'44px\'"\n                        [height]="\'44px\'"></sb-uic-skeleton-loader>\n                                </div>\n                                <div class="flex flex-col gap-1">\n                                    <div class="name-sec">\n                                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'200px\'"\n                                        [height]="\'24px\'"></sb-uic-skeleton-loader>\n                                    </div>\n                                    <div class="designation-sec">\n                                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'200px\'"\n                                        [height]="\'16px\'"></sb-uic-skeleton-loader>\n                                    </div>\n                                    <div class="designation-sec">\n                                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'200px\'"\n                                        [height]="\'16px\'"></sb-uic-skeleton-loader>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class="flex gap-3">                                                       \n                                <div class="rank-sec">\n                                    <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'44px\'"\n                                        [height]="\'44px\'"></sb-uic-skeleton-loader>\n                                </div>\n                            </div>                        \n                        </div>\n                        <div class="flex gap-2 kp-section">\n                            <div class="kp-icon">\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'32px\'"\n                                [height]="\'32px\'"></sb-uic-skeleton-loader>   \n                            </div>\n                            <div class="points">\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'32px\'"\n                                        [height]="\'32px\'"></sb-uic-skeleton-loader>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-container>',styles:[".title{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:center;padding:15px}.title-border{margin:10px;width:240px;height:3px;background:linear-gradient(90deg,rgba(255,255,255,0) 0,#ef951e 20%,#ef951e 80%,rgba(255,255,255,0) 100%)}.noData{border:1px solid #1b4ca1;padding:15px;display:flex;justify-content:center;border-radius:12px}.top-learners-container{overflow:auto}::-webkit-scrollbar{height:10px!important}::-webkit-scrollbar-track{background:#eff3f9!important}.user-box{width:360px;height:134px;border-radius:8px;background-color:#fff;padding:16px;position:relative}.flex-container{display:flex}.flex-item{flex:0 0 auto;white-space:nowrap}.img-name-sec{justify-content:space-between}.initial{width:44px;height:44px;border-radius:50%;align-items:center;display:flex;justify-content:center;font-weight:700;color:#fff}.user-image{width:44px;height:44px;border-radius:50%}.name-sec{font-family:Lato;font-size:16px;font-weight:700;line-height:19.2px;text-align:left;width:200px!important;overflow:hidden;text-overflow:ellipsis}.designation-sec{font-family:Lato;font-size:12px;font-weight:400;line-height:14.4px;text-align:left;opacity:.6;width:200px!important;overflow:hidden;text-overflow:ellipsis}.rank-sec{font-family:Montserrat;font-size:36px;font-weight:700;line-height:43.88px;text-align:left;color:#ef951e}.kp-section{justify-content:flex-end;position:absolute;right:18px;bottom:16px;align-items:center}.kp-image{width:32px;height:32px;padding-top:3px}.points{font-family:Lato;font-size:24px;font-weight:700;line-height:28.8px;text-align:left;color:#1b4ca1;padding-bottom:3px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:rgba(204,204,204,.8);border-radius:10px}@media screen and (max-width:768px){.user-box{width:343px}}"]}]}],t.ctorParameters=function(){return[{type:InsiteDataService}]},t.propDecorators={objectData:[{type:core.Input}],channelId:[{type:core.Input}],channnelName:[{type:core.Input}]},t}();var TopLearnersModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[TopLearnersComponent],imports:[common.CommonModule,SkeletonLoaderLibModule,material.MatTooltipModule],exports:[TopLearnersComponent]}]}],t}(),ScrollableItemDirective=function(){function t(t){this.el=t}return t.prototype.scrollIntoView=function(t){this.el.nativeElement.scrollIntoView({behavior:"smooth",block:t})},t.decorators=[{type:core.Directive,args:[{selector:"[sbUicScrollableItem]"}]}],t.ctorParameters=function(){return[{type:core.ElementRef}]},t.propDecorators={key:[{type:core.Input,args:["sbUicScrollableItem"]}]},t}();var CbpPlanComponent=function(){function t(t,e){this.translate=t,this.langtranslations=e,this.mobileHeight=!1,this.fetchDataFromApi=!1,this.openDialog=new core.EventEmitter,this.isLoading=!1,this.currentIndex=0,this.styleData={},this.contentdata=[]}return t.prototype.ngOnInit=function(){var t=this;this.styleData=this.objectData&&this.objectData.sliderData&&this.objectData.sliderData.styleData,this.objectData&&this.objectData.list&&this.objectData.list.forEach((function(e){var n={};n.title=e.title,n.downloaUrl=e.downloaUrl,n.cardSubType="card-wide-lib",n.cardCustomeClass="",t.contentdata.push(n)}))},t.prototype.getCurrentIndex=function(t){this.currentIndex=t},t.prototype.getFileName=function(t){return console.log(t.downloadUrl),t.downloadUrl.split("/").at(-1)},t.prototype.translateLabels=function(t,e){return this.langtranslations.translateActualLabel(t,e,"")},t.prototype.downloadCBPPlan=function(t){var e=t.downloaUrl,n=new XMLHttpRequest;n.open("GET",e,!0),n.responseType="blob",n.onload=function(){if(200===n.status){var t=new Blob([n.response],{type:"application/pdf"}),a=window.URL.createObjectURL(t),i=document.createElement("a");i.href=a,i.download=e.split("/").at(-1),document.body.appendChild(i),i.click(),document.body.removeChild(i),window.URL.revokeObjectURL(a)}else console.error("Error downloading the PDF",n.statusText)},n.onerror=function(){console.error("Network error")},n.send()},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-cbp-plan",template:'<div class="w-full">\n    <div class="flex item-center cbp-logo">\n        <div class="cbp-heading"\n            [style.backgroundColor]="objectData?.header?.background"\n            [style.color]="objectData?.header?.color">\n            {{objectData?.title}}\n        </div>\n    </div>\n    \n    <div class="cbp-list-container" *ngIf="contentdata.length"\n        [style.borderColor]="objectData?.panelborder"\n        [style.backgroundColor]="objectData?.panelBackground">\n        <ng-container *ngIf="contentdata.length; else msgTemp">\n            <sb-uic-sliders-ng-content\n                [title]="\'providerName\'"\n                [currentIndex]="currentIndex"\n                (currentIndexValue)="getCurrentIndex($event)"\n                [loadNgContentData]="true" [widgetData]="contentdata"\n                [styleData]="styleData">\n                <div sliderbody>\n                    <div *ngFor="let item of contentdata; let i = index" [hidden]="i !== currentIndex">\n                        <div class="cbp-list-item"\n                            [style.borderColor]="objectData?.listItem?.border"\n                            [style.color]="objectData?.listItem?.border"\n                            [style.backgroundColor]="objectData?.listItem?.background">\n                            <div class="cbp-item-title">{{item?.title}}</div>\n                            <div class="flex download-sec">\n                                <div class="flex gap-3 cbp-download" (click)="downloadCBPPlan(item)">\n                                    <img [src]="objectData?.downloadIcon">Download\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </sb-uic-sliders-ng-content>\n        </ng-container>\n        <ng-template #msgTemp>\n            <div class="padding-bottom-m">\n                {{ translateLabels(objectData?.noData, \'home\') }}\n            </div>\n        </ng-template>\n    </div>\n</div>',styles:[".cbp-logo{align-items:center;justify-content:center}.cbp-heading{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:center;padding:10px 50px;border-radius:20px;margin-top:-3px}.cbp-list-container{border:1px solid #ccc;padding:40px 25px 0;border-radius:12px;margin-top:-20px}.cbp-list-item{padding:16px;border:1px solid #ccc;border-radius:12px}.cbp-item-title{font-family:Lato;font-size:14px;font-weight:400;line-height:20px;text-align:left;height:48px;padding-bottom:10px}.cbp-mob-icon{font-size:20px;width:20px;height:20px}.download-sec{align-items:center;justify-content:end}.cbp-download{display:flex;align-items:center;gap:4px;background:#fff;padding:6px 8px;border-radius:20px;cursor:pointer;font-family:Lato;font-size:12px;font-weight:700;line-height:20px;text-align:left}[hidden]{display:none!important}.cbp-list-container ::ng-deep.cbp-card{min-height:115px!important;padding-bottom:30px!important}.cbp-list-container ::ng-deep.banner-title{display:none}.cbp-list-container ::ng-deep.prev{font-size:10px;height:20px!important;width:20px!important;margin-left:-11px}.cbp-list-container ::ng-deep.next{font-size:10px;height:20px!important;width:20px!important;margin-right:-11px}"]}]}],t.ctorParameters=function(){return[{type:core$1.TranslateService},{type:MultilingualTranslationsService}]},t.propDecorators={objectData:[{type:core.Input}],layoutType:[{type:core.Input}],mobileHeight:[{type:core.Input}],fetchDataFromApi:[{type:core.Input}],channelId:[{type:core.Input}],openDialog:[{type:core.Output}],scrollableItems:[{type:core.ViewChildren,args:[ScrollableItemDirective]}]},t}();var SlidersNgContentLibComponent=function(t){function e(e,n){var a=t.call(this)||this;return a.events=e,a.valueSvc=n,a.title="",a.loadNgContentData=!1,a.autoScroll=!1,a.customBanner=!1,a.currentIndexValue=new core.EventEmitter,a.id="banner_"+Math.random(),a.defaultMenuSubscribe=null,a.isLtMedium$=a.valueSvc.isLtMedium$,a.currentIndex=0,a.slideInterval=null,a.isMobile=!1,a}return __extends(e,t),e.prototype.ngOnInit=function(){var t=this;this.autoScroll&&this.reInitiateSlideInterval(),this.defaultMenuSubscribe=this.isLtMedium$.subscribe((function(e){t.isMobile=e}))},e.prototype.reInitiateSlideInterval=function(){var t=this;if(this.widgetData&&this.widgetData.length>1)try{this.slideInterval&&this.slideInterval.unsubscribe()}catch(t){}finally{this.slideInterval=rxjs.interval(8e3).subscribe((function(){t.currentIndex===t.widgetData.length-1?(t.currentIndex=0,t.currentIndexValue.emit(t.currentIndex)):(t.currentIndex+=1,t.currentIndexValue.emit(t.currentIndex))}))}},e.prototype.slideTo=function(t){t>=0&&t<this.widgetData.length?(this.currentIndex=t,this.currentIndexValue.emit(this.currentIndex)):t===this.widgetData.length?(this.currentIndex=0,this.currentIndexValue.emit(this.currentIndex)):(this.currentIndex=this.widgetData.length+t,this.currentIndexValue.emit(this.currentIndex)),this.autoScroll&&this.reInitiateSlideInterval()},Object.defineProperty(e.prototype,"isOpenInNewTab",{get:function(){var t=this.widgetData[this.currentIndex];return!!(t.redirectUrl&&t.redirectUrl.includes("mailto")||this.widgetData[this.currentIndex].openInNewTab)},enumerable:!0,configurable:!0}),e.prototype.openInNewTab=function(){var t=this.widgetData[this.currentIndex];(t.redirectUrl&&t.redirectUrl.includes("mailto")||this.widgetData[this.currentIndex].openInNewTab)&&window.open(t.redirectUrl)},e.prototype.raiseTelemetry=function(t){this.openInNewTab();var e=window.location.pathname.replace("/","")+window.location.search;this.events.raiseInteractTelemetry({type:"click",subType:"banner"},{pageUrl:e,bannerRedirectUrl:t},{pageIdExt:"banner",module:utilsV2.WsEvents.EnumTelemetrymodules.CONTENT})},e.prototype.ngOnDestroy=function(){this.defaultMenuSubscribe&&this.defaultMenuSubscribe.unsubscribe()},e.decorators=[{type:core.Component,args:[{selector:"sb-uic-sliders-ng-content",template:'<div class="{{customBanner ? \'keybanner\' : \'banner-container\'}} {{isMobile? styleData?.responsive?.bannerMetaClass : styleData?.bannerMetaClass}}" (swipeleft)="slideTo(currentIndex + 1)" (swiperight)="slideTo(currentIndex - 1)"\n  *ngIf="widgetData?.length > 1" [style.height]="isMobile? styleData?.responsive?.customHeight : styleData?.customHeight"\n  [ngStyle]="{\'border-radius\': styleData?.borderRadius || \'12px\'}">\n  <ng-container *ngIf="!loadNgContentData">\n    <a (click)="raiseTelemetry(widgetData[currentIndex].redirectUrl)"\n    [routerLink]=" !isOpenInNewTab && widgetData[currentIndex].redirectUrl? widgetData[currentIndex].redirectUrl : null" class="banner-overlay"\n    [ngClass]="{\'cursor-auto\': !widgetData[currentIndex].redirectUrl}">\n      <div class="banner WidgetInstanceId" *ngFor="let slide of widgetData; let i = index" [hidden]="i !== currentIndex">\n        <img i18n-alt alt="Page Banner" [src]="slide.banners" wsUtilsImageResponsive class="banner-image" />\n      </div>\n    </a>\n    <ng-container *ngIf="isMobile && styleData?.responsive?.dots !== \'hidden\' || !isMobile && styleData?.dots !== \'hidden\'">\n      <div class="banner-meta {{isMobile? styleData?.responsive?.bannerMetaAlign : styleData?.bannerMetaAlign}}">\n        <a [routerLink]=" !isOpenInNewTab && widgetData[currentIndex].redirectUrl? widgetData[currentIndex].redirectUrl : null" class="banner-title text-truncate"\n          *ngIf="widgetData[currentIndex].title" [title]="widgetData[currentIndex].title">\n          {{ widgetData[currentIndex].title }}\n        </a>\n        <div class="dots-container" *ngIf="widgetData?.length > 1">\n          <span class="dot" [ngClass]="{ active: j === currentIndex }" *ngFor="let slide of widgetData; let j = index"\n            (click)="slideTo(j)"></span>\n        </div>\n      </div>\n    </ng-container>\n  </ng-container>\n  <ng-container *ngIf="loadNgContentData">\n    \x3c!-- <div class="banner WidgetInstanceId" *ngFor="let slide of widgetData; let i = index" [hidden]="i !== currentIndex"> --\x3e\n      <ng-content select="[sliderbody]"></ng-content>\n    \x3c!-- </div> --\x3e\n    <ng-container *ngIf="isMobile && styleData?.responsive?.dots !== \'hidden\' || !isMobile && styleData?.dots !== \'hidden\'">\n      <div class="banner-meta {{isMobile? styleData?.responsive?.bannerMetaAlign : styleData?.bannerMetaAlign}}">\n        <a [routerLink]=" !isOpenInNewTab && widgetData[currentIndex].redirectUrl? widgetData[currentIndex].redirectUrl : null" class="banner-title text-truncate"\n          *ngIf="widgetData[currentIndex].title" [title]="widgetData[currentIndex].title">\n          {{ widgetData[currentIndex].title }}\n        </a>\n        <div class="dots-container" *ngIf="widgetData?.length > 1">\n          <span class="dot" [ngClass]="{ active: j === currentIndex }" *ngFor="let slide of widgetData; let j = index"\n            (click)="slideTo(j)"></span>\n            <ng-content select="[sliderMeta]"></ng-content>\n        </div>\n      </div>\n    </ng-container>\n  </ng-container>\n  <div class="navigation {{isMobile? styleData?.responsive?.arrowsPlacement : styleData?.arrowsPlacement}}" \n  *ngIf="isMobile && styleData?.responsive?.navigationArrows !== \'hidden\' || !isMobile && styleData?.navigationArrows !== \'hidden\'">\n    <a *ngIf="widgetData?.length > 1" role="button" class="prev" (click)="slideTo(currentIndex - 1)">&#10094;</a>\n    <a *ngIf="widgetData?.length > 1" role="button" class="next" (click)="slideTo(currentIndex + 1)">&#10095;</a>\n  </div>\n</div>\n<div class="{{customBanner ? \'keybanner\' : \'banner-container-solo\'}} margin-top-s" *ngIf="widgetData?.length == 1">\n  <img i18n-alt alt="Page Banner" width="100%" height="100%" [src]="widgetData[0].banners" wsUtilsImageResponsive class="banner-image-solo" />\n</div>\n\n\x3c!-- <ng-container *ngIf="!widgetData?.length">\n  <div class="slider default-slider h-full">\n    <div class="relative h-full">\n        <img class="h-full" src="assets/icons/home/default-slider-image.svg" alt="">\n        <div class="default-title rounded-full">\n            <p class="mat-h1">{{title}}</p>\n        </div>\n    </div>\n  </div>\n</ng-container> --\x3e\n',styles:[".banner-container{min-height:243px;position:relative;margin:auto;padding-bottom:40px}.banner-container.inline-meta{padding-bottom:0!important}.banner-container.flat .banner .banner-image{border-radius:0!important}.keybanner{position:relative;margin:auto}.keybanner.inline-meta{padding-bottom:0!important}.keybanner.flat .banner .banner-image{border-radius:0!important}.banner-overlay{z-index:1;top:0;left:0;width:100%;height:100%;background:linear-gradient(to left,rgba(0,0,0,.25) 0,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 85%,rgba(0,0,0,.25) 100%);border-radius:inherit}.banner{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s;border-radius:inherit;height:inherit}.banner .banner-image{width:100%;min-height:243px;display:block;border-radius:inherit;height:inherit}.banner-meta{text-align:center;z-index:2;padding:8px 12px;position:absolute;bottom:0;left:50%;border-radius:12px;transform:translateX(-50%);box-sizing:border-box}.banner-meta.left{left:0;transform:translateX(0)}.banner-meta.right{left:100%;transform:translateX(-100%)}.banner-meta.top-center{left:0;bottom:100%;transform:translateX(-100%)}.banner-meta .banner-title{color:#f2f2f2;margin-bottom:8px;font-size:1.1rem}@media only screen and (max-width:599px){.banner-meta .banner-title{display:none}}.banner-meta .dots-container{padding:8px;display:flex;align-items:center;justify-content:center}.banner-meta .dots-container .dot{cursor:pointer;height:6px;width:6px;margin:0 4px;background-color:rgba(0,0,0,.4);border-radius:50%;display:inline-block;transition:background-color .5s!important}@media only screen and (max-width:599px){.banner-meta .dots-container .dot{height:8px;width:8px;margin:0 4px}}.banner-meta .dots-container .dot.active{border-radius:4px;background-color:#f3962f;width:16px}@keyframes fade{from{opacity:.25}to{opacity:1}}.next,.prev{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-weight:700;background-color:#1b2133!important;border-radius:50%;z-index:999;height:32px!important;width:32px!important;display:flex;align-items:center;margin-top:-16px;justify-content:center}.prev{left:0;margin-left:-16px}.next{right:0;margin-right:-16px}.navigation.bottom-right .prev{left:unset;right:45px;bottom:-15px;top:unset}.navigation.bottom-right .next{left:unset;right:15px;bottom:-15px;top:unset}.navigation.bottom-center .prev{left:calc(50% - 20px);right:unset;bottom:-15px;top:unset}.navigation.bottom-center .next{left:calc(50% + 20px);right:unset;bottom:-15px;top:unset}.navigation.bottom-left .prev{left:15px;right:unset;bottom:-15px;top:unset}.navigation.bottom-left .next{left:60px;right:unset;bottom:-15px;top:unset}.navigation.middle-inline .prev{left:30px}.navigation.middle-inline .next{right:30px}.banner-container-solo{overflow:hidden;margin:auto;border-radius:12px}.banner-image-solo{width:100%;display:block;border-radius:12px}.default-slider{height:100%;background:#d4e2fb}.default-slider .default-title{text-align:center;position:absolute;top:50%;left:0;right:0;margin:auto;transform:translateY(-50%);z-index:999;background:#e6efff;padding:32px;width:500px}.default-slider .default-title p{word-break:break-word;margin:0!important;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-transform:uppercase}@media screen and (max-width:768px){.default-slider{height:384px;width:100%}.default-slider .default-title{width:unset!important}}.keybanner .prev{background-color:#f3962f!important;color:#fff;top:50%;font-size:12px;height:26px!important;width:26px!important}.keybanner .next{top:50%;background-color:#f3962f!important;color:#fff;font-size:12px;height:26px!important;width:26px!important}@media screen and (max-width:768px){.keybanner .prev{top:50px;left:0;background-color:#f3962f!important;color:#fff}.keybanner .next{right:0;margin-right:-16px;top:50px;background-color:#f3962f!important;color:#fff}}"]}]}],e.ctorParameters=function(){return[{type:utilsV2.EventService},{type:utilsV2.ValueService}]},e.propDecorators={widgetData:[{type:core.Input}],styleData:[{type:core.Input}],title:[{type:core.Input}],loadNgContentData:[{type:core.Input}],autoScroll:[{type:core.Input}],customBanner:[{type:core.Input}],currentIndexValue:[{type:core.Output}],id:[{type:core.HostBinding,args:["id"]}],currentIndex:[{type:core.Input}]},e}(resolverV2.WidgetBaseComponent);var MyHammerConfig$1=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return __extends(e,t),e.prototype.buildHammer=function(t){return new Hammer(t,{touchAction:"pan-y"})},e}(platformBrowser.HammerGestureConfig),SlidersNgContentLibModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[SlidersNgContentLibComponent],imports:[common.CommonModule,router.RouterModule,NavigationModule,ImageResponsiveModule],exports:[SlidersNgContentLibComponent],entryComponents:[SlidersNgContentLibComponent],providers:[{provide:platformBrowser.HAMMER_GESTURE_CONFIG,useClass:MyHammerConfig$1}]}]}],t}(),ScrollableItemModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[ScrollableItemDirective],imports:[common.CommonModule],exports:[ScrollableItemDirective]}]}],t}(),CbpPlanModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[CbpPlanComponent],imports:[common.CommonModule,SkeletonLoaderLibModule,material.MatIconModule,ScrollableItemModule,SlidersNgContentLibModule],exports:[CbpPlanComponent]}]}],t}(),ConsumptionModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[ConsumptionComponent],imports:[ContentStripWithTabsLibModule,SlidersLibModule],exports:[ConsumptionComponent,ContentStripWithTabsLibModule,SlidersLibModule,DataPointsModule,CalenderModule,CommonStripModule,AnnouncementsModule,TopLearnersModule,CbpPlanModule]}]}],t}(),ROOT_WIDGET_CONFIG={card:{_type:"cardLib",cardResource:"cardContentLib"}},NsCardContent$1;!function(t){function e(){}function n(){}t.ICard=e,t.IContentTags=n,function(t){t.LIVE="Live",t.EXPIRED="Expired",t.DELETED="Deleted",t.MARK_FOR_DELETION="MarkedForDeletion"}(t.EContentStatus||(t.EContentStatus={})),function(t){t.UPCOMING="upcoming",t.ALL="All",t.OVERDUE="overdue",t.SUCCESS="success"}(t.ACBPConst||(t.ACBPConst={})),function(t){t.COMPETENCIES="competencies_v5",t.RETIRED="Retired"}(t.IGOTConst||(t.IGOTConst={}))}(NsCardContent$1||(NsCardContent$1={}));var CardsComponent=function(t){function e(e,n,a){var i=t.call(this)||this;return i.utilitySvc=e,i.contSvc=n,i.router=a,i.triggerTelemetry=new core.EventEmitter,i.isIntranetAllowedSettings=!1,i}return __extends(e,t),e.prototype.ngOnInit=function(){var t=this;this.cbPlanInterval=setInterval((function(){t.getCbPlanData()}),1e3),this.enrollInterval=setInterval((function(){t.getEnrollmentData()}),1e3)},Object.defineProperty(e.prototype,"isLiveOrMarkForDeletion",{get:function(){return!this.widgetData.content.status||"Live"===this.widgetData.content.status||"MarkedForDeletion"===this.widgetData.content.status},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"showIntranetContent",{get:function(){return!(!this.widgetData.content.isInIntranet||!this.utilitySvc.isMobile)&&!this.isIntranetAllowedSettings},enumerable:!0,configurable:!0}),e.prototype.getRedirectUrlData=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(n){switch(n.label){case 0:return t.externalId?(this.router.navigate(["app/toc/ext/"+t.contentId]),[3,3]):[3,1];case 1:return[4,this.contSvc.getResourseLink(t)];case 2:e=n.sent(),this.router.navigate([e.url],{queryParams:e.queryParams}),n.label=3;case 3:return[2]}}))}))},e.prototype.getCbPlanData=function(){var t={};if(localStorage.getItem("cbpData")){var e=JSON.parse(localStorage.getItem("cbpData")||"");e&&e.length&&e.forEach((function(e){t[e.identifier]=e})),this.cbPlanMapData=t,clearInterval(this.cbPlanInterval)}},e.prototype.getEnrollmentData=function(){localStorage.getItem("enrollmentMapData")&&(this.enrollmentMapData=JSON.parse(localStorage.getItem("enrollmentMapData")||"{}"),clearInterval(this.enrollInterval))},e.prototype.raiseCardClick=function(t){this.triggerTelemetry.emit(t)},e.decorators=[{type:core.Component,args:[{selector:"sb-uic-cards",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  \x3c!-- <sb-uic-card-karma-programs-v2 [widgetData]="widgetData"><sb-uic-card-karma-programs-v2> --\x3e\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\x3c!-- cios card --\x3e\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',styles:[""]}]}],e.ctorParameters=function(){return[{type:utilsV2.UtilityService},{type:WidgetContentService},{type:router.Router}]},e.propDecorators={widgetData:[{type:core.Input}],triggerTelemetry:[{type:core.Output}]},e}(resolverV2.WidgetBaseComponent);var CardResourceComponent=function(t){function e(){return t.call(this)||this}return __extends(e,t),e.prototype.ngOnInit=function(){},e.decorators=[{type:core.Component,args:[{selector:"ws-cb-widget-card-resource",template:' \x3c!-- <mat-card class="card-resource-container mr-5 padding-remove cursor-pointer " [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)="raiseTelemetry();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="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                <ws-widget-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                </ws-widget-display-content-type>\n              </div>\n              <div class="flex ml-5 flex-end course_v2">\n                <mat-icon class="mat-icon main_icon ws-mat-default-text margin-right-xs">video_library</mat-icon>\n                <ws-widget-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                </ws-widget-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 [id]="\'m-c-\'+ widgetData.content?.identifier"\n              class="mat-subheading-1 description-text font-medium 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}} {{ (widgetData.content.organisation && widgetData.content.organisation[0]) ? widgetData.content.organisation[0] : \'Karmayogi Bharat\' }}</span>\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> --\x3e\n',styles:[".card-resource-container{position:relative;width:384px;min-height:346px;border-radius:8px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;height:450px;margin:20px 8px}.card-resource-container .icon_text{font-size:12px;line-height:16px;text-transform:uppercase}.card-resource-container .description-text{margin:12px 0;font-weight:400}.card-resource-container .course_logo_box{width:24px;height:24px;background:#fff;border-radius:4px;border:1px solid rgba(0,0,0,.1607843137);box-sizing:border-box}.card-resource-container .course_logo_box img{height:18px;width:18px;padding:2px;display:inline-block}.card-resource-container .course_logo_box p{display:inline-block;vertical-align:top}.card-resource-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-resource-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-resource-container .source-div .source-icon{border-radius:8px;display:block;margin:auto;max-width:58px;max-height:-webkit-fill-available}.card-resource-container mat-card-content{background:#fff}.card-resource-container .card-img{max-height:240px;min-height:240px;width:100%;display:block;-o-object-fit:fill;object-fit:fill;border-top-left-radius:8px;border-top-right-radius:8px}.card-resource-container .mat-subheading-1{font:600 14px/24px Montserrat}.card-resource-container .complexity{padding-top:70px;display:flex;font-size:14px;line-height:21px;padding-bottom:10px}.card-resource-container .complexity .mode-tag{border-radius:5px;order:2;margin-left:auto;color:#fff;font-size:10px}.card-resource-container .complexity .duration{display:flex;margin-left:auto;order:3;font-weight:700}.card-resource-container .complexity .time-text{margin:0 5px 0 6px;font-weight:700}.card-resource-container .basic{margin:auto 0}.card-resource-container .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;min-height:48px}.card-resource-container .description-text{position:relative;overflow:hidden;height:42px;white-space:normal;text-overflow:ellipsis}"]}]}],e.ctorParameters=function(){return[]},e.propDecorators={widgetData:[{type:core.Input}]},e}(resolverV2.WidgetBaseComponent);var CardPortraitComponent=function(){function t(t,e,n,a,i){var o=this;this.snackBar=t,this.translate=e,this.langtranslations=n,this.configSvc=a,this.contSvc=i,this.isCardLoading=!1,this.contentData=new core.EventEmitter,this.isCardFlipped=!1,this.acbpConstants=NsCardContent$1.ACBPConst,this.showFlip=!1,this.widgetType="df",this.widgetSubType="sdf",this.langtranslations.languageSelectedObservable.subscribe((function(){if(localStorage.getItem("websiteLanguage")){o.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");o.translate.use(t)}}))}return t.prototype.ngOnInit=function(){var t=this.configSvc.instanceConfig;t?(this.defaultThumbnail=t.logos.defaultContent||"",this.sourceLogos=t.sources,this.defaultSLogo=t.logos.defaultSourceLogo||""):(this.defaultThumbnail="/assets/instances/eagle/app_logos/default.png",this.defaultSLogo="/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg")},t.prototype.showSnackbar=function(){this.showIntranetContent?this.snackBar.open("Content is only available in intranet","X",{duration:2e3}):this.isLiveOrMarkForDeletion||this.snackBar.open("Content may be expired or deleted","X",{duration:2e3})},t.prototype.getRedirectUrlData=function(t){this.widgetData&&this.widgetData.context&&this.widgetData.context.pageSection&&(t.typeOfTelemetry=this.widgetData.context.pageSection),this.contSvc.changeTelemetryData(t),this.contentData.emit(t)},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-card-portrait",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 | pipePublicURL" 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          \x3c!-- <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> --\x3e\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            \x3c!-- <span class="org-text">{{\'cardcontentv2.by\' | translate}} --\x3e\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            \x3c!-- <span class="most-enrolled-text margin-left-m">{{ \'cardcontentv2.mostEnrolled\' | translate }}</span> --\x3e\n            <ng-container *ngIf="widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes(\'mostEnrolled\')">\n              <span class="most-enrolled-text margin-left-xs">\n                \x3c!-- {{ \'cardcontentv2.mostEnrolled\' | translate }} --\x3e\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                \x3c!-- {{ \'cardcontentv2.mostTrending\' | translate }} --\x3e\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        \x3c!-- <h2 class="mat-subheading-2 flex-1 min-w-0 margin-remove-bottom" i18n>{{\'cardcontentv2.reason\' | translate}}</h2> --\x3e\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>',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-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;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}"]}]}],t.ctorParameters=function(){return[{type:material.MatSnackBar},{type:core$1.TranslateService},{type:MultilingualTranslationsService},{type:utilsV2.ConfigurationsService},{type:WidgetContentService}]},t.propDecorators={widgetData:[{type:core.Input}],isLiveOrMarkForDeletion:[{type:core.Input}],showIntranetContent:[{type:core.Input}],isIntranetAllowedSettings:[{type:core.Input}],isCardLoading:[{type:core.Input}],contentData:[{type:core.Output}],cbPlanMapData:[{type:core.Input}]},t}();var PipePublicURL=function(){function t(t){this.environment=t}return t.prototype.transform=function(t){var e=t&&t.split("/content").pop()||"",n=this.environment.contentHost+"/"+this.environment.contentBucket+"/content"+e;return t?n:""},t.decorators=[{type:core.Pipe,args:[{name:"pipePublicURL"}]}],t.ctorParameters=function(){return[{type:void 0,decorators:[{type:core.Inject,args:["environment"]}]}]},t}();var PipePublicURLModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[PipePublicURL],imports:[common.CommonModule],exports:[PipePublicURL]}]}],t}(),ObjectToArrayPipe=function(){function t(){}return t.prototype.transform=function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];return t},t.decorators=[{type:core.Pipe,args:[{name:"objectToArray"}]}],t}(),ObjectToArrayPipeModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[ObjectToArrayPipe],imports:[common.CommonModule],exports:[ObjectToArrayPipe]}]}],t}(),DisplayContentTypeLibComponent=function(){function t(t){this.langtranslations=t,this.useTranslation=!0,this.displayContentType=NsContent.EDisplayContentTypes.DEFAULT,this.displayContentTypeEnum=NsContent.EDisplayContentTypes}return t.prototype.ngOnInit=function(){},t.prototype.translateLabels=function(t,e){return this.langtranslations.translateLabel(t,e,"")},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-display-content-type",template:'<ng-container *ngIf="displayContentType">\n  <span [ngSwitch]="displayContentType" class="content-type-class">\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.ASSESSMENT" i18n>Assessment</ng-container>\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.AUDIO" i18n>Audio</ng-container>\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.CHANNEL" i18n>Channel</ng-container>\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.CERTIFICATION" i18n\n      >Certification</ng-container\n    >\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.CLASS_DIAGRAM" i18n\n      >Class Diagram</ng-container\n    >\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.COURSE" i18n>Course</ng-container>\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.DEFAULT" i18n>Content</ng-container>\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.DRAG_DROP" i18n>Drag & Drop</ng-container>\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.EXTERNAL_CERTIFICATION" i18n\n      >External Certification</ng-container\n    >\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.EXTERNAL_COURSE" i18n\n      >External Course</ng-container\n    >\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.HANDS_ON" i18n>Hands-On</ng-container>\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.IAP" i18n>Hands-On Assessment</ng-container>\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.INSTRUCTOR_LED" i18n\n      >Instructor-Led</ng-container\n    >\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.INTERACTIVE_VIDEO" i18n\n      >Interactive Video</ng-container\n    >\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.KNOWLEDGE_ARTIFACT" i18n\n      >Knowledge Artifact</ng-container\n    >\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.KNOWLEDGE_BOARD" i18n\n      >Knowledge Board</ng-container\n    >\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.LEARNING_JOURNEY" i18n\n      >Learning Journey</ng-container\n    >\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.MODULE" i18n>Module</ng-container>\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.PDF" i18n>Pdf</ng-container>\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.PROGRAM" i18n>Program</ng-container>\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.QUIZ" i18n>Quiz</ng-container>\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.RESOURCE" i18n>Resource</ng-container>\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.VIDEO" i18n>Video</ng-container>\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.WEB_MODULE" i18n>Web Module</ng-container>\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.WEB_PAGE" i18n>Web Page</ng-container>\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.YOUTUBE" i18n>Youtube</ng-container>\n    <ng-container *ngSwitchDefault i18n>\n      <span *ngIf="useTranslation">\n        {{ translateLabels(displayContentType, \'searchfilters\') }}\n      </span>\n      <span *ngIf="!useTranslation">\n        {{ displayContentType }}\n      </span>\n    </ng-container>\n  </span>\n  </ng-container>\n\x3c!-- <ng-container *ngIf="displayContentType">{{displayContentType}}</ng-container> --\x3e\n\x3c!-- <span [ngSwitch]="displayContentType">\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.ASSESSMENT" i18n>Assessment</ng-container>\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.AUDIO" i18n>Audio</ng-container>\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.CHANNEL" i18n>Channel</ng-container>\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.CERTIFICATION" i18n\n    >Certification</ng-container\n  >\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.CLASS_DIAGRAM" i18n\n    >Class Diagram</ng-container\n  >\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.COURSE" i18n>Course</ng-container>\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.DEFAULT" i18n>Content</ng-container>\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.DRAG_DROP" i18n>Drag & Drop</ng-container>\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.EXTERNAL_CERTIFICATION" i18n\n    >External Certification</ng-container\n  >\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.EXTERNAL_COURSE" i18n\n    >External Course</ng-container\n  >\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.HANDS_ON" i18n>Hands-On</ng-container>\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.IAP" i18n>Hands-On Assessment</ng-container>\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.INSTRUCTOR_LED" i18n\n    >Instructor-Led</ng-container\n  >\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.INTERACTIVE_VIDEO" i18n\n    >Interactive Video</ng-container\n  >\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.KNOWLEDGE_ARTIFACT" i18n\n    >Knowledge Artifact</ng-container\n  >\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.KNOWLEDGE_BOARD" i18n\n    >Knowledge Board</ng-container\n  >\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.LEARNING_JOURNEY" i18n\n    >Learning Journey</ng-container\n  >\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.MODULE" i18n>Module</ng-container>\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.PDF" i18n>Pdf</ng-container>\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.PROGRAM" i18n>Program</ng-container>\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.QUIZ" i18n>Quiz</ng-container>\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.RESOURCE" i18n>Resource</ng-container>\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.VIDEO" i18n>Video</ng-container>\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.WEB_MODULE" i18n>Web Module</ng-container>\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.WEB_PAGE" i18n>Web Page</ng-container>\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.YOUTUBE" i18n>Youtube</ng-container>\n  <ng-container *ngSwitchDefault i18n>Content</ng-container>\n</span> --\x3e\n',styles:[".content-type-class{color:rgba(0,0,0,.87);word-break:break-all;white-space:initial;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}"]}]}],t.ctorParameters=function(){return[{type:MultilingualTranslationsService}]},t.propDecorators={useTranslation:[{type:core.Input}],displayContentType:[{type:core.Input}]},t}();var DisplayContentTypeLibModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[DisplayContentTypeLibComponent],imports:[common.CommonModule,forms.ReactiveFormsModule,forms.FormsModule],exports:[DisplayContentTypeLibComponent]}]}],t}(),DefaultThumbnailDirective=function(){function t(){this.wsUtilsDefaultThumbnail="",this.src="",this.isSrcUpdateAttemptedForDefault=!1,this.srcUrl=""}return t.prototype.updateSrc=function(){this.isSrcUpdateAttemptedForDefault||(this.srcUrl=this.wsUtilsDefaultThumbnail,this.isSrcUpdateAttemptedForDefault=!0)},t.prototype.ngOnChanges=function(){this.src&&(this.srcUrl=this.src)},t.decorators=[{type:core.Directive,args:[{selector:"[wsUtilsDefaultThumbnail]"}]}],t.propDecorators={wsUtilsDefaultThumbnail:[{type:core.Input}],src:[{type:core.Input}],srcUrl:[{type:core.HostBinding,args:["src"]}],updateSrc:[{type:core.HostListener,args:["error"]}]},t}();var DefaultThumbnailModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[DefaultThumbnailDirective],imports:[common.CommonModule],exports:[DefaultThumbnailDirective]}]}],t}(),PipeDurationTransformPipe=function(){function t(){}return t.prototype.transform=function(t,e){if(t<=0)return"";var n=Math.floor(t/3600),a=Math.floor(t%3600/60),i=Math.floor(t%3600%60),o="";switch(e){case"time24":return this.defaultDuration(n,a,i);case"hms":return this.hmsCalculation(n,a,i,o,e);case"hms2H":var r=moment$4.duration(t,"seconds");return moment$4.utc(r.asMilliseconds()).format("HH:mm:ss");case"hms2M":var s=moment$4.duration(t,"seconds");return moment$4.utc(s.asMilliseconds()).format("mm:ss");case"hour":return 0===n&&(o+="less than an hour"),1===n&&(o+=n+" hour"),n>1&&(o+=n+" hours"),o;case"day":return n>24?moment$4.duration(t,"seconds").days()+" day(s)":this.hmsCalculation(n,a,i,o,e);default:return this.defaultDuration(n,a,i)}},t.prototype.defaultDuration=function(t,e,n){var a="";return a+=t>0?t.toString().padStart(2)+":":"",a+=e>0?e.toString().padStart(2)+":":"00:",a+=n>0?n.toString().padStart(2):"00"},t.prototype.hmsCalculation=function(t,e,n,a,i){var o="",r=a;return t>0&&(r+="hms"===i?t+"h":t+" hr"),e>0&&(t>0&&(o=" "),r+="hms"===i?""+o+e+"m":""+o+e+" min"),n>0&&0===t&&(e>0&&(o=" "),r+="hms"===i?""+o+n+"s":""+o+n+" sec"),r},t.decorators=[{type:core.Pipe,args:[{name:"pipeDurationTransform"}]}],t}(),PipeDurationTransformModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[PipeDurationTransformPipe],imports:[common.CommonModule],exports:[PipeDurationTransformPipe]}]}],t}(),CardUserComponent=function(){function t(t,e,n,a,i){var o=this;this.snackBar=t,this.events=e,this.translate=n,this.langtranslations=a,this.configSvc=i,this.userData=new core.EventEmitter,this.widgetType="df",this.widgetSubType="sdf",this.langtranslations.languageSelectedObservable.subscribe((function(){if(localStorage.getItem("websiteLanguage")){o.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");o.translate.use(t)}}))}return t.prototype.ngOnInit=function(){var t=this.configSvc.instanceConfig;t&&(this.defaultThumbnail=t.logos.defaultContent||"",this.sourceLogos=t.sources,this.defaultSLogo=t.logos.defaultSourceLogo||"")},t.prototype.getRedirectUrlData=function(t){this.userData.emit(t)},t.prototype.raiseTelemetry=function(){this.events.raiseInteractTelemetry({type:"click",subType:this.widgetType+"-"+this.widgetSubType,id:lodash.camelCase(this.widgetData.content.userId)+"-card"},{id:this.widgetData.content.userId,rollup:{}},{pageIdExt:lodash.camelCase("user")+"-card",module:lodash.camelCase("user")})},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-card-user",template:'<mat-card class="user-card card-users-container mr-5 padding-remove cursor-pointer">\n    <div class="display-contents">\n        <ng-container *ngIf="widgetData.content">\n            <a (click)="raiseTelemetry();$event.stopPropagation()" role="link"\n                i18n-aria-label>\n                <ng-container>\n                    <mat-card-content class="min-top">\n                        <div style="position: relative; z-index: 1;">\n                            <ng-container *ngIf="widgetData.content.image">\n                                <img mat-card-image [src]="widgetData.content.image"\n                                    loading="lazy" class="card-img ws-mat-primary-lite-background margin-remove"\n                                    [wsUtilsDefaultThumbnail]="defaultThumbnail" [alt]="widgetData.content.name" />\n                            </ng-container>\n                            <ng-container *ngIf="!widgetData.content.image">\n                                <ng-template #defaultImg>\n                                    <img mat-card-image [src]="defaultThumbnail" loading="lazy"\n                                        class="card-img ws-mat-primary-lite-background margin-remove"\n                                        [alt]="widgetData.content.name" />\n                                </ng-template>\n                            </ng-container>\n                        </div>\n                        <div class="padding-m">\n                            <div class="user_widget flex margin-remove">\n                            </div>\n                            <div [id]="\'m-c-\'+ widgetData.content?.userId"\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                                <p class="whitespace-normal description-text mat-body-2">\n                                    {{ widgetData?.content?.description }}\n                                </p>\n                            </div>\n                        </div>\n                    </mat-card-content>\n                </ng-container>\n            </a>\n        </ng-container>\n    </div>\n</mat-card>',styles:[".card-users-container{position:relative;width:282px;min-height:281px;border-radius:8px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;height:281px;margin:16px 8px}.card-users-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-users-container .course_logo_box img{height:28px;width:28px;padding:5px;display:inline-block}.card-users-container .course_logo_box p{display:inline-block;vertical-align:top}.card-users-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-users-container mat-card-content{background:#fff}.card-users-container .card-img{width:282px;height:158px;display:block;-o-object-fit:contain;object-fit:contain;border-top-left-radius:8px;border-top-right-radius:8px}.card-users-container .mat-subheading-1{font:600 14px/24px Montserrat}.card-users-container .complexity{padding-top:70px;display:flex;font-size:14px;line-height:21px;padding-bottom:10px}.card-users-container .complexity .mode-tag{border-radius:5px;order:2;margin-left:auto;color:#fff;font-size:10px}.card-users-container .complexity .duration{display:flex;margin-left:auto;order:3;font-weight:700}.card-users-container .complexity .time-text{margin:0 5px 0 6px;font-weight:700}.card-users-container .basic{margin:auto 0}.card-users-container .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:1;-webkit-box-orient:vertical;min-height:24px}.card-users-container .description-text{position:relative;overflow:hidden;height:63px;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.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}"]}]}],t.ctorParameters=function(){return[{type:material.MatSnackBar},{type:utilsV2.EventService},{type:core$1.TranslateService},{type:MultilingualTranslationsService},{type:utilsV2.ConfigurationsService}]},t.propDecorators={widgetData:[{type:core.Input}],userData:[{type:core.Output}]},t}();var CardLandscapeComponent=function(){function t(t,e,n,a,i){var o=this;this.snackBar=t,this.events=e,this.translate=n,this.langtranslations=a,this.configSvc=i,this.isCardLoading=!1,this.contentData=new core.EventEmitter,this.triggerTelemetry=new core.EventEmitter,this.isCardFlipped=!1,this.acbpConstants=NsCardContent$1.ACBPConst,this.showFlip=!1,this.widgetType="df",this.widgetSubType="sdf",this.langtranslations.languageSelectedObservable.subscribe((function(){if(localStorage.getItem("websiteLanguage")){o.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");o.translate.use(t)}}))}return t.prototype.ngOnInit=function(){var t=this,e=this.configSvc.instanceConfig;e?(this.defaultThumbnail=e.logos.defaultContent||"",this.sourceLogos=e.sources,this.defaultSLogo=e.logos.defaultSourceLogo||""):(this.defaultThumbnail="/assets/instances/eagle/app_logos/default.png",this.defaultSLogo="/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg"),this.cbPlanInterval=setInterval((function(){t.getCbPlanData()}),1e3)},t.prototype.showSnackbar=function(){this.showIntranetContent?this.snackBar.open("Content is only available in intranet","X",{duration:2e3}):this.isLiveOrMarkForDeletion||this.snackBar.open("Content may be expired or deleted","X",{duration:2e3})},t.prototype.getRedirectUrlData=function(t){this.contentData.emit(t)},t.prototype.raiseTelemetry=function(t){this.triggerTelemetry.emit(t)},t.prototype.getCbPlanData=function(){var t={};if(localStorage.getItem("cbpData")){var e=JSON.parse(localStorage.getItem("cbpData")||"");e&&e.length&&e.forEach((function(e){t[e.identifier]=e})),clearInterval(this.cbPlanInterval)}},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-card-landscape",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              \x3c!-- <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> --\x3e\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            \x3c!-- <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> --\x3e\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>',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-word;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}"]}]}],t.ctorParameters=function(){return[{type:material.MatSnackBar},{type:utilsV2.EventService},{type:core$1.TranslateService},{type:MultilingualTranslationsService},{type:utilsV2.ConfigurationsService}]},t.propDecorators={widgetData:[{type:core.Input}],isLiveOrMarkForDeletion:[{type:core.Input}],showIntranetContent:[{type:core.Input}],isIntranetAllowedSettings:[{type:core.Input}],isCardLoading:[{type:core.Input}],contentData:[{type:core.Output}],triggerTelemetry:[{type:core.Output}],cbPlanMapData:[{type:core.Input}]},t}();var CardWideComponent=function(){function t(t,e,n,a,i){var o=this;this.snackBar=t,this.events=e,this.translate=n,this.langtranslations=a,this.configSvc=i,this.isCardLoading=!1,this.contentData=new core.EventEmitter,this.isCardFlipped=!1,this.showFlip=!1,this.widgetType="df",this.widgetSubType="sdf",this.langtranslations.languageSelectedObservable.subscribe((function(){if(localStorage.getItem("websiteLanguage")){o.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");o.translate.use(t)}}))}return t.prototype.ngOnInit=function(){var t=this.configSvc.instanceConfig;t?(this.defaultThumbnail=t.logos.defaultContent||"",this.sourceLogos=t.sources,this.defaultSLogo=t.logos.defaultSourceLogo||"/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg"):(this.defaultThumbnail="/assets/instances/eagle/app_logos/default.png",this.defaultSLogo="/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg")},t.prototype.getRedirectUrlData=function(t){this.contentData.emit(t)},t.prototype.raiseTelemetry=function(){this.events.raiseInteractTelemetry({type:"click",subType:this.widgetType+"-"+this.widgetSubType,id:lodash.camelCase(this.widgetData.content.primaryCategory)+"-card"},{id:this.widgetData.content.identifier,type:this.widgetData.content.primaryCategory,rollup:{},ver:""+this.widgetData.content.version},{pageIdExt:lodash.camelCase(this.widgetData.content.primaryCategory)+"-card",module:lodash.camelCase(this.widgetData.content.primaryCategory)})},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-card-wide",template:'<mat-card class="card-wide-lib">\n    <a (click)="raiseTelemetry();getRedirectUrlData(widgetData?.content); $event.stopPropagation()" \n    role="link" i18n-aria-label>\n    <div class="flex">\n        <div>\n            <ng-container *ngIf="widgetData?.content?.posterImage">\n                <img mat-card-image [src]="widgetData?.content?.posterImage | pipePublicURL" loading="lazy"\n                class="card-wide-img ws-mat-primary-lite-background margin-remove" [wsUtilsDefaultThumbnail]="defaultThumbnail"\n                [alt]="widgetData?.content?.name" />\n              </ng-container>\n              <ng-container *ngIf="!widgetData?.content?.posterImage">\n                <ng-container *ngIf="widgetData?.content?.appIcon; else defaultImg">\n                  <img mat-card-image [src]="widgetData?.content?.appIcon | pipePublicURL" loading="lazy"\n                  class="card-wide-img ws-mat-primary-lite-background margin-remove"  [wsUtilsDefaultThumbnail]="defaultThumbnail"\n                  [alt]="widgetData?.content?.name" />\n                </ng-container>\n                <ng-template #defaultImg>\n                  <img mat-card-image [src]="defaultThumbnail" loading="lazy"\n                  class="card-wide-img ws-mat-primary-lite-background margin-remove"\n                  [alt]="widgetData?.content?.name" />\n                </ng-template>\n              </ng-container>\n        </div>\n        <div>\n            <div class="pl-4 pr-4 w-full">\n                <div class="course_widget flex margin-remove">\n                  <div class="flex flex-end course_v2">\n                    <mat-icon class="mat-icon main_icon ws-mat-default-text margin-right-xs">video_library</mat-icon>\n                    <sb-uic-display-content-type i18n-title title="Content Type" *ngIf="widgetData?.content?.primaryCategory"\n                      class="ws-mat-black60-text font-normal mat-caption " [displayContentType]="widgetData?.content?.primaryCategory===\'Course Unit\'\n                      ?\'Module\'\n                      :widgetData?.content?.primaryCategory">\n                    </sb-uic-display-content-type>\n                  </div>\n                </div>\n                <div [id]="\'m-c-\'+ widgetData?.content?.identifier"\n                  class="mat-subheading-1 title-text break-words  ws-mat-text-block-fade-gradient">\n                  {{ widgetData?.content?.name }}\n                </div>\n\n            <div class="flex w-full  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                \x3c!-- <span class="org-text">{{\'cardcontentv2.by\' | translate}} --\x3e\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>\n        </div>\n    </div>\n    </a>\n</mat-card>\n',styles:[".card-wide-lib{width:inherit;padding:16px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.16)}.card-wide-lib .card-wide-img{width:190px;height:107px;border-radius:12px}.card-wide-lib .course_widget{margin-top:10px}.card-wide-lib .course_widget .mat-icon{vertical-align:middle;color:#ef951e!important}.card-wide-lib .course_widget .course_v2{border:1px solid #ef951e;padding:4px 8px;align-items:end;border-radius:16px}.card-wide-lib .course_widget .main_icon{font-size:16px;width:16px;height:16px}.card-wide-lib .course_logo_box{width:38px;height:38px;background:#fff;border-radius:8px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.card-wide-lib .course_logo_box img{height:28px;width:28px;padding:5px;display:inline-block}.card-wide-lib .course_logo_box p{display:inline-block;vertical-align:top}.card-wide-lib .org-text{font-size:12px;font-weight:400;width:75%;padding-left:10px;word-break:break-all;white-space:initial;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}@media screen and (max-width:768px){.card-wide-img{width:147px!important;height:117px!important;border-radius:12px!important}.course_widget{max-width:145px}.org-text{width:56%!important}}"]}]}],t.ctorParameters=function(){return[{type:material.MatSnackBar},{type:utilsV2.EventService},{type:core$1.TranslateService},{type:MultilingualTranslationsService},{type:utilsV2.ConfigurationsService}]},t.propDecorators={widgetData:[{type:core.Input}],isLiveOrMarkForDeletion:[{type:core.Input}],showIntranetContent:[{type:core.Input}],isIntranetAllowedSettings:[{type:core.Input}],isCardLoading:[{type:core.Input}],contentData:[{type:core.Output}]},t}();var CardMDOChannelComponent=function(){function t(t,e,n,a,i,o){var r=this;this.events=t,this.translate=e,this.langtranslations=n,this.configSvc=a,this.contSvc=i,this.router=o,this.channelData=new core.EventEmitter,this.emitTelemetry=new core.EventEmitter,this.isCardLoading=!1,this.widgetType="",this.widgetSubType="",this.langtranslations.languageSelectedObservable.subscribe((function(){if(localStorage.getItem("websiteLanguage")){r.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");r.translate.use(t)}}))}return t.prototype.ngOnInit=function(){var t=this.configSvc.instanceConfig;t?(this.defaultThumbnail=t.logos.defaultContent||"",this.sourceLogos=t.sources,this.defaultSLogo=t.logos.defaultSourceLogo||""):(this.defaultThumbnail="/assets/instances/eagle/app_logos/default.png",this.defaultSLogo="/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg")},t.prototype.raiseTelemetry=function(t){this.emitTelemetry.emit(t),this.widgetData&&(t.typeOfTelemetry="mdo-channel"),this.contSvc.changeTelemetryData(t)},t.prototype.channelClick=function(t){this.channelData.emit(t)},t.prototype.redirectTo=function(t){this.router.navigate(["/app/learn/mdo-channels/"+t.orgName+"/"+t.identifier+"/micro-sites"])},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-card-mdo-channel",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>',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-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}@media screen and (max-width:768px){.card-channels-container{width:100%;margin:0}}"]}]}],t.ctorParameters=function(){return[{type:utilsV2.EventService},{type:core$1.TranslateService},{type:utilsV2.MultilingualTranslationsService},{type:utilsV2.ConfigurationsService},{type:WidgetContentService},{type:router.Router}]},t.propDecorators={widgetData:[{type:core.Input}],channelData:[{type:core.Output}],emitTelemetry:[{type:core.Output}],isCardLoading:[{type:core.Input}]},t}();var CardWideV2Component=function(){function t(t,e,n,a,i){var o=this;this.snackBar=t,this.events=e,this.translate=n,this.langtranslations=a,this.configSvc=i,this.isCardLoading=!1,this.contentData=new core.EventEmitter,this.triggerTelemetry=new core.EventEmitter,this.isCardFlipped=!1,this.acbpConstants=NsCardContent$1.ACBPConst,this.showFlip=!1,this.widgetType="df",this.widgetSubType="sdf",this.langtranslations.languageSelectedObservable.subscribe((function(){if(localStorage.getItem("websiteLanguage")){o.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");o.translate.use(t)}}))}return t.prototype.ngOnInit=function(){var t=this.configSvc.instanceConfig;t?(this.defaultThumbnail=t.logos.defaultContent||"",this.sourceLogos=t.sources,this.defaultSLogo=t.logos.defaultSourceLogo||""):(this.defaultThumbnail="/assets/instances/eagle/app_logos/default.png",this.defaultSLogo="/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg")},t.prototype.showSnackbar=function(){this.showIntranetContent?this.snackBar.open("Content is only available in intranet","X",{duration:2e3}):this.isLiveOrMarkForDeletion||this.snackBar.open("Content may be expired or deleted","X",{duration:2e3})},t.prototype.getRedirectUrlData=function(t){this.contentData.emit(t)},t.prototype.raiseTelemetry=function(t){this.triggerTelemetry.emit(t)},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-card-wide-v2",template:'<ng-container *ngIf="!isCardLoading">\n  <mat-card class="card-wide-v2 padding-remove position-relative flex {{widgetData?.cardCustomeClass}}">\n      <div class="imageholder ">\n        <img mat-card-image class="margin-remove"\n        [src]="widgetData?.content?.posterImage || widgetData?.content?.appIcon  | pipePublicURL" [wsUtilsDefaultThumbnail]="defaultThumbnail"\n        [alt]="widgetData?.content?.name">\n        <div class="source-div" [hidden]="true">\n          <img [src]="widgetData?.content?.creatorLogo | pipePublicURL" class="source-icon" [wsUtilsDefaultThumbnail]="defaultSLogo"\n            [alt]="(widgetData?.content?.sourceName + \'_\' + widgetData?.content?.identifier)" />\n        </div>\n        <div class="duration-box right-corner" *ngIf="widgetData?.content?.duration > 0">\n          <mat-icon class="mat-icon main_icon mr-1">access_time</mat-icon>\n          <span class=" ws-mat-white-text duration"> {{ (widgetData?.content?.duration || 120)| pipeDurationTransform: \'hms\' }}</span>\n        </div>\n        <ng-container *ngIf="cbPlanMapData && cbPlanMapData[widgetData?.content?.identifier]">\n          <ng-container [ngTemplateOutlet]="cbpPlan" [ngTemplateOutletContext]="{data: {\n            cbpData: cbPlanMapData[widgetData?.content?.identifier]\n          }}"></ng-container>\n        </ng-container>\n      </div>\n      <mat-card-content class="mat-text-box mb-0">\n        <div class="course_widget flex flex-between margin-remove">\n          <div class="flex flex-end course_v2">\n            <ng-container *ngIf="widgetData?.content?.contentType === \'Resource\' || widgetData?.content?.contentType === \'Course\' || widgetData?.content?.contentType === \'Module\'">\n              <mat-icon class="mat-icon main_icon ws-mat-default-text margin-right-xs">video_library</mat-icon>\n              <span class="ws-mat-black60-text font-normal mat-caption ">\n                {{widgetData?.content?.primaryCategory || widgetData?.content?.contentType}}\n                \x3c!-- {{ translateLabel(widgetData.content.primaryCategory || widgetData.content.contentType, \'searchfilters\') }} --\x3e\n              </span>\n            </ng-container>\n          </div>\n        </div>\n\n        <div class="flex main_title_box">\n          <p class="mat-subheading-1 title-text font-bold-imp cursor-pointer content-title">\n            <a (click)="raiseTelemetry(widgetData?.content);getRedirectUrlData(widgetData?.content); $event.stopPropagation()">\n              {{widgetData?.content?.name}}\n            </a>\n        </p>\n        </div>\n\n        <div class="bottomsection">\n          <div class="flex w-full flex-wrap flex-middle provider">\n            <div class="course_logo_box">\n              <img [src]="widgetData?.content?.creatorLogo | pipePublicURL " class="source-icon" [wsUtilsDefaultThumbnail]="defaultSLogo"\n              [alt]="(widgetData?.content?.sourceName + \'_\' + widgetData?.content?.identifier)" />\n            </div>\n            <span class="org-text">By&nbsp;\n              \x3c!-- {{\'cardcontentv2.by\' | translate}}  --\x3e\n              {{widgetData?.content?.organisation[0] }}</span>\n          </div>\n          <div class="flex flex-middle rating-session margin-top-xs">\n            <div class="flex flex-middle" *ngIf="widgetData?.content?.avgRating">\n              <mat-icon>star</mat-icon>\n              <span class="rating-number">{{widgetData?.content?.avgRating}}</span>\n            </div>\n            \x3c!-- <span class="most-enrolled-text margin-left-m">{{ \'cardcontentv2.mostEnrolled\' | translate }}</span> --\x3e\n            <ng-container *ngIf="widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes(\'mostEnrolled\')">\n              \x3c!-- <span class="most-enrolled-text margin-left-xs">{{ \'cardcontentv2.mostEnrolled\' | translate }}</span> --\x3e\n            </ng-container>\n            <ng-container *ngIf="widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes(\'mostTrending\')">\n              \x3c!-- <span class="most-enrolled-text margin-left-xs">{{ \'cardcontentv2.mostTrending\' | translate }}</span> --\x3e\n            </ng-container>\n          </div>\n        </div>\n      </mat-card-content>\n  </mat-card>\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</ng-container>\n  <ng-container *ngIf="isCardLoading">\n    <mat-card class="card-wide-v2 padding-remove position-relative flex">\n      <div class="">\n        <sb-uic-skeleton-loader [width]="\'300px\'" [height]="\'100%\'" class="h-full" [bindingClass]="\'flex rounded h-full min-height-width\'"></sb-uic-skeleton-loader>\n      </div>\n      <mat-card-content class="mat-text-box">\n        <div class="course_widget flex margin-remove">\n          <div class="flex flex-end ">\n            <sb-uic-skeleton-loader [width]="\'100px\'" [height]="\'21px\'" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\n          </div>\n        </div>\n  \n        <div class="flex main_title_box">\n          \x3c!-- <p class="mat-subheading-1 title-text font-bold-imp cursor-pointer content-title"> --\x3e\n            <sb-uic-skeleton-loader [width]="\'100%\'" [height]="\'21px\'" class="w-full h-full mt-2" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\n        \x3c!-- </p> --\x3e\n        </div>\n  \n        <div class="bottomsection">\n          <div class="flex w-full flex-wrap flex-middle">\n            <div class="course_logo_box mr-2">\n              <sb-uic-skeleton-loader [width]="\'28px\'" [height]="\'28px\'" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\n            </div>\n            <sb-uic-skeleton-loader [width]="\'100px\'" [height]="\'16px\'" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\n          </div>\n          <div class="flex flex-middle rating-session margin-top-xs">\n            <div class="flex flex-middle mr-2">\n              <sb-uic-skeleton-loader [width]="\'50px\'" [height]="\'16px\'" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\n            </div>\n            <sb-uic-skeleton-loader [width]="\'80px\'" [height]="\'16px\'" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\n          </div>\n        </div>\n      </mat-card-content>\n    </mat-card>\n  </ng-container>',styles:[".course_widget{margin-top:10px}.course_widget .mat-icon{vertical-align:middle;color:#ef951e!important}.course_widget .course_v2{border:1px solid #ef951e;padding:4px 8px;align-items:end;border-radius:16px}.course_widget .main_icon{font-size:16px;width:16px;height:16px}.rating-session mat-icon{font-size:16px;height:16px;width:12px;padding-right:3px;color:#ef951e}.rating-session span{font-size:11px}.rating-session .most-enrolled-text{padding:0 8px;background:#ffea9e;border-radius:4px}.duration-box{background:#000;position:absolute;border:none;display:flex;align-items:center;padding:4px;border-radius:4px}.duration-box.right-corner{right:4px;bottom:4px}.duration-box .mat-icon{vertical-align:middle;color:#fff!important;height:14px!important;width:14px!important;font-size:14px}.duration-box .duration{font:700 12px/16px Lato;display:inline-block;margin:0;padding:0}.card-wide-v2{border-radius:12px;max-width:100%;min-width:784px;display:flex;background-color:#fff}.card-wide-v2 .title-text{word-break:break-word;white-space:initial;margin:8px 0 4px;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px}.card-wide-v2 .course_logo_box{width:38px;height:38px;background:#fff;border-radius:4px;box-sizing:border-box;border:1px solid rgba(0,0,0,.16)}.card-wide-v2 .course_logo_box img{height:28px;width:28px;padding:5px;display:inline-block;-o-object-fit:cover;object-fit:cover}.card-wide-v2 .course_logo_box p{display:inline-block;vertical-align:top}.card-wide-v2 .org-text{font-size:14px;font-weight:400;padding-left:10px;word-break:break-all;white-space:initial;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.card-wide-v2 .rating-session mat-icon{font-size:20px;height:20px;width:20px;color:#ef951e}.card-wide-v2 .rating-session .rating-number{font-size:14px}.card-wide-v2 .rating-session .most-enrolled-text{font-size:12px;padding:0 10px;background:#ffea9e;border-radius:4px}.card-wide-v2 .highlight_point_text{margin-top:15px}.card-wide-v2 ul.highlighting_list li{display:inline-block;padding-right:10px}.card-wide-v2 ul.highlighting_list li .rating-number{letter-spacing:0;color:#f69953}.card-wide-v2 ul.highlighting_list li.rating .mat-icon{width:16px;height:16px;display:inline-table;color:#f69953;font-size:18px;vertical-align:text-bottom}.card-wide-v2 img.text_seperator{vertical-align:middle}.card-wide-v2 .mat-text-box{padding:12px 12px 11px;box-sizing:border-box;width:calc(100% - 315px)}@media (max-width:992px){.card-wide-v2 .mat-text-box{width:66%;padding:8px;position:relative;height:auto}}.card-wide-v2 .mat-text-box p.mat-caption .mat-icon{vertical-align:middle;height:18px!important;width:16px!important;font-size:16px!important;line-height:1.2}.card-wide-v2 .mat-text-box p.mat-caption .title_icon{vertical-align:middle}.card-wide-v2 .imageholder{width:310px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.card-wide-v2 .imageholder img{width:100%;display:block;border-radius:10px 0 0 10px;height:100%;max-height:172px;-o-object-fit:cover;object-fit:cover;vertical-align:middle}@media (max-width:992px){.card-wide-v2 .imageholder{width:34%;height:auto}.card-wide-v2 .imageholder img{height:auto}}.card-wide-v2 .imageholder .source-div{position:absolute;top:12px;right:12px;background:#fff;z-index:3;border:1px solid #dedfe0;min-width:98px;min-height:32px;max-width:98px;max-height:32px;display:flex;border-radius:16px;display:inline-flex}.card-wide-v2 .imageholder .source-div .source-icon{border-radius:8px;display:block;margin:auto;max-width:58px;max-height:-webkit-fill-available}.card-wide-v2 .main_title_box{height:60px}.card-wide-v2 p.actionbtns{margin-bottom:0}.card-wide-v2 .contenticon{vertical-align:middle;margin-right:6px;width:16px;max-height:16px}@media only screen and (min-width:600px) and (max-width:959px){.card-wide-v2{min-width:auto;display:flex;flex-direction:column;min-width:calc(100vw - 32px)}.card-wide-v2 .imageholder,.card-wide-v2 .mat-text-box{width:100%}.card-wide-v2 .provider{flex-wrap:nowrap}}@media only screen and (max-width:599px){.card-wide-v2{min-width:auto;display:flex;flex-direction:column;min-width:calc(100vw - 32px)}.card-wide-v2 .imageholder,.card-wide-v2 .mat-text-box{width:100%}.card-wide-v2 .provider{flex-wrap:nowrap}}.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}.min-width-763{min-width:763px;background-color:#fff}.mb-0{margin-bottom:0!important}@media screen and (min-width:344px) and (max-width:882px){.min-width-763{min-width:300px;overflow:hidden}}@media screen and (min-width:357px) and (max-width:667px){.min-width-763{min-width:340px;overflow:hidden}}@media screen and (min-width:360px) and (max-width:740px){.min-width-763{min-width:325px;overflow:hidden}}@media screen and (min-width:390px) and (max-width:844px){.min-width-763{min-width:358px;overflow:hidden}}@media screen and (min-width:414px) and (max-width:896px){.min-width-763{min-width:380px;overflow:hidden}}@media screen and (min-width:430px) and (max-width:932px){.min-width-763{min-width:395px;overflow:hidden}}"]}]}],t.ctorParameters=function(){return[{type:material.MatSnackBar},{type:utilsV2.EventService},{type:core$1.TranslateService},{type:MultilingualTranslationsService},{type:utilsV2.ConfigurationsService}]},t.propDecorators={widgetData:[{type:core.Input}],isLiveOrMarkForDeletion:[{type:core.Input}],showIntranetContent:[{type:core.Input}],isIntranetAllowedSettings:[{type:core.Input}],cbPlanMapData:[{type:core.Input}],isCardLoading:[{type:core.Input}],contentData:[{type:core.Output}],triggerTelemetry:[{type:core.Output}]},t}();var CardKarmaProgramsComponent=function(){function t(t,e,n,a,i,o){var r=this;this.events=t,this.translate=e,this.langtranslations=n,this.configSvc=a,this.contSvc=i,this.router=o,this.randomColorApply=!1,this.userData=new core.EventEmitter,this.isCardLoading=!1,this.widgetType="",this.widgetSubType="",this.randomColors=["#EF941D","#F97440","#35B5B0","#9988FF","#254092","#926525","#4F72DF"],this.langtranslations.languageSelectedObservable.subscribe((function(){if(localStorage.getItem("websiteLanguage")){r.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");r.translate.use(t)}}))}return t.prototype.ngOnInit=function(){var t=this.configSvc.instanceConfig;t?(this.defaultThumbnail=t.logos.defaultContent||"",this.sourceLogos=t.sources,this.defaultSLogo=t.logos.defaultSourceLogo||""):(this.defaultThumbnail="/assets/instances/eagle/app_logos/default.png",this.defaultSLogo="/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg"),this.setRandomColor()},t.prototype.setRandomColor=function(){if(this.widgetData&&this.widgetData.content)if(this.randomColorApply){var t=Math.floor(Math.random()*Math.floor(this.randomColors.length));this.widgetData.content.bgColor=this.randomColors[t]}else this.widgetData.content.bgColor="#1a4ca1"},Object.defineProperty(t.prototype,"getRandomColors",{get:function(){var t=Math.floor(Math.random()*Math.floor(this.randomColors.length));return this.randomColors[t]},enumerable:!0,configurable:!0}),t.prototype.redirectTo=function(t){this.widgetData&&this.widgetData.context&&this.widgetData.context.pageSection&&(t.typeOfTelemetry="karma-programs"),this.contSvc.changeTelemetryData(t),this.router.navigate(["/app/learn/karma-programs/"+t.title+"/"+t.playListKey+"/"+t.orgId+"/micro-sites"])},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-card-karma-programs",template:'<ng-container *ngIf="!isCardLoading">\n    <mat-card class="channels-card card-channels-container mr-5 padding-remove cursor-pointer" [ngStyle]="{\'background\': widgetData?.content?.bgColor}">\n        <div class="display-contents">\n            <ng-container *ngIf="widgetData?.content">\n                <a (click)="redirectTo(widgetData?.content);$event.stopPropagation();">\n                    <ng-container>\n                        <mat-card-content class="min-top">\n                            <div class="flex flex-col h-full">\n                                <div class="image-container">\n                                    <ng-container *ngIf="widgetData?.content?.imgSource && widgetData?.content?.imgSource?.length ; else defaultImg">\n                                        <img mat-card-image [src]="widgetData?.content?.imgSource[0]" loading="lazy"\n                                        class="card-img ws-mat-primary-lite-background margin-remove"  [wsUtilsDefaultThumbnail]="defaultThumbnail"\n                                        [alt]="widgetData?.content?.title" />\n                                    </ng-container>\n                                    <ng-template #defaultImg>\n                                        <sb-uic-avatar-photo [randomColor]="true" [name]="widgetData?.content?.title"  size="m-side-rating">\n                                        </sb-uic-avatar-photo>\n                                    </ng-template>\n                                </div>\n                                <div class="title-container">\n                                    <div class="flex   px-2">\n                                        <div [id]="\'m-c-\'+ widgetData?.content?.identifier"\n                                            class="flex-1 text-start  mat-subheading-2 title-text ws-mat-white-text">\n                                            {{ widgetData?.content?.title }}\n                                        </div>\n                                    </div>\n                                    <div class="flex  px-2">\n                                        <div [id]="\'m-c-\'+ widgetData?.content?.identifier"\n                                            class="flex-1 text-start margin-remove  margin-top-xxs mat-subheading-2 title-text ws-mat-white-text">\n                                            {{ widgetData?.content?.children?.length}} Programs\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </mat-card-content>\n                    </ng-container>\n                </a>\n            </ng-container>\n        </div>\n    </mat-card>\n</ng-container>\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 >\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 >\n                                        <sb-uic-skeleton-loader [width]="\'100%\'" [height]="\'100%\'" class="w-full h-full" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\n                                    </ng-container>\n                                </div>\n                                <div class="title-container">\n                                    <div class="flex   px-2">\n                                        <div class="flex-1 text-start  mat-subheading-2 title-text ws-mat-white-text">\n                                            <sb-uic-skeleton-loader [width]="\'100%\'" [height]="\'100%\'" class="w-full h-full" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\n                                        </div>\n                                    </div>\n                                    <div class="flex  px-2">\n                                        <div class="flex-1 text-start margin-remove  margin-top-xxs mat-subheading-2 title-text ws-mat-white-text">\n                                              <sb-uic-skeleton-loader [width]="\'120px\'" [height]="\'100%\'" class="w-full h-full" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </mat-card-content>\n                    </ng-container>\n                </a>\n            </ng-container>\n        </div>\n    </mat-card>\n</ng-container>',styles:[".card-channels-container{position:relative;width:245px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;min-height:217px;height:217px;max-height:217px;margin:20px 8px;background:#1a4ca1;border-radius:12px}.card-channels-container .min-top{background:inherit;margin-bottom:0;height:inherit}.card-channels-container .image-container{background-color:#fff;width:inherit;height:139px;max-height:139px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-top-left-radius:12px;border-top-right-radius:12px}.card-channels-container .card-img{max-height:100%;min-height:100%;display:block;-o-object-fit:fill;object-fit:fill}.card-channels-container .mat-subheading-1{font:600 14px/24px Montserrat}.card-channels-container .title-container{background:inherit}.card-channels-container .description-text{position:relative;overflow:hidden;height:51px}.card-channels-container .title-text{word-break:break-word;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;min-height:24px}"]}]}],t.ctorParameters=function(){return[{type:utilsV2.EventService},{type:core$1.TranslateService},{type:utilsV2.MultilingualTranslationsService},{type:utilsV2.ConfigurationsService},{type:WidgetContentService},{type:router.Router}]},t.propDecorators={widgetData:[{type:core.Input}],randomColorApply:[{type:core.Input}],userData:[{type:core.Output}],isCardLoading:[{type:core.Input}]},t}();var CardKarmaProgramsV2Component=function(){function t(t,e,n,a,i){var o=this;this.events=t,this.translate=e,this.langtranslations=n,this.configSvc=a,this.router=i,this.randomColorApply=!1,this.userData=new core.EventEmitter,this.raiseTemeletry=new core.EventEmitter,this.widgetType="",this.widgetSubType="",this.randomColors=["#EF941D","#F97440","#35B5B0","#9988FF","#254092","#926525","#4F72DF"],this.langtranslations.languageSelectedObservable.subscribe((function(){if(localStorage.getItem("websiteLanguage")){o.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");o.translate.use(t)}}))}return t.prototype.ngOnInit=function(){var t=this.configSvc.instanceConfig;t?(this.defaultThumbnail=t.logos.defaultContent||"",this.sourceLogos=t.sources,this.defaultSLogo=t.logos.defaultSourceLogo||""):(this.defaultThumbnail="/assets/instances/eagle/app_logos/default.png",this.defaultSLogo="/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg"),this.setRandomColor()},t.prototype.setRandomColor=function(){if(this.widgetData&&this.widgetData.content)if(this.randomColorApply){var t=Math.floor(Math.random()*Math.floor(this.randomColors.length));this.widgetData.content.bgColor=this.randomColors[t]}else this.widgetData.content.bgColor="#1a4ca1"},t.prototype.redirectTo=function(t){this.raiseTemeletry.emit(t),this.router.navigate(["/app/learn/karma-programs/"+t.title+"/"+t.playListKey+"/"+t.orgId+"/micro-sites"])},Object.defineProperty(t.prototype,"getRandomColors",{get:function(){var t=Math.floor(Math.random()*Math.floor(this.randomColors.length));return this.randomColors[t]},enumerable:!0,configurable:!0}),t.decorators=[{type:core.Component,args:[{selector:"sb-uic-card-karma-programs-v2",template:'<mat-card class="channels-card card-channels-container mr-5 padding-remove cursor-pointer" [ngStyle]="{\'background\': widgetData?.content?.bgColor}">\n    <div class="display-contents">\n        <ng-container *ngIf="widgetData?.content">\n            <a (click)="redirectTo(widgetData?.content);$event.stopPropagation()">\n                <ng-container>\n                    <mat-card-content class="min-top">\n                        <div class="flex flex-row md:flex-col h-full">\n                            <div class="image-container">\n                                <ng-container *ngIf="widgetData?.content?.imgSource && widgetData?.content?.imgSource?.length ; else defaultImg">\n                                    <img mat-card-image [src]="widgetData?.content?.imgSource[0]" loading="lazy"\n                                    class="card-img ws-mat-primary-lite-background margin-remove"  [wsUtilsDefaultThumbnail]="defaultThumbnail"\n                                    [alt]="widgetData?.content?.title" />\n                                </ng-container>\n                                <ng-template #defaultImg>\n                                    <sb-uic-avatar-photo [randomColor]="true" [name]="widgetData?.content?.title"  size="m-side-rating">\n                                    </sb-uic-avatar-photo>\n                                </ng-template>\n                            </div>\n                            <div class="flex items-center">\n                                <div class="title-container">\n                                    <div class="flex   px-2">\n                                        <div [id]="\'m-c-\'+ widgetData?.content?.identifier"\n                                            class="flex-1 text-start  mat-subheading-2 title-text ws-mat-white-text">\n                                            {{ widgetData?.content?.title }}\n                                        </div>\n                                    </div>\n                                    <div class="flex  px-2">\n                                        <div [id]="\'m-c-\'+ widgetData?.content?.identifier"\n                                            class="flex-1 text-start margin-remove  margin-top-xxs mat-subheading-2 title-text ws-mat-white-text">\n                                            {{ widgetData?.content?.children?.length}} Programs\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </mat-card-content>\n                </ng-container>\n            </a>\n        </ng-container>\n    </div>\n</mat-card>',styles:[".card-channels-container{position:relative;width:282px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;min-height:233px;height:233px;max-height:233px;margin:0 8px;background:#1a4ca1;border-radius:12px}.card-channels-container .min-top{background:inherit;margin-bottom:0;height:inherit}.card-channels-container .image-container{background-color:#fff;width:inherit;height:156px;max-height:156px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-top-left-radius:12px;border-top-right-radius:12px}.card-channels-container .card-img{max-height:100%;min-height:100%;display:block;-o-object-fit:fill;object-fit:fill}.card-channels-container .mat-subheading-1{font:600 14px/24px Montserrat}.card-channels-container .title-container{background:inherit}.card-channels-container .description-text{position:relative;overflow:hidden;height:51px}.card-channels-container .title-text{word-break:break-word;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;min-height:24px}@media screen and (max-width:768px){.card-channels-container{width:100%;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;min-height:unset;height:unset;max-height:unset;margin:0;padding:8px!important}.image-container{background-color:#fff;width:155px!important;min-width:155px!important;max-width:155px!important;height:106px!important;max-height:106px!important;border-radius:12px}}"]}]}],t.ctorParameters=function(){return[{type:utilsV2.EventService},{type:core$1.TranslateService},{type:utilsV2.MultilingualTranslationsService},{type:utilsV2.ConfigurationsService},{type:router.Router}]},t.propDecorators={widgetData:[{type:core.Input}],randomColorApply:[{type:core.Input}],userData:[{type:core.Output}],raiseTemeletry:[{type:core.Output}]},t}();var ProviderCardComponent=function(){function t(t){this.router=t,this.randomColorApply=!0,this.isCardLoading=!1,this.colors=["#EF941D","#F97440","#35B5B0","#9988FF","#816FEC","#254092","#926525","#4F72DF"]}return t.prototype.ngOnInit=function(){this.setRandomColor()},t.prototype.setRandomColor=function(){if(this.widgetData&&this.widgetData.content)if(this.randomColorApply){var t=Math.floor(Math.random()*Math.floor(this.colors.length));this.widgetData.content.bgColor=this.colors[t]}else this.widgetData.content.bgColor="#1a4ca1"},t.prototype.redirectTo=function(t){this.router.navigate(["/app/learn/browse-by/provider/"+t.name+"/"+t.orgId+"/micro-sites"])},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-provider-card",template:'\x3c!-- <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> --\x3e\n  \x3c!-- {{widgetData|json}} --\x3e\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>',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}"]}]}],t.ctorParameters=function(){return[{type:router.Router}]},t.propDecorators={widgetData:[{type:core.Input}],randomColorApply:[{type:core.Input}],isCardLoading:[{type:core.Input}]},t}();var CardPortraitExtComponent=function(){function t(t,e,n,a,i){var o=this;this.snackBar=t,this.translate=e,this.langtranslations=n,this.configSvc=a,this.contSvc=i,this.isCardLoading=!1,this.contentData=new core.EventEmitter,this.isCardFlipped=!1,this.acbpConstants=NsCardContent$1.ACBPConst,this.showFlip=!1,this.widgetType="df",this.widgetSubType="sdf",this.langtranslations.languageSelectedObservable.subscribe((function(){if(localStorage.getItem("websiteLanguage")){o.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");o.translate.use(t)}}))}return t.prototype.ngOnInit=function(){this.widgetData&&this.widgetData.content&&(this.widgetData.content.duration=60*this.widgetData.content.duration);var t=this.configSvc.instanceConfig;t?(this.defaultThumbnail=t.logos.defaultContent||"",this.sourceLogos=t.sources,this.defaultSLogo=t.logos.defaultSourceLogo||""):(this.defaultThumbnail="/assets/instances/eagle/app_logos/default.png",this.defaultSLogo="/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg")},t.prototype.showSnackbar=function(){this.showIntranetContent?this.snackBar.open("Content is only available in intranet","X",{duration:2e3}):this.isLiveOrMarkForDeletion||this.snackBar.open("Content may be expired or deleted","X",{duration:2e3})},t.prototype.getRedirectUrlData=function(t){this.widgetData&&this.widgetData.context&&this.widgetData.context.pageSection&&(t.typeOfTelemetry=this.widgetData.context.pageSection),this.contSvc.changeTelemetryData(t),this.contentData.emit(t)},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-card-portrait-ext",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?.contentPartner?.link" 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              \x3c!-- <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]="\'External Course\'">\n  \n                </sb-uic-display-content-type>\n              </div> --\x3e\n            </div>\n            <div [id]="\'m-c-\'+ widgetData?.content?.contentId"\n              class="mat-subheading-1 title-text ws-mat-text-block-fade-gradient" [matTooltip]="widgetData?.content?.name">\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?.contentPartner?.link  " class="source-icon" [wsUtilsDefaultThumbnail]="defaultSLogo"\n                [alt]="(widgetData?.content?.sourceName + \'_\' + widgetData?.content?.contentId)" />\n              </div>\n              \x3c!-- <span class="org-text">{{\'cardcontentv2.by\' | translate}} --\x3e\n                <span class="org-text">By&nbsp; {{ (widgetData?.content?.contentPartner?.contentPartnerName) ? widgetData?.content?.contentPartner?.contentPartnerName : \'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              \x3c!-- <span class="most-enrolled-text margin-left-m">{{ \'cardcontentv2.mostEnrolled\' | translate }}</span> --\x3e\n              <ng-container *ngIf="widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes(\'mostEnrolled\')">\n                <span class="most-enrolled-text margin-left-xs">\n                  \x3c!-- {{ \'cardcontentv2.mostEnrolled\' | translate }} --\x3e\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                  \x3c!-- {{ \'cardcontentv2.mostTrending\' | translate }} --\x3e\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          \x3c!-- <h2 class="mat-subheading-2 flex-1 min-w-0 margin-remove-bottom" i18n>{{\'cardcontentv2.reason\' | translate}}</h2> --\x3e\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>',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:300px;height:300px;border-radius:8px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;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-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;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}.tooltiptext{visibility:hidden;width:90px;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:4px 0;position:absolute;z-index:1;top:25px;left:-32px;font-size:12px}.title-text:hover .tooltiptext{visibility:visible}"]}]}],t.ctorParameters=function(){return[{type:material.MatSnackBar},{type:core$1.TranslateService},{type:MultilingualTranslationsService},{type:utilsV2.ConfigurationsService},{type:WidgetContentService}]},t.propDecorators={widgetData:[{type:core.Input}],isLiveOrMarkForDeletion:[{type:core.Input}],showIntranetContent:[{type:core.Input}],isIntranetAllowedSettings:[{type:core.Input}],isCardLoading:[{type:core.Input}],contentData:[{type:core.Output}],cbPlanMapData:[{type:core.Input}]},t}();var CardAssessmentComponent=function(){function t(t,e){this.configSvc=t,this.contSvc=e,this.contentData=new core.EventEmitter,this.isCardLoading=!1,this.stripData=[],this.enrollList=[],this.activeResource=[],this.daysRemaining=0,this.daysPending=!1,this.daysFinish=!1}return t.prototype.ngOnInit=function(){var t=this.configSvc.instanceConfig;t&&(this.defaultThumbnail=t.logos.defaultContent||"",this.defaultSLogo=t.logos.defaultSourceLogo||"")},t.prototype.startCountdown=function(t){var e=t.startDate;this.updateCountdown(e)},t.prototype.updateCountdown=function(t){var e=(new Date).getTime(),n=new Date(t).getTime()-e;n>0?(this.daysPending=!0,this.days=Math.floor(n/864e5),this.hours=Math.floor(n%864e5/36e5),this.minutes=Math.floor(n%36e5/6e4)):(this.daysRemaining=0,this.daysPending=!1)},t.prototype.ngOnDestroy=function(){},t.prototype.getRedirectUrlData=function(t){this.widgetData&&this.widgetData.context&&this.widgetData.context.pageSection&&(t.typeOfTelemetry=this.widgetData.context.pageSection),this.contSvc.changeTelemetryData(t),this.contentData.emit(t)},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-card-assessment",template:'<ng-container *ngIf="!isCardLoading">\n\t<mat-card\n\t\tclass="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"\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-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 "\n\t\t\t\t\t\t\t\t\t\t\t\tclass="source-icon" [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\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<div class="flex  flex-row" *ngIf="daysPending">\n\t\t\t\t\t\t\t\t\t\t\t<span class="start-span">Assessment starts in</span>\n\t\t\t\t\t\t\t\t\t\t\t<div class="flex margin-right-s">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class="big-text"><b>{{ days }}</b> <span\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass="small-text">days</span> </span> &nbsp; : &nbsp; <span\n\t\t\t\t\t\t\t\t\t\t\t\t\tclass="big-text"><b>{{ hours }} </b><span\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass="small-text">hours</span>\n\t\t\t\t\t\t\t\t\t\t\t\t</span> &nbsp; : &nbsp; <span class="big-text"> <b>{{ minutes }}</b> <span\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass="small-text">minutes</span>\n\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t<div class="flex">\n\t\t\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\t\t\tclass="time-span flex items-center justify-center">{{widgetData?.content?.batch?.startDate\n\t\t\t\t\t\t\t\t\t\t\t\t\t| date: \'dd MMM yyy HH:mm\' }}</span>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div *ngIf="!daysPending" class="flex flex-row"> \n\t\t\t\t\t\t\t\t\t\t\t<span class="start-span">Assessment ends on </span>\n\t\t\t\t\t\t\t\t\t\t\t<div class="flex margin-right-s">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class="start-btn">Start Assessment</span> \n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t<div class="flex">\n\t\t\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\t\t\tclass="time-span flex items-center justify-center">{{widgetData?.content?.batch?.endDate\n\t\t\t\t\t\t\t\t\t\t\t\t\t| date: \'dd MMM yyy HH:mm\' }}</span>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\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\n\t\tclass="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\'"\n\t\t\t\t\t\t\t\t\t\t\t[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\x3c!-- <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> --\x3e\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>',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:90%;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:100px}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:16px}.small-text{font-size:12px!important;vertical-align:top;margin-left:4px}"]}]}],t.ctorParameters=function(){return[{type:utilsV2.ConfigurationsService},{type:WidgetContentService}]},t.propDecorators={widgetData:[{type:core.Input}],enrollmentMapData:[{type:core.Input}],contentData:[{type:core.Output}],isCardLoading:[{type:core.Input}]},t}();var ɵ0$3=function(t){return"certreg/v2/certs/download/"+t},ɵ1$2=function(t){return"apis/protected/v8/cohorts/course/batch/cert/download/"+t},urls={DOWNLOAD_CERTIFICATE:ɵ0$3,DOWNLOAD_CERTIFICATE_v2:ɵ1$2},CertificateService=function(){function t(t){this.http=t}return t.prototype.downloadCertificate=function(t){return this.http.get(urls.DOWNLOAD_CERTIFICATE(t))},t.prototype.downloadCertificate_v2=function(t){return this.http.get(urls.DOWNLOAD_CERTIFICATE_v2(t))},t.decorators=[{type:core.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[{type:http.HttpClient}]},t.ngInjectableDef=core.ɵɵdefineInjectable({factory:function(){return new t(core.ɵɵinject(http.HttpClient))},token:t,providedIn:"root"}),t}();var CertificateDialogComponent=function(){function t(t,e,n,a,i,o){var r=this;this.events=e,this.translate=n,this.langtranslations=a,this.dialogRef=i,this.data=o,this.navUrl="",this.environment=t,this.langtranslations.languageSelectedObservable.subscribe((function(){if(localStorage.getItem("websiteLanguage")){r.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");r.translate.use(t)}}))}return t.prototype.ngOnInit=function(){this.url=this.data.cet,this.navUrl="https://www.linkedin.com/sharing/share-offsite/?url="+this.environment.contentHost+"/apis/public/v8/cert/download/"+this.data.certId},t.prototype.downloadCert=function(){this.raiseIntreactTelemetry("svg");var t=document.createElement("a");t.href=this.data.cet,t.download="Certificate",document.body.appendChild(t),t.style="display: none",t.click(),t.remove()},t.prototype.downloadCertPng=function(){this.raiseIntreactTelemetry("png");var t=this.data.cet,e=new Image;e.src=t,e.width=1820,e.height=1e3,e.onload=function(){var t,n=document.createElement("canvas");t=__read([e.width,e.height],2),n.width=t[0],n.height=t[1];var a=n.getContext("2d");if(a){a.drawImage(e,0,0,e.width,e.height);var i=document.createElement("a");i.href=n.toDataURL("image/png",1),i.download="Certificate",i.append(n),i.click(),i.remove()}}},t.prototype.downloadCertPdf=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(n){return this.raiseIntreactTelemetry("pdf"),t=this.data.cet,(e=new Image).src=t,e.width=1820,e.height=1e3,e.onload=function(){var t,n=document.createElement("canvas");t=__read([e.width,e.height],2),n.width=t[0],n.height=t[1];var a=n.getContext("2d");if(a){a.drawImage(e,0,0,e.width,e.height);var i=n.toDataURL("application/pdf",1),o=new jspdf.jsPDF("landscape","px","a4");o.addImage(i,10,20,600,350),o.save("Certificate.pdf")}},[2]}))}))},t.prototype.shareCert=function(){return this.raiseShareIntreactTelemetry("share"),window.open(this.navUrl,"_blank")},t.prototype.raiseShareIntreactTelemetry=function(t,e){this.events.raiseInteractTelemetry({type:utilsV2.WsEvents.EnumInteractTypes.CLICK,id:t+"-"+utilsV2.WsEvents.EnumInteractSubTypes.CERTIFICATE,subType:e&&e},{id:this.data.certId,type:utilsV2.WsEvents.EnumInteractSubTypes.CERTIFICATE})},t.prototype.raiseIntreactTelemetry=function(t){this.events.raiseInteractTelemetry({type:utilsV2.WsEvents.EnumInteractTypes.CLICK,id:"download-certificate",subType:t&&t},{id:this.data.certId,type:utilsV2.WsEvents.EnumInteractSubTypes.CERTIFICATE})},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-certificate-dialog",template:'<mat-card class="no-shadow certificate-img-box">\n    <button mat-icon-button class="close-button" [mat-dialog-close]="true">\n        <mat-icon class="close-icon" color="warn">close</mat-icon>\n    </button>\n    \x3c!-- <mat-card-title>\n\n    </mat-card-title> --\x3e\n    <mat-card-content class="certificate-img-content">\n        <img #certificate [src]="url| pipeSafeSanitizer: \'url\'" alt="Certificate" role="image" class="certificate-banner-image">\n    </mat-card-content>\n    <mat-card-actions class="flex gap-4 flex-row-reverse">\n        \x3c!-- <ws-widget-svg-to-pdf></ws-widget-svg-to-pdf> --\x3e\n        <a mat-button (click)="shareCert()" class="ws-mat-accent-border-active mat-accent btn-custom">\n            <mat-icon class="mat-icon material-icons-outlined download_icon margin-right-xs">share</mat-icon>\n            Share\n        </a>\n        <a mat-button [matMenuTriggerFor]="menu" class="ws-mat-accent-border-active mat-accent btn-custom" (click)="raiseIntreactTelemetry()">\n            <mat-icon class="mat-icon material-icons-outlined download_icon margin-right-xs">cloud_download</mat-icon>\n            {{\'certificatedialog.download\' | translate}}\n        </a>\n        <mat-menu #menu="matMenu">\n            <button mat-menu-item (click)=\'downloadCertPdf()\'>\n                <mat-icon>picture_as_pdf</mat-icon>\n                <span>{{\'certificatedialog.pdf\' | translate}}</span>\n            </button>\n            <button mat-menu-item (click)=\'downloadCertPng()\'>\n                <mat-icon>photo</mat-icon>\n                <span>{{\'certificatedialog.png\' | translate}}</span>\n            </button>\n            <button mat-menu-item (click)=\'downloadCert()\'>\n                <mat-icon>photo_size_select_actual</mat-icon>\n                <span>{{\'certificatedialog.svg\' | translate}}</span>\n            </button>\n        </mat-menu>\n    </mat-card-actions>\n</mat-card>\n',host:{class:"certificate-inner-dialog-panel"},styles:[".no-shadow{box-shadow:none!important}.certificate-banner-image{height:30rem;display:flex;width:auto;margin:0 auto}.certificate-img-box{max-height:35rem;overflow-y:auto;overflow-x:hidden}.certificate-img-content{overflow:hidden}a.download_btn{background-color:#f0f0f0;border-radius:4px;float:right;height:40px;padding:0 16px;text-align:center;line-height:40px;text-decoration:none;color:rgba(0,0,0,.6);font-size:14px;font-weight:600;margin-top:16px;margin-right:0}.download_icon{font-size:16px;vertical-align:text-top}.close-icon{transition:1s ease-in-out;color:#fff!important}.close-icon:hover{transform:rotate(180deg)}::ng-deep .icon-outside .close-button{float:right;top:-52px;right:-52px}::ng-deep .icon-outside .mat-dialog-container{overflow:unset}::ng-deep .cdk-overlay-pane{max-height:96%!important;overflow-y:auto!important}.certificate-banner-image svg{width:500;height:500}@media only screen and (max-width:1279px){.certificate-banner-image{width:100%;height:auto;flex:1}.certificate-banner-image svg{width:auto;height:auto;flex:1}}.close-button{float:right;top:-16px;right:-12px;height:30px;width:30px;line-height:30px;background:#000!important;color:#fff!important;border-radius:50%!important}.ws-mat-accent-border{border:1px solid rgba(255,255,255,.08)}.ws-mat-accent-border-active{border:1px solid #1b4ca1;color:#1b4ca1}.btn-custom,.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{box-sizing:border-box;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;outline:0;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;min-width:64px;line-height:36px;padding:0 16px;border-radius:4px;overflow:visible}.close-icon{position:absolute!important;top:19px!important;right:18px!important}"]}]}],t.ctorParameters=function(){return[{type:void 0,decorators:[{type:core.Inject,args:["environment"]}]},{type:utilsV2.EventService},{type:core$1.TranslateService},{type:utilsV2.MultilingualTranslationsService},{type:material.MatDialogRef},{type:void 0,decorators:[{type:core.Inject,args:[material.MAT_DIALOG_DATA]}]}]},t}();var CardProgressPortraitLibComponent=function(){function t(t,e,n,a,i,o,r,s){var l=this;this.snackBar=t,this.translate=e,this.events=n,this.langtranslations=a,this.configSvc=i,this.contSvc=o,this.certificateService=r,this.dialog=s,this.isCardLoading=!1,this.contentData=new core.EventEmitter,this.isCardFlipped=!1,this.acbpConstants=NsCardContent$1.ACBPConst,this.showFlip=!1,this.widgetType="df",this.widgetSubType="sdf",this.downloadCertificateLoading=!1,this.langtranslations.languageSelectedObservable.subscribe((function(){if(localStorage.getItem("websiteLanguage")){l.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");l.translate.use(t)}}))}return t.prototype.ngOnInit=function(){var t=this.configSvc.instanceConfig;t?(this.defaultThumbnail=t.logos.defaultContent||"",this.sourceLogos=t.sources,this.defaultSLogo=t.logos.defaultSourceLogo||""):(this.defaultThumbnail="/assets/instances/eagle/app_logos/default.png",this.defaultSLogo="/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg")},t.prototype.showSnackbar=function(){this.showIntranetContent?this.snackBar.open("Content is only available in intranet","X",{duration:2e3}):this.isLiveOrMarkForDeletion||this.snackBar.open("Content may be expired or deleted","X",{duration:2e3})},t.prototype.getRedirectUrlData=function(t){this.widgetData&&this.widgetData.context&&this.widgetData.context.pageSection&&(t.typeOfTelemetry=this.widgetData.context.pageSection),this.contSvc.changeTelemetryData(t),this.contentData.emit(t)},t.prototype.translateLabels=function(t,e,n){return this.langtranslations.translateLabelWithoutspace(t,e,n)},t.prototype.raiseTelemetry=function(){this.events.raiseInteractTelemetry({type:"click",subType:this.widgetType+"-"+this.widgetSubType,id:lodash.camelCase(this.widgetData.content.primaryCategory)+"-card"},{id:this.widgetData.content.identifier,type:this.widgetData.content.primaryCategory,rollup:{},ver:""+this.widgetData.content.version},{pageIdExt:lodash.camelCase(this.widgetData.content.primaryCategory)+"-card",module:lodash.camelCase(this.widgetData.content.primaryCategory)})},t.prototype.downloadCertificate=function(t){var e=this;if(this.events.raiseInteractTelemetry({type:utilsV2.WsEvents.EnumInteractTypes.CLICK,id:"view-certificate",subType:utilsV2.WsEvents.EnumInteractSubTypes.CERTIFICATE},{id:t.issuedCertificates[0].identifier,type:utilsV2.WsEvents.EnumInteractSubTypes.CERTIFICATE}),t.issuedCertificates.length>0){this.downloadCertificateLoading=!0;var n=t.issuedCertificates[0];this.certificateService.downloadCertificate_v2(n.identifier).subscribe((function(t){e.downloadCertificateLoading=!1;var a=t.result.printUri;e.dialog.open(CertificateDialogComponent,{width:"1300px",data:{cet:a,certId:n.identifier}})}))}else this.downloadCertificateLoading=!1},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-card-progress-portrait-lib",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>',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-word;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}"]}]}],t.ctorParameters=function(){return[{type:material.MatSnackBar},{type:core$1.TranslateService},{type:utilsV2.EventService},{type:MultilingualTranslationsService},{type:utilsV2.ConfigurationsService},{type:WidgetContentService},{type:CertificateService},{type:material.MatDialog}]},t.propDecorators={widgetData:[{type:core.Input}],isLiveOrMarkForDeletion:[{type:core.Input}],showIntranetContent:[{type:core.Input}],isIntranetAllowedSettings:[{type:core.Input}],isCardLoading:[{type:core.Input}],contentData:[{type:core.Output}],cbPlanMapData:[{type:core.Input}]},t}();var ContentProgressComponent=function(){function t(){this.contentId="",this.progress=0,this.progressType="",this.forPreview=!1,this.className="",this.customClassName="accent-progress",this.rendom=Math.random(),this.id="progress_"+Math.random(),this.contentId&&(this.id=this.contentId)}return t.prototype.ngOnChanges=function(){this.contentId&&!this.progress&&this.forPreview,this.progress&&("percentage"===this.progressType?this.progress=this.progress:this.progress=Math.round(1e4*this.progress)/100)},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-content-progress",template:'<mat-progress-bar [mode]="\'determinate\'" [matTooltip]="progress + \' %\'" [value]="progress" class="new-w content-progress {{customClassName}}"\n  [attr.aria-labelledby]="\'m-c-\'+ contentId" [ngClass]="{ \'visibility-0\': progress === undefined, \'thick\': className}"\n  i18n-aria-label> {{ progress }} % </mat-progress-bar>',host:{role:"progressbar","aria-valuemin":"0","aria-valuemax":"100",title:"progres","[attr.aria-valuenow]":"progress"},styles:[".visibility-0{display:none}::ng-deep.mat-progress-bar.thick{height:10px}::ng-deep.theme-igot.day-mode .mat-progress-bar-fill::after{background:no-repeat padding-box #34d6a4}::ng-deep.theme-igot.day-mode .mat-progress-bar-background{fill:rgba(0,0,0,.001)!important}::ng-deep.theme-igot.day-mode .mat-progress-bar-buffer{background-color:rgba(0,0,0,.1)!important}::ng-deep .content-progress .mat-progress-bar-fill::after{background:#f69953!important}::ng-deep.theme-igot.day-mode .viewer-progress .mat-progress-bar-background{fill:rgba(0,0,0,.1)!important}::ng-deep.theme-igot.day-mode .viewer-progress .mat-progress-bar-buffer{background-color:rgba(0,0,0,.1)!important}::ng-deep.mat-progress-bar.viewer-progress{height:4px;border-radius:5px}"]}]}],t.ctorParameters=function(){return[]},t.propDecorators={contentId:[{type:core.Input}],progress:[{type:core.Input}],progressType:[{type:core.Input}],forPreview:[{type:core.Input}],className:[{type:core.Input}],customClassName:[{type:core.Input}],id:[{type:core.HostBinding,args:["id"]}]},t}();var ContentProgressModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[ContentProgressComponent],imports:[common.CommonModule,material.MatProgressBarModule,material.MatTooltipModule],exports:[ContentProgressComponent]}]}],t}(),ɵ0$4=HttpLoaderFactory,DialogComponentsModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[CertificateDialogComponent],imports:[common.CommonModule,material.MatMenuModule,material.MatCardModule,material.MatIconModule,material.MatDialogModule,utilsV2.PipeSafeSanitizerModule,core$1.TranslateModule.forRoot({loader:{provide:core$1.TranslateLoader,useFactory:ɵ0$4,deps:[http.HttpClient]}})],exports:[CertificateDialogComponent],entryComponents:[CertificateDialogComponent]}]}],t}(),CardMdoChannelV1Component=function(){function t(t,e,n,a,i,o){var r=this;this.events=t,this.translate=e,this.langtranslations=n,this.configSvc=a,this.contSvc=i,this.router=o,this.channelData=new core.EventEmitter,this.emitTelemetry=new core.EventEmitter,this.isCardLoading=!1,this.widgetType="",this.widgetSubType="",this.langtranslations.languageSelectedObservable.subscribe((function(){if(localStorage.getItem("websiteLanguage")){r.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");r.translate.use(t)}}))}return t.prototype.ngOnInit=function(){var t=this.configSvc.instanceConfig;t?(this.defaultThumbnail=t.logos.defaultContent||"",this.sourceLogos=t.sources,this.defaultSLogo=t.logos.defaultSourceLogo||""):(this.defaultThumbnail="/assets/instances/eagle/app_logos/default.png",this.defaultSLogo="/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg")},t.prototype.raiseTelemetry=function(t){this.emitTelemetry.emit(t),this.widgetData&&(t.typeOfTelemetry="mdo-channel"),this.contSvc.changeTelemetryData(t)},t.prototype.channelClick=function(t){this.channelData.emit(t)},t.prototype.redirectTo=function(t){this.router.navigate(["/app/learn/mdo-channels/"+t.orgName+"/"+t.identifier+"/micro-sites"])},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-card-mdo-channel-v1",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>',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-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}"]}]}],t.ctorParameters=function(){return[{type:utilsV2.EventService},{type:core$1.TranslateService},{type:utilsV2.MultilingualTranslationsService},{type:utilsV2.ConfigurationsService},{type:WidgetContentService},{type:router.Router}]},t.propDecorators={widgetData:[{type:core.Input}],channelData:[{type:core.Output}],emitTelemetry:[{type:core.Output}],isCardLoading:[{type:core.Input}]},t}();var AvatarPhotoLibComponent=function(){function t(){this.size="",this.defaulfColor="",this.randomColor=!1,this.showBadge=!1,this.showInitials=!1,this.random=Math.random().toString(36).slice(2),this.colors=["#EB7181","#306933","#000000","#3670B2","#4E9E87","#7E4C8D"],this.randomcolors=["#EB7181","#006400","#000000","#3670B2","#4E9E87","#7E4C8D"]}return t.prototype.ngOnInit=function(){if(!this.photoUrl){this.showInitials=!0,this.initials||this.createInititals(),1===this.datalen&&(this.defaulfColor?this.randomcolors=[this.defaulfColor]:this.randomcolors=["#006400"]);var t=Math.floor(Math.random()*Math.floor(this.colors.length));if(this.circleColor=this.colors[t],this.randomColor){var e=Math.floor(Math.random()*Math.floor(this.randomcolors.length));this.circleColor=this.randomcolors[e]}}},t.prototype.ngOnChanges=function(t){t.name.currentValue===t.name.previousValue||t.name.firstChange||this.createInititals()},Object.defineProperty(t.prototype,"userInitials",{get:function(){return this.initials},enumerable:!0,configurable:!0}),t.prototype.createInititals=function(){var t="",e=(this.name+" ").toString().split(" ");if("undefined"!==e[0]&&void 0!==e[1])t+=e[0].charAt(0),t+=e[1].charAt(0);else for(var n=0;n<this.name.length&&(" "===this.name.charAt(n)||this.name.charAt(n)!=this.name.charAt(n)||2!==(t+=this.name.charAt(n)).length);n+=1);this.initials=t.toUpperCase()},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-avatar-photo",template:"<div id=\"user_icon\" [ngClass]=\"{'circle-s' : size=== 's',\n'circle-m' : size=== 'm',\n'circle-l' : size=== 'l',\n'circle-xl' : size=== 'xl',\n'circle-xxl' : size=== 'xxl',\n'circle-l-xs' : size=== 'l-xs',\n'circle-l-s' : size=== 'l-s',\n'circle-xl-s' : size=== 'xl-s',\n'circle-r-m': size=== 'round-m',\n'circle-r-p-m': size=== 'profile-round-m',\n'circle-m-side': size=== 'm-side',\n'circle-r-m-48': size=== 'm-side-rating',\n'circle-m-recommended': size==='m-recommended',\n'circle-xxl-s': size=== 'xxl-s'}\" [ngStyle]=\"{'background-color':  circleColor }\">\n  <img *ngIf=\"!showInitials\" loading=\"lazy\" src=\"{{photoUrl}}\" [alt]=\"photoUrl? '' :(name || userInitials || size || random)\">\n\n  <div *ngIf=\"showInitials\" class=\"initials\" i18n-aria-label>\n    {{ userInitials }} \n  </div>\n  <div *ngIf=\"showBadge\"><span class=\"profile-badge\">  \n    <img src=\"fusion-assets/images/profile-badge.png\">\n  </span></div>\n\n  \x3c!-- <div *ngIf=\"imageType === 'user-photo'\">\n    <img *ngIf=\"imageUrl\" [src]=\"imageUrl\" alt=\"user-image\" class=\"user-image\" [ngClass]=\"{'user-image-small': imageSize === 'small'}\">\n    <div class=\"user-image\" [ngClass]=\"{'user-image-small': imageSize === 'small'}\">\n      <span class=\"name-initials-image font-normal ws-mat-primary-default-text ws-mat-accent-background\"\n      *ngIf=\"!imageUrl\">{{ shortName }}</span>\n    </div>\n  </div> --\x3e\n</div>",styles:['@charset "UTF-8";.success-checkmark::after{content:"✔";position:absolute;left:25px;top:20px;width:11px;height:11px;border:1px solid #1d8923;background:#1d8923;border-radius:50%;color:#fff;line-height:11px;text-align:center;font-size:9px}.profile-badge{position:absolute;top:10px;right:0}.profile-badge img{height:15px!important;width:15px!important}.circle-s{border-radius:50%;width:24px;height:24px;display:flex;justify-content:center;align-items:center}.circle-s img{border-radius:50%;width:100%;height:100%}.circle-s .initials{color:#fff;font-size:10px;line-height:12px;letter-spacing:.2625px}.circle-m{border-radius:50%;width:72px!important;height:72px!important;display:flex;justify-content:center;align-items:center;margin-top:-36px}.circle-m img{border-radius:10%;width:40px;height:40px}.circle-m .initials{color:#fff;font-size:14px;line-height:19px;letter-spacing:.2625px}.circle-l{border-radius:50%;width:80px;height:80px;display:flex;justify-content:center;align-items:center}.circle-l img{border-radius:10%;width:80px;height:80px}.circle-l .initials{color:#fff;font-size:20px;line-height:19px;letter-spacing:.2625px}.circle-xl{border-radius:50%;width:105px;height:105px;display:flex;justify-content:center;align-items:center}.circle-xl img{border-radius:10%;width:105px;height:105px}.circle-xl .initials{color:#fff;font-size:20px;line-height:19px;letter-spacing:.2625px}.circle-xxl{border-radius:50%;width:145px;height:145px;display:flex;justify-content:center;align-items:center}.circle-xxl img{border-radius:10%;width:145px;height:145px}.circle-xxl .initials{color:#fff;font-size:20px;line-height:19px;letter-spacing:.2625px}.circle-l-xs{border-radius:50%;width:29px;height:29px;display:flex;justify-content:center;align-items:center}.circle-l-xs img{border-radius:50%;width:100%;height:100%}.circle-l-xs .initials{color:#fff;font-size:12px;line-height:12px;letter-spacing:.2625px}.circle-l-s{border-radius:50%;width:80px;height:80px;display:flex;justify-content:center;align-items:center}.circle-l-s img{border-radius:4px;width:80px;height:80px}.circle-l-s .initials{color:#fff;font-size:24px;line-height:24px;letter-spacing:.2625px}.circle-xl-s{border-radius:50%;width:125px;height:125px;display:flex;justify-content:center;align-items:center}.circle-xl-s img{border-radius:4px;width:152px;height:125px}.circle-xl-s .initials{color:#fff;font-size:32px;line-height:32px;letter-spacing:.2625px}.circle-xxl-s{border-radius:50%;width:208px;height:208px;display:flex;justify-content:center;align-items:center}.circle-xxl-s img{border-radius:50%;width:100%;height:100%}.circle-xxl-s .initials{color:#fff;font-size:40px;line-height:40px;letter-spacing:.2625px}.circle-r-m{border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center}.circle-r-m img{border-radius:50%;width:100%;height:100%}.circle-r-m .initials{color:#fff;font-size:16px;line-height:40px;letter-spacing:.2625px}.circle-r-m-48{border-radius:50%;width:48px;height:48px;display:flex;justify-content:center;align-items:center}.circle-r-m-48 img{border-radius:50%;width:100%;height:100%}.circle-r-m-48 .initials{color:#fff;font-size:16px;line-height:40px;letter-spacing:.2625px}.circle-r-p-m{border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.circle-r-p-m img{border-radius:50%;width:100%;height:100%}.circle-r-p-m .initials{color:#fff;font-size:16px;line-height:40px;letter-spacing:.2625px}.circle-m-side{border-radius:50%;width:72px!important;height:72px!important;display:flex;justify-content:center;align-items:center}.circle-m-side img{border-radius:10%;width:40px;height:40px}.circle-m-side .initials{color:#fff;font-size:14px;line-height:19px;letter-spacing:.2625px}@media only screen and (max-width:960px){.circle-xxl-s{width:100px;height:100px}.circle-xxl-s .initials{font-size:24px;line-height:24px}}.circle-m-recommended{border-radius:50%;width:72px!important;height:72px!important;display:flex;justify-content:center;align-items:center;margin-top:-49px}.circle-m-recommended img{border-radius:10%;width:40px;height:40px}.circle-m-recommended .initials{color:#fff;font-size:14px;line-height:19px;letter-spacing:.2625px}.circle-l-s::before{content:"";border:1px solid red}']}]}],t.propDecorators={datalen:[{type:core.Input}],photoUrl:[{type:core.Input}],name:[{type:core.Input}],size:[{type:core.Input}],defaulfColor:[{type:core.Input}],randomColor:[{type:core.Input}],initials:[{type:core.Input}],showBadge:[{type:core.Input}]},t}();var AvatarPhotoLibModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[AvatarPhotoLibComponent],imports:[common.CommonModule,router.RouterModule,material.MatButtonModule,material.MatIconModule,material.MatMenuModule,material.MatRippleModule,resolverV2.SbUiResolverModule],exports:[AvatarPhotoLibComponent],entryComponents:[AvatarPhotoLibComponent]}]}],t}(),ɵ0$5=HttpLoaderFactory,CardsModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[CardResourceComponent,CardsComponent,CardPortraitComponent,CardUserComponent,CardLandscapeComponent,CardWideComponent,CardMDOChannelComponent,CardWideV2Component,CardKarmaProgramsComponent,CardKarmaProgramsV2Component,ProviderCardComponent,CardPortraitExtComponent,CardAssessmentComponent,CardProgressPortraitLibComponent,CardMdoChannelV1Component],imports:[common.CommonModule,material.MatCardModule,material.MatButtonModule,material.MatTooltipModule,material.MatIconModule,material.MatTooltipModule,router.RouterModule,PipePublicURLModule,ObjectToArrayPipeModule,DisplayContentTypeLibModule,DefaultThumbnailModule,PipeDurationTransformModule,SkeletonLoaderLibModule,material.MatProgressSpinnerModule,ContentProgressModule,DialogComponentsModule,core$1.TranslateModule.forRoot({loader:{provide:core$1.TranslateLoader,useFactory:ɵ0$5,deps:[http.HttpClient]}}),AvatarPhotoLibModule],entryComponents:[CardsComponent],exports:[CardsComponent,CardResourceComponent,CardPortraitComponent,CardLandscapeComponent,CardUserComponent,CardWideComponent,CardMDOChannelComponent,CardWideV2Component,CardKarmaProgramsComponent,CardKarmaProgramsV2Component,CardPortraitExtComponent]}]}],t}(),WIDGET_REGISTERED_LIB_MODULES=[CardsModule],WIDGET_REGISTRATION_LIB_CONFIG=[{widgetType:ROOT_WIDGET_CONFIG.card._type,widgetSubType:ROOT_WIDGET_CONFIG.card.cardResource,component:CardsComponent}],NsContentStripWithFacets;!function(t){function e(){}function n(){}function a(){}function i(){}function o(){}function r(){}function s(){}function l(){}t.IContentStripMultiple=e,t.IContentStripUnit=n,t.IStripRequestApi=a,t.INetworkRequestApi=i,t.IStripInfo=o,t.IContentTags=r,t.IContentStripResponseApi=s,t.IContentStripTab=l}(NsContentStripWithFacets||(NsContentStripWithFacets={}));var ApiRequestFor={SEARCH:"search"};function IStripUnitContentData$1(){}var ContentStripFacetFilterComponent=function(t){function e(e,n,a,i,o,r,s,l,c,d,p){var g=t.call(this)||this;if(g.contentSvc=n,g.loggerSvc=a,g.eventSvc=i,g.configSvc=o,g.utilitySvc=r,g.router=s,g.userSvc=l,g.translate=c,g.langtranslations=d,g._fb=p,g.emptyResponse=new core.EventEmitter,g.viewAllResponse=new core.EventEmitter,g.telemtryResponse=new core.EventEmitter,g.providerId="",g.emitViewAll=!1,g.channnelName="",g.id="ws-strip-miltiple_"+Math.random(),g.stripsResultDataMap={},g.stripsKeyOrder=[],g.showAccordionData=!0,g.showParentLoader=!1,g.showParentError=!1,g.showParentNoData=!1,g.errorDataCount=0,g.noDataCount=0,g.successDataCount=0,g.contentAvailable=!0,g.baseUrl=g.configSvc.sitePath||"",g.veifiedKarmayogi=!1,g.changeEventSubscription=null,g.defaultMaxWidgets=12,g.todaysEvents=[],localStorage.getItem("websiteLanguage")){g.translate.setDefaultLang("en");var u=JSON.stringify(localStorage.getItem("websiteLanguage"));u=u.replace(/\"/g,""),g.translate.use(u)}return g.environment=e,g}return __extends(e,t),e.prototype.ngOnDestroy=function(){},e.prototype.ngOnInit=function(){var t=this;this.initData(),this.contentSvc.telemetryData$.subscribe((function(e){t.telemtryResponse.emit(e)})),this.facetForm=this._fb.group({org:["0"]})},e.prototype.initData=function(){var t,e,n=this;this.stripsKeyOrder=this.widgetData&&this.widgetData.strips&&this.widgetData.strips.map((function(t){return t.key}))||[],this.widgetData.loader&&this.widgetData.strips.length&&(this.showParentLoader=!0);try{for(var a=__values(this.widgetData.strips),i=a.next();!i.done;i=a.next()){var o=i.value;this.checkForEmptyWidget(o)?this.fetchStripFromRequestData(o,!1):this.processStrip(o,[],"done",!0,null)}}catch(e){t={error:e}}finally{try{i&&!i.done&&(e=a.return)&&e.call(a)}finally{if(t)throw t.error}}var r=this.widgetData.strips.map((function(t){return{key:t.key,type:t.refreshEvent&&t.refreshEvent.eventType||"",from:t.refreshEvent&&t.refreshEvent.from.toString()||""}})).filter((function(t){var e=t.key,n=t.type,a=t.from;return e&&n&&a})),s=new Set(r.map((function(t){return t.type})));this.changeEventSubscription=this.eventSvc.events$.pipe(operators.filter((function(t){return s.has(t.eventType)}))).subscribe((function(t){r.filter((function(e){return e.type===t.eventType&&e.from===t.from})).map((function(t){return t.key})).forEach((function(t){return n.fetchStripFromKey(t,!1)}))}))},e.prototype.fetchStripFromKey=function(t,e){void 0===e&&(e=!0);var n=this.widgetData.strips.find((function(e){return e.key===t}));n&&this.fetchStripFromRequestData(n,e)},e.prototype.fetchStripFromRequestData=function(t,e){void 0===e&&(e=!0),t.loaderWidgets=this.transformSkeletonToWidgets(t),this.processStrip(t,[],"fetching",!1,null),t&&t.stripRequestFor===ApiRequestFor.SEARCH&&!t.onTabClickRequest&&this.fetchFromSearch(t,e)},e.prototype.transformSkeletonToWidgets=function(t){return[1,2,3,4,5,6,7,7,8,9,10].map((function(e){return{widgetType:"cardLib",widgetSubType:"cardContentLib",widgetHostClass:"mb-2",widgetData:{cardSubType:t.loaderConfig&&t.loaderConfig.cardSubType||"card-standard-skeleton",cardCustomeClass:t.customeClass?t.customeClass:""}}}))},e.prototype.processStrip=function(t,e,n,a,i,o){return void 0===e&&(e=[]),void 0===a&&(a=!0),__awaiter(this,void 0,void 0,(function(){var i,r;return __generator(this,(function(s){return i={viewMoreUrl:t.viewMoreUrl,key:t.key,canHideStrip:Boolean(t.canHideStrip),showStrip:this.getIfStripHidden(t.key),noDataWidget:t.noDataWidget,errorWidget:t.errorWidget,stripInfo:t.info,stripTitle:t.title,stripTitleLink:t.stripTitleLink,disableTranslate:t.disableTranslate,sliderConfig:t.sliderConfig,tabs:o||t.tabs,stripName:t.name,mode:t.mode,stripConfig:t.stripConfig,stripBackground:t.stripBackground,secondaryHeading:t.secondaryHeading,loaderWidgets:t.loaderWidgets||[],hideViewMoreUrl:t.hideViewMoreUrl||!1,widgets:"done"===n?__spread((t.preWidgets||[]).map((function(t){return __assign({},t,{widgetHostClass:"mb-2 "+t.widgetHostClass})})),e,(t.postWidgets||[]).map((function(t){return __assign({},t,{widgetHostClass:"mb-2 "+t.widgetHostClass})}))):[],showOnNoData:Boolean(t.noDataWidget&&!((t.preWidgets||[]).length+e.length+(t.postWidgets||[]).length)&&"done"===n),showOnLoader:Boolean(t.loader&&"fetching"===n),showOnError:Boolean(t.errorWidget&&"error"===n)},this.stripsResultDataMap=__assign({},this.stripsResultDataMap,((r={})[t.key]=i,r)),o?this.contentAvailable=!0:(a&&("done"===n||"error"===n)&&i.widgets&&this.checkParentStatus(n,i.widgets.length),!a||e&&e.length>0?e&&e.length>0&&(this.contentAvailable=!0):this.contentAvailable=!1),[2]}))}))},e.prototype.checkParentStatus=function(t,e){"done"!==t||e?"done"===t&&e?this.successDataCount+=1:"error"===t&&(this.errorDataCount+=1):this.noDataCount+=1;var n=this.noDataCount+this.successDataCount+this.errorDataCount,a=this.widgetData.strips.length;this.successDataCount>0&&n<a||(this.showParentLoader=n!==a,this.showParentNoData=this.noDataCount>0&&this.noDataCount+this.errorDataCount===a,this.showParentError=this.errorDataCount===a)},e.prototype.checkForEmptyWidget=function(t){return!!(t.request&&t.request.requestBody&&Object.keys(t.request.requestBody).length)},e.prototype.toggleInfo=function(t){var e=this.stripsResultDataMap[t.key].stripInfo;e&&("below"!==e.mode&&(this.loggerSvc.warn("strip info mode: "+e.mode+" not implemented yet"),e.mode="below"),"below"===e.mode&&(this.stripsResultDataMap[t.key].stripInfo=__assign({},e,{visibilityMode:"hidden"===e.visibilityMode?"visible":"hidden"})))},e.prototype.raiseTelemetry=function(t){this.telemtryResponse.emit(t)},e.prototype.setHiddenForStrip=function(t){this.stripsResultDataMap[t].showStrip=!1,sessionStorage.setItem("cstrip_"+t,"1")},e.prototype.getSelectedPillIndex=function(t,e){return t.pillsData&&t.pillsData.length?t.pillsData.findIndex((function(t){return t.selected})):0},e.prototype.getdata=function(t){return t.stripInfo?t.stripInfo.widget:{}},e.prototype.tabClicked=function(t,e,n,a){var i=this;n&&n.tabs&&n.tabs[t.index]&&(n.tabs[t.index].pillsData[e].fetchTabStatus="inprogress",n.tabs[t.index].pillsData[e].tabLoading=!0,n.showOnLoader=!0);var o={label:""+t.tab.textLabel,index:t.index};this.eventSvc.raiseInteractTelemetry({type:utilsV2.WsEvents.EnumInteractTypes.CLICK,subType:utilsV2.WsEvents.EnumInteractSubTypes.HOME_PAGE_STRIP_TABS,id:lodash.camelCase(o.label)+"-tab"},{},{module:utilsV2.WsEvents.EnumTelemetrymodules.HOME});var r=n.tabs&&n.tabs[t.index],s=n.tabs&&n.tabs[t.index].pillsData[e],l=this.widgetData.strips.find((function(t){return t.key===a}));this.stripsResultDataMap[a]&&r&&(this.stripsResultDataMap[a].viewMoreUrl.queryParams=__assign({},this.stripsResultDataMap[a].viewMoreUrl.queryParams,{tabSelected:r.value,pillSelected:s.value})),l&&r&&!r.computeDataOnClick&&s&&(s.requestRequired&&s.request?(s.request.searchV6,n.tabs[t.index].pillsData[e].tabLoading=!1):(this.getTabDataByfilter(l,r,!0),n&&n.tabs&&n.tabs[t.index]&&(n.tabs[t.index].pillsData[e].fetchTabStatus="inprogress",n.tabs[t.index].pillsData[e].tabLoading=!1,n.showOnLoader=!0,this.resetFilter(n,t.index,e)),setTimeout((function(){n&&n.tabs&&n.tabs[t.index]&&(n.tabs[t.index].pillsData[e].fetchTabStatus="done",n.tabs[t.index].pillsData[e].tabLoading=!1,n.showOnLoader=!1,i.resetSelectedPill(n.tabs[t.index].pillsData),n.tabs[t.index].pillsData[e].selected=!0)}),200)))},e.prototype.pillClicked=function(t,e,n,a,i){var o=this;e&&e.tabs&&e.tabs[i]&&(e.tabs[i].pillsData[a].fetchTabStatus="inprogress",e.tabs[i].pillsData[a].tabLoading=!0,e.showOnLoader=!0);var r=e.tabs&&e.tabs[i],s=e.tabs&&e.tabs[i].pillsData[a],l=this.widgetData.strips.find((function(t){return t.key===n}));this.stripsResultDataMap[n]&&r&&(this.stripsResultDataMap[n].viewMoreUrl.queryParams=__assign({},this.stripsResultDataMap[n].viewMoreUrl.queryParams,{tabSelected:r.value,pillSelected:s.value})),l&&r&&!r.computeDataOnClick&&s&&(s.requestRequired&&s.request?(s.request.searchV6||s.request.trendingSearch,e.tabs[i].pillsData[a].tabLoading=!1):(this.getTabDataByfilter(l,r,!0),e&&e.tabs&&e.tabs[i]&&(e.tabs[i].pillsData[a].fetchTabStatus="inprogress",e.tabs[i].pillsData[a].tabLoading=!1,e.showOnLoader=!0,this.resetFilter(e,i,a)),setTimeout((function(){e&&e.tabs&&e.tabs[i]&&(e.tabs[i].pillsData[a].fetchTabStatus="done",e.tabs[i].pillsData[a].tabLoading=!1,e.showOnLoader=!1,o.resetSelectedPill(e.tabs[i].pillsData),e.tabs[i].pillsData[a].selected=!0)}),200)))},e.prototype.resetSelectedPill=function(t){t&&t.length&&t.forEach((function(t){t.selected=!1}))},e.prototype.getTabDataByfilter=function(t,e,n){console.log("strip -- ",t),console.log("currentTab -- ",e),console.log("calculateParentStatus-- ",n)},e.prototype.getIfStripHidden=function(t){var e=sessionStorage.getItem("cstrip_"+t);return Boolean("1"!==e)},e.prototype.translateLabels=function(t,e){return this.langtranslations.translateLabel(t,e,"")},e.prototype.redirectViewAll=function(t,e,n){this.emitViewAll?this.viewAllResponse.emit(t):this.router.navigate([e],{queryParams:n})},e.prototype.identify=function(t,e){return e},e.prototype.tracker=function(t,e){return lodash.get(e,"widgetData.content.identifier")},e.prototype.getContineuLearningLenth=function(t){return t.widgets?t.widgets.length:0},e.prototype.showAccordion=function(t){return!this.utilitySvc.isMobile||"accordion"!==this.stripsResultDataMap[t].mode||this.showAccordionData},e.prototype.checkCondition=function(t,e){return t.strips[0].stripConfig&&t.strips[0].stripConfig.hideShowAll?!t.strips[0].stripConfig.hideShowAll:t.strips[0].viewMoreUrl&&e.widgets&&e.widgets.length>=4},e.prototype.checkVisible=function(t){return t.stripInfo&&"visible"===t.stripInfo.visibilityMode},e.prototype.getSelectedIndex=function(t,e){return 0},e.prototype.getLength=function(t){if(!t.tabs||!t.tabs.length)return t.widgets?t.widgets.length:0;var e={};return t.tabs.forEach((function(n){n.pillsData&&n.pillsData.length&&(e=n.pillsData.reduce((function(t,e){return t.widgets||e.widgets?t.widgets&&e.widgets?t.widgets.length>e.widgets.length?t:e:e.widgets&&!t.widgets?e:!e.widgets&&t.widgets?t:e:e}),t.tabs[0]))})),e.widgets?e.widgets.length:0},e.prototype.isStripShowing=function(t){var e=this,n=0;return t&&t.key===this.environment.programStripKey&&(!t.tabs||!t.tabs.length)&&t.stripTitle===this.environment.programStripName&&t.widgets.length>0&&(t.widgets.forEach((function(t){t&&t.widgetData.content.primaryCategory===e.environment.programStripPrimaryCategory&&(n+=1)})),t.showStrip=n>0),t.showStrip},Object.defineProperty(e.prototype,"isMobile",{get:function(){return this.utilitySvc.isMobile||!1},enumerable:!0,configurable:!0}),e.prototype.postRequestMethod=function(t,e,n,a){return __awaiter(this,void 0,void 0,(function(){var i=this;return __generator(this,(function(o){return[2,new Promise((function(o,r){e&&e&&i.contentSvc.postApiMethod(n,e).subscribe((function(e){if(e.result&&e.result.content){var n=Boolean(e.result.content&&e.result.content.length>5&&t.stripConfig&&t.stripConfig.postCardForSearch)?{path:t.viewMoreUrl&&t.viewMoreUrl.path||"",queryParams:{tab:"Learn",q:t.viewMoreUrl&&t.viewMoreUrl.queryParams,f:{}}}:null;o({results:e,viewMoreUrl:n})}}),(function(e){i.processStrip(t,[],"error",a,null),r(e)}))}))]}))}))},e.prototype.fetchFromSearch=function(t,e){return void 0===e&&(e=!0),__awaiter(this,void 0,void 0,(function(){var n;return __generator(this,(function(a){switch(a.label){case 0:if(!t.request||!Object.keys(t.request.requestBody).length)return[3,4];a.label=1;case 1:return a.trys.push([1,3,,4]),[4,this.postRequestMethod(t,t.request.requestBody,t.request.apiUrl,e)];case 2:return n=a.sent(),0,0,n.results&&n.results.result&&(this.mapAllDataWithFacets(t,n.results.result.content,n.results.result.facets,e),this.transformContentsToWidgets(n.results.result.content,t),[]),[3,4];case 3:return a.sent(),[3,4];case 4:return[2]}}))}))},e.prototype.mapAllDataWithFacets=function(t,e,n,a){var i=this;console.log(t,e);var o=this.stripsResultDataMap[t.key].tabs;o.forEach((function(a){a.fetchTabStatus="done";var o=e.filter((function(t){return t.nlwUserExp.includes(a.value)}));a.widgets=o,a.pillsData.forEach((function(e){if("all"===e.value)e.widgets=i.transformContentsToWidgets(o,t),e.fetchTabStatus="done";else if("course"===e.value){var n=o.filter((function(t){return t.courseCategory.toLowerCase()===e.value}));e.widgets=i.transformContentsToWidgets(n,t),e.fetchTabStatus="done"}else{n=o.filter((function(t){return"course"!==t.courseCategory.toLowerCase()}));e.widgets=i.transformContentsToWidgets(n,t),e.fetchTabStatus="done"}})),a.facets=n})),t.tabs[0].pillsData[0].fetchTabStatus="done",t.tabs[0].pillsData[0].tabLoading=!1,t.showOnLoader=!1,this.resetSelectedPill(t.tabs[0].pillsData),t.tabs[0].pillsData[0].selected=!0,this.processStrip(t,[],"done",a,t.viewMoreUrl,o)},e.prototype.transformContentsToWidgets=function(t,e){return(t||[]).map((function(t,n){return t?{widgetType:"cardLib",widgetSubType:"cardContentLib",widgetHostClass:"mb-2",widgetData:__assign({content:t},t.batch&&{batch:t.batch},{cardSubType:e.stripConfig&&e.stripConfig.cardSubType,cardCustomeClass:e.customeClass?e.customeClass:"",context:{pageSection:e.key,position:n},intranetMode:e.stripConfig&&e.stripConfig.intranetMode,deletedMode:e.stripConfig&&e.stripConfig.deletedMode,contentTags:e.stripConfig&&e.stripConfig.contentTags})}:{widgetType:"card",widgetSubType:"cardContent",widgetHostClass:"mb-2",widgetData:{}}}))},e.prototype.getorgData=function(t,e,n){var a=this;console.log(t);var i=t.target.value,o=this.getSelectedPillIndex(e.tabs[n],n);if(e&&e.tabs&&e.tabs[n]){e.tabs[n].pillsData[o].fetchTabStatus="inprogress",e.tabs[n].pillsData[o].tabLoading=!1,e.showOnLoader=!0;var r=e.tabs[n].widgets.filter((function(t){return t.nlwOrgs.map((function(t){return t.toLowerCase()})).includes(i)}));e.tabs[n].pillsData[o].widgets=this.transformContentsToWidgets(r,e)}setTimeout((function(){e&&e.tabs&&e.tabs[n]&&(e.tabs[n].pillsData[o].fetchTabStatus="done",e.tabs[n].pillsData[o].tabLoading=!1,e.showOnLoader=!1,a.resetSelectedPill(e.tabs[n].pillsData),e.tabs[n].pillsData[o].selected=!0)}),200)},e.prototype.resetFilter=function(t,e,n){var a=this;if(n&&(n=this.getSelectedPillIndex(t.tabs[e],e)),this.facetForm.reset({org:0}),t&&t.tabs&&t.tabs[e]){t.tabs[e].pillsData[n].fetchTabStatus="inprogress",t.tabs[e].pillsData[n].tabLoading=!1,t.showOnLoader=!0;var i=t.tabs[e].widgets||[];t.tabs[e].pillsData[n].widgets=this.transformContentsToWidgets(i,t)}setTimeout((function(){t&&t.tabs&&t.tabs[e]&&(t.tabs[e].pillsData[n].fetchTabStatus="done",t.tabs[e].pillsData[n].tabLoading=!1,t.showOnLoader=!1,a.resetSelectedPill(t.tabs[e].pillsData),t.tabs[e].pillsData[n].selected=!0)}),200)},e.decorators=[{type:core.Component,args:[{selector:"sb-uic-content-strip-facet-filter",template:'<ng-container *ngIf="!contentAvailable; else otherTemplate"></ng-container>\n<ng-template #otherTemplate>\n  \x3c!-- <div *ngIf="showParentLoader" class="text-center my-2">\n    <mat-spinner class="inline-block"></mat-spinner>\n  </div> --\x3e\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                \x3c!-- viewAll start--\x3e\n                <div *ngIf="checkCondition(widgetData , stripsResultDataMap[key])" class="block md:hidden">\n                  <div \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                </div>\n                \x3c!-- viewAll end--\x3e\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            \x3c!-- IF no errors then proceed to show tabs or non tabs strip --\x3e\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><span *ngIf="!tab?.disableTranslate">{{ translateLabels(tab?.label, \'home\') }}</span>\n                      <span *ngIf="tab?.disableTranslate">{{tab?.label}}</span> &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 item-center flex-wrap gap-4">\n                        <div class="">\n                          <ng-container *ngFor="let facet of tab?.facets">\n                            <form [formGroup]="facetForm">\n                            <div class="facets-select">\n                              <select formControlName="org" (change)="getorgData($event,  stripsResultDataMap[key], tabIndex)">\n                                <option value="0" selected disabled>Choose by organisation</option>\n                                <option value="{{d.name}}" *ngFor="let d of facet.values" >{{d.name}}</option>\n                              </select>\n                            </div>\n                          </form>\n                          </ng-container>\n                        </div>\n                        <div>\n                          <ng-container >\n                            <mat-chip-list  class="content-pill-data" 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                         \x3c!-- viewAll start--\x3e\n                          <div *ngIf="!stripsResultDataMap[key]?.hideViewMoreUrl && checkCondition(widgetData , stripsResultDataMap[key])" class=" hidden md:block">\n                            <div  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                          </div>\n                            \n                          \x3c!-- viewAll end--\x3e\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                            [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>',styles:['@charset "UTF-8";.facets-select{position:relative;display:inline-block;width:250px}.facets-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}.facets-select:after{content:"▼";position:absolute;top:50%;right:10px;transform:translateY(-50%);pointer-events:none;font-size:14px;color:#555}::ng-deep mat-chip-list.content-pill-data .mat-chip-selected{background-color:#1b4ca1!important}::ng-deep mat-chip-list.content-pill-data .mat-chip-selected .pill-name{color:#fff!important}::ng-deep mat-chip-list.content-pill-data .mat-chip-list-wrapper .mat-chip{cursor:pointer!important}::ng-deep mat-chip-list.content-pill-data .mat-chip-list-wrapper .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background:#1b4ca1!important;color:#fff!important}::ng-deep mat-chip-list.content-pill-data .mat-chip-list-wrapper .mat-chip.mat-standard-chip{background:#fff!important;border:1px solid rgba(0,0,0,.0784313725)!important}']}]}],e.ctorParameters=function(){return[{type:void 0,decorators:[{type:core.Inject,args:["environment"]}]},{type:WidgetContentService},{type:utilsV2.LoggerService},{type:utilsV2.EventService},{type:utilsV2.ConfigurationsService},{type:utilsV2.UtilityService},{type:router.Router},{type:WidgetUserService},{type:core$1.TranslateService},{type:MultilingualTranslationsService},{type:forms.FormBuilder}]},e.propDecorators={widgetData:[{type:core.Input}],emptyResponse:[{type:core.Output}],viewAllResponse:[{type:core.Output}],telemtryResponse:[{type:core.Output}],providerId:[{type:core.Input}],emitViewAll:[{type:core.Input}],channnelName:[{type:core.Input}],id:[{type:core.HostBinding,args:["id"]}]},e}(resolverV2.WidgetBaseComponent);function IStripUnitContentData$2(){}var ContentStripWithTabsPillsComponent=function(_super){function ContentStripWithTabsPillsComponent(t,e,n,a,i,o,r,s,l,c){var d=_super.call(this)||this;if(d.contentSvc=e,d.loggerSvc=n,d.eventSvc=a,d.configSvc=i,d.utilitySvc=o,d.router=r,d.userSvc=s,d.translate=l,d.langtranslations=c,d.emptyResponse=new core.EventEmitter,d.viewAllResponse=new core.EventEmitter,d.telemtryResponse=new core.EventEmitter,d.providerId="",d.emitViewAll=!1,d.channnelName="",d.id="ws-strip-miltiple_"+Math.random(),d.stripsResultDataMap={},d.stripsKeyOrder=[],d.showAccordionData=!0,d.showParentLoader=!1,d.showParentError=!1,d.showParentNoData=!1,d.errorDataCount=0,d.noDataCount=0,d.successDataCount=0,d.contentAvailable=!0,d.baseUrl=d.configSvc.sitePath||"",d.veifiedKarmayogi=!1,d.changeEventSubscription=null,d.defaultMaxWidgets=12,d.todaysEvents=[],localStorage.getItem("websiteLanguage")){d.translate.setDefaultLang("en");var p=JSON.stringify(localStorage.getItem("websiteLanguage"));p=p.replace(/\"/g,""),d.translate.use(p)}return d.environment=t,d}return __extends(ContentStripWithTabsPillsComponent,_super),ContentStripWithTabsPillsComponent.prototype.ngOnInit=function(){var t=this;this.initData(),this.contentSvc.telemetryData$.subscribe((function(e){t.telemtryResponse.emit(e)}))},ContentStripWithTabsPillsComponent.prototype.ngOnDestroy=function(){this.changeEventSubscription&&this.changeEventSubscription.unsubscribe()},ContentStripWithTabsPillsComponent.prototype.showAccordion=function(t){return!this.utilitySvc.isMobile||"accordion"!==this.stripsResultDataMap[t].mode||this.showAccordionData},ContentStripWithTabsPillsComponent.prototype.setHiddenForStrip=function(t){this.stripsResultDataMap[t].showStrip=!1,sessionStorage.setItem("cstrip_"+t,"1")},ContentStripWithTabsPillsComponent.prototype.getIfStripHidden=function(t){var e=sessionStorage.getItem("cstrip_"+t);return Boolean("1"!==e)},ContentStripWithTabsPillsComponent.prototype.initData=function(){var t,e,n=this;this.stripsKeyOrder=this.widgetData&&this.widgetData.strips&&this.widgetData.strips.map((function(t){return t.key}))||[],this.widgetData.loader&&this.widgetData.strips.length&&(this.showParentLoader=!0);try{for(var a=__values(this.widgetData.strips),i=a.next();!i.done;i=a.next()){var o=i.value;this.checkForEmptyWidget(o)?this.fetchStripFromRequestData(o,!1):this.processStrip(o,[],"done",!0,null)}}catch(e){t={error:e}}finally{try{i&&!i.done&&(e=a.return)&&e.call(a)}finally{if(t)throw t.error}}var r=this.widgetData.strips.map((function(t){return{key:t.key,type:t.refreshEvent&&t.refreshEvent.eventType||"",from:t.refreshEvent&&t.refreshEvent.from.toString()||""}})).filter((function(t){var e=t.key,n=t.type,a=t.from;return e&&n&&a})),s=new Set(r.map((function(t){return t.type})));this.changeEventSubscription=this.eventSvc.events$.pipe(operators.filter((function(t){return s.has(t.eventType)}))).subscribe((function(t){r.filter((function(e){return e.type===t.eventType&&e.from===t.from})).map((function(t){return t.key})).forEach((function(t){return n.fetchStripFromKey(t,!1)}))}))},ContentStripWithTabsPillsComponent.prototype.fetchStripFromKey=function(t,e){void 0===e&&(e=!0);var n=this.widgetData.strips.find((function(e){return e.key===t}));n&&this.fetchStripFromRequestData(n,e)},ContentStripWithTabsPillsComponent.prototype.isStripShowing=function(t){var e=this,n=0;return t&&t.key===this.environment.programStripKey&&(!t.tabs||!t.tabs.length)&&t.stripTitle===this.environment.programStripName&&t.widgets.length>0&&(t.widgets.forEach((function(t){t&&t.widgetData.content.primaryCategory===e.environment.programStripPrimaryCategory&&(n+=1)})),t.showStrip=n>0),t.showStrip},Object.defineProperty(ContentStripWithTabsPillsComponent.prototype,"isMobile",{get:function(){return this.utilitySvc.isMobile||!1},enumerable:!0,configurable:!0}),ContentStripWithTabsPillsComponent.prototype.getdata=function(t){return t.stripInfo?t.stripInfo.widget:{}},ContentStripWithTabsPillsComponent.prototype.checkCondition=function(t,e){return t.strips[0].stripConfig&&t.strips[0].stripConfig.hideShowAll?!t.strips[0].stripConfig.hideShowAll:t.strips[0].viewMoreUrl&&e.widgets&&e.widgets.length>=4},ContentStripWithTabsPillsComponent.prototype.checkVisible=function(t){return t.stripInfo&&"visible"===t.stripInfo.visibilityMode},ContentStripWithTabsPillsComponent.prototype.getContineuLearningLenth=function(t){return t.widgets?t.widgets.length:0},ContentStripWithTabsPillsComponent.prototype.getLength=function(t){if(!t.tabs||!t.tabs.length)return t.widgets?t.widgets.length:0;var e={};return t.tabs.forEach((function(n){n.pillsData&&n.pillsData.length&&(e=n.pillsData.reduce((function(t,e){return t.widgets||e.widgets?t.widgets&&e.widgets?t.widgets.length>e.widgets.length?t:e:e.widgets&&!t.widgets?e:!e.widgets&&t.widgets?t:e:e}),t.tabs[0]))})),e.widgets?e.widgets.length:0},ContentStripWithTabsPillsComponent.prototype.getFiltersFromArray=function(t){var e={};return t.constructor===Array?(t.forEach((function(t){Object.keys(t).forEach((function(n){e[n]=t[n]}))})),e):t},ContentStripWithTabsPillsComponent.prototype.transformSearchV6FiltersV2=function(t){var e={};return t.constructor===Array?(t.forEach((function(t){Object.keys(t).forEach((function(n){e[n]=t[n]}))})),e):t},ContentStripWithTabsPillsComponent.prototype.checkForDateFilters=function(filters){var userData;return this.configSvc.userProfile&&(userData=this.configSvc.userProfile),filters&&filters.hasOwnProperty("batches.endDate")?filters["batches.endDate"][">="]=eval(filters["batches.endDate"][">="]):filters&&filters.hasOwnProperty("batches.enrollmentEndDate")?filters["batches.enrollmentEndDate"][">="]=eval(filters["batches.enrollmentEndDate"][">="]):filters.organisation&&filters.organisation.indexOf("<orgID>")>=0&&(this.providerId?filters.organisation=this.providerId:(filters.organisation=userData&&userData.rootOrgId,filters&&filters.hasOwnProperty("designation")&&(filters.designation=userData.professionalDetails.length>0?userData.professionalDetails[0].designation:""))),filters},ContentStripWithTabsPillsComponent.prototype.fetchStripFromRequestData=function(t,e){void 0===e&&(e=!0),t.loaderWidgets=this.transformSkeletonToWidgets(t),this.processStrip(t,[],"fetching",!1,null),this.fetchFromSearchV6(t,e),this.fetchForYouData(t,e),this.fetchAllCbpPlans(t,e)},ContentStripWithTabsPillsComponent.prototype.toggleInfo=function(t){var e=this.stripsResultDataMap[t.key].stripInfo;e&&("below"!==e.mode&&(this.loggerSvc.warn("strip info mode: "+e.mode+" not implemented yet"),e.mode="below"),"below"===e.mode&&(this.stripsResultDataMap[t.key].stripInfo=__assign({},e,{visibilityMode:"hidden"===e.visibilityMode?"visible":"hidden"})))},ContentStripWithTabsPillsComponent.prototype.transformContentsToWidgets=function(t,e){return(t||[]).map((function(t,n){return t?{widgetType:"cardLib",widgetSubType:"cardContentLib",widgetHostClass:"mb-2",widgetData:__assign({content:t},t.batch&&{batch:t.batch},{cardSubType:e.stripConfig&&e.stripConfig.cardSubType,cardCustomeClass:e.customeClass?e.customeClass:"",context:{pageSection:e.key,position:n},intranetMode:e.stripConfig&&e.stripConfig.intranetMode,deletedMode:e.stripConfig&&e.stripConfig.deletedMode,contentTags:e.stripConfig&&e.stripConfig.contentTags})}:{widgetType:"card",widgetSubType:"cardContent",widgetHostClass:"mb-2",widgetData:{}}}))},ContentStripWithTabsPillsComponent.prototype.transformEventsToWidgets=function(t,e){return this.eventSvc.setEventListData(t),(this.eventSvc.todaysEvents||[]).map((function(t,n){return t?{widgetType:"card",widgetSubType:"eventHubCard",widgetHostClass:"mb-2",widgetData:{content:t,cardSubType:e.stripConfig&&e.stripConfig.cardSubType,cardCustomeClass:e.customeClass?e.customeClass:"",context:{pageSection:e.key,position:n},intranetMode:e.stripConfig&&e.stripConfig.intranetMode,deletedMode:e.stripConfig&&e.stripConfig.deletedMode,contentTags:e.stripConfig&&e.stripConfig.contentTags}}:{widgetType:"card",widgetSubType:"eventHubCard",widgetHostClass:"mb-2",widgetData:{}}}))},ContentStripWithTabsPillsComponent.prototype.transformSkeletonToWidgets=function(t){return[1,2,3,4,5,6,7,7,8,9,10].map((function(e){return{widgetType:"cardLib",widgetSubType:"cardContentLib",widgetHostClass:"mb-2",widgetData:{cardSubType:t.loaderConfig&&t.loaderConfig.cardSubType||"card-standard-skeleton",cardCustomeClass:t.customeClass?t.customeClass:""}}}))},ContentStripWithTabsPillsComponent.prototype.processStrip=function(t,e,n,a,i,o){return void 0===e&&(e=[]),void 0===a&&(a=!0),__awaiter(this,void 0,void 0,(function(){var i,r;return __generator(this,(function(s){return i={viewMoreUrl:t.viewMoreUrl,key:t.key,canHideStrip:Boolean(t.canHideStrip),showStrip:this.getIfStripHidden(t.key),noDataWidget:t.noDataWidget,errorWidget:t.errorWidget,stripInfo:t.info,stripTitle:t.title,stripTitleLink:t.stripTitleLink,disableTranslate:t.disableTranslate,sliderConfig:t.sliderConfig,tabs:o||t.tabs,stripName:t.name,mode:t.mode,stripConfig:t.stripConfig,stripBackground:t.stripBackground,secondaryHeading:t.secondaryHeading,loaderWidgets:t.loaderWidgets||[],widgets:"done"===n?__spread((t.preWidgets||[]).map((function(t){return __assign({},t,{widgetHostClass:"mb-2 "+t.widgetHostClass})})),e,(t.postWidgets||[]).map((function(t){return __assign({},t,{widgetHostClass:"mb-2 "+t.widgetHostClass})}))):[],showOnNoData:Boolean(t.noDataWidget&&!((t.preWidgets||[]).length+e.length+(t.postWidgets||[]).length)&&"done"===n),showOnLoader:Boolean(t.loader&&"fetching"===n),showOnError:Boolean(t.errorWidget&&"error"===n)},this.stripsResultDataMap=__assign({},this.stripsResultDataMap,((r={})[t.key]=i,r)),o?this.contentAvailable=!0:(a&&("done"===n||"error"===n)&&i.widgets&&this.checkParentStatus(n,i.widgets.length),!a||e&&e.length>0?e&&e.length>0&&(this.contentAvailable=!0):this.contentAvailable=!1),[2]}))}))},ContentStripWithTabsPillsComponent.prototype.checkParentStatus=function(t,e){"done"!==t||e?"done"===t&&e?this.successDataCount+=1:"error"===t&&(this.errorDataCount+=1):this.noDataCount+=1;var n=this.noDataCount+this.successDataCount+this.errorDataCount,a=this.widgetData.strips.length;this.successDataCount>0&&n<a||(this.showParentLoader=n!==a,this.showParentNoData=this.noDataCount>0&&this.noDataCount+this.errorDataCount===a,this.showParentError=this.errorDataCount===a)},ContentStripWithTabsPillsComponent.prototype.checkForEmptyWidget=function(t){return!(!t.request||!(t.request.api&&Object.keys(t.request.api).length||t.request.search&&Object.keys(t.request.search).length||t.request.searchRegionRecommendation&&Object.keys(t.request.searchRegionRecommendation).length||t.request.cbpList&&Object.keys(t.request.cbpList).length||t&&t.tabs.length))},ContentStripWithTabsPillsComponent.prototype.getTabDataByfilter=function(t,e,n){console.log("strip -- ",t),console.log("currentTab -- ",e),console.log("calculateParentStatus-- ",n)},ContentStripWithTabsPillsComponent.prototype.getSelectedIndex=function(t,e){return 0},ContentStripWithTabsPillsComponent.prototype.translateLabels=function(t,e){return this.langtranslations.translateLabel(t,e,"")},ContentStripWithTabsPillsComponent.prototype.identify=function(t,e){return e},ContentStripWithTabsPillsComponent.prototype.tracker=function(t,e){return lodash.get(e,"widgetData.content.identifier")},ContentStripWithTabsPillsComponent.prototype.raiseTelemetry=function(t){this.telemtryResponse.emit(t)},ContentStripWithTabsPillsComponent.prototype.redirectViewAll=function(t,e,n){this.emitViewAll?this.viewAllResponse.emit(t):this.router.navigate([e],{queryParams:n})},ContentStripWithTabsPillsComponent.prototype.fetchForYouData=function(t,e){if(void 0===e&&(e=!0),t&&"forYou"===t.type&&t.tabs&&t.tabs.length){var n=t.tabs[0],a=n.pillsData[0];if(a.requestRequired&&this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs){var i=this.stripsResultDataMap[t.key].tabs[0].pillsData,o=i&&i.length&&i[0];this.getTabDataByNewReqTrending(t,0,0,o,e),this.stripsResultDataMap[t.key]&&o&&(this.stripsResultDataMap[t.key].viewMoreUrl.queryParams=__assign({},this.stripsResultDataMap[t.key].viewMoreUrl.queryParams,{key:t.key,tabSelected:n.value,pillSelected:a.value}))}}},ContentStripWithTabsPillsComponent.prototype.fetchFromSearchV6=function(t,e){return void 0===e&&(e=!0),__awaiter(this,void 0,void 0,(function(){var n,a,i;return __generator(this,(function(o){switch(o.label){case 0:return t.request&&t.request.searchV6&&Object.keys(t.request.searchV6).length?([],t.request&&t.request.searchV6&&t.request.searchV6.request&&t.request.searchV6.request.filters&&(t.request.searchV6.request.filters,t.request.searchV6.request.filters=this.checkForDateFilters(t.request.searchV6.request.filters),t.request.searchV6.request.filters=this.getFiltersFromArray(t.request.searchV6.request.filters)),t.tabs&&t.tabs.length?(t.tabs[0].requestRequired&&this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(n=this.stripsResultDataMap[t.key].tabs,a=n&&n.length&&n[0],this.getTabDataByNewReqSearchV6(t,0,0,a,e)),[3,4]):[3,1]):[3,4];case 1:return o.trys.push([1,3,,4]),[4,this.searchV6Request(t,t.request,e)];case 2:return(i=o.sent())&&i.results?i.results.result.content?this.processStrip(t,this.transformContentsToWidgets(i.results.result.content,t),"done",e,i.viewMoreUrl):i.results.result.Event?this.processStrip(t,this.transformEventsToWidgets(i.results.result.Event,t),"done",e,i.viewMoreUrl):this.processStrip(t,[],"error",e,null):this.processStrip(t,[],"error",e,null),[3,4];case 3:return o.sent(),[3,4];case 4:return[2]}}))}))},ContentStripWithTabsPillsComponent.prototype.getTabDataByNewReqTrending=function(t,e,n,a,i){return __awaiter(this,void 0,void 0,(function(){var o,r,s,l,c,d;return __generator(this,(function(p){switch(p.label){case 0:return p.trys.push([0,2,,3]),[4,this.trendingSearchRequest(t,a.request,i)];case 1:return o=p.sent(),r=[],o&&o.results&&o.results.response?(s=o.results.response[a.value]||[],l=this.transformContentsToWidgets(s,t),this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(c=this.stripsResultDataMap[t.key].tabs,d=this.stripsResultDataMap[t.key].tabs[e].pillsData,this.resetSelectedPill(d),c&&c.length&&c[e]&&(d&&d.length&&d[n]&&(d[n]=__assign({},d[n],{widgets:l,fetchTabStatus:"done",selected:!0})),c[e]=__assign({},c[e],{widgets:l,fetchTabStatus:"done"}),r=c)),this.processStrip(t,l,"done",i,o.viewMoreUrl,r)):(this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(c=this.stripsResultDataMap[t.key].tabs,d=this.stripsResultDataMap[t.key].tabs[e].pillsData,this.resetSelectedPill(d),c&&c.length&&c[e]&&(d&&d.length&&d[n]&&(d[n]=__assign({},d[n],{widgets:[],fetchTabStatus:"done",selected:!0})),c[e]=__assign({},c[e],{widgets:[],fetchTabStatus:"done"}),r=c)),this.processStrip(t,[],"done",i,null)),[3,3];case 2:return p.sent(),this.processStrip(t,[],"error",i,null),[3,3];case 3:return[2]}}))}))},ContentStripWithTabsPillsComponent.prototype.getTabDataByNewReqSearchV6=function(t,e,n,a,i){return __awaiter(this,void 0,void 0,(function(){var o,r,s,l,c;return __generator(this,(function(d){switch(d.label){case 0:return d.trys.push([0,2,,3]),[4,this.searchV6Request(t,a.request,i)];case 1:return(o=d.sent())&&o.results?(r=this.transformContentsToWidgets(o.results.result.content,t),s=[],this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(l=this.stripsResultDataMap[t.key].tabs,c=this.stripsResultDataMap[t.key].tabs[e].pillsData,this.resetSelectedPill(c),l&&l.length&&l[e]&&(c&&c.length&&c[n]&&(c[n]=__assign({},c[n],{widgets:r,fetchTabStatus:"done",selected:!0})),l[e]=__assign({},l[e],{widgets:r,fetchTabStatus:"done"}),s=l)),this.processStrip(t,r,"done",i,o.viewMoreUrl,s)):this.processStrip(t,[],"error",i,null),[3,3];case 2:return d.sent(),[3,3];case 3:return[2]}}))}))},ContentStripWithTabsPillsComponent.prototype.trendingSearchRequest=function(t,e,n){return __awaiter(this,void 0,void 0,(function(){var a,i=this;return __generator(this,(function(o){return a=[],[2,new Promise((function(o,r){if(e&&e.trendingSearch){if(e.trendingSearch.request.filters.organisation&&e.trendingSearch.request.filters.organisation.indexOf("<orgID>")>=0){var s=void 0;i.configSvc.userProfile&&(s=i.configSvc.userProfile.rootOrgId),e.trendingSearch.request.filters.organisation=s}i.contentSvc.trendingContentSearch(e.trendingSearch).subscribe((function(n){var r=Boolean(n.result&&t.request&&n.result[t.request.trendingSearch.responseKey]&&n.result[t.request.trendingSearch.responseKey].length>5&&t.stripConfig&&t.stripConfig.postCardForSearch)?{path:t.viewMoreUrl&&t.viewMoreUrl.path||"",queryParams:{tab:"Learn",q:t.viewMoreUrl&&t.viewMoreUrl.queryParams,f:e&&e.trendingSearch&&e.trendingSearch.request&&e.trendingSearch.request.filters?JSON.stringify(i.transformSearchV6FiltersV2(a)):{}}}:null,s=[];n&&n.response&&n.response.certifications&&(n.response.certifications.map((function(t){t.source===i.channnelName&&s.push(t)})),n={response:{certifications:s}}),o({results:n,viewMoreUrl:r})}),(function(e){e.error&&400===e.error.status&&i.processStrip(t,[],"done",n,null),r(e)}))}}))]}))}))},ContentStripWithTabsPillsComponent.prototype.tabClicked=function(t,e,n,a){n&&n.tabs&&n.tabs[t.index]&&(n.tabs[t.index].pillsData[e].fetchTabStatus="inprogress",n.tabs[t.index].pillsData[e].tabLoading=!0,n.showOnLoader=!0);var i={label:""+t.tab.textLabel,index:t.index};this.eventSvc.raiseInteractTelemetry({type:utilsV2.WsEvents.EnumInteractTypes.CLICK,subType:utilsV2.WsEvents.EnumInteractSubTypes.HOME_PAGE_STRIP_TABS,id:lodash.camelCase(i.label)+"-tab"},{},{module:utilsV2.WsEvents.EnumTelemetrymodules.HOME});var o=n.tabs&&n.tabs[t.index],r=n.tabs&&n.tabs[t.index].pillsData[e],s=this.widgetData.strips.find((function(t){return t.key===a}));this.stripsResultDataMap[a]&&o&&(this.stripsResultDataMap[a].viewMoreUrl.queryParams=__assign({},this.stripsResultDataMap[a].viewMoreUrl.queryParams,{tabSelected:o.value,pillSelected:r.value})),s&&o&&!o.computeDataOnClick&&r&&r.requestRequired&&r.request&&(r.request.searchV6?this.getTabDataByNewReqSearchV6(s,t.index,0,r,!0):r.request.trendingSearch&&this.getTabDataByNewReqTrending(s,t.index,0,r,!0),n.tabs[t.index].pillsData[e].tabLoading=!1)},ContentStripWithTabsPillsComponent.prototype.pillClicked=function(t,e,n,a,i){var o=this;e&&e.tabs&&e.tabs[i]&&(e.tabs[i].pillsData[a].fetchTabStatus="inprogress",e.tabs[i].pillsData[a].tabLoading=!0,e.showOnLoader=!0);var r=e.tabs&&e.tabs[i],s=e.tabs&&e.tabs[i].pillsData[a],l=this.widgetData.strips.find((function(t){return t.key===n}));this.stripsResultDataMap[n]&&r&&(this.stripsResultDataMap[n].viewMoreUrl.queryParams=__assign({},this.stripsResultDataMap[n].viewMoreUrl.queryParams,{tabSelected:r.value,pillSelected:s.value})),l&&r&&!r.computeDataOnClick&&s&&(s.requestRequired&&s.request?(s.request.searchV6?this.getTabDataByNewReqSearchV6(l,i,a,s,!0):s.request.trendingSearch&&this.getTabDataByNewReqTrending(l,i,a,s,!0),e.tabs[i].pillsData[a].tabLoading=!1):(this.getTabDataByfilter(l,r,!0),e&&e.tabs&&e.tabs[i]&&(e.tabs[i].pillsData[a].fetchTabStatus="inprogress",e.tabs[i].pillsData[a].tabLoading=!1,e.showOnLoader=!0),setTimeout((function(){e&&e.tabs&&e.tabs[i]&&(e.tabs[i].pillsData[a].fetchTabStatus="done",e.tabs[i].pillsData[a].tabLoading=!1,e.showOnLoader=!1,o.resetSelectedPill(e.tabs[i].pillsData),e.tabs[i].pillsData[a].selected=!0)}),200)))},ContentStripWithTabsPillsComponent.prototype.searchV6Request=function(t,e,n){return __awaiter(this,void 0,void 0,(function(){var a,i=this;return __generator(this,(function(o){return a=[],[2,new Promise((function(o,r){e&&e.searchV6&&i.contentSvc.searchV6(e.searchV6).subscribe((function(n){var r=Boolean(n.result.content&&n.result.content.length>5&&t.stripConfig&&t.stripConfig.postCardForSearch)?{path:t.viewMoreUrl&&t.viewMoreUrl.path||"",queryParams:{tab:"Learn",q:t.viewMoreUrl&&t.viewMoreUrl.queryParams,f:e&&e.searchV6&&e.searchV6.request&&e.searchV6.request.filters?JSON.stringify(i.transformSearchV6FiltersV2(a)):{}}}:null;o({results:n,viewMoreUrl:r})}),(function(e){i.processStrip(t,[],"error",n,null),r(e)}))}))]}))}))},ContentStripWithTabsPillsComponent.prototype.getSelectedPillIndex=function(t,e){return t.pillsData&&t.pillsData.length?t.pillsData.findIndex((function(t){return t.selected})):0},ContentStripWithTabsPillsComponent.prototype.fetchAllCbpPlans=function(t,e){return void 0===e&&(e=!0),__awaiter(this,void 0,void 0,(function(){var n,a,i,o;return __generator(this,(function(r){switch(r.label){case 0:return t.request&&t.request.cbpList&&Object.keys(t.request.cbpList).length?(n=void 0,a=[],[4,this.userSvc.fetchCbpPlanList().toPromise()]):[3,5];case 1:return(i=r.sent())?(n=i,t.tabs&&t.tabs.length?(a=this.splitCbpTabsData(n,t),o=!0,t&&t.tabs&&t.tabs.length&&t.tabs.forEach((function(t){t.pillsData&&t.pillsData.length&&t.pillsData.forEach((function(t){t&&t.widgets&&t.widgets.length&&o&&(t.selected=!0,o=!1)}))})),[4,this.processStrip(t,this.transformContentsToWidgets(n,t),"done",e,"",a)]):[3,3]):[3,4];case 2:return r.sent(),[3,4];case 3:this.processStrip(t,this.transformContentsToWidgets(n,t),"done",e,"viewMoreUrl"),r.label=4;case 4:clearInterval(this.enrollInterval),r.label=5;case 5:return[2]}}))}))},ContentStripWithTabsPillsComponent.prototype.splitCbpTabsData=function(t,e){var n=[],a=this.getTabsList(t,e);if(e.tabs&&e.tabs.length)for(var i=function(t){if("myIgotPlans"===e.tabs[t].value){if(e.tabs[t].pillsData&&e.tabs[t].pillsData.length){for(var i=function(i){e.tabs[t].pillsData[i]&&n.push(__assign({},e.tabs[t].pillsData[i],{fetchTabStatus:"done"},a.find((function(n){if(e.tabs[t].pillsData&&e.tabs[t].pillsData[i]&&n.value===e.tabs[t].pillsData[i].value)return n}))))},o=0;o<e.tabs[t].pillsData.length;o+=1)i(o);e.tabs[t].pillsData=n}}},o=0;o<e.tabs.length;o+=1)i(o);return e.tabs},ContentStripWithTabsPillsComponent.prototype.getTabsList=function(t,e){var n=[],a=[],i=[];t.forEach((function(t){n.push(t),t.planDuration===NsCardContent.ACBPConst.OVERDUE?i.push(t):t.planDuration===NsCardContent.ACBPConst.UPCOMING&&a.push(t)}));var o=n.filter((function(t){return 2===t.contentStatus})),r=n.filter((function(t){return t.contentStatus<2})),s=o.filter((function(t){return t.planDuration===NsCardContent.ACBPConst.OVERDUE})),l=o.filter((function(t){return t.planDuration!==NsCardContent.ACBPConst.OVERDUE}));return s=s.sort((function(t,e){if(t.planDuration===NsCardContent.ACBPConst.OVERDUE&&e.planDuration===NsCardContent.ACBPConst.OVERDUE)return new Date(t.endDate)>new Date(e.endDate)?-1:1})),r=r.sort((function(t,e){if(t.planDuration===NsCardContent.ACBPConst.OVERDUE&&e.planDuration===NsCardContent.ACBPConst.OVERDUE)return new Date(t.endDate)>new Date(e.endDate)?-1:1})),n=__spread(r,l,s),i=(i=i.filter((function(t){return t.contentStatus<2}))).sort((function(t,e){return new Date(t.endDate)>new Date(e.endDate)?-1:1})),a=a.filter((function(t){return t.contentStatus<2})),[{value:"all",widgets:this.transformContentsToWidgets(n,e)},{value:"upcoming",widgets:this.transformContentsToWidgets(a,e)},{value:"completed",widgets:this.transformContentsToWidgets(o,e)},{value:"overdue",widgets:this.transformContentsToWidgets(i,e)}]},ContentStripWithTabsPillsComponent.prototype.resetSelectedPill=function(t){t&&t.length&&t.forEach((function(t){t.selected=!1}))},ContentStripWithTabsPillsComponent.decorators=[{type:core.Component,args:[{selector:"sb-uic-content-strip-with-tabs-pills",template:'<ng-container *ngIf="!contentAvailable; else otherTemplate"></ng-container>\n<ng-template #otherTemplate>\n  \x3c!-- <div *ngIf="showParentLoader" class="text-center my-2">\n    <mat-spinner class="inline-block"></mat-spinner>\n  </div> --\x3e\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                \x3c!-- viewAll start--\x3e\n                <div *ngIf="checkCondition(widgetData , stripsResultDataMap[key])" class="block md:hidden">\n                  <div \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                </div>\n                \x3c!-- viewAll end--\x3e\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            \x3c!-- IF no errors then proceed to show tabs or non tabs strip --\x3e\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 item-center">\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                         \x3c!-- viewAll start--\x3e\n                          <div *ngIf="checkCondition(widgetData , stripsResultDataMap[key])" class=" hidden md:block">\n                            <div  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                          </div>\n                            \n                          \x3c!-- viewAll end--\x3e\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>',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}::ng-deep .mat-tab-header-pagination{display:none!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}"]}]}],ContentStripWithTabsPillsComponent.ctorParameters=function(){return[{type:void 0,decorators:[{type:core.Inject,args:["environment"]}]},{type:WidgetContentService},{type:utilsV2.LoggerService},{type:utilsV2.EventService},{type:utilsV2.ConfigurationsService},{type:utilsV2.UtilityService},{type:router.Router},{type:WidgetUserService},{type:core$1.TranslateService},{type:MultilingualTranslationsService}]},ContentStripWithTabsPillsComponent.propDecorators={widgetData:[{type:core.Input}],emptyResponse:[{type:core.Output}],viewAllResponse:[{type:core.Output}],telemtryResponse:[{type:core.Output}],providerId:[{type:core.Input}],emitViewAll:[{type:core.Input}],channnelName:[{type:core.Input}],id:[{type:core.HostBinding,args:["id"]}]},ContentStripWithTabsPillsComponent}(resolverV2.WidgetBaseComponent);function HttpLoaderFactory1(t){return new httpLoader.TranslateHttpLoader(t)}var ContentStripWithTabsPillsModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[ContentStripWithTabsPillsComponent],imports:[resolverV2.SbUiResolverModule,common.CommonModule,router.RouterModule,HorizontalScrollerV2Module,material.MatProgressSpinnerModule,material.MatToolbarModule,material.MatIconModule,material.MatButtonModule,material.MatTooltipModule,material.MatListModule,material.MatSidenavModule,material.MatCardModule,material.MatExpansionModule,material.MatRadioModule,material.MatChipsModule,material.MatInputModule,material.MatFormFieldModule,material.MatDialogModule,material.MatSnackBarModule,material.MatSelectModule,material.MatDatepickerModule,material.MatNativeDateModule,material.MatTableModule,material.MatCheckboxModule,material.MatProgressSpinnerModule,material.MatButtonToggleModule,material.MatTabsModule,material.MatAutocompleteModule,core$1.TranslateModule.forRoot({loader:{provide:core$1.TranslateLoader,useFactory:HttpLoaderFactory1,deps:[http.HttpClient]}})],entryComponents:[ContentStripWithTabsPillsComponent],exports:[ContentStripWithTabsPillsComponent]}]}],t}(),ɵ0$6=HttpLoaderFactory1,ContentStripFacetFilterModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[ContentStripFacetFilterComponent],imports:[resolverV2.SbUiResolverModule,common.CommonModule,router.RouterModule,HorizontalScrollerV2Module,material.MatProgressSpinnerModule,material.MatToolbarModule,material.MatIconModule,material.MatButtonModule,material.MatTooltipModule,material.MatListModule,material.MatSidenavModule,material.MatCardModule,material.MatExpansionModule,material.MatRadioModule,material.MatChipsModule,material.MatInputModule,material.MatFormFieldModule,material.MatDialogModule,material.MatSnackBarModule,material.MatSelectModule,material.MatDatepickerModule,material.MatNativeDateModule,material.MatTableModule,material.MatCheckboxModule,material.MatProgressSpinnerModule,material.MatButtonToggleModule,material.MatTabsModule,forms.ReactiveFormsModule,material.MatAutocompleteModule,core$1.TranslateModule.forRoot({loader:{provide:core$1.TranslateLoader,useFactory:ɵ0$6,deps:[http.HttpClient]}})],entryComponents:[ContentStripFacetFilterComponent],exports:[ContentStripFacetFilterComponent]}]}],t}(),API_POINTS={COMPETENCY_LIST:"apis/proxies/v8/competency/v4/search",COMPETENCY_LIST_V2:"apis/proxies/v8/searchBy/v2/competency",CERTIFICATE_URL:"apis/protected/v8/cohorts/course/batch/cert/download/"},CompetencyPassbookService=function(){function t(t){this.http=t}return t.prototype.getCompetencyList=function(t){return this.http.post(API_POINTS.COMPETENCY_LIST,t)},t.prototype.getCompetencyListv_V2=function(){return this.http.get(API_POINTS.COMPETENCY_LIST_V2)},t.prototype.fetchCertificate=function(t){return this.http.get(API_POINTS.CERTIFICATE_URL+t)},t.decorators=[{type:core.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[{type:http.HttpClient}]},t.ngInjectableDef=core.ɵɵdefineInjectable({factory:function(){return new t(core.ɵɵinject(http.HttpClient))},token:t,providedIn:"root"}),t}();var CompetencyPassbookComponent=function(){function t(t,e,n,a,i){this.configSvc=t,this.contentSvc=e,this.competencySvc=n,this.router=a,this.cardDisplayCount=3,this.dynamicAlignPills="center",this.emptyResponse=new core.EventEmitter,this.temeletryResponse=new core.EventEmitter,this.loadCometency=!1,this.loadCompetencyArea=!1,this.competencyVersion="",this.competencyTheme=[],this.allcompetencyTheme={},this.competencyStrength=0,this.competencyThemeLength=6,this.showAllTheme=[{name:"Show all",showAll:!1}],this.environment=i}return t.prototype.ngOnInit=function(){this.comeptencyKeys=this.configSvc.compentency[this.environment.compentencyVersionKey],this.getAllCompetencies()},t.prototype.showMore=function(){this.objectData.viewMore=!this.objectData.viewMore},t.prototype.getCompetencyArea=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,n,a=this;return __generator(this,(function(i){switch(i.label){case 0:t={},this.providerId&&(t={createdFor:[this.providerId]}),this.loadCompetencyArea=!0,e={request:{query:"",filters:__assign({contentType:"Course"},t,{status:["Live"]}),sort_by:{lastUpdatedOn:"desc"},facets:[this.environment.compentencyVersionKey+"."+this.comeptencyKeys.vCompetencyArea],limit:0,offset:0,fields:[]}},i.label=1;case 1:return i.trys.push([1,3,,4]),this.competencyStrength=0,[4,this.callCompetencySearch(e)];case 2:return(n=i.sent())&&n.results&&n.results.result.facets&&(n.results.result.facets.forEach((function(t){t.name===a.environment.compentencyVersionKey+"."+a.comeptencyKeys.vCompetencyArea&&(a.competencyArea=t.values)})),this.selectedValue=this.competencyArea[0].name.toLowerCase(),this.competencyArea.forEach((function(t,e){return __awaiter(a,void 0,void 0,(function(){var n,a;return __generator(this,(function(i){switch(i.label){case 0:return n={createdFor:[this.providerId]},[4,this.getcompetencyThemeCount(t,n)];case 1:return a=i.sent(),t.themeData=a,t.count=a.length,this.competencyStrength=this.competencyStrength+a.length,0===e&&this.getThemeDataByArea(t),[2]}}))}))})),this.loadCompetencyArea=!1),[3,4];case 3:return i.sent(),this.loadCompetencyArea=!1,this.emptyResponse.emit(!0),[3,4];case 4:return[2]}}))}))},t.prototype.callCompetencySearch=function(t){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(n){return[2,new Promise((function(n,a){t&&t&&e.contentSvc.searchV6(t).subscribe((function(t){n({results:t})}),(function(t){a(t)}))}))]}))}))},t.prototype.competencyChange=function(t){this.providerId&&this.providerId,this.temeletryResponse.emit(t.name),this.getThemeDataByArea(t),this.selectedValue=t.name},t.prototype.getAllCompetencies=function(){var t=this;this.loadCometency=!0,this.competencySvc.getCompetencyListv_V2().subscribe((function(e){t.allcompetencyTheme={},e&&e.result&&e.result.content&&(t.originalCompetencyArray=e.result.content,t.getCompetencyArea(),e.result.content.forEach((function(e){e.children.forEach((function(e){var n=e.name.toLowerCase();t.allcompetencyTheme[n]=e,t.allcompetencyTheme[n].viewMore=!1}))}))),t.loadCometency=!1}))},t.prototype.getcompetencyTheme=function(t,e){return __awaiter(this,void 0,void 0,(function(){var n,a,i,o,r=this;return __generator(this,(function(s){switch(s.label){case 0:n={request:{query:"",filters:__assign({contentType:"Course"},e,(o={},o[this.environment.compentencyVersionKey+"."+this.comeptencyKeys.vCompetencyArea]=t,o.status=["Live"],o)),sort_by:{lastUpdatedOn:"desc"},facets:[this.environment.compentencyVersionKey+"."+this.comeptencyKeys.vCompetencyTheme],limit:0,offset:0,fields:[]}},s.label=1;case 1:return s.trys.push([1,3,,4]),this.loadCometency=!0,[4,this.callCompetencySearch(n)];case 2:return(a=s.sent())&&a.results&&(a.results.result.facets&&(i=a.results.result.facets[0].values,this.originalCompetencyArray.forEach((function(e){e.name.toLowerCase()===t&&(r.competencyTheme=i.filter((function(t){return e.children.find((function(e){return e.name.toLowerCase()===t.name.toLowerCase()}))})),r.showAllTheme=[{name:"Show all",showAll:!1}],r.competencyThemeLength=6)})),this.resetViewMore()),this.loadCometency=!1),[3,4];case 3:return s.sent(),[3,4];case 4:return[2]}}))}))},t.prototype.getThemeDataByArea=function(t){var e=this,n=t.themeData;this.originalCompetencyArray.forEach((function(a){a.name.toLowerCase()===t.name&&(e.competencyTheme=n.filter((function(t){return a.children.find((function(e){return e.name.toLowerCase()===t.name.toLowerCase()}))})),e.showAllTheme=[{name:"Show all",showAll:!1}],e.competencyThemeLength=6)}));var a={};this.providerId&&(a={createdFor:[this.providerId]}),this.getcompetencySubTheme(t,a)},t.prototype.getcompetencyThemeCount=function(t,e){return __awaiter(this,void 0,void 0,(function(){var n,a,i,o,r,s=this;return __generator(this,(function(l){switch(l.label){case 0:n={request:{query:"",filters:__assign({contentType:"Course"},e,(r={},r[this.environment.compentencyVersionKey+"."+this.comeptencyKeys.vCompetencyArea]=t.name,r.status=["Live"],r)),sort_by:{lastUpdatedOn:"desc"},facets:[this.environment.compentencyVersionKey+"."+this.comeptencyKeys.vCompetencyTheme],limit:0,offset:0,fields:[]}},l.label=1;case 1:return l.trys.push([1,3,,4]),a=this.loadCometency=!0,[4,this.callCompetencySearch(n)];case 2:return(i=l.sent())&&i.results?(i.results.result.facets&&(o=i.results.result.facets[0].values,this.originalCompetencyArray.forEach((function(e){e.name.toLowerCase()===t.name&&(a=o.filter((function(t){return e.children.find((function(e){return e.name.toLowerCase()===t.name.toLowerCase()}))})),s.showAllTheme=[{name:"Show all",showAll:!1}],s.competencyThemeLength=6)}))),this.loadCometency=!1,[2,a]):[3,4];case 3:return l.sent(),[3,4];case 4:return[2]}}))}))},t.prototype.resetViewMore=function(){var t=this;Object.keys(this.allcompetencyTheme).forEach((function(e){t.allcompetencyTheme[e].viewMore=!1}))},t.prototype.viewMoreChildren=function(t){t.viewMore=!t.viewMore,this.allcompetencyTheme[t.name.toLowerCase()].viewMore=t.viewMore},t.prototype.displayAllTheme=function(t){this.showAllTheme[0].showAll=!t.showAll,this.competencyThemeLength=t.showAll?this.competencyTheme.length:6,this.showAllTheme[0].name=t.showAll?"Show less":"Show all",this.temeletryResponse.emit(t.name)},t.prototype.navigateToCompetency=function(t){this.router.navigateByUrl("/app/learn/browse-by/competency/"+t.name)},t.prototype.getcompetencySubTheme=function(t,e){return __awaiter(this,void 0,void 0,(function(){var n,a,i,o,r=this;return __generator(this,(function(s){switch(s.label){case 0:n={request:{query:"",filters:__assign({contentType:"Course"},e,(o={},o[this.environment.compentencyVersionKey+"."+this.comeptencyKeys.vCompetencyArea]=t.name,o.status=["Live"],o)),sort_by:{lastUpdatedOn:"desc"},facets:[this.environment.compentencyVersionKey+"."+this.comeptencyKeys.vCompetencySubTheme],limit:0,offset:0,fields:[]}},s.label=1;case 1:return s.trys.push([1,3,,4]),this.loadCometency=!0,[4,this.callCompetencySearch(n)];case 2:return(a=s.sent())&&a.results&&(a.results.result.facets&&(i=a.results.result.facets[0].values,this.competencyArea.forEach((function(e){e.name===t.name&&e.themeData.forEach((function(t){if(r.allcompetencyTheme[t.name.toLowerCase()]&&r.allcompetencyTheme[t.name.toLowerCase()].children&&r.allcompetencyTheme[t.name.toLowerCase()].children.length){var e=r.allcompetencyTheme[t.name.toLowerCase()].children.filter((function(t){return i.some((function(e){return Object.keys(t).every((function(n){return t.name===e.name}))}))}));r.allcompetencyTheme[t.name.toLowerCase()].children=e}}))}))),this.loadCometency=!1),[3,4];case 3:return s.sent(),[3,4];case 4:return[2]}}))}))},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-competency-passbook",template:' <div class="competency-title" *ngIf="objectData?.title">{{objectData?.title}} \n    <span class="competency-count">\n        ({{competencyStrength}})\n    </span>\n</div>\n<div class="flex items-center justify-{{dynamicAlignPills}} gap-8 mt-5 mb-5 competency-filters">\n    <sb-uic-pills [pillsData]="competencyArea" [dynamicColor]="dynamicColor"\n    [isLoading]="loadCompetencyArea" (pillClick)="competencyChange($event)" [selectedValue]="selectedValue"></sb-uic-pills>\n</div>\n<div class="grid grid-cols-1 md:grid-cols-{{cardDisplayCount}} w-full grid-flow-row gap-5" *ngIf="!loadCometency">\n    <div class="competency-card" *ngFor="let obj of competencyTheme| slice:0:competencyThemeLength">\n        <div class="flex-1 flex-col">\n            <div class="competency-theme"></div>\n            <div class="details flex flex-col">\n                <div class="flex flex-col p-4">\n                    <div class="flex flex-row cursor-pointer">\n                        <div class="flex flex-row gap-2 items-center">\n                            <div class="name">{{allcompetencyTheme[obj?.name]?.displayName}}</div>\n                            \x3c!-- <div class="flex items-baseline">\n                                <img src="assets/icons/competency/cp-arrow.svg" class="arrow-img cursor-pointer" alt="cp arrow img" (click)="navigateToCompetency(obj)" />\n                            </div> --\x3e\n                        </div>\n                    </div>\n                    <div class="flex flex-row pt-3 pb-3 description">\n                       {{ allcompetencyTheme[obj.name]?.description }} \n                    </div>\n                    \x3c!-- <div class="flex flex-row gap-3 items-center">\n                        <mat-icon class="content-icon">school</mat-icon>\n                        <div class="no-of-contents" *ngIf="obj.count === 1">{{obj.count}} Content</div>\n                        <div class="no-of-contents" *ngIf="obj.count !== 1">{{obj.count}} Contents</div>\n                    </div> --\x3e\n                    <div class="line mt-3 mt-2"></div>\n                    <div class="flex flex-wrap gap-3 pt-4 chip-container">\n                        <ng-container *ngFor="let child of allcompetencyTheme[obj.name]?.children| slice:0: allcompetencyTheme[obj.name]?.viewMore ? allcompetencyTheme[obj.name]?.children?.length : 3; let i = index">\n                            <div class="chip rounded-full p-2 text-xs chip-ellipsis" [title]="child?.displayName" >\n                                {{ child?.displayName }}\n                            </div>\n                        </ng-container>\n                        <div class="p-2 info-btn cursor-pointer"\n                            *ngIf="allcompetencyTheme[obj.name]?.children.length > 3 && !allcompetencyTheme[obj.name]?.viewMore" (click)="viewMoreChildren(allcompetencyTheme[obj.name])">\n                            View more\n                        </div>\n                        <div class="p-2 info-btn cursor-pointer"\n                            *ngIf="allcompetencyTheme[obj.name]?.children.length > 3 && allcompetencyTheme[obj.name]?.viewMore" (click)="viewMoreChildren(allcompetencyTheme[obj.name])">\n                            View less\n                        </div>\n                    </div>\n                </div>        \n            </div>\n        </div>\n    </div>\n</div>\n<ng-container *ngIf="competencyTheme.length > 6 && !loadCometency">\n    <div class="flex items-center justify-center gap-8 mt-5 mb-5 competency-filters">\n        <sb-uic-pills [pillsData]="showAllTheme" [requiredTitlecase]="false" [dynamicColor]="dynamicColor" (pillClick)="displayAllTheme($event)"></sb-uic-pills>\n    </div>\n</ng-container> \n\n<ng-container *ngIf="loadCometency">\n\n<div class="grid grid-cols-1 md:grid-cols-{{cardDisplayCount}} w-full grid-flow-row gap-5">\n    <div *ngFor="let obj of [0,1,2,3,4,5]">\n        <div class="flex-1 flex-col">\n            <div class="competency-theme"></div>\n            <div class="details flex flex-col">\n                <div class="flex flex-col p-4">\n                    <div class="flex flex-row cursor-pointer">\n                        <div class="flex flex-row gap-2 items-center w-full">\n                            <div class="name w-full">\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded mb-2\'" [width]="\'100%\'"\n                                [height]="\'24px\'"></sb-uic-skeleton-loader>\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded\'" [width]="\'80%\'"\n                                [height]="\'24px\'"></sb-uic-skeleton-loader>\n                            </div>\n                        </div>\n                    </div>\n                    <div class="pt-3 pb-3 description">\n                        <sb-uic-skeleton-loader class="w-full" [bindingClass]="\'flex rounded mb-2\'" [width]="\'100%\'"\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\n                        <sb-uic-skeleton-loader class="w-full" [bindingClass]="\'flex rounded\'" [width]="\'80%\'"\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\n                    </div>\n                    <div class="flex flex-row gap-3 items-center">\n                        <mat-icon class="content-icon"><sb-uic-skeleton-loader  [bindingClass]="\'flex rounded mb-2\'" [width]="\'24px\'"\n                            [height]="\'24px\'"></sb-uic-skeleton-loader></mat-icon>\n                        <div class="no-of-contents"><sb-uic-skeleton-loader  [bindingClass]="\'flex rounded \'" [width]="\'100px\'"\n                            [height]="\'24px\'"></sb-uic-skeleton-loader></div>\n                    </div>\n                    <div class="line mt-3 mt-2"></div>\n                    <div class="flex flex-wrap gap-3 pt-4 chip-container">\n                        <sb-uic-skeleton-loader class="w-2/5" [bindingClass]="\'flex rounded \'" [width]="\'100px\'"\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\n                        <sb-uic-skeleton-loader class="w-2/5"  [bindingClass]="\'flex rounded \'" [width]="\'100px\'"\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\n                        <sb-uic-skeleton-loader class="w-2/5" [bindingClass]="\'flex rounded \'" [width]="\'100px\'"\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\n                    </div>\n                </div>        \n            </div>\n        </div>\n    </div>\n</div>\n</ng-container>',styles:[".competencies-backgroud{background-color:#1b2133}.competency-title{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left;color:#fff}.competency-count{color:#f3962f}.filter-button{padding:12px 16px;border-radius:50px;border:1px solid #fff;font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;background-color:transparent;color:#fff;cursor:pointer}.filter-button.active{background:#1b4ca1}.banner-metrics{background:linear-gradient(180deg,#f9cb97 -107.59%,#ef951e 110.74%)}.infra-background{background:#1b4ca1}.competency-theme{height:16px;border-top-left-radius:12px;border-top-right-radius:12px;background-color:#f8b861}.details{background-color:#fff;border-radius:12px;position:relative;top:-8px;min-height:278px}.name{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.description{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left;height:42px;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.no-of-contents{font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;color:#1b4ca1}.content-icon{color:#1b4ca1}.line{border-top:1px solid #e2dddd}.chip{padding:8px 16px;gap:8px;border-radius:50px;border:1px solid #1b4ca1;color:#1b4ca1;font-family:Lato;font-size:14px;font-weight:700;text-align:center}.chip-ellipsis{white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis}.info-btn{font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;opacity:.7;padding:12px 5px}.hide{display:none}.behavioral{background-color:#f8b861}.functional{background-color:#e24577}.domain{background-color:#7b47a4}.competency-card{z-index:999}"]}]}],t.ctorParameters=function(){return[{type:utilsV2.ConfigurationsService},{type:WidgetContentService},{type:CompetencyPassbookService},{type:router.Router},{type:void 0,decorators:[{type:core.Inject,args:["environment"]}]}]},t.propDecorators={objectData:[{type:core.Input}],providerId:[{type:core.Input}],cardDisplayCount:[{type:core.Input}],dynamicClass:[{type:core.Input}],dynamicColor:[{type:core.Input}],dynamicAlignPills:[{type:core.Input}],emptyResponse:[{type:core.Output}],temeletryResponse:[{type:core.Output}]},t}();var PillsComponent=function(){function t(){this.isLoading=!1,this.pillClick=new core.EventEmitter,this.dynamicClass="",this.dynamicColor="",this.requiredTitlecase=!0}return t.prototype.ngOnInit=function(){},t.prototype.selectedPill=function(t){this.pillClick.emit(t)},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-pills",template:'<ng-container *ngIf="!isLoading">\n    <mat-chip-list >\n        <ng-container *ngFor="let pill of pillsData">\n            <mat-chip class="competency-chip" (click)="selectedPill(pill)" [style.color]="dynamicColor"   [style.borderColor]="\'#999999\'"\n            [ngClass]="{\'active\': selectedValue === pill?.name}">\n                <span [style.color]="dynamicColor" class="pill-name" *ngIf="requiredTitlecase">{{pill?.name | titlecase}} <span *ngIf="pill?.count">({{pill?.count}})</span></span>\n                <span [style.color]="dynamicColor" class="pill-name" *ngIf="!requiredTitlecase">{{pill?.name }} <span *ngIf="pill?.count">({{pill?.count}})</span></span>\n            </mat-chip>\n        </ng-container>\n    </mat-chip-list>\n</ng-container>\n<ng-container *ngIf="isLoading">\n    <div class="flex gap-4">\n        <ng-container *ngFor="let pill of [0,1,2]">\n            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded\'" [width]="\'100px\'"\n            [height]="\'24px\'"></sb-uic-skeleton-loader>\n        </ng-container>\n    </div>\n</ng-container>\n',styles:[".competency-chip{z-index:999;padding:12px 16px;border-radius:50px;border:1px solid #fff;font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;background-color:transparent!important;cursor:pointer}.competency-chip .pill-name{color:#fff}.active{background-color:#1b4ca1!important}.active .pill-name{color:#fff!important}"]}]}],t.ctorParameters=function(){return[]},t.propDecorators={pillsData:[{type:core.Input}],selectedValue:[{type:core.Input}],isLoading:[{type:core.Input}],pillClick:[{type:core.Output}],dynamicClass:[{type:core.Input}],dynamicColor:[{type:core.Input}],requiredTitlecase:[{type:core.Input}]},t}();var PillsModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[PillsComponent],imports:[common.CommonModule,material.MatIconModule,material.MatChipsModule,SkeletonLoaderLibModule],exports:[PillsComponent]}]}],t}(),CompetencyPassbookModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[CompetencyPassbookComponent],imports:[common.CommonModule,material.MatIconModule,PillsModule,SkeletonLoaderLibModule],exports:[CompetencyPassbookComponent],providers:[CompetencyPassbookService]}]}],t}(),API_POINTS$1={COMPETENCY_LIST:"apis/proxies/v8/competency/v4/search",competency_URL:"apis/proxies/v8/v1/search/competenciesByOrg/",COMPETENCY_LIST_V2:"apis/proxies/v8/searchBy/v2/competency"},CompetencyPassbookMdoService=function(){function t(t){this.http=t}return t.prototype.getCompetencyList=function(t){return this.http.post(API_POINTS$1.COMPETENCY_LIST,t)},t.prototype.getCompetencyListv_V2=function(){return this.http.get(API_POINTS$1.COMPETENCY_LIST_V2)},t.prototype.mdoCompetency=function(t){return this.http.get(API_POINTS$1.competency_URL+t)},t.decorators=[{type:core.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[{type:http.HttpClient}]},t.ngInjectableDef=core.ɵɵdefineInjectable({factory:function(){return new t(core.ɵɵinject(http.HttpClient))},token:t,providedIn:"root"}),t}();var CompetencyPassbookMdoComponent=function(){function t(t,e,n,a,i){this.configSvc=t,this.contentSvc=e,this.competencySvc=n,this.router=a,this.cardDisplayCount=3,this.dynamicAlignPills="center",this.emptyResponse=new core.EventEmitter,this.temeletryResponse=new core.EventEmitter,this.loadCometency=!1,this.loadCompetencyArea=!1,this.selectedValue="functional",this.competencyVersion="",this.competencyTheme=[],this.allcompetencyTheme={},this.competencyStrength=0,this.competencyThemeLength=6,this.showAllTheme=[{name:"Show all",showAll:!1}],this.environment=i}return t.prototype.ngOnInit=function(){this.comeptencyKeys=this.configSvc.compentency[this.environment.compentencyVersionKey],this.getAllCompetencies()},t.prototype.getAllCompetencies=function(){var t=this;this.loadCometency=!0;this.competencySvc.getCompetencyListv_V2().subscribe((function(e){t.allcompetencyTheme={},e&&e.result&&e.result.content&&(t.originalCompetencyArray=e.result.content,t.getMdoCompetencies(),e.result.content.forEach((function(e){e.children.forEach((function(e){var n=e.name.toLowerCase();t.allcompetencyTheme[n]=e,t.allcompetencyTheme[n].viewMore=!1}))}))),t.loadCometency=!1}))},t.prototype.getMdoCompetencies=function(){return __awaiter(this,void 0,void 0,(function(){var t,e=this;return __generator(this,(function(n){switch(n.label){case 0:return n.trys.push([0,2,,3]),this.loadCometency=!0,[4,this.getMdoCompetency()];case 1:return(t=n.sent())&&t.results&&(t.results.result.facets&&t.results.result.facets.length?t.results.result.facets.forEach((function(t){t.name===e.environment.compentencyVersionKey+"."+e.comeptencyKeys.vCompetencyArea?(e.competencyArea=t.values,e.selectedValue=t.values[0].name):t.name===e.environment.compentencyVersionKey+"."+e.comeptencyKeys.vCompetencyTheme&&(e.competencyThemeData=t.values,e.getCompetencyTheme())})):this.emptyResponse.emit(!0),this.loadCometency=!1),[3,3];case 2:return n.sent(),this.emptyResponse.emit(!0),[3,3];case 3:return[2]}}))}))},t.prototype.getCompetencyTheme=function(){var t=this;this.originalCompetencyArray.forEach((function(e){(e.name.toLowerCase()===t.selectedValue||"Behavioral".toLowerCase()===t.selectedValue)&&(t.competencyTheme=t.competencyThemeData.filter((function(t){return e.children.find((function(e){return e.name.toLowerCase()===t.name.toLowerCase()}))})),t.showAllTheme=[{name:"Show all",showAll:!1}],t.competencyThemeLength=6)})),this.resetViewMore()},t.prototype.getMdoCompetency=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){return[2,new Promise((function(e,n){t.providerId&&t.competencySvc.mdoCompetency(t.providerId).subscribe((function(t){e({results:t})}),(function(t){n(t)}))}))]}))}))},t.prototype.competencyChange=function(t){this.providerId&&this.providerId,this.temeletryResponse.emit(t.name),this.selectedValue=t.name,this.getCompetencyTheme()},t.prototype.resetViewMore=function(){var t=this;Object.keys(this.allcompetencyTheme).forEach((function(e){t.allcompetencyTheme[e].viewMore=!1}))},t.prototype.viewMoreChildren=function(t){t.viewMore=!t.viewMore,this.allcompetencyTheme[t.name.toLowerCase()].viewMore=t.viewMore},t.prototype.displayAllTheme=function(t){this.showAllTheme[0].showAll=!t.showAll,this.competencyThemeLength=t.showAll?this.competencyTheme.length:6,this.showAllTheme[0].name=t.showAll?"Show less":"Show all",this.temeletryResponse.emit(t.name)},t.prototype.navigateToCompetency=function(t){this.router.navigateByUrl("app/learn/browse-by/competency/"+t.name)},t.prototype.showMore=function(){this.objectData.viewMore=!this.objectData.viewMore},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-competency-passbook-mdo",template:'<div class="competency-title" *ngIf="objectData?.title">{{objectData?.title}} \n    <span class="competency-count">\n        ({{competencyStrength}})\n    </span>\n</div>\n<div class="flex items-center justify-{{dynamicAlignPills}} gap-8 mt-5 mb-5 competency-filters">\n    <sb-uic-pills [pillsData]="competencyArea" [dynamicColor]="dynamicColor"\n    [isLoading]="loadCompetencyArea" (pillClick)="competencyChange($event)" [selectedValue]="selectedValue"></sb-uic-pills>\n</div>\n<div class="grid grid-cols-1 md:grid-cols-{{cardDisplayCount}} w-full grid-flow-row gap-5" *ngIf="!loadCometency">\n    <div class="competency-card" *ngFor="let obj of competencyTheme| slice:0:competencyThemeLength">\n        <div class="flex-1 flex-col">\n            <div class="competency-theme"></div>\n            <div class="details flex flex-col">\n                <div class="flex flex-col p-4">\n                    <div class="flex flex-row cursor-pointer">\n                        <div class="flex flex-row gap-2 items-center">\n                            <div class="name">{{allcompetencyTheme[obj?.name]?.displayName}}</div>\n                            \x3c!-- <div class="flex items-baseline">\n                                <img src="assets/icons/competency/cp-arrow.svg" class="arrow-img cursor-pointer" alt="cp arrow img" (click)="navigateToCompetency(obj)" />\n                            </div> --\x3e\n                        </div>\n                    </div>\n                    <div class="flex flex-row pt-3 pb-3 description">\n                        {{ allcompetencyTheme[obj.name]?.description }} \n                    </div>\n                    <div class="flex flex-row gap-3 items-center">\n                        <mat-icon class="content-icon">school</mat-icon>\n                        <div class="no-of-contents">{{obj.count}} Contents</div>\n                    </div>\n                    <div class="line mt-3 mt-2"></div>\n                    <div class="flex flex-wrap gap-3 pt-4 chip-container">\n                        <ng-container *ngFor="let child of allcompetencyTheme[obj.name]?.children| slice:0: allcompetencyTheme[obj.name]?.viewMore ? allcompetencyTheme[obj.name]?.children?.length : 3; let i = index">\n                            <div class="chip rounded-full p-2 text-xs chip-ellipsis" [title]="child?.displayName" >\n                                {{ child?.displayName }}\n                            </div>\n                        </ng-container>\n                        <div class="p-2 info-btn cursor-pointer"\n                            *ngIf="allcompetencyTheme[obj.name]?.children.length > 3 && !allcompetencyTheme[obj.name]?.viewMore" (click)="viewMoreChildren(allcompetencyTheme[obj.name])">\n                            View more\n                        </div>\n                        <div class="p-2 info-btn cursor-pointer"\n                            *ngIf="allcompetencyTheme[obj.name]?.children.length > 3 && allcompetencyTheme[obj.name]?.viewMore" (click)="viewMoreChildren(allcompetencyTheme[obj.name])">\n                            View less\n                        </div>\n                    </div>\n                </div>        \n            </div>\n        </div>\n    </div>\n</div>\n<ng-container *ngIf="competencyTheme.length > 6 && !loadCometency">\n    <div class="flex items-center justify-center gap-8 mt-5 mb-5 competency-filters">\n        <sb-uic-pills [pillsData]="showAllTheme" [requiredTitlecase]="false" [dynamicColor]="dynamicColor" (pillClick)="displayAllTheme($event)"></sb-uic-pills>\n    </div>\n</ng-container> \n\n<ng-container *ngIf="loadCometency">\n\n<div class="grid grid-cols-1 md:grid-cols-{{cardDisplayCount}} w-full grid-flow-row gap-5">\n    <div *ngFor="let obj of [0,1,2,3,4,5]">\n        <div class="flex-1 flex-col">\n            <div class="competency-theme"></div>\n            <div class="details flex flex-col">\n                <div class="flex flex-col p-4">\n                    <div class="flex flex-row cursor-pointer">\n                        <div class="flex flex-row gap-2 items-center w-full">\n                            <div class="name w-full">\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded mb-2\'" [width]="\'100%\'"\n                                [height]="\'24px\'"></sb-uic-skeleton-loader>\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded\'" [width]="\'80%\'"\n                                [height]="\'24px\'"></sb-uic-skeleton-loader>\n                            </div>\n                        </div>\n                    </div>\n                    <div class="pt-3 pb-3 description">\n                        <sb-uic-skeleton-loader class="w-full" [bindingClass]="\'flex rounded mb-2\'" [width]="\'100%\'"\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\n                        <sb-uic-skeleton-loader class="w-full" [bindingClass]="\'flex rounded\'" [width]="\'80%\'"\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\n                    </div>\n                    <div class="flex flex-row gap-3 items-center">\n                        <mat-icon class="content-icon"><sb-uic-skeleton-loader  [bindingClass]="\'flex rounded mb-2\'" [width]="\'24px\'"\n                            [height]="\'24px\'"></sb-uic-skeleton-loader></mat-icon>\n                        <div class="no-of-contents"><sb-uic-skeleton-loader  [bindingClass]="\'flex rounded \'" [width]="\'100px\'"\n                            [height]="\'24px\'"></sb-uic-skeleton-loader></div>\n                    </div>\n                    <div class="line mt-3 mt-2"></div>\n                    <div class="flex flex-wrap gap-3 pt-4 chip-container">\n                        <sb-uic-skeleton-loader class="w-2/5" [bindingClass]="\'flex rounded \'" [width]="\'100px\'"\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\n                        <sb-uic-skeleton-loader class="w-2/5"  [bindingClass]="\'flex rounded \'" [width]="\'100px\'"\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\n                        <sb-uic-skeleton-loader class="w-2/5" [bindingClass]="\'flex rounded \'" [width]="\'100px\'"\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\n                    </div>\n                </div>        \n            </div>\n        </div>\n    </div>\n</div>\n</ng-container>',styles:[".competencies-backgroud{background-color:#1b2133}.competency-title{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left;color:#fff}.competency-count{color:#f3962f}.filter-button{padding:12px 16px;border-radius:50px;border:1px solid #fff;font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;background-color:transparent;color:#fff;cursor:pointer}.filter-button.active{background:#1b4ca1}.banner-metrics{background:linear-gradient(180deg,#f9cb97 -107.59%,#ef951e 110.74%)}.infra-background{background:#1b4ca1}.competency-theme{height:16px;border-top-left-radius:12px;border-top-right-radius:12px;background-color:#f8b861}.details{background-color:#fff;border-radius:12px;position:relative;top:-8px;min-height:278px}.name{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.description{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left;height:42px;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.no-of-contents{font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;color:#1b4ca1}.content-icon{color:#1b4ca1}.line{border-top:1px solid #e2dddd}.chip{padding:8px 16px;gap:8px;border-radius:50px;border:1px solid #1b4ca1;color:#1b4ca1;font-family:Lato;font-size:14px;font-weight:700;text-align:center}.chip-ellipsis{white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis}.info-btn{font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;opacity:.7;padding:12px 5px}.hide{display:none}.behavioral{background-color:#f8b861}.functional{background-color:#e24577}.domain{background-color:#7b47a4}.competency-card{z-index:999}"]}]}],t.ctorParameters=function(){return[{type:utilsV2.ConfigurationsService},{type:WidgetContentService},{type:CompetencyPassbookMdoService},{type:router.Router},{type:void 0,decorators:[{type:core.Inject,args:["environment"]}]}]},t.propDecorators={objectData:[{type:core.Input}],providerId:[{type:core.Input}],cardDisplayCount:[{type:core.Input}],dynamicClass:[{type:core.Input}],dynamicColor:[{type:core.Input}],dynamicAlignPills:[{type:core.Input}],emptyResponse:[{type:core.Output}],temeletryResponse:[{type:core.Output}]},t}();var CompetencyPassbookMdoModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[CompetencyPassbookMdoComponent],imports:[common.CommonModule,material.MatIconModule,PillsModule,SkeletonLoaderLibModule],exports:[CompetencyPassbookMdoComponent],providers:[CompetencyPassbookMdoService]}]}],t}(),PROXY_SLAG_V8="/apis/proxies/v8",ɵ0$7=function(t,e,n){return PROXY_SLAG_V8+"/ratings/v1/read/"+t+"/"+e+"/"+n},ɵ1$3=function(t,e){return PROXY_SLAG_V8+"/ratings/v1/summary/"+t+"/"+e},ɵ2$2=function(t,e){return PROXY_SLAG_V8+"/ratings/v1/read/"+t+"/Course/"+e},API_END_POINTS$3={GET_RATING:ɵ0$7,ADD_OR_UPDATE:PROXY_SLAG_V8+"/ratings/v1/upsert",GET_RATING_SUMMARY:ɵ1$3,GET_RATING_LOOKUP:PROXY_SLAG_V8+"/ratings/v1/ratingLookUp",GET_AUTHOR_REPLY:ɵ2$2,POST_AUTHOR_REPLY:PROXY_SLAG_V8+"/ratings/v2/read"},RatingService=function(){function t(t){this.http=t}return t.prototype.getRating=function(t,e,n){return window.location.href.includes("/public/")||window.location.href.includes("&preview=true")?rxjs.of({}):this.http.get(API_END_POINTS$3.GET_RATING(t,e,n))},t.prototype.addOrUpdateRating=function(t){return this.http.post(API_END_POINTS$3.ADD_OR_UPDATE,t)},t.prototype.getRatingSummary=function(t,e){return window.location.href.includes("/public/")||window.location.href.includes("&preview=true")?rxjs.of({}):this.http.get(API_END_POINTS$3.GET_RATING_SUMMARY(t,e))},t.prototype.getRatingLookup=function(t){return this.http.post(API_END_POINTS$3.GET_RATING_LOOKUP,t)},t.prototype.getRatingReply=function(t){return window.location.href.includes("/public/")||window.location.href.includes("&preview=true")?rxjs.of({}):this.http.post(API_END_POINTS$3.POST_AUTHOR_REPLY,t)},t.prototype.getRatingIcon=function(t,e){if(e){var n=e,a=Math.floor(n);if(t<=a)return"star";if(a===t-1&&n%1>=.29&&n%1<.71)return"star_half"}return"star"},t.prototype.getRatingIconClass=function(t,e){if(e){var n=e,a=Math.floor(n);if(t<=a)return!0;if(a===t-1&&n%1>=.29&&n%1<.71)return!0;if(a===t-1&&n%1>.71)return!0;if(a===t-1&&n%1<.29)return!1}return!1},t.prototype.getAuthorReply=function(t,e){return this.http.get(API_END_POINTS$3.GET_AUTHOR_REPLY(t,e))},t.decorators=[{type:core.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[{type:http.HttpClient}]},t.ngInjectableDef=core.ɵɵdefineInjectable({factory:function(){return new t(core.ɵɵinject(http.HttpClient))},token:t,providedIn:"root"}),t}();var API_END_POINTS$4={TOP_REVIEWS:"/apis/proxies/v8/ratings/v1/topReviews"},UserContentRatingLibService=function(){function t(t){this.http=t}return t.prototype.fetchTopReviews=function(t){return this.http.get(API_END_POINTS$4.TOP_REVIEWS+"/"+t)},t.decorators=[{type:core.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[{type:http.HttpClient}]},t.ngInjectableDef=core.ɵɵdefineInjectable({factory:function(){return new t(core.ɵɵinject(http.HttpClient))},token:t,providedIn:"root"}),t}();var UserContentRatingLibComponent=function(){function t(t,e){this.ratingService=t,this.userRatingSvc=e,this.currentIndex=0,this.providerId="",this.formData="",this.emptyResponse=new core.EventEmitter,this.styleData={},this.contentdata=[]}return t.prototype.ngOnInit=function(){this.styleData=this.formData&&this.formData.sliderData&&this.formData.sliderData.styleData,this.getTopReviews()},t.prototype.getTopReviews=function(){var t=this;this.contentdata=[],this.userRatingSvc.fetchTopReviews(this.providerId).subscribe((function(e){e&&e.result&&e.result.content.length?e.result.content.forEach((function(e){var n={};n.content=e.contentInfo,n.rating=e.rating,n.review=e.review,n.userDetails=e.userDetails,n.cardSubType="card-wide-lib",n.cardCustomeClass="",t.contentdata.push(n)})):t.emptyResponse.emit(!0)}),(function(e){t.emptyResponse.emit(!0)}))},t.prototype.getRatingIcon=function(t,e){return this.ratingService.getRatingIcon(t,e)},t.prototype.getRatingIconClass=function(t,e){return this.ratingService.getRatingIconClass(t,e)},t.prototype.getCurrentIndex=function(t){this.currentIndex=t,this.handleScrollClick(t)},t.prototype.handleScrollClick=function(t){this.scrollableItems.find((function(e){return e.key===t})).scrollIntoView("nearest")},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-user-content-rating",template:'<ng-container *ngIf="contentdata.length">\n    <div class="user-rating-section">\n        <sb-uic-sliders-ng-content [title]="\'providerName\'"  [currentIndex]="currentIndex" (currentIndexValue)="getCurrentIndex($event)" [loadNgContentData]="true" [widgetData]="contentdata" [styleData]="styleData">\n            <div sliderbody>\n                <div class="flex users-block">\n                    <ng-container *ngFor="let userData of contentdata; let j = index">\n                        <div class="avatar-block mr-1" [sbUicScrollableItem]="j"\n                        [ngClass]="{\'user-active\': j === currentIndex}" (click)="handleScrollClick(currentIndex);currentIndex = j">\n                            <sb-uic-avatar-photo [defaulfColor]="\'#1B2133\'" [datalen]="1" [randomColor]="true" [name]="userData?.userDetails?.firstName" [photoUrl]="userData?.userDetails?.profileImageUrl" size="m-side-rating">\n                            </sb-uic-avatar-photo>\n                        </div>\n                    </ng-container>\n                </div>\n                <div *ngFor="let ratingData of contentdata; let i = index" [hidden]="i !== currentIndex">\n                    <div class="user-ratting-wrapper flex flex-wrap justify-center">\n                        <div class="w-full mr-0 md:mr-8 ml-0 md:ml-8 pb-5">\n                            <sb-uic-cards [widgetData]="ratingData"></sb-uic-cards>\n                        </div>\n                        <div class="title-border-v2"></div>\n                        <p class="userName w-full mb-4 pt-2">{{ratingData?.userDetails?.firstName}}</p>\n                        <div class="flex w-full flex-row justify-center gap-2 mb-4">\n                            <mat-icon class="mat-icon material-icons rating-icon ws-mat-black16-text"\n                                [ngClass]="{\'ws-mat-orange-text\': getRatingIconClass(rating, ratingData?.rating)}"\n                                *ngFor="let rating of [1, 2, 3, 4, 5]">\n                                {{ getRatingIcon(rating, ratingData?.rating) }}\n                            </mat-icon>\n                        </div>\n                        <p class="content-feedback w-full mb-4 px-4 md:px-8">{{ratingData?.review}}</p>\n                    </div>\n                </div>\n            </div>\n        </sb-uic-sliders-ng-content>\n    </div>\n</ng-container>\n\n',styles:['.user-ratting-wrapper .userName{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:center}.user-ratting-wrapper .content-feedback{font-family:Lato;font-size:16px;font-weight:400;line-height:19.2px;text-align:center;color:rgba(0,0,0,.87)}.user-ratting-wrapper .content-info{font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;color:#666}.avatar-block{border:8px solid transparent;position:relative;cursor:pointer;width:48px;height:48px}.user-active{content:"";border:5px solid #f3972e;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:0;width:48px;height:48px}.user-active::after{content:" ";position:absolute;top:106%;left:50%;margin-left:-10px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:18px solid #f3972e}.users-block{overflow-x:auto;padding:16px;padding-bottom:10px!important;width:100%}.title-border-v2{margin:10px;width:300px;height:3px;background:linear-gradient(90deg,rgba(255,255,255,0) 0,#ef951e 20%,#ef951e 80%,rgba(255,255,255,0) 100%)}.user-ratting-wrapper{border:1px solid #f3962f;border-radius:15px;padding:15px 0;background:linear-gradient(111.16deg,rgba(243,150,47,.24) 9.09%,rgba(255,255,255,0) 74.81%)}.user-rating-section ::ng-deep.prev{margin-left:-50px;top:59%}.user-rating-section ::ng-deep.next{margin-right:-50px;top:59%}.user-rating-section ::ng-deep.dots-container{display:none!important}@media screen and (min-width:1024px){.user-rating-section .users-block{justify-content:center}}@media screen and (max-width:768px){.user-rating-section ::ng-deep.next{margin-right:-16px;top:59%}.user-rating-section .users-block{width:90%}.user-rating-section ::ng-deep.widget-card-content-new{margin:0 15px}.user-rating-section .user-ratting-wrapper{padding:15px 0}.user-rating-section ::ng-deep.dots-container{display:block!important}.user-rating-section ::ng-deep.banner-meta{bottom:-12px}}']}]}],t.ctorParameters=function(){return[{type:RatingService},{type:UserContentRatingLibService}]},t.propDecorators={providerId:[{type:core.Input}],formData:[{type:core.Input}],emptyResponse:[{type:core.Output}],scrollableItems:[{type:core.ViewChildren,args:[ScrollableItemDirective]}]},t}();var UserContentRatingLibModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[UserContentRatingLibComponent],imports:[common.CommonModule,material.MatIconModule,material.MatChipsModule,SkeletonLoaderLibModule,SlidersLibModule,CardsModule,AvatarPhotoLibModule,SlidersNgContentLibModule,ScrollableItemModule],exports:[UserContentRatingLibComponent],providers:[RatingService,UserContentRatingLibService],schemas:[core.CUSTOM_ELEMENTS_SCHEMA]}]}],t}(),MdoChannelV1Component=function(){function t(){}return t.prototype.ngOnInit=function(){},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-mdo-channel-v1",template:"<p>mdo-channel-v1 works!</p>\n",styles:[""]}]}],t.ctorParameters=function(){return[]},t}(),MdoChannelV2Component=function(){function t(t,e,n,a,i){var o=this;this.route=t,this.router=e,this.eventSvc=n,this.translate=a,this.langtranslations=i,this.sectionList=[],this.channnelName="",this.orgId="",this.selectedIndex=0,this.hideCompetencyBlock=!1,this.contentTabEmptyResponseCount=0,this.titles=[{title:"Learn",url:"/page/learn",icon:"school",disableTranslate:!1},{title:"MDO Channels",url:"/app/learn/mdo-channels/all-channels",icon:"",disableTranslate:!0}],this.showModal=!1,this.descriptionMaxLength=500,this.isTelemetryRaised=!1,this.route.snapshot.data&&this.route.snapshot.data.formData&&this.route.snapshot.data.formData.data&&this.route.snapshot.data.formData.data.result&&this.route.snapshot.data.formData.data.result.form&&this.route.snapshot.data.formData.data.result.form.data&&this.route.snapshot.data.formData.data.result.form.data.sectionList&&(this.sectionList=this.route.snapshot.data.formData.data.result.form.data.sectionList),this.langtranslations.languageSelectedObservable.subscribe((function(){if(localStorage.getItem("websiteLanguage")){o.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");o.translate.use(t)}}))}return t.prototype.onResize=function(){this.setWidth()},t.prototype.setWidth=function(){this.stripWidth=(window.innerWidth-1200+135)/2+"px"},t.prototype.ngOnInit=function(){var t=this;this.route.params.subscribe((function(e){t.channnelName=e.channel,t.orgId=e.orgId,t.titles.push({title:t.channnelName,icon:"",url:"none",disableTranslate:!0})})),this.setWidth()},t.prototype.tabClicked=function(t){this.raiseTelemetry(t.tab.textLabel+" tab")},t.prototype.hideContentStrip=function(t,e){t&&(e.contentStripData.hideSection=!0,this.contentTabEmptyResponseCount=this.contentTabEmptyResponseCount+1)},t.prototype.triggerOpenDialog=function(t){t&&(this.showModal=!0,document.body.style.overflow="hidden"),this.raiseTelemetry("btn open key annoucements")},t.prototype.onClose=function(){this.showModal=!1,document.body.style.overflow="auto",this.raiseTelemetry("btn close key annoucements")},t.prototype.raiseTelemetryInteratEvent=function(t){t&&t.viewMoreUrl&&this.raiseTelemetry(t.stripTitle+" "+t.viewMoreUrl.viewMoreText),this.isTelemetryRaised||!t||t.viewMoreUrl||(this.eventSvc.raiseInteractTelemetry({type:"click",subType:"mdo-channel",id:lodash.kebabCase(t.typeOfTelemetry.toLocaleLowerCase())+"-card"},{id:t.identifier,type:t.primaryCategory},{pageIdExt:lodash.kebabCase(t.primaryCategory.toLocaleLowerCase())+"-card",module:utilsV2.WsEvents.EnumTelemetrymodules.LEARN}),this.isTelemetryRaised=!0)},t.prototype.raiseCompetencyTelemetry=function(t){this.raiseTelemetry(t+" core expertise")},t.prototype.raiseTelemetry=function(t){this.eventSvc.raiseInteractTelemetry({type:"click",subType:"mdo-channel",id:""+lodash.kebabCase(t).toLocaleLowerCase()},{},{module:utilsV2.WsEvents.EnumTelemetrymodules.LEARN})},t.prototype.hideCompetency=function(t){t&&(this.hideCompetencyBlock=!0)},t.prototype.showAllContent=function(t,e){if(e&&e.contentStrip&&e.contentStrip.strips&&e.contentStrip.strips.length){var n=t,a=n.viewMoreUrl&&n.viewMoreUrl.queryParams&&n.viewMoreUrl.queryParams.tabSelected&&n.viewMoreUrl.queryParams.tabSelected||"";this.router.navigate(["/app/learn/mdo-channels/"+this.channnelName+"/"+this.orgId+"/all-content"],{queryParams:{tabSelected:a,key:e.sectionKey}})}},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-mdo-channel-v2",template:'<ws-widget-btn-page-back [widgetData]="{ url: \'home\', titles: titles }">\n</ws-widget-btn-page-back>\n\n<div class="container-fluid" id="section-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" [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="\'topLearners\'" [ngTemplateOutlet]="topLearners"\n                                        [ngTemplateOutletContext]="{data: column?.data}"></ng-container>\n                                    <ng-container *ngSwitchCase="\'mainContent\'" [ngTemplateOutlet]="mainContent"\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\n<ng-template #topSection let-data="data">\n    \x3c!-- top section desktop layout --\x3e\n    <div class="hidden md:block">\n        <div class="web-banner-background">\n            <div class="flex  items-center justify-center">\n                <div class="container">\n                    <div class="flex sticky-logo-square" [style.width]="stripWidth">\n                    </div>\n                    <div class="grid grid-cols-12 gap-4 padding-top-xxxl mb-10">\n                        <div class="col-span-12 md:col-span-6">\n                            <div class="flex-1 flex flex-col mr-4 ws-mat-black-text">\n                                <div class="">\n                                    <div class="flex items-center logo-square ">\n                                        <img alt="Application Logo" class="logo-img" [src]="data?.logo">\n                                    </div>\n                                    <h1  class=" txt-ellipsis-2 break-words pt-10"\n                                        [style.color]="data.titleColor">{{data.title || channnelName}}</h1>\n                                    <p class="mat-body-1" [style.color]="data.descriptionColor">\n                                        {{data?.description | slice:0:descriptionMaxLength}}\n                                        <span *ngIf="data?.description?.length > descriptionMaxLength">...</span>\n                                    </p>\n                                </div>\n                            </div>\n                        </div>\n                        <div class="col-span-12 md:col-span-6">\n                            <div class="slider slider-box" *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>\n                    </div>\n                </div>\n            </div>\n        </div>\n        \n    </div>\n    \x3c!-- top section m-site layout --\x3e\n    <div class="block md:hidden">\n        <div class="col-span-12">\n            <div class="slider slider-box" *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>\n        <div class="container px-4 flex flex-col mob-container">\n            <div class="mr-4 logo-box-container">\n                <div class="flex logo-box-square top mr-4">\n                    <img alt="Application Logo" class="logo-img" [src]="data?.logo">\n                </div>\n            </div>\n            <div class="w-full md:w-9/12 flex-1 flex flex-col">\n                <h1 class=" txt-ellipsis-2 break-words">{{data?.title || channnelName}}</h1>\n                <p class="mat-body-2">\n                    {{data?.description | slice:0:descriptionMaxLength}}\n                    <span *ngIf="data?.description?.length > descriptionMaxLength">...</span>\n                </p>\n            </div>\n        </div>\n    </div>\n    <div class="flex items-center justify-center">\n        <div class="container metrics-section" >\n            <div class="hidden md:block">\n                <div class="metrics"\n                    [ngStyle]="{\'background\': data?.metrics?.background}">\n                    <sb-uic-data-points\n                        [providerId]="orgId"\n                        [fetchDataFromApi]="true"\n                        [objectData]="data?.metrics?.data"\n                        [layoutType]="\'singleFlexeRow\'"\n                        [pageLayout]="\'mdo\'">\n                    </sb-uic-data-points>\n                </div>\n            </div>\n            <div class="block md:hidden  pt-14 px-4">\n                <div class="mob-metrics mob-metrics-sec">\n                    <sb-uic-data-points\n                        [providerId]="orgId"\n                        [fetchDataFromApi]="true"\n                        [objectData]="data?.metrics?.data"\n                        [layoutType]="\'singleRow\'"\n                        [pageLayout]="\'mdo\'">\n                    </sb-uic-data-points>\n                </div>\n                \n            </div>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #mainContent let-data="data">\n    <div class="flex items-center justify-center" [ngStyle]="{\'background\': data.background}">\n        <div class="container">\n            <div class="block md:hidden col-span-12 padding-left-m padding-right-m padding-top-m padding-bottom-m">\n                <sb-uic-cbp-plan\n                    [layoutType]="\'web\'"\n                    [mobileHeight]="false"\n                    [fetchDataFromApi]="true"\n                    [channelId]="orgId"\n                    [objectData]="data?.cbpPlanSection?.data">\n                </sb-uic-cbp-plan>\n            </div>\n            <div class="block md:hidden col-span-12 mt-6">\n                <sb-uic-announcements\n                    [layoutType]="\'mobile\'"\n                    (openDialog)="triggerOpenDialog($event)"\n                    [objectData]="data?.announcementSection?.data"\n                    [fetchDataFromApi]="false"\n                    [channelId]="orgId">\n                </sb-uic-announcements>\n                <div class="announcements-container" *ngIf="showModal">\n                    <div class="cursor-pointer close-share-dialog">\n                        <mat-icon (click)="onClose()" class="close-icon">close</mat-icon>\n                    </div>\n                    <div class="share-modal px-3 pt-8">\n                        <sb-uic-announcements\n                            [layoutType]="\'web\'"\n                            (openDialog)="triggerOpenDialog($event)"\n                            [objectData]="data?.announcementSection?.data"\n                            [mobileHeight]="true"\n                            [fetchDataFromApi]="true"\n                            [channelId]="orgId">\n                        </sb-uic-announcements>\n                    </div>\n                </div>\n            </div>\n            <div class="grid grid-cols-12 gap-4 padding-top-m mb-6">\n                <div class="col-span-12 md:col-span-{{data.tabSection.colspan}}">\n                    \x3c!-- Tabs Section --\x3e\n                    <mat-tab-group animationDuration="0ms" class="mat-tab-labels mytabs w-full "\n                        [selectedIndex]="selectedIndex" (selectedTabChange)="selectedIndex = $event.index; tabClicked($event)">\n                        <mat-tab label="Content" >\n                            <ng-template mat-tab-label i18n>\n                                Learn\n                            </ng-template>\n                            <ng-container *ngIf="data.tabSection.contentTab.length === contentTabEmptyResponseCount">\n                                <div class="flex justify-center w-full">\n                                    <div class="margin-xl text-center" >\n                                        <img src="/assets/common/error-pages/empty_search.svg" wsUtilsImageResponsive alt="No results"\n                                            class="margin-top-l margin-bottom-s">\n                                        <h2 class="mat-h2" i18n="search route no result">{{\'learnsearch.noResults\' | translate}}</h2>\n                                    </div>\n                                </div>\n                            </ng-container>\n                            <div class="padding-top-l ">\n                                <ng-container [ngTemplateOutlet]="columnSectionDisplay"\n                                    [ngTemplateOutletContext]="{data: data.tabSection.contentTab}"></ng-container>\n                            </div>\n                        </mat-tab>\n                        <mat-tab label="Core Areas">\n                            <ng-template mat-tab-label i18n>\n                                Competency\n                            </ng-template>\n                            <div>\n                                <ng-container [ngTemplateOutlet]="columnSectionDisplay"\n                                    [ngTemplateOutletContext]="{data: data.tabSection.coreAreasTab}"></ng-container>\n                            </div>\n                        </mat-tab>\n                    </mat-tab-group>\n                </div>\n                <div class="col-span-12 md:col-span-4">\n                    <div class="hidden md:block padding-top-xl padding-bottom-m"\n                        *ngIf="data?.cbpPlanSection?.data">\n                        <div class="pt-4">\n                            <sb-uic-cbp-plan\n                                [layoutType]="\'web\'"\n                                [mobileHeight]="false"\n                                [fetchDataFromApi]="true"\n                                [channelId]="orgId"\n                                [objectData]="data?.cbpPlanSection?.data">\n                            </sb-uic-cbp-plan>\n                        </div>                    \n                    </div>\n                    <div class="hidden md:block" \n                    *ngIf="data?.announcementSection?.data">\n                    <div class="pt-4">\n                        <sb-uic-announcements\n                            [layoutType]="\'web\'"\n                            [mobileHeight]="false"\n                            [fetchDataFromApi]="true"\n                            [channelId]="orgId"\n                            [objectData]="data?.announcementSection?.data">\n                        </sb-uic-announcements>\n                    </div>                    \n                </div>\n                </div>               \n            </div>\n        </div>\n    </div>\n</ng-template>\n\x3c!-- \n<ng-template #announcement let-data="data">\n    <div class="flex  items-center justify-center" [ngStyle]="{\'background\': data.background}">\n        <div class="w-full">\n            Announcement Section --\x3e\n            \x3c!-- <h1>Announcement</h1>\n        </div>\n    </div>\n</ng-template> --\x3e\n\n\n<ng-template #columnSectionDisplay  let-data="data">\n    <ng-container *ngIf="data?.length">\n        <ng-container *ngFor="let section of data">\n            <ng-container *ngIf="section?.enabled">\n                <section id="{{section?.key}}" class="w-full grid grid-cols-12 gap-4" [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="\'competency\'" [ngTemplateOutlet]="competency"\n                                [ngTemplateOutletContext]="{competency: column}"></ng-container>\n                                <ng-container *ngSwitchCase="\'contentRecommendedProgramStrip\'" [ngTemplateOutlet]="contentStripTemplate"\n                                [ngTemplateOutletContext]="{\n                                        data: {contentStrip: column?.data, sectionKey: section.key}\n                                        }"></ng-container>\n                                <ng-container *ngSwitchCase="\'contentRecommendedCoursesStrip\'" [ngTemplateOutlet]="contentStripTemplate"\n                                [ngTemplateOutletContext]="{\n                                        data: {contentStrip: column?.data, sectionKey: section.key}\n                                        }"></ng-container>\n                                <ng-container *ngSwitchCase="\'contentFeaturedStrip\'" [ngTemplateOutlet]="contentStripTemplate"\n                                [ngTemplateOutletContext]="{\n                                        data: {contentStrip: column?.data, sectionKey: section.key}\n                                        }"></ng-container>\n                                <ng-container *ngSwitchCase="\'contentcertificationsOfWeekStrip\'" [ngTemplateOutlet]="contentStripTemplate"\n                                [ngTemplateOutletContext]="{\n                                        data: {contentStrip: column?.data, sectionKey: section.key}\n                                        }"></ng-container>\n                            </ng-container>\n                        </div>\n                    </ng-container>\n                </section>\n            </ng-container>\n        </ng-container>\n    </ng-container>\n</ng-template>\n\n\n\x3c!-- Start Competencies --\x3e\n<ng-template #competency let-competency="competency">\n    <div class="padding-top-l padding-bottom-l relative"  [style.background]="competency?.background" *ngIf="!hideCompetencyBlock;else noData">\n        <div class="w-full container-balanced">\n            <p class="mat-body-1 pl-5 pr-4 md:pl-0 md:pr-0">This section shows the list of top competencies users in this MDO are learning, based on the courses they\'ve completed and enrolled in.</p>\n            <div class="pl-4 pr-4 md:pl-0 md:pr-0">\n                <sb-uic-competency-passbook-mdo\n                    [dynamicColor]="\'#999999\'"\n                    [dynamicAlignPills]="\'start\'"\n                    [cardDisplayCount]="2"\n                    (emptyResponse)="hideCompetency($event)"\n                    (temeletryResponse)="raiseCompetencyTelemetry($event)"\n                    [objectData]="competency"\n                    [providerId]="orgId"\n                    >\n                </sb-uic-competency-passbook-mdo>\n            </div>\n        </div>\n        \x3c!-- <img class="absolute comp-back-img" src="assets/icons/microsite/competency.svg" alt=""> --\x3e\n    </div>\n</ng-template>\n\x3c!-- End Competencies --\x3e\n{{contentTabEmptyResponseCount}}hiiii\n<ng-template #contentStripTemplate let-data="data">\n    <ng-container *ngIf="!data?.contentStrip?.hideSection">\n        <div class="flex mb-8">\n            <div class="w-full">\n                <sb-uic-content-strip-with-tabs\n                    [emitViewAll]="true"\n                    (viewAllResponse)="showAllContent($event, data)"\n                    (telemtryResponse)="raiseTelemetryInteratEvent($event)"\n                    (emptyResponse)="hideContentStrip($event, data)"\n                    [providerId]="orgId"\n                    [widgetData]="data?.contentStrip"\n                    [channnelName]="channnelName"\n                    >\n                </sb-uic-content-strip-with-tabs>\n            </div>\n        </div>\n    </ng-container>\n</ng-template>\n\n<ng-template #noData>\n        <div class="flex justify-center w-full">\n            <div class="margin-xl text-center" >\n                <img src="/assets/common/error-pages/empty_search.svg" wsUtilsImageResponsive alt="No results"\n                    class="margin-top-l margin-bottom-s">\n                <h2 class="mat-h2" i18n="search route no result">{{\'learnsearch.noResults\' | translate}}</h2>\n            </div>\n        </div>\n</ng-template>\n\n<ng-template #topLearners let-data="data">\n    <div class="flex items-center justify-center">\n        <div class="container top-learners margin-bottom-l margin-top-l">\n            <sb-uic-top-learners\n                [objectData]="data"\n                [channnelName]="channnelName"\n                [channelId]="orgId">\n            </sb-uic-top-learners>\n        </div>\n    </div>\n</ng-template>',styles:[".container-balanced{max-width:1202px;margin-left:auto!important;margin-right:auto!important}.container{max-width:1200px}.padding-top-xxxl{padding-top:47px}.banner-container{align-items:center;background:#eee;padding:16px;gap:2.5rem;justify-content:center}.web-banner-background{background-image:url(/assets/icons/microsite/MDO-channel-banner.png);background-size:cover;min-height:464px}.mob-container{background-image:url(/assets/icons/microsite/MDOChannel_RightGraphic.svg);background-position:right;background-repeat:no-repeat}.sticky-logo-square{position:absolute;top:215px;justify-content:end;border-bottom-right-radius:12px;border-top-right-radius:12px;background:#fff;display:flex;padding:10px;justify-content:end;height:53px;left:0}.logo-square{width:112px;max-height:73px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.logo-box-container{width:157px;position:relative;height:64px}.logo-box-square{height:99px;width:157px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px 0 rgba(0,0,0,.06)}.logo-box-square .logo-img{max-width:122px}.logo-box-square.top{position:absolute;top:-54px}.logo-img{-o-object-fit:contain;object-fit:contain;max-height:52px;height:96px;z-index:10}.metrics{border:3px solid #fff;border-radius:10px;align-items:center}.mob-metrics{overflow:auto}.metrics-section{margin-top:-30px}.empty-div{height:15px}.mob-metrics-sec{padding-top:1rem}.announcements-container{position:fixed;height:calc(100vh - 67px);background:rgba(19,19,19,.6392156863);width:100vw;top:0;left:0;z-index:1000}.close-announcements-dialog{position:absolute;right:30px;top:30px}.close-icon{color:#fff;border-radius:15px;float:right;position:absolute;top:15px;right:15px}@media screen and (max-width:768px){::ng-deep.recommendedProgram .mat-tab-header{padding-left:20px}::ng-deep.featuredCourses .mat-tab-header{padding-left:20px}.metrics-section{margin-top:0}.top-learners{padding-left:30px}}::ng-deep .mytabs .mat-tab-label.mat-tab-label-active.cdk-keyboard-focused:not(.mat-tab-disabled),::ng-deep .mytabs .mat-tab-label.mat-tab-label-active:not(.mat-tab-disabled){font-weight:700;color:#000;opacity:1}"]}]}],t.ctorParameters=function(){return[{type:router.ActivatedRoute},{type:router.Router},{type:utilsV2.EventService},{type:core$1.TranslateService},{type:utilsV2.MultilingualTranslationsService}]},t.propDecorators={sectionList:[{type:core.Input}],onResize:[{type:core.HostListener,args:["window:resize"]}]},t}();var ɵ0$8=HttpLoaderFactory,MDOChannelModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[MdoChannelV1Component,MdoChannelV2Component],imports:[common.CommonModule,material.MatIconModule,material.MatChipsModule,SkeletonLoaderLibModule,AnnouncementsModule,TopLearnersModule,CbpPlanModule,CardsModule,CommonStripModule,CompetencyPassbookModule,CompetencyPassbookMdoModule,ContentStripWithTabsLibModule,DataPointsModule,SlidersLibModule,material.MatTabsModule,core$1.TranslateModule.forRoot({loader:{provide:core$1.TranslateLoader,useFactory:ɵ0$8,deps:[http.HttpClient]}})],exports:[MdoChannelV1Component,MdoChannelV2Component],providers:[CommonMethodsService],schemas:[core.CUSTOM_ELEMENTS_SCHEMA]}]}],t}(),ProvidersV2Component=function(){function t(t,e,n,a){this.route=t,this.router=e,this.datePipe=n,this.events=a,this.sectionList=[],this.providerName="",this.providerId="",this.hideCompetencyBlock=!1,this.titles=[{title:"Learn",url:"/page/learn",icon:"school",disableTranslate:!1},{title:"All Providers",url:"/app/learn/browse-by/provider/all-providers",icon:"",disableTranslate:!0}],this.descriptionMaxLength=500,this.isTelemetryRaised=!1}return t.prototype.ngOnInit=function(){var t=this;this.route.snapshot.data&&this.route.snapshot.data.formData&&this.route.snapshot.data.formData.data&&this.route.snapshot.data.formData.data.result&&this.route.snapshot.data.formData.data.result.form&&this.route.snapshot.data.formData.data.result.form.data&&this.route.snapshot.data.formData.data.result.form.data.sectionList&&(this.sectionList=this.route.snapshot.data.formData.data.result.form.data.sectionList),this.route.params.subscribe((function(e){t.providerName=e.provider,t.providerId=e.orgId,t.titles.push({title:t.providerName,icon:"",url:"none",disableTranslate:!0})})),this.getNavitems(),this.currentMonthAndYear=this.datePipe.transform(new Date,"MMMM y")},t.prototype.getNavitems=function(){this.navList=this.sectionList.filter((function(t){return t.enabled&&t.navigation&&t.navOrder})).sort((function(t,e){return t.navOrder-e.navOrder}))},t.prototype.scrollToSection=function(t){var e;(e=document.getElementById(t))&&window.scrollTo({top:e.offsetTop-121,behavior:"smooth"})},t.prototype.hideCompetency=function(t,e){t&&(this.hideCompetencyBlock=!0,e.navigation=!1,e.enabled=!1,this.navList.forEach((function(t){t.column.forEach((function(n){n.key===e.key&&(t.navigation=!1)}))})))},t.prototype.hideContentStrip=function(t,e){t&&(e.contentStrip.hideSection=!0)},t.prototype.hideLearnerReview=function(t,e){t&&(e.hideSection=!0)},t.prototype.showAllContent=function(t,e){if(e&&e.contentStrip&&e.contentStrip.strips&&e.contentStrip.strips.length){var n=t,a=n.viewMoreUrl&&n.viewMoreUrl.queryParams&&n.viewMoreUrl.queryParams.tabSelected&&n.viewMoreUrl.queryParams.tabSelected||"";this.router.navigate(["/app/learn/browse-by/provider/"+this.providerName+"/"+this.providerId+"/all-content"],{queryParams:{pageDetails:!0,tabSelected:a,key:e.sectionKey}})}else this.router.navigate(["/app/learn/browse-by/provider/"+this.providerName+"/"+this.providerId+"/all-CBP"],{queryParams:{pageDetails:!0}})},t.prototype.raiseTelemetryInteratEvent=function(t){t&&t.viewMoreUrl&&this.raiseTelemetry(t.stripTitle+" "+t.viewMoreUrl.viewMoreText),this.isTelemetryRaised||!t||t.viewMoreUrl||(this.events.raiseInteractTelemetry({type:"click",subType:"ATI/CTI",id:lodash.kebabCase(t.typeOfTelemetry.toLocaleLowerCase())+"-card"},{id:t.identifier,type:t.primaryCategory},{pageIdExt:lodash.kebabCase(t.primaryCategory.toLocaleLowerCase())+"-card",module:utilsV2.WsEvents.EnumTelemetrymodules.LEARN}),this.isTelemetryRaised=!0)},t.prototype.raiseCompetencyTelemetry=function(t){this.raiseTelemetry(t+" core expertise")},t.prototype.raiseTelemetry=function(t){this.events.raiseInteractTelemetry({type:"click",subType:"ATI/CTI",id:""+lodash.kebabCase(t).toLocaleLowerCase()},{},{module:utilsV2.WsEvents.EnumTelemetrymodules.LEARN})},t.prototype.raiseNavTelemetry=function(t){this.events.raiseInteractTelemetry({type:"click",subType:"ATI/CTI",id:lodash.kebabCase(t).toLocaleLowerCase()+"-navigation"},{},{module:utilsV2.WsEvents.EnumTelemetrymodules.LEARN})},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-providers-v2",template:'<ws-widget-btn-page-back [widgetData]="{ url: \'home\', titles: titles }">\n</ws-widget-btn-page-back>\n<div class="container-fluid" id="section-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">\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="\'trainingCalendar\'" [ngTemplateOutlet]="trainingCalendar"\n                                        [ngTemplateOutletContext]="{trainingCalendar: column.data}"></ng-container>\n                                    <ng-container *ngSwitchCase="\'contributors\'" [ngTemplateOutlet]="contributors"\n                                        [ngTemplateOutletContext]="{data: column?.data}"></ng-container>\n                                    <ng-container *ngSwitchCase="\'infra\'" [ngTemplateOutlet]="infra"\n                                        [ngTemplateOutletContext]="{infra: column?.data}"></ng-container>\n                                    <ng-container *ngSwitchCase="\'contentFeaturedStrip\'" [ngTemplateOutlet]="contentStripTemplate"\n                                        [ngTemplateOutletContext]="{\n                                        data: {contentStrip: column?.data, sectionKey: section.key}\n                                        }"></ng-container>\n                                    <ng-container *ngSwitchCase="\'contentTopStrip\'" [ngTemplateOutlet]="contentStripTemplate"\n                                        [ngTemplateOutletContext]="{\n                                        data: {contentStrip: column?.data, sectionKey: section.key}\n                                        }"></ng-container> \n                                    <ng-container *ngSwitchCase="\'competency\'" [ngTemplateOutlet]="competency"\n                                        [ngTemplateOutletContext]="{competency: column}"></ng-container>   \n                                        <ng-container *ngSwitchCase="\'learnerReview\'" [ngTemplateOutlet]="learnerReviewBlock"\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<div class="container-fluid" *ngIf="navList?.length">\n    <div class="flex sticky-navigator gap-4">\n        <mat-icon class="nav-up-arrow cursor-pointer" (click)="scrollToSection(\'section-micro-sites\')">arrow_upwards</mat-icon>\n        <ng-container *ngFor="let section of navList">\n            <ng-container *ngIf="section.navigation">\n                <div class="nav-button" (click)="scrollToSection(section?.key); raiseNavTelemetry(section?.title)">{{section?.title}}</div>\n            </ng-container>\n        </ng-container>\n    </div>\n</div>\n\n<ng-template #topSection let-data="data">\n    \x3c!-- <div class="w-full grid grid-cols-12 gap-4"> --\x3e\n        <div class="col-span-12 ">\n            <div class="grid grid-cols-12 auto-rows-max">\n                \n                <div class="col-span-3 custombgsection">\n                    <div class="hidden md:block py-5 h-full ">\n                        <sb-uic-data-points  [providerId]="providerId" [fetchDataFromApi]="true" [objectData]="data?.metrics?.data" [layoutType]="\'multipleRows-V2\'"></sb-uic-data-points>\n                    </div>\n                </div>\n                <div class="col-span-12 md:col-span-9">\n                    <div class="slider h-full" *ngIf="data?.sliderData?.sliders">\n                        <sb-uic-sliders [title]="providerName" [widgetData]="data?.sliderData?.sliders" [styleData]="data?.sliderData?.styleData" [type]="\'atictitop\'"></sb-uic-sliders>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class="col-span-12 title-section px-5 md:py-5 mob-container">\n            <div class="container flex flex-col md:flex-row">\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?.logo">\n                    </div>\n                </div>\n                <div class="w-full md:w-9/12 flex-1 flex flex-col">\n                    <h1 class=" txt-ellipsis-2 break-words">{{data?.title || providerName}}</h1>\n                    <p>{{data?.description | slice:0:descriptionMaxLength}}\n                        <span *ngIf="data?.description?.length > descriptionMaxLength">...</span>\n                    </p>\n                    <div class="block md:hidden overflow-y-auto mb-3">\n                        <sb-uic-data-points [providerId]="providerId" [fetchDataFromApi]="true"  [objectData]="data?.metrics?.data" [layoutType]="\'singleRow-v2\'"></sb-uic-data-points>\n                    </div>\n                    <button\n                        (click)="raiseTelemetry(data?.contentButton?.title)"\n                        [routerLink]="[data?.contentButton?.redirectUrl, providerName, providerId, \'all-CBP\']"\n                        [queryParams]="{pageDetails: true}" mat-button type="button"\n                        class="view-btn margin-left-xs margin-right-xs small-button blue-border flex-auto-display">\n                        <span class="mat-heading-1 bold ws-mat-default-text" i18n>\n                            {{data?.contentButton?.title}}\n                        </span>\n                    </button>\n                </div>\n            </div>\n        </div>\n    \x3c!-- </div> --\x3e\n</ng-template>\n\n<ng-template #contentStripTemplate let-data="data">\n    <ng-container *ngIf="!data?.contentStrip?.hideSection">\n        <div class="flex justify-center relative">\n            <img class="absolute {{data?.contentStrip?.sectionImagePosition}}" src="{{data?.contentStrip?.sectionImage}}" alt="">\n            <div class="container ">\n                <div class="w-full">\n                    <sb-uic-content-strip-with-tabs\n                        [emitViewAll]="true"\n                        (viewAllResponse)="showAllContent($event,data)"\n                        (emptyResponse)="hideContentStrip($event, data)"\n                        (telemtryResponse)="raiseTelemetryInteratEvent($event)"\n                        [providerId]="providerId"\n                        [widgetData]="data?.contentStrip">\n                    </sb-uic-content-strip-with-tabs>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n</ng-template>\n\n<ng-template #contributors  let-data="data">\n    <div class="contributors-background px-5 py-5" [style.background]="data?.background">\n        <div class="container">\n            <div class="grid grid-cols-12 gap-4 padding-top-l mb-6">\n                <div class="col-span-12 md:col-span-3 contributor-desc">\n                    <div class="infra-box flex flex-col">\n                        <div class="infra-title-v2 hidden md:block">\n                            {{data.detaulTitle}}<span class="infra-title2-v2">{{data.defaultTitle1}}</span>\n                        </div>\n                        <div class="infra-title-v2 hidden md:block">\n                            {{data.myTitle}}<span class="infra-title2-v2">{{data.myTitle1}}</span>\n                        </div>\n                        <div class="block md:hidden">\n                            <span class="infra-title-v2">{{data.detaulTitle}}</span>\n                            <span class="infra-title2-v2">{{data.defaultTitle1}}</span>\n                            <span class="infra-title-v2"> {{data.myTitle}}</span>\n                            <span class="infra-title2-v2">{{data.myTitle1}}</span>\n                        </div>\n                        <div class="infra-description padding-top-s">\n                            {{data.description}}\n                        </div>\n                    </div>\n                </div>\n                <div class="col-span-12 md:col-span-9">\n                    <sb-uic-common-strip [widgetData]="data"></sb-uic-common-strip>\n                </div>\n            </div>\n            <div class="w-full section-divider pt-6">\n            </div>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #infra let-infra="infra">\n    <div class="infra-background px-5" [style.background]="infra?.background">\n        <div class="container">\n            <div class="grid grid-cols-12 gap-4 infra-sec margin-bottom-xl">\n                <div class="col-span-12 md:col-span-4 infra-sec-desc margin-bottom-xl">\n                    <div class="infra-box flex flex-col">\n                        <div class="infra-title2 hidden md:block">\n                            {{infra?.detaulTitle}}\n                        </div>\n                        <div class="block md:hidden">\n                            <span class="infra-title2">{{infra?.detaulTitle}}</span>\n                        </div>\n                        <div class="infra-description padding-top-s">\n                            {{infra?.description}}\n                        </div>\n                    </div>\n                </div>\n                <div class="col-span-12 md:col-span-8 margin-bottom-xl">\n                    <sb-uic-data-points [objectData]="infra" [layoutType]="\'gridLayout\'"></sb-uic-data-points>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class="infra-background slider-background" [style.background]="infra?.background">\n    </div>\n    <div class="slider-background1 mb-8">\n        <div class="container-balanced w-full slider-background-2">\n            <div class="info-slider">\n                <sb-uic-sliders class="infobanner" [widgetData]="infra?.sliderData?.sliders" [styleData]="infra?.sliderData?.styleData"></sb-uic-sliders>\n            </div>\n        </div>\n    </div>\n</ng-template>\n\n\x3c!-- Start Competencies --\x3e\n<ng-template #competency let-competency="competency">\n    <div class="padding-top-l padding-bottom-l relative"  [style.background]="competency?.background" *ngIf="!hideCompetencyBlock">\n        <div class="w-full container-balanced">\n            <div class="pl-4 pr-4 md:pl-0 md:pr-0">\n                <sb-uic-competency-passbook\n                    (emptyResponse)="hideCompetency($event, competency)"\n                    (temeletryResponse)="raiseCompetencyTelemetry($event)"\n                    [objectData]="competency"\n                    [providerId]="providerId">\n                </sb-uic-competency-passbook>\n            </div>\n        </div>\n        <img class="absolute comp-back-img" src="assets/icons/microsite/competency.svg" alt="">\n    </div>\n</ng-template>\n\x3c!-- End Competencies --\x3e\n\n<ng-template #trainingCalendar let-trainingCalendar="trainingCalendar">\n    <div class="hidden md:block">\n        <div class="col-span-12 px-8 py-8" [style.background]="trainingCalendar?.background">\n            <div class="container-balanced flex flex-col">\n                <div class="col-span-12 mat-subheading-1 margin-remove">{{trainingCalendar?.title}}:  {{currentMonthAndYear}}</div>\n                <sb-uic-calender\n                    [objectData]="trainingCalendar"\n                    [fetchDataFromApi]="true"\n                    [layoutType]="\'grid\'"\n                    [defaultDays]="trainingCalendar?.defaultDays"\n                    [providerId]="providerId">\n                </sb-uic-calender>\n            </div>\n            <div class="flex item-center justify-center">\n                <button mat-button type="button"\n                    (click)="raiseTelemetry(trainingCalendar?.contentButton?.title)"\n                    [routerLink]="[trainingCalendar?.contentButton?.redirectUrl, providerName, providerId, \'training-calendar\']"\n                    class="view-btn margin-left-xs margin-right-xs small-button blue-border flex-auto-display">\n                    <span class="mat-heading-1 bold ws-mat-default-text" i18n>\n                        {{trainingCalendar?.contentButton?.title}}\n                    </span>\n                </button>\n            </div>\n        </div>\n    </div>\n    <div class="block md:hidden">\n        <div class="col-span-12 px-5 py-3 mob-header">{{trainingCalendar?.title}}:  {{currentMonthAndYear}}</div>\n        <div class="col-span-12">\n            <sb-uic-calender\n                [objectData]="trainingCalendar"\n                [fetchDataFromApi]="true"\n                [layoutType]="\'row\'"\n                [defaultDays]="trainingCalendar?.defaultDays"\n                [providerId]="providerId">\n            </sb-uic-calender>\n        </div>\n        <div class="col-span-12 flex item-center justify-center">\n            <button mat-button type="button"\n                (click)="raiseTelemetry(trainingCalendar?.contentButton?.title)"\n                [routerLink]="[trainingCalendar?.contentButton?.redirectUrl, providerName, providerId, \'training-calendar\']"\n                class="view-btn margin-left-xs margin-right-xs small-button blue-border flex-auto-display">\n                <span class="mat-heading-1 bold ws-mat-default-text" i18n>\n                    {{trainingCalendar?.contentButton?.title}}\n                </span>\n            </button>\n        </div>\n    </div>\n</ng-template>\n<ng-template #learnerReviewBlock  let-data="data">\n    <div class="contributors-background px-5 py-5" [style.background]="data?.background" *ngIf="!data?.hideSection">\n        <div class="container">\n            <div class="grid grid-cols-12 gap-4 padding-top-l mb-6">\n                <div class="col-span-12 md:col-span-4 contributor-desc">\n                    <div class="infra-box-review flex flex-col">\n                        <div class="learner-title hidden md:block">\n                            {{data?.detaulTitle}}\n                        </div>\n                        <div class="infra-title2 hidden md:block">\n                            {{data?.myTitle}}\n                        </div>\n                        <div class="block md:hidden">\n                            <span class="learner-title">{{data?.detaulTitle}}</span> <span class="infra-title2"> {{data?.myTitle}}</span>\n                        </div>  \n                    </div> \n                </div>\n                <div class="col-span-12 md:col-span-8">\n                    <sb-uic-user-content-rating (emptyResponse)="hideLearnerReview($event, data)"  [formData]="data" [providerId]="providerId"></sb-uic-user-content-rating>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-template>\n',styles:[".container-balanced{max-width:1202px;margin-left:auto!important;margin-right:auto!important}.container{max-width:1200px}.section-divider{border-bottom:1px solid rgba(0,0,0,.16)}.banner-container{align-items:center;background:#eee;padding:16px;gap:2.5rem;justify-content:center}.logo-box{vertical-align:middle;max-width:250px;background:#f5fdf1;padding:8px;border:1px solid rgba(0,0,0,.5)}.title-section{position:relative;display:flex;justify-content:center;background-color:#fff}.logo-box-container{width:180px;position:relative}@media only screen and (max-width:599px){.logo-box-container{width:112px;height:72px}}.view-btn{width:160px;background:#fff;padding:0 16px;border-radius:49px;border:1px solid #1b4ca9;font-weight:700!important;font-size:14px;margin-top:4px;margin-bottom:4px;line-height:36px;cursor:pointer}.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)}.logo-box-rounded .logo-img{max-width:122px}@media only screen and (max-width:599px){.view-btn{margin-top:12px;margin-bottom:16px}.logo-box-rounded{width:112px;height:112px}.logo-box-rounded .logo-img{max-width:84px}}.slider-box{max-width:30%}.stats-container{justify-content:space-around;display:flex;flex-wrap:wrap}.stats-item{display:flex;align-items:center;flex-wrap:nowrap;padding:8px 16px;margin-bottom:16px}.banner-metrics{background:linear-gradient(180deg,#f9cb97 -107.59%,#ef951e 110.74%)}.infra-sec-desc{padding-top:32px}.contributors-background,.infra-background{align-items:center;justify-content:center;display:flex}.contributor-desc{align-items:center;display:inline-flex;margin-top:-24px}.infra-box{width:256px}.infra-box-review{width:100%}.infra-title-v2{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:left;color:#fff}.infra-title2-v2{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:left;color:#ef951e}.infra-title{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:left;color:#fff}.infra-title2{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:left;color:#ef951e}.infra-description{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.overlay{position:absolute;top:-20px}.slider-background{height:160px}.slider-background1{height:195px}.slider-background-2{position:relative}.info-slider{position:absolute;top:-12em;left:50%;transform:translateX(-50%)}.sticky-navigator{padding:15px 5px;background-color:#fdead5;align-items:center;overflow:auto;position:fixed;left:0;bottom:0;width:100%;z-index:1002;justify-content:center}.nav-button{padding:12px 16px;border-radius:40px;border:1px solid #000;text-align:center;font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;cursor:pointer;min-width:140px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nav-up-arrow{height:28px}.img-left{left:0}.img-right{right:0;z-index:-1}.learner-title{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:left;color:#000}@media screen and (max-width:1201px){.img-left,.img-right{display:none}}@media screen and (max-width:767px){.infra-sec{padding:0}.infra-box,.infra-box-review{width:99%;height:auto}.infra-sec-desc{padding-top:0}.mob-container{background-image:url(/assets/icons/microsite/MDOChannel_RightGraphic.svg);background-position:bottom 0 right 0;background-repeat:no-repeat}.infra-title,.infra-title-v2,.infra-title2,.infra-title2-v2{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.slider-background,.slider-background1{height:150px}.info-slider{position:absolute;top:-155px;width:94%}.sticky-navigator{align-items:center;justify-content:left;bottom:63px}.logo-box-rounded.top{position:absolute;top:-50px}.learner-title{font-size:16px}}.competencies-backgroud{background-color:#1b2133}.txt-ellipsis-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.comp-back-img{bottom:0;left:0;right:0;margin-left:auto;margin-right:auto;width:50%;z-index:-1;filter:brightness(100)}.mob-header{font-family:Lato;font-size:16px;font-weight:600}.custombgsection{background:url(/assets/icons/microsite/side_banner.png) 0 0/contain round;width:100%;z-index:99}@media screen and (max-width:768px){::ng-deep.featuredContents .mat-tab-header{padding-left:20px}::ng-deep.topContents .mat-tab-header{padding-left:20px}}@media screen and (min-width:1014px){.info-slider{width:1014px!important}}@media screen and (min-width:1280px){.infobanner.banner-container{width:1014px!important}}@media screen and (min-width:1234px){.custombgsection{background-size:cover}}"]}]}],t.ctorParameters=function(){return[{type:router.ActivatedRoute},{type:router.Router},{type:common.DatePipe},{type:utilsV2.EventService}]},t.propDecorators={sectionList:[{type:core.Input}]},t}();var ɵ0$9=HttpLoaderFactory,ProvidersModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[ProvidersV2Component],imports:[common.CommonModule,material.MatIconModule,router.RouterModule,material.MatChipsModule,SkeletonLoaderLibModule,CalenderModule,CardsModule,CommonStripModule,CompetencyPassbookModule,UserContentRatingLibModule,ContentStripWithTabsLibModule,DataPointsModule,SlidersLibModule,material.MatTabsModule,core$1.TranslateModule.forRoot({loader:{provide:core$1.TranslateLoader,useFactory:ɵ0$9,deps:[http.HttpClient]}})],exports:[ProvidersV2Component],providers:[CommonMethodsService],schemas:[core.CUSTOM_ELEMENTS_SCHEMA]}]}],t}(),NationalLearningComponent=function(){function t(t,e){this.router=t,this.events=e,this.sectionList=[],this.providerId="123456789",this.descriptionMaxLength=500}return t.prototype.ngOnInit=function(){},t.prototype.hideKeyHightlight=function(t,e){t&&(e.hideSection=!0)},t.prototype.showAllContent=function(t,e){if(e&&e.contentStrip&&e.contentStrip.strips&&e.contentStrip.strips.length){var n=t,a=n.viewMoreUrl&&n.viewMoreUrl.queryParams&&n.viewMoreUrl.queryParams.tabSelected&&n.viewMoreUrl.queryParams.tabSelected||"";this.router.navigate(["app/learn/national-learning-week/see-all"],{queryParams:{pageDetails:!0,tabSelected:a,key:e.sectionKey}})}else this.router.navigate(["/app/learn/browse-by/provider/"+this.providerName+"/"+this.providerId+"/all-CBP"],{queryParams:{pageDetails:!0}})},t.prototype.hideContentStrip=function(t,e){t&&(e.contentStrip.hideSection=!0)},t.prototype.raiseTabClick=function(t){this.events.raiseInteractTelemetry({type:"click",subType:"mdo-leaderboard",id:t+"-tab"},{},{module:"National Learning Week"})},t.prototype.raiseTelemetryInteratEvent=function(t){this.events.raiseInteractTelemetry({type:"click",subType:"mandatory-courses",id:"mandatory-courses-card"},{id:t.identifier,type:t.primaryCategory},{pageIdExt:"mandatory-courses-card",module:"National Learning Week"})},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-national-learning",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" [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    \x3c!-- top section desktop layout --\x3e\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                        </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',styles:["::ng-deep.mat-app-background{background-color:#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}}"]}]}],t.ctorParameters=function(){return[{type:router.Router},{type:utilsV2.EventService}]},t.propDecorators={sectionList:[{type:core.Input}],configDetails:[{type:core.Input}],nwlConfiguration:[{type:core.Input}]},t}();var KeyHighlightsComponent=function(){function t(){this.currentIndex=0,this.providerId="",this.formData="",this.emptyResponse=new core.EventEmitter,this.titleMaxLength=100,this.styleData={},this.contentdata=[]}return t.prototype.ngOnInit=function(){this.styleData=this.formData&&this.formData.sliderData&&this.formData.sliderData.styleData,this.contentdata=this.formData&&this.formData.content?this.formData.content:[]},t.prototype.getCurrentIndex=function(t){this.currentIndex=t},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-key-highlights",template:'<ng-container *ngIf="contentdata?.length && mode === \'desktop\'">\n    <div class="key-highlighs-container">\n        <sb-uic-sliders-ng-content\n            [title]="\'providerName\'"\n            [autoScroll]="true"\n            [currentIndex]="currentIndex" \n            (currentIndexValue)="getCurrentIndex($event)"\n            [loadNgContentData]="true"\n            [customBanner]="true"\n            [widgetData]="contentdata" [styleData]="styleData">\n            <div sliderbody>\n                <div *ngFor="let content of contentdata; let i = index" [hidden]="i !== currentIndex">\n                    <div class="flex flex-row key-wrapper items-center justify-center">\n                        <div class="kh-description">\n                            {{content?.title | slice:0:titleMaxLength}}\n                            <span *ngIf="content?.title?.length > titleMaxLength">...</span>\n                        </div>\n                    </div>\n                </div>\n            </div>                    \n        </sb-uic-sliders-ng-content>\n    </div>\n</ng-container>\n\n<ng-container *ngIf="contentdata?.length && mode === \'mobile\'">\n    <div class="p-5">\n        <div class="mob-key-highlighs-container">\n            <sb-uic-sliders-ng-content\n                [title]="\'providerName\'"\n                [autoScroll]="true"\n                [currentIndex]="currentIndex" \n                (currentIndexValue)="getCurrentIndex($event)"\n                [loadNgContentData]="true"\n                [customBanner]="true"\n                [widgetData]="contentdata" [styleData]="styleData">\n                <div sliderbody>\n                    <div *ngFor="let content of contentdata; let i = index" [hidden]="i !== currentIndex">\n                        <div class="flex flex-row mkey-wrapper items-center justify-center">\n                            <div class="mkh-description">\n                                {{content?.title | slice:0:titleMaxLength }}\n                                <span *ngIf="content?.title?.length > titleMaxLength">...</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </sb-uic-sliders-ng-content>\n        </div>\n    </div>\n</ng-container>',styles:[".kh-description{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:center;padding:0 10px}.key-wrapper{background-color:#eaf1f8;padding:25px 16px;border-radius:50px}.mkey-wrapper{background-color:#eaf1f8;padding:16px;border-radius:50px}.mkh-description{font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;padding:0 30px}"]}]}],t.ctorParameters=function(){return[]},t.propDecorators={providerId:[{type:core.Input}],formData:[{type:core.Input}],mode:[{type:core.Input}],emptyResponse:[{type:core.Output}],scrollableItems:[{type:core.ViewChildren,args:[ScrollableItemDirective]}]},t}();var KeyHighlightsModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[KeyHighlightsComponent],imports:[common.CommonModule,material.MatIconModule,SlidersNgContentLibModule,ScrollableItemModule],exports:[KeyHighlightsComponent],schemas:[core.CUSTOM_ELEMENTS_SCHEMA]}]}],t}(),moment$2=moment$4,EventsComponent=function(){function t(t){this.insightSvc=t,this.daysBetween=[],this.events=[],this.loader=!1}return t.prototype.ngOnInit=function(){this.requestBody={locale:["en"],query:"",request:{query:"",filters:{status:["Live"],contentType:"Event",category:"Event",startDate:{">=":"","<":""}},sort_by:{startDate:"desc"}}},this.getEventsList()},t.prototype.getDaysBetweenDates=function(){for(var t=moment$2(this.nwlEventsConfig.startDate,"DD-MM-YYYY"),e=moment$2(this.nwlEventsConfig.endDate,"DD-MM-YYYY");t.isSameOrBefore(e);){var n={};n.startDate=t.format("YYYY-MM-DD"),n.diplayFormat=t.format("MMM DD, YYYY"),t.isSame(moment$2(),"day")&&(this.currentDay=t.format("YYYY-MM-DD")),t.add(1,"days").format("YYYY-MM-DD"),this.daysBetween.push(n)}console.log("currentDay ",this.currentDay)},t.prototype.getEvents=function(t){var e=this;this.currentDay=t.target.value;var n=moment$2(t.target.value,"YYYY-MM-DD");n.add(1,"days"),this.requestBody.request.filters.startDate[">="]=this.currentDay,this.requestBody.request.filters.startDate["<"]=n.format("YYYY-MM-DD"),this.loader=!0,this.insightSvc.fetchTrainingDetails(this.requestBody).subscribe((function(t){e.events=[],t&&t.result&&t.result.count>0?(e.events=t.result.Event,e.loader=!1):e.loader=!1}),(function(t){e.loader=!1}))},t.prototype.getEventsList=function(){var t=this;this.getDaysBetweenDates();var e=moment$2(this.currentDay,"YYYY-MM-DD");e.add(1,"days"),this.requestBody.request.filters.startDate[">="]=this.currentDay,this.requestBody.request.filters.startDate["<"]=e.format("YYYY-MM-DD"),this.loader=!0,this.insightSvc.fetchTrainingDetails(this.requestBody).subscribe((function(e){t.events=[],e&&e.result&&e.result.count>0?(t.events=e.result.Event,t.loader=!1):t.loader=!1}),(function(e){t.loader=!1}))},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-events",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>',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:"▼";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}']}]}],t.ctorParameters=function(){return[{type:InsiteDataService}]},t.propDecorators={object:[{type:core.Input}],nwlEventsConfig:[{type:core.Input}]},t}();var moment$3=moment$4,EventCardComponent=function(){function t(t,e){this.router=e,this.descriptionMaxLength=50,this.environment=t}return t.prototype.getEventDate=function(t){var e=t.startTime.split(":");return moment$3(t.startDate).format("MMM DD, YYYY")+" "+e[0]+":"+e[1]},t.prototype.getPublicUrl=function(t){var e=t.split("/content").pop()||"";return this.environment.contentHost+"/"+this.environment.contentBucket+"/content"+e},t.prototype.redirectTo=function(t){this.router.navigate(["/app/event-hub/home/",t.identifier])},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-event-card",template:'<div class="events-card margin-bottom-m cursor-pointer" *ngIf="!loader" (click)="redirectTo(eventDetails)">\n    <div class="flex gap-4">\n        <div class="event-poster">\n            <img class=\'poster\' [src]="eventDetails.appIcon ? getPublicUrl(eventDetails.appIcon) : objectData?.defaultImage" alt="" />\n        </div>\n        <div class="flex flex-col">\n            <div class="flex">\n                <div class="flex event-label">{{eventDetails?.resourceType}}</div>\n            </div>\n            <div class="orgName pt-2 pb-1">\n                {{eventDetails?.owner}}\n            </div>\n            <div class="event-title pt-1">\n                {{eventDetails?.name | slice:0:descriptionMaxLength}}\n                <span *ngIf="eventDetails?.name?.length > descriptionMaxLength">...</span>\n            </div>\n            <div class="event-date pt-2">{{getEventDate(eventDetails)}}</div>\n        </div>\n    </div>\n</div>\n<div *ngIf="loader">\n    <div class="events-card margin-bottom-m">\n        <div class="flex gap-4">\n            <div class="event-poster">\n                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon \'" [width]="\'180px\'" [height]="\'107px\'">\n                </sb-uic-skeleton-loader>\n            </div>\n            <div class="flex flex-col">\n                <div class="flex">\n                    <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon \'" [width]="\'60px\'" [height]="\'21px\'">\n                    </sb-uic-skeleton-loader>\n                </div>\n                <div class="flex orgName pt-2 pb-1">\n                    <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon \'" [width]="\'355px\'" [height]="\'21px\'">\n                    </sb-uic-skeleton-loader>\n                </div>\n                <div class="flex event-title pt-1">\n                    <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon \'" [width]="\'355px\'" [height]="\'21px\'">\n                    </sb-uic-skeleton-loader>\n                </div>\n                <div class="event-date pt-2">\n                    <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon \'" [width]="\'355px\'" [height]="\'21px\'">\n                    </sb-uic-skeleton-loader>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>',styles:[".events-card{padding:16px;border-radius:12px;border:1px solid #c3c3c3}.events-card .poster{width:180px;height:107px;border-radius:12px}.events-card .event-label{border:1px solid #ef951e;background:rgba(239,149,30,.05);border-radius:45px;font:400 14px/16.8px Lato;padding:8px 12px}.events-card .orgName{font-family:Lato;font-size:12px;font-weight:400;line-height:14.4px;text-align:left;opacity:.6}.events-card .event-title{font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:left}.events-card .event-date{font-family:Lato;font-size:12px;font-weight:400;line-height:14.4px;text-align:left;color:#1b4ca1}@media screen and (min-width:320px) and (max-width:769px){.events-card .poster{width:80px;height:69px}}"]}]}],t.ctorParameters=function(){return[{type:void 0,decorators:[{type:core.Inject,args:["environment"]}]},{type:router.Router}]},t.propDecorators={objectData:[{type:core.Input}],eventDetails:[{type:core.Input}],loader:[{type:core.Input}]},t}();var EventsModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[EventsComponent,EventCardComponent],imports:[common.CommonModule,router.RouterModule,SkeletonLoaderLibModule,material.MatIconModule],exports:[EventsComponent,EventCardComponent]}]}],t}(),MdoLeaderboardComponent=function(){function t(t){this.insiteDataService=t,this.currentTab="XL",this.result=[],this.searchTerm="",this.expand=!0,this.tabClicked=new core.EventEmitter}return t.prototype.ngOnInit=function(){this.getData()},t.prototype.getData=function(){var t=this;this.insiteDataService.fetchLeaderboard().subscribe((function(e){e&&e.result&&(t.result=e.result,t.filteredData=t.result.mdoLeaderBoard.filter((function(e){return e.size===t.currentTab})).map((function(t){return __assign({},t,{children:[],selected:!1})})))}),(function(t){console.log(t)}))},t.prototype.getTabData=function(t){var e=this;this.currentTab=t,this.searchTerm="",this.filteredData=this.result.mdoLeaderBoard.filter((function(t){return t.size===e.currentTab})).map((function(t){return __assign({},t,{children:[],selected:!1})}));var n="";switch(t){case"XL":n="greater-than-50K";break;case"L":n="10K-50K";break;case"M":n="1K-10K";break;case"S":n="500-1K";break;default:n="less-than-500"}this.tabClicked.emit(n)},t.prototype.getRank=function(t){return[1,2,3].includes(t)?"rank"+t:"rank0"},t.prototype.getMedal=function(t){return 1===t?"assets/images/national-learning/Medal1.svg":2===t?"assets/images/national-learning/Medal2.svg":"assets/images/national-learning/Medal3.svg"},t.prototype.handleSearchQuery=function(t){var e=this;t.target.value&&t.target.value.length>0?(this.searchTerm=t.target.value,this.filteredData=this.result.mdoLeaderBoard.filter((function(n){return n.size===e.currentTab&&n.org_name.toLowerCase().includes(t.target.value)})).map((function(t){return __assign({},t,{children:[]})}))):this.filteredData=this.result.mdoLeaderBoard.filter((function(t){return t.size===e.currentTab})).map((function(t){return __assign({},t,{children:[]})}))},t.prototype.toggleWeekHightlits=function(){this.expand=!this.expand},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-mdo-leaderboard",template:'<div class="mdo-leaderboard-container">\n    <div class="flex l-title gap-2 items-center justify-between px-4 md:px-0 py-4 md:py-0">\n        <div class="flex gap-2">\n            {{object?.title}} <div><img [src]="object?.infoIcon" alt="" i18n-matTooltip [matTooltip]="object?.infoText"></div>\n        </div>\n        <div class="block md:hidden">\n            <mat-icon (click)="toggleWeekHightlits()">expand_more</mat-icon>\n        </div>\n    </div>\n    <div class="flex item-center justify-center" *ngIf="expand">\n        <div class="flex fl-div">\n            <div class="pointer">\n                <span class="dot-dot"></span>\n            </div>\n        </div>\n    </div>\n    <div class="l-content" *ngIf="expand">\n        <div class="horizontal-scroll-container">\n            <div class="scroll-content">\n                <span class="tab-title"  [ngClass]="{\'active\' : currentTab === \'XL\' }" (click)="getTabData(\'XL\')">Greater than 50K</span>\n                <span class="tab-title"  [ngClass]="{\'active\' : currentTab === \'L\' }" (click)="getTabData(\'L\')">10K-50K</span>\n                <span class="tab-title"  [ngClass]="{\'active\' : currentTab === \'M\' }" (click)="getTabData(\'M\')">1K-10K</span>\n                <span class="tab-title"  [ngClass]="{\'active\' : currentTab === \'S\' }" (click)="getTabData(\'S\')">500-1K</span>\n                <span class="tab-title"  [ngClass]="{\'active\' : currentTab === \'XS\' }" (click)="getTabData(\'XS\')">Less than 500</span>\n            </div>\n        </div>\n        <div class="relative search-wrapper margin-top-m mb-5">\n            <mat-icon matPrefix class="flex absolute items-center justify-center mr-2 icon-search">search\n            </mat-icon>\n            <input type="search" name="searchKey" class="search-field" i18-aria-label\n                aria-label="Search" i18n-placeholder="search"  [(ngModel)]="searchTerm"\n                placeholder="Search your MDO" (keyup)="handleSearchQuery($event)" />\n        </div>\n        <div class="l-tab-data">\n            <div *ngFor="let user of filteredData">\n                <div class="flex flex-row item mb-5 gap-3 {{user.row_num === 1 ? \'relative\' : \'\'}}" >\n                    <div><img class="crown absolute" src="assets/images/national-learning/rank-crown.svg" *ngIf="user.row_num === 1"/></div>\n                    <div class="{{getRank(user.row_num)}}">{{user.row_num}}</div>\n                    <div class="w-full">\n                        <div class="flex flex-between gap-2">\n                            <div>\n                                <div class="rank-name">{{user.org_name}}</div>\n                                <div class="rank-points flex mt-1 gap-1">\n                                    <img class="nlw-kb" src="assets/icons/home/karma-badge.svg"/>\n                                    <div class="points">{{user.total_points || 0 }} points</div>\n                                </div>\n                            </div>\n                            <div class="rank-crown" *ngIf="[1,2,3].includes(user.row_num)">\n                                <img class="nlw-animation" [src]="getMedal(user.row_num)"/>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class="no-data px-1" *ngIf="filteredData?.length === 0">\n                No data found!\n            </div>\n        </div>\n    </div>\n</div>\n',styles:[".l-title{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left}.l-content{background-color:#e9eef6;border-radius:16px;padding:16px}.horizontal-scroll-container{overflow-x:auto;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;height:32px}.horizontal-scroll-container::-webkit-scrollbar{display:none}.scroll-content{display:inline-block}.tab-title{font-family:Lato;font-size:14px;line-height:16.8px;text-align:left;cursor:pointer;padding:0 15px 8px;border-bottom:2px solid #c3c3c3}.active{font-weight:700;border-bottom:2px solid #1b4ca1}.search-field{height:34px;padding:0 16px 0 40px;border-radius:52px;background:#fff;border:2px solid rgba(0,0,0,.0784313725);width:100%}.icon-search{top:10px;left:15px;height:15px;width:17px}.item{border-radius:12px;background-color:#fff;padding:16px;align-items:flex-start}.rank1{background:#ffca28;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px}.rank2{background:#1b4ca1;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px;color:#fff}.rank3{background:#ff8228;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px}.rank0{font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px;border:1px solid #c3c3c3}.rank-name{font-family:Montserrat;line-height:1.5em;font-size:16px;font-weight:600;text-align:left;align-items:center;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2}.rank-points{align-items:center}.nlw-kb{height:24px;width:24px}.points{font-family:Lato;font-size:14px;font-weight:600;line-height:16.8px;text-align:right}.crown{left:10px;top:0;width:36px;height:36px}.l-tab-data{height:520px;overflow:auto;padding-bottom:16px}.l-tab-data::-webkit-scrollbar{display:none}.pointer{margin-bottom:-59px;border-radius:41px;background:#c3c3c3;border:35px solid #e9eef6}.dot-dot{width:7px;display:flex;height:7px;background:#c3c3c3;margin-top:-25px;border-radius:10px}@media screen and (min-width:320px) and (max-width:769px){.mdo-leaderboard-container{background-color:#d1dbec}}"]}]}],t.ctorParameters=function(){return[{type:InsiteDataService}]},t.propDecorators={object:[{type:core.Input}],tabClicked:[{type:core.Output}]},t}();var MdoLeaderboardModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[MdoLeaderboardComponent],imports:[common.CommonModule,material.MatIconModule,SkeletonLoaderLibModule,forms.FormsModule,material.MatTooltipModule],exports:[MdoLeaderboardComponent],providers:[InsiteDataService]}]}],t}(),HighlightsOfWeekComponent=function(){function t(){this.currentIndex=0,this.contentdata=[],this.styleData={},this.expand=!0}return t.prototype.ngOnInit=function(){var t=this;this.styleData=this.objectData&&this.objectData.sliderData&&this.objectData.sliderData.styleData,this.objectData&&this.objectData.list&&this.objectData.list.forEach((function(e){var n={};n.title=e.title,n.videoUrl=e.videoUrl,n.cardSubType="card-wide-lib",n.description=e.description,t.contentdata.push(n)}))},t.prototype.toggleWeekHightlits=function(){this.expand=!this.expand},t.prototype.getCurrentIndex=function(t){this.currentIndex=t},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-highlights-of-week",template:'<div *ngIf="contentdata.length" class="highlights-of-the-week-container {{expand ? \'mb-4\' : \'\'}}">\n    <ng-container *ngIf="contentdata.length">\n        <div class="flex title pb-3 no-radius items-center justify-between">\n            <div class="flex gap-2">\n                {{objectData?.title}}\n                <div class="block md:hidden">\n                    <img [src]="objectData?.infoIcon" alt="" i18n-matTooltip [matTooltip]="objectData?.infoText">\n                </div>                \n            </div>\n            <div class="block md:hidden">\n                <mat-icon (click)="toggleWeekHightlits()">expand_more</mat-icon>\n            </div>\n        </div>\n        <div *ngIf="expand">\n            <sb-uic-sliders-ng-content\n                [title]="\'providerName\'"\n                [currentIndex]="currentIndex"\n                (currentIndexValue)="getCurrentIndex($event)"\n                [loadNgContentData]="true" [widgetData]="contentdata"\n                [styleData]="styleData">\n                <div sliderbody>\n                    <div *ngFor="let item of contentdata; let i = index" [hidden]="i !== currentIndex">\n                        <div class="wh-wrapper no-radius">\n                            <div class="player">\n                                <video width="100%" height="100%" controls *ngIf="i === currentIndex">\n                                    <source [src]="item.videoUrl" type="video/mp4">\n                                    <source [src]="item.videoUrl" type="application/x-mpegURL" />\n                                </video>\n                            </div>\n                            <div class="player-title py-3">\n                                {{item?.title}}\n                            </div>\n                            <div class="player-body">\n                                {{item?.description}}\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </sb-uic-sliders-ng-content>\n        </div>\n    </ng-container>\n</div>\n\n',styles:[".highlights-of-the-week-container ::ng-deep.banner-title{display:none}.highlights-of-the-week-container ::ng-deep.banner-meta{bottom:-37px}.highlights-of-the-week-container ::ng-deep.prev{margin-left:11px}.highlights-of-the-week-container ::ng-deep.next{margin-right:16px}.title{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left;background-color:#d1dbec;padding:16px;border-top-left-radius:12px;border-top-right-radius:12px}.wh-wrapper{background-color:#d1dbec;padding:0 16px 16px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.wh-wrapper .player{height:420px}.wh-wrapper .player-title{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.wh-wrapper .player-body{font-family:Lato;line-clamp:2;-webkit-line-clamp:2;font-size:14px;font-weight:400;line-height:16.8px;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width:320px) and (max-width:769px){.highlights-of-the-week-container ::ng-deep.prev{display:none!important}.highlights-of-the-week-container ::ng-deep.next{display:none!important}.wh-wrapper .player{height:215px}.no-radius{border-radius:0}}"]}]}],t.ctorParameters=function(){return[]},t.propDecorators={objectData:[{type:core.Input}],scrollableItems:[{type:core.ViewChildren,args:[ScrollableItemDirective]}]},t}();var HighlightsOfWeekModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[HighlightsOfWeekComponent],imports:[common.CommonModule,material.MatIconModule,material.MatTooltipModule,ScrollableItemModule,SlidersNgContentLibModule],exports:[HighlightsOfWeekComponent]}]}],t}(),SpeakersComponent=function(){function t(){this.currentIndex=0,this.contentdata=[],this.styleData={},this.expand=!0}return t.prototype.ngOnInit=function(){var t=this;this.styleData=this.objectData&&this.objectData.sliderData&&this.objectData.sliderData.styleData,this.objectData&&this.objectData.list&&this.objectData.list.forEach((function(e){var n={};n.name=e.title,n.cardSubType="card-wide-lib",n.description=e.description,n.initial=t.createInititals(e.title),n.profileImage=e.profileImage?e.profileImage:"",t.contentdata.push(n)}))},t.prototype.createInititals=function(t){var e="",n=t.toString().split(" ");if("undefined"!==n[0]&&void 0!==n[1])e+=n[0].charAt(0),e+=n[1].charAt(0);else for(var a=0;a<t.length&&(" "===t.charAt(a)||t.charAt(a)!=t.charAt(a)||2!==(e+=t.charAt(a)).length);a+=1);return e.toUpperCase()},t.prototype.getCurrentIndex=function(t){this.currentIndex=t},t.prototype.toggleWeekHightlits=function(){this.expand=!this.expand},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-speakers",template:'<div class="nlw-speakers-wrapper px-4 md:px-0 my-4 md:my-0">\n    <div class="flex speakers-title gap-2 justify-between pb-1" *ngIf="contentdata.length">\n        <div class="flex gap-2">\n            {{objectData?.title}}\n            <div><img [src]="objectData?.infoIcon" alt="" i18n-matTooltip [matTooltip]="objectData?.infoText"></div>\n        </div>\n        <div class="block md:hidden">\n            <mat-icon (click)="toggleWeekHightlits()">expand_more</mat-icon>\n        </div>\n    </div>\n    <div *ngIf="expand" class="speakers-container margin-bottom-xs" >\n        <ng-container *ngIf="contentdata.length">\n            <sb-uic-sliders-ng-content\n                [title]="\'providerName\'"\n                [currentIndex]="currentIndex"\n                (currentIndexValue)="getCurrentIndex($event)"\n                [loadNgContentData]="true" [widgetData]="contentdata"\n                [styleData]="styleData">\n                <div sliderbody>\n                    <div *ngFor="let item of contentdata; let i = index" [hidden]="i !== currentIndex">\n                        <div class="speakers-wrapper">\n                            <div class="flex items-center justify-center pb-2">\n                                <div class="speaker-initial" *ngIf="!item.profileImage">{{item?.initial}}</div>\n                                <img class=\'speaker-icon\' [src]="item?.profileImage" alt="" *ngIf="item.profileImage"/>\n                            </div>\n                            <div class="flex items-center justify-center pb-2">\n                                <div class="speaker-title">{{item.name}}</div>\n                            </div>\n                            <div class="flex items-center justify-center">\n                                <div class="speaker-description">{{item.description}}</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </sb-uic-sliders-ng-content>\n        </ng-container>\n    </div>\n</div>',styles:[".speakers-container ::ng-deep.banner-title{display:none}.speakers-container ::ng-deep.prev{margin-left:0;background-color:#fff4ec!important;color:#b6b4b4}.speakers-container ::ng-deep.next{margin-right:0;background-color:#fff4ec!important;color:#b6b4b4}.speakers-title{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left}.speakers-wrapper{background-color:#fff4ec;border-radius:12px;padding:24px}.speaker-title{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.speaker-description{font-family:Lato;font-size:12px;font-weight:400;line-height:14.4px;text-align:center;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.speaker-initial{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:center;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-color:#1b4ca1;color:#fff;border-radius:50px}.speaker-icon{width:80px;height:80px;border-radius:50px}@media screen and (min-width:320px) and (max-width:769px){.nlw-speakers-wrapper{background-color:#d1dbec}.speakers-title{padding:16px 0}}"]}]}],t.ctorParameters=function(){return[]},t.propDecorators={objectData:[{type:core.Input}],scrollableItems:[{type:core.ViewChildren,args:[ScrollableItemDirective]}]},t}();var SpeakersModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[SpeakersComponent],imports:[common.CommonModule,ScrollableItemModule,SlidersNgContentLibModule,material.MatTooltipModule,material.MatIconModule],exports:[SpeakersComponent]}]}],t}(),UserProgressComponent=function(){function t(t,e){this.insightSvc=t,this.configSvc=e,this.insitesData=[],this.currentIndex=0,this.styleData={},this.userProgress={},this.expand=!0}return t.prototype.ngOnInit=function(){this.styleData=this.objectData.insights.data.sliderData.styleData,this.getUserProgress(),this.getInsightsData()},t.prototype.getUserProgress=function(){var t=this;this.insightSvc.fetchUserProgress().subscribe((function(e){e&&e.result&&e.result.userLeaderBoard&&(t.userProgress=e.result.userLeaderBoard,!t.userProgress.fullname&&t.configSvc&&t.configSvc.userProfile&&t.configSvc.userProfile.firstName&&(t.userProgress.fullname=t.configSvc.userProfile.firstName,t.userProgress.profile_image=t.configSvc.userProfile.profileImageUrl))}),(function(e){t.userProgress.fullname=t.configSvc.userProfile.firstName,t.userProgress.profile_image=t.configSvc.userProfile.profileImageUrl}))},t.prototype.getInsightsData=function(){var t=this,e={request:{filters:{primaryCategory:"programs",organisations:["across",this.rootOrgId]}}};this.insightSvc.fetchInsightsData(e).subscribe((function(e){e&&e.result&&e.result.response&&e.result.response.nudges&&(t.insitesData=e.result.response.nudges,t.insitesData=t.insitesData.map((function(t){return __assign({},t,{cardSubType:"card-wide-lib"})})))}))},t.prototype.roundTo=function(t){return Math.round(100*t/100)},t.prototype.getCurrentIndex=function(t){this.currentIndex=t},t.prototype.createInititals=function(t){var e="",n=t.toString().split(" ");if("undefined"!==n[0]&&void 0!==n[1])e+=n[0].charAt(0),e+=n[1].charAt(0);else for(var a=0;a<t.length&&(" "===t.charAt(a)||t.charAt(a)!=t.charAt(a)||2!==(e+=t.charAt(a)).length);a+=1);return e.toUpperCase()},t.prototype.toggleWeekHightlits=function(){this.expand=!this.expand},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-user-progress",template:'<div class="px-4 md:px-0 pt-4 md:pt-0 week-progress {{expand ? \'pb-4\' : \'pb-1\'}}">\n    <div class="flex user-progress-title gap-2 margin-bottom-xs items-center justify-between">\n        <div class="flex gap-2">\n            {{objectData?.title}}\n            <div><img [src]="objectData?.infoIcon" alt="" i18n-matTooltip [matTooltip]="objectData?.infoText"></div>\n        </div>\n        <div class="block md:hidden">\n            <mat-icon (click)="toggleWeekHightlits()">expand_more</mat-icon>\n        </div>\n    </div>\n    <div class="user-progress-wrapper" *ngIf="expand">\n        <div class="user-rank flex items-center">\n            <div class="flex item-center">\n                <div class="current-rank" *ngIf="userProgress?.rank > 0">#{{userProgress?.rank}} Rank</div>\n            </div>\n        </div>\n        <div class="user-details-wrapper">\n            <div class="user-details flex gap-2">\n                <div class="user-initial" *ngIf="userProgress?.profile_image">\n                    <img class="user-profile" [src]="userProgress?.profile_image" alt=""/>\n                </div>\n                <div class="user-initial" *ngIf="!userProgress?.profile_image && userProgress?.fullname">{{createInititals(userProgress?.fullname)}}</div>\n                <div class="user-name pt-3">{{userProgress?.fullname}}</div>\n            </div>\n            <div class="user-stats my-3">\n                <div class="flex gap-2 items-center justify-center">\n                    <div class="my-hours">\n                        <div class="flex items-center gap-3">\n                            <img class="hours-icon"\n                                src="https://portal.dev.karmayogibharat.net/content-store/orgStore/0135071359030722569/1726808794219_InProgress_Icon.svg" alt="">\n                            <div>\n                                <div class="counter">{{userProgress?.total_learning_hours || 0}}</div>\n                                <div class="counter-title pt-1">Learning Hours</div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class="my-certificates">\n                        <div class="flex items-center gap-3">\n                            <img class="cert-icon"\n                                src="https://portal.dev.karmayogibharat.net/content-store/orgStore/0135071359030722569/1726808775795_Certificate_icon.svg" alt="">\n                            <div>\n                                <div class="counter">{{userProgress?.count || 0}}</div>\n                                <div class="counter-title pt-1">Certificates</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class="flex gap-2 items-center justify-center pt-3">\n                    <div class="k-points">\n                        <div class="flex items-center gap-3">\n                            <img class="kp-point-icon"\n                                src="https://portal.dev.karmayogibharat.net/content-store/orgStore/0135071359030722569/1726808815206_karma-badge.svg" alt="">\n                            <div>\n                                <div class="counter">{{userProgress?.total_points || 0}}</div>\n                                <div class="counter-title pt-1">Karma Points</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class="insights-wrapper">\n                <div class="insights-container">\n                    <sb-uic-sliders-ng-content\n                        [title]="\'p1\'"\n                        [currentIndex]="currentIndex"\n                        (currentIndexValue)="getCurrentIndex($event)"\n                        [loadNgContentData]="true" [widgetData]="insitesData"\n                        [customBanner]="true" [autoScroll]="true"\n                        [styleData]="styleData">\n                        <div sliderbody>\n                            <div class="insights-item" *ngFor="let item of insitesData; let i = index" [hidden]="i !== currentIndex">\n                                <div class="flex gap-4">\n                                    <div class="insights-lable">{{item?.label}}</div>\n                                    <div class="flex items-center growth-positive" *ngIf="item?.growth === \'positive\'">\n                                        <mat-icon class="positive-icon">arrow_upward</mat-icon>\n                                        <span class="positive-note pt-1">+{{roundTo(item?.progress)}}%</span>\n                                    </div>\n                                    <div class="flex items-center growth-negative" *ngIf="item?.growth === \'negative\' && item?.progress > 0">\n                                        <mat-icon class="negative-icon">arrow_downward</mat-icon>\n                                        <span class="negative-note">-{{roundTo(item?.progress)}}%</span>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </sb-uic-sliders-ng-content>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n',styles:[".user-progress-title{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left}.user-progress-wrapper{border-radius:12px}.user-rank{background:url(https://portal.dev.karmayogibharat.net/content-store/orgStore/0132238763297177601/1727267061524_shadow.png),linear-gradient(124.59deg,#266eeb 51.53%,#133f8b 140.2%);height:76px;border-top-left-radius:12px;border-top-right-radius:12px;border-left-color:#266eeb;border-right-color:#266eeb;border-top-color:#266eeb;padding-left:25%}.current-rank{padding:3px 10px;border-radius:15px;background-color:#fff;color:#f3962f;font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:center}.user-details-wrapper{padding:0 8px;border:1px solid #e8e8e8;border-bottom-left-radius:12px;border-bottom-right-radius:12px;background-color:#fff}.user-details,.user-stats{padding:0 8px}.user-initial{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:center;width:70px;height:70px;display:flex;align-items:center;justify-content:center;background-color:#000;color:#fff;border-radius:50px;border:3px solid #fff;margin-top:-30px}.user-profile{width:70px;height:70px;border-radius:50px}.user-name{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.my-hours{padding:16px;background-color:#f0f3f4;border-radius:12px;width:50%;border:1px solid #c3c3c3}.my-certificates{padding:16px;background-color:#f0f3f4;width:50%;border-radius:12px;border:1px solid #c3c3c3}.k-points{padding:16px;background-color:#f0f3f4;width:40%;border-radius:12px;border:1px solid #c3c3c3}.hours-icon{background:linear-gradient(143.13deg,rgba(255,191,26,.15) 5.36%,rgba(255,64,128,.15) 94.64%);border-radius:50px;padding:5px}.counter-title{font-family:Lato;font-size:12px;font-weight:400;line-height:14.4px;text-align:left}.counter{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.cert-icon{background:linear-gradient(180deg,rgba(255,206,81,.24) 0,rgba(254,231,28,.24) 100%);border-radius:50px;padding:5px}.kp-point-icon{background:#dbe4ff;border-radius:50px;padding:5px;height:18px;width:18px}.insights-wrapper{padding:8px 0}.insights-container{background:rgba(243,150,47,.2);height:84px;border-radius:8px}.insights-container ::ng-deep .prev{display:none}.insights-container ::ng-deep .next{display:none}.insights-item{padding:16px}.insights-lable{font-family:Lato;font-size:12px;font-weight:400;line-height:14.4px;text-align:left}.positive-note{font-size:12px;font-weight:400;line-height:14.4px}.positive-icon{font-size:18px;height:18px;width:18px}.growth-positive{color:green}.growth-negative{color:red}.negative-icon{font-size:18px;height:18px;width:18px}.negative-note{font-size:12px;font-weight:400;line-height:14.4px}@media screen and (min-width:320px) and (max-width:769px){.week-progress{background-color:#d1dbec}}"]}]}],t.ctorParameters=function(){return[{type:InsiteDataService},{type:utilsV2.ConfigurationsService}]},t.propDecorators={objectData:[{type:core.Input}],rootOrgId:[{type:core.Input}],scrollableItems:[{type:core.ViewChildren,args:[ScrollableItemDirective]}]},t}();var UserProgressModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[UserProgressComponent],imports:[common.CommonModule,material.MatTooltipModule,material.MatIconModule,ScrollableItemModule,SlidersNgContentLibModule],exports:[UserProgressComponent]}]}],t}(),NationalLearningModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[NationalLearningComponent],imports:[common.CommonModule,material.MatIconModule,material.MatChipsModule,SkeletonLoaderLibModule,SlidersLibModule,material.MatTabsModule,KeyHighlightsModule,ContentStripWithTabsLibModule,DataPointsModule,EventsModule,MdoLeaderboardModule,HighlightsOfWeekModule,SpeakersModule,UserProgressModule,ContentStripFacetFilterModule],exports:[NationalLearningComponent],providers:[CommonMethodsService],schemas:[core.CUSTOM_ELEMENTS_SCHEMA]}]}],t}();exports.AnnouncementsModule=AnnouncementsModule,exports.CalenderModule=CalenderModule,exports.CardsModule=CardsModule,exports.CbpPlanModule=CbpPlanModule,exports.CommonMethodsService=CommonMethodsService,exports.CommonStripModule=CommonStripModule,exports.CompetencyPassbookMdoModule=CompetencyPassbookMdoModule,exports.CompetencyPassbookModule=CompetencyPassbookModule,exports.ConsumptionComponent=ConsumptionComponent,exports.ConsumptionModule=ConsumptionModule,exports.ConsumptionService=ConsumptionService,exports.ContentProgressModule=ContentProgressModule,exports.ContentStripFacetFilterModule=ContentStripFacetFilterModule,exports.ContentStripWithTabsLibModule=ContentStripWithTabsLibModule,exports.ContentStripWithTabsPillsModule=ContentStripWithTabsPillsModule,exports.DataPointsModule=DataPointsModule,exports.DialogComponentsModule=DialogComponentsModule,exports.EventsModule=EventsModule,exports.HighlightsOfWeekModule=HighlightsOfWeekModule,exports.HttpLoaderFactory=HttpLoaderFactory,exports.HttpLoaderFactory1=HttpLoaderFactory1,exports.KeyHighlightsModule=KeyHighlightsModule,exports.MDOChannelModule=MDOChannelModule,exports.MdoLeaderboardModule=MdoLeaderboardModule,exports.MyHammerConfig=MyHammerConfig,exports.NationalLearningModule=NationalLearningModule,exports.ProvidersModule=ProvidersModule,exports.ROOT_WIDGET_CONFIG=ROOT_WIDGET_CONFIG,exports.SlidersLibModule=SlidersLibModule,exports.SpeakersModule=SpeakersModule,exports.TopLearnersModule=TopLearnersModule,exports.UserContentRatingLibModule=UserContentRatingLibModule,exports.UserProgressModule=UserProgressModule,exports.WIDGET_REGISTERED_LIB_MODULES=WIDGET_REGISTERED_LIB_MODULES,exports.WIDGET_REGISTRATION_LIB_CONFIG=WIDGET_REGISTRATION_LIB_CONFIG,exports.WidgetContentService=WidgetContentService,exports.ɵa=ContentStripWithTabsLibComponent,exports.ɵb=WidgetUserService,exports.ɵba=CardResourceComponent,exports.ɵbb=CardsComponent,exports.ɵbc=CardPortraitComponent,exports.ɵbd=CardUserComponent,exports.ɵbe=CardLandscapeComponent,exports.ɵbf=CardWideComponent,exports.ɵbg=CardMDOChannelComponent,exports.ɵbh=CardWideV2Component,exports.ɵbi=CardKarmaProgramsComponent,exports.ɵbj=CardKarmaProgramsV2Component,exports.ɵbk=ProviderCardComponent,exports.ɵbl=CardPortraitExtComponent,exports.ɵbm=CardAssessmentComponent,exports.ɵbn=CardProgressPortraitLibComponent,exports.ɵbo=CertificateService,exports.ɵbp=CardMdoChannelV1Component,exports.ɵbq=PipePublicURLModule,exports.ɵbr=PipePublicURL,exports.ɵbs=ObjectToArrayPipeModule,exports.ɵbt=ObjectToArrayPipe,exports.ɵbu=DisplayContentTypeLibModule,exports.ɵbv=DisplayContentTypeLibComponent,exports.ɵbw=DefaultThumbnailModule,exports.ɵbx=DefaultThumbnailDirective,exports.ɵby=PipeDurationTransformModule,exports.ɵbz=PipeDurationTransformPipe,exports.ɵc=MultilingualTranslationsService,exports.ɵca=ContentProgressComponent,exports.ɵcb=CertificateDialogComponent,exports.ɵcc=AvatarPhotoLibModule,exports.ɵcd=AvatarPhotoLibComponent,exports.ɵce=ContentStripFacetFilterComponent,exports.ɵcf=ContentStripWithTabsPillsComponent,exports.ɵcg=CompetencyPassbookComponent,exports.ɵch=CompetencyPassbookService,exports.ɵci=PillsModule,exports.ɵcj=PillsComponent,exports.ɵck=CompetencyPassbookMdoComponent,exports.ɵcl=CompetencyPassbookMdoService,exports.ɵcm=UserContentRatingLibComponent,exports.ɵcn=RatingService,exports.ɵco=UserContentRatingLibService,exports.ɵcp=MdoChannelV1Component,exports.ɵcq=MdoChannelV2Component,exports.ɵcr=ProvidersV2Component,exports.ɵcs=NationalLearningComponent,exports.ɵct=KeyHighlightsComponent,exports.ɵcu=EventsComponent,exports.ɵcv=EventCardComponent,exports.ɵcw=MdoLeaderboardComponent,exports.ɵcx=HighlightsOfWeekComponent,exports.ɵcy=SpeakersComponent,exports.ɵcz=UserProgressComponent,exports.ɵd=ConfigurationsService,exports.ɵe=HorizontalScrollerV2Module,exports.ɵf=HorizontalScrollerV2Component,exports.ɵg=SlidersLibComponent,exports.ɵh=NavigationModule,exports.ɵi=NavigationDirective,exports.ɵj=ImageResponsiveModule,exports.ɵk=ImageResponsiveDirective,exports.ɵl=DataPointsComponent,exports.ɵm=InsiteDataService,exports.ɵn=SkeletonLoaderLibModule,exports.ɵo=SkeletonLoaderLibComponent,exports.ɵp=CalenderComponent,exports.ɵq=CalenderDayComponent,exports.ɵr=CommonStripComponent,exports.ɵs=AnnouncementsComponent,exports.ɵt=TopLearnersComponent,exports.ɵu=CbpPlanComponent,exports.ɵv=ScrollableItemDirective,exports.ɵw=ScrollableItemModule,exports.ɵx=MyHammerConfig$1,exports.ɵy=SlidersNgContentLibModule,exports.ɵz=SlidersNgContentLibComponent,Object.defineProperty(exports,"__esModule",{value:!0})}));
+var extendStatics=function(t,e){return(extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(t,e)};function __extends(t,e){function n(){this.constructor=t}extendStatics(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var __assign=function(){return(__assign=Object.assign||function(t){for(var e,n=1,a=arguments.length;n<a;n++)for(var i in e=arguments[n])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t}).apply(this,arguments)};function __rest(t,e){var n={};for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&e.indexOf(a)<0&&(n[a]=t[a]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(t);i<a.length;i++)e.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(t,a[i])&&(n[a[i]]=t[a[i]])}return n}function __decorate(t,e,n,a){var i,o=arguments.length,r=o<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,n):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,a);else for(var s=t.length-1;s>=0;s--)(i=t[s])&&(r=(o<3?i(r):o>3?i(e,n,r):i(e,n))||r);return o>3&&r&&Object.defineProperty(e,n,r),r}function __param(t,e){return function(n,a){e(n,a,t)}}function __metadata(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)}function __awaiter(t,e,n,a){return new(n||(n=Promise))((function(i,o){function r(t){try{l(a.next(t))}catch(t){o(t)}}function s(t){try{l(a.throw(t))}catch(t){o(t)}}function l(t){var e;t.done?i(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(r,s)}l((a=a.apply(t,e||[])).next())}))}function __generator(t,e){var n,a,i,o,r={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function s(o){return function(s){return function(o){if(n)throw new TypeError("Generator is already executing.");for(;r;)try{if(n=1,a&&(i=2&o[0]?a.return:o[0]?a.throw||((i=a.return)&&i.call(a),0):a.next)&&!(i=i.call(a,o[1])).done)return i;switch(a=0,i&&(o=[2&o[0],i.value]),o[0]){case 0:case 1:i=o;break;case 4:return r.label++,{value:o[1],done:!1};case 5:r.label++,a=o[1],o=[0];continue;case 7:o=r.ops.pop(),r.trys.pop();continue;default:if(!(i=r.trys,(i=i.length>0&&i[i.length-1])||6!==o[0]&&2!==o[0])){r=0;continue}if(3===o[0]&&(!i||o[1]>i[0]&&o[1]<i[3])){r.label=o[1];break}if(6===o[0]&&r.label<i[1]){r.label=i[1],i=o;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(o);break}i[2]&&r.ops.pop(),r.trys.pop();continue}o=e.call(t,r)}catch(t){o=[6,t],a=0}finally{n=i=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,s])}}}function __createBinding(t,e,n,a){void 0===a&&(a=n),t[a]=e[n]}function __exportStar(t,e){for(var n in t)"default"===n||e.hasOwnProperty(n)||(e[n]=t[n])}function __values(t){var e="function"==typeof Symbol&&Symbol.iterator,n=e&&t[e],a=0;if(n)return n.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&a>=t.length&&(t=void 0),{value:t&&t[a++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function __read(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var a,i,o=n.call(t),r=[];try{for(;(void 0===e||e-- >0)&&!(a=o.next()).done;)r.push(a.value)}catch(t){i={error:t}}finally{try{a&&!a.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return r}function __spread(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(__read(arguments[e]));return t}function __spreadArrays(){for(var t=0,e=0,n=arguments.length;e<n;e++)t+=arguments[e].length;var a=Array(t),i=0;for(e=0;e<n;e++)for(var o=arguments[e],r=0,s=o.length;r<s;r++,i++)a[i]=o[r];return a}function __await(t){return this instanceof __await?(this.v=t,this):new __await(t)}function __asyncGenerator(t,e,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var a,i=n.apply(t,e||[]),o=[];return a={},r("next"),r("throw"),r("return"),a[Symbol.asyncIterator]=function(){return this},a;function r(t){i[t]&&(a[t]=function(e){return new Promise((function(n,a){o.push([t,e,n,a])>1||s(t,e)}))})}function s(t,e){try{(n=i[t](e)).value instanceof __await?Promise.resolve(n.value.v).then(l,c):d(o[0][2],n)}catch(t){d(o[0][3],t)}var n}function l(t){s("next",t)}function c(t){s("throw",t)}function d(t,e){t(e),o.shift(),o.length&&s(o[0][0],o[0][1])}}function __asyncDelegator(t){var e,n;return e={},a("next"),a("throw",(function(t){throw t})),a("return"),e[Symbol.iterator]=function(){return this},e;function a(a,i){e[a]=t[a]?function(e){return(n=!n)?{value:__await(t[a](e)),done:"return"===a}:i?i(e):e}:i}}function __asyncValues(t){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var e,n=t[Symbol.asyncIterator];return n?n.call(t):(t="function"==typeof __values?__values(t):t[Symbol.iterator](),e={},a("next"),a("throw"),a("return"),e[Symbol.asyncIterator]=function(){return this},e);function a(n){e[n]=t[n]&&function(e){return new Promise((function(a,i){(function(t,e,n,a){Promise.resolve(a).then((function(e){t({value:e,done:n})}),e)})(a,i,(e=t[n](e)).done,e.value)}))}}}function __makeTemplateObject(t,e){return Object.defineProperty?Object.defineProperty(t,"raw",{value:e}):t.raw=e,t}function __importStar(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)Object.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e.default=t,e}function __importDefault(t){return t&&t.__esModule?t:{default:t}}function __classPrivateFieldGet(t,e){if(!e.has(t))throw new TypeError("attempted to get private field on non-instance");return e.get(t)}function __classPrivateFieldSet(t,e,n){if(!e.has(t))throw new TypeError("attempted to set private field on non-instance");return e.set(t,n),n}var ConsumptionService=function(){function t(){}return t.decorators=[{type:core.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[]},t.ngInjectableDef=core.ɵɵdefineInjectable({factory:function(){return new t},token:t,providedIn:"root"}),t}(),ConsumptionComponent=function(){function t(){}return t.prototype.ngOnInit=function(){},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-consumption",template:"\n    <p>\n      consumption works!\n    </p>\n  "}]}],t.ctorParameters=function(){return[]},t}(),HorizontalScrollerV2Component=function(){function t(t){this.valueSvc=t,this.loadStatus="fetching",this.id="",this.onHover=!1,this.sliderConfig={showNavs:!0,showDots:!0,cerificateCardMargin:!1},this.loadNext=new core.EventEmitter,this.horizontalScrollElem=null,this.enablePrev=!1,this.enableNext=!1,this.activeNav=0,this.cardSubType="standard",this.bottomDotsArray=[],this.scrollObserver=null,this.isMobile=!1,this.defaultMenuSubscribe=null,this.isLtMedium$=this.valueSvc.isLtMedium$}return t.prototype.ngOnInit=function(){var t=this;if(this.cardSubType=this.stripConfig&&this.stripConfig.cardSubType?this.stripConfig.cardSubType:"standard",this.horizontalScrollElem){var e=this.horizontalScrollElem;this.scrollObserver=rxjs.fromEvent(e.nativeElement,"scroll").pipe(operators.debounceTime(100),operators.throttleTime(100)).subscribe((function(n){t.updateNavigationBtnStatus(e.nativeElement)})),setTimeout((function(){t.getBottomDotsArray()}),700)}this.defaultMenuSubscribe=this.isLtMedium$.subscribe((function(e){t.isMobile=e}))},t.prototype.ngOnChanges=function(){var t=this;rxjs.timer(100).subscribe((function(){t.horizontalScrollElem&&t.updateNavigationBtnStatus(t.horizontalScrollElem.nativeElement)})),setTimeout((function(){t.getBottomDotsArray()}),700)},t.prototype.ngOnDestroy=function(){this.scrollObserver&&this.scrollObserver.unsubscribe(),this.defaultMenuSubscribe&&this.defaultMenuSubscribe.unsubscribe()},t.prototype.showPrev=function(){if(this.horizontalScrollElem){var t=this.horizontalScrollElem.nativeElement.clientWidth;this.horizontalScrollElem.nativeElement.scrollTo({left:this.horizontalScrollElem.nativeElement.scrollLeft-t,behavior:"smooth"});var e=this.horizontalScrollElem.nativeElement;0!==e.scrollLeft&&e.scrollWidth!==e.clientWidth+e.scrollLeft?this.activeNav-=1:this.sliderConfig.arrowsAlwaysOn&&0===this.horizontalScrollElem.nativeElement.scrollLeft&&(this.horizontalScrollElem.nativeElement.scrollTo({left:e.scrollWidth,behavior:"smooth"}),this.activeNav=this.bottomDotsArray.length-1)}},t.prototype.showNext=function(){if(this.horizontalScrollElem){var t=this.horizontalScrollElem.nativeElement.clientWidth;this.horizontalScrollElem.nativeElement.scrollTo({left:this.horizontalScrollElem.nativeElement.scrollLeft+t,behavior:"smooth"});var e=this.horizontalScrollElem.nativeElement;0!==e.scrollLeft&&e.scrollWidth!==e.clientWidth+e.scrollLeft?this.activeNav+=1:this.sliderConfig.arrowsAlwaysOn&&0!==this.horizontalScrollElem.nativeElement.scrollLeft&&e.clientWidth+e.scrollLeft>=e.scrollWidth&&(this.horizontalScrollElem.nativeElement.scrollTo({left:0,behavior:"smooth"}),this.activeNav=0)}},t.prototype.updateNavigationBtnStatus=function(t){this.enablePrev=!0,this.enableNext=!0,0===t.scrollLeft&&(this.sliderConfig.arrowsAlwaysOn||(this.enablePrev=!1),this.activeNav=0);var e=Math.abs(t.scrollWidth-Math.round(t.clientWidth+t.scrollLeft));0!==e&&1!==e||("hasMore"===this.loadStatus?this.loadNext.emit():(this.enableNext=!1,this.bottomDotsArray.length&&(this.activeNav=this.bottomDotsArray.length-1))),0!==t.scrollLeft&&t.scrollWidth!==t.clientWidth+t.scrollLeft&&(this.activeNav=Math.ceil(t.scrollLeft/t.clientWidth))},t.prototype.slideTo=function(t){var e=t-this.activeNav;if(this.horizontalScrollElem){var n=this.horizontalScrollElem.nativeElement.clientWidth;this.horizontalScrollElem.nativeElement.scrollTo({left:this.horizontalScrollElem.nativeElement.scrollLeft+n*e,behavior:"smooth"})}this.activeNav=t},t.prototype.getBottomDotsArray=function(){var t=this;if(this.horizontalScrollElem){this.bottomDotsArray=[];var e,n=void 0;if("card-wide-v2"!==this.cardSubType){if(n="standard"===this.cardSubType?245:document.getElementsByClassName(this.cardSubType)&&void 0!==document.getElementsByClassName(this.cardSubType)[0]?document.getElementsByClassName(this.cardSubType)[0].clientWidth:245,document.getElementById(""+this.id)){var a=document.getElementById(""+this.id).clientWidth;if(n*this.widgetsLength>a){e=Math.round(a/n),this.defaultMaxWidgets=this.defaultMaxWidgets&&this.widgetsLength<this.defaultMaxWidgets?this.widgetsLength:this.defaultMaxWidgets,e=this.defaultMaxWidgets/e;for(var i=0;i<e;i+=1)this.bottomDotsArray.push(i)}}}else setTimeout((function(){t.bottomDotsArray=[],e=document.getElementsByClassName(t.cardSubType).length;for(var n=0;n<e;n+=1)t.bottomDotsArray.push(n)}),1e3)}},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-horizontal-scroller-v2",template:'\n<section class="horizontal-scroll-container h-full" [id]="id"\n[ngClass]="{\'px-4\': sliderConfig.showNavs && sliderConfig.showNavsSpacing, \'mt-5\':sliderConfig.cerificateCardMargin}">\n    <div name="horizontal-scroll-content-strip" class="horizontal-scroll-content" #horizontalScrollElem>\n        <ng-content></ng-content>\n    </div>\n    <div class="navigation {{isMobile? sliderConfig?.responsive?.arrowsPlacement : sliderConfig?.arrowsPlacement}}">\n        <ng-container *ngIf="sliderConfig?.showNavs">\n            <button i18n-aria-label aria-label="back" name="content-backward-button" mat-mini-fab color="" \n                (click)="showPrev()" class="prevBtn  mat-elevation-z" [hidden]="!enablePrev"\n                [ngClass]="{\'prevBtnHover\': onHover}">\n                <mat-icon>navigate_before</mat-icon>\n            </button>\n        </ng-container>\n        <ng-container *ngIf="sliderConfig?.showNavs">\n            <button i18n-aria-label aria-label="next" name="content-forward-button" mat-mini-fab (click)="showNext()"\n                color="" class="nextBtn  mat-elevation-z" [ngClass]="{\'nextBtnHover\': onHover}"\n                [hidden]="!enableNext || loadStatus === \'fetching\'">\n                <mat-icon>navigate_next</mat-icon>\n            </button>\n        </ng-container>\n    </div>\n    \x3c!-- <div class="nextLoading" *ngIf="loadStatus === \'fetching\'">\n        <mat-spinner></mat-spinner>\n    </div> --\x3e    \n</section>\n\n<div class="dots-container {{isMobile? sliderConfig?.responsive?.dotsAlign : sliderConfig?.dotsAlign}}" \n*ngIf="(isMobile && sliderConfig?.responsive?.showDots) || (!isMobile && sliderConfig?.showDots)">\n    \x3c!-- <span class="dot" [ngClass]="{ active: j === currentIndex }" --\x3e\n    <span class="dot" [ngClass]="{ active: j === activeNav }" *ngFor="let slide of bottomDotsArray; let j = index" (click)="slideTo(j)"></span>\n</div>',styles:[".horizontal-scroll-container{position:relative;width:100%;width:inherit}.nextBtn,.nextLoading,.prevBtn{position:absolute;top:50%;transform:translateY(-50%);z-index:999;height:32px!important;width:32px!important;display:flex;align-items:center;justify-content:center}.nextBtn,.prevBtn{border-radius:50%;background-color:#1b2133!important;color:#fff!important}.border-radius-xs{border-radius:8px!important}.prevBtn{left:0}.nextBtn{right:0}.nextLoading{padding:0;right:0}.navigation.bottom-right .prevBtn{left:unset;right:56px;bottom:-44px;top:unset}.navigation.bottom-right .nextBtn{left:unset;right:8px;bottom:-44px;top:unset}.navigation.bottom-center .prevBtn{left:calc(50% - 24px);right:unset;bottom:-44px;top:unset}.navigation.bottom-center .nextBtn{left:calc(50% + 24px);right:unset;bottom:-44px;top:unset}.navigation.bottom-left .prevBtn{left:8px;right:unset;bottom:-44px;top:unset}.navigation.bottom-left .nextBtn{left:62px;right:unset;bottom:-44px;top:unset}.navigation.middle-inline .prevBtn{left:30px}.navigation.middle-inline .nextBtn{right:30px}.horizontal-scroll-content{overflow-y:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;height:100%;flex-wrap:nowrap;display:flex;align-items:stretch;-ms-overflow-style:none;scrollbar-width:none}.horizontal-scroll-content::-webkit-scrollbar{width:0;height:0}.dots-container{padding:8px;display:flex;align-items:center;justify-content:center}.dots-container.left{align-items:start;justify-content:start}.dots-container.right{align-items:end;justify-content:end}.dots-container .dot{cursor:pointer;height:6px;width:6px;margin:0 4px;background-color:rgba(0,0,0,.4);border-radius:50%;display:inline-block;transition:background-color .5s!important}.dots-container .dot.active{border-radius:4px;background-color:#f3962f;width:16px}"]}]}],t.ctorParameters=function(){return[{type:utilsV2.ValueService}]},t.propDecorators={loadStatus:[{type:core.Input}],id:[{type:core.Input}],onHover:[{type:core.Input}],sliderConfig:[{type:core.Input}],loadNext:[{type:core.Output}],widgetsLength:[{type:core.Input}],defaultMaxWidgets:[{type:core.Input}],stripConfig:[{type:core.Input}],horizontalScrollElem:[{type:core.ViewChild,args:["horizontalScrollElem",{static:!0}]}]},t}();var HorizontalScrollerV2Module=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[HorizontalScrollerV2Component],imports:[common.CommonModule,material.MatButtonModule,material.MatIconModule,material.MatProgressSpinnerModule],exports:[HorizontalScrollerV2Component]}]}],t}(),NsContent;!function(t){function e(){}function n(){}function a(){}function i(){}function o(){}function r(){}function s(){}function l(){}function c(){}function d(){}function p(){}function g(){}function u(){}function m(){}var h,f,b;t.IContinueLearningData=e,t.IContinueLearningDataReq=n,t.IContent=a,t.IContentResponse=i,t.IBatch=o,t.IBatchListResponse=r,t.ICourse=s,t.IContentMinimal=l,t.ICollectionHierarchyResponse=c,t.IRelatedContentMeta=d,t.ICreator=p,t.IContentTopic=g,t.IContact=u,t.IViewerContinueLearningRequest=m,function(t){t.PROGRAMV2="Program",t.PROGRAM="Learning Path",t.CHANNEL="Channel",t.COURSE="Course",t.KNOWLEDGE_ARTIFACT="Knowledge Artifact",t.KNOWLEDGE_BOARD="Knowledge Board",t.LEARNING_JOURNEY="Learning Journeys",t.MODULE="CourseUnit",t.RESOURCE="Resource"}(t.EContentTypes||(t.EContentTypes={})),function(t){t.PROGRAM="Program",t.COURSE="Course",t.MODULE="Course Unit",t.RESOURCE="Learning Resource",t.GOALS="GOALS",t.PLAYLIST="PLAYLIST",t.PRACTICE_RESOURCE="Practice Question Set",t.FINAL_ASSESSMENT="Course Assessment",t.COMP_ASSESSMENT="Competency Assessment",t.FTB_QUESTION="FTB Question",t.MTF_QUESTION="MTF Question",t.MULTIPLE_CHOICE_QUESTION="Multiple Choice Question",t.SINGLE_CHOICE_QUESTION="Single Choice Question",t.MANDATORY_COURSE_GOAL="Mandatory Course Goal",t.STANDALONE_ASSESSMENT="Standalone Assessment",t.BLENDED_PROGRAM="Blended Program",t.OFFLINE_SESSION="Offline Session",t.CURATED_PROGRAM="Curated Program",t.KNOWLEDGE_ARTIFACT="Knowledge Artifact",t.KNOWLEDGE_BOARD="Knowledge Board",t.LEARNING_JOURNEY="Learning Journeys",t.CHANNEL="Channel"}(h=t.EPrimaryCategory||(t.EPrimaryCategory={})),function(t){t.INVITE_ONLY_PROGRAM="Invite-Only Program",t.MODERATED_PROGRAM="Moderated Program",t.BLENDED_PROGRAM="Blended Program",t.CURATED_PROGRAM="Curated Program",t.COURSE="Course",t.MODERATED_COURSE="Moderated Course",t.STANDALONE_ASSESSMENT="Standalone Assessment",t.MODERATED_ASSESSEMENT="Moderated Assessment"}(t.ECourseCategory||(t.ECourseCategory={})),function(t){t.INITIATE="INITIATE",t.SEND_FOR_MDO_APPROVAL="SEND_FOR_MDO_APPROVAL",t.SEND_FOR_PC_APPROVAL="SEND_FOR_PC_APPROVAL",t.APPROVED="APPROVED",t.REJECTED="REJECTED",t.WITHDRAWN="WITHDRAWN",t.REMOVED="REMOVED",t.WITHDRAW="WITHDRAW"}(t.WFBlendedProgramStatus||(t.WFBlendedProgramStatus={})),function(t){t.ONE_STEP_PC="oneStepPCApproval",t.ONE_STEP_MDO="oneStepMDOApproval",t.TWO_STEP_MDO_PC="twoStepMDOAndPCApproval",t.TWO_STEP_PC_MDO="twoStepPCAndMDOApproval"}(t.WFBlendedProgramApprovalTypes||(t.WFBlendedProgramApprovalTypes={})),t.WFSTATUS_MSG_MAPPING={INITIATE:"",SEND_FOR_MDO_APPROVAL:"BatchEnrollL1Msg",SEND_FOR_PC_APPROVAL:"BatchEnrollL2Msg",APPROVED:"BatchEnrollApprovedMsg",REJECTED:"BatchEnrollRejectedMsg",WITHDRAWN:"BatchEnrollWithdrawMsg",REMOVED:"BatchEnrollRemoveMsg",EXPIRED:"BatchListExpiredMsg"},function(t){t.LEARNING_RESOURCE="Learning Resource",t.PRACTICE_RESOURCE="Practice Question Set",t.FINAL_ASSESSMENT="Course Assessment",t.COMP_ASSESSMENT="Competency Assessment",t.OFFLINE_SESSION="Offline Session"}(t.EResourcePrimaryCategories||(t.EResourcePrimaryCategories={})),function(t){t.PLAYLIST="Playlist"}(f=t.EMiscPlayerSupportedCollectionTypes||(t.EMiscPlayerSupportedCollectionTypes={})),t.PLAYER_SUPPORTED_COLLECTION_TYPES=[h.COURSE,h.MODULE,h.PROGRAM,h.CURATED_PROGRAM,h.BLENDED_PROGRAM,h.STANDALONE_ASSESSMENT,f.PLAYLIST],t.KB_SUPPORTED_CONTENT_TYPES=[h.COURSE,h.MODULE,h.PROGRAM,h.RESOURCE],t.PLAYLIST_SUPPORTED_CONTENT_TYPES=[h.COURSE,h.MODULE,h.PROGRAM,h.RESOURCE],function(t){t.COLLECTION="application/vnd.ekstep.content-collection",t.ZIP="application/vnd.ekstep.html-archive",t.ZIP2="application/vnd.ekstep.ecml-archive",t.HTML="application/html",t.HTML_TEXT="text/html",t.ILP_FP="application/ilpfp",t.IAP="application/iap-assessment",t.M4A="audio/m4a",t.MP3="audio/mpeg",t.MP4="video/mp4",t.M3U8="application/x-mpegURL",t.INTERACTION="video/interactive",t.PDF="application/pdf",t.QUIZ="application/quiz",t.DRAG_DROP="application/drag-drop",t.HTML_PICKER="application/htmlpicker",t.WEB_MODULE="application/web-module",t.WEB_MODULE_EXERCISE="application/web-module-exercise",t.YOUTUBE="video/x-youtube",t.HANDS_ON="application/integrated-hands-on",t.RDBMS_HANDS_ON="application/rdbms",t.CLASS_DIAGRAM="application/class-diagram",t.CHANNEL="application/channel",t.COLLECTION_RESOURCE="resource/collection",t.APPLICATION_JSON="application/json",t.PRACTICE_RESOURCE="application/vnd.sunbird.questionset",t.FINAL_ASSESSMENT="application/vnd.sunbird.questionset",t.OFFLINE_SESSION="application/offline",t.CERTIFICATION="application/certification",t.PLAYLIST="application/playlist",t.TEXT_WEB="text/x-url",t.SURVEY="application/survey",t.QUESTION_SET="application/vnd.sunbird.questionset",t.QUESTION="application/vnd.sunbird.question",t.UNKNOWN="application/unknown"}(b=t.EMimeTypes||(t.EMimeTypes={})),function(t){t.ASSESSMENT="ASSESSMENT",t.STANDALONE_ASSESSMENT="STANDALONE ASSESSMENT",t.PRACTICE_RESOURCE="Practice Question Set",t.FINAL_ASSESSMENT="Course Assessment",t.AUDIO="AUDIO",t.CERTIFICATION="CERTIFICATION",t.CHANNEL="Channel",t.CLASS_DIAGRAM="CLASS_DIAGRAM",t.COURSE="COURSE",t.DEFAULT="DEFAULT",t.DRAG_DROP="DRAG_DROP",t.EXTERNAL_CERTIFICATION="EXTERNAL_CERTIFICATION",t.EXTERNAL_COURSE="EXTERNAL_COURSE",t.GOALS="GOALS",t.HANDS_ON="HANDS_ON",t.IAP="IAP",t.INSTRUCTOR_LED="INSTRUCTOR_LED",t.INTERACTIVE_VIDEO="INTERACTIVE_VIDEO",t.KNOWLEDGE_ARTIFACT="KNOWLEDGE_ARTIFACT",t.MODULE="MODULE",t.PDF="PDF",t.SURVEY="SURVEY",t.PLAYLIST="PLAYLIST",t.PROGRAM="PROGRAM",t.QUIZ="QUIZ",t.RESOURCE="RESOURCE",t.RDBMS_HANDS_ON="RDBMS_HANDS_ON",t.VIDEO="VIDEO",t.WEB_MODULE="WEB_MODULE",t.WEB_PAGE="WEB_PAGE",t.YOUTUBE="YOUTUBE",t.LINK="LINK",t.KNOWLEDGE_BOARD="Knowledge Board",t.LEARNING_JOURNEY="Learning Journeys",t.BLENDED_PROGRAM="BLENDED PROGRAM",t.CURATED_PROGRAM="CURATED PROGRAM"}(t.EDisplayContentTypes||(t.EDisplayContentTypes={})),function(t){t.ALL="ALL",t.LEARN="LEARN",t.PRACTICE="PRACTICE",t.ASSESS="ASSESS"}(t.EFilterCategory||(t.EFilterCategory={})),function(t){t.NEWLY_ADDED="NEWLY ADDED"}(t.ETagType||(t.ETagType={})),t.UN_SUPPORTED_DATA_TYPES_FOR_NON_BATCH_USERS=[],t.PUBLIC_SUPPORTED_CONTENT_TYPES=[b.APPLICATION_JSON,b.FINAL_ASSESSMENT,b.HTML,b.HTML_TEXT,b.ZIP,b.ZIP2,b.M4A,b.MP3,b.MP4,b.PDF,b.YOUTUBE,b.TEXT_WEB,b.SURVEY]}(NsContent||(NsContent={}));var VIEWER_ROUTE_FROM_MIME=function(t){switch(t){case NsContent.EMimeTypes.MP3:return"audio";case NsContent.EMimeTypes.M4A:return"audio-native";case NsContent.EMimeTypes.COLLECTION:return"html";case NsContent.EMimeTypes.CHANNEL:case NsContent.EMimeTypes.CERTIFICATION:return"certification";case NsContent.EMimeTypes.HTML_TEXT:case NsContent.EMimeTypes.HTML:case NsContent.EMimeTypes.ZIP:return window.location.href.includes("mobile/html")?"mobile/html":"html";case NsContent.EMimeTypes.TEXT_WEB:return"youtube";case NsContent.EMimeTypes.SURVEY:return"survey";case NsContent.EMimeTypes.IAP:return"iap";case NsContent.EMimeTypes.ILP_FP:return"ilp-fp";case NsContent.EMimeTypes.PDF:return"pdf";case NsContent.EMimeTypes.MP4:case NsContent.EMimeTypes.M3U8:return"video";case NsContent.EMimeTypes.YOUTUBE:return"youtube";case NsContent.EMimeTypes.WEB_MODULE:case NsContent.EMimeTypes.WEB_MODULE_EXERCISE:return"web-module";case NsContent.EMimeTypes.CLASS_DIAGRAM:return"class-diagram";case NsContent.EMimeTypes.HANDS_ON:return"hands-on";case NsContent.EMimeTypes.RDBMS_HANDS_ON:return"rdbms-hands-on";case NsContent.EMimeTypes.HTML_PICKER:return"html-picker";case NsContent.EMimeTypes.QUIZ:case NsContent.EMimeTypes.APPLICATION_JSON:return"quiz";case NsContent.EMimeTypes.PRACTICE_RESOURCE:return"practice";case NsContent.EMimeTypes.COLLECTION_RESOURCE:return"resource-collection";case NsContent.EMimeTypes.OFFLINE_SESSION:return"offline-session";default:return"html"}},NsCardContent;function viewerRouteGenerator(t,e,n,a,i,o,r,s){void 0===i&&(i=!1);var l=n,c=a;c&&!NsContent.PLAYER_SUPPORTED_COLLECTION_TYPES.includes(c)&&(l=void 0,c=void 0);var d="/viewer/"+VIEWER_ROUTE_FROM_MIME(e)+"/"+t,p=window.location.href.includes("editMode=true"),g={};return o&&(g={primaryCategory:o}),n&&a&&(g=__assign({},g,{collectionId:l,collectionType:c})),r&&(g=__assign({},g,{batchId:r})),s&&(g=__assign({},g,{courseName:s})),i&&(g=__assign({},g,{preview:!0})),p&&(g=__assign({},g,{editMode:!0})),{queryParams:g,url:d}}!function(t){function e(){}function n(){}function a(){}t.ICard=e,t.IContentTags=n,t.ICompetency=a,function(t){t.LIVE="Live",t.EXPIRED="Expired",t.DELETED="Deleted",t.MARK_FOR_DELETION="MarkedForDeletion"}(t.EContentStatus||(t.EContentStatus={})),function(t){t.UPCOMING="upcoming",t.ALL="All",t.OVERDUE="overdue",t.SUCCESS="success"}(t.ACBPConst||(t.ACBPConst={})),function(t){t.COMPETENCIES="competencies_v5",t.RETIRED="Retired"}(t.IGOTConst||(t.IGOTConst={}))}(NsCardContent||(NsCardContent={}));var dayjs=dayjs_,PROTECTED_SLAG_V8="/apis/protected/v8",ɵ0=function(t){return PROTECTED_SLAG_V8+"/user/group/fetchUserGroup?userId="+t},ɵ1=function(t){return"/apis/proxies/v8/learner/course/v2/user/enrollment/list/"+t+"?orgdetails=orgName,email&licenseDetails=name,description,url&fields=contentType,primaryCategory,courseCategory,topic,name,channel,mimeType,appIcon,gradeLevel,resourceType,identifier,medium,pkgVersion,board,subject,trackable,posterImage,duration,creatorLogo,license,version,versionKey,avgRating,additionalTags,"+NsCardContent.IGOTConst.COMPETENCIES+"&batchDetails=name,endDate,startDate,status,enrollmentType,createdBy,certificates,batchAttributes"},ɵ2=function(t){return"/apis/proxies/v8/learner/course/v2/user/enrollment/list/"+t+"?orgdetails=orgName,email&licenseDetails=name,description,url&fields=contentType,primaryCategory,courseCategory,topic,name,channel,mimeType,appIcon,gradeLevel,resourceType,identifier,medium,pkgVersion,board,subject,trackable,posterImage,duration,creatorLogo,license,version,versionKey,avgRating,additionalTags,"+NsCardContent.IGOTConst.COMPETENCIES+"&batchDetails=name,endDate,startDate,status,enrollmentType,createdBy,certificates,batchAttributes&retiredCoursesEnabled=true"},ɵ3=function(t,e,n,a,i){return"apis/proxies/v8/learner/course/v2/user/enrollment/list/"+t+"?orgdetails="+e+"&licenseDetails="+n+"&fields="+a+",courseCategory,"+NsCardContent.IGOTConst.COMPETENCIES+"&batchDetails="+i},API_END_POINTS={FETCH_USER_GROUPS:ɵ0,FETCH_CPB_PLANS:"/apis/proxies/v8/user/v1/cbplan",FETCH_USER_ENROLLMENT_LIST:ɵ1,FETCH_USER_ENROLLMENT_LIST_PROFILE:ɵ2,FETCH_USER_ENROLLMENT_LIST_V2:ɵ3},WidgetUserServiceLib=function(){function t(t,e){this.http=e,this.environment=t}return t.prototype.handleError=function(t){var e="";return t.error instanceof ErrorEvent&&(e="Error: "+t.error.message),rxjs.throwError(e)},t.prototype.fetchUserGroupDetails=function(t){return this.http.get(API_END_POINTS.FETCH_USER_GROUPS(t)).pipe(operators.catchError(this.handleError))},t.prototype.fetchUserBatchList=function(t,e){var n=this,a="";a=e?API_END_POINTS.FETCH_USER_ENROLLMENT_LIST_V2(t,e.orgdetails,e.licenseDetails,e.fields,e.batchDetails):API_END_POINTS.FETCH_USER_ENROLLMENT_LIST(t);var i=new http.HttpHeaders({"Cache-Control":"no-cache, no-store, must-revalidate, post-check=0, pre-check=0",Pragma:"no-cache",Expires:"0"});return this.http.get(a,{headers:i}).pipe(operators.catchError(this.handleError),operators.map((function(t){var e=[];return t&&t.result&&t.result.courses&&(t.result.courses.forEach((function(t){t.contentStatus&&delete t.contentStatus,e.push(t)})),n.storeUserEnrollmentInfo(t.result.userCourseEnrolmentInfo,t.result.courses.length),t.result.courses=e),t.result})))},t.prototype.fetchProfileUserBatchList=function(t,e){var n="";n=e?API_END_POINTS.FETCH_USER_ENROLLMENT_LIST_V2(t,e.orgdetails,e.licenseDetails,e.fields,e.batchDetails):API_END_POINTS.FETCH_USER_ENROLLMENT_LIST_PROFILE(t);var a=new http.HttpHeaders({"Cache-Control":"no-cache, no-store, must-revalidate, post-check=0, pre-check=0",Pragma:"no-cache",Expires:"0"});return this.http.get(n,{headers:a}).pipe(operators.catchError(this.handleError),operators.map((function(t){return t.result})))},t.prototype.checkStorageData=function(t,e){var n=localStorage.getItem("timeCheck");if(n){var a=JSON.parse(n);return!a[t]||(dayjs().diff(a[t],"minute")>=(this.environment.apiCache||0)||!localStorage.getItem(e))}return!0},t.prototype.getData=function(t){return rxjs.Observable.of(JSON.parse(localStorage.getItem(t)||"{}"))},t.prototype.getSavedData=function(t){return JSON.parse(localStorage.getItem(t)||"")},t.prototype.setTime=function(t){var e=localStorage.getItem("timeCheck");if(e){var n=JSON.parse(e);n[t]=(new Date).getTime(),localStorage.setItem("timeCheck",JSON.stringify(n))}else{var a={};a[t]=(new Date).getTime(),localStorage.setItem("timeCheck",JSON.stringify(a))}},t.prototype.resetTime=function(t){var e=localStorage.getItem("timeCheck");if(e){var n=JSON.parse(e);n[t]&&(delete n[t],localStorage.setItem("timeCheck",JSON.stringify(n)))}},t.prototype.fetchCbpPlanList=function(t){var e=this;if(this.checkStorageData("cbpService","cbpData")){var n=this.http.get(API_END_POINTS.FETCH_CPB_PLANS).pipe(operators.catchError(this.handleError),operators.map((function(n){return __awaiter(e,void 0,void 0,(function(){var e,a,i,o,r=this;return __generator(this,(function(s){switch(s.label){case 0:return n.result&&n.result.content&&n.result.content.length?(e=this.getCbpFormatedData(n.result.content),a=e.contentIds.join(","),i=e.cbpContentData||[],[4,this.fetchEnrollmentDataByContentId(t,a).toPromise().then((function(t){return __awaiter(r,void 0,void 0,(function(){var e;return __generator(this,(function(n){return e={},t&&t.courses&&t.courses.length?(t.courses.forEach((function(t){e[t.collectionId]=t})),[2,e]):[2,{}]}))}))})).catch((function(t){return{}}))]):[3,3];case 1:return o=s.sent(),[4,this.mapCbpData(i,o)];case 2:return[2,s.sent()];case 3:return[2]}}))}))})));return this.setTime("cbpService"),n}return this.getData("cbpData")},t.prototype.storeUserEnrollmentInfo=function(t,e){var n={enrolledCourseCount:e,userCourseEnrolmentInfo:t};localStorage.removeItem("userEnrollmentCount"),localStorage.setItem("userEnrollmentCount",JSON.stringify(n))},t.prototype.fetchEnrollmentDataByContentId=function(t,e){var n=API_END_POINTS.FETCH_USER_ENROLLMENT_LIST(t);n=n+"&courseIds="+e+"&cache=false'";var a=new http.HttpHeaders({"Cache-Control":"no-cache, no-store, must-revalidate, post-check=0, pre-check=0",Pragma:"no-cache",Expires:"0"});return this.http.get(n,{headers:a}).pipe(operators.catchError(this.handleError),operators.map((function(t){return t.result})))},t.prototype.getCbpFormatedData=function(t){var e=[],n=[],a=dayjs().format("YYYY-MM-DD");return t.forEach((function(t){t.contentList.forEach((function(i){var o=dayjs(t.endDate).format("YYYY-MM-DD"),r=dayjs(o).diff(a,"day");i.planDuration=r<0?NsCardContent.ACBPConst.OVERDUE:r>29?NsCardContent.ACBPConst.SUCCESS:NsCardContent.ACBPConst.UPCOMING,i.endDate=t.endDate,i.parentId=t.id,i.planType="cbPlan",i.contentStatus=0,n.push(i.identifier),i.status!==NsCardContent.IGOTConst.RETIRED&&e.push(i)}))})),{cbpContentData:e,contentIds:n}},t.prototype.mapCbpData=function(t,e){return __awaiter(this,void 0,void 0,(function(){var n,a,i,o,r;return __generator(this,(function(s){return n=[],t&&t.length?Object.keys(e).length?(t.forEach((function(t){var a=e[t.identifier],i=[],o=[],r=[],s=[],l=[],c=[],d=[];t.contentStatus=0,a&&(t.contentStatus=a.status),t.competencies_v5&&t.competencies_v5.forEach((function(t){i.includes(t.competencyArea)||(i.push(t.competencyArea),l.push(t.competencyAreaId)),o.includes(t.competencyTheme)||(o.push(t.competencyTheme),c.push(t.competencyThemeId)),r.includes(t.competencyThemeType)||r.push(t.competencyThemeType),s.includes(t.competencySubTheme)||(s.push(t.competencySubTheme),d.push(t.competencySubThemeId))})),t.competencyArea=i,t.competencyTheme=o,t.competencyThemeType=r,t.competencySubTheme=s,t.competencyAreaId=l,t.competencyThemeId=c,t.competencySubThemeId=d,(t.status!==NsCardContent.IGOTConst.RETIRED||a&&2===a.status)&&n.push(t)})),n.length>1?(a=n.sort((function(t,e){var n=new Date(t.endDate);return new Date(e.endDate)>n?1:-1})),i=lodash.uniqBy(a,"identifier"),o=lodash.orderBy(i,["endDate"],["asc"]),r=lodash.orderBy(o,["contentStatus"],["asc"]),localStorage.setItem("cbpData",JSON.stringify(r)),[2,r]):(localStorage.setItem("cbpData",JSON.stringify(n)),[2,n])):(localStorage.setItem("cbpData",JSON.stringify(t)),[2,t]):(localStorage.setItem("cbpData",JSON.stringify([])),[2,[]])}))}))},t.prototype.mapEnrollmentData=function(t){var e={};return t&&t.courses.length&&t.courses.forEach((function(t){e[t.collectionId]=t})),e},t.decorators=[{type:core.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[{type:void 0,decorators:[{type:core.Inject,args:["environment"]}]},{type:http.HttpClient}]},t.ngInjectableDef=core.ɵɵdefineInjectable({factory:function(){return new t(core.ɵɵinject("environment"),core.ɵɵinject(http.HttpClient))},token:t,providedIn:"root"}),t}();var moment=moment$4,PROTECTED_SLAG_V8$1="/apis/protected/v8",ɵ0$1=function(t,e){return PROTECTED_SLAG_V8$1+"/content/collection/"+t+"/"+e},ɵ1$1=function(t){return PROTECTED_SLAG_V8$1+"/user/progress/"+t},ɵ2$1=function(t){return PROTECTED_SLAG_V8$1+"/cohorts/course/batch/cert/download/"+t},ɵ3$1=function(t){return"/apis/proxies/v8/action/content/v3/read/"+t},API_END_POINTS$1={CONTENT:PROTECTED_SLAG_V8$1+"/content",AUTHORING_CONTENT:"/api/course/v1/hierarchy",CONTENT_LIKES:PROTECTED_SLAG_V8$1+"/content/likeCount",SET_S3_COOKIE:PROTECTED_SLAG_V8$1+"/content/setCookie",SET_S3_IMAGE_COOKIE:PROTECTED_SLAG_V8$1+"/content/setImageCookie",FETCH_MANIFEST:PROTECTED_SLAG_V8$1+"/content/getWebModuleManifest",FETCH_WEB_MODULE_FILES:PROTECTED_SLAG_V8$1+"/content/getWebModuleFiles",MULTIPLE_CONTENT:PROTECTED_SLAG_V8$1+"/content/multiple",CONTENT_SEARCH_V5:PROTECTED_SLAG_V8$1+"/content/searchV5",CONTENT_SEARCH_V6:"/apis/proxies/v8/sunbirdigot/search",TRENDING_CONTENT_SEARCH:"apis/proxies/v8/trending/content/search",CONTENT_SEARCH_RELATED_CBP_V6:"/apis/proxies/v8/sunbirdigot/search",CONTENT_SEARCH_REGION_RECOMMENDATION:PROTECTED_SLAG_V8$1+"/content/searchRegionRecommendation",CONTENT_HISTORY:PROTECTED_SLAG_V8$1+"/user/history",CONTENT_HISTORYV2:"/apis/proxies/v8/read/content-progres",COURSE_BATCH_LIST:"/apis/proxies/v8/learner/course/v1/batch/list",COURSE_BATCH:"/apis/proxies/v8/course/v1/batch/read",AUTO_ASSIGN_BATCH:"/apis/protected/v8/cohorts/user/autoenrollment/",AUTO_ASSIGN_CURATED_BATCH:"/apis/proxies/v8/curatedprogram/v1/enrol",AUTO_ASSIGN_OPEN_PROGRAM:"/apis/proxies/v8/openprogram/v1/enrol",USER_CONTINUE_LEARNING:PROTECTED_SLAG_V8$1+"/user/history/continue",CONTENT_RATING:PROTECTED_SLAG_V8$1+"/user/rating",COLLECTION_HIERARCHY:ɵ0$1,REGISTRATION_STATUS:PROTECTED_SLAG_V8$1+"/admin/userRegistration/checkUserRegistrationContent",MARK_AS_COMPLETE_META:ɵ1$1,ENROLL_BATCH:"/apis/proxies/v8/learner/course/v1/enrol",ENROLL_BATCH_WF:"/apis/proxies/v8/workflow/blendedprogram/enrol",WITHDRAW_BATCH_WF:"/apis/proxies/v8/workflow/blendedprogram/unenrol",BLENDED_USER_WF:"/apis/proxies/v8/workflow/blendedprogram/user/search",BLENDED_USER_COUNT:"apis/proxies/v8/workflow/blendedprogram/enrol/status/count",CERT_ADD_TEMPLATE:PROTECTED_SLAG_V8$1+"/cohorts/course/batch/cert/template/add",CERT_ISSUE:PROTECTED_SLAG_V8$1+"/cohorts/course/batch/cert/issue",CERT_DOWNLOAD:ɵ2$1,READ_KARMAPOINTS:"/apis/proxies/v8/karmapoints/read",CONTENT_READ:ɵ3$1,READ_COURSE_KARMAPOINTS:"/apis/proxies/v8/karmapoints/user/course/read",CLAIM_KARMAPOINTS:"/apis/proxies/v8/claimkarmapoints",USER_KARMA_POINTS:"/apis/proxies/v8/user/totalkarmapoints",AGGREGATION_SEARCH:"/apis/proxies/v8/content/aggregation/search",FEATURE_SEARCH:"/apis/proxies/v8/featured/content/search"},WidgetContentLibService=function(){function t(t,e,n){this.http=t,this.configSvc=e,this.userSvc=n,this.tocConfigData=new rxjs.BehaviorSubject({}),this.tocConfigData$=this.tocConfigData.asObservable(),this.telemetryData=new rxjs.Subject,this.telemetryData$=this.telemetryData.asObservable(),this.programChildCourseResumeData=new rxjs.BehaviorSubject({}),this.programChildCourseResumeData$=this.programChildCourseResumeData.asObservable()}return t.prototype.changeTelemetryData=function(t){this.telemetryData.next(t)},t.prototype.isResource=function(t){return!!t&&(t===NsContent.EResourcePrimaryCategories.LEARNING_RESOURCE||t===NsContent.EResourcePrimaryCategories.PRACTICE_RESOURCE||t===NsContent.EResourcePrimaryCategories.FINAL_ASSESSMENT||t===NsContent.EResourcePrimaryCategories.COMP_ASSESSMENT||t===NsContent.EResourcePrimaryCategories.OFFLINE_SESSION)},t.prototype.fetchMarkAsCompleteMeta=function(t){API_END_POINTS$1.MARK_AS_COMPLETE_META(t);return rxjs.of().toPromise()},t.prototype.updateTocConfig=function(t){this.tocConfigData.next(t)},t.prototype.fetchContent=function(t,e,n,a){void 0===e&&(e="detail"),void 0===n&&(n=[]);var i="",o=window.location.href.includes("/public/")||window.location.href.includes("&preview=true");a&&this.isResource(a)?i=o?"/api/content/v1/read/"+t:"/apis/proxies/v8/action/content/v3/read/"+t:i=o?window.location.href.includes("editMode=true")?"apis/proxies/v8/action/content/v3/hierarchy/"+t+"?mode=edit":"/api/course/v1/hierarchy/"+t+"?hierarchyType="+e:"/apis/proxies/v8/action/content/v3/hierarchy/"+t+"?hierarchyType="+e;return this.http.get(i).pipe(operators.shareReplay(1))},t.prototype.fetchAuthoringContent=function(t){var e="";return e=window.location.href.includes("editMode=true")?"apis/proxies/v8/action/content/v3/hierarchy/"+t+"?mode=edit":API_END_POINTS$1.AUTHORING_CONTENT+"/"+t+"?hierarchyType=detail",this.http.get(e).pipe(operators.shareReplay(1),(function(t){return t}))},t.prototype.fetchMultipleContent=function(t){return this.http.get(API_END_POINTS$1.MULTIPLE_CONTENT+"/"+t.join(","))},t.prototype.fetchCollectionHierarchy=function(t,e,n,a){return void 0===n&&(n=0),void 0===a&&(a=1),this.http.get(API_END_POINTS$1.COLLECTION_HIERARCHY(t,e)+"?pageNumber="+n+"&pageSize="+a)},t.prototype.fetchBlendedCourse=function(){},t.prototype.fetchCourseBatches=function(t){return this.http.post(API_END_POINTS$1.COURSE_BATCH_LIST,t).pipe(operators.retry(1),operators.map((function(t){return t.result.response})))},t.prototype.fetchCourseBatch=function(t){return this.http.get(API_END_POINTS$1.COURSE_BATCH+"/"+t)},t.prototype.autoAssignBatchApi=function(t){return this.http.get(""+API_END_POINTS$1.AUTO_ASSIGN_BATCH+t).pipe(operators.retry(1),operators.map((function(t){return t.result.response})))},t.prototype.autoAssignCuratedBatchApi=function(t,e){var n=e===NsContent.ECourseCategory.MODERATED_PROGRAM?API_END_POINTS$1.AUTO_ASSIGN_OPEN_PROGRAM:API_END_POINTS$1.AUTO_ASSIGN_CURATED_BATCH;return this.http.post(""+n,t).pipe(operators.retry(1),operators.map((function(t){return t.result.response})))},t.prototype.enrollUserToBatch=function(t){return this.http.post(API_END_POINTS$1.ENROLL_BATCH,t).toPromise()},t.prototype.enrollAndUnenrollUserToBatchWF=function(t,e){var n="WITHDRAW"===e?API_END_POINTS$1.WITHDRAW_BATCH_WF:API_END_POINTS$1.ENROLL_BATCH_WF;return this.http.post(n,t).toPromise()},t.prototype.fetchBlendedUserWF=function(t){return this.http.post(API_END_POINTS$1.BLENDED_USER_WF,t).toPromise()},t.prototype.fetchBlendedUserCOUNT=function(t){return this.http.post(API_END_POINTS$1.BLENDED_USER_COUNT,t).toPromise()},t.prototype.fetchContentLikes=function(t){return this.http.post(API_END_POINTS$1.CONTENT_LIKES,t).toPromise()},t.prototype.fetchContentRatings=function(t){return rxjs.of().toPromise()},t.prototype.fetchContentHistory=function(t){return this.http.get(API_END_POINTS$1.CONTENT_HISTORY+"/"+t)},t.prototype.fetchContentHistoryV2=function(t){var e=this;t.request.fields=["progressdetails"];var n=this.http.post(API_END_POINTS$1.CONTENT_HISTORYV2+"/"+t.request.courseId,t);return n.subscribe((function(n){e.programChildCourseResumeData.next({resumeData:n.result.contentList,courseId:t.request.courseId})})),n},t.prototype.continueLearning=function(t,e,n){return __awaiter(this,void 0,void 0,(function(){var a=this;return __generator(this,(function(i){return[2,new Promise((function(i){return __awaiter(a,void 0,void 0,(function(){var a;return __generator(this,(function(o){switch(o.label){case 0:return n&&"playlist"===n.toLowerCase()?(a={contextPathId:e||t,resourceId:t,data:JSON.stringify({timestamp:Date.now(),contextFullPath:[e,t]}),dateAccessed:Date.now(),contextType:"playlist"},[4,this.saveContinueLearning(a).toPromise().catch().finally((function(){i(!0)}))]):[3,2];case 1:return o.sent(),[3,4];case 2:return a={contextPathId:e||t,resourceId:t,data:JSON.stringify({timestamp:Date.now()}),dateAccessed:Date.now()},[4,this.saveContinueLearning(a).toPromise().catch().finally((function(){i(!0)}))];case 3:o.sent(),o.label=4;case 4:return[2]}}))}))}))]}))}))},t.prototype.saveContinueLearning=function(t){return rxjs.of()},t.prototype.setS3Cookie=function(t){return rxjs.EMPTY},t.prototype.setS3ImageCookie=function(){return this.http.post(API_END_POINTS$1.SET_S3_IMAGE_COOKIE,{}).pipe(operators.catchError((function(t){return rxjs.of(!0)})))},t.prototype.fetchManifest=function(t){return this.http.post(API_END_POINTS$1.FETCH_MANIFEST,{url:t})},t.prototype.fetchWebModuleContent=function(t){return this.http.get(API_END_POINTS$1.FETCH_WEB_MODULE_FILES+"?url="+encodeURIComponent(t))},t.prototype.search=function(t){return t.query=t.query||"",this.http.post(API_END_POINTS$1.CONTENT_SEARCH_V5,{request:t})},t.prototype.searchRegionRecommendation=function(t){return t.query=t.query||"",t.preLabelValue=(t.preLabelValue||"")+(this.configSvc.userProfile&&this.configSvc.userProfile.country||""),t.filters=__assign({},t.filters,{labels:[t.preLabelValue||""]}),this.http.post(API_END_POINTS$1.CONTENT_SEARCH_REGION_RECOMMENDATION,{request:t})},t.prototype.searchV6=function(t){var e=lodash.get(t,"api.path");return t.query=t.query||"",e?this.http.get(e):this.http.post(API_END_POINTS$1.CONTENT_SEARCH_V6,t)},t.prototype.searchRelatedCBPV6=function(t){return this.http.post(API_END_POINTS$1.CONTENT_SEARCH_RELATED_CBP_V6,t)},t.prototype.fetchContentRating=function(t){return this.http.get(API_END_POINTS$1.CONTENT_RATING+"/"+t)},t.prototype.deleteContentRating=function(t){return this.http.delete(API_END_POINTS$1.CONTENT_RATING+"/"+t)},t.prototype.addContentRating=function(t,e){return this.http.post(API_END_POINTS$1.CONTENT_RATING+"/"+t,e)},t.prototype.getFirstChildInHierarchy=function(t){if(!(t.children||[]).length)return t;if(!((t.primaryCategory!==NsContent.EPrimaryCategory.PROGRAM||t.artifactUrl&&t.artifactUrl.length)&&t.primaryCategory!==NsContent.EPrimaryCategory.MANDATORY_COURSE_GOAL&&(t.primaryCategory!==NsContent.EPrimaryCategory.BLENDED_PROGRAM||t.artifactUrl&&t.artifactUrl.length)&&(t.primaryCategory!==NsContent.EPrimaryCategory.MODULE||t.artifactUrl&&t.artifactUrl.length))){var e=t.children[0];return this.getFirstChildInHierarchy(e)}if(t.primaryCategory===NsContent.EPrimaryCategory.RESOURCE||t.primaryCategory===NsContent.EPrimaryCategory.KNOWLEDGE_ARTIFACT||t.primaryCategory===NsContent.EPrimaryCategory.PROGRAM||t.primaryCategory===NsContent.EPrimaryCategory.PRACTICE_RESOURCE||t.primaryCategory===NsContent.EPrimaryCategory.FINAL_ASSESSMENT||t.primaryCategory===NsContent.EPrimaryCategory.COMP_ASSESSMENT||t.primaryCategory===NsContent.EPrimaryCategory.BLENDED_PROGRAM||t.primaryCategory===NsContent.EPrimaryCategory.OFFLINE_SESSION)return t;var n=t.children[0];return this.getFirstChildInHierarchy(n)},t.prototype.getRegistrationStatus=function(t){return this.http.get(API_END_POINTS$1.REGISTRATION_STATUS+"/"+t).toPromise()},t.prototype.fetchConfig=function(t){return this.http.get(t)},t.prototype.addCertTemplate=function(t){return this.http.patch(""+API_END_POINTS$1.CERT_ADD_TEMPLATE,t)},t.prototype.issueCert=function(t){return this.http.post(""+API_END_POINTS$1.CERT_ISSUE,t)},t.prototype.downloadCert=function(t){return this.http.get(""+API_END_POINTS$1.CERT_DOWNLOAD(t))},t.prototype.trendingContentSearch=function(t){return t.query=t.query||"",this.http.post(API_END_POINTS$1.TRENDING_CONTENT_SEARCH,t)},t.prototype.getKarmaPoitns=function(t,e){return this.http.post(API_END_POINTS$1.READ_KARMAPOINTS,{limit:t,offset:e}).pipe(operators.catchError((function(t){return rxjs.of(!0)})))},t.prototype.fetchProgramContent=function(t){var e;return window.location.href.includes("/public/")||window.location.href.includes("&preview=true")?(e="/api/content/v1/read/"+t,this.http.get(e)):this.http.get(API_END_POINTS$1.CONTENT_READ(t))},t.prototype.getCourseKarmaPoints=function(t){return this.http.post(API_END_POINTS$1.READ_COURSE_KARMAPOINTS,t)},t.prototype.claimKarmapoints=function(t){return this.http.post(API_END_POINTS$1.CLAIM_KARMAPOINTS,t)},t.prototype.userKarmaPoints=function(){return this.http.post(API_END_POINTS$1.USER_KARMA_POINTS,{})},t.prototype.getEnrolledData=function(t){return __awaiter(this,void 0,void 0,(function(){var e,n=this;return __generator(this,(function(a){switch(a.label){case 0:return e=this.configSvc.userProfile.userId,[4,this.userSvc.fetchEnrollmentDataByContentId(e,t).toPromise().then((function(t){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(e){return t&&t.courses&&t.courses.length?[2,t.courses]:[2,[]]}))}))})).catch((function(t){return[]}))];case 1:return[2,a.sent()||[]]}}))}))},t.prototype.getResourseLink=function(t){return __awaiter(this,void 0,void 0,(function(){var e,n;return __generator(this,(function(a){switch(a.label){case 0:return[4,this.getEnrolledData(t.identifier)];case 1:return(e=a.sent())&&e.length?(n=e[0]).content.courseCategory!==NsContent.ECourseCategory.BLENDED_PROGRAM&&n.content.courseCategory!==NsContent.ECourseCategory.INVITE_ONLY_PROGRAM&&n.content.courseCategory!==NsContent.ECourseCategory.MODERATED_PROGRAM&&n.content.primaryCategory!==NsContent.EPrimaryCategory.BLENDED_PROGRAM&&n.content.primaryCategory!==NsContent.EPrimaryCategory.PROGRAM?[3,3]:this.isBatchInProgress(n.batch)?[4,this.checkForDataToFormUrl(t,n)]:[2,this.gotoTocPage(t)]:[3,5];case 2:return[2,a.sent()];case 3:return[4,this.checkForDataToFormUrl(t,n)];case 4:return[2,a.sent()];case 5:return[2,this.gotoTocPage(t)]}}))}))},t.prototype.checkForDataToFormUrl=function(t,e){return __awaiter(this,void 0,void 0,(function(){var n,a,i,o=this;return __generator(this,(function(r){switch(r.label){case 0:if(100===e.completionPercentage)return[2,this.gotoTocPage(e)];if(e.lrcProgressDetails&&e.lrcProgressDetails.mimeType){if((a=__assign({},e,{identifier:e.collectionId,primaryCategory:e.content.primaryCategory,name:e.content.name})).lastReadContentId)return[2,this.getResourseDataWithData(a,e.lastReadContentId,e.lrcProgressDetails.mimeType)];if(a.firstChildId)return[2,this.getResourseDataWithData(a,e.firstChildId,e.lrcProgressDetails.mimeType)]}return e.firstChildId||e.lastReadContentId?(i=e.firstChildId||e.lastReadContentId,[4,this.fetchProgramContent(i).toPromise().then((function(t){return __awaiter(o,void 0,void 0,(function(){var a,i;return __generator(this,(function(o){return t&&t.result&&t.result.content&&(a=t.result.content,i=__assign({},e,{identifier:e.collectionId,primaryCategory:e.content.primaryCategory,name:e.content.name}),n=this.getResourseDataWithData(i,a.identifier,a.mimeType))?[2,n]:[2]}))}))}))]):[3,2];case 1:return[2,r.sent()||this.gotoTocPage(t)];case 2:return[2,this.gotoTocPage(t)]}}))}))},t.prototype.getResourseDataWithData=function(t,e,n){return t?viewerRouteGenerator(e,n,t.identifier,"Course",!1,"Learning Resource",t.batchId,t.name):this.gotoTocPage(t)},t.prototype.gotoTocPage=function(t){var e={url:"/app/toc/"+(t.identifier?t.identifier:t.collectionId)+"/overview",queryParams:{batchId:t.batchId}};return t.endDate&&(e.queryParams=__assign({},e.queryParams,{planType:"cbPlan",endDate:t.endDate})),e},t.prototype.isBatchInProgress=function(t){if(t&&t.endDate){var e=moment().format("YYYY-MM-DD"),n=moment(t.startDate).format("YYYY-MM-DD"),a=t.endDate?moment(t.endDate).format("YYYY-MM-DD"):e;return moment(n).isSameOrBefore(e)&&moment(a).isSameOrAfter(e)}return!0},t.prototype.postApiMethod=function(t,e){return this.http.post(t,e)},t.prototype.getApiMethod=function(t){return this.http.get(t)},t.prototype.getEnrolledDataFromList=function(t,e){if(t&&t.length){var n=t.filter((function(t){return t.collectionId===e}));return n.length?n[0]:{}}},t.decorators=[{type:core.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[{type:http.HttpClient},{type:utilsV2.ConfigurationsService},{type:WidgetUserServiceLib}]},t.ngInjectableDef=core.ɵɵdefineInjectable({factory:function(){return new t(core.ɵɵinject(http.HttpClient),core.ɵɵinject(utilsV2.ConfigurationsService),core.ɵɵinject(WidgetUserServiceLib))},token:t,providedIn:"root"}),t}();var ConfigurationsService=function(){function t(){this.appSetup=!0,this.userUrl="",this.baseUrl="assets/configurations",this.sitePath="assets/configurations",this.hostPath=window.location.host.replace(":","_"),this.userRoles=null,this.userGroups=null,this.restrictedFeatures=null,this.restrictedWidgets=null,this.instanceConfig=null,this.appsConfig=null,this.rootOrg=null,this.org=null,this.activeOrg="",this.isProduction=!1,this.hasAcceptedTnc=!1,this.profileDetailsStatus=!1,this.isActive=!0,this.userPreference=null,this.userProfile=null,this.userProfileV2=null,this.nodebbUserProfile=null,this.isAuthenticated=!1,this.isNewUser=!1,this.pinnedApps=new rxjs.BehaviorSubject(new Set),this.prefChangeNotifier=new rxjs.ReplaySubject(1),this.tourGuideNotifier=new rxjs.ReplaySubject,this.authChangeNotifier=new rxjs.ReplaySubject(1),this.updateProfile=new rxjs.BehaviorSubject(!1),this.updateProfileObservable=this.updateProfile.asObservable(),this.updateTourGuide=new rxjs.BehaviorSubject(!0),this.updateTourGuideObservable=this.updateTourGuide.asObservable(),this.updatePlatformRating=new rxjs.BehaviorSubject({bottom:"120px"}),this.updatePlatformRatingObservable$=this.updatePlatformRating.asObservable(),this.languageTranslationFlag=new rxjs.Subject,this.activeThemeObject=null,this.activeFontObject=null,this.isDarkMode=!1,this.isIntranetAllowed=!1,this.isRTL=!1,this.activeLocale=null,this.activeLocaleGroup="",this.completedActivity=null,this.completedTour=!1,this.profileSettings=["profilePicture","learningTime","learningPoints"],this.primaryNavBar={color:"primary"},this.pageNavBar={color:"primary"},this.primaryNavBarConfig=null,this.welcomeTabs=null,this.cstoken="",this.changeNavBarFullView=new rxjs.Subject,this.openExploreMenuForMWeb=new rxjs.Subject}return t.prototype.updateGlobalProfile=function(t){this.updateProfile.next(t)},t.prototype.updateTourGuideMethod=function(t){this.updateTourGuide.next(t)},t.prototype.updatePlatformRatingMethod=function(t){this.updatePlatformRating.next(t)},t.decorators=[{type:core.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[]},t.ngInjectableDef=core.ɵɵdefineInjectable({factory:function(){return new t},token:t,providedIn:"root"}),t}();var MultilingualTranslationsService=function(){function t(t,e,n){this.translate=t,this.http=e,this.configSvc=n,this.selectedLang="",this.languageSelected=new rxjs.BehaviorSubject(!0),this.languageSelectedObservable=this.languageSelected.asObservable(),this.editProfileDetails="/apis/proxies/v8/user/v1/extPatch"}return t.prototype.getLanguage=function(){if(this.configSvc.unMappedUser)if(this.configSvc.unMappedUser.profileDetails&&this.configSvc.unMappedUser.profileDetails.additionalProperties&&this.configSvc.unMappedUser.profileDetails.additionalProperties.webPortalLang){var t=this.configSvc.unMappedUser.profileDetails.additionalProperties.webPortalLang;this.translate.use(t),localStorage.setItem("websiteLanguage",t)}else{if(localStorage.getItem("websiteLanguage"))t=(t=JSON.stringify(localStorage.getItem("websiteLanguage"))).replace(/\"/g,""),this.translate.use(t);else this.translate.setDefaultLang("en"),localStorage.setItem("websiteLanguage","en")}else localStorage.getItem("websiteLanguage")&&(t=(t=JSON.stringify(localStorage.getItem("websiteLanguage"))).replace(/\"/g,""),this.translate.use(t))},t.prototype.translateLabelWithoutspace=function(t,e,n){var a=t;if(a=a&&a.replace(/\s/g,""),n){var i=e+"."+a+n;return this.translate.instant(i)}var o=e+"."+a;return this.translate.instant(o)},t.prototype.translateLabel=function(t,e,n){if(t){var a=t,i=(a=a&&a.toLowerCase()).split(" ");if(i.forEach((function(t,e){0!==e&&(i[e]=t[0].toUpperCase()+t.slice(1))})),a=(a=i.join("")).replace(/\s/g,""),n){var o=e+"."+a+n;return this.translate.instant(o)}var r=e+"."+a;return this.translate.instant(r)}return t},t.prototype.translateActualLabel=function(t,e,n){var a=t,i=a.split(" ");if(i.forEach((function(t,e){0!==e&&(i[e]=t[0].toUpperCase()+t.slice(1))})),a=(a=i.join("")).replace(/\s/g,""),n){var o=e+"."+a+n;return this.translate.instant(o)}var r=e+"."+a;return this.translate.instant(r)},t.prototype.editProfileDetailsAPI=function(t){return this.http.post(this.editProfileDetails,t)},t.prototype.updatelanguageSelected=function(t,e,n){if(this.languageSelected.next(t),this.translate.use(e),this.selectedLang=e,n){var a={request:{userId:n,profileDetails:{additionalProperties:{webPortalLang:this.selectedLang}}}};this.editProfileDetailsAPI(a).subscribe()}},t.decorators=[{type:core.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[{type:core$1.TranslateService},{type:http.HttpClient},{type:ConfigurationsService}]},t.ngInjectableDef=core.ɵɵdefineInjectable({factory:function(){return new t(core.ɵɵinject(core$1.TranslateService),core.ɵɵinject(http.HttpClient),core.ɵɵinject(ConfigurationsService))},token:t,providedIn:"root"}),t}();function IStripUnitContentData(){}var ContentStripWithTabsLibComponent=function(_super){function ContentStripWithTabsLibComponent(t,e,n,a,i,o,r,s,l,c){var d=_super.call(this)||this;if(d.contentSvc=e,d.loggerSvc=n,d.eventSvc=a,d.configSvc=i,d.utilitySvc=o,d.router=r,d.userSvc=s,d.translate=l,d.langtranslations=c,d.emptyResponse=new core.EventEmitter,d.viewAllResponse=new core.EventEmitter,d.telemtryResponse=new core.EventEmitter,d.providerId="",d.emitViewAll=!1,d.channnelName="",d.id="ws-strip-miltiple_"+Math.random(),d.stripsResultDataMap={},d.stripsKeyOrder=[],d.showAccordionData=!0,d.showParentLoader=!1,d.showParentError=!1,d.showParentNoData=!1,d.errorDataCount=0,d.noDataCount=0,d.successDataCount=0,d.contentAvailable=!0,d.baseUrl=d.configSvc.sitePath||"",d.veifiedKarmayogi=!1,d.changeEventSubscription=null,d.defaultMaxWidgets=12,d.todaysEvents=[],localStorage.getItem("websiteLanguage")){d.translate.setDefaultLang("en");var p=JSON.stringify(localStorage.getItem("websiteLanguage"));p=p.replace(/\"/g,""),d.translate.use(p)}return d.environment=t,d}return __extends(ContentStripWithTabsLibComponent,_super),ContentStripWithTabsLibComponent.prototype.ngOnInit=function(){var t=this;this.initData(),this.contentSvc.telemetryData$.subscribe((function(e){t.telemtryResponse.emit(e)}))},ContentStripWithTabsLibComponent.prototype.ngOnDestroy=function(){this.changeEventSubscription&&this.changeEventSubscription.unsubscribe()},ContentStripWithTabsLibComponent.prototype.showAccordion=function(t){return!this.utilitySvc.isMobile||"accordion"!==this.stripsResultDataMap[t].mode||this.showAccordionData},ContentStripWithTabsLibComponent.prototype.setHiddenForStrip=function(t){this.stripsResultDataMap[t].showStrip=!1,sessionStorage.setItem("cstrip_"+t,"1")},ContentStripWithTabsLibComponent.prototype.getIfStripHidden=function(t){var e=sessionStorage.getItem("cstrip_"+t);return Boolean("1"!==e)},ContentStripWithTabsLibComponent.prototype.initData=function(){var t,e,n=this;this.stripsKeyOrder=this.widgetData&&this.widgetData.strips&&this.widgetData.strips.map((function(t){return t.key}))||[],this.widgetData.loader&&this.widgetData.strips.length&&(this.showParentLoader=!0);try{for(var a=__values(this.widgetData.strips),i=a.next();!i.done;i=a.next()){var o=i.value;this.checkForEmptyWidget(o)?this.fetchStripFromRequestData(o,!1):this.processStrip(o,[],"done",!0,null)}}catch(e){t={error:e}}finally{try{i&&!i.done&&(e=a.return)&&e.call(a)}finally{if(t)throw t.error}}var r=this.widgetData.strips.map((function(t){return{key:t.key,type:t.refreshEvent&&t.refreshEvent.eventType||"",from:t.refreshEvent&&t.refreshEvent.from.toString()||""}})).filter((function(t){var e=t.key,n=t.type,a=t.from;return e&&n&&a})),s=new Set(r.map((function(t){return t.type})));this.changeEventSubscription=this.eventSvc.events$.pipe(operators.filter((function(t){return s.has(t.eventType)}))).subscribe((function(t){r.filter((function(e){return e.type===t.eventType&&e.from===t.from})).map((function(t){return t.key})).forEach((function(t){return n.fetchStripFromKey(t,!1)}))}))},ContentStripWithTabsLibComponent.prototype.fetchStripFromKey=function(t,e){void 0===e&&(e=!0);var n=this.widgetData.strips.find((function(e){return e.key===t}));n&&this.fetchStripFromRequestData(n,e)},ContentStripWithTabsLibComponent.prototype.isStripShowing=function(t){var e=this,n=0;return t&&t.key===this.environment.programStripKey&&(!t.tabs||!t.tabs.length)&&t.stripTitle===this.environment.programStripName&&t.widgets.length>0&&(t.widgets.forEach((function(t){t&&t.widgetData.content.primaryCategory===e.environment.programStripPrimaryCategory&&(n+=1)})),t.showStrip=n>0),t.showStrip},Object.defineProperty(ContentStripWithTabsLibComponent.prototype,"isMobile",{get:function(){return this.utilitySvc.isMobile||!1},enumerable:!0,configurable:!0}),ContentStripWithTabsLibComponent.prototype.getdata=function(t){return t.stripInfo?t.stripInfo.widget:{}},ContentStripWithTabsLibComponent.prototype.checkCondition=function(t,e){return t.strips[0].stripConfig&&t.strips[0].stripConfig.hideShowAll?!t.strips[0].stripConfig.hideShowAll:t.strips[0].viewMoreUrl&&e.widgets&&e.widgets.length>=4},ContentStripWithTabsLibComponent.prototype.checkVisible=function(t){return t.stripInfo&&"visible"===t.stripInfo.visibilityMode},ContentStripWithTabsLibComponent.prototype.getContineuLearningLenth=function(t){return t.widgets?t.widgets.length:0},ContentStripWithTabsLibComponent.prototype.getLength=function(t){if(!t.tabs||!t.tabs.length)return t.widgets?t.widgets.length:0;var e=t.tabs.reduce((function(t,e){return t.widgets||e.widgets?t.widgets&&e.widgets?t.widgets.length>e.widgets.length?t:e:e.widgets&&!t.widgets?e:!e.widgets&&t.widgets?t:e:e}),t.tabs[0]);return e.widgets?e.widgets.length:0},ContentStripWithTabsLibComponent.prototype.getFiltersFromArray=function(t){var e={};return t.constructor===Array?(t.forEach((function(t){Object.keys(t).forEach((function(n){e[n]=t[n]}))})),e):t},ContentStripWithTabsLibComponent.prototype.transformSearchV6FiltersV2=function(t){var e={};return t.constructor===Array?(t.forEach((function(t){Object.keys(t).forEach((function(n){e[n]=t[n]}))})),e):t},ContentStripWithTabsLibComponent.prototype.checkForDateFilters=function(filters){var userData;return this.configSvc.userProfile&&(userData=this.configSvc.userProfile),filters&&filters.hasOwnProperty("batches.endDate")?filters["batches.endDate"][">="]=eval(filters["batches.endDate"][">="]):filters&&filters.hasOwnProperty("batches.enrollmentEndDate")?filters["batches.enrollmentEndDate"][">="]=eval(filters["batches.enrollmentEndDate"][">="]):filters.organisation&&filters.organisation.indexOf("<orgID>")>=0&&(this.providerId?filters.organisation=this.providerId:(filters.organisation=userData&&userData.rootOrgId,filters&&filters.hasOwnProperty("designation")&&(filters.designation=userData.professionalDetails.length>0?userData.professionalDetails[0].designation:""))),filters},ContentStripWithTabsLibComponent.prototype.fetchStripFromRequestData=function(t,e){void 0===e&&(e=!0),t.loaderWidgets=this.transformSkeletonToWidgets(t),this.processStrip(t,[],"fetching",!1,null),this.fetchFromEnrollmentList(t,e),this.fetchFromSearchV6(t,e),this.fetchFromTrendingContent(t,e),this.fetchAllCbpPlans(t,e),this.fetchAllTopContent(t,e),this.fetchAllFeaturedContent(t,e),this.fetchAllBookMarkData(t,e),this.fetchAllPlaylistSearch(t,e),this.fetchPlaylistReadData(t,e),this.fetchCiosContentData(t,e)},ContentStripWithTabsLibComponent.prototype.fetchFromEnrollmentList=function(t,e){var n=this;if(void 0===e&&(e=!0),t.request&&t.request.enrollmentList&&Object.keys(t.request.enrollmentList).length){var a,i,o="",r=[],s=lodash.get(t.request.enrollmentList,"queryParams");this.configSvc.userProfile&&(o=this.configSvc.userProfile.userId),this.userSvc.fetchUserBatchList(o,s).subscribe((function(o){var s=o&&o.courses,l=Boolean(s.length>5&&t.stripConfig&&t.stripConfig.postCardForSearch)?{path:t.viewMoreUrl&&t.viewMoreUrl.path||"",queryParams:{q:t.viewMoreUrl&&t.viewMoreUrl.queryParams,f:t.request&&t.request.searchV6&&t.request.searchV6.filters?JSON.stringify(t.request.searchV6.filters):{}}}:null;s&&s.length&&(a=s.map((function(t){var e=t.content;return e.completionPercentage=t.completionPercentage||t.progress||0,e.completionStatus=t.completionStatus||t.status||0,e.enrolledDate=t.enrolledDate||"",e.lastContentAccessTime=t.lastContentAccessTime||"",e.lastReadContentStatus=t.lastReadContentStatus||"",e.lastReadContentId=t.lastReadContentId||"",e.lrcProgressDetails=t.lrcProgressDetails||"",e.issuedCertificates=t.issuedCertificates||[],e.batchId=t.batchId||"",e}))),i=(a||[]).sort((function(t,e){var n=new Date(t.lastContentAccessTime||0);return new Date(e.lastContentAccessTime||0)-n})),t.tabs&&t.tabs.length?(r=n.splitEnrollmentTabsData(i,t),n.processStrip(t,n.transformContentsToWidgets(i,t),"done",e,l,r)):n.processStrip(t,n.transformContentsToWidgets(i,t),"done",e,l)}),(function(){n.processStrip(t,[],"error",e,null)}))}},ContentStripWithTabsLibComponent.prototype.splitEnrollmentTabsData=function(t,e){var n=[],a=this.getInprogressAndCompleted(t,(function(t){return 1===t.completionStatus||t.completionPercentage<100}),e);if(e.tabs&&e.tabs.length)for(var i=function(t){e.tabs[t]&&n.push(__assign({},e.tabs[t],{fetchTabStatus:"done"},a.find((function(n){if(e.tabs&&e.tabs[t]&&n.value===e.tabs[t].value)return n}))))},o=0;o<e.tabs.length;o+=1)i(o);return n},ContentStripWithTabsLibComponent.prototype.getInprogressAndCompleted=function(t,e,n){var a=[],i=[];return t.forEach((function(t,n,o){var r="retired"===(t.status?t.status.toLowerCase():"");e(t,n,o)?r||a.push(t):i.push(t)})),i.sort((function(t,e){var n=t.status?t.status.toLowerCase():"",a=e.status?e.status.toLowerCase():"";return"live"===n&&"live"!==a?-1:"live"!==n&&"live"===a||"retired"===n&&"retired"!==a?1:"retired"!==n&&"retired"===a?-1:0})),[{value:"inprogress",widgets:this.transformContentsToWidgets(a,n)},{value:"completed",widgets:this.transformContentsToWidgets(i,n)}]},ContentStripWithTabsLibComponent.prototype.fetchFromSearchV6=function(t,e){return void 0===e&&(e=!0),__awaiter(this,void 0,void 0,(function(){var n,a,i,o,r,s,l=this;return __generator(this,(function(c){switch(c.label){case 0:return t.request&&t.request.searchV6&&Object.keys(t.request.searchV6).length?(n=[],console.log(n),t.request&&t.request.searchV6&&t.request.searchV6.request&&t.request.searchV6.request.filters&&(n=t.request.searchV6.request.filters,t.request.searchV6.request.filters=this.checkForDateFilters(t.request.searchV6.request.filters),t.request.searchV6.request.filters=this.getFiltersFromArray(t.request.searchV6.request.filters)),t.tabs&&t.tabs.length?(t.tabs[0].requestRequired&&this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(a=this.stripsResultDataMap[t.key].tabs,i=a&&a.length&&a[0],this.getTabDataByNewReqSearchV6(t,0,i,e)),[3,11]):[3,1]):[3,11];case 1:return c.trys.push([1,10,,11]),[4,this.searchV6Request(t,t.request,e)];case 2:return(o=c.sent())&&o.results?o.results.result.content?"scheduledAssessment"!==t.key?[3,4]:(r=o.results.result.content.map((function(t){return t.identifier})),[4,this.userSvc.fetchEnrollmentDataByContentId(this.configSvc.userProfile.userId,r.join(",")).toPromise().then((function(t){return __awaiter(l,void 0,void 0,(function(){var e;return __generator(this,(function(n){return e={},t&&t.courses&&t.courses.length?(t.courses.forEach((function(t){e[t.collectionId]=t})),[2,e]):[2,{}]}))}))})).catch((function(t){return{}}))]):[3,6]:[3,8];case 3:return s=c.sent(),this.checkInvitOnlyAssessments(o.results.result.content,t,e,o.viewMoreUrl,s),[3,5];case 4:this.processStrip(t,this.transformContentsToWidgets(o.results.result.content,t),"done",e,o.viewMoreUrl),c.label=5;case 5:return[3,7];case 6:o.results.result.Event?this.processStrip(t,this.transformEventsToWidgets(o.results.result.Event,t),"done",e,o.viewMoreUrl):this.processStrip(t,[],"error",e,null),c.label=7;case 7:return[3,9];case 8:this.processStrip(t,[],"error",e,null),c.label=9;case 9:return[3,11];case 10:return c.sent(),[3,11];case 11:return[2]}}))}))},ContentStripWithTabsLibComponent.prototype.checkInvitOnlyAssessments=function(t,e,n,a,i){if(Object.keys(i).length){i=i;var o=[],r=(new Date).getTime();t.forEach((function(t){if(i[t.identifier]&&2!==i[t.identifier].status&&i[t.identifier].batch){var e=i[t.identifier].batch;new Date(e.endDate).getTime()-r>0&&(t.batch=i[t.identifier].batch,t.completionPercentage=i[t.identifier].completionPercentage,o.push(t))}})),o=o.sort((function(t,e){return new Date(t.batch.startDate||0)-new Date(e.batch.startDate||0)})),this.processStrip(e,this.transformContentsToWidgets(o,e),"done",n,a)}},ContentStripWithTabsLibComponent.prototype.searchV6Request=function(t,e,n){return __awaiter(this,void 0,void 0,(function(){var a,i=this;return __generator(this,(function(o){return a=[],[2,new Promise((function(o,r){e&&e.searchV6&&i.contentSvc.searchV6(e.searchV6).subscribe((function(n){var r=Boolean(n.result.content&&n.result.content.length>5&&t.stripConfig&&t.stripConfig.postCardForSearch)?{path:t.viewMoreUrl&&t.viewMoreUrl.path||"",queryParams:{tab:"Learn",q:t.viewMoreUrl&&t.viewMoreUrl.queryParams,f:e&&e.searchV6&&e.searchV6.request&&e.searchV6.request.filters?JSON.stringify(i.transformSearchV6FiltersV2(a)):{}}}:null;o({results:n,viewMoreUrl:r})}),(function(e){i.processStrip(t,[],"error",n,null),r(e)}))}))]}))}))},ContentStripWithTabsLibComponent.prototype.fetchFromTrendingContent=function(t,e){return void 0===e&&(e=!0),__awaiter(this,void 0,void 0,(function(){var n,a,i,o,r;return __generator(this,(function(s){switch(s.label){case 0:return t.request&&t.request.trendingSearch&&Object.keys(t.request.trendingSearch).length?(n=[],console.log(n),t.request&&t.request.trendingSearch&&t.request.trendingSearch.request&&t.request.trendingSearch.request.filters&&(n=t.request.trendingSearch.request.filters,t.request.trendingSearch.request.filters=this.checkForDateFilters(t.request.trendingSearch.request.filters),t.request.trendingSearch.request.filters=this.getFiltersFromArray(t.request.trendingSearch.request.filters)),t.tabs&&t.tabs.length?(t.tabs[0].requestRequired&&this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(a=this.stripsResultDataMap[t.key].tabs,i=a&&a.length&&a[0],this.getTabDataByNewReqTrending(t,0,i,e)),[3,4]):[3,1]):[3,4];case 1:return s.trys.push([1,3,,4]),[4,this.trendingSearchRequest(t,t.request,e)];case 2:return(o=s.sent())&&o.results&&o.results.response?(r=o.results.response[t.request.trendingSearch.responseKey]||[],this.processStrip(t,this.transformContentsToWidgets(r,t),"done",e,o.viewMoreUrl||""),r.length||this.emptyResponse.emit(!0)):(this.emptyResponse.emit(!0),this.processStrip(t,[],"done",e,null)),[3,4];case 3:return s.sent(),this.emptyResponse.emit(!0),this.processStrip(t,[],"error",e,null),[3,4];case 4:return[2]}}))}))},ContentStripWithTabsLibComponent.prototype.trendingSearchRequest=function(t,e,n){return __awaiter(this,void 0,void 0,(function(){var a,i=this;return __generator(this,(function(o){return a=[],[2,new Promise((function(o,r){if(e&&e.trendingSearch){if(e.trendingSearch.request.filters.organisation&&e.trendingSearch.request.filters.organisation.indexOf("<orgID>")>=0){var s=void 0;i.configSvc.userProfile&&(s=i.configSvc.userProfile.rootOrgId),e.trendingSearch.request.filters.organisation=s}i.contentSvc.trendingContentSearch(e.trendingSearch).subscribe((function(n){var r=Boolean(n.result&&t.request&&n.result[t.request.trendingSearch.responseKey]&&n.result[t.request.trendingSearch.responseKey].length>5&&t.stripConfig&&t.stripConfig.postCardForSearch)?{path:t.viewMoreUrl&&t.viewMoreUrl.path||"",queryParams:{tab:"Learn",q:t.viewMoreUrl&&t.viewMoreUrl.queryParams,f:e&&e.trendingSearch&&e.trendingSearch.request&&e.trendingSearch.request.filters?JSON.stringify(i.transformSearchV6FiltersV2(a)):{}}}:null,s=[];n&&n.response&&n.response.certifications&&n.response.certifications.map((function(t){t.source===i.channnelName&&s.push(t)})),o({results:n={response:{certifications:s}},viewMoreUrl:r})}),(function(e){e.error&&400===e.error.status&&i.processStrip(t,[],"done",n,null),r(e)}))}}))]}))}))},ContentStripWithTabsLibComponent.prototype.toggleInfo=function(t){var e=this.stripsResultDataMap[t.key].stripInfo;e&&("below"!==e.mode&&(this.loggerSvc.warn("strip info mode: "+e.mode+" not implemented yet"),e.mode="below"),"below"===e.mode&&(this.stripsResultDataMap[t.key].stripInfo=__assign({},e,{visibilityMode:"hidden"===e.visibilityMode?"visible":"hidden"})))},ContentStripWithTabsLibComponent.prototype.transformContentsToWidgets=function(t,e){return(t||[]).map((function(t,n){return t?{widgetType:"cardLib",widgetSubType:"cardContentLib",widgetHostClass:"mb-2",widgetData:__assign({content:t},t.batch&&{batch:t.batch},{cardSubType:e.stripConfig&&e.stripConfig.cardSubType,cardCustomeClass:e.customeClass?e.customeClass:"",context:{pageSection:e.key,position:n},intranetMode:e.stripConfig&&e.stripConfig.intranetMode,deletedMode:e.stripConfig&&e.stripConfig.deletedMode,contentTags:e.stripConfig&&e.stripConfig.contentTags})}:{widgetType:"card",widgetSubType:"cardContent",widgetHostClass:"mb-2",widgetData:{}}}))},ContentStripWithTabsLibComponent.prototype.transformEventsToWidgets=function(t,e){return this.eventSvc.setEventListData(t),(this.eventSvc.todaysEvents||[]).map((function(t,n){return t?{widgetType:"card",widgetSubType:"eventHubCard",widgetHostClass:"mb-2",widgetData:{content:t,cardSubType:e.stripConfig&&e.stripConfig.cardSubType,cardCustomeClass:e.customeClass?e.customeClass:"",context:{pageSection:e.key,position:n},intranetMode:e.stripConfig&&e.stripConfig.intranetMode,deletedMode:e.stripConfig&&e.stripConfig.deletedMode,contentTags:e.stripConfig&&e.stripConfig.contentTags}}:{widgetType:"card",widgetSubType:"eventHubCard",widgetHostClass:"mb-2",widgetData:{}}}))},ContentStripWithTabsLibComponent.prototype.transformSkeletonToWidgets=function(t){return[1,2,3,4,5,6,7,7,8,9,10].map((function(e){return{widgetType:"cardLib",widgetSubType:"cardContentLib",widgetHostClass:"mb-2",widgetData:{cardSubType:t.loaderConfig&&t.loaderConfig.cardSubType||"card-standard-skeleton",cardCustomeClass:t.customeClass?t.customeClass:""}}}))},ContentStripWithTabsLibComponent.prototype.processStrip=function(t,e,n,a,i,o){return void 0===e&&(e=[]),void 0===a&&(a=!0),__awaiter(this,void 0,void 0,(function(){var i,r;return __generator(this,(function(s){return i={viewMoreUrl:t.viewMoreUrl,key:t.key,canHideStrip:Boolean(t.canHideStrip),showStrip:this.getIfStripHidden(t.key),noDataWidget:t.noDataWidget,errorWidget:t.errorWidget,stripInfo:t.info,stripTitle:t.title,stripTitleLink:t.stripTitleLink,disableTranslate:t.disableTranslate,sliderConfig:t.sliderConfig,tabs:o||t.tabs,tabsType:t.tabsType?t.tabsType:"",stripName:t.name,mode:t.mode,stripConfig:t.stripConfig,stripBackground:t.stripBackground,secondaryHeading:t.secondaryHeading,loaderWidgets:t.loaderWidgets||[],widgets:"done"===n?__spread((t.preWidgets||[]).map((function(t){return __assign({},t,{widgetHostClass:"mb-2 "+t.widgetHostClass})})),e,(t.postWidgets||[]).map((function(t){return __assign({},t,{widgetHostClass:"mb-2 "+t.widgetHostClass})}))):[],showOnNoData:Boolean(t.noDataWidget&&!((t.preWidgets||[]).length+e.length+(t.postWidgets||[]).length)&&"done"===n),showOnLoader:Boolean(t.loader&&"fetching"===n),showOnError:Boolean(t.errorWidget&&"error"===n)},this.stripsResultDataMap=__assign({},this.stripsResultDataMap,((r={})[t.key]=i,r)),o?this.contentAvailable=!0:(a&&("done"===n||"error"===n)&&i.widgets&&this.checkParentStatus(n,i.widgets.length),!a||e&&e.length>0?e&&e.length>0&&(this.contentAvailable=!0):this.contentAvailable=!1),[2]}))}))},ContentStripWithTabsLibComponent.prototype.checkParentStatus=function(t,e){"done"!==t||e?"done"===t&&e?this.successDataCount+=1:"error"===t&&(this.errorDataCount+=1):this.noDataCount+=1;var n=this.noDataCount+this.successDataCount+this.errorDataCount,a=this.widgetData.strips.length;this.successDataCount>0&&n<a||(this.showParentLoader=n!==a,this.showParentNoData=this.noDataCount>0&&this.noDataCount+this.errorDataCount===a,this.showParentError=this.errorDataCount===a)},ContentStripWithTabsLibComponent.prototype.checkForEmptyWidget=function(t){return!(!t.request||!(t.request.api&&Object.keys(t.request.api).length||t.request.search&&Object.keys(t.request.search).length||t.request.searchRegionRecommendation&&Object.keys(t.request.searchRegionRecommendation).length||t.request.searchV6&&Object.keys(t.request.searchV6).length||t.request.enrollmentList&&Object.keys(t.request.enrollmentList).length||t.request.cbpList&&Object.keys(t.request.cbpList).length||t.request.trendingSearch&&Object.keys(t.request.trendingSearch).length||t.request.topContent&&Object.keys(t.request.topContent).length||t.request.featureContent&&Object.keys(t.request.featureContent).length||t.request.bookmarkRead&&Object.keys(t.request.bookmarkRead).length||t.request.playlistSearch&&Object.keys(t.request.playlistSearch).length||t.request.playlistRead&&Object.keys(t.request.playlistRead).length||t.request.ciosContent&&Object.keys(t.request.ciosContent).length))},ContentStripWithTabsLibComponent.prototype.tabClicked=function(t,e,n){e&&e.tabs&&e.tabs[t.index]&&(e.tabs[t.index].fetchTabStatus="inprogress",e.tabs[t.index].tabLoading=!0,e.showOnLoader=!0);var a={label:""+t.tab.textLabel,index:t.index};this.eventSvc.raiseInteractTelemetry({type:utilsV2.WsEvents.EnumInteractTypes.CLICK,subType:utilsV2.WsEvents.EnumInteractSubTypes.HOME_PAGE_STRIP_TABS,id:lodash.camelCase(a.label)+"-tab"},{},{module:utilsV2.WsEvents.EnumTelemetrymodules.HOME});var i=e.tabs&&e.tabs[t.index],o=this.widgetData.strips.find((function(t){return t.key===n}));this.stripsResultDataMap[n]&&i&&(this.stripsResultDataMap[n].viewMoreUrl.queryParams=__assign({},this.stripsResultDataMap[n].viewMoreUrl.queryParams,{tabSelected:i.label})),o&&i&&!i.computeDataOnClick&&(i.requestRequired&&i.request?(i.request.searchV6?this.getTabDataByNewReqSearchV6(o,t.index,i,!0):i.request.trendingSearch?this.getTabDataByNewReqTrending(o,t.index,i,!0):i.request.topContent?this.getTabDataByNewReqTopContent(o,t.index,i,!0):i.request.playlistRead?this.getTabDataByNewReqPlaylistReadContent(o,t.index,i,!0):i.request.ciosContent&&this.getTabDataByCiosSearch(o,t.index,i,!0),e&&e.tabs&&e.tabs[t.index]&&(e.tabs[t.index].tabLoading=!1)):(this.getTabDataByfilter(o,i,!0),setTimeout((function(){e&&e.tabs&&e.tabs[t.index]&&(e.tabs[t.index].tabLoading=!1,e.tabs[t.index].fetchTabStatus="done",e.showOnLoader=!1)}),200)))},ContentStripWithTabsLibComponent.prototype.getTabDataByNewReqSearchV6=function(t,e,n,a){return __awaiter(this,void 0,void 0,(function(){var i,o,r,s;return __generator(this,(function(l){switch(l.label){case 0:return l.trys.push([0,2,,3]),[4,this.searchV6Request(t,n.request,a)];case 1:return(i=l.sent())&&i.results?(o=this.transformContentsToWidgets(i.results.result.content,t),r=[],this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(s=this.stripsResultDataMap[t.key].tabs)&&s.length&&s[e]&&(s[e]=__assign({},s[e],{widgets:o,fetchTabStatus:"done"}),r=s),this.processStrip(t,o,"done",a,i.viewMoreUrl,r)):this.processStrip(t,[],"error",a,null),[3,3];case 2:return l.sent(),[3,3];case 3:return[2]}}))}))},ContentStripWithTabsLibComponent.prototype.getTabDataByNewReqTrending=function(t,e,n,a){return __awaiter(this,void 0,void 0,(function(){var i,o,r,s,l;return __generator(this,(function(c){switch(c.label){case 0:return c.trys.push([0,2,,3]),[4,this.trendingSearchRequest(t,n.request,a)];case 1:return(i=c.sent())&&i.results&&i.results.response?(o=i.results.response[n.value]||[],r=this.transformContentsToWidgets(o,t),s=[],this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(l=this.stripsResultDataMap[t.key].tabs)&&l.length&&l[e]&&(l[e]=__assign({},l[e],{widgets:r,fetchTabStatus:"done"}),s=l),this.processStrip(t,r,"done",a,i.viewMoreUrl,s)):this.processStrip(t,[],"done",a,null),[3,3];case 2:return c.sent(),this.processStrip(t,[],"error",a,null),[3,3];case 3:return[2]}}))}))},ContentStripWithTabsLibComponent.prototype.getTabDataByfilter=function(t,e,n){console.log("strip -- ",t),console.log("currentTab -- ",e),console.log("calculateParentStatus-- ",n)},ContentStripWithTabsLibComponent.prototype.fetchAllCbpPlans=function(t,e){return void 0===e&&(e=!0),__awaiter(this,void 0,void 0,(function(){var n,a,i,o;return __generator(this,(function(r){switch(r.label){case 0:return t.request&&t.request.cbpList&&Object.keys(t.request.cbpList).length?(n=void 0,a=[],i=this.configSvc.userProfile.userId,[4,this.userSvc.fetchCbpPlanList(i).toPromise()]):[3,4];case 1:return(o=r.sent())?(n=o,t.tabs&&t.tabs.length?(a=this.splitCbpTabsData(n,t),[4,this.processStrip(t,this.transformContentsToWidgets(n,t),"done",e,"",a)]):[3,3]):[3,4];case 2:return r.sent(),[3,4];case 3:this.processStrip(t,this.transformContentsToWidgets(n,t),"done",e,"viewMoreUrl"),r.label=4;case 4:return[2]}}))}))},ContentStripWithTabsLibComponent.prototype.splitCbpTabsData=function(t,e){var n=[],a=this.getTabsList(t,e);if(e.tabs&&e.tabs.length)for(var i=function(t){e.tabs[t]&&n.push(__assign({},e.tabs[t],{fetchTabStatus:"done"},a.find((function(n){if(e.tabs&&e.tabs[t]&&n.value===e.tabs[t].value)return n}))))},o=0;o<e.tabs.length;o+=1)i(o);return n},ContentStripWithTabsLibComponent.prototype.getTabsList=function(t,e){var n=[],a=[],i=[];t.forEach((function(t){n.push(t),t.planDuration===NsCardContent.ACBPConst.OVERDUE?i.push(t):t.planDuration===NsCardContent.ACBPConst.UPCOMING&&a.push(t)}));var o=n.filter((function(t){return 2===t.contentStatus})),r=n.filter((function(t){return t.contentStatus<2})),s=o.filter((function(t){return t.planDuration===NsCardContent.ACBPConst.OVERDUE})),l=o.filter((function(t){return t.planDuration!==NsCardContent.ACBPConst.OVERDUE}));return s=s.sort((function(t,e){if(t.planDuration===NsCardContent.ACBPConst.OVERDUE&&e.planDuration===NsCardContent.ACBPConst.OVERDUE)return new Date(t.endDate)>new Date(e.endDate)?-1:1})),r=r.sort((function(t,e){if(t.planDuration===NsCardContent.ACBPConst.OVERDUE&&e.planDuration===NsCardContent.ACBPConst.OVERDUE)return new Date(t.endDate)>new Date(e.endDate)?-1:1})),n=__spread(r,l,s),i=(i=i.filter((function(t){return t.contentStatus<2}))).sort((function(t,e){return new Date(t.endDate)>new Date(e.endDate)?-1:1})),a=a.filter((function(t){return t.contentStatus<2})),[{value:"all",widgets:this.transformContentsToWidgets(n,e)},{value:"upcoming",widgets:this.transformContentsToWidgets(a,e)},{value:"overdue",widgets:this.transformContentsToWidgets(i,e)}]},ContentStripWithTabsLibComponent.prototype.getSelectedIndex=function(t,e){var n=0;if("cbpPlan"===e&&t.tabs.length){var a=t.tabs.filter((function(t){return"upcoming"===t.value}));n=a[0].widgets&&a[0].widgets.length>0?1:0}return n},ContentStripWithTabsLibComponent.prototype.translateLabels=function(t,e){return this.langtranslations.translateLabel(t,e,"")},ContentStripWithTabsLibComponent.prototype.identify=function(t,e){return e},ContentStripWithTabsLibComponent.prototype.tracker=function(t,e){return lodash.get(e,"widgetData.content.identifier")},ContentStripWithTabsLibComponent.prototype.fetchAllTopContent=function(t,e){return void 0===e&&(e=!0),__awaiter(this,void 0,void 0,(function(){var n,a,i;return __generator(this,(function(o){switch(o.label){case 0:return t.request&&t.request.topContent&&Object.keys(t.request.topContent).length?([],t.request&&t.request.topContent&&t.request.topContent.request&&t.request.topContent.request.filters&&(t.request.topContent.request.filters,t.request.topContent.request.filters=this.postMethodFilters(t.request.topContent.request.filters)),t.tabs&&t.tabs.length?(t.tabs[0].requestRequired&&this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(n=this.stripsResultDataMap[t.key].tabs,a=n&&n.length&&n[0],this.getTabDataByNewReqTopContent(t,0,a,e)),[3,4]):[3,1]):[3,4];case 1:return o.trys.push([1,3,,4]),[4,this.postRequestMethod(t,t.request.topContent,t.request.apiUrl,e)];case 2:return(i=o.sent())&&i.results&&i.results.result.content&&i.results.result.content.length?this.processStrip(t,this.transformContentsToWidgets(i.results.result.content,t),"done",e,i.viewMoreUrl):(this.processStrip(t,[],"error",e,null),this.emptyResponse.emit(!0)),[3,4];case 3:return o.sent(),[3,4];case 4:return[2]}}))}))},ContentStripWithTabsLibComponent.prototype.fetchAllFeaturedContent=function(t,e){return void 0===e&&(e=!0),__awaiter(this,void 0,void 0,(function(){var n;return __generator(this,(function(a){switch(a.label){case 0:if(!(t.request&&t.request.featureContent&&Object.keys(t.request.featureContent).length))return[3,4];[],t.request&&t.request.featureContent&&t.request.featureContent.request&&t.request.featureContent.request.filters&&(t.request.featureContent.request.filters,t.request.featureContent.request.filters=this.postMethodFilters(t.request.featureContent.request.filters)),a.label=1;case 1:return a.trys.push([1,3,,4]),[4,this.postRequestMethod(t,t.request.featureContent,t.request.apiUrl,e)];case 2:return(n=a.sent())&&n.results&&n.results.result.content&&n.results.result.content.length?this.processStrip(t,this.transformContentsToWidgets(n.results.result.content,t),"done",e,n.viewMoreUrl):(this.processStrip(t,[],"error",e,null),this.emptyResponse.emit(!0)),[3,4];case 3:return a.sent(),this.emptyResponse.emit(!0),[3,4];case 4:return[2]}}))}))},ContentStripWithTabsLibComponent.prototype.getTabDataByNewReqTopContent=function(t,e,n,a){return __awaiter(this,void 0,void 0,(function(){var i,o,r,s;return __generator(this,(function(l){switch(l.label){case 0:n.request&&n.request.topContent&&n.request.topContent.request&&n.request.topContent.request.filters&&(n.request.topContent.request.filters=this.postMethodFilters(n.request.topContent.request.filters)),l.label=1;case 1:return l.trys.push([1,3,,4]),[4,this.postRequestMethod(t,n.request.topContent,n.request.apiUrl,a)];case 2:return(i=l.sent()).results&&i.results.result?(o=this.transformContentsToWidgets(i.results.result.content,t),r=[],this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(s=this.stripsResultDataMap[t.key].tabs)&&s.length&&s[e]&&(s[e]=__assign({},s[e],{widgets:o,fetchTabStatus:"done"}),r=s),this.processStrip(t,o,"done",a,i.viewMoreUrl,r)):this.processStrip(t,[],"error",a,null),[3,4];case 3:return l.sent(),[3,4];case 4:return[2]}}))}))},ContentStripWithTabsLibComponent.prototype.raiseTelemetry=function(t){this.telemtryResponse.emit(t)},ContentStripWithTabsLibComponent.prototype.postRequestMethod=function(t,e,n,a){return __awaiter(this,void 0,void 0,(function(){var i=this;return __generator(this,(function(o){return[2,new Promise((function(o,r){e&&e&&i.contentSvc.postApiMethod(n,e).subscribe((function(e){if(e.result&&e.result.content){var n=Boolean(e.result.content&&e.result.content.length>5&&t.stripConfig&&t.stripConfig.postCardForSearch)?{path:t.viewMoreUrl&&t.viewMoreUrl.path||"",queryParams:{tab:"Learn",q:t.viewMoreUrl&&t.viewMoreUrl.queryParams,f:{}}}:null;o({results:e,viewMoreUrl:n})}else if(e&&e.data){n=Boolean(e.data&&e.data.length>5&&t.stripConfig&&t.stripConfig.postCardForSearch)?{path:t.viewMoreUrl&&t.viewMoreUrl.path||"",queryParams:{tab:"Learn",q:t.viewMoreUrl&&t.viewMoreUrl.queryParams,f:{}}}:null;o({results:e,viewMoreUrl:n})}else if(e.result&&e.result.data){n=Boolean(e.data&&e.result.data&&e.result.data.length>5&&t.stripConfig&&t.stripConfig.postCardForSearch)?{path:t.viewMoreUrl&&t.viewMoreUrl.path||"",queryParams:{tab:"Learn",q:t.viewMoreUrl&&t.viewMoreUrl.queryParams,f:{}}}:null;o({results:e,viewMoreUrl:n})}}),(function(e){i.processStrip(t,[],"error",a,null),r(e)}))}))]}))}))},ContentStripWithTabsLibComponent.prototype.getRequestMethod=function(t,e,n,a){return __awaiter(this,void 0,void 0,(function(){var i=this;return __generator(this,(function(o){return[],[2,new Promise((function(o,r){e&&e&&i.contentSvc.getApiMethod(n).subscribe((function(e){var n;if(e.result.data)n=Boolean(e.result.data&&e.result.data.orgList.length>5&&t.stripConfig&&t.stripConfig.postCardForSearch);else if(e.result.content){var a=JSON.parse(e.result.content.featuredProviders||"[]");n=Boolean(a&&a.length>5&&t.stripConfig&&t.stripConfig.postCardForSearch)}var i=n?{path:t.viewMoreUrl&&t.viewMoreUrl.path||""}:null;o({results:e,viewMoreUrl:i})}),(function(e){i.processStrip(t,[],"error",a,null),r(e)}))}))]}))}))},ContentStripWithTabsLibComponent.prototype.postMethodFilters=function(t){return t.organisation&&t.organisation.indexOf("<orgID>")>=0&&(t.organisation=t.organisation.replace("<orgID>",this.providerId)),t},ContentStripWithTabsLibComponent.prototype.getFullUrl=function(t,e){var n=t;return t.indexOf("<bookmarkId>")>=0?n=t.replace("<bookmarkId>",this.environment.mdoChannelsBookmarkId):t.indexOf("<playlistKey>")>=0&&t.indexOf("<orgID>")>=0?n=(n=t.replace("<playlistKey>",this.providerId+e)).replace("<orgID>",this.providerId):t.indexOf("<doId>")>=0&&(n=t.replace("<doId>",this.environment.providerDataKey)),n},ContentStripWithTabsLibComponent.prototype.redirectViewAll=function(t,e,n){this.emitViewAll?this.viewAllResponse.emit(t):this.router.navigate([e],{queryParams:n})},ContentStripWithTabsLibComponent.prototype.fetchAllBookMarkData=function(t,e){return void 0===e&&(e=!0),__awaiter(this,void 0,void 0,(function(){var n,a;return __generator(this,(function(i){switch(i.label){case 0:if(!(t.request&&t.request.bookmarkRead&&Object.keys(t.request.bookmarkRead).length))return[3,4];[],t.request&&t.request.bookmarkRead&&t.request.bookmarkRead.bookmarkId&&(t.request.apiUrl=this.getFullUrl(t.request.apiUrl,t.request.bookmarkRead.bookmarkId)),i.label=1;case 1:return i.trys.push([1,3,,4]),[4,this.getRequestMethod(t,t.request.bookmarkRead,t.request.apiUrl,e)];case 2:return n=i.sent(),a=n.results.result.data.orgList,n?this.processStrip(t,this.transformAllContentsToWidgets(a,t),"done",e,n):(this.processStrip(t,[],"error",e,null),this.emptyResponse.emit(!0)),[3,4];case 3:return i.sent(),this.emptyResponse.emit(!0),[3,4];case 4:return[2]}}))}))},ContentStripWithTabsLibComponent.prototype.transformAllContentsToWidgets=function(t,e){return(t||[]).map((function(t,n){return t?{widgetType:"cardLib",widgetSubType:"cardContentLib",widgetHostClass:"mb-2",widgetData:__assign({content:t},t.batch&&{batch:t.batch},{cardSubType:e.stripConfig&&e.stripConfig.cardSubType,cardCustomeClass:e.customeClass?e.customeClass:"",context:{pageSection:e.key,position:n},intranetMode:e.stripConfig&&e.stripConfig.intranetMode,deletedMode:e.stripConfig&&e.stripConfig.deletedMode,contentTags:e.stripConfig&&e.stripConfig.contentTags})}:{widgetType:"card",widgetSubType:"cardContent",widgetHostClass:"mb-2",widgetData:{}}}))},ContentStripWithTabsLibComponent.prototype.transformAllTabContentsToWidgets=function(t,e){return(t||[]).map((function(t,n){return t?{widgetType:"cardLib",widgetSubType:"cardContentLib",widgetHostClass:"mb-2",widgetData:__assign({content:t},t.batch&&{batch:t.batch},{cardSubType:e.stripConfig&&e.stripConfig.cardSubType,cardCustomeClass:e.customeClass?e.customeClass:"",context:{pageSection:e.value,position:n},intranetMode:e.stripConfig&&e.stripConfig.intranetMode,deletedMode:e.stripConfig&&e.stripConfig.deletedMode,contentTags:e.stripConfig&&e.stripConfig.contentTags})}:{widgetType:"card",widgetSubType:"cardContent",widgetHostClass:"mb-2",widgetData:{}}}))},ContentStripWithTabsLibComponent.prototype.fetchAllPlaylistSearch=function(t,e){return void 0===e&&(e=!0),__awaiter(this,void 0,void 0,(function(){var n,a;return __generator(this,(function(i){switch(i.label){case 0:if(!(t.request&&t.request.playlistSearch&&Object.keys(t.request.playlistSearch).length))return[3,4];[],t.request&&t.request.playlistSearch&&t.request.playlistSearch.request&&t.request.playlistSearch.request.filters&&(t.request.playlistSearch.request.filters,t.request.playlistSearch.request.filters=this.postMethodFilters(t.request.playlistSearch.request.filters)),i.label=1;case 1:return i.trys.push([1,3,,4]),[4,this.postRequestMethod(t,t.request.playlistSearch.request,t.request.apiUrl,e)];case 2:return(n=i.sent())&&n.results&&n.results.result.data&&n.results.result.data.length?(a=[],n.results.result.data.forEach((function(t){t.children&&t.children.length&&a.push(t)})),a.length?this.processStrip(t,this.transformContentsToWidgets(a,t),"done",e,n.viewMoreUrl):this.emptyResponse.emit(!0)):(this.processStrip(t,[],"error",e,null),this.emptyResponse.emit(!0)),[3,4];case 3:return i.sent(),this.emptyResponse.emit(!0),[3,4];case 4:return[2]}}))}))},ContentStripWithTabsLibComponent.prototype.fetchPlaylistReadData=function(t,e){return void 0===e&&(e=!0),__awaiter(this,void 0,void 0,(function(){var n,a,i,o,r;return __generator(this,(function(s){switch(s.label){case 0:return t.request&&t.request.playlistRead&&Object.keys(t.request.playlistRead).length?([],t.request&&t.request.playlistRead&&t.request.playlistRead.type&&(t.request.apiUrl=this.getFullUrl(t.request.apiUrl,t.request.playlistRead.type)),t.tabs&&t.tabs.length?(t.tabs[0].requestRequired&&this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(n=this.stripsResultDataMap[t.key].tabs,a=n&&n.length&&n[0],this.getTabDataByNewReqPlaylistReadContent(t,0,a,e)),[3,4]):[3,1]):[3,4];case 1:return s.trys.push([1,3,,4]),[4,this.getRequestMethod(t,t.request.playlistRead,t.request.apiUrl,e)];case 2:return(i=s.sent())&&i.results.result.content?(o=i.results.result.content,"providers"===t.key?(r=JSON.parse(o.featuredProviders||"[]"),this.processStrip(t,this.transformAllContentsToWidgets(r,t),"done",e,i)):this.processStrip(t,this.transformAllContentsToWidgets(o,t),"done",e,i)):(this.processStrip(t,[],"error",e,null),this.emptyResponse.emit(!0)),[3,4];case 3:return s.sent(),this.emptyResponse.emit(!0),[3,4];case 4:return[2]}}))}))},ContentStripWithTabsLibComponent.prototype.getTabDataByNewReqPlaylistReadContent=function(t,e,n,a){return __awaiter(this,void 0,void 0,(function(){var i,o,r,s,l,c,d;return __generator(this,(function(p){switch(p.label){case 0:n.request&&n.request.playlistRead&&n.request.playlistRead.type&&(n.request.apiUrl=this.getFullUrl(n.request.apiUrl,n.request.playlistRead.type)),p.label=1;case 1:return p.trys.push([1,3,,4]),[4,this.getRequestMethod(t,n.request.playlistRead,n.request.apiUrl,a)];case 2:return(i=p.sent()).results&&i.results.result?(o=i.results.result.content,r=[],"providers"===n.value?(s=JSON.parse(o.featuredProviders||"[]"),r=this.transformAllTabContentsToWidgets(s,n)):r=this.transformAllTabContentsToWidgets(o,n),c=[],this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(d=this.stripsResultDataMap[t.key].tabs)&&d.length&&d[e]&&(d[e]=__assign({},d[e],{widgets:r,fetchTabStatus:"done"}),c=d),this.processStrip(t,r,"done",a,i.viewMoreUrl,c)):(c=[],this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(d=this.stripsResultDataMap[t.key].tabs)&&d.length&&d[e]&&(d[e]=__assign({},d[e],{fetchTabStatus:"done"}),c=d),this.processStrip(t,[],"error",a,null,c)),[3,4];case 3:return l=p.sent(),console.error("Error:",l),c=[],this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&this.stripsResultDataMap[t.key].tabs.length?((d=this.stripsResultDataMap[t.key].tabs)&&d.length&&d[e]&&(d[e]=__assign({},d[e],{fetchTabStatus:"done"}),c=d),this.processStrip(t,[],"error",a,null,c)):this.processStrip(t,[],"error",a,null),[3,4];case 4:return[2]}}))}))},ContentStripWithTabsLibComponent.prototype.fetchCiosContentData=function(t,e){return void 0===e&&(e=!0),__awaiter(this,void 0,void 0,(function(){var n,a,i,o,r;return __generator(this,(function(s){switch(s.label){case 0:return t&&t.request.ciosContent&&Object.keys(t.request.ciosContent).length?t.tabs&&t.tabs.length?((n=t.tabs[0]).requestRequired&&"extCourse"===n.value&&this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(a=this.stripsResultDataMap[t.key].tabs,i=a&&a.length&&a[0],this.getTabDataByCiosSearch(t,0,i,e)),n.requestRequired&&"providers"===n.value&&this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(a=this.stripsResultDataMap[t.key].tabs,i=a&&a.length&&a[0],this.getTabDataByNewReqPlaylistReadContent(t,0,i,e)),[3,4]):[3,1]:[3,4];case 1:return s.trys.push([1,3,,4]),[4,this.postRequestMethod(t,t.request.ciosContent,t.request.apiUrl,e)];case 2:return(o=s.sent())&&o.results&&o.results.data&&o.results.data.length?(r=o.results.data).length?this.processStrip(t,this.transformContentsToWidgets(r,t),"done",e,o.viewMoreUrl):this.emptyResponse.emit(!0):(this.processStrip(t,[],"error",e,null),this.emptyResponse.emit(!0)),[3,4];case 3:return s.sent(),this.emptyResponse.emit(!0),[3,4];case 4:return[2]}}))}))},ContentStripWithTabsLibComponent.prototype.getTabDataByCiosSearch=function(t,e,n,a){return __awaiter(this,void 0,void 0,(function(){var n,i,o,r,s;return __generator(this,(function(l){switch(l.label){case 0:return l.trys.push([0,2,,3]),[4,this.contentSvc.postApiMethod(t.request.apiUrl,t.request.ciosContent).toPromise()];case 1:return(n=l.sent())&&n.data&&n.data.length?(i=this.transformContentsToWidgets(n.data,t),r=[],this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(s=this.stripsResultDataMap[t.key].tabs)&&s.length&&s[e]&&(s[e]=__assign({},s[e],{widgets:i,fetchTabStatus:"done"}),r=s),this.processStrip(t,i,"done",a,n.viewMoreUrl,r)):(r=[],this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(s=this.stripsResultDataMap[t.key].tabs)&&s.length&&s[e]&&(s[e]=__assign({},s[e],{fetchTabStatus:"done"}),r=s),this.processStrip(t,[],"error",a,null,r)),[3,3];case 2:return o=l.sent(),console.error("Error:",o),r=[],this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&this.stripsResultDataMap[t.key].tabs.length?((s=this.stripsResultDataMap[t.key].tabs)&&s.length&&s[e]&&(s[e]=__assign({},s[e],{fetchTabStatus:"done"}),r=s),this.processStrip(t,[],"error",a,null,r)):this.processStrip(t,[],"error",a,null),[3,3];case 3:return[2]}}))}))},ContentStripWithTabsLibComponent.decorators=[{type:core.Component,args:[{selector:"sb-uic-content-strip-with-tabs",template:'<ng-container *ngIf="!contentAvailable; else otherTemplate"></ng-container>\n<ng-template #otherTemplate>\n  \x3c!-- <div *ngIf="showParentLoader" class="text-center my-2">\n    <mat-spinner class="inline-block"></mat-spinner>\n  </div> --\x3e\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 min-height-40 " [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                \x3c!-- viewAll start--\x3e\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                \x3c!-- viewAll end--\x3e\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\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            \x3c!-- IF no errors then proceed to show tabs or non tabs strip --\x3e\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                [ngClass]="stripsResultDataMap[key]?.tabsType ? stripsResultDataMap[key]?.tabsType : \'\'"\n                  (selectedTabChange)="tabClicked($event, stripsResultDataMap[key], key)">\n                  <mat-tab label="{{tab?.label}}" *ngFor="let tab of stripsResultDataMap[key].tabs; let last = last;">\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                    <div>\n                      \x3c!-- <ng-container [ngTemplateOutlet]="loader" *ngIf="stripsResultDataMap[key]?.showOnLoader">\n                      </ng-container> --\x3e\n                      <div *ngIf="stripsResultDataMap && stripsResultDataMap[key]?.showOnLoader ||\n                      !tab.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                      <div *ngIf="((tab?.fetchTabStatus && tab?.fetchTabStatus === \'done\') &&\n                      (!tab?.widgets || !tab?.widgets?.length))">\n                      <ng-container *ngIf="tab?.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.nodataMsg, \'home\') }}</div>\n                        </div>\n                      </ng-template>\n                      </div>\n                      <ng-container *ngIf="(tab?.fetchTabStatus === \'done\' || tab?.widgets?.length)">\n                        <ng-container  *ngIf="!tab?.tabLoading">\n\n                          <sb-uic-horizontal-scroller-v2 [id]="key+\'-scroller\'" [sliderConfig]="stripsResultDataMap[key]?.sliderConfig" [widgetsLength]="tab?.widgets?.length"\n                            *ngIf="getContineuLearningLenth(stripsResultDataMap[key]) && showAccordion(key)"\n                            [loadStatus]="\'done\'" [defaultMaxWidgets]="tab?.maxWidgets ||\n                            stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets" [stripConfig]="stripsResultDataMap[key]?.stripConfig">\n                            <ng-container *ngFor="let widget of tab?.widgets| slice:0:(tab?.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 *ngIf="!stripsResultDataMap[key].tabs || !stripsResultDataMap[key].tabs.length">\n                <div *ngIf="stripsResultDataMap && stripsResultDataMap[key]?.showOnLoader" class="text-center my-2">\n                      <sb-uic-horizontal-scroller-v2 [id]="key+\'-scroller\'" [sliderConfig]="stripsResultDataMap[key]?.sliderConfig"\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                <div class="">\n                    <sb-uic-horizontal-scroller-v2 [id]="key+\'-scroller\'" [sliderConfig]="stripsResultDataMap[key]?.sliderConfig"\n                    *ngIf="getContineuLearningLenth(stripsResultDataMap[key]) && showAccordion(key)" [widgetsLength]="stripsResultDataMap[key]?.widgets?.length" [loadStatus]="\'done\'" [defaultMaxWidgets]="stripsResultDataMap[key].sliderConfig?.maxWidgets || defaultMaxWidgets" [stripConfig]="stripsResultDataMap[key]?.stripConfig">\n                      <ng-container *ngFor="let widget of stripsResultDataMap[key]?.widgets| slice:0:(stripsResultDataMap[key].sliderConfig?.maxWidgets || defaultMaxWidgets); trackBy: tracker">\n                      \x3c!-- <ng-container *ngIf="widget.widgetData.context.pageSection === \'continueLearning\' "> --\x3e\n                      \x3c!-- <ng-container *ngIf="widget.widgetData.content.completionPercentage !== 100"\n                        [sbUiResolverWidget]="widget"></ng-container> --\x3e\n                        <ng-container [sbUiResolverWidget]="widget"></ng-container>\n                      \x3c!-- </ng-container> --\x3e\n                      </ng-container>\n                  </sb-uic-horizontal-scroller-v2>\n                </div>\n              </ng-container>\n            </ng-container>\n          </div>\n        </div>\n      </a>\n\n    </ng-container>\n  </ng-container>\n</ng-template>',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}::ng-deep .pills-tab .mat-tab-header{border-bottom:unset!important}::ng-deep .pills-tab .mat-tab-label{border:1px solid rgba(0,0,0,.2392156863)!important;padding:2px 8px;margin-right:8px!important;min-width:unset!important;border-radius:12px;height:unset!important}::ng-deep .pills-tab .mat-ink-bar{background-color:transparent!important;visibility:hidden!important}::ng-deep .pills-tab .mat-tab-label-active{color:#fff!important;background-color:#1b4ca1!important}::ng-deep .pills-tab .mat-tab-body{padding:0!important}.min-height-40{min-height:40px}"]}]}],ContentStripWithTabsLibComponent.ctorParameters=function(){return[{type:void 0,decorators:[{type:core.Inject,args:["environment"]}]},{type:WidgetContentLibService},{type:utilsV2.LoggerService},{type:utilsV2.EventService},{type:utilsV2.ConfigurationsService},{type:utilsV2.UtilityService},{type:router.Router},{type:WidgetUserServiceLib},{type:core$1.TranslateService},{type:MultilingualTranslationsService}]},ContentStripWithTabsLibComponent.propDecorators={widgetData:[{type:core.Input}],emptyResponse:[{type:core.Output}],viewAllResponse:[{type:core.Output}],telemtryResponse:[{type:core.Output}],providerId:[{type:core.Input}],emitViewAll:[{type:core.Input}],channnelName:[{type:core.Input}],id:[{type:core.HostBinding,args:["id"]}]},ContentStripWithTabsLibComponent}(resolverV2.WidgetBaseComponent);function HttpLoaderFactory(t){return new httpLoader.TranslateHttpLoader(t)}var ContentStripWithTabsLibModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[ContentStripWithTabsLibComponent],imports:[resolverV2.SbUiResolverModule,common.CommonModule,router.RouterModule,HorizontalScrollerV2Module,material.MatProgressSpinnerModule,material.MatToolbarModule,material.MatIconModule,material.MatButtonModule,material.MatTooltipModule,material.MatListModule,material.MatSidenavModule,material.MatCardModule,material.MatExpansionModule,material.MatRadioModule,material.MatChipsModule,material.MatInputModule,material.MatFormFieldModule,material.MatDialogModule,material.MatSnackBarModule,material.MatSelectModule,material.MatDatepickerModule,material.MatNativeDateModule,material.MatTableModule,material.MatCheckboxModule,material.MatProgressSpinnerModule,material.MatButtonToggleModule,material.MatTabsModule,material.MatAutocompleteModule,core$1.TranslateModule.forRoot({loader:{provide:core$1.TranslateLoader,useFactory:HttpLoaderFactory,deps:[http.HttpClient]}})],entryComponents:[ContentStripWithTabsLibComponent],exports:[ContentStripWithTabsLibComponent]}]}],t}(),SlidersLibComponent=function(t){function e(e,n){var a=t.call(this)||this;return a.events=e,a.valueSvc=n,a.title="",a.id="banner_"+Math.random(),a.defaultMenuSubscribe=null,a.isLtMedium$=a.valueSvc.isLtMedium$,a.currentIndex=0,a.slideInterval=null,a.isMobile=!1,a}return __extends(e,t),e.prototype.ngOnInit=function(){var t=this;this.reInitiateSlideInterval(),this.defaultMenuSubscribe=this.isLtMedium$.subscribe((function(e){t.isMobile=e}))},e.prototype.reInitiateSlideInterval=function(){var t=this;if(this.widgetData&&this.widgetData.length>1)try{this.slideInterval&&this.slideInterval.unsubscribe()}catch(t){}finally{this.slideInterval=rxjs.interval(8e3).subscribe((function(){t.currentIndex===t.widgetData.length-1?t.currentIndex=0:t.currentIndex+=1}))}},e.prototype.slideTo=function(t){t>=0&&t<this.widgetData.length?this.currentIndex=t:t===this.widgetData.length?this.currentIndex=0:this.currentIndex=this.widgetData.length+t,this.reInitiateSlideInterval()},Object.defineProperty(e.prototype,"isOpenInNewTab",{get:function(){var t=this.widgetData[this.currentIndex];return!!(t.redirectUrl&&t.redirectUrl.includes("mailto")||this.widgetData[this.currentIndex].openInNewTab)},enumerable:!0,configurable:!0}),e.prototype.openInNewTab=function(){var t=this.widgetData[this.currentIndex];(t.redirectUrl&&t.redirectUrl.includes("mailto")||this.widgetData[this.currentIndex].openInNewTab)&&window.open(t.redirectUrl)},e.prototype.raiseTelemetry=function(t){this.openInNewTab();var e=window.location.pathname.replace("/","")+window.location.search;this.events.raiseInteractTelemetry({type:"click",subType:"banner"},{pageUrl:e,bannerRedirectUrl:t},{pageIdExt:"banner",module:utilsV2.WsEvents.EnumTelemetrymodules.CONTENT})},e.prototype.ngOnDestroy=function(){this.defaultMenuSubscribe&&this.defaultMenuSubscribe.unsubscribe()},e.decorators=[{type:core.Component,args:[{selector:"sb-uic-sliders",template:'<div class="banner-container {{isMobile? styleData?.responsive?.bannerMetaClass : styleData?.bannerMetaClass}} {{type === \'atictitop\' ? \'atictitopbanner\' : \'\'}}"  (swipeleft)="slideTo(currentIndex + 1)" (swiperight)="slideTo(currentIndex - 1)"\n  *ngIf="widgetData?.length > 1" [style.height]="isMobile? styleData?.responsive?.customHeight : styleData?.customHeight"\n  [ngStyle]="{\'border-radius\': styleData?.borderRadius || \'12px\'}">\n  <a (click)="raiseTelemetry(widgetData[currentIndex].redirectUrl)"\n    class="banner-overlay {{widgetData[currentIndex] && widgetData[currentIndex].redirectUrl ? \'\' : \'pointer-events-none\'}}"\n    [routerLink]=" !isOpenInNewTab && widgetData[currentIndex].redirectUrl? widgetData[currentIndex].redirectUrl : null"\n    [ngClass]="{\'cursor-auto\': !widgetData[currentIndex].redirectUrl}">\n    <div class="banner WidgetInstanceId" \n    *ngFor="let slide of widgetData; let i = index" \n    [hidden]="i !== currentIndex" \n    [ngStyle]="{\n        \'border-width\': isMobile?  styleData?.responsive?.imageBorderWidth : styleData?.imageBorderWidth,\n        \'border-color\': isMobile? styleData?.responsive?.imageBorderColor : styleData?.imageBorderColor,\n        \'border-style\': isMobile? styleData?.responsive?.imageBorderStyle: styleData?.imageBorderStyle}">\n      <img i18n-alt alt="Page Banner" [src]="slide.banners" wsUtilsImageResponsive class="{{type === \'atictitopbanner\' ? \'banner-image\' : \'bannerimage-mdo\'}}"  />\n    </div>\n  </a>\n  <ng-container *ngIf="isMobile && styleData?.responsive?.dots !== \'hidden\' || !isMobile && styleData?.dots !== \'hidden\'">\n    <div class="banner-meta {{isMobile? styleData?.responsive?.bannerMetaAlign : styleData?.bannerMetaAlign}}">\n      <a [routerLink]=" !isOpenInNewTab && widgetData[currentIndex].redirectUrl? widgetData[currentIndex].redirectUrl : null"\n      class="banner-title text-truncate {{widgetData[currentIndex] && widgetData[currentIndex].redirectUrl ? \'\' : \'pointer-events-none\'}}"\n        *ngIf="widgetData[currentIndex].title" [title]="widgetData[currentIndex].title">\n        {{ widgetData[currentIndex].title }}\n      </a>\n      <div class="dots-container" *ngIf="widgetData?.length > 1">\n        <span class="dot" [ngClass]="{ active: j === currentIndex }" *ngFor="let slide of widgetData; let j = index"\n          (click)="slideTo(j)"></span>\n      </div>\n    </div>\n  </ng-container>\n  <div class="navigation {{isMobile? styleData?.responsive?.arrowsPlacement : styleData?.arrowsPlacement}}" \n  *ngIf="isMobile && styleData?.responsive?.navigationArrows !== \'hidden\' || !isMobile && styleData?.navigationArrows !== \'hidden\'">\n    <a *ngIf="widgetData?.length > 1" role="button" class="prev" (click)="slideTo(currentIndex - 1)">&#10094;</a>\n    <a *ngIf="widgetData?.length > 1" role="button" class="next" (click)="slideTo(currentIndex + 1)">&#10095;</a>\n  </div>\n</div>\n<div class="banner-container-solo {{type === \'atictitop\' ? \'atictitopbanner\' : \'\'}}" [style.height]="isMobile? styleData?.responsive?.customHeight : styleData?.customHeight" *ngIf="widgetData?.length == 1">\n  <img i18n-alt alt="Page Banner" width="100%" height="100%" [src]="widgetData[0].banners" wsUtilsImageResponsive class="banner-image-solo" />\n</div>\n\x3c!-- <div class="banner-container" (swipeleft)="slideTo(currentIndex + 1)" (swiperight)="slideTo(currentIndex - 1)"\n  *ngIf="widgetData?.length">\n  <a (click)="raiseTelemetry(widgetData[currentIndex].redirectUrl)"\n    [queryParams]="widgetData[currentIndex].queryParams || {}"\n    [routerLink]="!isOpenInNewTab ? widgetData[currentIndex].redirectUrl : \'./\'" class="banner-overlay"\n    [ngClass]="{ \'cursor-auto\': !widgetData[currentIndex].redirectUrl }"></a>\n  <div class="banner WidgetInstanceId" *ngFor="let slide of widgetData; let i = index" [hidden]="i !== currentIndex">\n    <img i18n-alt alt="Page Banner" [src]="slide.banners" wsUtilsImageResponsive class="banner-image" />\n  </div>\n  <div class="banner-meta">\n    <a [routerLink]="!isOpenInNewTab ? widgetData[currentIndex].redirectUrl : \'./\'" class="banner-title text-truncate"\n      *ngIf="widgetData[currentIndex].title" [title]="widgetData[currentIndex].title">\n      {{ widgetData[currentIndex].title }}\n    </a>\n    <div class="dots-container" *ngIf="widgetData?.length > 1">\n      <span class="dot" [ngClass]="{ active: j === currentIndex }" *ngFor="let slide of widgetData; let j = index"\n        (click)="slideTo(j)"></span>\n    </div>\n  </div>\n  <button *ngIf="widgetData?.length > 1" class="prev" aria-label="Previous slide" (click)="slideTo(currentIndex - 1)">\n    <a *ngIf="widgetData?.length > 1" role="button">&#10094;</a>\n  </button>\n  <button *ngIf="widgetData?.length > 1" class="next" (click)="slideTo(currentIndex + 1)" aria-label="Next slide">\n    <a *ngIf="widgetData?.length > 1" role="button" class="next">&#10095;</a>\n  </button>\n\n</div> --\x3e\n<ng-container *ngIf="!widgetData?.length">\n  <div class="slider default-slider h-full">\n    <div class="relative h-full">\n        <img class="h-full" src="assets/icons/home/default-slider-image.svg" alt="">\n        <div class="default-title rounded-full">\n            <p class="mat-h1">{{title}}</p>\n        </div>\n    </div>\n  </div>\n</ng-container>\n',styles:[".banner-container{min-height:243px;position:relative;margin:auto;padding-bottom:40px}.banner-container.inline-meta{padding-bottom:0!important}.banner-container.flat .banner .banner-image{border-radius:0!important}@media screen and (min-width:768px) and (max-width:1024px){.banner-container{min-height:280px!important}}@media screen and (min-width:768px) and (max-width:1279px){.atictitopbanner{height:280px!important}}@media screen and (min-width:1280px){.atictitopbanner{height:380px!important}}.banner-overlay{z-index:1;top:0;left:0;width:100%;height:100%;background:linear-gradient(to left,rgba(0,0,0,.25) 0,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 85%,rgba(0,0,0,.25) 100%);border-radius:inherit}.banner{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s;border-radius:inherit;height:inherit}.banner .banner-image{width:100%;min-height:380px;display:block;border-radius:inherit;-o-object-fit:cover;object-fit:cover}.banner .bannerimage-mdo{width:100%;display:block;height:inherit;border-radius:inherit;-o-object-fit:cover;object-fit:cover}.banner-meta{text-align:center;z-index:2;padding:8px 12px;position:absolute;bottom:0;left:50%;border-radius:12px;transform:translateX(-50%);box-sizing:border-box}.banner-meta.left{left:0;transform:translateX(0)}.banner-meta.right{left:100%;transform:translateX(-100%)}.banner-meta .banner-title{color:#f2f2f2;margin-bottom:8px;font-size:1.1rem}@media only screen and (max-width:599px){.banner-meta .banner-title{display:none}}.banner-meta .dots-container{padding:8px;display:flex;align-items:center;justify-content:center}.banner-meta .dots-container .dot{cursor:pointer;height:6px;width:6px;margin:0 4px;background-color:rgba(0,0,0,.4);border-radius:50%;display:inline-block;transition:background-color .5s!important}@media only screen and (max-width:599px){.banner-meta .dots-container .dot{height:8px;width:8px;margin:0 4px}}.banner-meta .dots-container .dot.active{border-radius:4px;background-color:#f3962f;width:16px}@keyframes fade{from{opacity:.25}to{opacity:1}}.next,.prev{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-weight:700;background-color:#1b2133!important;border-radius:50%;z-index:999;height:32px!important;width:32px!important;display:flex;align-items:center;margin-top:-16px;justify-content:center}.prev{left:0;margin-left:-16px}.next{right:0;margin-right:-16px}.navigation.bottom-right .prev{left:unset;right:45px;bottom:-15px;top:unset}.navigation.bottom-right .next{left:unset;right:15px;bottom:-15px;top:unset}.navigation.bottom-center .prev{left:calc(50% - 20px);right:unset;bottom:-15px;top:unset}.navigation.bottom-center .next{left:calc(50% + 20px);right:unset;bottom:-15px;top:unset}.navigation.bottom-left .prev{left:15px;right:unset;bottom:-15px;top:unset}.navigation.bottom-left .next{left:60px;right:unset;bottom:-15px;top:unset}.navigation.middle-inline .prev{left:30px}.navigation.middle-inline .next{right:30px}.banner-container-solo{overflow:hidden;margin:auto;border-radius:12px}.banner-image-solo{width:100%;display:block;border-radius:12px;background:#f5f6fa;-o-object-fit:cover;object-fit:cover;height:inherit}.default-slider{height:100%;background:#d4e2fb}.default-slider .default-title{text-align:center;position:absolute;top:50%;left:0;right:0;margin:auto;transform:translateY(-50%);z-index:999;background:#e6efff;padding:32px;width:500px}.default-slider .default-title p{word-break:break-word;margin:0!important;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-transform:uppercase}@media screen and (max-width:768px){.default-slider{height:384px;width:100%}.default-slider .default-title{width:unset!important}}@media screen and (min-width:320px) and (max-width:769px){.navigation.middle-inline .prev{left:6%!important}}@media screen and (min-width:820px) and (max-width:1023px){.navigation.middle-inline .prev{left:6%!important}}"]}]}],e.ctorParameters=function(){return[{type:utilsV2.EventService},{type:utilsV2.ValueService}]},e.propDecorators={widgetData:[{type:core.Input}],styleData:[{type:core.Input}],title:[{type:core.Input}],type:[{type:core.Input}],id:[{type:core.HostBinding,args:["id"]}]},e}(resolverV2.WidgetBaseComponent);function IImageResponsiveUnit(){}var customBreakPoints={xs:"(max-width: 450px)",s:"(min-width: 450.001px) and (max-width: 768px)",m:"(min-width: 768.001px) and (max-width: 1024px)",l:"(min-width: 1024.001px) and (max-width: 1400px)",xl:"(min-width: 1400.001px) and (max-width: 1920px)",xxl:"(min-width: 1920.001px)"},ImageResponsiveDirective=function(){function t(t){var e=this;this.breakpointObserver=t,this.src=null,this.srcBindUrl="",this.currentSize="",this.breakpointSubscription=null,this.breakpointSubscription=this.breakpointObserver.observe([customBreakPoints.xs,customBreakPoints.s,customBreakPoints.m,customBreakPoints.l,customBreakPoints.xl,customBreakPoints.xxl]).pipe(operators.distinctUntilChanged()).subscribe((function(t){t.breakpoints[customBreakPoints.xxl]?e.currentSize="xxl":t.breakpoints[customBreakPoints.xl]?e.currentSize="xl":t.breakpoints[customBreakPoints.l]?e.currentSize="l":t.breakpoints[customBreakPoints.m]?e.currentSize="m":t.breakpoints[customBreakPoints.s]?e.currentSize="s":t.breakpoints[customBreakPoints.xs]?e.currentSize="xs":e.currentSize="xl",e.setSrc()}))}return t.prototype.ngOnChanges=function(){this.src&&this.setSrc()},t.prototype.ngOnDestroy=function(){this.breakpointSubscription&&this.breakpointSubscription.unsubscribe()},t.prototype.setSrc=function(){this.currentSize&&this.src&&this.src[this.currentSize]&&(this.srcBindUrl=this.src[this.currentSize])},t.decorators=[{type:core.Directive,args:[{selector:"[wsUtilsImageResponsive]"}]}],t.ctorParameters=function(){return[{type:layout.BreakpointObserver}]},t.propDecorators={src:[{type:core.Input}],srcBindUrl:[{type:core.HostBinding,args:["src"]}]},t}();var ImageResponsiveModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[ImageResponsiveDirective],imports:[common.CommonModule],exports:[ImageResponsiveDirective]}]}],t}(),NavigationDirective=function(){function t(){this.wsUtilsNavigation="",this.openInNewTab=!1,this.routeUrl=""}return t.prototype.onMouseEnter=function(t){(this.openInNewTab||this.wsUtilsNavigation.includes("mailto"))&&(t.preventDefault(),t.stopPropagation(),this.routeUrl="./",window.open(this.wsUtilsNavigation))},t.prototype.ngOnChanges=function(){(this.openInNewTab||this.wsUtilsNavigation.includes("mailto"))&&(this.routeUrl="./")},t.decorators=[{type:core.Directive,args:[{selector:"[wsUtilsNavigation]"}]}],t.ctorParameters=function(){return[]},t.propDecorators={wsUtilsNavigation:[{type:core.Input}],openInNewTab:[{type:core.Input}],routeUrl:[{type:core.Input},{type:core.HostBinding,args:["attr.routerLink"]}],onMouseEnter:[{type:core.HostListener,args:["mousedown",["$event"]]}]},t}();var NavigationModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[NavigationDirective],imports:[common.CommonModule],exports:[NavigationDirective]}]}],t}(),MyHammerConfig=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return __extends(e,t),e.prototype.buildHammer=function(t){return new Hammer(t,{touchAction:"pan-y"})},e}(platformBrowser.HammerGestureConfig),SlidersLibModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[SlidersLibComponent],imports:[common.CommonModule,router.RouterModule,NavigationModule,ImageResponsiveModule],exports:[SlidersLibComponent],entryComponents:[SlidersLibComponent],providers:[{provide:platformBrowser.HAMMER_GESTURE_CONFIG,useClass:MyHammerConfig}]}]}],t}(),API_END_POINTS$2={PROVIDER_INSIGHTS:"/apis/proxies/v8/microsite/read/insights",TRAINING_DETAILS:"apis/proxies/v8/sunbirdigot/search",ANNOUNCEMENTS_DETAILS:"apis/proxies/v8/announcements/v1/search",LEARNERS:"apis/proxies/v8/halloffame/top/learners",LEADERBOARD:"apis/proxies/v8/halloffame/v1/mdoleaderboard",LEADERBOARD_USERS:"apis/proxies/v8/halloffame/v1/userleaderboard",NLW_LEADERBOARD:"apis/proxies/v8/national/learning/week/insights",INSIGHTS:"apis/proxies/v8/read/user/insights",USER_PROGRESS:"apis/proxies/v8/halloffame/v1/userleaderboard"},InsiteDataService=function(){function t(t){this.http=t}return t.prototype.fetchSearchData=function(t){return this.http.post(API_END_POINTS$2.PROVIDER_INSIGHTS,t)},t.prototype.fetchAnnouncementsData=function(t){return this.http.post(API_END_POINTS$2.ANNOUNCEMENTS_DETAILS,t)},t.prototype.fetchTrainingDetails=function(t){return this.http.post(API_END_POINTS$2.TRAINING_DETAILS,t)},t.prototype.fetchLearner=function(t){return this.http.get(API_END_POINTS$2.LEARNERS+"/"+t)},t.prototype.fetchLeaderboard=function(){return this.http.get(""+API_END_POINTS$2.LEADERBOARD)},t.prototype.fetchMdoUsers=function(t){return this.http.get(API_END_POINTS$2.LEADERBOARD_USERS+"/"+t)},t.prototype.fetchNwlStats=function(){return this.http.get(""+API_END_POINTS$2.NLW_LEADERBOARD)},t.prototype.fetchInsightsData=function(t){return this.http.post(API_END_POINTS$2.INSIGHTS,t)},t.prototype.fetchUserProgress=function(){return this.http.get(""+API_END_POINTS$2.USER_PROGRESS)},t.decorators=[{type:core.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[{type:http.HttpClient}]},t.ngInjectableDef=core.ɵɵdefineInjectable({factory:function(){return new t(core.ɵɵinject(http.HttpClient))},token:t,providedIn:"root"}),t}();var DataPointsComponent=function(){function t(t){this.insightSvc=t,this.layoutType="",this.fetchDataFromApi=!1,this.providerId="",this.pageLayout="",this.customArray=[],this.isDataLoading=!1}return t.prototype.ngOnInit=function(){this.objectData&&"gridLayout"===this.layoutType&&(this.customArray=this.createCustomArray(this.objectData.metrics)),this.fetchDataFromApi&&(this.isDataLoading=!0,"nlw"===this.pageLayout?this.getStats():this.getInsiteData())},t.prototype.createCustomArray=function(t){for(var e=[],n=0;n<t.length;n+=this.objectData.dataColSpan)e.push(t.slice(n,n+this.objectData.dataColSpan));return e},t.prototype.getInsiteData=function(){var t=this,e={};e={request:{filters:{organisations:[this.providerId]}}},this.pageLayout&&"mdo"===this.pageLayout&&(e={request:{filters:{requestType:"MDO_INSIGHT",organisations:[this.providerId]}}}),this.insightSvc.fetchSearchData(e).subscribe((function(e){e&&e.result&&e.result.response&&e.result.response.nudges&&e.result.response.nudges.length&&e.result.response.nudges.forEach((function(e){t.providerId&&t.providerId===e.orgId&&(t.objectData=e.data)})),t.isDataLoading=!1}))},t.prototype.getStats=function(){var t=this;this.insightSvc.fetchNwlStats().subscribe((function(e){e&&e.result&&e.result.data&&(t.objectData=e.result.data),t.isDataLoading=!1}),(function(e){console.log(e),t.isDataLoading=!1}))},t.prototype.converToIndianSystem=function(t){if(t){var e=__read(t.toString().split("."),2),n=e[0],a=e[1],i=n.slice(-3),o=n.slice(0,-3);""!==o&&(i=","+i);var r=o.replace(/\B(?=(\d{2})+(?!\d))/g,",")+i;return a?r+"."+a.substr(0,2):r}},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-data-points",template:'<div class="w-full metrics-web" *ngIf="layoutType === \'multipleRows\' && !isDataLoading">\n    <div *ngFor="let obj of objectData; let last = last" class="">\n        <div class="element-div" [ngClass]="{\'linebreak\': obj?.linebreak && !last}">\n            <div class="flex flex-row gap-3 items-top">\n                <div>\n                    <img class="objIcon" [src]="obj.icon"  [style.color]="obj?.iconColor">\n                </div>\n                <div>\n                    <div [style.color]="obj?.valueColor" class="objHeader pb-1" *ngIf="!(obj && obj.value)">0</div>\n                    <div [style.color]="obj?.valueColor" class="objHeader pb-1" *ngIf="(obj && obj.value)">\n                        {{obj.value | number: obj.value % 1 === 0 ? \'1.0-0\' : \'1.1-2\'}}\n                    </div>\n                    <div [style.color]="obj?.labelColor" class="objDescription">{{obj?.label}}</div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n<div class="w-full pl-5 margin-top-l" *ngIf="layoutType === \'multipleRows-V2\' && !isDataLoading">\n    \x3c!-- <div class="logodiv margin-bottom-s">\n        <img alt="Application Logo" class="logoimg" src="/assets/instances/eagle/app_logos/KarmayogiBharat_Logo_Horizontal.svg">\n    </div> --\x3e\n    <div *ngFor="let obj of objectData; let i = index">\n        <div class="flex flex-row gap-3 {{(i+1 === objectData.length ? \'\' : \'pb-5\')}}">\n            <div class="v2-icons-div">\n                <div class="v2-icon-contaier"\n                    [style.background]="obj?.iconBackgroupColorV2"\n                    [style.borderColor]="obj?.valueColorV2">\n                    <img class="v2-objIcon" [src]="obj.icon" />\n                </div>\n            </div>\n            <div class="v2-content-div">\n                <div class="flex flex-col">\n                    <div class="v2-value" [style.color]="obj?.valueColorV2" *ngIf="!(obj && obj?.value)">0</div>\n                    <div class="v2-value" [style.color]="obj?.valueColorV2">\n                        {{converToIndianSystem(obj?.value)}}\n                    </div>\n                    <div class="v2-label" [style.color]="obj?.labelColorV2">\n                        {{obj?.label}}\n                    </div>\n                    <div class="flex flex-row dot-container" *ngIf="i+1 !== objectData?.length">\n                        <div class="v2-dot"\n                            [style.background]="obj?.valueColorV2"\n                            [style.borderColor]="obj?.labelColorV2"></div>\n                        <div class="v2-border" [style.background]="obj?.labelColorV2"></div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n<div class="w-full" *ngIf="layoutType === \'singleRow-v2\' && !isDataLoading">\n    <div class="flex gap-4">\n        <div *ngFor="let obj of objectData" class="flex-container">\n            <div class="melement-div flex-item" [style.background]="obj?.backgroundV2" >\n                <div class="flex flex-row gap-3">\n                    <div class="mob-image-container-v2" [style.borderColor]="obj?.valueColorV2">\n                        <img [style.color]="obj?.iconColor" class="mobjIcon-v2" [src]="obj.icon">\n                    </div>\n                    <div>\n                        <div [style.color]="obj?.valueColorMobV2" class="mobjHeader pb-1" *ngIf="!(obj && obj.value)">0</div>\n                        <div [style.color]="obj?.valueColorMobV2" class="mobjHeader pb-1" *ngIf="(obj && obj.value)">\n                            {{converToIndianSystem(obj?.value)}}\n                        </div>\n                        <div [style.color]="obj?.labelColorV2" class="mobjDescription">{{obj?.label}}</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n<div class="w-full" *ngIf="layoutType === \'singleRow\' && !isDataLoading">\n    <div class="flex gap-4">\n        <div *ngFor="let obj of objectData" class="flex-container">\n            <div class="melement-div {{obj?.background}} flex-item" [style.background]="obj?.background" >\n                <div class="flex flex-row gap-3">\n                    <div>\n                        <img [style.color]="obj?.iconColor"  class="mobjIcon" [src]="obj.icon">\n                    </div>\n                    <div>\n                        <div [style.color]="obj?.valueColor" class="mobjHeader pb-1" *ngIf="!(obj && obj.value)">0</div>\n                        <div [style.color]="obj?.valueColor" class="mobjHeader pb-1" *ngIf="(obj && obj.value)">\n                            {{obj?.value  | number: obj.value % 1 === 0 ? \'1.0-0\' : \'1.1-2\'}}\n                        </div>\n                        <div [style.color]="obj?.labelColor" class="mobjDescription">{{obj?.label}}</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>    \n</div>\n\n<div class="w-full" *ngIf="layoutType === \'gridLayout\'">\n    <div class="w-full" *ngIf="layoutType === \'gridLayout\'">\n        <div class="top-container">\n            <div class="flex-container" *ngFor="let chunk of customArray">\n                <div *ngFor="let item of chunk">\n                    <div class="flex-item">\n                        <div class="flex flex-row gap-5 infra-element-div">\n                            <div>\n                                <div [style.color]="item?.valueColor" class="infra-objHeader" *ngIf="!(item && item.value)">0</div>\n                                <div [style.color]="item?.valueColor" class="infra-objHeader"  *ngIf="(item && item.value)">\n                                    {{item?.value  | number: item.value % 1 === 0 ? \'1.0-0\' : \'1.1-2\'}}\n                                </div>\n                                <div [style.color]="item?.labelColor" class="custom-opacity infra-objDescription padding-top-s">{{item?.label}}</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n            </div>\n        </div>\n    </div>   \n</div>\n\n<div class="w-full" *ngIf="layoutType === \'singleFlexeRow\' && !isDataLoading">\n    <div class="flex space-around">\n        <div *ngFor="let obj of objectData" class="flex-container">\n            <div class="singleFlexeRow-div singleFlexeRow flex-item">\n                <div class="flex flex-row gap-3">\n                    <div>\n                        <img [style.color]="obj?.iconColor"  class="singleFlexeRowIcon" [src]="obj.icon">\n                    </div>\n                    <div class="flex flex-col">\n                        <div [style.color]="obj?.valueColor" class="singleFlexeRowHeader pb-2" *ngIf="!(obj && obj.value)">0</div>\n                        <div [style.color]="obj?.valueColor" class="singleFlexeRowHeader pb-2" *ngIf="(obj && obj.value)">\n                            {{converToIndianSystem(obj?.value)}}\n                        </div>\n                        <div [style.color]="obj?.labelColor" class="singleFlexeRowDescription">{{obj?.label}}</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n<div class="w-full" *ngIf="pageLayout === \'nlw\' && !isDataLoading">\n    <div class="stats-header">\n        <div class="flex items-center justify-center stats-title">\n            <span class="my-arrow">&#10094;</span>\n            <span class="my-arrow less-opacity1">&#10094;</span>\n            <span class="my-arrow less-opacity2">&#10094;</span>\n            <span class="px-4">{{title}}</span>\n            <span class="my-arrow less-opacity2">&#10095;</span>\n            <span class="my-arrow less-opacity1">&#10095;</span>\n            <span class="my-arrow">&#10095;</span>\n        </div>\n    </div>\n    <div class="nlw-status" *ngIf="layoutType === \'nlwRow\'">\n        <div class="flex space-around pt-5">\n            <div *ngFor="let obj of objectData; index as i" class="flex-container">\n                <div class="nlw-div singleFlexeRow flex-item {{i === 0 ? \'\' : \'divider\'}} ">\n                    <div class="flex flex-row gap-3">\n                        <div>\n                            <img [style.color]="obj?.iconColor"  class="singleFlexeRowIcon" [src]="obj.icon">\n                        </div>\n                        <div class="flex flex-col">\n                            <div [style.color]="obj?.valueColor" class="singleFlexeRowHeader pb-2" *ngIf="!(obj && obj.value)">0</div>\n                            <div [style.color]="obj?.valueColor" class="singleFlexeRowHeader pb-2" *ngIf="(obj && obj.value)">\n                                {{converToIndianSystem(obj?.value)}}\n                            </div>\n                            <div [style.color]="obj?.labelColor" class="singleFlexeRowDescription">{{obj?.label}}</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class="nlw-status-mob" *ngIf="layoutType === \'nlwCol\'">\n        <div *ngFor="let obj of objectData; index as i" class="flex-container">\n            <div class="nlw-div singleFlexeRow flex-item {{i === 0 ? \'\' : \'divider\'}} ">\n                <div class="flex flex-row gap-3">\n                    <div>\n                        <img [style.color]="obj?.iconColor"  class="singleFlexeRowIcon" [src]="obj.icon">\n                    </div>\n                    <div class="flex flex-col">\n                        <div [style.color]="obj?.valueColor" class="singleFlexeRowHeader pb-2" *ngIf="!(obj && obj.value)">0</div>\n                        <div [style.color]="obj?.valueColor" class="singleFlexeRowHeader pb-2" *ngIf="(obj && obj.value)">\n                            {{converToIndianSystem(obj?.value)}}\n                        </div>\n                        <div [style.color]="obj?.labelColor" class="singleFlexeRowDescription">{{obj?.label}}</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n\x3c!-- skeleton  loaders --\x3e\n\n<ng-container>\n    <div class="w-full metrics-web customdiv" *ngIf="layoutType === \'multipleRows-V2\' && isDataLoading">\n        <div *ngFor="let obj of [1,2,3,4]l let i = index">\n            <div class="flex flex-row gap-4 {{(i+1 === objectData.length ? \'\' : \'pb-5\')}}">\n                <div class="v2-icons-div">\n                    <div class="v2-icon-contaier">\n                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'55px\'"\n                        [height]="\'55px\'"></sb-uic-skeleton-loader>\n                    </div>\n                </div>\n                <div class="v2-content-div">\n                    <div class="flex flex-col">\n                        <div class="v2-value" [style.color]="obj?.valueColor">\n                            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded mb-1\'" [width]="\'100px\'"\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\n                        </div>\n                        <div class="v2-label" [style.color]="obj?.labelColor">\n                            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded mb-1\'" [width]="\'100px\'"\n                        [height]="\'16px\'"></sb-uic-skeleton-loader>\n                        </div>\n                    </div>\n                </div>\n            </div>        \n        </div>\n    </div>\n</ng-container>\n\n<ng-container>\n    <div class="w-full metrics-web customdiv" *ngIf="layoutType === \'multipleRows\' && isDataLoading">\n        <div *ngFor="let obj of [0,1,2,3]" class="">\n            <div class="element-div linebreak" >\n                <div class="flex flex-row gap-3 items-top">\n                    <div>\n                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'32px\'"\n                        [height]="\'32px\'"></sb-uic-skeleton-loader>\n                    </div>\n                    <div>\n                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded mb-1\'" [width]="\'100px\'"\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\n                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded mb-1\'" [width]="\'150px\'"\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class="w-full metrics-web" *ngIf="layoutType === \'singleFlexeRow\' && isDataLoading">\n        <div class="flex">\n            <div *ngFor="let obj of objectData" class="flex-container">\n                <div class="singleFlexeRow-div flex-item">\n                    <div class="flex flex-row gap-3">\n                        <div>\n                            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'24px\'" [height]="\'24px\'">\n                            </sb-uic-skeleton-loader>\n                        </div>\n                        <div class="flex flex-col">\n                            <div [style.color]="obj?.valueColor" class="singleFlexeRowHeader pb-2" *ngIf="!(obj && obj.value)">\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'24px\'" [height]="\'24px\'">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                            <div [style.color]="obj?.valueColor" class="singleFlexeRowHeader pb-2" *ngIf="(obj && obj.value)">\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'24px\'" [height]="\'24px\'">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                            <div [style.color]="obj?.labelColor" class="singleFlexeRowDescription">\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'100px\'" [height]="\'20px\'">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class="w-full" *ngIf="layoutType === \'singleRow\' && isDataLoading">\n        <div class="flex gap-4">\n            <div *ngFor="let obj of objectData" class="flex-container">\n                <div class="melement-div {{obj?.background}} flex-item" [style.background]="obj?.background" >\n                    <div class="flex flex-row gap-3">\n                        <div>\n                            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'24px\'" [height]="\'20px\'">\n                            </sb-uic-skeleton-loader>\n                        </div>\n                        <div>\n                            <div [style.color]="obj?.valueColor" class="mobjHeader pb-1" *ngIf="!(obj && obj.value)">\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'24px\'" [height]="\'19px\'">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                            <div [style.color]="obj?.valueColor" class="mobjHeader pb-1" *ngIf="(obj && obj.value)">\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'24px\'" [height]="\'19px\'">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                            <div [style.color]="obj?.labelColor" class="mobjDescription">\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'100px\'" [height]="\'18px\'">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n\n    <div class="w-full" *ngIf="layoutType === \'singleRow-v2\' && isDataLoading">\n        <div class="flex gap-4">\n            <div *ngFor="let obj of objectData" class="flex-container">\n                <div class="melement-div flex-item" [style.background]="obj?.backgroundV2" >\n                    <div class="flex flex-row gap-3">\n                        <div>\n                            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'24px\'" [height]="\'24px\'">\n                            </sb-uic-skeleton-loader>\n                        </div>\n                        <div>\n                            <div [style.color]="obj?.valueColor" class="mobjHeader pb-1" *ngIf="!(obj && obj.value)">\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'24px\'" [height]="\'19px\'">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                            <div [style.color]="obj?.valueColor" class="mobjHeader pb-1" *ngIf="(obj && obj.value)">\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'24px\'" [height]="\'19px\'">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                            <div [style.color]="obj?.labelColor" class="mobjDescription">\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'100px\'" [height]="\'18px\'">\n                                </sb-uic-skeleton-loader>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-container>\n',styles:["@font-face{font-family:Poppins;src:url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-400-normal.woff2) format('woff2'),url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-400-normal.woff) format('woff')}.stats-header{display:flex;align-items:center;justify-content:center}.stats-title{background-color:#f3962f;padding:12px 16px;color:#fff;font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;border-radius:35px;margin-top:-20px;z-index:90}.my-arrow{font-size:12px}.less-opacity1{opacity:.75}.less-opacity2{opacity:.5}.nlw-status{background:linear-gradient(173.01deg,#266eeb -5.09%,#133f8b 133.16%);margin-top:-22px}.nlw-status-mob{background:linear-gradient(173.01deg,#266eeb -5.09%,#133f8b 133.16%);margin-top:-22px;padding-top:32px}.nlw-div{padding:0 16px;margin:10px 0 16px}.divider{border-left:1.6px solid #a6a4a4}.mob-image-container-v2{height:28px;width:28px;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #fff}.mobjIcon-v2{width:18px;height:18px}.v2-icon-contaier{height:45px;width:45px;border:1px solid #fff;border-radius:50%;align-items:center;display:flex;justify-content:center}.v2-value{font-family:Poppins;font-size:20px;font-weight:600;line-height:20px;text-align:left;padding-bottom:5px;padding-left:10px}.v2-label{font-family:Poppins;font-size:12px;font-weight:400;line-height:18px;text-align:left;padding-bottom:5px;padding-left:10px}.dot-container{align-items:center}.v2-dot{width:9px;height:9px;border:2px solid #fff;border-radius:50%}.v2-border{height:1px;width:182px}.white{color:#fff}.custom-opacity{opacity:.7}.black{color:#000}.objIcon{width:32px;height:32px}.mobjIcon{width:24px;height:24px}.objHeader{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:left}.mobjHeader{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.objDescription{font-family:Lato;font-size:16px;font-weight:400;line-height:19.2px;text-align:left}.mobjDescription{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left}.metrics-web{height:inherit;overflow-y:auto}.element-div{padding:25px 0;margin:0 25px}.linebreak{border-bottom:1px solid rgba(0,0,0,.16)}.singleFlexeRow-flex-item{flex:0 0 auto;white-space:nowrap}.singleFlexeRow-div{padding:16px;border-radius:15px}.singleFlexeRowHeader{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left}.singleFlexeRowDescription{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left}.singleFlexeRowIcon{width:24px;height:24px}.melement-div{padding:16px;border-radius:15px;width:249px}.banner-metrics{background:linear-gradient(180deg,#f9cb97 -107.59%,#ef951e 110.74%)}.infra-element-div{min-width:325px;padding:25px 0;align-items:baseline}.infra-objIcon{width:32px;height:32px}.infra-objHeader{font-family:Montserrat;font-size:36px;font-weight:600;line-height:29.26px;text-align:left}.infra-objDescription{font-family:Lato;font-size:16px;font-weight:400;line-height:19.2px;text-align:left;width:230px;text-overflow:ellipsis;overflow:hidden}.flex-container{display:flex}.top-container{overflow-x:auto;width:100%}::-webkit-scrollbar{height:4px}::-webkit-scrollbar-track{border-radius:10px;background:#000}::-webkit-scrollbar-thumb{background:#cccc;border-radius:10px}.flex-item{flex:0 0 auto;white-space:nowrap;min-width:200px}.space-around{justify-content:space-evenly}@media screen and (min-width:768px) and (max-width:1023px){.v2-icon-contaier{height:25px;width:25px}.v2-objIcon{width:14px}.v2-value{font-size:14px!important;line-height:14px!important;padding-left:0!important}.v2-label{font-size:9px!important;line-height:9px!important;padding-left:0!important}.v2-dot{width:6px!important;height:6px!important;border:1px solid #fff!important}.v2-border{width:109px!important}}@media screen and (min-width:1023px) and (max-width:1280px){.customdiv{margin-left:6%;margin-top:.6em!important}.v2-icon-contaier{height:34px;width:34px}.v2-objIcon{width:20px}.v2-value{font-size:16px!important;line-height:16px!important;padding-left:0!important}.v2-label{font-size:10px!important;line-height:10px!important;padding-left:0!important}.v2-dot{width:8px!important;height:8px!important;border:1px solid #fff!important}.v2-border{width:122px!important}}@media screen and (max-width:768px){.infra-objIcon{width:24px;height:24px}.infra-objHeader{font-size:24px}.infra-element-div{min-width:250px;padding:15px 0 25px}}@media screen and (min-width:1280px){.customdiv{margin-left:24%}}@media screen and (min-width:1690px){.customdiv{margin-left:34%}}@media screen and (min-width:1904px){.customdiv{margin-left:44%}}.logodiv{background:#fff;width:150px;border-radius:45px;text-align:center;padding:8px 0 2px}.logoimg{width:114px}"]}]}],t.ctorParameters=function(){return[{type:InsiteDataService}]},t.propDecorators={objectData:[{type:core.Input}],layoutType:[{type:core.Input}],fetchDataFromApi:[{type:core.Input}],providerId:[{type:core.Input}],pageLayout:[{type:core.Input}],title:[{type:core.Input}]},t}();var SkeletonLoaderLibComponent=function(){function t(){this.bindingClass="",this.height="",this.width=""}return t.prototype.ngOnInit=function(){},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-skeleton-loader",template:'<div [ngClass]="bindingClass" class="skeleton-box" [style.height]="height" [style.width]="width"></div>',styles:['.skeleton-box{position:relative;overflow:hidden;background-color:#dddbdd}.skeleton-box::after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));animation:1s infinite shimmer;content:""}@keyframes shimmer{100%{transform:translateX(100%)}}']}]}],t.ctorParameters=function(){return[]},t.propDecorators={bindingClass:[{type:core.Input}],height:[{type:core.Input}],width:[{type:core.Input}]},t}();var SkeletonLoaderLibModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[SkeletonLoaderLibComponent],imports:[common.CommonModule,forms.FormsModule,forms.ReactiveFormsModule,material.MatDialogModule,material.MatIconModule],exports:[SkeletonLoaderLibComponent],entryComponents:[SkeletonLoaderLibComponent]}]}],t}(),DataPointsModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[DataPointsComponent],imports:[common.CommonModule,SkeletonLoaderLibModule],exports:[DataPointsComponent],providers:[InsiteDataService]}]}],t}(),CalenderComponent=function(){function t(t,e){this.datePipe=t,this.insightSvc=e,this.fetchDataFromApi=!1,this.showHeader=!1,this.defaultDays=3,this.fullCalendor=!1,this.days=[],this.trainings={},this.isDataLoading=!1,this.currentDate=new Date,this.allMonths=["January","February","March","April","May","June","July","August","September","October","November","December"],this.monthsDropdown=[]}return t.prototype.ngOnInit=function(){this.currentMonthAndYear=this.datePipe.transform(this.currentDate,"MMMM y"),this.selectedMonth=this.datePipe.transform(this.currentDate,"LLLL yyyy"),this.fullCalendor&&(this.days=this.getDaysInMonth(this.currentDate.getFullYear(),this.currentDate.getMonth()),this.getMonthsDropdownData()),this.fullCalendor||(this.days=this.getDays(this.currentDate,+this.defaultDays)),this.startDate=this.days[0],this.endDate=this.days[this.days.length-1],this.fetchDataFromApi&&(this.isDataLoading=!0,this.getInsiteData())},t.prototype.getInsiteData=function(){var t=this,e={locale:["en"],query:"",request:{query:"",filters:{category:["Calendar"],status:["Live","Retired"],contentType:"Event",startDate:{">=":this.startDate,"<=":this.endDate},channel:[this.providerId]},sort_by:{lastUpdatedOn:"desc"}}};this.insightSvc.fetchTrainingDetails(e).subscribe((function(e){e&&e.result&&e.result.Event&&e.result.Event.forEach((function(e){if(t.trainings[e.startDate]){var n=t.trainings[e.startDate],a=e.eventType;if(e.location&&"Online"!==a)a=JSON.parse(e.location).address;var i={location:a,startTime:t.convertTo12HourFormat(e.startTime),endTime:t.convertTo12HourFormat(e.endTime),title:e.name,startDate:t.formatDate(e.startDate),endDate:t.formatDate(e.endDate),registrationLink:e.registrationLink};n.push(i),t.trainings[e.startDate]=n}})),t.isDataLoading=!1}))},t.prototype.getKeys=function(t){return Object.keys(t)},t.prototype.formatDate=function(t){var e=new Date(t);return this.datePipe.transform(e,"E, dd LLL")},t.prototype.convertTo12HourFormat=function(t){var e=t.split(":"),n=+e[0],a=+e[1],i=n>=12?"PM":"AM";return((n=(n%=12)||12)<10?"0"+n:n.toString())+":"+(a<10?"0"+a:a.toString())+" "+i},t.prototype.getDays=function(t,e){var n=[],a=new Date(t);for(a=this.datePipe.transform(a,"y-MM-dd"),n.push(a),this.trainings[a]=[];e>0;){var i=new Date(t);t=i=i.setDate(i.getDate()+1),i=this.datePipe.transform(i,"y-MM-dd"),n.push(i),this.trainings[i]=[],e-=1}return n},t.prototype.getDaysInMonth=function(t,e){var n=new Date(t,e,1),a=[];for(this.trainings={};n.getMonth()===e;){var i=new Date(n);i=this.datePipe.transform(i,"y-MM-dd"),a.push(i),this.trainings[i]=[],n.setDate(n.getDate()+1)}return a},t.prototype.getMonthsDropdownData=function(){var t=this;this.allMonths.forEach((function(e){t.monthsDropdown.push(e+" "+t.currentDate.getFullYear())}))},t.prototype.selectMonth=function(t){var e=new Date(t);this.currentDate=e,this.days=[],this.days=this.getDaysInMonth(this.currentDate.getFullYear(),this.currentDate.getMonth()),this.startDate=this.days[0],this.endDate=this.days[this.days.length-1],this.isDataLoading=!0,this.getInsiteData()},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-calender",template:'<div class="calendar-header flex flex-row c-padding center gap-2" *ngIf="showHeader">\n    <div class="pt-3">{{ objectData?.title }}:</div>\n    <div class="choose-month">\n        <mat-form-field class="custom-month">\n            <mat-select matNativeControl panelClass="custom-select" [ngModel]="selectedMonth" (ngModelChange)="selectMonth($event)" class="month-select">\n                <span *ngFor="let month of monthsDropdown">\n                    <mat-option [value]="month">{{month}}</mat-option>\n                </span>\n            </mat-select>\n        </mat-form-field>\n    </div>\n</div>\n<div *ngIf="layoutType===\'grid\'">\n    <div *ngFor="let obj of getKeys(trainings);  let i = index">\n        <sb-uic-calender-day [day]="trainings[obj]"\n            [layoutType]="layoutType"\n            [objectData]="objectData"\n            [dataLoading]="isDataLoading"\n            [eventDate]="obj"\n            [rowId]="i">\n        </sb-uic-calender-day>\n    </div>    \n</div>\n<div *ngIf="layoutType===\'row\'">\n    <div *ngFor="let obj of getKeys(trainings); let j = index">\n        <sb-uic-calender-day [day]="trainings[obj]"\n            [layoutType]="layoutType"\n            [objectData]="objectData"\n            [dataLoading]="isDataLoading"\n            [eventDate]="obj"\n            [rowId]="j">\n        </sb-uic-calender-day>\n    </div>\n</div>',styles:[".calendar-header{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.c-padding{padding:0}.center{align-items:center}::ng-deep .custom-month .mat-form-field-wrapper{padding-bottom:0!important;width:145px}::ng-deep .custom-month .mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:#000!important}::ng-deep .custom-month .mat-select-value{width:89%}::ng-deep .mat-select-arrow{color:#000!important}::ng-deep .custom-month .mat-select-value-text{font-weight:600}@media screen and (max-width:768px){.c-padding{padding:0 1.25rem 1rem}.calendar-header{font-size:15px}}"]}]}],t.ctorParameters=function(){return[{type:common.DatePipe},{type:InsiteDataService}]},t.propDecorators={objectData:[{type:core.Input}],layoutType:[{type:core.Input}],fetchDataFromApi:[{type:core.Input}],showHeader:[{type:core.Input}],defaultDays:[{type:core.Input}],providerId:[{type:core.Input}],fullCalendor:[{type:core.Input}]},t}();var CalenderDayComponent=function(){function t(t){this.datePipe=t,this.webDisplayDate="",this.mobileDisplayDate="",this.currentDate=new Date}return t.prototype.ngOnInit=function(){this.currentDate=this.datePipe.transform(this.currentDate,"y-MM-dd")},t.prototype.openLink=function(t){window.open(t,"_blank")},t.prototype.formatDate=function(t,e){var n=new Date(t);return"web"===e?this.datePipe.transform(n,"E, dd LLL"):"mob"===e?this.datePipe.transform(n,"E dd LLL"):void 0},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-calender-day",template:'<div *ngIf="layoutType===\'grid\' && !dataLoading">\n    <div class="p-3 event-day my-3"\n        [style.backgroundColor]="objectData?.webBackgroundColor"\n        [style.borderColor]="currentDate === eventDate ? objectData?.activeBackgroudColor: \'\'">\n    \n        <div class="flex item-top gap-8 {{ day.length ? \'\' : \'aliginCenter\'}}">\n            <div class="event-date">\n                <div class="currentDay"\n                    [style.backgroundColor]="currentDate === eventDate ? objectData?.activeBackgroudColor: \'\'"\n                    [style.color]="currentDate === eventDate ? objectData?.activeColor: \'\'">\n                    {{formatDate(eventDate, \'web\')}}\n                </div>\n            </div>\n            <div class="details w-full" *ngIf="day.length">\n                <div class="flex p-4 item-center events-list mb-{{day.length === (i+1) ? \'0\' : \'2\'}} gap-20" [style.backgroundColor]="objectData?.eventBackgroundColor"\n                    *ngFor="let event of day; let i = index" >\n                    <div>\n                        <div class="flex flex-row item-center gap-10 pb-2">\n                            <div class="flex item-center gap-1 row1 col1 range-width">\n                                <div><mat-icon class="icon-web">schedule</mat-icon> </div>\n                                <div>{{event.startTime}} to {{event.endTime}}</div>\n                            </div>\n                            <div class="flex item-center col1 ">{{event.title}}</div>\n                        </div>\n                        <div class="flex flex-row item-center gap-10">\n                            <div class="flex item-center gap-1 row1 col1" *ngIf="event.startDate && event.endDate && event.startDate !== event.endDate">\n                                <div><mat-icon class="icon-web">date_range</mat-icon> </div>\n                                <div class="upcase">{{event.startDate}} - {{event.endDate}}</div>\n                            </div>\n                            <div class="flex item-center col1">\n                                <div><mat-icon class="icon-web">location_on</mat-icon> </div>\n                                <div class="flex item-center">{{event.location}}</div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class="visit-link flex gap-2"\n                        *ngIf="event?.registrationLink">\n                        <div (click)="openLink(event?.registrationLink)">Visit</div>\n                        <div (click)="openLink(event?.registrationLink)"><mat-icon class="visit-icon">open_in_new</mat-icon> </div>\n                    </div>\n                </div>\n            </div>\n            <div class="details w-full" *ngIf="!day.length">\n                No trainings.\n            </div>\n        </div>\n    </div>\n</div>\n\n<div *ngIf="layoutType===\'row\' && !dataLoading">\n    <div class="pl-5 pr-5 mb-{{day?.length === (rowId+1) ? \'0\' : \'3\'}}"\n        >\n        <div class="flex item-center gap-4">\n            <div class="event-date">\n                <div class="flex flex-col">\n                    <div> {{formatDate(eventDate, \'mob\').split(\' \')[0]}}</div>\n                    <div class="mob-currentDay"\n                        [style.backgroundColor]="currentDate === eventDate ? objectData?.activeBackgroudColor: \'\'"\n                        [style.color]="currentDate === eventDate ? objectData?.activeColor: \'\'">\n                        {{formatDate(eventDate, \'mob\').split(\' \')[1]}}\n                    </div>\n                    <div> {{formatDate(eventDate, \'mob\').split(\' \')[2]}}</div>\n                </div>\n            </div>\n            <div class="details w-full" *ngIf="day.length">\n                <div class="flex flex-col mob-events-list p-3 mb-{{day.length === (i+1) ? \'0\' : \'2\'}}"\n                    *ngFor="let event of day; let i = index" [style.backgroundColor]="objectData?.eventBackgroundColor">\n                    <div>\n                        <div class="flex pb-2">{{event.title}}</div>\n                        <div class="flex pb-1">\n                            <div><mat-icon class="mob-icon">schedule</mat-icon> </div>\n                            <div>{{event.startTime}} to {{event.endTime}}</div>\n                        </div>\n                        <div class="flex pb-1" *ngIf="event.startDate && event.endDate && event.startDate !== event.endDate">\n                            <div><mat-icon class="mob-icon">date_range</mat-icon> </div>\n                            <div class="upcase">{{event.startDate}} - {{event.endDate}}</div>\n                        </div>\n                        <div class="flex">\n                            <div><mat-icon class="mob-icon">location_on</mat-icon> </div>\n                            <div class="flex item-center">{{event.location}}</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class="details w-full p-3 flex no-data" *ngIf="!day.length" \n                [style.backgroundColor]="objectData?.mobileBackground">\n                No trainings.\n            </div>\n        </div>        \n    </div>    \n</div>\n\n\x3c!-- skeleton  loaders --\x3e\n<div *ngIf="dataLoading">\n    <div *ngIf="layoutType===\'grid\'">\n        <div class="hidden md:block">\n            <div class="p-3 event-day my-3"\n                [style.backgroundColor]="\'#FFF\'">\n                <div class="flex item-top gap-8">\n                    <div class="event-date">\n                        <div class="currentDay">\n                            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'90px\'"\n                                [height]="\'32px\'"></sb-uic-skeleton-loader>    \n                        </div>\n                    </div>\n                    <div class="details w-full">\n                        <div class="flex p-4 item-center events-list mb-2 gap-20">\n                            <div>\n                                <div class="flex flex-row item-center gap-20 pb-2">\n                                    <div class="flex item-center gap-2 row1 col1">\n                                        <div>\n                                            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'50px\'"\n                                            [height]="\'32px\'"></sb-uic-skeleton-loader>\n                                        </div>\n                                        <div>\n                                            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'250px\'"\n                                            [height]="\'32px\'"></sb-uic-skeleton-loader>\n                                        </div>\n                                    </div>\n                                    <div class="flex item-center col1">\n                                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'250px\'"\n                                        [height]="\'32px\'"></sb-uic-skeleton-loader> </div>\n                                </div>\n                                <div class="flex flex-row item-center gap-20 pb-2">\n                                    <div class="flex item-center gap-2 row1 col1">\n                                        <div>\n                                            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'50px\'"\n                                            [height]="\'32px\'"></sb-uic-skeleton-loader>\n                                        </div>\n                                        <div>\n                                            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'250px\'"\n                                            [height]="\'32px\'"></sb-uic-skeleton-loader>\n                                        </div>\n                                    </div>\n                                    <div class="flex item-center col1">\n                                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'250px\'"\n                                        [height]="\'32px\'"></sb-uic-skeleton-loader> </div>\n                                </div>\n                            </div>\n                            <div class="visit-link flex gap-2">\n                                <div><sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'200px\'"\n                                    [height]="\'32px\'"></sb-uic-skeleton-loader> </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div *ngIf="layoutType===\'row\'">\n        <div class="block md:hidden">\n            <div class="p-5" \n            [style.backgroundColor]="\'#FFFFFF\'">\n            <div class="flex item-center gap-4">\n                <div class="event-date">\n                    <div class="flex flex-col">\n                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'30px\'"\n                                [height]="\'90px\'"></sb-uic-skeleton-loader> \n                    </div>\n                </div>\n                <div class="details w-full">\n                    <div class="flex flex-col mob-events-list p-3 mb-2">\n                        <div>\n                            <div class="flex pb-2">\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'265px\'"\n                                [height]="\'32px\'"></sb-uic-skeleton-loader> \n                            </div>\n                            <div class="flex pb-1 gap-2">\n                                <div>\n                                    <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'30px\'"\n                                    [height]="\'32px\'"></sb-uic-skeleton-loader>\n                                </div>\n                                <div><sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'230px\'"\n                                    [height]="\'32px\'"></sb-uic-skeleton-loader>\n                                </div>\n                            </div>\n                            <div class="flex pb-1 gap-2">\n                                <div>\n                                    <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'30px\'"\n                                    [height]="\'32px\'"></sb-uic-skeleton-loader>\n                                </div>\n                                <div>\n                                    <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'230px\'"\n                                    [height]="\'32px\'"></sb-uic-skeleton-loader>\n                                </div>\n                            </div>\n                            <div class="flex gap-2">\n                                <div><sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'30px\'"\n                                    [height]="\'32px\'"></sb-uic-skeleton-loader>\n                                </div>\n                                <div class="flex item-center">\n                                    <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'230px\'"\n                                [height]="\'32px\'"></sb-uic-skeleton-loader> \n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>    \n</div>',styles:[".event-day{border:1px solid #c3c3c3;border-radius:15px}.event-date{font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;width:10%;text-transform:uppercase}.events-list{border:1px solid #c3c3c3;border-radius:15px;justify-content:space-between;align-items:center;font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px}.row1{width:235px}.icon-web{font-size:17px;height:17px}.upcase{text-transform:uppercase}.aliginCenter,.col1{align-items:center}.range-width{min-width:234px}.visit-link{cursor:pointer;align-items:center;justify-content:center}.visit-icon{font-size:17px;height:17px;color:#1b4ca1}.currentDay{padding:5px;border-radius:20px}.mob-currentDay{padding:8px;border-radius:20px}.mob-events-list{border:1px solid #e8e6e5;border-radius:10px;justify-content:space-between;font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px}.mob-icon{font-size:17px;height:17px}.no-data{display:flex;align-items:center;border-radius:10px}"]}]}],t.ctorParameters=function(){return[{type:common.DatePipe}]},t.propDecorators={objectData:[{type:core.Input}],layoutType:[{type:core.Input}],day:[{type:core.Input}],dataLoading:[{type:core.Input}],rowId:[{type:core.Input}],eventDate:[{type:core.Input}]},t}();var CalenderModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{imports:[common.CommonModule,material.MatIconModule,forms.FormsModule,forms.ReactiveFormsModule,material.MatSelectModule,SkeletonLoaderLibModule],declarations:[CalenderComponent,CalenderDayComponent],exports:[CalenderComponent],schemas:[core.CUSTOM_ELEMENTS_SCHEMA],providers:[common.DatePipe,InsiteDataService]}]}],t}(),CommonMethodsService=function(){function t(){}return t.prototype.transformContentsToWidgets=function(t,e){return(t||[]).map((function(t,n){return t?{widgetType:"cardLib",widgetSubType:"cardContentLib",widgetHostClass:"mb-2",widgetData:__assign({content:t},t.batch&&{batch:t.batch},{cardSubType:e.stripConfig&&e.stripConfig.cardSubType,cardCustomeClass:e.customeClass?e.customeClass:"",context:{pageSection:e.key,position:n},intranetMode:e.stripConfig&&e.stripConfig.intranetMode,deletedMode:e.stripConfig&&e.stripConfig.deletedMode,contentTags:e.stripConfig&&e.stripConfig.contentTags})}:{widgetType:"card",widgetSubType:"cardContent",widgetHostClass:"mb-2",widgetData:{}}}))},t.prototype.transformSkeletonToWidgets=function(t){return[1,2,3,4,5,6,7,7,8,9,10].map((function(e){return{widgetType:"cardLib",widgetSubType:"cardContentLib",widgetHostClass:"mb-2",widgetData:{cardSubType:t.loaderConfig&&t.loaderConfig.cardSubType||"card-standard-skeleton",cardCustomeClass:t.customeClass?t.customeClass:""}}}))},t.prototype.handleCapitalize=function(t,e){var n="";return t&&(n="name"===e?t.split(" ").map((function(t){return t.charAt(0).toUpperCase()+t.slice(1)})).join(" "):t&&t.charAt(0).toUpperCase()+t.slice(1)),n},t.decorators=[{type:core.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[]},t.ngInjectableDef=core.ɵɵdefineInjectable({factory:function(){return new t},token:t,providedIn:"root"}),t}();function IStripUnitCommonData(){}var CommonStripComponent=function(t){function e(e,n,a,i,o,r,s,l,c,d){var p=t.call(this)||this;return p.contentSvc=n,p.loggerSvc=a,p.eventSvc=i,p.configSvc=o,p.utilitySvc=r,p.userSvc=s,p.translate=l,p.langtranslations=c,p.commonMethodsSvc=d,p.id="ws-strip-miltiple_"+Math.random(),p.stripsResultDataMap={},p.stripsKeyOrder=[],p.showAccordionData=!0,p.showParentLoader=!1,p.showParentError=!1,p.showParentNoData=!1,p.errorDataCount=0,p.noDataCount=0,p.successDataCount=0,p.contentAvailable=!0,p.baseUrl=p.configSvc.sitePath||"",p.veifiedKarmayogi=!1,p.changeEventSubscription=null,p.defaultMaxWidgets=12,p.todaysEvents=[],p.environment=e,p}return __extends(e,t),e.prototype.ngOnInit=function(){this.initData()},e.prototype.ngOnDestroy=function(){this.changeEventSubscription&&this.changeEventSubscription.unsubscribe()},e.prototype.showAccordion=function(t){return!this.utilitySvc.isMobile||"accordion"!==this.stripsResultDataMap[t].mode||this.showAccordionData},e.prototype.setHiddenForStrip=function(t){this.stripsResultDataMap[t].showStrip=!1,sessionStorage.setItem("cstrip_"+t,"1")},e.prototype.getIfStripHidden=function(t){var e=sessionStorage.getItem("cstrip_"+t);return Boolean("1"!==e)},e.prototype.initData=function(){var t,e,n=this;if(this.stripsKeyOrder=this.widgetData&&this.widgetData.strips&&this.widgetData.strips.map((function(t){return t.key}))||[],this.widgetData.loader&&this.widgetData.strips.length&&(this.showParentLoader=!0),this.widgetData&&this.widgetData.strips)try{for(var a=__values(this.widgetData.strips),i=a.next();!i.done;i=a.next()){var o=i.value;this.processStrip(o,[],"fetching",!1,null),"in-hand"===o.dataType&&this.widgetData[o.dataKey]?this.processStrip(o,this.commonMethodsSvc.transformContentsToWidgets(this.widgetData[o.dataKey],o),"done",!0,o.viewMoreUrl||""):this.checkForEmptyWidget(o)||this.processStrip(o,[],"done",!0,null)}}catch(e){t={error:e}}finally{try{i&&!i.done&&(e=a.return)&&e.call(a)}finally{if(t)throw t.error}}var r=this.widgetData.strips.map((function(t){return{key:t.key,type:t.refreshEvent&&t.refreshEvent.eventType||"",from:t.refreshEvent&&t.refreshEvent.from.toString()||""}})).filter((function(t){var e=t.key,n=t.type,a=t.from;return e&&n&&a})),s=new Set(r.map((function(t){return t.type})));this.changeEventSubscription=this.eventSvc.events$.pipe(operators.filter((function(t){return s.has(t.eventType)}))).subscribe((function(t){r.filter((function(e){return e.type===t.eventType&&e.from===t.from})).map((function(t){return t.key})).forEach((function(t){return n.fetchStripFromKey(t,!1)}))}))},e.prototype.fetchStripFromKey=function(t,e){void 0===e&&(e=!0);this.widgetData.strips.find((function(e){return e.key===t}))},e.prototype.isStripShowing=function(t){var e=this,n=0;return t&&t.key===this.environment.programStripKey&&(!t.tabs||!t.tabs.length)&&t.stripTitle===this.environment.programStripName&&t.widgets.length>0&&(t.widgets.forEach((function(t){t&&t.widgetData.content.primaryCategory===e.environment.programStripPrimaryCategory&&(n+=1)})),t.showStrip=n>0),t.showStrip},Object.defineProperty(e.prototype,"isMobile",{get:function(){return this.utilitySvc.isMobile||!1},enumerable:!0,configurable:!0}),e.prototype.getdata=function(t){return t.stripInfo?t.stripInfo.widget:{}},e.prototype.checkCondition=function(t,e){return t.strips[0].stripConfig&&t.strips[0].stripConfig.hideShowAll?!t.strips[0].stripConfig.hideShowAll:t.strips[0].viewMoreUrl&&e.widgets&&e.widgets.length>=4},e.prototype.checkVisible=function(t){return t.stripInfo&&"visible"===t.stripInfo.visibilityMode},e.prototype.getContineuLearningLenth=function(t){return t.widgets?t.widgets.length:0},e.prototype.getLength=function(t){if(!t.tabs||!t.tabs.length)return t.widgets?t.widgets.length:0;var e=t.tabs.reduce((function(t,e){return t.widgets||e.widgets?t.widgets&&e.widgets?t.widgets.length>e.widgets.length?t:e:e.widgets&&!t.widgets?e:!e.widgets&&t.widgets?t:e:e}),t.tabs[0]);return e.widgets?e.widgets.length:0},e.prototype.processStrip=function(t,e,n,a,i,o){return void 0===e&&(e=[]),void 0===a&&(a=!0),__awaiter(this,void 0,void 0,(function(){var i,r;return __generator(this,(function(s){return i={viewMoreUrl:t.viewMoreUrl,key:t.key,canHideStrip:Boolean(t.canHideStrip),showStrip:this.getIfStripHidden(t.key),noDataWidget:t.noDataWidget,errorWidget:t.errorWidget,stripInfo:t.info,stripTitle:t.title,stripTitleLink:t.stripTitleLink,dataType:t.dataType,dataKey:t.dataKey,disableTranslate:t.disableTranslate,sliderConfig:t.sliderConfig,tabs:o||t.tabs,stripName:t.name,mode:t.mode,stripConfig:t.stripConfig,stripBackground:t.stripBackground,secondaryHeading:t.secondaryHeading,loaderWidgets:t.loaderWidgets||[],widgets:"done"===n?__spread((t.preWidgets||[]).map((function(t){return __assign({},t,{widgetHostClass:"mb-2 "+t.widgetHostClass})})),e,(t.postWidgets||[]).map((function(t){return __assign({},t,{widgetHostClass:"mb-2 "+t.widgetHostClass})}))):[],showOnNoData:Boolean(t.noDataWidget&&!((t.preWidgets||[]).length+e.length+(t.postWidgets||[]).length)&&"done"===n),showOnLoader:Boolean(t.loader&&"fetching"===n),showOnError:Boolean(t.errorWidget&&"error"===n)},this.stripsResultDataMap=__assign({},this.stripsResultDataMap,((r={})[t.key]=i,r)),o?this.contentAvailable=!0:(a&&("done"===n||"error"===n)&&i.widgets&&this.checkParentStatus(n,i.widgets.length),!a||e&&e.length>0?e&&e.length>0&&(this.contentAvailable=!0):this.contentAvailable=!1),[2]}))}))},e.prototype.getSelectedIndex=function(t,e){var n=0;if("cbpPlan"===e&&t.tabs.length){var a=t.tabs.filter((function(t){return"upcoming"===t.value}));n=a[0].widgets&&a[0].widgets.length>0?1:0}return n},e.prototype.checkParentStatus=function(t,e){"done"!==t||e?"done"===t&&e?this.successDataCount+=1:"error"===t&&(this.errorDataCount+=1):this.noDataCount+=1;var n=this.noDataCount+this.successDataCount+this.errorDataCount,a=this.widgetData.strips.length;this.successDataCount>0&&n<a||(this.showParentLoader=n!==a,this.showParentNoData=this.noDataCount>0&&this.noDataCount+this.errorDataCount===a,this.showParentError=this.errorDataCount===a)},e.prototype.checkForEmptyWidget=function(t){return!(!t.request||!(t.request.api&&Object.keys(t.request.api).length||t.request.search&&Object.keys(t.request.search).length||t.request.searchRegionRecommendation&&Object.keys(t.request.searchRegionRecommendation).length||t.request.searchV6&&Object.keys(t.request.searchV6).length||t.request.enrollmentList&&Object.keys(t.request.enrollmentList).length||t.request.cbpList&&Object.keys(t.request.cbpList).length||t.request.trendingSearch&&Object.keys(t.request.trendingSearch).length))},e.prototype.tabClicked=function(t,e,n){},e.prototype.translateLabels=function(t,e){return this.langtranslations.translateLabel(t,e,"")},e.prototype.identify=function(t,e){return e},e.prototype.tracker=function(t,e){return lodash.get(e,"widgetData.content.identifier")},e.decorators=[{type:core.Component,args:[{selector:"sb-uic-common-strip",template:'<ng-container *ngIf="!contentAvailable; else otherTemplate"></ng-container>\n<ng-template #otherTemplate>\n  \x3c!-- <div *ngIf="showParentLoader" class="text-center my-2">\n    <mat-spinner class="inline-block"></mat-spinner>\n  </div> --\x3e\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                <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                \x3c!-- viewAll start--\x3e\n                <div *ngIf="checkCondition(widgetData , stripsResultDataMap[key])"\n                  class="ml-4 view-more ws-mat-default-text">\n                  <a class="flex ws-mat-default-text items-center justify-center mat-body-1" [routerLink]="stripsResultDataMap[key]?.viewMoreUrl?.path"\n                    [queryParams]="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                \x3c!-- viewAll end--\x3e\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\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            \x3c!-- IF no errors then proceed to show tabs or non tabs strip --\x3e\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, stripsResultDataMap[key], key)">\n                  <mat-tab label="{{tab?.label}}" *ngFor="let tab of stripsResultDataMap[key].tabs; let last = last;">\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                    <div>\n                      \x3c!-- <ng-container [ngTemplateOutlet]="loader" *ngIf="stripsResultDataMap[key]?.showOnLoader">\n                      </ng-container> --\x3e\n                      <div *ngIf="stripsResultDataMap && stripsResultDataMap[key]?.showOnLoader ||\n                      !tab.fetchTabStatus"\n                      class="text-center my-2">\n                            <sb-uic-horizontal-scroller-v2 [sliderConfig]="stripsResultDataMap[key]?.sliderConfig"\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                      <div *ngIf="((tab?.fetchTabStatus && tab?.fetchTabStatus === \'done\') &&\n                      (!tab?.widgets || !tab?.widgets?.length))">\n                      <ng-container *ngIf="tab?.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.nodataMsg, \'home\') }}</div>\n                        </div>\n                      </ng-template>\n                      </div>\n                      <ng-container *ngIf="(tab?.fetchTabStatus === \'done\' || tab?.widgets?.length)">\n                        <ng-container  *ngIf="!tab?.tabLoading">\n\n                          <sb-uic-horizontal-scroller-v2 [sliderConfig]="stripsResultDataMap[key]?.sliderConfig" [widgetsLength]="tab?.widgets?.length"\n                            *ngIf="getContineuLearningLenth(stripsResultDataMap[key]) && showAccordion(key)"\n                            [loadStatus]="\'done\'" [defaultMaxWidgets]="tab?.maxWidgets ||\n                            stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets" [stripConfig]="stripsResultDataMap[key]?.stripConfig">\n                            <ng-container *ngFor="let widget of tab?.widgets| slice:0:(tab?.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 *ngIf="!stripsResultDataMap[key].tabs || !stripsResultDataMap[key].tabs.length">\n                <div *ngIf="stripsResultDataMap && stripsResultDataMap[key]?.showOnLoader" 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                <div class="">\n                    <sb-uic-horizontal-scroller-v2 [sliderConfig]="stripsResultDataMap[key]?.sliderConfig" [id]="key+\'-scroller\'"\n                     [widgetsLength]="stripsResultDataMap[key]?.widgets?.length" [loadStatus]="\'done\'" [defaultMaxWidgets]="stripsResultDataMap[key].sliderConfig?.maxWidgets || defaultMaxWidgets" [stripConfig]="stripsResultDataMap[key]?.stripConfig">\n                      <ng-container *ngFor="let widget of stripsResultDataMap[key]?.widgets| slice:0:(stripsResultDataMap[key].sliderConfig?.maxWidgets || defaultMaxWidgets); trackBy: tracker">\n                      \x3c!-- <ng-container *ngIf="widget.widgetData.context.pageSection === \'continueLearning\' "> --\x3e\n                      \x3c!-- <ng-container *ngIf="widget.widgetData.content.completionPercentage !== 100"\n                        [sbUiResolverWidget]="widget"></ng-container> --\x3e\n                        <ng-container [sbUiResolverWidget]="widget"></ng-container>\n                      \x3c!-- </ng-container> --\x3e\n                      </ng-container>\n                  </sb-uic-horizontal-scroller-v2>\n                </div>\n              </ng-container>\n            </ng-container>\n          </div>\n        </div>\n      </a>\n\n    </ng-container>\n  </ng-container>\n</ng-template>',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}"]}]}],e.ctorParameters=function(){return[{type:void 0,decorators:[{type:core.Inject,args:["environment"]}]},{type:WidgetContentLibService},{type:utilsV2.LoggerService},{type:utilsV2.EventService},{type:utilsV2.ConfigurationsService},{type:utilsV2.UtilityService},{type:WidgetUserServiceLib},{type:core$1.TranslateService},{type:MultilingualTranslationsService},{type:CommonMethodsService}]},e.propDecorators={widgetData:[{type:core.Input}],id:[{type:core.HostBinding,args:["id"]}]},e}(resolverV2.WidgetBaseComponent);var ɵ0$2=HttpLoaderFactory,CommonStripModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[CommonStripComponent],imports:[resolverV2.SbUiResolverModule,common.CommonModule,router.RouterModule,HorizontalScrollerV2Module,material.MatProgressSpinnerModule,material.MatToolbarModule,material.MatIconModule,material.MatButtonModule,material.MatTooltipModule,material.MatListModule,material.MatSidenavModule,material.MatCardModule,material.MatExpansionModule,material.MatRadioModule,material.MatChipsModule,material.MatInputModule,material.MatFormFieldModule,material.MatDialogModule,material.MatSnackBarModule,material.MatSelectModule,material.MatDatepickerModule,material.MatNativeDateModule,material.MatTableModule,material.MatCheckboxModule,material.MatProgressSpinnerModule,material.MatButtonToggleModule,material.MatTabsModule,material.MatAutocompleteModule,core$1.TranslateModule.forRoot({loader:{provide:core$1.TranslateLoader,useFactory:ɵ0$2,deps:[http.HttpClient]}})],exports:[CommonStripComponent]}]}],t}(),AnnouncementsComponent=function(){function t(t){this.insightSvc=t,this.mobileHeight=!1,this.fetchDataFromApi=!1,this.openDialog=new core.EventEmitter,this.isLoading=!1,this.announcements=[],this.expand=!1,this.expanded=!1}return t.prototype.ngOnInit=function(){this.fetchDataFromApi&&(this.isLoading=!0,this.fetchData())},t.prototype.fetchData=function(){var t=this,e={filterCriteriaMap:{channel:[this.channelId]},requestedFields:["name","description","createdOn","updatedOn","category"],orderBy:"createdOn",orderDirection:"ASC",facets:["channel"],pageSize:this.objectData.pageSize};this.insightSvc.fetchAnnouncementsData(e).subscribe((function(e){e&&e.result&&e.result.data&&e.result.data.forEach((function(e){t.announcements.push({value:e.description,expanded:!1})})),t.announcements.length>3&&(t.expand=!0),t.objectData.list=t.announcements,t.isLoading=!1}),(function(e){console.log(e),t.objectData.list=[],t.isLoading=!1}))},t.prototype.viewMoreOrLess=function(t){t.value.length>152&&(t.expanded=!t.expanded)},t.prototype.openAnnouncements=function(){this.openDialog.emit(!0)},t.prototype.showMoreOrLess=function(){this.expanded=!this.expanded},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-announcements",template:'<div class="w-full" *ngIf="layoutType === \'web\' && !isLoading">\n    <div class="flex item-center key-logo">\n        <img class="" [src]="objectData?.logoUrl">\n    </div>\n    <div class="flex item-center key-logo">\n        <div class="key-heading"\n            [style.backgroundColor]="objectData?.header?.background"\n            [style.color]="objectData?.header?.color">\n            {{objectData?.title}}\n        </div>\n    </div>\n    <div class="key-list-container"\n        [style.borderColor]="objectData?.panelborder"\n        [style.backgroundColor]="objectData?.panelBackground">\n        <div class="{{mobileHeight ? \'mob-key-list\' : expand && expanded ? \'exp-key-list\' : \'key-list\'}}" *ngIf="objectData?.list?.length">\n            <div *ngFor="let item of objectData?.list; let i = index">\n                <div class="key-list-item mb-{{ objectData?.list?.length === (i+1) ? \'\' : \'4\'}}" \n                    [style.borderColor]="objectData?.listItem?.border"\n                    [style.backgroundColor]="objectData?.listItem?.background">\n                    <div class="key-list-item-content {{item?.value?.length > 152 && !item?.expanded ? \'expand\' : \'un-expand\'}}" [innerHTML]="item?.value"></div>\n                    <div class="more-or-less" *ngIf="item?.value?.length > 152" [style.color]="objectData?.panelborder">\n                        <div class="cursor-pointer" (click)="viewMoreOrLess(item)" *ngIf="!item?.expanded">View more</div>\n                        <div class="cursor-pointer" (click)="viewMoreOrLess(item)" *ngIf="item?.expanded">View less</div>\n                    </div>\n                </div>\n            </div>                        \n        </div>\n        <div class="{{mobileHeight ? \'mob-key-list\' : \'key-list\'}}" *ngIf="!objectData?.list?.length">\n            <div class="text-center">No announcements yet!</div>\n        </div>\n    </div>\n</div>\n\n<ng-container *ngIf="!mobileHeight && expand">\n    <div (click)="showMoreOrLess()" class="announcements-expand" *ngIf="!expanded">\n        <mat-icon>expand_more</mat-icon>\n    </div>\n    <div (click)="showMoreOrLess()" class="announcements-expand" *ngIf="expanded">\n        <mat-icon>expand_less</mat-icon>\n    </div>\n</ng-container>\n\n<div class="w-full" *ngIf="layoutType === \'mobile\'">\n    <div class="flex item-center key-logo ">\n        <div class="mob-key-heading" (click)="openAnnouncements()"\n            [style.backgroundColor]="objectData?.header?.background"\n            [style.color]="objectData?.header?.color">\n            <div class="flex key-button gap-3">\n                <div>\n                    <img [src]="objectData?.mobileIcon">\n                </div>\n                <div>{{objectData?.title}}</div>                \n                <div><mat-icon class="key-mob-icon">arrow_forward_ios</mat-icon></div>\n            </div>            \n        </div>\n    </div>\n</div>\n\n<div class="w-full" *ngIf="layoutType === \'web\' && isLoading">\n    <div class="flex item-center key-logo">\n        <img class="" [src]="objectData?.logoUrl">\n    </div>\n    <div class="flex item-center key-logo pt-1">\n        <div class="key-heading"\n            [style.backgroundColor]="objectData?.header?.background"\n            [style.color]="objectData?.header?.color">\n            {{objectData?.title}}\n        </div>\n    </div>\n    <div class="key-list-container"\n        [style.borderColor]="objectData?.panelborder"\n        [style.backgroundColor]="objectData?.panelBackground">\n        <div class="{{mobileHeight ? \'mob-key-list\' : \'key-list\'}}" >            \n            <div class="key-list-item mb-4" \n                *ngFor="let item of[0,1,2,3,4]; let i = index"\n                [style.borderColor]="objectData?.listItem?.border"\n                [style.backgroundColor]="objectData?.listItem?.background">\n                <div class="key-list-item-content un-expand">\n                    <div class="py-1">\n                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon \'" [width]="\'350px\'" [height]="\'24px\'">\n                        </sb-uic-skeleton-loader>\n                    </div>\n                    <div class="py-1">\n                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon \'" [width]="\'350px\'" [height]="\'24px\'">\n                        </sb-uic-skeleton-loader>\n                    </div>\n                </div>\n            </div>\n        </div>        \n    </div>\n</div>\n',styles:[".key-logo{align-items:center;justify-content:center}.key-list-container{border:1px solid #ccc;padding:45px 15px 15px;border-radius:12px;margin-top:-20px}.key-list{height:380px;overflow:auto}.exp-key-list{height:100%;overflow:auto}.mob-key-list{height:calc(100vh - 252px);overflow:auto}.key-list::-webkit-scrollbar{display:none}.key-list-item{padding:16px;border:1px solid #ccc;border-radius:12px;min-height:56px}::ng-deep .key-list-item-content a{color:#1b4ca1!important}.key-list-item-content{font-family:Lato;font-size:14px;font-weight:400;line-height:20px;text-align:left;white-space:initial;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.expand{-webkit-line-clamp:3}.un-expand{-webkit-line-clamp:0}.more-or-less{font-family:Lato;font-size:14px;line-height:20px;font-weight:600}.mob-key-heading{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:center;padding:7px 25px;border-radius:20px;animation:.9s infinite mobPaddingAnimation;cursor:pointer}.key-mob-icon{font-size:12px;width:12px;height:12px}.key-button{align-items:center;justify-content:center}.key-heading{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:center;padding:10px 50px;border-radius:20px;margin-top:-3px;animation:.9s infinite paddingAnimation}.announcements-expand{width:32px;height:32px;position:relative;background:#000;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;left:50%;right:50%;top:-16px;cursor:pointer}@keyframes mobPaddingAnimation{0%,100%{padding:7px 25px}25%,75%{padding:7px 30px}50%{padding:7px 35px}}@keyframes paddingAnimation{0%,100%{padding:10px 50px}25%,75%{padding:10px 55px}50%{padding:10px 60px}}"]}]}],t.ctorParameters=function(){return[{type:InsiteDataService}]},t.propDecorators={objectData:[{type:core.Input}],layoutType:[{type:core.Input}],mobileHeight:[{type:core.Input}],fetchDataFromApi:[{type:core.Input}],channelId:[{type:core.Input}],openDialog:[{type:core.Output}]},t}();var AnnouncementsModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[AnnouncementsComponent],imports:[common.CommonModule,material.MatIconModule,SkeletonLoaderLibModule],exports:[AnnouncementsComponent]}]}],t}(),moment$1=moment$4,TopLearnersComponent=function(){function t(t){this.insightSvc=t,this.loading=!1,this.month="",this.results=[],this.colors=["#EB7181","#306933","#000000","#3670B2","#4E9E87","#7E4C8D","#EB7181","#306933","#000000","#3670B2"]}return t.prototype.ngOnInit=function(){this.getData(),this.month=(new Date).toLocaleString("default",{month:"long"})},t.prototype.getData=function(){var t=this;this.loading=!0,this.insightSvc.fetchLearner(this.channelId).subscribe((function(e){e&&e.result&&e.result.result&&e.result.result.length&&(t.results=e.result.result,t.month=moment$1().month(Number(e.result.result[0].month)-1).format("MMMM")),t.loading=!1}),(function(e){t.loading=!1}))},t.prototype.getRank=function(t){return 1===t?"1st":2===t?"2nd":3===t?"3rd":t+"th"},t.prototype.getColor=function(){var t=Math.floor(Math.random()*Math.floor(this.colors.length));return this.colors[t]},t.prototype.createInititals=function(t){var e="",n=t.toString().split(" ");if("undefined"!==n[0]&&void 0!==n[1])e+=n[0].charAt(0),e+=n[1].charAt(0);else for(var a=0;a<t.length&&(" "===t.charAt(a)||t.charAt(a)!=t.charAt(a)||2!==(e+=t.charAt(a)).length);a+=1);return e.toUpperCase()},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-top-learners",template:'<div class="flex flex-center">\n    <div>\n        <div class="title-border"></div>\n        <div class="title" [style.color]="objectData?.titleFontColor">{{objectData?.title}} ({{month}})</div>\n        <div class="title-border"></div>\n    </div>    \n</div>\n<div class="top-learners-container" *ngIf="!loading && results.length">\n    <div class="w-full margin-bottom-l margin-top-l">\n        <div class="flex gap-3">\n            <div *ngFor="let obj of results; let i=index" class="flex-container">\n                <div class="flex-item user-box">\n                    <div class="flex gap-3 img-name-sec">\n                        <div class="flex gap-3">\n                            <div class="profile-pic" *ngIf="obj?.profile_image">\n                                <img [src]="obj?.profile_image" class="user-image"/>\n                            </div>\n                            <div class="initial" *ngIf="!obj?.profile_image"\n                                [style.backgroundColor]="colors[i]"\n                                >\n                                {{createInititals(obj?.fullname)}}\n                            </div>\n                            <div class="flex flex-col gap-1">\n                                <div class="name-sec" *ngIf="obj?.fullname?.length >= 24"\n                                    #tooltip="matTooltip"\n                                    [matTooltipClass]="\'below\'"\n                                    matTooltip="{{obj?.fullname}}"\n                                    [matTooltipPosition]="\'below\'">\n                                        {{obj?.fullname}}\n                                </div>\n                                <div class="name-sec" *ngIf="obj?.fullname?.length < 24">\n                                    {{obj?.fullname}}\n                                </div>\n                                <div class="designation-sec" *ngIf="obj?.designation?.length >= 32"\n                                    #tooltip="matTooltip"\n                                    [matTooltipClass]="\'below\'"\n                                    matTooltip="{{obj?.designation}}"\n                                    [matTooltipPosition]="\'below\'">\n                                        {{obj?.designation}}\n                                </div>\n                                <div class="designation-sec"  *ngIf="obj?.designation?.length < 32">{{obj?.designation}}</div>\n                                <div class="designation-sec" *ngIf="obj?.org_name?.length >= 32"\n                                    #tooltip="matTooltip"\n                                    [matTooltipClass]="\'below\'"\n                                    matTooltip="{{obj?.org_name}}"\n                                    [matTooltipPosition]="\'below\'">\n                                        {{obj?.org_name}}\n                                </div>\n                                <div class="designation-sec" *ngIf="obj?.org_name?.length < 32">{{obj?.org_name}}</div>\n                            </div>\n                        </div>\n                        <div class="flex gap-3">                                                       \n                            <div class="rank-sec">{{getRank(+obj?.row_num)}}</div>\n                        </div>                        \n                    </div>\n                    <div class="flex gap-2 kp-section">\n                        <div class="kp-icon"><img [src]="objectData?.kpIcon" class="kp-image"/></div>\n                        <div class="points">{{obj?.total_points || 0}}</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n<div class="top-learners-container" *ngIf="!loading && results.length === 0">\n    <div class="margin-top-l noData">\n        No data\n    </div>\n</div>\n\n<ng-container>\n    <div class="top-learners-container" *ngIf="loading">\n        <div class="w-full margin-bottom-l margin-top-l">\n            <div class="flex gap-3">\n                <div *ngFor="let obj of [1,2,3]" class="flex-container">\n                    <div class="flex-item user-box">\n                        <div class="flex gap-3 img-name-sec">\n                            <div class="flex gap-3">\n                                <div class="profile-pic">\n                                    <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'44px\'"\n                        [height]="\'44px\'"></sb-uic-skeleton-loader>\n                                </div>\n                                <div class="flex flex-col gap-1">\n                                    <div class="name-sec">\n                                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'200px\'"\n                                        [height]="\'24px\'"></sb-uic-skeleton-loader>\n                                    </div>\n                                    <div class="designation-sec">\n                                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'200px\'"\n                                        [height]="\'16px\'"></sb-uic-skeleton-loader>\n                                    </div>\n                                    <div class="designation-sec">\n                                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'200px\'"\n                                        [height]="\'16px\'"></sb-uic-skeleton-loader>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class="flex gap-3">                                                       \n                                <div class="rank-sec">\n                                    <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'44px\'"\n                                        [height]="\'44px\'"></sb-uic-skeleton-loader>\n                                </div>\n                            </div>                        \n                        </div>\n                        <div class="flex gap-2 kp-section">\n                            <div class="kp-icon">\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'32px\'"\n                                [height]="\'32px\'"></sb-uic-skeleton-loader>   \n                            </div>\n                            <div class="points">\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'32px\'"\n                                        [height]="\'32px\'"></sb-uic-skeleton-loader>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-container>',styles:[".title{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:center;padding:15px}.title-border{margin:10px;width:240px;height:3px;background:linear-gradient(90deg,rgba(255,255,255,0) 0,#ef951e 20%,#ef951e 80%,rgba(255,255,255,0) 100%)}.noData{border:1px solid #1b4ca1;padding:15px;display:flex;justify-content:center;border-radius:12px}.top-learners-container{overflow:auto}::-webkit-scrollbar{height:10px!important}::-webkit-scrollbar-track{background:#eff3f9!important}.user-box{width:360px;height:134px;border-radius:8px;background-color:#fff;padding:16px;position:relative}.flex-container{display:flex}.flex-item{flex:0 0 auto;white-space:nowrap}.img-name-sec{justify-content:space-between}.initial{width:44px;height:44px;border-radius:50%;align-items:center;display:flex;justify-content:center;font-weight:700;color:#fff}.user-image{width:44px;height:44px;border-radius:50%}.name-sec{font-family:Lato;font-size:16px;font-weight:700;line-height:19.2px;text-align:left;width:200px!important;overflow:hidden;text-overflow:ellipsis}.designation-sec{font-family:Lato;font-size:12px;font-weight:400;line-height:14.4px;text-align:left;opacity:.6;width:200px!important;overflow:hidden;text-overflow:ellipsis}.rank-sec{font-family:Montserrat;font-size:36px;font-weight:700;line-height:43.88px;text-align:left;color:#ef951e}.kp-section{justify-content:flex-end;position:absolute;right:18px;bottom:16px;align-items:center}.kp-image{width:32px;height:32px;padding-top:3px}.points{font-family:Lato;font-size:24px;font-weight:700;line-height:28.8px;text-align:left;color:#1b4ca1;padding-bottom:3px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:rgba(204,204,204,.8);border-radius:10px}@media screen and (max-width:768px){.user-box{width:343px}}"]}]}],t.ctorParameters=function(){return[{type:InsiteDataService}]},t.propDecorators={objectData:[{type:core.Input}],channelId:[{type:core.Input}],channnelName:[{type:core.Input}]},t}();var TopLearnersModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[TopLearnersComponent],imports:[common.CommonModule,SkeletonLoaderLibModule,material.MatTooltipModule],exports:[TopLearnersComponent]}]}],t}(),ScrollableItemDirective=function(){function t(t){this.el=t}return t.prototype.scrollIntoView=function(t){this.el.nativeElement.scrollIntoView({behavior:"smooth",block:t})},t.decorators=[{type:core.Directive,args:[{selector:"[sbUicScrollableItem]"}]}],t.ctorParameters=function(){return[{type:core.ElementRef}]},t.propDecorators={key:[{type:core.Input,args:["sbUicScrollableItem"]}]},t}();var CbpPlanComponent=function(){function t(t,e){this.translate=t,this.langtranslations=e,this.mobileHeight=!1,this.fetchDataFromApi=!1,this.openDialog=new core.EventEmitter,this.isLoading=!1,this.currentIndex=0,this.styleData={},this.contentdata=[]}return t.prototype.ngOnInit=function(){var t=this;this.styleData=this.objectData&&this.objectData.sliderData&&this.objectData.sliderData.styleData,this.objectData&&this.objectData.list&&this.objectData.list.forEach((function(e){var n={};n.title=e.title,n.downloaUrl=e.downloaUrl,n.cardSubType="card-wide-lib",n.cardCustomeClass="",t.contentdata.push(n)}))},t.prototype.getCurrentIndex=function(t){this.currentIndex=t},t.prototype.getFileName=function(t){return console.log(t.downloadUrl),t.downloadUrl.split("/").at(-1)},t.prototype.translateLabels=function(t,e){return this.langtranslations.translateActualLabel(t,e,"")},t.prototype.downloadCBPPlan=function(t){var e=t.downloaUrl,n=new XMLHttpRequest;n.open("GET",e,!0),n.responseType="blob",n.onload=function(){if(200===n.status){var t=new Blob([n.response],{type:"application/pdf"}),a=window.URL.createObjectURL(t),i=document.createElement("a");i.href=a,i.download=e.split("/").at(-1),document.body.appendChild(i),i.click(),document.body.removeChild(i),window.URL.revokeObjectURL(a)}else console.error("Error downloading the PDF",n.statusText)},n.onerror=function(){console.error("Network error")},n.send()},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-cbp-plan",template:'<div class="w-full">\n    <div class="flex item-center cbp-logo">\n        <div class="cbp-heading"\n            [style.backgroundColor]="objectData?.header?.background"\n            [style.color]="objectData?.header?.color">\n            {{objectData?.title}}\n        </div>\n    </div>\n    \n    <div class="cbp-list-container" *ngIf="contentdata.length"\n        [style.borderColor]="objectData?.panelborder"\n        [style.backgroundColor]="objectData?.panelBackground">\n        <ng-container *ngIf="contentdata.length; else msgTemp">\n            <sb-uic-sliders-ng-content\n                [title]="\'providerName\'"\n                [currentIndex]="currentIndex"\n                (currentIndexValue)="getCurrentIndex($event)"\n                [loadNgContentData]="true" [widgetData]="contentdata"\n                [styleData]="styleData">\n                <div sliderbody>\n                    <div *ngFor="let item of contentdata; let i = index" [hidden]="i !== currentIndex">\n                        <div class="cbp-list-item"\n                            [style.borderColor]="objectData?.listItem?.border"\n                            [style.color]="objectData?.listItem?.border"\n                            [style.backgroundColor]="objectData?.listItem?.background">\n                            <div class="cbp-item-title">{{item?.title}}</div>\n                            <div class="flex download-sec">\n                                <div class="flex gap-3 cbp-download" (click)="downloadCBPPlan(item)">\n                                    <img [src]="objectData?.downloadIcon">Download\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </sb-uic-sliders-ng-content>\n        </ng-container>\n        <ng-template #msgTemp>\n            <div class="padding-bottom-m">\n                {{ translateLabels(objectData?.noData, \'home\') }}\n            </div>\n        </ng-template>\n    </div>\n</div>',styles:[".cbp-logo{align-items:center;justify-content:center}.cbp-heading{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:center;padding:10px 50px;border-radius:20px;margin-top:-3px}.cbp-list-container{border:1px solid #ccc;padding:40px 25px 0;border-radius:12px;margin-top:-20px}.cbp-list-item{padding:16px;border:1px solid #ccc;border-radius:12px}.cbp-item-title{font-family:Lato;font-size:14px;font-weight:400;line-height:20px;text-align:left;height:48px;padding-bottom:10px}.cbp-mob-icon{font-size:20px;width:20px;height:20px}.download-sec{align-items:center;justify-content:end}.cbp-download{display:flex;align-items:center;gap:4px;background:#fff;padding:6px 8px;border-radius:20px;cursor:pointer;font-family:Lato;font-size:12px;font-weight:700;line-height:20px;text-align:left}[hidden]{display:none!important}.cbp-list-container ::ng-deep.cbp-card{min-height:115px!important;padding-bottom:30px!important}.cbp-list-container ::ng-deep.banner-title{display:none}.cbp-list-container ::ng-deep.prev{font-size:10px;height:20px!important;width:20px!important;margin-left:-11px}.cbp-list-container ::ng-deep.next{font-size:10px;height:20px!important;width:20px!important;margin-right:-11px}"]}]}],t.ctorParameters=function(){return[{type:core$1.TranslateService},{type:MultilingualTranslationsService}]},t.propDecorators={objectData:[{type:core.Input}],layoutType:[{type:core.Input}],mobileHeight:[{type:core.Input}],fetchDataFromApi:[{type:core.Input}],channelId:[{type:core.Input}],openDialog:[{type:core.Output}],scrollableItems:[{type:core.ViewChildren,args:[ScrollableItemDirective]}]},t}();var SlidersNgContentLibComponent=function(t){function e(e,n){var a=t.call(this)||this;return a.events=e,a.valueSvc=n,a.title="",a.loadNgContentData=!1,a.autoScroll=!1,a.customBanner=!1,a.currentIndexValue=new core.EventEmitter,a.id="banner_"+Math.random(),a.defaultMenuSubscribe=null,a.isLtMedium$=a.valueSvc.isLtMedium$,a.currentIndex=0,a.slideInterval=null,a.isMobile=!1,a}return __extends(e,t),e.prototype.ngOnInit=function(){var t=this;this.autoScroll&&this.reInitiateSlideInterval(),this.defaultMenuSubscribe=this.isLtMedium$.subscribe((function(e){t.isMobile=e}))},e.prototype.reInitiateSlideInterval=function(){var t=this;if(this.widgetData&&this.widgetData.length>1)try{this.slideInterval&&this.slideInterval.unsubscribe()}catch(t){}finally{this.slideInterval=rxjs.interval(8e3).subscribe((function(){t.currentIndex===t.widgetData.length-1?(t.currentIndex=0,t.currentIndexValue.emit(t.currentIndex)):(t.currentIndex+=1,t.currentIndexValue.emit(t.currentIndex))}))}},e.prototype.slideTo=function(t){t>=0&&t<this.widgetData.length?(this.currentIndex=t,this.currentIndexValue.emit(this.currentIndex)):t===this.widgetData.length?(this.currentIndex=0,this.currentIndexValue.emit(this.currentIndex)):(this.currentIndex=this.widgetData.length+t,this.currentIndexValue.emit(this.currentIndex)),this.autoScroll&&this.reInitiateSlideInterval()},Object.defineProperty(e.prototype,"isOpenInNewTab",{get:function(){var t=this.widgetData[this.currentIndex];return!!(t.redirectUrl&&t.redirectUrl.includes("mailto")||this.widgetData[this.currentIndex].openInNewTab)},enumerable:!0,configurable:!0}),e.prototype.openInNewTab=function(){var t=this.widgetData[this.currentIndex];(t.redirectUrl&&t.redirectUrl.includes("mailto")||this.widgetData[this.currentIndex].openInNewTab)&&window.open(t.redirectUrl)},e.prototype.raiseTelemetry=function(t){this.openInNewTab();var e=window.location.pathname.replace("/","")+window.location.search;this.events.raiseInteractTelemetry({type:"click",subType:"banner"},{pageUrl:e,bannerRedirectUrl:t},{pageIdExt:"banner",module:utilsV2.WsEvents.EnumTelemetrymodules.CONTENT})},e.prototype.ngOnDestroy=function(){this.defaultMenuSubscribe&&this.defaultMenuSubscribe.unsubscribe()},e.decorators=[{type:core.Component,args:[{selector:"sb-uic-sliders-ng-content",template:'<div class="{{customBanner ? \'keybanner\' : \'banner-container\'}} {{isMobile? styleData?.responsive?.bannerMetaClass : styleData?.bannerMetaClass}}" (swipeleft)="slideTo(currentIndex + 1)" (swiperight)="slideTo(currentIndex - 1)"\n  *ngIf="widgetData?.length > 1" [style.height]="isMobile? styleData?.responsive?.customHeight : styleData?.customHeight"\n  [ngStyle]="{\'border-radius\': styleData?.borderRadius || \'12px\'}">\n  <ng-container *ngIf="!loadNgContentData">\n    <a (click)="raiseTelemetry(widgetData[currentIndex].redirectUrl)"\n    [routerLink]=" !isOpenInNewTab && widgetData[currentIndex].redirectUrl? widgetData[currentIndex].redirectUrl : null" class="banner-overlay"\n    [ngClass]="{\'cursor-auto\': !widgetData[currentIndex].redirectUrl}">\n      <div class="banner WidgetInstanceId" *ngFor="let slide of widgetData; let i = index" [hidden]="i !== currentIndex">\n        <img i18n-alt alt="Page Banner" [src]="slide.banners" wsUtilsImageResponsive class="banner-image" />\n      </div>\n    </a>\n    <ng-container *ngIf="isMobile && styleData?.responsive?.dots !== \'hidden\' || !isMobile && styleData?.dots !== \'hidden\'">\n      <div class="banner-meta {{isMobile? styleData?.responsive?.bannerMetaAlign : styleData?.bannerMetaAlign}}">\n        <a [routerLink]=" !isOpenInNewTab && widgetData[currentIndex].redirectUrl? widgetData[currentIndex].redirectUrl : null" class="banner-title text-truncate"\n          *ngIf="widgetData[currentIndex].title" [title]="widgetData[currentIndex].title">\n          {{ widgetData[currentIndex].title }}\n        </a>\n        <div class="dots-container" *ngIf="widgetData?.length > 1">\n          <span class="dot" [ngClass]="{ active: j === currentIndex }" *ngFor="let slide of widgetData; let j = index"\n            (click)="slideTo(j)"></span>\n        </div>\n      </div>\n    </ng-container>\n  </ng-container>\n  <ng-container *ngIf="loadNgContentData">\n    \x3c!-- <div class="banner WidgetInstanceId" *ngFor="let slide of widgetData; let i = index" [hidden]="i !== currentIndex"> --\x3e\n      <ng-content select="[sliderbody]"></ng-content>\n    \x3c!-- </div> --\x3e\n    <ng-container *ngIf="isMobile && styleData?.responsive?.dots !== \'hidden\' || !isMobile && styleData?.dots !== \'hidden\'">\n      <div class="banner-meta {{isMobile? styleData?.responsive?.bannerMetaAlign : styleData?.bannerMetaAlign}}">\n        <a [routerLink]=" !isOpenInNewTab && widgetData[currentIndex].redirectUrl? widgetData[currentIndex].redirectUrl : null" class="banner-title text-truncate"\n          *ngIf="widgetData[currentIndex].title" [title]="widgetData[currentIndex].title">\n          {{ widgetData[currentIndex].title }}\n        </a>\n        <div class="dots-container" *ngIf="widgetData?.length > 1">\n          <span class="dot" [ngClass]="{ active: j === currentIndex }" *ngFor="let slide of widgetData; let j = index"\n            (click)="slideTo(j)"></span>\n            <ng-content select="[sliderMeta]"></ng-content>\n        </div>\n      </div>\n    </ng-container>\n  </ng-container>\n  <div class="navigation {{isMobile? styleData?.responsive?.arrowsPlacement : styleData?.arrowsPlacement}}" \n  *ngIf="isMobile && styleData?.responsive?.navigationArrows !== \'hidden\' || !isMobile && styleData?.navigationArrows !== \'hidden\'">\n    <a *ngIf="widgetData?.length > 1" role="button" class="prev" (click)="slideTo(currentIndex - 1)">&#10094;</a>\n    <a *ngIf="widgetData?.length > 1" role="button" class="next" (click)="slideTo(currentIndex + 1)">&#10095;</a>\n  </div>\n</div>\n<div class="{{customBanner ? \'keybanner\' : \'banner-container-solo\'}} margin-top-s" *ngIf="widgetData?.length == 1">\n  <img i18n-alt alt="Page Banner" width="100%" height="100%" [src]="widgetData[0].banners" wsUtilsImageResponsive class="banner-image-solo" />\n</div>\n\n\x3c!-- <ng-container *ngIf="!widgetData?.length">\n  <div class="slider default-slider h-full">\n    <div class="relative h-full">\n        <img class="h-full" src="assets/icons/home/default-slider-image.svg" alt="">\n        <div class="default-title rounded-full">\n            <p class="mat-h1">{{title}}</p>\n        </div>\n    </div>\n  </div>\n</ng-container> --\x3e\n',styles:[".banner-container{min-height:243px;position:relative;margin:auto;padding-bottom:40px}.banner-container.inline-meta{padding-bottom:0!important}.banner-container.flat .banner .banner-image{border-radius:0!important}.keybanner{position:relative;margin:auto}.keybanner.inline-meta{padding-bottom:0!important}.keybanner.flat .banner .banner-image{border-radius:0!important}.banner-overlay{z-index:1;top:0;left:0;width:100%;height:100%;background:linear-gradient(to left,rgba(0,0,0,.25) 0,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 85%,rgba(0,0,0,.25) 100%);border-radius:inherit}.banner{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s;border-radius:inherit;height:inherit}.banner .banner-image{width:100%;min-height:243px;display:block;border-radius:inherit;height:inherit}.banner-meta{text-align:center;z-index:2;padding:8px 12px;position:absolute;bottom:0;left:50%;border-radius:12px;transform:translateX(-50%);box-sizing:border-box}.banner-meta.left{left:0;transform:translateX(0)}.banner-meta.right{left:100%;transform:translateX(-100%)}.banner-meta.top-center{left:0;bottom:100%;transform:translateX(-100%)}.banner-meta .banner-title{color:#f2f2f2;margin-bottom:8px;font-size:1.1rem}@media only screen and (max-width:599px){.banner-meta .banner-title{display:none}}.banner-meta .dots-container{padding:8px;display:flex;align-items:center;justify-content:center}.banner-meta .dots-container .dot{cursor:pointer;height:6px;width:6px;margin:0 4px;background-color:rgba(0,0,0,.4);border-radius:50%;display:inline-block;transition:background-color .5s!important}@media only screen and (max-width:599px){.banner-meta .dots-container .dot{height:8px;width:8px;margin:0 4px}}.banner-meta .dots-container .dot.active{border-radius:4px;background-color:#f3962f;width:16px}@keyframes fade{from{opacity:.25}to{opacity:1}}.next,.prev{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-weight:700;background-color:#1b2133!important;border-radius:50%;z-index:999;height:32px!important;width:32px!important;display:flex;align-items:center;margin-top:-16px;justify-content:center}.prev{left:0;margin-left:-16px}.next{right:0;margin-right:-16px}.navigation.bottom-right .prev{left:unset;right:45px;bottom:-15px;top:unset}.navigation.bottom-right .next{left:unset;right:15px;bottom:-15px;top:unset}.navigation.bottom-center .prev{left:calc(50% - 20px);right:unset;bottom:-15px;top:unset}.navigation.bottom-center .next{left:calc(50% + 20px);right:unset;bottom:-15px;top:unset}.navigation.bottom-left .prev{left:15px;right:unset;bottom:-15px;top:unset}.navigation.bottom-left .next{left:60px;right:unset;bottom:-15px;top:unset}.navigation.middle-inline .prev{left:30px}.navigation.middle-inline .next{right:30px}.banner-container-solo{overflow:hidden;margin:auto;border-radius:12px}.banner-image-solo{width:100%;display:block;border-radius:12px}.default-slider{height:100%;background:#d4e2fb}.default-slider .default-title{text-align:center;position:absolute;top:50%;left:0;right:0;margin:auto;transform:translateY(-50%);z-index:999;background:#e6efff;padding:32px;width:500px}.default-slider .default-title p{word-break:break-word;margin:0!important;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-transform:uppercase}@media screen and (max-width:768px){.default-slider{height:384px;width:100%}.default-slider .default-title{width:unset!important}}.keybanner .prev{background-color:#f3962f!important;color:#fff;top:50%;font-size:12px;height:26px!important;width:26px!important}.keybanner .next{top:50%;background-color:#f3962f!important;color:#fff;font-size:12px;height:26px!important;width:26px!important}@media screen and (max-width:768px){.keybanner .prev{top:50px;left:0;background-color:#f3962f!important;color:#fff}.keybanner .next{right:0;margin-right:-16px;top:50px;background-color:#f3962f!important;color:#fff}}"]}]}],e.ctorParameters=function(){return[{type:utilsV2.EventService},{type:utilsV2.ValueService}]},e.propDecorators={widgetData:[{type:core.Input}],styleData:[{type:core.Input}],title:[{type:core.Input}],loadNgContentData:[{type:core.Input}],autoScroll:[{type:core.Input}],customBanner:[{type:core.Input}],currentIndexValue:[{type:core.Output}],id:[{type:core.HostBinding,args:["id"]}],currentIndex:[{type:core.Input}]},e}(resolverV2.WidgetBaseComponent);var MyHammerConfig$1=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return __extends(e,t),e.prototype.buildHammer=function(t){return new Hammer(t,{touchAction:"pan-y"})},e}(platformBrowser.HammerGestureConfig),SlidersNgContentLibModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[SlidersNgContentLibComponent],imports:[common.CommonModule,router.RouterModule,NavigationModule,ImageResponsiveModule],exports:[SlidersNgContentLibComponent],entryComponents:[SlidersNgContentLibComponent],providers:[{provide:platformBrowser.HAMMER_GESTURE_CONFIG,useClass:MyHammerConfig$1}]}]}],t}(),ScrollableItemModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[ScrollableItemDirective],imports:[common.CommonModule],exports:[ScrollableItemDirective]}]}],t}(),CbpPlanModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[CbpPlanComponent],imports:[common.CommonModule,SkeletonLoaderLibModule,material.MatIconModule,ScrollableItemModule,SlidersNgContentLibModule],exports:[CbpPlanComponent]}]}],t}(),ConsumptionModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[ConsumptionComponent],imports:[ContentStripWithTabsLibModule,SlidersLibModule],exports:[ConsumptionComponent,ContentStripWithTabsLibModule,SlidersLibModule,DataPointsModule,CalenderModule,CommonStripModule,AnnouncementsModule,TopLearnersModule,CbpPlanModule]}]}],t}(),ROOT_WIDGET_CONFIG={card:{_type:"cardLib",cardResource:"cardContentLib"}},NsCardContent$1;!function(t){function e(){}function n(){}t.ICard=e,t.IContentTags=n,function(t){t.LIVE="Live",t.EXPIRED="Expired",t.DELETED="Deleted",t.MARK_FOR_DELETION="MarkedForDeletion"}(t.EContentStatus||(t.EContentStatus={})),function(t){t.UPCOMING="upcoming",t.ALL="All",t.OVERDUE="overdue",t.SUCCESS="success"}(t.ACBPConst||(t.ACBPConst={})),function(t){t.COMPETENCIES="competencies_v5",t.RETIRED="Retired"}(t.IGOTConst||(t.IGOTConst={}))}(NsCardContent$1||(NsCardContent$1={}));var CardsComponent=function(t){function e(e,n,a){var i=t.call(this)||this;return i.utilitySvc=e,i.contSvc=n,i.router=a,i.triggerTelemetry=new core.EventEmitter,i.isIntranetAllowedSettings=!1,i}return __extends(e,t),e.prototype.ngOnInit=function(){var t=this;this.cbPlanInterval=setInterval((function(){t.getCbPlanData()}),1e3)},Object.defineProperty(e.prototype,"isLiveOrMarkForDeletion",{get:function(){return!this.widgetData.content.status||"Live"===this.widgetData.content.status||"MarkedForDeletion"===this.widgetData.content.status},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"showIntranetContent",{get:function(){return!(!this.widgetData.content.isInIntranet||!this.utilitySvc.isMobile)&&!this.isIntranetAllowedSettings},enumerable:!0,configurable:!0}),e.prototype.getRedirectUrlData=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(n){switch(n.label){case 0:return t.externalId?(this.router.navigate(["app/toc/ext/"+t.contentId]),[3,3]):[3,1];case 1:return[4,this.contSvc.getResourseLink(t)];case 2:e=n.sent(),this.router.navigate([e.url],{queryParams:e.queryParams}),n.label=3;case 3:return[2]}}))}))},e.prototype.getCbPlanData=function(){var t={};if(localStorage.getItem("cbpData")){var e=JSON.parse(localStorage.getItem("cbpData")||"");e&&e.length&&e.forEach((function(e){t[e.identifier]=e})),this.cbPlanMapData=t,clearInterval(this.cbPlanInterval)}},e.prototype.raiseCardClick=function(t){this.triggerTelemetry.emit(t)},e.decorators=[{type:core.Component,args:[{selector:"sb-uic-cards",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" ></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  \x3c!-- <sb-uic-card-karma-programs-v2 [widgetData]="widgetData"><sb-uic-card-karma-programs-v2> --\x3e\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\x3c!-- cios card --\x3e\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',styles:[""]}]}],e.ctorParameters=function(){return[{type:utilsV2.UtilityService},{type:WidgetContentLibService},{type:router.Router}]},e.propDecorators={widgetData:[{type:core.Input}],triggerTelemetry:[{type:core.Output}]},e}(resolverV2.WidgetBaseComponent);var CardResourceComponent=function(t){function e(){return t.call(this)||this}return __extends(e,t),e.prototype.ngOnInit=function(){},e.decorators=[{type:core.Component,args:[{selector:"ws-cb-widget-card-resource",template:' \x3c!-- <mat-card class="card-resource-container mr-5 padding-remove cursor-pointer " [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)="raiseTelemetry();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="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                <ws-widget-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                </ws-widget-display-content-type>\n              </div>\n              <div class="flex ml-5 flex-end course_v2">\n                <mat-icon class="mat-icon main_icon ws-mat-default-text margin-right-xs">video_library</mat-icon>\n                <ws-widget-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                </ws-widget-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 [id]="\'m-c-\'+ widgetData.content?.identifier"\n              class="mat-subheading-1 description-text font-medium 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}} {{ (widgetData.content.organisation && widgetData.content.organisation[0]) ? widgetData.content.organisation[0] : \'Karmayogi Bharat\' }}</span>\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> --\x3e\n',styles:[".card-resource-container{position:relative;width:384px;min-height:346px;border-radius:8px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;height:450px;margin:20px 8px}.card-resource-container .icon_text{font-size:12px;line-height:16px;text-transform:uppercase}.card-resource-container .description-text{margin:12px 0;font-weight:400}.card-resource-container .course_logo_box{width:24px;height:24px;background:#fff;border-radius:4px;border:1px solid rgba(0,0,0,.1607843137);box-sizing:border-box}.card-resource-container .course_logo_box img{height:18px;width:18px;padding:2px;display:inline-block}.card-resource-container .course_logo_box p{display:inline-block;vertical-align:top}.card-resource-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-resource-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-resource-container .source-div .source-icon{border-radius:8px;display:block;margin:auto;max-width:58px;max-height:-webkit-fill-available}.card-resource-container mat-card-content{background:#fff}.card-resource-container .card-img{max-height:240px;min-height:240px;width:100%;display:block;-o-object-fit:fill;object-fit:fill;border-top-left-radius:8px;border-top-right-radius:8px}.card-resource-container .mat-subheading-1{font:600 14px/24px Montserrat}.card-resource-container .complexity{padding-top:70px;display:flex;font-size:14px;line-height:21px;padding-bottom:10px}.card-resource-container .complexity .mode-tag{border-radius:5px;order:2;margin-left:auto;color:#fff;font-size:10px}.card-resource-container .complexity .duration{display:flex;margin-left:auto;order:3;font-weight:700}.card-resource-container .complexity .time-text{margin:0 5px 0 6px;font-weight:700}.card-resource-container .basic{margin:auto 0}.card-resource-container .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;min-height:48px}.card-resource-container .description-text{position:relative;overflow:hidden;height:42px;white-space:normal;text-overflow:ellipsis}"]}]}],e.ctorParameters=function(){return[]},e.propDecorators={widgetData:[{type:core.Input}]},e}(resolverV2.WidgetBaseComponent);var CardPortraitComponent=function(){function t(t,e,n,a,i){var o=this;this.snackBar=t,this.translate=e,this.langtranslations=n,this.configSvc=a,this.contSvc=i,this.isCardLoading=!1,this.contentData=new core.EventEmitter,this.isCardFlipped=!1,this.acbpConstants=NsCardContent$1.ACBPConst,this.showFlip=!1,this.widgetType="df",this.widgetSubType="sdf",this.langtranslations.languageSelectedObservable.subscribe((function(){if(localStorage.getItem("websiteLanguage")){o.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");o.translate.use(t)}}))}return t.prototype.ngOnInit=function(){var t=this.configSvc.instanceConfig;t?(this.defaultThumbnail=t.logos.defaultContent||"",this.sourceLogos=t.sources,this.defaultSLogo=t.logos.defaultSourceLogo||""):(this.defaultThumbnail="/assets/instances/eagle/app_logos/default.png",this.defaultSLogo="/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg")},t.prototype.showSnackbar=function(){this.showIntranetContent?this.snackBar.open("Content is only available in intranet","X",{duration:2e3}):this.isLiveOrMarkForDeletion||this.snackBar.open("Content may be expired or deleted","X",{duration:2e3})},t.prototype.getRedirectUrlData=function(t){this.widgetData&&this.widgetData.context&&this.widgetData.context.pageSection&&(t.typeOfTelemetry=this.widgetData.context.pageSection),this.contSvc.changeTelemetryData(t),this.contentData.emit(t)},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-card-portrait",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 | pipePublicURL" 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          \x3c!-- <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> --\x3e\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            \x3c!-- <span class="org-text">{{\'cardcontentv2.by\' | translate}} --\x3e\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            \x3c!-- <span class="most-enrolled-text margin-left-m">{{ \'cardcontentv2.mostEnrolled\' | translate }}</span> --\x3e\n            <ng-container *ngIf="widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes(\'mostEnrolled\')">\n              <span class="most-enrolled-text margin-left-xs">\n                \x3c!-- {{ \'cardcontentv2.mostEnrolled\' | translate }} --\x3e\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                \x3c!-- {{ \'cardcontentv2.mostTrending\' | translate }} --\x3e\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        \x3c!-- <h2 class="mat-subheading-2 flex-1 min-w-0 margin-remove-bottom" i18n>{{\'cardcontentv2.reason\' | translate}}</h2> --\x3e\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>',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-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;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}"]}]}],t.ctorParameters=function(){return[{type:material.MatSnackBar},{type:core$1.TranslateService},{type:MultilingualTranslationsService},{type:utilsV2.ConfigurationsService},{type:WidgetContentLibService}]},t.propDecorators={widgetData:[{type:core.Input}],isLiveOrMarkForDeletion:[{type:core.Input}],showIntranetContent:[{type:core.Input}],isIntranetAllowedSettings:[{type:core.Input}],isCardLoading:[{type:core.Input}],contentData:[{type:core.Output}],cbPlanMapData:[{type:core.Input}]},t}();var PipePublicURL=function(){function t(t){this.environment=t}return t.prototype.transform=function(t){var e=t&&t.split("/content").pop()||"",n=this.environment.contentHost+"/"+this.environment.contentBucket+"/content"+e;return t?n:""},t.decorators=[{type:core.Pipe,args:[{name:"pipePublicURL"}]}],t.ctorParameters=function(){return[{type:void 0,decorators:[{type:core.Inject,args:["environment"]}]}]},t}();var PipePublicURLModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[PipePublicURL],imports:[common.CommonModule],exports:[PipePublicURL]}]}],t}(),ObjectToArrayPipe=function(){function t(){}return t.prototype.transform=function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];return t},t.decorators=[{type:core.Pipe,args:[{name:"objectToArray"}]}],t}(),ObjectToArrayPipeModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[ObjectToArrayPipe],imports:[common.CommonModule],exports:[ObjectToArrayPipe]}]}],t}(),DisplayContentTypeLibComponent=function(){function t(t){this.langtranslations=t,this.useTranslation=!0,this.displayContentType=NsContent.EDisplayContentTypes.DEFAULT,this.displayContentTypeEnum=NsContent.EDisplayContentTypes}return t.prototype.ngOnInit=function(){},t.prototype.translateLabels=function(t,e){return this.langtranslations.translateLabel(t,e,"")},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-display-content-type",template:'<ng-container *ngIf="displayContentType">\n  <span [ngSwitch]="displayContentType" class="content-type-class">\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.ASSESSMENT" i18n>Assessment</ng-container>\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.AUDIO" i18n>Audio</ng-container>\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.CHANNEL" i18n>Channel</ng-container>\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.CERTIFICATION" i18n\n      >Certification</ng-container\n    >\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.CLASS_DIAGRAM" i18n\n      >Class Diagram</ng-container\n    >\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.COURSE" i18n>Course</ng-container>\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.DEFAULT" i18n>Content</ng-container>\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.DRAG_DROP" i18n>Drag & Drop</ng-container>\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.EXTERNAL_CERTIFICATION" i18n\n      >External Certification</ng-container\n    >\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.EXTERNAL_COURSE" i18n\n      >External Course</ng-container\n    >\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.HANDS_ON" i18n>Hands-On</ng-container>\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.IAP" i18n>Hands-On Assessment</ng-container>\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.INSTRUCTOR_LED" i18n\n      >Instructor-Led</ng-container\n    >\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.INTERACTIVE_VIDEO" i18n\n      >Interactive Video</ng-container\n    >\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.KNOWLEDGE_ARTIFACT" i18n\n      >Knowledge Artifact</ng-container\n    >\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.KNOWLEDGE_BOARD" i18n\n      >Knowledge Board</ng-container\n    >\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.LEARNING_JOURNEY" i18n\n      >Learning Journey</ng-container\n    >\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.MODULE" i18n>Module</ng-container>\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.PDF" i18n>Pdf</ng-container>\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.PROGRAM" i18n>Program</ng-container>\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.QUIZ" i18n>Quiz</ng-container>\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.RESOURCE" i18n>Resource</ng-container>\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.VIDEO" i18n>Video</ng-container>\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.WEB_MODULE" i18n>Web Module</ng-container>\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.WEB_PAGE" i18n>Web Page</ng-container>\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.YOUTUBE" i18n>Youtube</ng-container>\n    <ng-container *ngSwitchDefault i18n>\n      <span *ngIf="useTranslation">\n        {{ translateLabels(displayContentType, \'searchfilters\') }}\n      </span>\n      <span *ngIf="!useTranslation">\n        {{ displayContentType }}\n      </span>\n    </ng-container>\n  </span>\n  </ng-container>\n\x3c!-- <ng-container *ngIf="displayContentType">{{displayContentType}}</ng-container> --\x3e\n\x3c!-- <span [ngSwitch]="displayContentType">\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.ASSESSMENT" i18n>Assessment</ng-container>\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.AUDIO" i18n>Audio</ng-container>\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.CHANNEL" i18n>Channel</ng-container>\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.CERTIFICATION" i18n\n    >Certification</ng-container\n  >\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.CLASS_DIAGRAM" i18n\n    >Class Diagram</ng-container\n  >\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.COURSE" i18n>Course</ng-container>\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.DEFAULT" i18n>Content</ng-container>\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.DRAG_DROP" i18n>Drag & Drop</ng-container>\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.EXTERNAL_CERTIFICATION" i18n\n    >External Certification</ng-container\n  >\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.EXTERNAL_COURSE" i18n\n    >External Course</ng-container\n  >\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.HANDS_ON" i18n>Hands-On</ng-container>\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.IAP" i18n>Hands-On Assessment</ng-container>\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.INSTRUCTOR_LED" i18n\n    >Instructor-Led</ng-container\n  >\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.INTERACTIVE_VIDEO" i18n\n    >Interactive Video</ng-container\n  >\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.KNOWLEDGE_ARTIFACT" i18n\n    >Knowledge Artifact</ng-container\n  >\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.KNOWLEDGE_BOARD" i18n\n    >Knowledge Board</ng-container\n  >\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.LEARNING_JOURNEY" i18n\n    >Learning Journey</ng-container\n  >\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.MODULE" i18n>Module</ng-container>\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.PDF" i18n>Pdf</ng-container>\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.PROGRAM" i18n>Program</ng-container>\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.QUIZ" i18n>Quiz</ng-container>\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.RESOURCE" i18n>Resource</ng-container>\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.VIDEO" i18n>Video</ng-container>\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.WEB_MODULE" i18n>Web Module</ng-container>\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.WEB_PAGE" i18n>Web Page</ng-container>\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.YOUTUBE" i18n>Youtube</ng-container>\n  <ng-container *ngSwitchDefault i18n>Content</ng-container>\n</span> --\x3e\n',styles:[".content-type-class{color:rgba(0,0,0,.87);word-break:break-all;white-space:initial;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}"]}]}],t.ctorParameters=function(){return[{type:MultilingualTranslationsService}]},t.propDecorators={useTranslation:[{type:core.Input}],displayContentType:[{type:core.Input}]},t}();var DisplayContentTypeLibModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[DisplayContentTypeLibComponent],imports:[common.CommonModule,forms.ReactiveFormsModule,forms.FormsModule],exports:[DisplayContentTypeLibComponent]}]}],t}(),DefaultThumbnailDirective=function(){function t(){this.wsUtilsDefaultThumbnail="",this.src="",this.isSrcUpdateAttemptedForDefault=!1,this.srcUrl=""}return t.prototype.updateSrc=function(){this.isSrcUpdateAttemptedForDefault||(this.srcUrl=this.wsUtilsDefaultThumbnail,this.isSrcUpdateAttemptedForDefault=!0)},t.prototype.ngOnChanges=function(){this.src&&(this.srcUrl=this.src)},t.decorators=[{type:core.Directive,args:[{selector:"[wsUtilsDefaultThumbnail]"}]}],t.propDecorators={wsUtilsDefaultThumbnail:[{type:core.Input}],src:[{type:core.Input}],srcUrl:[{type:core.HostBinding,args:["src"]}],updateSrc:[{type:core.HostListener,args:["error"]}]},t}();var DefaultThumbnailModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[DefaultThumbnailDirective],imports:[common.CommonModule],exports:[DefaultThumbnailDirective]}]}],t}(),PipeDurationTransformPipe=function(){function t(){}return t.prototype.transform=function(t,e){if(t<=0)return"";var n=Math.floor(t/3600),a=Math.floor(t%3600/60),i=Math.floor(t%3600%60),o="";switch(e){case"time24":return this.defaultDuration(n,a,i);case"hms":return this.hmsCalculation(n,a,i,o,e);case"hms2H":var r=moment$4.duration(t,"seconds");return moment$4.utc(r.asMilliseconds()).format("HH:mm:ss");case"hms2M":var s=moment$4.duration(t,"seconds");return moment$4.utc(s.asMilliseconds()).format("mm:ss");case"hour":return 0===n&&(o+="less than an hour"),1===n&&(o+=n+" hour"),n>1&&(o+=n+" hours"),o;case"day":return n>24?moment$4.duration(t,"seconds").days()+" day(s)":this.hmsCalculation(n,a,i,o,e);default:return this.defaultDuration(n,a,i)}},t.prototype.defaultDuration=function(t,e,n){var a="";return a+=t>0?t.toString().padStart(2)+":":"",a+=e>0?e.toString().padStart(2)+":":"00:",a+=n>0?n.toString().padStart(2):"00"},t.prototype.hmsCalculation=function(t,e,n,a,i){var o="",r=a;return t>0&&(r+="hms"===i?t+"h":t+" hr"),e>0&&(t>0&&(o=" "),r+="hms"===i?""+o+e+"m":""+o+e+" min"),n>0&&0===t&&(e>0&&(o=" "),r+="hms"===i?""+o+n+"s":""+o+n+" sec"),r},t.decorators=[{type:core.Pipe,args:[{name:"pipeDurationTransform"}]}],t}(),PipeDurationTransformModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[PipeDurationTransformPipe],imports:[common.CommonModule],exports:[PipeDurationTransformPipe]}]}],t}(),CardUserComponent=function(){function t(t,e,n,a,i){var o=this;this.snackBar=t,this.events=e,this.translate=n,this.langtranslations=a,this.configSvc=i,this.userData=new core.EventEmitter,this.widgetType="df",this.widgetSubType="sdf",this.langtranslations.languageSelectedObservable.subscribe((function(){if(localStorage.getItem("websiteLanguage")){o.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");o.translate.use(t)}}))}return t.prototype.ngOnInit=function(){var t=this.configSvc.instanceConfig;t&&(this.defaultThumbnail=t.logos.defaultContent||"",this.sourceLogos=t.sources,this.defaultSLogo=t.logos.defaultSourceLogo||"")},t.prototype.getRedirectUrlData=function(t){this.userData.emit(t)},t.prototype.raiseTelemetry=function(){this.events.raiseInteractTelemetry({type:"click",subType:this.widgetType+"-"+this.widgetSubType,id:lodash.camelCase(this.widgetData.content.userId)+"-card"},{id:this.widgetData.content.userId,rollup:{}},{pageIdExt:lodash.camelCase("user")+"-card",module:lodash.camelCase("user")})},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-card-user",template:'<mat-card class="user-card card-users-container mr-5 padding-remove cursor-pointer">\n    <div class="display-contents">\n        <ng-container *ngIf="widgetData.content">\n            <a (click)="raiseTelemetry();$event.stopPropagation()" role="link"\n                i18n-aria-label>\n                <ng-container>\n                    <mat-card-content class="min-top">\n                        <div style="position: relative; z-index: 1;">\n                            <ng-container *ngIf="widgetData.content.image">\n                                <img mat-card-image [src]="widgetData.content.image"\n                                    loading="lazy" class="card-img ws-mat-primary-lite-background margin-remove"\n                                    [wsUtilsDefaultThumbnail]="defaultThumbnail" [alt]="widgetData.content.name" />\n                            </ng-container>\n                            <ng-container *ngIf="!widgetData.content.image">\n                                <ng-template #defaultImg>\n                                    <img mat-card-image [src]="defaultThumbnail" loading="lazy"\n                                        class="card-img ws-mat-primary-lite-background margin-remove"\n                                        [alt]="widgetData.content.name" />\n                                </ng-template>\n                            </ng-container>\n                        </div>\n                        <div class="padding-m">\n                            <div class="user_widget flex margin-remove">\n                            </div>\n                            <div [id]="\'m-c-\'+ widgetData.content?.userId"\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                                <p class="whitespace-normal description-text mat-body-2">\n                                    {{ widgetData?.content?.description }}\n                                </p>\n                            </div>\n                        </div>\n                    </mat-card-content>\n                </ng-container>\n            </a>\n        </ng-container>\n    </div>\n</mat-card>',styles:[".card-users-container{position:relative;width:282px;min-height:281px;border-radius:8px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;height:281px;margin:16px 8px}.card-users-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-users-container .course_logo_box img{height:28px;width:28px;padding:5px;display:inline-block}.card-users-container .course_logo_box p{display:inline-block;vertical-align:top}.card-users-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-users-container mat-card-content{background:#fff}.card-users-container .card-img{width:282px;height:158px;display:block;-o-object-fit:contain;object-fit:contain;border-top-left-radius:8px;border-top-right-radius:8px}.card-users-container .mat-subheading-1{font:600 14px/24px Montserrat}.card-users-container .complexity{padding-top:70px;display:flex;font-size:14px;line-height:21px;padding-bottom:10px}.card-users-container .complexity .mode-tag{border-radius:5px;order:2;margin-left:auto;color:#fff;font-size:10px}.card-users-container .complexity .duration{display:flex;margin-left:auto;order:3;font-weight:700}.card-users-container .complexity .time-text{margin:0 5px 0 6px;font-weight:700}.card-users-container .basic{margin:auto 0}.card-users-container .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:1;-webkit-box-orient:vertical;min-height:24px}.card-users-container .description-text{position:relative;overflow:hidden;height:63px;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.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}"]}]}],t.ctorParameters=function(){return[{type:material.MatSnackBar},{type:utilsV2.EventService},{type:core$1.TranslateService},{type:MultilingualTranslationsService},{type:utilsV2.ConfigurationsService}]},t.propDecorators={widgetData:[{type:core.Input}],userData:[{type:core.Output}]},t}();var CardLandscapeComponent=function(){function t(t,e,n,a,i){var o=this;this.snackBar=t,this.events=e,this.translate=n,this.langtranslations=a,this.configSvc=i,this.isCardLoading=!1,this.contentData=new core.EventEmitter,this.triggerTelemetry=new core.EventEmitter,this.isCardFlipped=!1,this.acbpConstants=NsCardContent$1.ACBPConst,this.showFlip=!1,this.widgetType="df",this.widgetSubType="sdf",this.langtranslations.languageSelectedObservable.subscribe((function(){if(localStorage.getItem("websiteLanguage")){o.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");o.translate.use(t)}}))}return t.prototype.ngOnInit=function(){var t=this,e=this.configSvc.instanceConfig;e?(this.defaultThumbnail=e.logos.defaultContent||"",this.sourceLogos=e.sources,this.defaultSLogo=e.logos.defaultSourceLogo||""):(this.defaultThumbnail="/assets/instances/eagle/app_logos/default.png",this.defaultSLogo="/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg"),this.cbPlanInterval=setInterval((function(){t.getCbPlanData()}),1e3)},t.prototype.showSnackbar=function(){this.showIntranetContent?this.snackBar.open("Content is only available in intranet","X",{duration:2e3}):this.isLiveOrMarkForDeletion||this.snackBar.open("Content may be expired or deleted","X",{duration:2e3})},t.prototype.getRedirectUrlData=function(t){this.contentData.emit(t)},t.prototype.raiseTelemetry=function(t){this.triggerTelemetry.emit(t)},t.prototype.getCbPlanData=function(){var t={};if(localStorage.getItem("cbpData")){var e=JSON.parse(localStorage.getItem("cbpData")||"");e&&e.length&&e.forEach((function(e){t[e.identifier]=e})),clearInterval(this.cbPlanInterval)}},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-card-landscape",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              \x3c!-- <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> --\x3e\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            \x3c!-- <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> --\x3e\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>',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-word;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}"]}]}],t.ctorParameters=function(){return[{type:material.MatSnackBar},{type:utilsV2.EventService},{type:core$1.TranslateService},{type:MultilingualTranslationsService},{type:utilsV2.ConfigurationsService}]},t.propDecorators={widgetData:[{type:core.Input}],isLiveOrMarkForDeletion:[{type:core.Input}],showIntranetContent:[{type:core.Input}],isIntranetAllowedSettings:[{type:core.Input}],isCardLoading:[{type:core.Input}],contentData:[{type:core.Output}],triggerTelemetry:[{type:core.Output}],cbPlanMapData:[{type:core.Input}]},t}();var CardWideComponent=function(){function t(t,e,n,a,i){var o=this;this.snackBar=t,this.events=e,this.translate=n,this.langtranslations=a,this.configSvc=i,this.isCardLoading=!1,this.contentData=new core.EventEmitter,this.isCardFlipped=!1,this.showFlip=!1,this.widgetType="df",this.widgetSubType="sdf",this.langtranslations.languageSelectedObservable.subscribe((function(){if(localStorage.getItem("websiteLanguage")){o.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");o.translate.use(t)}}))}return t.prototype.ngOnInit=function(){var t=this.configSvc.instanceConfig;t?(this.defaultThumbnail=t.logos.defaultContent||"",this.sourceLogos=t.sources,this.defaultSLogo=t.logos.defaultSourceLogo||"/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg"):(this.defaultThumbnail="/assets/instances/eagle/app_logos/default.png",this.defaultSLogo="/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg")},t.prototype.getRedirectUrlData=function(t){this.contentData.emit(t)},t.prototype.raiseTelemetry=function(){this.events.raiseInteractTelemetry({type:"click",subType:this.widgetType+"-"+this.widgetSubType,id:lodash.camelCase(this.widgetData.content.primaryCategory)+"-card"},{id:this.widgetData.content.identifier,type:this.widgetData.content.primaryCategory,rollup:{},ver:""+this.widgetData.content.version},{pageIdExt:lodash.camelCase(this.widgetData.content.primaryCategory)+"-card",module:lodash.camelCase(this.widgetData.content.primaryCategory)})},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-card-wide",template:'<mat-card class="card-wide-lib">\n    <a (click)="raiseTelemetry();getRedirectUrlData(widgetData?.content); $event.stopPropagation()" \n    role="link" i18n-aria-label>\n    <div class="flex">\n        <div>\n            <ng-container *ngIf="widgetData?.content?.posterImage">\n                <img mat-card-image [src]="widgetData?.content?.posterImage | pipePublicURL" loading="lazy"\n                class="card-wide-img ws-mat-primary-lite-background margin-remove" [wsUtilsDefaultThumbnail]="defaultThumbnail"\n                [alt]="widgetData?.content?.name" />\n              </ng-container>\n              <ng-container *ngIf="!widgetData?.content?.posterImage">\n                <ng-container *ngIf="widgetData?.content?.appIcon; else defaultImg">\n                  <img mat-card-image [src]="widgetData?.content?.appIcon | pipePublicURL" loading="lazy"\n                  class="card-wide-img ws-mat-primary-lite-background margin-remove"  [wsUtilsDefaultThumbnail]="defaultThumbnail"\n                  [alt]="widgetData?.content?.name" />\n                </ng-container>\n                <ng-template #defaultImg>\n                  <img mat-card-image [src]="defaultThumbnail" loading="lazy"\n                  class="card-wide-img ws-mat-primary-lite-background margin-remove"\n                  [alt]="widgetData?.content?.name" />\n                </ng-template>\n              </ng-container>\n        </div>\n        <div>\n            <div class="pl-4 pr-4 w-full">\n                <div class="course_widget flex margin-remove">\n                  <div class="flex flex-end course_v2">\n                    <mat-icon class="mat-icon main_icon ws-mat-default-text margin-right-xs">video_library</mat-icon>\n                    <sb-uic-display-content-type i18n-title title="Content Type" *ngIf="widgetData?.content?.primaryCategory"\n                      class="ws-mat-black60-text font-normal mat-caption " [displayContentType]="widgetData?.content?.primaryCategory===\'Course Unit\'\n                      ?\'Module\'\n                      :widgetData?.content?.primaryCategory">\n                    </sb-uic-display-content-type>\n                  </div>\n                </div>\n                <div [id]="\'m-c-\'+ widgetData?.content?.identifier"\n                  class="mat-subheading-1 title-text break-words  ws-mat-text-block-fade-gradient">\n                  {{ widgetData?.content?.name }}\n                </div>\n\n            <div class="flex w-full  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                \x3c!-- <span class="org-text">{{\'cardcontentv2.by\' | translate}} --\x3e\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>\n        </div>\n    </div>\n    </a>\n</mat-card>\n',styles:[".card-wide-lib{width:inherit;padding:16px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.16)}.card-wide-lib .card-wide-img{width:190px;height:107px;border-radius:12px}.card-wide-lib .course_widget{margin-top:10px}.card-wide-lib .course_widget .mat-icon{vertical-align:middle;color:#ef951e!important}.card-wide-lib .course_widget .course_v2{border:1px solid #ef951e;padding:4px 8px;align-items:end;border-radius:16px}.card-wide-lib .course_widget .main_icon{font-size:16px;width:16px;height:16px}.card-wide-lib .course_logo_box{width:38px;height:38px;background:#fff;border-radius:8px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.card-wide-lib .course_logo_box img{height:28px;width:28px;padding:5px;display:inline-block}.card-wide-lib .course_logo_box p{display:inline-block;vertical-align:top}.card-wide-lib .org-text{font-size:12px;font-weight:400;width:75%;padding-left:10px;word-break:break-all;white-space:initial;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}@media screen and (max-width:768px){.card-wide-img{width:147px!important;height:117px!important;border-radius:12px!important}.course_widget{max-width:145px}.org-text{width:56%!important}}"]}]}],t.ctorParameters=function(){return[{type:material.MatSnackBar},{type:utilsV2.EventService},{type:core$1.TranslateService},{type:MultilingualTranslationsService},{type:utilsV2.ConfigurationsService}]},t.propDecorators={widgetData:[{type:core.Input}],isLiveOrMarkForDeletion:[{type:core.Input}],showIntranetContent:[{type:core.Input}],isIntranetAllowedSettings:[{type:core.Input}],isCardLoading:[{type:core.Input}],contentData:[{type:core.Output}]},t}();var CardMDOChannelComponent=function(){function t(t,e,n,a,i,o){var r=this;this.events=t,this.translate=e,this.langtranslations=n,this.configSvc=a,this.contSvc=i,this.router=o,this.channelData=new core.EventEmitter,this.emitTelemetry=new core.EventEmitter,this.isCardLoading=!1,this.widgetType="",this.widgetSubType="",this.langtranslations.languageSelectedObservable.subscribe((function(){if(localStorage.getItem("websiteLanguage")){r.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");r.translate.use(t)}}))}return t.prototype.ngOnInit=function(){var t=this.configSvc.instanceConfig;t?(this.defaultThumbnail=t.logos.defaultContent||"",this.sourceLogos=t.sources,this.defaultSLogo=t.logos.defaultSourceLogo||""):(this.defaultThumbnail="/assets/instances/eagle/app_logos/default.png",this.defaultSLogo="/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg")},t.prototype.raiseTelemetry=function(t){this.emitTelemetry.emit(t),this.widgetData&&(t.typeOfTelemetry="mdo-channel"),this.contSvc.changeTelemetryData(t)},t.prototype.channelClick=function(t){this.channelData.emit(t)},t.prototype.redirectTo=function(t){this.router.navigate(["/app/learn/mdo-channels/"+t.orgName+"/"+t.identifier+"/micro-sites"])},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-card-mdo-channel",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>',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-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}@media screen and (max-width:768px){.card-channels-container{width:100%;margin:0}}"]}]}],t.ctorParameters=function(){return[{type:utilsV2.EventService},{type:core$1.TranslateService},{type:utilsV2.MultilingualTranslationsService},{type:utilsV2.ConfigurationsService},{type:WidgetContentLibService},{type:router.Router}]},t.propDecorators={widgetData:[{type:core.Input}],channelData:[{type:core.Output}],emitTelemetry:[{type:core.Output}],isCardLoading:[{type:core.Input}]},t}();var CardWideV2Component=function(){function t(t,e,n,a,i){var o=this;this.snackBar=t,this.events=e,this.translate=n,this.langtranslations=a,this.configSvc=i,this.isCardLoading=!1,this.contentData=new core.EventEmitter,this.triggerTelemetry=new core.EventEmitter,this.isCardFlipped=!1,this.acbpConstants=NsCardContent$1.ACBPConst,this.showFlip=!1,this.widgetType="df",this.widgetSubType="sdf",this.langtranslations.languageSelectedObservable.subscribe((function(){if(localStorage.getItem("websiteLanguage")){o.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");o.translate.use(t)}}))}return t.prototype.ngOnInit=function(){var t=this.configSvc.instanceConfig;t?(this.defaultThumbnail=t.logos.defaultContent||"",this.sourceLogos=t.sources,this.defaultSLogo=t.logos.defaultSourceLogo||""):(this.defaultThumbnail="/assets/instances/eagle/app_logos/default.png",this.defaultSLogo="/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg")},t.prototype.showSnackbar=function(){this.showIntranetContent?this.snackBar.open("Content is only available in intranet","X",{duration:2e3}):this.isLiveOrMarkForDeletion||this.snackBar.open("Content may be expired or deleted","X",{duration:2e3})},t.prototype.getRedirectUrlData=function(t){this.contentData.emit(t)},t.prototype.raiseTelemetry=function(t){this.triggerTelemetry.emit(t)},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-card-wide-v2",template:'<ng-container *ngIf="!isCardLoading">\n  <mat-card class="card-wide-v2 padding-remove position-relative flex {{widgetData?.cardCustomeClass}}">\n      <div class="imageholder ">\n        <img mat-card-image class="margin-remove"\n        [src]="widgetData?.content?.posterImage || widgetData?.content?.appIcon  | pipePublicURL" [wsUtilsDefaultThumbnail]="defaultThumbnail"\n        [alt]="widgetData?.content?.name">\n        <div class="source-div" [hidden]="true">\n          <img [src]="widgetData?.content?.creatorLogo | pipePublicURL" class="source-icon" [wsUtilsDefaultThumbnail]="defaultSLogo"\n            [alt]="(widgetData?.content?.sourceName + \'_\' + widgetData?.content?.identifier)" />\n        </div>\n        <div class="duration-box right-corner" *ngIf="widgetData?.content?.duration > 0">\n          <mat-icon class="mat-icon main_icon mr-1">access_time</mat-icon>\n          <span class=" ws-mat-white-text duration"> {{ (widgetData?.content?.duration || 120)| pipeDurationTransform: \'hms\' }}</span>\n        </div>\n        <ng-container *ngIf="cbPlanMapData && cbPlanMapData[widgetData?.content?.identifier]">\n          <ng-container [ngTemplateOutlet]="cbpPlan" [ngTemplateOutletContext]="{data: {\n            cbpData: cbPlanMapData[widgetData?.content?.identifier]\n          }}"></ng-container>\n        </ng-container>\n      </div>\n      <mat-card-content class="mat-text-box mb-0">\n        <div class="course_widget flex flex-between margin-remove">\n          <div class="flex flex-end course_v2">\n            <ng-container *ngIf="widgetData?.content?.contentType === \'Resource\' || widgetData?.content?.contentType === \'Course\' || widgetData?.content?.contentType === \'Module\'">\n              <mat-icon class="mat-icon main_icon ws-mat-default-text margin-right-xs">video_library</mat-icon>\n              <span class="ws-mat-black60-text font-normal mat-caption ">\n                {{widgetData?.content?.primaryCategory || widgetData?.content?.contentType}}\n                \x3c!-- {{ translateLabel(widgetData.content.primaryCategory || widgetData.content.contentType, \'searchfilters\') }} --\x3e\n              </span>\n            </ng-container>\n          </div>\n        </div>\n\n        <div class="flex main_title_box">\n          <p class="mat-subheading-1 title-text font-bold-imp cursor-pointer content-title">\n            <a (click)="raiseTelemetry(widgetData?.content);getRedirectUrlData(widgetData?.content); $event.stopPropagation()">\n              {{widgetData?.content?.name}}\n            </a>\n        </p>\n        </div>\n\n        <div class="bottomsection">\n          <div class="flex w-full flex-wrap flex-middle provider">\n            <div class="course_logo_box">\n              <img [src]="widgetData?.content?.creatorLogo | pipePublicURL " class="source-icon" [wsUtilsDefaultThumbnail]="defaultSLogo"\n              [alt]="(widgetData?.content?.sourceName + \'_\' + widgetData?.content?.identifier)" />\n            </div>\n            <span class="org-text">By&nbsp;\n              \x3c!-- {{\'cardcontentv2.by\' | translate}}  --\x3e\n              {{widgetData?.content?.organisation[0] }}</span>\n          </div>\n          <div class="flex flex-middle rating-session margin-top-xs">\n            <div class="flex flex-middle" *ngIf="widgetData?.content?.avgRating">\n              <mat-icon>star</mat-icon>\n              <span class="rating-number">{{widgetData?.content?.avgRating}}</span>\n            </div>\n            \x3c!-- <span class="most-enrolled-text margin-left-m">{{ \'cardcontentv2.mostEnrolled\' | translate }}</span> --\x3e\n            <ng-container *ngIf="widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes(\'mostEnrolled\')">\n              \x3c!-- <span class="most-enrolled-text margin-left-xs">{{ \'cardcontentv2.mostEnrolled\' | translate }}</span> --\x3e\n            </ng-container>\n            <ng-container *ngIf="widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes(\'mostTrending\')">\n              \x3c!-- <span class="most-enrolled-text margin-left-xs">{{ \'cardcontentv2.mostTrending\' | translate }}</span> --\x3e\n            </ng-container>\n          </div>\n        </div>\n      </mat-card-content>\n  </mat-card>\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</ng-container>\n  <ng-container *ngIf="isCardLoading">\n    <mat-card class="card-wide-v2 padding-remove position-relative flex">\n      <div class="">\n        <sb-uic-skeleton-loader [width]="\'300px\'" [height]="\'100%\'" class="h-full" [bindingClass]="\'flex rounded h-full min-height-width\'"></sb-uic-skeleton-loader>\n      </div>\n      <mat-card-content class="mat-text-box">\n        <div class="course_widget flex margin-remove">\n          <div class="flex flex-end ">\n            <sb-uic-skeleton-loader [width]="\'100px\'" [height]="\'21px\'" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\n          </div>\n        </div>\n  \n        <div class="flex main_title_box">\n          \x3c!-- <p class="mat-subheading-1 title-text font-bold-imp cursor-pointer content-title"> --\x3e\n            <sb-uic-skeleton-loader [width]="\'100%\'" [height]="\'21px\'" class="w-full h-full mt-2" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\n        \x3c!-- </p> --\x3e\n        </div>\n  \n        <div class="bottomsection">\n          <div class="flex w-full flex-wrap flex-middle">\n            <div class="course_logo_box mr-2">\n              <sb-uic-skeleton-loader [width]="\'28px\'" [height]="\'28px\'" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\n            </div>\n            <sb-uic-skeleton-loader [width]="\'100px\'" [height]="\'16px\'" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\n          </div>\n          <div class="flex flex-middle rating-session margin-top-xs">\n            <div class="flex flex-middle mr-2">\n              <sb-uic-skeleton-loader [width]="\'50px\'" [height]="\'16px\'" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\n            </div>\n            <sb-uic-skeleton-loader [width]="\'80px\'" [height]="\'16px\'" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\n          </div>\n        </div>\n      </mat-card-content>\n    </mat-card>\n  </ng-container>',styles:[".course_widget{margin-top:10px}.course_widget .mat-icon{vertical-align:middle;color:#ef951e!important}.course_widget .course_v2{border:1px solid #ef951e;padding:4px 8px;align-items:end;border-radius:16px}.course_widget .main_icon{font-size:16px;width:16px;height:16px}.rating-session mat-icon{font-size:16px;height:16px;width:12px;padding-right:3px;color:#ef951e}.rating-session span{font-size:11px}.rating-session .most-enrolled-text{padding:0 8px;background:#ffea9e;border-radius:4px}.duration-box{background:#000;position:absolute;border:none;display:flex;align-items:center;padding:4px;border-radius:4px}.duration-box.right-corner{right:4px;bottom:4px}.duration-box .mat-icon{vertical-align:middle;color:#fff!important;height:14px!important;width:14px!important;font-size:14px}.duration-box .duration{font:700 12px/16px Lato;display:inline-block;margin:0;padding:0}.card-wide-v2{border-radius:12px;max-width:100%;min-width:784px;display:flex;background-color:#fff}.card-wide-v2 .title-text{word-break:break-word;white-space:initial;margin:8px 0 4px;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px}.card-wide-v2 .course_logo_box{width:38px;height:38px;background:#fff;border-radius:4px;box-sizing:border-box;border:1px solid rgba(0,0,0,.16)}.card-wide-v2 .course_logo_box img{height:28px;width:28px;padding:5px;display:inline-block;-o-object-fit:cover;object-fit:cover}.card-wide-v2 .course_logo_box p{display:inline-block;vertical-align:top}.card-wide-v2 .org-text{font-size:14px;font-weight:400;padding-left:10px;word-break:break-all;white-space:initial;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.card-wide-v2 .rating-session mat-icon{font-size:20px;height:20px;width:20px;color:#ef951e}.card-wide-v2 .rating-session .rating-number{font-size:14px}.card-wide-v2 .rating-session .most-enrolled-text{font-size:12px;padding:0 10px;background:#ffea9e;border-radius:4px}.card-wide-v2 .highlight_point_text{margin-top:15px}.card-wide-v2 ul.highlighting_list li{display:inline-block;padding-right:10px}.card-wide-v2 ul.highlighting_list li .rating-number{letter-spacing:0;color:#f69953}.card-wide-v2 ul.highlighting_list li.rating .mat-icon{width:16px;height:16px;display:inline-table;color:#f69953;font-size:18px;vertical-align:text-bottom}.card-wide-v2 img.text_seperator{vertical-align:middle}.card-wide-v2 .mat-text-box{padding:12px 12px 11px;box-sizing:border-box;width:calc(100% - 315px)}@media (max-width:992px){.card-wide-v2 .mat-text-box{width:66%;padding:8px;position:relative;height:auto}}.card-wide-v2 .mat-text-box p.mat-caption .mat-icon{vertical-align:middle;height:18px!important;width:16px!important;font-size:16px!important;line-height:1.2}.card-wide-v2 .mat-text-box p.mat-caption .title_icon{vertical-align:middle}.card-wide-v2 .imageholder{width:310px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.card-wide-v2 .imageholder img{width:100%;display:block;border-radius:10px 0 0 10px;height:100%;max-height:172px;-o-object-fit:cover;object-fit:cover;vertical-align:middle}@media (max-width:992px){.card-wide-v2 .imageholder{width:34%;height:auto}.card-wide-v2 .imageholder img{height:auto}}.card-wide-v2 .imageholder .source-div{position:absolute;top:12px;right:12px;background:#fff;z-index:3;border:1px solid #dedfe0;min-width:98px;min-height:32px;max-width:98px;max-height:32px;display:flex;border-radius:16px;display:inline-flex}.card-wide-v2 .imageholder .source-div .source-icon{border-radius:8px;display:block;margin:auto;max-width:58px;max-height:-webkit-fill-available}.card-wide-v2 .main_title_box{height:60px}.card-wide-v2 p.actionbtns{margin-bottom:0}.card-wide-v2 .contenticon{vertical-align:middle;margin-right:6px;width:16px;max-height:16px}@media only screen and (min-width:600px) and (max-width:959px){.card-wide-v2{min-width:auto;display:flex;flex-direction:column;min-width:calc(100vw - 32px)}.card-wide-v2 .imageholder,.card-wide-v2 .mat-text-box{width:100%}.card-wide-v2 .provider{flex-wrap:nowrap}}@media only screen and (max-width:599px){.card-wide-v2{min-width:auto;display:flex;flex-direction:column;min-width:calc(100vw - 32px)}.card-wide-v2 .imageholder,.card-wide-v2 .mat-text-box{width:100%}.card-wide-v2 .provider{flex-wrap:nowrap}}.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}.min-width-763{min-width:763px;background-color:#fff}.mb-0{margin-bottom:0!important}@media screen and (min-width:344px) and (max-width:882px){.min-width-763{min-width:300px;overflow:hidden}}@media screen and (min-width:357px) and (max-width:667px){.min-width-763{min-width:340px;overflow:hidden}}@media screen and (min-width:360px) and (max-width:740px){.min-width-763{min-width:325px;overflow:hidden}}@media screen and (min-width:390px) and (max-width:844px){.min-width-763{min-width:358px;overflow:hidden}}@media screen and (min-width:414px) and (max-width:896px){.min-width-763{min-width:380px;overflow:hidden}}@media screen and (min-width:430px) and (max-width:932px){.min-width-763{min-width:395px;overflow:hidden}}"]}]}],t.ctorParameters=function(){return[{type:material.MatSnackBar},{type:utilsV2.EventService},{type:core$1.TranslateService},{type:MultilingualTranslationsService},{type:utilsV2.ConfigurationsService}]},t.propDecorators={widgetData:[{type:core.Input}],isLiveOrMarkForDeletion:[{type:core.Input}],showIntranetContent:[{type:core.Input}],isIntranetAllowedSettings:[{type:core.Input}],cbPlanMapData:[{type:core.Input}],isCardLoading:[{type:core.Input}],contentData:[{type:core.Output}],triggerTelemetry:[{type:core.Output}]},t}();var CardKarmaProgramsComponent=function(){function t(t,e,n,a,i,o){var r=this;this.events=t,this.translate=e,this.langtranslations=n,this.configSvc=a,this.contSvc=i,this.router=o,this.randomColorApply=!1,this.userData=new core.EventEmitter,this.isCardLoading=!1,this.widgetType="",this.widgetSubType="",this.randomColors=["#EF941D","#F97440","#35B5B0","#9988FF","#254092","#926525","#4F72DF"],this.langtranslations.languageSelectedObservable.subscribe((function(){if(localStorage.getItem("websiteLanguage")){r.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");r.translate.use(t)}}))}return t.prototype.ngOnInit=function(){var t=this.configSvc.instanceConfig;t?(this.defaultThumbnail=t.logos.defaultContent||"",this.sourceLogos=t.sources,this.defaultSLogo=t.logos.defaultSourceLogo||""):(this.defaultThumbnail="/assets/instances/eagle/app_logos/default.png",this.defaultSLogo="/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg"),this.setRandomColor()},t.prototype.setRandomColor=function(){if(this.widgetData&&this.widgetData.content)if(this.randomColorApply){var t=Math.floor(Math.random()*Math.floor(this.randomColors.length));this.widgetData.content.bgColor=this.randomColors[t]}else this.widgetData.content.bgColor="#1a4ca1"},Object.defineProperty(t.prototype,"getRandomColors",{get:function(){var t=Math.floor(Math.random()*Math.floor(this.randomColors.length));return this.randomColors[t]},enumerable:!0,configurable:!0}),t.prototype.redirectTo=function(t){this.widgetData&&this.widgetData.context&&this.widgetData.context.pageSection&&(t.typeOfTelemetry="karma-programs"),this.contSvc.changeTelemetryData(t),this.router.navigate(["/app/learn/karma-programs/"+t.title+"/"+t.playListKey+"/"+t.orgId+"/micro-sites"])},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-card-karma-programs",template:'<ng-container *ngIf="!isCardLoading">\n    <mat-card class="channels-card card-channels-container mr-5 padding-remove cursor-pointer" [ngStyle]="{\'background\': widgetData?.content?.bgColor}">\n        <div class="display-contents">\n            <ng-container *ngIf="widgetData?.content">\n                <a (click)="redirectTo(widgetData?.content);$event.stopPropagation();">\n                    <ng-container>\n                        <mat-card-content class="min-top">\n                            <div class="flex flex-col h-full">\n                                <div class="image-container">\n                                    <ng-container *ngIf="widgetData?.content?.imgSource && widgetData?.content?.imgSource?.length ; else defaultImg">\n                                        <img mat-card-image [src]="widgetData?.content?.imgSource[0]" loading="lazy"\n                                        class="card-img ws-mat-primary-lite-background margin-remove"  [wsUtilsDefaultThumbnail]="defaultThumbnail"\n                                        [alt]="widgetData?.content?.title" />\n                                    </ng-container>\n                                    <ng-template #defaultImg>\n                                        <sb-uic-avatar-photo [randomColor]="true" [name]="widgetData?.content?.title"  size="m-side-rating">\n                                        </sb-uic-avatar-photo>\n                                    </ng-template>\n                                </div>\n                                <div class="title-container">\n                                    <div class="flex   px-2">\n                                        <div [id]="\'m-c-\'+ widgetData?.content?.identifier"\n                                            class="flex-1 text-start  mat-subheading-2 title-text ws-mat-white-text">\n                                            {{ widgetData?.content?.title }}\n                                        </div>\n                                    </div>\n                                    <div class="flex  px-2">\n                                        <div [id]="\'m-c-\'+ widgetData?.content?.identifier"\n                                            class="flex-1 text-start margin-remove  margin-top-xxs mat-subheading-2 title-text ws-mat-white-text">\n                                            {{ widgetData?.content?.children?.length}} Programs\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </mat-card-content>\n                    </ng-container>\n                </a>\n            </ng-container>\n        </div>\n    </mat-card>\n</ng-container>\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 >\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 >\n                                        <sb-uic-skeleton-loader [width]="\'100%\'" [height]="\'100%\'" class="w-full h-full" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\n                                    </ng-container>\n                                </div>\n                                <div class="title-container">\n                                    <div class="flex   px-2">\n                                        <div class="flex-1 text-start  mat-subheading-2 title-text ws-mat-white-text">\n                                            <sb-uic-skeleton-loader [width]="\'100%\'" [height]="\'100%\'" class="w-full h-full" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\n                                        </div>\n                                    </div>\n                                    <div class="flex  px-2">\n                                        <div class="flex-1 text-start margin-remove  margin-top-xxs mat-subheading-2 title-text ws-mat-white-text">\n                                              <sb-uic-skeleton-loader [width]="\'120px\'" [height]="\'100%\'" class="w-full h-full" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </mat-card-content>\n                    </ng-container>\n                </a>\n            </ng-container>\n        </div>\n    </mat-card>\n</ng-container>',styles:[".card-channels-container{position:relative;width:245px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;min-height:217px;height:217px;max-height:217px;margin:20px 8px;background:#1a4ca1;border-radius:12px}.card-channels-container .min-top{background:inherit;margin-bottom:0;height:inherit}.card-channels-container .image-container{background-color:#fff;width:inherit;height:139px;max-height:139px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-top-left-radius:12px;border-top-right-radius:12px}.card-channels-container .card-img{max-height:100%;min-height:100%;display:block;-o-object-fit:fill;object-fit:fill}.card-channels-container .mat-subheading-1{font:600 14px/24px Montserrat}.card-channels-container .title-container{background:inherit}.card-channels-container .description-text{position:relative;overflow:hidden;height:51px}.card-channels-container .title-text{word-break:break-word;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;min-height:24px}"]}]}],t.ctorParameters=function(){return[{type:utilsV2.EventService},{type:core$1.TranslateService},{type:utilsV2.MultilingualTranslationsService},{type:utilsV2.ConfigurationsService},{type:WidgetContentLibService},{type:router.Router}]},t.propDecorators={widgetData:[{type:core.Input}],randomColorApply:[{type:core.Input}],userData:[{type:core.Output}],isCardLoading:[{type:core.Input}]},t}();var CardKarmaProgramsV2Component=function(){function t(t,e,n,a,i){var o=this;this.events=t,this.translate=e,this.langtranslations=n,this.configSvc=a,this.router=i,this.randomColorApply=!1,this.userData=new core.EventEmitter,this.raiseTemeletry=new core.EventEmitter,this.widgetType="",this.widgetSubType="",this.randomColors=["#EF941D","#F97440","#35B5B0","#9988FF","#254092","#926525","#4F72DF"],this.langtranslations.languageSelectedObservable.subscribe((function(){if(localStorage.getItem("websiteLanguage")){o.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");o.translate.use(t)}}))}return t.prototype.ngOnInit=function(){var t=this.configSvc.instanceConfig;t?(this.defaultThumbnail=t.logos.defaultContent||"",this.sourceLogos=t.sources,this.defaultSLogo=t.logos.defaultSourceLogo||""):(this.defaultThumbnail="/assets/instances/eagle/app_logos/default.png",this.defaultSLogo="/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg"),this.setRandomColor()},t.prototype.setRandomColor=function(){if(this.widgetData&&this.widgetData.content)if(this.randomColorApply){var t=Math.floor(Math.random()*Math.floor(this.randomColors.length));this.widgetData.content.bgColor=this.randomColors[t]}else this.widgetData.content.bgColor="#1a4ca1"},t.prototype.redirectTo=function(t){this.raiseTemeletry.emit(t),this.router.navigate(["/app/learn/karma-programs/"+t.title+"/"+t.playListKey+"/"+t.orgId+"/micro-sites"])},Object.defineProperty(t.prototype,"getRandomColors",{get:function(){var t=Math.floor(Math.random()*Math.floor(this.randomColors.length));return this.randomColors[t]},enumerable:!0,configurable:!0}),t.decorators=[{type:core.Component,args:[{selector:"sb-uic-card-karma-programs-v2",template:'<mat-card class="channels-card card-channels-container mr-5 padding-remove cursor-pointer" [ngStyle]="{\'background\': widgetData?.content?.bgColor}">\n    <div class="display-contents">\n        <ng-container *ngIf="widgetData?.content">\n            <a (click)="redirectTo(widgetData?.content);$event.stopPropagation()">\n                <ng-container>\n                    <mat-card-content class="min-top">\n                        <div class="flex flex-row md:flex-col h-full">\n                            <div class="image-container">\n                                <ng-container *ngIf="widgetData?.content?.imgSource && widgetData?.content?.imgSource?.length ; else defaultImg">\n                                    <img mat-card-image [src]="widgetData?.content?.imgSource[0]" loading="lazy"\n                                    class="card-img ws-mat-primary-lite-background margin-remove"  [wsUtilsDefaultThumbnail]="defaultThumbnail"\n                                    [alt]="widgetData?.content?.title" />\n                                </ng-container>\n                                <ng-template #defaultImg>\n                                    <sb-uic-avatar-photo [randomColor]="true" [name]="widgetData?.content?.title"  size="m-side-rating">\n                                    </sb-uic-avatar-photo>\n                                </ng-template>\n                            </div>\n                            <div class="flex items-center">\n                                <div class="title-container">\n                                    <div class="flex   px-2">\n                                        <div [id]="\'m-c-\'+ widgetData?.content?.identifier"\n                                            class="flex-1 text-start  mat-subheading-2 title-text ws-mat-white-text">\n                                            {{ widgetData?.content?.title }}\n                                        </div>\n                                    </div>\n                                    <div class="flex  px-2">\n                                        <div [id]="\'m-c-\'+ widgetData?.content?.identifier"\n                                            class="flex-1 text-start margin-remove  margin-top-xxs mat-subheading-2 title-text ws-mat-white-text">\n                                            {{ widgetData?.content?.children?.length}} Programs\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </mat-card-content>\n                </ng-container>\n            </a>\n        </ng-container>\n    </div>\n</mat-card>',styles:[".card-channels-container{position:relative;width:282px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;min-height:233px;height:233px;max-height:233px;margin:0 8px;background:#1a4ca1;border-radius:12px}.card-channels-container .min-top{background:inherit;margin-bottom:0;height:inherit}.card-channels-container .image-container{background-color:#fff;width:inherit;height:156px;max-height:156px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-top-left-radius:12px;border-top-right-radius:12px}.card-channels-container .card-img{max-height:100%;min-height:100%;display:block;-o-object-fit:fill;object-fit:fill}.card-channels-container .mat-subheading-1{font:600 14px/24px Montserrat}.card-channels-container .title-container{background:inherit}.card-channels-container .description-text{position:relative;overflow:hidden;height:51px}.card-channels-container .title-text{word-break:break-word;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;min-height:24px}@media screen and (max-width:768px){.card-channels-container{width:100%;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;min-height:unset;height:unset;max-height:unset;margin:0;padding:8px!important}.image-container{background-color:#fff;width:155px!important;min-width:155px!important;max-width:155px!important;height:106px!important;max-height:106px!important;border-radius:12px}}"]}]}],t.ctorParameters=function(){return[{type:utilsV2.EventService},{type:core$1.TranslateService},{type:utilsV2.MultilingualTranslationsService},{type:utilsV2.ConfigurationsService},{type:router.Router}]},t.propDecorators={widgetData:[{type:core.Input}],randomColorApply:[{type:core.Input}],userData:[{type:core.Output}],raiseTemeletry:[{type:core.Output}]},t}();var ProviderCardComponent=function(){function t(t){this.router=t,this.randomColorApply=!0,this.isCardLoading=!1,this.colors=["#EF941D","#F97440","#35B5B0","#9988FF","#816FEC","#254092","#926525","#4F72DF"]}return t.prototype.ngOnInit=function(){this.setRandomColor()},t.prototype.setRandomColor=function(){if(this.widgetData&&this.widgetData.content)if(this.randomColorApply){var t=Math.floor(Math.random()*Math.floor(this.colors.length));this.widgetData.content.bgColor=this.colors[t]}else this.widgetData.content.bgColor="#1a4ca1"},t.prototype.redirectTo=function(t){this.router.navigate(["/app/learn/browse-by/provider/"+t.name+"/"+t.orgId+"/micro-sites"])},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-provider-card",template:'\x3c!-- <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> --\x3e\n  \x3c!-- {{widgetData|json}} --\x3e\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>',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}"]}]}],t.ctorParameters=function(){return[{type:router.Router}]},t.propDecorators={widgetData:[{type:core.Input}],randomColorApply:[{type:core.Input}],isCardLoading:[{type:core.Input}]},t}();var CardPortraitExtComponent=function(){function t(t,e,n,a,i){var o=this;this.snackBar=t,this.translate=e,this.langtranslations=n,this.configSvc=a,this.contSvc=i,this.isCardLoading=!1,this.contentData=new core.EventEmitter,this.isCardFlipped=!1,this.acbpConstants=NsCardContent$1.ACBPConst,this.showFlip=!1,this.widgetType="df",this.widgetSubType="sdf",this.langtranslations.languageSelectedObservable.subscribe((function(){if(localStorage.getItem("websiteLanguage")){o.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");o.translate.use(t)}}))}return t.prototype.ngOnInit=function(){this.widgetData&&this.widgetData.content&&(this.widgetData.content.duration=60*this.widgetData.content.duration);var t=this.configSvc.instanceConfig;t?(this.defaultThumbnail=t.logos.defaultContent||"",this.sourceLogos=t.sources,this.defaultSLogo=t.logos.defaultSourceLogo||""):(this.defaultThumbnail="/assets/instances/eagle/app_logos/default.png",this.defaultSLogo="/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg")},t.prototype.showSnackbar=function(){this.showIntranetContent?this.snackBar.open("Content is only available in intranet","X",{duration:2e3}):this.isLiveOrMarkForDeletion||this.snackBar.open("Content may be expired or deleted","X",{duration:2e3})},t.prototype.getRedirectUrlData=function(t){this.widgetData&&this.widgetData.context&&this.widgetData.context.pageSection&&(t.typeOfTelemetry=this.widgetData.context.pageSection),this.contSvc.changeTelemetryData(t),this.contentData.emit(t)},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-card-portrait-ext",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?.contentPartner?.link" 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              \x3c!-- <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]="\'External Course\'">\n  \n                </sb-uic-display-content-type>\n              </div> --\x3e\n            </div>\n            <div [id]="\'m-c-\'+ widgetData?.content?.contentId"\n              class="mat-subheading-1 title-text ws-mat-text-block-fade-gradient" [matTooltip]="widgetData?.content?.name">\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?.contentPartner?.link  " class="source-icon" [wsUtilsDefaultThumbnail]="defaultSLogo"\n                [alt]="(widgetData?.content?.sourceName + \'_\' + widgetData?.content?.contentId)" />\n              </div>\n              \x3c!-- <span class="org-text">{{\'cardcontentv2.by\' | translate}} --\x3e\n                <span class="org-text">By&nbsp; {{ (widgetData?.content?.contentPartner?.contentPartnerName) ? widgetData?.content?.contentPartner?.contentPartnerName : \'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              \x3c!-- <span class="most-enrolled-text margin-left-m">{{ \'cardcontentv2.mostEnrolled\' | translate }}</span> --\x3e\n              <ng-container *ngIf="widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes(\'mostEnrolled\')">\n                <span class="most-enrolled-text margin-left-xs">\n                  \x3c!-- {{ \'cardcontentv2.mostEnrolled\' | translate }} --\x3e\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                  \x3c!-- {{ \'cardcontentv2.mostTrending\' | translate }} --\x3e\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          \x3c!-- <h2 class="mat-subheading-2 flex-1 min-w-0 margin-remove-bottom" i18n>{{\'cardcontentv2.reason\' | translate}}</h2> --\x3e\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>',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:300px;height:300px;border-radius:8px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;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-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;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}.tooltiptext{visibility:hidden;width:90px;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:4px 0;position:absolute;z-index:1;top:25px;left:-32px;font-size:12px}.title-text:hover .tooltiptext{visibility:visible}"]}]}],t.ctorParameters=function(){return[{type:material.MatSnackBar},{type:core$1.TranslateService},{type:MultilingualTranslationsService},{type:utilsV2.ConfigurationsService},{type:WidgetContentLibService}]},t.propDecorators={widgetData:[{type:core.Input}],isLiveOrMarkForDeletion:[{type:core.Input}],showIntranetContent:[{type:core.Input}],isIntranetAllowedSettings:[{type:core.Input}],isCardLoading:[{type:core.Input}],contentData:[{type:core.Output}],cbPlanMapData:[{type:core.Input}]},t}();var CardAssessmentComponent=function(){function t(t,e){this.configSvc=t,this.contSvc=e,this.contentData=new core.EventEmitter,this.isCardLoading=!1,this.stripData=[],this.enrollList=[],this.activeResource=[],this.daysRemaining=0,this.daysPending=!1,this.daysFinish=!1}return t.prototype.ngOnInit=function(){var t=this.configSvc.instanceConfig;t&&(this.defaultThumbnail=t.logos.defaultContent||"",this.defaultSLogo=t.logos.defaultSourceLogo||"")},t.prototype.startCountdown=function(t){var e=t.startDate;this.updateCountdown(e)},t.prototype.updateCountdown=function(t){var e=(new Date).getTime(),n=new Date(t).getTime()-e;n>0?(this.daysPending=!0,this.days=Math.floor(n/864e5),this.hours=Math.floor(n%864e5/36e5),this.minutes=Math.floor(n%36e5/6e4)):(this.daysRemaining=0,this.daysPending=!1)},t.prototype.ngOnDestroy=function(){},t.prototype.getRedirectUrlData=function(t){this.widgetData&&this.widgetData.context&&this.widgetData.context.pageSection&&(t.typeOfTelemetry=this.widgetData.context.pageSection),this.contSvc.changeTelemetryData(t),this.contentData.emit(t)},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-card-assessment",template:'<ng-container *ngIf="!isCardLoading">\n\t<mat-card\n\t\tclass="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"\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-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 "\n\t\t\t\t\t\t\t\t\t\t\t\tclass="source-icon" [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\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<div class="flex  flex-row" *ngIf="daysPending">\n\t\t\t\t\t\t\t\t\t\t\t<span class="start-span">Assessment starts in</span>\n\t\t\t\t\t\t\t\t\t\t\t<div class="flex margin-right-s">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class="big-text"><b>{{ days }}</b> <span\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass="small-text">days</span> </span> &nbsp; : &nbsp; <span\n\t\t\t\t\t\t\t\t\t\t\t\t\tclass="big-text"><b>{{ hours }} </b><span\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass="small-text">hours</span>\n\t\t\t\t\t\t\t\t\t\t\t\t</span> &nbsp; : &nbsp; <span class="big-text"> <b>{{ minutes }}</b> <span\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass="small-text">minutes</span>\n\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t<div class="flex">\n\t\t\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\t\t\tclass="time-span flex items-center justify-center">{{widgetData?.content?.batch?.startDate\n\t\t\t\t\t\t\t\t\t\t\t\t\t| date: \'dd MMM yyy HH:mm\' }}</span>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div *ngIf="!daysPending" class="flex flex-row"> \n\t\t\t\t\t\t\t\t\t\t\t<span class="start-span">Assessment ends on </span>\n\t\t\t\t\t\t\t\t\t\t\t<div class="flex margin-right-s">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class="start-btn">Start Assessment</span> \n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t<div class="flex">\n\t\t\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\t\t\tclass="time-span flex items-center justify-center">{{widgetData?.content?.batch?.endDate\n\t\t\t\t\t\t\t\t\t\t\t\t\t| date: \'dd MMM yyy HH:mm\' }}</span>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\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\n\t\tclass="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\'"\n\t\t\t\t\t\t\t\t\t\t\t[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\x3c!-- <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> --\x3e\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>',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:90%;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:100px}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:16px}.small-text{font-size:12px!important;vertical-align:top;margin-left:4px}"]}]}],t.ctorParameters=function(){return[{type:utilsV2.ConfigurationsService},{type:WidgetContentLibService}]},t.propDecorators={widgetData:[{type:core.Input}],contentData:[{type:core.Output}],isCardLoading:[{type:core.Input}]},t}();var ɵ0$3=function(t){return"certreg/v2/certs/download/"+t},ɵ1$2=function(t){return"apis/protected/v8/cohorts/course/batch/cert/download/"+t},urls={DOWNLOAD_CERTIFICATE:ɵ0$3,DOWNLOAD_CERTIFICATE_v2:ɵ1$2},CertificateService=function(){function t(t){this.http=t}return t.prototype.downloadCertificate=function(t){return this.http.get(urls.DOWNLOAD_CERTIFICATE(t))},t.prototype.downloadCertificate_v2=function(t){return this.http.get(urls.DOWNLOAD_CERTIFICATE_v2(t))},t.decorators=[{type:core.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[{type:http.HttpClient}]},t.ngInjectableDef=core.ɵɵdefineInjectable({factory:function(){return new t(core.ɵɵinject(http.HttpClient))},token:t,providedIn:"root"}),t}();var CertificateDialogComponent=function(){function t(t,e,n,a,i,o){var r=this;this.events=e,this.translate=n,this.langtranslations=a,this.dialogRef=i,this.data=o,this.navUrl="",this.environment=t,this.langtranslations.languageSelectedObservable.subscribe((function(){if(localStorage.getItem("websiteLanguage")){r.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");r.translate.use(t)}}))}return t.prototype.ngOnInit=function(){this.url=this.data.cet,this.navUrl="https://www.linkedin.com/sharing/share-offsite/?url="+this.environment.contentHost+"/apis/public/v8/cert/download/"+this.data.certId},t.prototype.downloadCert=function(){this.raiseIntreactTelemetry("svg");var t=document.createElement("a");t.href=this.data.cet,t.download="Certificate",document.body.appendChild(t),t.style="display: none",t.click(),t.remove()},t.prototype.downloadCertPng=function(){this.raiseIntreactTelemetry("png");var t=this.data.cet,e=new Image;e.src=t,e.width=1820,e.height=1e3,e.onload=function(){var t,n=document.createElement("canvas");t=__read([e.width,e.height],2),n.width=t[0],n.height=t[1];var a=n.getContext("2d");if(a){a.drawImage(e,0,0,e.width,e.height);var i=document.createElement("a");i.href=n.toDataURL("image/png",1),i.download="Certificate",i.append(n),i.click(),i.remove()}}},t.prototype.downloadCertPdf=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(n){return this.raiseIntreactTelemetry("pdf"),t=this.data.cet,(e=new Image).src=t,e.width=1820,e.height=1e3,e.onload=function(){var t,n=document.createElement("canvas");t=__read([e.width,e.height],2),n.width=t[0],n.height=t[1];var a=n.getContext("2d");if(a){a.drawImage(e,0,0,e.width,e.height);var i=n.toDataURL("application/pdf",1),o=new jspdf.jsPDF("landscape","px","a4");o.addImage(i,10,20,600,350),o.save("Certificate.pdf")}},[2]}))}))},t.prototype.shareCert=function(){return this.raiseShareIntreactTelemetry("share"),window.open(this.navUrl,"_blank")},t.prototype.raiseShareIntreactTelemetry=function(t,e){this.events.raiseInteractTelemetry({type:utilsV2.WsEvents.EnumInteractTypes.CLICK,id:t+"-"+utilsV2.WsEvents.EnumInteractSubTypes.CERTIFICATE,subType:e&&e},{id:this.data.certId,type:utilsV2.WsEvents.EnumInteractSubTypes.CERTIFICATE})},t.prototype.raiseIntreactTelemetry=function(t){this.events.raiseInteractTelemetry({type:utilsV2.WsEvents.EnumInteractTypes.CLICK,id:"download-certificate",subType:t&&t},{id:this.data.certId,type:utilsV2.WsEvents.EnumInteractSubTypes.CERTIFICATE})},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-certificate-dialog",template:'<mat-card class="no-shadow certificate-img-box">\n    <button mat-icon-button class="close-button" [mat-dialog-close]="true">\n        <mat-icon class="close-icon" color="warn">close</mat-icon>\n    </button>\n    \x3c!-- <mat-card-title>\n\n    </mat-card-title> --\x3e\n    <mat-card-content class="certificate-img-content">\n        <img #certificate [src]="url| pipeSafeSanitizer: \'url\'" alt="Certificate" role="image" class="certificate-banner-image">\n    </mat-card-content>\n    <mat-card-actions class="flex gap-4 flex-row-reverse">\n        \x3c!-- <ws-widget-svg-to-pdf></ws-widget-svg-to-pdf> --\x3e\n        <a mat-button (click)="shareCert()" class="ws-mat-accent-border-active mat-accent btn-custom">\n            <mat-icon class="mat-icon material-icons-outlined download_icon margin-right-xs">share</mat-icon>\n            Share\n        </a>\n        <a mat-button [matMenuTriggerFor]="menu" class="ws-mat-accent-border-active mat-accent btn-custom" (click)="raiseIntreactTelemetry()">\n            <mat-icon class="mat-icon material-icons-outlined download_icon margin-right-xs">cloud_download</mat-icon>\n            {{\'certificatedialog.download\' | translate}}\n        </a>\n        <mat-menu #menu="matMenu">\n            <button mat-menu-item (click)=\'downloadCertPdf()\'>\n                <mat-icon>picture_as_pdf</mat-icon>\n                <span>{{\'certificatedialog.pdf\' | translate}}</span>\n            </button>\n            <button mat-menu-item (click)=\'downloadCertPng()\'>\n                <mat-icon>photo</mat-icon>\n                <span>{{\'certificatedialog.png\' | translate}}</span>\n            </button>\n            <button mat-menu-item (click)=\'downloadCert()\'>\n                <mat-icon>photo_size_select_actual</mat-icon>\n                <span>{{\'certificatedialog.svg\' | translate}}</span>\n            </button>\n        </mat-menu>\n    </mat-card-actions>\n</mat-card>\n',host:{class:"certificate-inner-dialog-panel"},styles:[".no-shadow{box-shadow:none!important}.certificate-banner-image{height:30rem;display:flex;width:auto;margin:0 auto}.certificate-img-box{max-height:35rem;overflow-y:auto;overflow-x:hidden}.certificate-img-content{overflow:hidden}a.download_btn{background-color:#f0f0f0;border-radius:4px;float:right;height:40px;padding:0 16px;text-align:center;line-height:40px;text-decoration:none;color:rgba(0,0,0,.6);font-size:14px;font-weight:600;margin-top:16px;margin-right:0}.download_icon{font-size:16px;vertical-align:text-top}.close-icon{transition:1s ease-in-out;color:#fff!important}.close-icon:hover{transform:rotate(180deg)}::ng-deep .icon-outside .close-button{float:right;top:-52px;right:-52px}::ng-deep .icon-outside .mat-dialog-container{overflow:unset}::ng-deep .cdk-overlay-pane{max-height:96%!important;overflow-y:auto!important}.certificate-banner-image svg{width:500;height:500}@media only screen and (max-width:1279px){.certificate-banner-image{width:100%;height:auto;flex:1}.certificate-banner-image svg{width:auto;height:auto;flex:1}}.close-button{float:right;top:-16px;right:-12px;height:30px;width:30px;line-height:30px;background:#000!important;color:#fff!important;border-radius:50%!important}.ws-mat-accent-border{border:1px solid rgba(255,255,255,.08)}.ws-mat-accent-border-active{border:1px solid #1b4ca1;color:#1b4ca1}.btn-custom,.mat-button,.mat-flat-button,.mat-icon-button,.mat-stroked-button{box-sizing:border-box;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;outline:0;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;min-width:64px;line-height:36px;padding:0 16px;border-radius:4px;overflow:visible}.close-icon{position:absolute!important;top:19px!important;right:18px!important}"]}]}],t.ctorParameters=function(){return[{type:void 0,decorators:[{type:core.Inject,args:["environment"]}]},{type:utilsV2.EventService},{type:core$1.TranslateService},{type:utilsV2.MultilingualTranslationsService},{type:material.MatDialogRef},{type:void 0,decorators:[{type:core.Inject,args:[material.MAT_DIALOG_DATA]}]}]},t}();var CardProgressPortraitLibComponent=function(){function t(t,e,n,a,i,o,r,s){var l=this;this.snackBar=t,this.translate=e,this.events=n,this.langtranslations=a,this.configSvc=i,this.contSvc=o,this.certificateService=r,this.dialog=s,this.isCardLoading=!1,this.contentData=new core.EventEmitter,this.isCardFlipped=!1,this.acbpConstants=NsCardContent$1.ACBPConst,this.showFlip=!1,this.widgetType="df",this.widgetSubType="sdf",this.downloadCertificateLoading=!1,this.langtranslations.languageSelectedObservable.subscribe((function(){if(localStorage.getItem("websiteLanguage")){l.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");l.translate.use(t)}}))}return t.prototype.ngOnInit=function(){var t=this.configSvc.instanceConfig;t?(this.defaultThumbnail=t.logos.defaultContent||"",this.sourceLogos=t.sources,this.defaultSLogo=t.logos.defaultSourceLogo||""):(this.defaultThumbnail="/assets/instances/eagle/app_logos/default.png",this.defaultSLogo="/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg")},t.prototype.showSnackbar=function(){this.showIntranetContent?this.snackBar.open("Content is only available in intranet","X",{duration:2e3}):this.isLiveOrMarkForDeletion||this.snackBar.open("Content may be expired or deleted","X",{duration:2e3})},t.prototype.getRedirectUrlData=function(t){this.widgetData&&this.widgetData.context&&this.widgetData.context.pageSection&&(t.typeOfTelemetry=this.widgetData.context.pageSection),this.contSvc.changeTelemetryData(t),this.contentData.emit(t)},t.prototype.translateLabels=function(t,e,n){return this.langtranslations.translateLabelWithoutspace(t,e,n)},t.prototype.raiseTelemetry=function(){this.events.raiseInteractTelemetry({type:"click",subType:this.widgetType+"-"+this.widgetSubType,id:lodash.camelCase(this.widgetData.content.primaryCategory)+"-card"},{id:this.widgetData.content.identifier,type:this.widgetData.content.primaryCategory,rollup:{},ver:""+this.widgetData.content.version},{pageIdExt:lodash.camelCase(this.widgetData.content.primaryCategory)+"-card",module:lodash.camelCase(this.widgetData.content.primaryCategory)})},t.prototype.downloadCertificate=function(t){var e=this;if(this.events.raiseInteractTelemetry({type:utilsV2.WsEvents.EnumInteractTypes.CLICK,id:"view-certificate",subType:utilsV2.WsEvents.EnumInteractSubTypes.CERTIFICATE},{id:t.issuedCertificates[0].identifier,type:utilsV2.WsEvents.EnumInteractSubTypes.CERTIFICATE}),t.issuedCertificates.length>0){this.downloadCertificateLoading=!0;var n=t.issuedCertificates[0];this.certificateService.downloadCertificate_v2(n.identifier).subscribe((function(t){e.downloadCertificateLoading=!1;var a=t.result.printUri;e.dialog.open(CertificateDialogComponent,{width:"1300px",data:{cet:a,certId:n.identifier}})}))}else this.downloadCertificateLoading=!1},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-card-progress-portrait-lib",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>',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-word;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}"]}]}],t.ctorParameters=function(){return[{type:material.MatSnackBar},{type:core$1.TranslateService},{type:utilsV2.EventService},{type:MultilingualTranslationsService},{type:utilsV2.ConfigurationsService},{type:WidgetContentLibService},{type:CertificateService},{type:material.MatDialog}]},t.propDecorators={widgetData:[{type:core.Input}],isLiveOrMarkForDeletion:[{type:core.Input}],showIntranetContent:[{type:core.Input}],isIntranetAllowedSettings:[{type:core.Input}],isCardLoading:[{type:core.Input}],contentData:[{type:core.Output}],cbPlanMapData:[{type:core.Input}]},t}();var ContentProgressComponent=function(){function t(){this.contentId="",this.progress=0,this.progressType="",this.forPreview=!1,this.className="",this.customClassName="accent-progress",this.rendom=Math.random(),this.id="progress_"+Math.random(),this.contentId&&(this.id=this.contentId)}return t.prototype.ngOnChanges=function(){this.contentId&&!this.progress&&this.forPreview,this.progress&&("percentage"===this.progressType?this.progress=this.progress:this.progress=Math.round(1e4*this.progress)/100)},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-content-progress",template:'<mat-progress-bar [mode]="\'determinate\'" [matTooltip]="progress + \' %\'" [value]="progress" class="new-w content-progress {{customClassName}}"\n  [attr.aria-labelledby]="\'m-c-\'+ contentId" [ngClass]="{ \'visibility-0\': progress === undefined, \'thick\': className}"\n  i18n-aria-label> {{ progress }} % </mat-progress-bar>',host:{role:"progressbar","aria-valuemin":"0","aria-valuemax":"100",title:"progres","[attr.aria-valuenow]":"progress"},styles:[".visibility-0{display:none}::ng-deep.mat-progress-bar.thick{height:10px}::ng-deep.theme-igot.day-mode .mat-progress-bar-fill::after{background:no-repeat padding-box #34d6a4}::ng-deep.theme-igot.day-mode .mat-progress-bar-background{fill:rgba(0,0,0,.001)!important}::ng-deep.theme-igot.day-mode .mat-progress-bar-buffer{background-color:rgba(0,0,0,.1)!important}::ng-deep .content-progress .mat-progress-bar-fill::after{background:#f69953!important}::ng-deep.theme-igot.day-mode .viewer-progress .mat-progress-bar-background{fill:rgba(0,0,0,.1)!important}::ng-deep.theme-igot.day-mode .viewer-progress .mat-progress-bar-buffer{background-color:rgba(0,0,0,.1)!important}::ng-deep.mat-progress-bar.viewer-progress{height:4px;border-radius:5px}"]}]}],t.ctorParameters=function(){return[]},t.propDecorators={contentId:[{type:core.Input}],progress:[{type:core.Input}],progressType:[{type:core.Input}],forPreview:[{type:core.Input}],className:[{type:core.Input}],customClassName:[{type:core.Input}],id:[{type:core.HostBinding,args:["id"]}]},t}();var ContentProgressModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[ContentProgressComponent],imports:[common.CommonModule,material.MatProgressBarModule,material.MatTooltipModule],exports:[ContentProgressComponent]}]}],t}(),ɵ0$4=HttpLoaderFactory,DialogComponentsModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[CertificateDialogComponent],imports:[common.CommonModule,material.MatMenuModule,material.MatCardModule,material.MatIconModule,material.MatDialogModule,utilsV2.PipeSafeSanitizerModule,core$1.TranslateModule.forRoot({loader:{provide:core$1.TranslateLoader,useFactory:ɵ0$4,deps:[http.HttpClient]}})],exports:[CertificateDialogComponent],entryComponents:[CertificateDialogComponent]}]}],t}(),CardMdoChannelV1Component=function(){function t(t,e,n,a,i,o){var r=this;this.events=t,this.translate=e,this.langtranslations=n,this.configSvc=a,this.contSvc=i,this.router=o,this.channelData=new core.EventEmitter,this.emitTelemetry=new core.EventEmitter,this.isCardLoading=!1,this.widgetType="",this.widgetSubType="",this.langtranslations.languageSelectedObservable.subscribe((function(){if(localStorage.getItem("websiteLanguage")){r.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");r.translate.use(t)}}))}return t.prototype.ngOnInit=function(){var t=this.configSvc.instanceConfig;t?(this.defaultThumbnail=t.logos.defaultContent||"",this.sourceLogos=t.sources,this.defaultSLogo=t.logos.defaultSourceLogo||""):(this.defaultThumbnail="/assets/instances/eagle/app_logos/default.png",this.defaultSLogo="/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg")},t.prototype.raiseTelemetry=function(t){this.emitTelemetry.emit(t),this.widgetData&&(t.typeOfTelemetry="mdo-channel"),this.contSvc.changeTelemetryData(t)},t.prototype.channelClick=function(t){this.channelData.emit(t)},t.prototype.redirectTo=function(t){this.router.navigate(["/app/learn/mdo-channels/"+t.orgName+"/"+t.identifier+"/micro-sites"])},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-card-mdo-channel-v1",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>',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-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}"]}]}],t.ctorParameters=function(){return[{type:utilsV2.EventService},{type:core$1.TranslateService},{type:utilsV2.MultilingualTranslationsService},{type:utilsV2.ConfigurationsService},{type:WidgetContentLibService},{type:router.Router}]},t.propDecorators={widgetData:[{type:core.Input}],channelData:[{type:core.Output}],emitTelemetry:[{type:core.Output}],isCardLoading:[{type:core.Input}]},t}();var AvatarPhotoLibComponent=function(){function t(){this.size="",this.defaulfColor="",this.randomColor=!1,this.showBadge=!1,this.showInitials=!1,this.random=Math.random().toString(36).slice(2),this.colors=["#EB7181","#306933","#000000","#3670B2","#4E9E87","#7E4C8D"],this.randomcolors=["#EB7181","#006400","#000000","#3670B2","#4E9E87","#7E4C8D"]}return t.prototype.ngOnInit=function(){if(!this.photoUrl){this.showInitials=!0,this.initials||this.createInititals(),1===this.datalen&&(this.defaulfColor?this.randomcolors=[this.defaulfColor]:this.randomcolors=["#006400"]);var t=Math.floor(Math.random()*Math.floor(this.colors.length));if(this.circleColor=this.colors[t],this.randomColor){var e=Math.floor(Math.random()*Math.floor(this.randomcolors.length));this.circleColor=this.randomcolors[e]}}},t.prototype.ngOnChanges=function(t){t.name.currentValue===t.name.previousValue||t.name.firstChange||this.createInititals()},Object.defineProperty(t.prototype,"userInitials",{get:function(){return this.initials},enumerable:!0,configurable:!0}),t.prototype.createInititals=function(){var t="",e=(this.name+" ").toString().split(" ");if("undefined"!==e[0]&&void 0!==e[1])t+=e[0].charAt(0),t+=e[1].charAt(0);else for(var n=0;n<this.name.length&&(" "===this.name.charAt(n)||this.name.charAt(n)!=this.name.charAt(n)||2!==(t+=this.name.charAt(n)).length);n+=1);this.initials=t.toUpperCase()},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-avatar-photo",template:"<div id=\"user_icon\" [ngClass]=\"{'circle-s' : size=== 's',\n'circle-m' : size=== 'm',\n'circle-l' : size=== 'l',\n'circle-xl' : size=== 'xl',\n'circle-xxl' : size=== 'xxl',\n'circle-l-xs' : size=== 'l-xs',\n'circle-l-s' : size=== 'l-s',\n'circle-xl-s' : size=== 'xl-s',\n'circle-r-m': size=== 'round-m',\n'circle-r-p-m': size=== 'profile-round-m',\n'circle-m-side': size=== 'm-side',\n'circle-r-m-48': size=== 'm-side-rating',\n'circle-m-recommended': size==='m-recommended',\n'circle-xxl-s': size=== 'xxl-s'}\" [ngStyle]=\"{'background-color':  circleColor }\">\n  <img *ngIf=\"!showInitials\" loading=\"lazy\" src=\"{{photoUrl}}\" [alt]=\"photoUrl? '' :(name || userInitials || size || random)\">\n\n  <div *ngIf=\"showInitials\" class=\"initials\" i18n-aria-label>\n    {{ userInitials }} \n  </div>\n  <div *ngIf=\"showBadge\"><span class=\"profile-badge\">  \n    <img src=\"fusion-assets/images/profile-badge.png\">\n  </span></div>\n\n  \x3c!-- <div *ngIf=\"imageType === 'user-photo'\">\n    <img *ngIf=\"imageUrl\" [src]=\"imageUrl\" alt=\"user-image\" class=\"user-image\" [ngClass]=\"{'user-image-small': imageSize === 'small'}\">\n    <div class=\"user-image\" [ngClass]=\"{'user-image-small': imageSize === 'small'}\">\n      <span class=\"name-initials-image font-normal ws-mat-primary-default-text ws-mat-accent-background\"\n      *ngIf=\"!imageUrl\">{{ shortName }}</span>\n    </div>\n  </div> --\x3e\n</div>",styles:['@charset "UTF-8";.success-checkmark::after{content:"✔";position:absolute;left:25px;top:20px;width:11px;height:11px;border:1px solid #1d8923;background:#1d8923;border-radius:50%;color:#fff;line-height:11px;text-align:center;font-size:9px}.profile-badge{position:absolute;top:10px;right:0}.profile-badge img{height:15px!important;width:15px!important}.circle-s{border-radius:50%;width:24px;height:24px;display:flex;justify-content:center;align-items:center}.circle-s img{border-radius:50%;width:100%;height:100%}.circle-s .initials{color:#fff;font-size:10px;line-height:12px;letter-spacing:.2625px}.circle-m{border-radius:50%;width:72px!important;height:72px!important;display:flex;justify-content:center;align-items:center;margin-top:-36px}.circle-m img{border-radius:10%;width:40px;height:40px}.circle-m .initials{color:#fff;font-size:14px;line-height:19px;letter-spacing:.2625px}.circle-l{border-radius:50%;width:80px;height:80px;display:flex;justify-content:center;align-items:center}.circle-l img{border-radius:10%;width:80px;height:80px}.circle-l .initials{color:#fff;font-size:20px;line-height:19px;letter-spacing:.2625px}.circle-xl{border-radius:50%;width:105px;height:105px;display:flex;justify-content:center;align-items:center}.circle-xl img{border-radius:10%;width:105px;height:105px}.circle-xl .initials{color:#fff;font-size:20px;line-height:19px;letter-spacing:.2625px}.circle-xxl{border-radius:50%;width:145px;height:145px;display:flex;justify-content:center;align-items:center}.circle-xxl img{border-radius:10%;width:145px;height:145px}.circle-xxl .initials{color:#fff;font-size:20px;line-height:19px;letter-spacing:.2625px}.circle-l-xs{border-radius:50%;width:29px;height:29px;display:flex;justify-content:center;align-items:center}.circle-l-xs img{border-radius:50%;width:100%;height:100%}.circle-l-xs .initials{color:#fff;font-size:12px;line-height:12px;letter-spacing:.2625px}.circle-l-s{border-radius:50%;width:80px;height:80px;display:flex;justify-content:center;align-items:center}.circle-l-s img{border-radius:4px;width:80px;height:80px}.circle-l-s .initials{color:#fff;font-size:24px;line-height:24px;letter-spacing:.2625px}.circle-xl-s{border-radius:50%;width:125px;height:125px;display:flex;justify-content:center;align-items:center}.circle-xl-s img{border-radius:4px;width:152px;height:125px}.circle-xl-s .initials{color:#fff;font-size:32px;line-height:32px;letter-spacing:.2625px}.circle-xxl-s{border-radius:50%;width:208px;height:208px;display:flex;justify-content:center;align-items:center}.circle-xxl-s img{border-radius:50%;width:100%;height:100%}.circle-xxl-s .initials{color:#fff;font-size:40px;line-height:40px;letter-spacing:.2625px}.circle-r-m{border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center}.circle-r-m img{border-radius:50%;width:100%;height:100%}.circle-r-m .initials{color:#fff;font-size:16px;line-height:40px;letter-spacing:.2625px}.circle-r-m-48{border-radius:50%;width:48px;height:48px;display:flex;justify-content:center;align-items:center}.circle-r-m-48 img{border-radius:50%;width:100%;height:100%}.circle-r-m-48 .initials{color:#fff;font-size:16px;line-height:40px;letter-spacing:.2625px}.circle-r-p-m{border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.circle-r-p-m img{border-radius:50%;width:100%;height:100%}.circle-r-p-m .initials{color:#fff;font-size:16px;line-height:40px;letter-spacing:.2625px}.circle-m-side{border-radius:50%;width:72px!important;height:72px!important;display:flex;justify-content:center;align-items:center}.circle-m-side img{border-radius:10%;width:40px;height:40px}.circle-m-side .initials{color:#fff;font-size:14px;line-height:19px;letter-spacing:.2625px}@media only screen and (max-width:960px){.circle-xxl-s{width:100px;height:100px}.circle-xxl-s .initials{font-size:24px;line-height:24px}}.circle-m-recommended{border-radius:50%;width:72px!important;height:72px!important;display:flex;justify-content:center;align-items:center;margin-top:-49px}.circle-m-recommended img{border-radius:10%;width:40px;height:40px}.circle-m-recommended .initials{color:#fff;font-size:14px;line-height:19px;letter-spacing:.2625px}.circle-l-s::before{content:"";border:1px solid red}']}]}],t.propDecorators={datalen:[{type:core.Input}],photoUrl:[{type:core.Input}],name:[{type:core.Input}],size:[{type:core.Input}],defaulfColor:[{type:core.Input}],randomColor:[{type:core.Input}],initials:[{type:core.Input}],showBadge:[{type:core.Input}]},t}();var AvatarPhotoLibModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[AvatarPhotoLibComponent],imports:[common.CommonModule,router.RouterModule,material.MatButtonModule,material.MatIconModule,material.MatMenuModule,material.MatRippleModule,resolverV2.SbUiResolverModule],exports:[AvatarPhotoLibComponent],entryComponents:[AvatarPhotoLibComponent]}]}],t}(),ɵ0$5=HttpLoaderFactory,CardsModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[CardResourceComponent,CardsComponent,CardPortraitComponent,CardUserComponent,CardLandscapeComponent,CardWideComponent,CardMDOChannelComponent,CardWideV2Component,CardKarmaProgramsComponent,CardKarmaProgramsV2Component,ProviderCardComponent,CardPortraitExtComponent,CardAssessmentComponent,CardProgressPortraitLibComponent,CardMdoChannelV1Component],imports:[common.CommonModule,material.MatCardModule,material.MatButtonModule,material.MatTooltipModule,material.MatIconModule,material.MatTooltipModule,router.RouterModule,PipePublicURLModule,ObjectToArrayPipeModule,DisplayContentTypeLibModule,DefaultThumbnailModule,PipeDurationTransformModule,SkeletonLoaderLibModule,material.MatProgressSpinnerModule,ContentProgressModule,DialogComponentsModule,core$1.TranslateModule.forRoot({loader:{provide:core$1.TranslateLoader,useFactory:ɵ0$5,deps:[http.HttpClient]}}),AvatarPhotoLibModule],entryComponents:[CardsComponent],exports:[CardsComponent,CardResourceComponent,CardPortraitComponent,CardLandscapeComponent,CardUserComponent,CardWideComponent,CardMDOChannelComponent,CardWideV2Component,CardKarmaProgramsComponent,CardKarmaProgramsV2Component,CardPortraitExtComponent]}]}],t}(),WIDGET_REGISTERED_LIB_MODULES=[CardsModule],WIDGET_REGISTRATION_LIB_CONFIG=[{widgetType:ROOT_WIDGET_CONFIG.card._type,widgetSubType:ROOT_WIDGET_CONFIG.card.cardResource,component:CardsComponent}],NsContentStripWithFacets;!function(t){function e(){}function n(){}function a(){}function i(){}function o(){}function r(){}function s(){}function l(){}t.IContentStripMultiple=e,t.IContentStripUnit=n,t.IStripRequestApi=a,t.INetworkRequestApi=i,t.IStripInfo=o,t.IContentTags=r,t.IContentStripResponseApi=s,t.IContentStripTab=l}(NsContentStripWithFacets||(NsContentStripWithFacets={}));var ApiRequestFor={SEARCH:"search"};function IStripUnitContentData$1(){}var ContentStripFacetFilterComponent=function(t){function e(e,n,a,i,o,r,s,l,c,d,p){var g=t.call(this)||this;if(g.contentSvc=n,g.loggerSvc=a,g.eventSvc=i,g.configSvc=o,g.utilitySvc=r,g.router=s,g.userSvc=l,g.translate=c,g.langtranslations=d,g._fb=p,g.emptyResponse=new core.EventEmitter,g.viewAllResponse=new core.EventEmitter,g.telemtryResponse=new core.EventEmitter,g.providerId="",g.emitViewAll=!1,g.channnelName="",g.id="ws-strip-miltiple_"+Math.random(),g.stripsResultDataMap={},g.stripsKeyOrder=[],g.showAccordionData=!0,g.showParentLoader=!1,g.showParentError=!1,g.showParentNoData=!1,g.errorDataCount=0,g.noDataCount=0,g.successDataCount=0,g.contentAvailable=!0,g.baseUrl=g.configSvc.sitePath||"",g.veifiedKarmayogi=!1,g.changeEventSubscription=null,g.defaultMaxWidgets=12,g.todaysEvents=[],localStorage.getItem("websiteLanguage")){g.translate.setDefaultLang("en");var u=JSON.stringify(localStorage.getItem("websiteLanguage"));u=u.replace(/\"/g,""),g.translate.use(u)}return g.environment=e,g}return __extends(e,t),e.prototype.ngOnDestroy=function(){},e.prototype.ngOnInit=function(){var t=this;this.initData(),this.contentSvc.telemetryData$.subscribe((function(e){t.telemtryResponse.emit(e)})),this.facetForm=this._fb.group({org:["0"]})},e.prototype.initData=function(){var t,e,n=this;this.stripsKeyOrder=this.widgetData&&this.widgetData.strips&&this.widgetData.strips.map((function(t){return t.key}))||[],this.widgetData.loader&&this.widgetData.strips.length&&(this.showParentLoader=!0);try{for(var a=__values(this.widgetData.strips),i=a.next();!i.done;i=a.next()){var o=i.value;this.checkForEmptyWidget(o)?this.fetchStripFromRequestData(o,!1):this.processStrip(o,[],"done",!0,null)}}catch(e){t={error:e}}finally{try{i&&!i.done&&(e=a.return)&&e.call(a)}finally{if(t)throw t.error}}var r=this.widgetData.strips.map((function(t){return{key:t.key,type:t.refreshEvent&&t.refreshEvent.eventType||"",from:t.refreshEvent&&t.refreshEvent.from.toString()||""}})).filter((function(t){var e=t.key,n=t.type,a=t.from;return e&&n&&a})),s=new Set(r.map((function(t){return t.type})));this.changeEventSubscription=this.eventSvc.events$.pipe(operators.filter((function(t){return s.has(t.eventType)}))).subscribe((function(t){r.filter((function(e){return e.type===t.eventType&&e.from===t.from})).map((function(t){return t.key})).forEach((function(t){return n.fetchStripFromKey(t,!1)}))}))},e.prototype.fetchStripFromKey=function(t,e){void 0===e&&(e=!0);var n=this.widgetData.strips.find((function(e){return e.key===t}));n&&this.fetchStripFromRequestData(n,e)},e.prototype.fetchStripFromRequestData=function(t,e){void 0===e&&(e=!0),t.loaderWidgets=this.transformSkeletonToWidgets(t),this.processStrip(t,[],"fetching",!1,null),t&&t.stripRequestFor===ApiRequestFor.SEARCH&&!t.onTabClickRequest&&this.fetchFromSearch(t,e)},e.prototype.transformSkeletonToWidgets=function(t){return[1,2,3,4,5,6,7,7,8,9,10].map((function(e){return{widgetType:"cardLib",widgetSubType:"cardContentLib",widgetHostClass:"mb-2",widgetData:{cardSubType:t.loaderConfig&&t.loaderConfig.cardSubType||"card-standard-skeleton",cardCustomeClass:t.customeClass?t.customeClass:""}}}))},e.prototype.processStrip=function(t,e,n,a,i,o){return void 0===e&&(e=[]),void 0===a&&(a=!0),__awaiter(this,void 0,void 0,(function(){var i,r;return __generator(this,(function(s){return i={viewMoreUrl:t.viewMoreUrl,key:t.key,canHideStrip:Boolean(t.canHideStrip),showStrip:this.getIfStripHidden(t.key),noDataWidget:t.noDataWidget,errorWidget:t.errorWidget,stripInfo:t.info,stripTitle:t.title,stripTitleLink:t.stripTitleLink,disableTranslate:t.disableTranslate,sliderConfig:t.sliderConfig,tabs:o||t.tabs,stripName:t.name,mode:t.mode,stripConfig:t.stripConfig,stripBackground:t.stripBackground,secondaryHeading:t.secondaryHeading,loaderWidgets:t.loaderWidgets||[],hideViewMoreUrl:t.hideViewMoreUrl||!1,widgets:"done"===n?__spread((t.preWidgets||[]).map((function(t){return __assign({},t,{widgetHostClass:"mb-2 "+t.widgetHostClass})})),e,(t.postWidgets||[]).map((function(t){return __assign({},t,{widgetHostClass:"mb-2 "+t.widgetHostClass})}))):[],showOnNoData:Boolean(t.noDataWidget&&!((t.preWidgets||[]).length+e.length+(t.postWidgets||[]).length)&&"done"===n),showOnLoader:Boolean(t.loader&&"fetching"===n),showOnError:Boolean(t.errorWidget&&"error"===n)},this.stripsResultDataMap=__assign({},this.stripsResultDataMap,((r={})[t.key]=i,r)),o?this.contentAvailable=!0:(a&&("done"===n||"error"===n)&&i.widgets&&this.checkParentStatus(n,i.widgets.length),!a||e&&e.length>0?e&&e.length>0&&(this.contentAvailable=!0):this.contentAvailable=!1),[2]}))}))},e.prototype.checkParentStatus=function(t,e){"done"!==t||e?"done"===t&&e?this.successDataCount+=1:"error"===t&&(this.errorDataCount+=1):this.noDataCount+=1;var n=this.noDataCount+this.successDataCount+this.errorDataCount,a=this.widgetData.strips.length;this.successDataCount>0&&n<a||(this.showParentLoader=n!==a,this.showParentNoData=this.noDataCount>0&&this.noDataCount+this.errorDataCount===a,this.showParentError=this.errorDataCount===a)},e.prototype.checkForEmptyWidget=function(t){return!!(t.request&&t.request.requestBody&&Object.keys(t.request.requestBody).length)},e.prototype.toggleInfo=function(t){var e=this.stripsResultDataMap[t.key].stripInfo;e&&("below"!==e.mode&&(this.loggerSvc.warn("strip info mode: "+e.mode+" not implemented yet"),e.mode="below"),"below"===e.mode&&(this.stripsResultDataMap[t.key].stripInfo=__assign({},e,{visibilityMode:"hidden"===e.visibilityMode?"visible":"hidden"})))},e.prototype.raiseTelemetry=function(t){this.telemtryResponse.emit(t)},e.prototype.setHiddenForStrip=function(t){this.stripsResultDataMap[t].showStrip=!1,sessionStorage.setItem("cstrip_"+t,"1")},e.prototype.getSelectedPillIndex=function(t,e){return t.pillsData&&t.pillsData.length?t.pillsData.findIndex((function(t){return t.selected})):0},e.prototype.getdata=function(t){return t.stripInfo?t.stripInfo.widget:{}},e.prototype.tabClicked=function(t,e,n,a){var i=this;n&&n.tabs&&n.tabs[t.index]&&(n.tabs[t.index].pillsData[e].fetchTabStatus="inprogress",n.tabs[t.index].pillsData[e].tabLoading=!0,n.showOnLoader=!0);var o={label:""+t.tab.textLabel,index:t.index};this.eventSvc.raiseInteractTelemetry({type:utilsV2.WsEvents.EnumInteractTypes.CLICK,subType:utilsV2.WsEvents.EnumInteractSubTypes.HOME_PAGE_STRIP_TABS,id:lodash.camelCase(o.label)+"-tab"},{},{module:utilsV2.WsEvents.EnumTelemetrymodules.HOME});var r=n.tabs&&n.tabs[t.index],s=n.tabs&&n.tabs[t.index].pillsData[e],l=this.widgetData.strips.find((function(t){return t.key===a}));this.stripsResultDataMap[a]&&r&&(this.stripsResultDataMap[a].viewMoreUrl.queryParams=__assign({},this.stripsResultDataMap[a].viewMoreUrl.queryParams,{tabSelected:r.value,pillSelected:s.value})),l&&r&&!r.computeDataOnClick&&s&&(s.requestRequired&&s.request?(s.request.searchV6,n.tabs[t.index].pillsData[e].tabLoading=!1):(this.getTabDataByfilter(l,r,!0),n&&n.tabs&&n.tabs[t.index]&&(n.tabs[t.index].pillsData[e].fetchTabStatus="inprogress",n.tabs[t.index].pillsData[e].tabLoading=!1,n.showOnLoader=!0,this.resetFilter(n,t.index,e)),setTimeout((function(){n&&n.tabs&&n.tabs[t.index]&&(n.tabs[t.index].pillsData[e].fetchTabStatus="done",n.tabs[t.index].pillsData[e].tabLoading=!1,n.showOnLoader=!1,i.resetSelectedPill(n.tabs[t.index].pillsData),n.tabs[t.index].pillsData[e].selected=!0)}),200)))},e.prototype.pillClicked=function(t,e,n,a,i){var o=this;e&&e.tabs&&e.tabs[i]&&(e.tabs[i].pillsData[a].fetchTabStatus="inprogress",e.tabs[i].pillsData[a].tabLoading=!0,e.showOnLoader=!0);var r=e.tabs&&e.tabs[i],s=e.tabs&&e.tabs[i].pillsData[a],l=this.widgetData.strips.find((function(t){return t.key===n}));this.stripsResultDataMap[n]&&r&&(this.stripsResultDataMap[n].viewMoreUrl.queryParams=__assign({},this.stripsResultDataMap[n].viewMoreUrl.queryParams,{tabSelected:r.value,pillSelected:s.value})),l&&r&&!r.computeDataOnClick&&s&&(s.requestRequired&&s.request?(s.request.searchV6||s.request.trendingSearch,e.tabs[i].pillsData[a].tabLoading=!1):(this.getTabDataByfilter(l,r,!0),e&&e.tabs&&e.tabs[i]&&(e.tabs[i].pillsData[a].fetchTabStatus="inprogress",e.tabs[i].pillsData[a].tabLoading=!1,e.showOnLoader=!0,this.resetFilter(e,i,a)),setTimeout((function(){e&&e.tabs&&e.tabs[i]&&(e.tabs[i].pillsData[a].fetchTabStatus="done",e.tabs[i].pillsData[a].tabLoading=!1,e.showOnLoader=!1,o.resetSelectedPill(e.tabs[i].pillsData),e.tabs[i].pillsData[a].selected=!0)}),200)))},e.prototype.resetSelectedPill=function(t){t&&t.length&&t.forEach((function(t){t.selected=!1}))},e.prototype.getTabDataByfilter=function(t,e,n){console.log("strip -- ",t),console.log("currentTab -- ",e),console.log("calculateParentStatus-- ",n)},e.prototype.getIfStripHidden=function(t){var e=sessionStorage.getItem("cstrip_"+t);return Boolean("1"!==e)},e.prototype.translateLabels=function(t,e){return this.langtranslations.translateLabel(t,e,"")},e.prototype.redirectViewAll=function(t,e,n){this.emitViewAll?this.viewAllResponse.emit(t):this.router.navigate([e],{queryParams:n})},e.prototype.identify=function(t,e){return e},e.prototype.tracker=function(t,e){return lodash.get(e,"widgetData.content.identifier")},e.prototype.getContineuLearningLenth=function(t){return t.widgets?t.widgets.length:0},e.prototype.showAccordion=function(t){return!this.utilitySvc.isMobile||"accordion"!==this.stripsResultDataMap[t].mode||this.showAccordionData},e.prototype.checkCondition=function(t,e){return t.strips[0].stripConfig&&t.strips[0].stripConfig.hideShowAll?!t.strips[0].stripConfig.hideShowAll:t.strips[0].viewMoreUrl&&e.widgets&&e.widgets.length>=4},e.prototype.checkVisible=function(t){return t.stripInfo&&"visible"===t.stripInfo.visibilityMode},e.prototype.getSelectedIndex=function(t,e){return 0},e.prototype.getLength=function(t){if(!t.tabs||!t.tabs.length)return t.widgets?t.widgets.length:0;var e={};return t.tabs.forEach((function(n){n.pillsData&&n.pillsData.length&&(e=n.pillsData.reduce((function(t,e){return t.widgets||e.widgets?t.widgets&&e.widgets?t.widgets.length>e.widgets.length?t:e:e.widgets&&!t.widgets?e:!e.widgets&&t.widgets?t:e:e}),t.tabs[0]))})),e.widgets?e.widgets.length:0},e.prototype.isStripShowing=function(t){var e=this,n=0;return t&&t.key===this.environment.programStripKey&&(!t.tabs||!t.tabs.length)&&t.stripTitle===this.environment.programStripName&&t.widgets.length>0&&(t.widgets.forEach((function(t){t&&t.widgetData.content.primaryCategory===e.environment.programStripPrimaryCategory&&(n+=1)})),t.showStrip=n>0),t.showStrip},Object.defineProperty(e.prototype,"isMobile",{get:function(){return this.utilitySvc.isMobile||!1},enumerable:!0,configurable:!0}),e.prototype.postRequestMethod=function(t,e,n,a){return __awaiter(this,void 0,void 0,(function(){var i=this;return __generator(this,(function(o){return[2,new Promise((function(o,r){e&&e&&i.contentSvc.postApiMethod(n,e).subscribe((function(e){if(e.result&&e.result.content){var n=Boolean(e.result.content&&e.result.content.length>5&&t.stripConfig&&t.stripConfig.postCardForSearch)?{path:t.viewMoreUrl&&t.viewMoreUrl.path||"",queryParams:{tab:"Learn",q:t.viewMoreUrl&&t.viewMoreUrl.queryParams,f:{}}}:null;o({results:e,viewMoreUrl:n})}}),(function(e){i.processStrip(t,[],"error",a,null),r(e)}))}))]}))}))},e.prototype.fetchFromSearch=function(t,e){return void 0===e&&(e=!0),__awaiter(this,void 0,void 0,(function(){var n;return __generator(this,(function(a){switch(a.label){case 0:if(!t.request||!Object.keys(t.request.requestBody).length)return[3,4];a.label=1;case 1:return a.trys.push([1,3,,4]),[4,this.postRequestMethod(t,t.request.requestBody,t.request.apiUrl,e)];case 2:return n=a.sent(),0,0,n.results&&n.results.result&&(this.mapAllDataWithFacets(t,n.results.result.content,n.results.result.facets,e),this.transformContentsToWidgets(n.results.result.content,t),[]),[3,4];case 3:return a.sent(),[3,4];case 4:return[2]}}))}))},e.prototype.mapAllDataWithFacets=function(t,e,n,a){var i=this;console.log(t,e);var o=this.stripsResultDataMap[t.key].tabs;o.forEach((function(a){a.fetchTabStatus="done";var o=e.filter((function(t){return t.nlwUserExp.includes(a.value)}));a.widgets=o,a.pillsData.forEach((function(e){if("all"===e.value)e.widgets=i.transformContentsToWidgets(o,t),e.fetchTabStatus="done";else if("course"===e.value){var n=o.filter((function(t){return t.courseCategory.toLowerCase()===e.value}));e.widgets=i.transformContentsToWidgets(n,t),e.fetchTabStatus="done"}else{n=o.filter((function(t){return"course"!==t.courseCategory.toLowerCase()}));e.widgets=i.transformContentsToWidgets(n,t),e.fetchTabStatus="done"}})),a.facets=n})),t.tabs[0].pillsData[0].fetchTabStatus="done",t.tabs[0].pillsData[0].tabLoading=!1,t.showOnLoader=!1,this.resetSelectedPill(t.tabs[0].pillsData),t.tabs[0].pillsData[0].selected=!0,this.processStrip(t,[],"done",a,t.viewMoreUrl,o)},e.prototype.transformContentsToWidgets=function(t,e){return(t||[]).map((function(t,n){return t?{widgetType:"cardLib",widgetSubType:"cardContentLib",widgetHostClass:"mb-2",widgetData:__assign({content:t},t.batch&&{batch:t.batch},{cardSubType:e.stripConfig&&e.stripConfig.cardSubType,cardCustomeClass:e.customeClass?e.customeClass:"",context:{pageSection:e.key,position:n},intranetMode:e.stripConfig&&e.stripConfig.intranetMode,deletedMode:e.stripConfig&&e.stripConfig.deletedMode,contentTags:e.stripConfig&&e.stripConfig.contentTags})}:{widgetType:"card",widgetSubType:"cardContent",widgetHostClass:"mb-2",widgetData:{}}}))},e.prototype.getorgData=function(t,e,n){var a=this;console.log(t);var i=t.target.value,o=this.getSelectedPillIndex(e.tabs[n],n);if(e&&e.tabs&&e.tabs[n]){e.tabs[n].pillsData[o].fetchTabStatus="inprogress",e.tabs[n].pillsData[o].tabLoading=!1,e.showOnLoader=!0;var r=e.tabs[n].widgets.filter((function(t){return t.nlwOrgs.map((function(t){return t.toLowerCase()})).includes(i)}));e.tabs[n].pillsData[o].widgets=this.transformContentsToWidgets(r,e)}setTimeout((function(){e&&e.tabs&&e.tabs[n]&&(e.tabs[n].pillsData[o].fetchTabStatus="done",e.tabs[n].pillsData[o].tabLoading=!1,e.showOnLoader=!1,a.resetSelectedPill(e.tabs[n].pillsData),e.tabs[n].pillsData[o].selected=!0)}),200)},e.prototype.resetFilter=function(t,e,n){var a=this;if(n&&(n=this.getSelectedPillIndex(t.tabs[e],e)),this.facetForm.reset({org:0}),t&&t.tabs&&t.tabs[e]){t.tabs[e].pillsData[n].fetchTabStatus="inprogress",t.tabs[e].pillsData[n].tabLoading=!1,t.showOnLoader=!0;var i=t.tabs[e].widgets||[];t.tabs[e].pillsData[n].widgets=this.transformContentsToWidgets(i,t)}setTimeout((function(){t&&t.tabs&&t.tabs[e]&&(t.tabs[e].pillsData[n].fetchTabStatus="done",t.tabs[e].pillsData[n].tabLoading=!1,t.showOnLoader=!1,a.resetSelectedPill(t.tabs[e].pillsData),t.tabs[e].pillsData[n].selected=!0)}),200)},e.decorators=[{type:core.Component,args:[{selector:"sb-uic-content-strip-facet-filter",template:'<ng-container *ngIf="!contentAvailable; else otherTemplate"></ng-container>\n<ng-template #otherTemplate>\n  \x3c!-- <div *ngIf="showParentLoader" class="text-center my-2">\n    <mat-spinner class="inline-block"></mat-spinner>\n  </div> --\x3e\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                \x3c!-- viewAll start--\x3e\n                <div *ngIf="checkCondition(widgetData , stripsResultDataMap[key])" class="block md:hidden">\n                  <div \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                </div>\n                \x3c!-- viewAll end--\x3e\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            \x3c!-- IF no errors then proceed to show tabs or non tabs strip --\x3e\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><span *ngIf="!tab?.disableTranslate">{{ translateLabels(tab?.label, \'home\') }}</span>\n                      <span class="tab-highlight" *ngIf="tab?.disableTranslate">{{tab?.label}}</span> &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 item-center flex-wrap gap-4">\n                        <div class="">\n                          <ng-container *ngFor="let facet of tab?.facets">\n                            <form [formGroup]="facetForm">\n                            <div class="facets-select">\n                              <select formControlName="org" (change)="getorgData($event,  stripsResultDataMap[key], tabIndex)">\n                                <option value="0" selected disabled>Choose by organisation</option>\n                                <option value="{{d.name}}" *ngFor="let d of facet.values" >{{d.name}}</option>\n                              </select>\n                            </div>\n                          </form>\n                          </ng-container>\n                        </div>\n                        <div>\n                          <ng-container >\n                            <mat-chip-list  class="content-pill-data" 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                         \x3c!-- viewAll start--\x3e\n                          <div *ngIf="!stripsResultDataMap[key]?.hideViewMoreUrl && checkCondition(widgetData , stripsResultDataMap[key])" class=" hidden md:block">\n                            <div  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                          </div>\n                            \n                          \x3c!-- viewAll end--\x3e\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                            [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>',styles:['@charset "UTF-8";.facets-select{position:relative;display:inline-block;width:250px}.facets-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}.facets-select:after{content:"▼";position:absolute;top:50%;right:10px;transform:translateY(-50%);pointer-events:none;font-size:14px;color:#555}.tab-highlight{color:#1b4ca1!important;font-weight:700}::ng-deep mat-chip-list.content-pill-data .mat-chip-selected{background-color:#1b4ca1!important}::ng-deep mat-chip-list.content-pill-data .mat-chip-selected .pill-name{color:#fff!important}::ng-deep mat-chip-list.content-pill-data .mat-chip-list-wrapper .mat-chip{cursor:pointer!important}::ng-deep mat-chip-list.content-pill-data .mat-chip-list-wrapper .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background:#1b4ca1!important;color:#fff!important}::ng-deep mat-chip-list.content-pill-data .mat-chip-list-wrapper .mat-chip.mat-standard-chip{background:#fff!important;border:1px solid rgba(0,0,0,.0784313725)!important}']}]}],e.ctorParameters=function(){return[{type:void 0,decorators:[{type:core.Inject,args:["environment"]}]},{type:WidgetContentLibService},{type:utilsV2.LoggerService},{type:utilsV2.EventService},{type:utilsV2.ConfigurationsService},{type:utilsV2.UtilityService},{type:router.Router},{type:WidgetUserServiceLib},{type:core$1.TranslateService},{type:MultilingualTranslationsService},{type:forms.FormBuilder}]},e.propDecorators={widgetData:[{type:core.Input}],emptyResponse:[{type:core.Output}],viewAllResponse:[{type:core.Output}],telemtryResponse:[{type:core.Output}],providerId:[{type:core.Input}],emitViewAll:[{type:core.Input}],channnelName:[{type:core.Input}],id:[{type:core.HostBinding,args:["id"]}]},e}(resolverV2.WidgetBaseComponent);function IStripUnitContentData$2(){}var ContentStripWithTabsPillsComponent=function(_super){function ContentStripWithTabsPillsComponent(t,e,n,a,i,o,r,s,l,c){var d=_super.call(this)||this;if(d.contentSvc=e,d.loggerSvc=n,d.eventSvc=a,d.configSvc=i,d.utilitySvc=o,d.router=r,d.userSvc=s,d.translate=l,d.langtranslations=c,d.emptyResponse=new core.EventEmitter,d.viewAllResponse=new core.EventEmitter,d.telemtryResponse=new core.EventEmitter,d.providerId="",d.emitViewAll=!1,d.channnelName="",d.id="ws-strip-miltiple_"+Math.random(),d.stripsResultDataMap={},d.stripsKeyOrder=[],d.showAccordionData=!0,d.showParentLoader=!1,d.showParentError=!1,d.showParentNoData=!1,d.errorDataCount=0,d.noDataCount=0,d.successDataCount=0,d.contentAvailable=!0,d.baseUrl=d.configSvc.sitePath||"",d.veifiedKarmayogi=!1,d.changeEventSubscription=null,d.defaultMaxWidgets=12,d.todaysEvents=[],localStorage.getItem("websiteLanguage")){d.translate.setDefaultLang("en");var p=JSON.stringify(localStorage.getItem("websiteLanguage"));p=p.replace(/\"/g,""),d.translate.use(p)}return d.environment=t,d}return __extends(ContentStripWithTabsPillsComponent,_super),ContentStripWithTabsPillsComponent.prototype.ngOnInit=function(){var t=this;this.initData(),this.contentSvc.telemetryData$.subscribe((function(e){t.telemtryResponse.emit(e)}))},ContentStripWithTabsPillsComponent.prototype.ngOnDestroy=function(){this.changeEventSubscription&&this.changeEventSubscription.unsubscribe()},ContentStripWithTabsPillsComponent.prototype.showAccordion=function(t){return!this.utilitySvc.isMobile||"accordion"!==this.stripsResultDataMap[t].mode||this.showAccordionData},ContentStripWithTabsPillsComponent.prototype.setHiddenForStrip=function(t){this.stripsResultDataMap[t].showStrip=!1,sessionStorage.setItem("cstrip_"+t,"1")},ContentStripWithTabsPillsComponent.prototype.getIfStripHidden=function(t){var e=sessionStorage.getItem("cstrip_"+t);return Boolean("1"!==e)},ContentStripWithTabsPillsComponent.prototype.initData=function(){var t,e,n=this;this.stripsKeyOrder=this.widgetData&&this.widgetData.strips&&this.widgetData.strips.map((function(t){return t.key}))||[],this.widgetData.loader&&this.widgetData.strips.length&&(this.showParentLoader=!0);try{for(var a=__values(this.widgetData.strips),i=a.next();!i.done;i=a.next()){var o=i.value;this.checkForEmptyWidget(o)?this.fetchStripFromRequestData(o,!1):this.processStrip(o,[],"done",!0,null)}}catch(e){t={error:e}}finally{try{i&&!i.done&&(e=a.return)&&e.call(a)}finally{if(t)throw t.error}}var r=this.widgetData.strips.map((function(t){return{key:t.key,type:t.refreshEvent&&t.refreshEvent.eventType||"",from:t.refreshEvent&&t.refreshEvent.from.toString()||""}})).filter((function(t){var e=t.key,n=t.type,a=t.from;return e&&n&&a})),s=new Set(r.map((function(t){return t.type})));this.changeEventSubscription=this.eventSvc.events$.pipe(operators.filter((function(t){return s.has(t.eventType)}))).subscribe((function(t){r.filter((function(e){return e.type===t.eventType&&e.from===t.from})).map((function(t){return t.key})).forEach((function(t){return n.fetchStripFromKey(t,!1)}))}))},ContentStripWithTabsPillsComponent.prototype.fetchStripFromKey=function(t,e){void 0===e&&(e=!0);var n=this.widgetData.strips.find((function(e){return e.key===t}));n&&this.fetchStripFromRequestData(n,e)},ContentStripWithTabsPillsComponent.prototype.isStripShowing=function(t){var e=this,n=0;return t&&t.key===this.environment.programStripKey&&(!t.tabs||!t.tabs.length)&&t.stripTitle===this.environment.programStripName&&t.widgets.length>0&&(t.widgets.forEach((function(t){t&&t.widgetData.content.primaryCategory===e.environment.programStripPrimaryCategory&&(n+=1)})),t.showStrip=n>0),t.showStrip},Object.defineProperty(ContentStripWithTabsPillsComponent.prototype,"isMobile",{get:function(){return this.utilitySvc.isMobile||!1},enumerable:!0,configurable:!0}),ContentStripWithTabsPillsComponent.prototype.getdata=function(t){return t.stripInfo?t.stripInfo.widget:{}},ContentStripWithTabsPillsComponent.prototype.checkCondition=function(t,e){return t.strips[0].stripConfig&&t.strips[0].stripConfig.hideShowAll?!t.strips[0].stripConfig.hideShowAll:t.strips[0].viewMoreUrl&&e.widgets&&e.widgets.length>=4},ContentStripWithTabsPillsComponent.prototype.checkVisible=function(t){return t.stripInfo&&"visible"===t.stripInfo.visibilityMode},ContentStripWithTabsPillsComponent.prototype.getContineuLearningLenth=function(t){return t.widgets?t.widgets.length:0},ContentStripWithTabsPillsComponent.prototype.getLength=function(t){if(!t.tabs||!t.tabs.length)return t.widgets?t.widgets.length:0;var e={};return t.tabs.forEach((function(n){n.pillsData&&n.pillsData.length&&(e=n.pillsData.reduce((function(t,e){return t.widgets||e.widgets?t.widgets&&e.widgets?t.widgets.length>e.widgets.length?t:e:e.widgets&&!t.widgets?e:!e.widgets&&t.widgets?t:e:e}),t.tabs[0]))})),e.widgets?e.widgets.length:0},ContentStripWithTabsPillsComponent.prototype.getFiltersFromArray=function(t){var e={};return t.constructor===Array?(t.forEach((function(t){Object.keys(t).forEach((function(n){e[n]=t[n]}))})),e):t},ContentStripWithTabsPillsComponent.prototype.transformSearchV6FiltersV2=function(t){var e={};return t.constructor===Array?(t.forEach((function(t){Object.keys(t).forEach((function(n){e[n]=t[n]}))})),e):t},ContentStripWithTabsPillsComponent.prototype.checkForDateFilters=function(filters){var userData;return this.configSvc.userProfile&&(userData=this.configSvc.userProfile),filters&&filters.hasOwnProperty("batches.endDate")?filters["batches.endDate"][">="]=eval(filters["batches.endDate"][">="]):filters&&filters.hasOwnProperty("batches.enrollmentEndDate")?filters["batches.enrollmentEndDate"][">="]=eval(filters["batches.enrollmentEndDate"][">="]):filters.organisation&&filters.organisation.indexOf("<orgID>")>=0&&(this.providerId?filters.organisation=this.providerId:(filters.organisation=userData&&userData.rootOrgId,filters&&filters.hasOwnProperty("designation")&&(filters.designation=userData.professionalDetails.length>0?userData.professionalDetails[0].designation:""))),filters},ContentStripWithTabsPillsComponent.prototype.fetchStripFromRequestData=function(t,e){void 0===e&&(e=!0),t.loaderWidgets=this.transformSkeletonToWidgets(t),this.processStrip(t,[],"fetching",!1,null),this.fetchFromSearchV6(t,e),this.fetchForYouData(t,e),this.fetchAllCbpPlans(t,e)},ContentStripWithTabsPillsComponent.prototype.toggleInfo=function(t){var e=this.stripsResultDataMap[t.key].stripInfo;e&&("below"!==e.mode&&(this.loggerSvc.warn("strip info mode: "+e.mode+" not implemented yet"),e.mode="below"),"below"===e.mode&&(this.stripsResultDataMap[t.key].stripInfo=__assign({},e,{visibilityMode:"hidden"===e.visibilityMode?"visible":"hidden"})))},ContentStripWithTabsPillsComponent.prototype.transformContentsToWidgets=function(t,e){return(t||[]).map((function(t,n){return t?{widgetType:"cardLib",widgetSubType:"cardContentLib",widgetHostClass:"mb-2",widgetData:__assign({content:t},t.batch&&{batch:t.batch},{cardSubType:e.stripConfig&&e.stripConfig.cardSubType,cardCustomeClass:e.customeClass?e.customeClass:"",context:{pageSection:e.key,position:n},intranetMode:e.stripConfig&&e.stripConfig.intranetMode,deletedMode:e.stripConfig&&e.stripConfig.deletedMode,contentTags:e.stripConfig&&e.stripConfig.contentTags})}:{widgetType:"card",widgetSubType:"cardContent",widgetHostClass:"mb-2",widgetData:{}}}))},ContentStripWithTabsPillsComponent.prototype.transformEventsToWidgets=function(t,e){return this.eventSvc.setEventListData(t),(this.eventSvc.todaysEvents||[]).map((function(t,n){return t?{widgetType:"card",widgetSubType:"eventHubCard",widgetHostClass:"mb-2",widgetData:{content:t,cardSubType:e.stripConfig&&e.stripConfig.cardSubType,cardCustomeClass:e.customeClass?e.customeClass:"",context:{pageSection:e.key,position:n},intranetMode:e.stripConfig&&e.stripConfig.intranetMode,deletedMode:e.stripConfig&&e.stripConfig.deletedMode,contentTags:e.stripConfig&&e.stripConfig.contentTags}}:{widgetType:"card",widgetSubType:"eventHubCard",widgetHostClass:"mb-2",widgetData:{}}}))},ContentStripWithTabsPillsComponent.prototype.transformSkeletonToWidgets=function(t){return[1,2,3,4,5,6,7,7,8,9,10].map((function(e){return{widgetType:"cardLib",widgetSubType:"cardContentLib",widgetHostClass:"mb-2",widgetData:{cardSubType:t.loaderConfig&&t.loaderConfig.cardSubType||"card-standard-skeleton",cardCustomeClass:t.customeClass?t.customeClass:""}}}))},ContentStripWithTabsPillsComponent.prototype.processStrip=function(t,e,n,a,i,o){return void 0===e&&(e=[]),void 0===a&&(a=!0),__awaiter(this,void 0,void 0,(function(){var i,r;return __generator(this,(function(s){return i={viewMoreUrl:t.viewMoreUrl,key:t.key,canHideStrip:Boolean(t.canHideStrip),showStrip:this.getIfStripHidden(t.key),noDataWidget:t.noDataWidget,errorWidget:t.errorWidget,stripInfo:t.info,stripTitle:t.title,stripTitleLink:t.stripTitleLink,disableTranslate:t.disableTranslate,sliderConfig:t.sliderConfig,tabs:o||t.tabs,stripName:t.name,mode:t.mode,stripConfig:t.stripConfig,stripBackground:t.stripBackground,secondaryHeading:t.secondaryHeading,loaderWidgets:t.loaderWidgets||[],widgets:"done"===n?__spread((t.preWidgets||[]).map((function(t){return __assign({},t,{widgetHostClass:"mb-2 "+t.widgetHostClass})})),e,(t.postWidgets||[]).map((function(t){return __assign({},t,{widgetHostClass:"mb-2 "+t.widgetHostClass})}))):[],showOnNoData:Boolean(t.noDataWidget&&!((t.preWidgets||[]).length+e.length+(t.postWidgets||[]).length)&&"done"===n),showOnLoader:Boolean(t.loader&&"fetching"===n),showOnError:Boolean(t.errorWidget&&"error"===n)},this.stripsResultDataMap=__assign({},this.stripsResultDataMap,((r={})[t.key]=i,r)),o?this.contentAvailable=!0:(a&&("done"===n||"error"===n)&&i.widgets&&this.checkParentStatus(n,i.widgets.length),!a||e&&e.length>0?e&&e.length>0&&(this.contentAvailable=!0):this.contentAvailable=!1),[2]}))}))},ContentStripWithTabsPillsComponent.prototype.checkParentStatus=function(t,e){"done"!==t||e?"done"===t&&e?this.successDataCount+=1:"error"===t&&(this.errorDataCount+=1):this.noDataCount+=1;var n=this.noDataCount+this.successDataCount+this.errorDataCount,a=this.widgetData.strips.length;this.successDataCount>0&&n<a||(this.showParentLoader=n!==a,this.showParentNoData=this.noDataCount>0&&this.noDataCount+this.errorDataCount===a,this.showParentError=this.errorDataCount===a)},ContentStripWithTabsPillsComponent.prototype.checkForEmptyWidget=function(t){return!(!t.request||!(t.request.api&&Object.keys(t.request.api).length||t.request.search&&Object.keys(t.request.search).length||t.request.searchRegionRecommendation&&Object.keys(t.request.searchRegionRecommendation).length||t.request.cbpList&&Object.keys(t.request.cbpList).length||t&&t.tabs.length))},ContentStripWithTabsPillsComponent.prototype.getTabDataByfilter=function(t,e,n){console.log("strip -- ",t),console.log("currentTab -- ",e),console.log("calculateParentStatus-- ",n)},ContentStripWithTabsPillsComponent.prototype.getSelectedIndex=function(t,e){return 0},ContentStripWithTabsPillsComponent.prototype.translateLabels=function(t,e){return this.langtranslations.translateLabel(t,e,"")},ContentStripWithTabsPillsComponent.prototype.identify=function(t,e){return e},ContentStripWithTabsPillsComponent.prototype.tracker=function(t,e){return lodash.get(e,"widgetData.content.identifier")},ContentStripWithTabsPillsComponent.prototype.raiseTelemetry=function(t){this.telemtryResponse.emit(t)},ContentStripWithTabsPillsComponent.prototype.redirectViewAll=function(t,e,n){this.emitViewAll?this.viewAllResponse.emit(t):this.router.navigate([e],{queryParams:n})},ContentStripWithTabsPillsComponent.prototype.fetchForYouData=function(t,e){if(void 0===e&&(e=!0),t&&"forYou"===t.type&&t.tabs&&t.tabs.length){var n=t.tabs[0],a=n.pillsData[0];if(a.requestRequired&&this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs){var i=this.stripsResultDataMap[t.key].tabs[0].pillsData,o=i&&i.length&&i[0];this.getTabDataByNewReqTrending(t,0,0,o,e),this.stripsResultDataMap[t.key]&&o&&(this.stripsResultDataMap[t.key].viewMoreUrl.queryParams=__assign({},this.stripsResultDataMap[t.key].viewMoreUrl.queryParams,{key:t.key,tabSelected:n.value,pillSelected:a.value}))}}},ContentStripWithTabsPillsComponent.prototype.fetchFromSearchV6=function(t,e){return void 0===e&&(e=!0),__awaiter(this,void 0,void 0,(function(){var n,a,i;return __generator(this,(function(o){switch(o.label){case 0:return t.request&&t.request.searchV6&&Object.keys(t.request.searchV6).length?([],t.request&&t.request.searchV6&&t.request.searchV6.request&&t.request.searchV6.request.filters&&(t.request.searchV6.request.filters,t.request.searchV6.request.filters=this.checkForDateFilters(t.request.searchV6.request.filters),t.request.searchV6.request.filters=this.getFiltersFromArray(t.request.searchV6.request.filters)),t.tabs&&t.tabs.length?(t.tabs[0].requestRequired&&this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(n=this.stripsResultDataMap[t.key].tabs,a=n&&n.length&&n[0],this.getTabDataByNewReqSearchV6(t,0,0,a,e)),[3,4]):[3,1]):[3,4];case 1:return o.trys.push([1,3,,4]),[4,this.searchV6Request(t,t.request,e)];case 2:return(i=o.sent())&&i.results?i.results.result.content?this.processStrip(t,this.transformContentsToWidgets(i.results.result.content,t),"done",e,i.viewMoreUrl):i.results.result.Event?this.processStrip(t,this.transformEventsToWidgets(i.results.result.Event,t),"done",e,i.viewMoreUrl):this.processStrip(t,[],"error",e,null):this.processStrip(t,[],"error",e,null),[3,4];case 3:return o.sent(),[3,4];case 4:return[2]}}))}))},ContentStripWithTabsPillsComponent.prototype.getTabDataByNewReqTrending=function(t,e,n,a,i){return __awaiter(this,void 0,void 0,(function(){var o,r,s,l,c,d;return __generator(this,(function(p){switch(p.label){case 0:return p.trys.push([0,2,,3]),[4,this.trendingSearchRequest(t,a.request,i)];case 1:return o=p.sent(),r=[],o&&o.results&&o.results.response?(s=o.results.response[a.value]||[],l=this.transformContentsToWidgets(s,t),this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(c=this.stripsResultDataMap[t.key].tabs,d=this.stripsResultDataMap[t.key].tabs[e].pillsData,this.resetSelectedPill(d),c&&c.length&&c[e]&&(d&&d.length&&d[n]&&(d[n]=__assign({},d[n],{widgets:l,fetchTabStatus:"done",selected:!0})),c[e]=__assign({},c[e],{widgets:l,fetchTabStatus:"done"}),r=c)),this.processStrip(t,l,"done",i,o.viewMoreUrl,r)):(this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(c=this.stripsResultDataMap[t.key].tabs,d=this.stripsResultDataMap[t.key].tabs[e].pillsData,this.resetSelectedPill(d),c&&c.length&&c[e]&&(d&&d.length&&d[n]&&(d[n]=__assign({},d[n],{widgets:[],fetchTabStatus:"done",selected:!0})),c[e]=__assign({},c[e],{widgets:[],fetchTabStatus:"done"}),r=c)),this.processStrip(t,[],"done",i,null)),[3,3];case 2:return p.sent(),this.processStrip(t,[],"error",i,null),[3,3];case 3:return[2]}}))}))},ContentStripWithTabsPillsComponent.prototype.getTabDataByNewReqSearchV6=function(t,e,n,a,i){return __awaiter(this,void 0,void 0,(function(){var o,r,s,l,c;return __generator(this,(function(d){switch(d.label){case 0:return d.trys.push([0,2,,3]),[4,this.searchV6Request(t,a.request,i)];case 1:return(o=d.sent())&&o.results?(r=this.transformContentsToWidgets(o.results.result.content,t),s=[],this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(l=this.stripsResultDataMap[t.key].tabs,c=this.stripsResultDataMap[t.key].tabs[e].pillsData,this.resetSelectedPill(c),l&&l.length&&l[e]&&(c&&c.length&&c[n]&&(c[n]=__assign({},c[n],{widgets:r,fetchTabStatus:"done",selected:!0})),l[e]=__assign({},l[e],{widgets:r,fetchTabStatus:"done"}),s=l)),this.processStrip(t,r,"done",i,o.viewMoreUrl,s)):this.processStrip(t,[],"error",i,null),[3,3];case 2:return d.sent(),[3,3];case 3:return[2]}}))}))},ContentStripWithTabsPillsComponent.prototype.trendingSearchRequest=function(t,e,n){return __awaiter(this,void 0,void 0,(function(){var a,i=this;return __generator(this,(function(o){return a=[],[2,new Promise((function(o,r){if(e&&e.trendingSearch){if(e.trendingSearch.request.filters.organisation&&e.trendingSearch.request.filters.organisation.indexOf("<orgID>")>=0){var s=void 0;i.configSvc.userProfile&&(s=i.configSvc.userProfile.rootOrgId),e.trendingSearch.request.filters.organisation=s}i.contentSvc.trendingContentSearch(e.trendingSearch).subscribe((function(n){var r=Boolean(n.result&&t.request&&n.result[t.request.trendingSearch.responseKey]&&n.result[t.request.trendingSearch.responseKey].length>5&&t.stripConfig&&t.stripConfig.postCardForSearch)?{path:t.viewMoreUrl&&t.viewMoreUrl.path||"",queryParams:{tab:"Learn",q:t.viewMoreUrl&&t.viewMoreUrl.queryParams,f:e&&e.trendingSearch&&e.trendingSearch.request&&e.trendingSearch.request.filters?JSON.stringify(i.transformSearchV6FiltersV2(a)):{}}}:null,s=[];n&&n.response&&n.response.certifications&&(n.response.certifications.map((function(t){t.source===i.channnelName&&s.push(t)})),n={response:{certifications:s}}),o({results:n,viewMoreUrl:r})}),(function(e){e.error&&400===e.error.status&&i.processStrip(t,[],"done",n,null),r(e)}))}}))]}))}))},ContentStripWithTabsPillsComponent.prototype.tabClicked=function(t,e,n,a){n&&n.tabs&&n.tabs[t.index]&&(n.tabs[t.index].pillsData[e].fetchTabStatus="inprogress",n.tabs[t.index].pillsData[e].tabLoading=!0,n.showOnLoader=!0);var i={label:""+t.tab.textLabel,index:t.index};this.eventSvc.raiseInteractTelemetry({type:utilsV2.WsEvents.EnumInteractTypes.CLICK,subType:utilsV2.WsEvents.EnumInteractSubTypes.HOME_PAGE_STRIP_TABS,id:lodash.camelCase(i.label)+"-tab"},{},{module:utilsV2.WsEvents.EnumTelemetrymodules.HOME});var o=n.tabs&&n.tabs[t.index],r=n.tabs&&n.tabs[t.index].pillsData[e],s=this.widgetData.strips.find((function(t){return t.key===a}));this.stripsResultDataMap[a]&&o&&(this.stripsResultDataMap[a].viewMoreUrl.queryParams=__assign({},this.stripsResultDataMap[a].viewMoreUrl.queryParams,{tabSelected:o.value,pillSelected:r.value})),s&&o&&!o.computeDataOnClick&&r&&r.requestRequired&&r.request&&(r.request.searchV6?this.getTabDataByNewReqSearchV6(s,t.index,0,r,!0):r.request.trendingSearch&&this.getTabDataByNewReqTrending(s,t.index,0,r,!0),n.tabs[t.index].pillsData[e].tabLoading=!1)},ContentStripWithTabsPillsComponent.prototype.pillClicked=function(t,e,n,a,i){var o=this;e&&e.tabs&&e.tabs[i]&&(e.tabs[i].pillsData[a].fetchTabStatus="inprogress",e.tabs[i].pillsData[a].tabLoading=!0,e.showOnLoader=!0);var r=e.tabs&&e.tabs[i],s=e.tabs&&e.tabs[i].pillsData[a],l=this.widgetData.strips.find((function(t){return t.key===n}));this.stripsResultDataMap[n]&&r&&(this.stripsResultDataMap[n].viewMoreUrl.queryParams=__assign({},this.stripsResultDataMap[n].viewMoreUrl.queryParams,{tabSelected:r.value,pillSelected:s.value})),l&&r&&!r.computeDataOnClick&&s&&(s.requestRequired&&s.request?(s.request.searchV6?this.getTabDataByNewReqSearchV6(l,i,a,s,!0):s.request.trendingSearch&&this.getTabDataByNewReqTrending(l,i,a,s,!0),e.tabs[i].pillsData[a].tabLoading=!1):(this.getTabDataByfilter(l,r,!0),e&&e.tabs&&e.tabs[i]&&(e.tabs[i].pillsData[a].fetchTabStatus="inprogress",e.tabs[i].pillsData[a].tabLoading=!1,e.showOnLoader=!0),setTimeout((function(){e&&e.tabs&&e.tabs[i]&&(e.tabs[i].pillsData[a].fetchTabStatus="done",e.tabs[i].pillsData[a].tabLoading=!1,e.showOnLoader=!1,o.resetSelectedPill(e.tabs[i].pillsData),e.tabs[i].pillsData[a].selected=!0)}),200)))},ContentStripWithTabsPillsComponent.prototype.searchV6Request=function(t,e,n){return __awaiter(this,void 0,void 0,(function(){var a,i=this;return __generator(this,(function(o){return a=[],[2,new Promise((function(o,r){e&&e.searchV6&&i.contentSvc.searchV6(e.searchV6).subscribe((function(n){var r=Boolean(n.result.content&&n.result.content.length>5&&t.stripConfig&&t.stripConfig.postCardForSearch)?{path:t.viewMoreUrl&&t.viewMoreUrl.path||"",queryParams:{tab:"Learn",q:t.viewMoreUrl&&t.viewMoreUrl.queryParams,f:e&&e.searchV6&&e.searchV6.request&&e.searchV6.request.filters?JSON.stringify(i.transformSearchV6FiltersV2(a)):{}}}:null;o({results:n,viewMoreUrl:r})}),(function(e){i.processStrip(t,[],"error",n,null),r(e)}))}))]}))}))},ContentStripWithTabsPillsComponent.prototype.getSelectedPillIndex=function(t,e){return t.pillsData&&t.pillsData.length?t.pillsData.findIndex((function(t){return t.selected})):0},ContentStripWithTabsPillsComponent.prototype.fetchAllCbpPlans=function(t,e){return void 0===e&&(e=!0),__awaiter(this,void 0,void 0,(function(){var n,a,i,o,r;return __generator(this,(function(s){switch(s.label){case 0:return t.request&&t.request.cbpList&&Object.keys(t.request.cbpList).length?(n=void 0,a=[],i=this.configSvc.userProfile.userId,[4,this.userSvc.fetchCbpPlanList(i).toPromise()]):[3,5];case 1:return(o=s.sent())?(n=o,t.tabs&&t.tabs.length?(a=this.splitCbpTabsData(n,t),r=!0,t&&t.tabs&&t.tabs.length&&t.tabs.forEach((function(t){t.pillsData&&t.pillsData.length&&t.pillsData.forEach((function(t){t&&t.widgets&&t.widgets.length&&r&&(t.selected=!0,r=!1)}))})),[4,this.processStrip(t,this.transformContentsToWidgets(n,t),"done",e,"",a)]):[3,3]):[3,4];case 2:return s.sent(),[3,4];case 3:this.processStrip(t,this.transformContentsToWidgets(n,t),"done",e,"viewMoreUrl"),s.label=4;case 4:clearInterval(this.enrollInterval),s.label=5;case 5:return[2]}}))}))},ContentStripWithTabsPillsComponent.prototype.splitCbpTabsData=function(t,e){var n=[],a=this.getTabsList(t,e);if(e.tabs&&e.tabs.length)for(var i=function(t){if("myIgotPlans"===e.tabs[t].value){if(e.tabs[t].pillsData&&e.tabs[t].pillsData.length){for(var i=function(i){e.tabs[t].pillsData[i]&&n.push(__assign({},e.tabs[t].pillsData[i],{fetchTabStatus:"done"},a.find((function(n){if(e.tabs[t].pillsData&&e.tabs[t].pillsData[i]&&n.value===e.tabs[t].pillsData[i].value)return n}))))},o=0;o<e.tabs[t].pillsData.length;o+=1)i(o);e.tabs[t].pillsData=n}}},o=0;o<e.tabs.length;o+=1)i(o);return e.tabs},ContentStripWithTabsPillsComponent.prototype.getTabsList=function(t,e){var n=[],a=[],i=[];t.forEach((function(t){n.push(t),t.planDuration===NsCardContent.ACBPConst.OVERDUE?i.push(t):t.planDuration===NsCardContent.ACBPConst.UPCOMING&&a.push(t)}));var o=n.filter((function(t){return 2===t.contentStatus})),r=n.filter((function(t){return t.contentStatus<2})),s=o.filter((function(t){return t.planDuration===NsCardContent.ACBPConst.OVERDUE})),l=o.filter((function(t){return t.planDuration!==NsCardContent.ACBPConst.OVERDUE}));return s=s.sort((function(t,e){if(t.planDuration===NsCardContent.ACBPConst.OVERDUE&&e.planDuration===NsCardContent.ACBPConst.OVERDUE)return new Date(t.endDate)>new Date(e.endDate)?-1:1})),r=r.sort((function(t,e){if(t.planDuration===NsCardContent.ACBPConst.OVERDUE&&e.planDuration===NsCardContent.ACBPConst.OVERDUE)return new Date(t.endDate)>new Date(e.endDate)?-1:1})),n=__spread(r,l,s),i=(i=i.filter((function(t){return t.contentStatus<2}))).sort((function(t,e){return new Date(t.endDate)>new Date(e.endDate)?-1:1})),a=a.filter((function(t){return t.contentStatus<2})),[{value:"all",widgets:this.transformContentsToWidgets(n,e)},{value:"upcoming",widgets:this.transformContentsToWidgets(a,e)},{value:"completed",widgets:this.transformContentsToWidgets(o,e)},{value:"overdue",widgets:this.transformContentsToWidgets(i,e)}]},ContentStripWithTabsPillsComponent.prototype.resetSelectedPill=function(t){t&&t.length&&t.forEach((function(t){t.selected=!1}))},ContentStripWithTabsPillsComponent.decorators=[{type:core.Component,args:[{selector:"sb-uic-content-strip-with-tabs-pills",template:'<ng-container *ngIf="!contentAvailable; else otherTemplate"></ng-container>\n<ng-template #otherTemplate>\n  \x3c!-- <div *ngIf="showParentLoader" class="text-center my-2">\n    <mat-spinner class="inline-block"></mat-spinner>\n  </div> --\x3e\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                \x3c!-- viewAll start--\x3e\n                <div *ngIf="checkCondition(widgetData , stripsResultDataMap[key])" class="block md:hidden">\n                  <div \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                </div>\n                \x3c!-- viewAll end--\x3e\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            \x3c!-- IF no errors then proceed to show tabs or non tabs strip --\x3e\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 item-center">\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                         \x3c!-- viewAll start--\x3e\n                          <div *ngIf="checkCondition(widgetData , stripsResultDataMap[key])" class=" hidden md:block">\n                            <div  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                          </div>\n                            \n                          \x3c!-- viewAll end--\x3e\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>',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}::ng-deep .mat-tab-header-pagination{display:none!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}"]}]}],ContentStripWithTabsPillsComponent.ctorParameters=function(){return[{type:void 0,decorators:[{type:core.Inject,args:["environment"]}]},{type:WidgetContentLibService},{type:utilsV2.LoggerService},{type:utilsV2.EventService},{type:utilsV2.ConfigurationsService},{type:utilsV2.UtilityService},{type:router.Router},{type:WidgetUserServiceLib},{type:core$1.TranslateService},{type:MultilingualTranslationsService}]},ContentStripWithTabsPillsComponent.propDecorators={widgetData:[{type:core.Input}],emptyResponse:[{type:core.Output}],viewAllResponse:[{type:core.Output}],telemtryResponse:[{type:core.Output}],providerId:[{type:core.Input}],emitViewAll:[{type:core.Input}],channnelName:[{type:core.Input}],id:[{type:core.HostBinding,args:["id"]}]},ContentStripWithTabsPillsComponent}(resolverV2.WidgetBaseComponent);function HttpLoaderFactory1(t){return new httpLoader.TranslateHttpLoader(t)}var ContentStripWithTabsPillsModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[ContentStripWithTabsPillsComponent],imports:[resolverV2.SbUiResolverModule,common.CommonModule,router.RouterModule,HorizontalScrollerV2Module,material.MatProgressSpinnerModule,material.MatToolbarModule,material.MatIconModule,material.MatButtonModule,material.MatTooltipModule,material.MatListModule,material.MatSidenavModule,material.MatCardModule,material.MatExpansionModule,material.MatRadioModule,material.MatChipsModule,material.MatInputModule,material.MatFormFieldModule,material.MatDialogModule,material.MatSnackBarModule,material.MatSelectModule,material.MatDatepickerModule,material.MatNativeDateModule,material.MatTableModule,material.MatCheckboxModule,material.MatProgressSpinnerModule,material.MatButtonToggleModule,material.MatTabsModule,material.MatAutocompleteModule,core$1.TranslateModule.forRoot({loader:{provide:core$1.TranslateLoader,useFactory:HttpLoaderFactory1,deps:[http.HttpClient]}})],entryComponents:[ContentStripWithTabsPillsComponent],exports:[ContentStripWithTabsPillsComponent]}]}],t}(),ɵ0$6=HttpLoaderFactory1,ContentStripFacetFilterModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[ContentStripFacetFilterComponent],imports:[resolverV2.SbUiResolverModule,common.CommonModule,router.RouterModule,HorizontalScrollerV2Module,material.MatProgressSpinnerModule,material.MatToolbarModule,material.MatIconModule,material.MatButtonModule,material.MatTooltipModule,material.MatListModule,material.MatSidenavModule,material.MatCardModule,material.MatExpansionModule,material.MatRadioModule,material.MatChipsModule,material.MatInputModule,material.MatFormFieldModule,material.MatDialogModule,material.MatSnackBarModule,material.MatSelectModule,material.MatDatepickerModule,material.MatNativeDateModule,material.MatTableModule,material.MatCheckboxModule,material.MatProgressSpinnerModule,material.MatButtonToggleModule,material.MatTabsModule,forms.ReactiveFormsModule,material.MatAutocompleteModule,core$1.TranslateModule.forRoot({loader:{provide:core$1.TranslateLoader,useFactory:ɵ0$6,deps:[http.HttpClient]}})],entryComponents:[ContentStripFacetFilterComponent],exports:[ContentStripFacetFilterComponent]}]}],t}(),API_POINTS={COMPETENCY_LIST:"apis/proxies/v8/competency/v4/search",COMPETENCY_LIST_V2:"apis/proxies/v8/searchBy/v2/competency",CERTIFICATE_URL:"apis/protected/v8/cohorts/course/batch/cert/download/"},CompetencyPassbookService=function(){function t(t){this.http=t}return t.prototype.getCompetencyList=function(t){return this.http.post(API_POINTS.COMPETENCY_LIST,t)},t.prototype.getCompetencyListv_V2=function(){return this.http.get(API_POINTS.COMPETENCY_LIST_V2)},t.prototype.fetchCertificate=function(t){return this.http.get(API_POINTS.CERTIFICATE_URL+t)},t.decorators=[{type:core.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[{type:http.HttpClient}]},t.ngInjectableDef=core.ɵɵdefineInjectable({factory:function(){return new t(core.ɵɵinject(http.HttpClient))},token:t,providedIn:"root"}),t}();var CompetencyPassbookComponent=function(){function t(t,e,n,a,i){this.configSvc=t,this.contentSvc=e,this.competencySvc=n,this.router=a,this.cardDisplayCount=3,this.dynamicAlignPills="center",this.emptyResponse=new core.EventEmitter,this.temeletryResponse=new core.EventEmitter,this.loadCometency=!1,this.loadCompetencyArea=!1,this.competencyVersion="",this.competencyTheme=[],this.allcompetencyTheme={},this.competencyStrength=0,this.competencyThemeLength=6,this.showAllTheme=[{name:"Show all",showAll:!1}],this.environment=i}return t.prototype.ngOnInit=function(){this.comeptencyKeys=this.configSvc.compentency[this.environment.compentencyVersionKey],this.getAllCompetencies()},t.prototype.showMore=function(){this.objectData.viewMore=!this.objectData.viewMore},t.prototype.getCompetencyArea=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,n,a=this;return __generator(this,(function(i){switch(i.label){case 0:t={},this.providerId&&(t={createdFor:[this.providerId]}),this.loadCompetencyArea=!0,e={request:{query:"",filters:__assign({contentType:"Course"},t,{status:["Live"]}),sort_by:{lastUpdatedOn:"desc"},facets:[this.environment.compentencyVersionKey+"."+this.comeptencyKeys.vCompetencyArea],limit:0,offset:0,fields:[]}},i.label=1;case 1:return i.trys.push([1,3,,4]),this.competencyStrength=0,[4,this.callCompetencySearch(e)];case 2:return(n=i.sent())&&n.results&&n.results.result.facets&&(n.results.result.facets.forEach((function(t){t.name===a.environment.compentencyVersionKey+"."+a.comeptencyKeys.vCompetencyArea&&(a.competencyArea=t.values)})),this.selectedValue=this.competencyArea[0].name.toLowerCase(),this.competencyArea.forEach((function(t,e){return __awaiter(a,void 0,void 0,(function(){var n,a;return __generator(this,(function(i){switch(i.label){case 0:return n={createdFor:[this.providerId]},[4,this.getcompetencyThemeCount(t,n)];case 1:return a=i.sent(),t.themeData=a,t.count=a.length,this.competencyStrength=this.competencyStrength+a.length,0===e&&this.getThemeDataByArea(t),[2]}}))}))})),this.loadCompetencyArea=!1),[3,4];case 3:return i.sent(),this.loadCompetencyArea=!1,this.emptyResponse.emit(!0),[3,4];case 4:return[2]}}))}))},t.prototype.callCompetencySearch=function(t){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(n){return[2,new Promise((function(n,a){t&&t&&e.contentSvc.searchV6(t).subscribe((function(t){n({results:t})}),(function(t){a(t)}))}))]}))}))},t.prototype.competencyChange=function(t){this.providerId&&this.providerId,this.temeletryResponse.emit(t.name),this.getThemeDataByArea(t),this.selectedValue=t.name},t.prototype.getAllCompetencies=function(){var t=this;this.loadCometency=!0,this.competencySvc.getCompetencyListv_V2().subscribe((function(e){t.allcompetencyTheme={},e&&e.result&&e.result.content&&(t.originalCompetencyArray=e.result.content,t.getCompetencyArea(),e.result.content.forEach((function(e){e.children.forEach((function(e){var n=e.name.toLowerCase();t.allcompetencyTheme[n]=e,t.allcompetencyTheme[n].viewMore=!1}))}))),t.loadCometency=!1}))},t.prototype.getcompetencyTheme=function(t,e){return __awaiter(this,void 0,void 0,(function(){var n,a,i,o,r=this;return __generator(this,(function(s){switch(s.label){case 0:n={request:{query:"",filters:__assign({contentType:"Course"},e,(o={},o[this.environment.compentencyVersionKey+"."+this.comeptencyKeys.vCompetencyArea]=t,o.status=["Live"],o)),sort_by:{lastUpdatedOn:"desc"},facets:[this.environment.compentencyVersionKey+"."+this.comeptencyKeys.vCompetencyTheme],limit:0,offset:0,fields:[]}},s.label=1;case 1:return s.trys.push([1,3,,4]),this.loadCometency=!0,[4,this.callCompetencySearch(n)];case 2:return(a=s.sent())&&a.results&&(a.results.result.facets&&(i=a.results.result.facets[0].values,this.originalCompetencyArray.forEach((function(e){e.name.toLowerCase()===t&&(r.competencyTheme=i.filter((function(t){return e.children.find((function(e){return e.name.toLowerCase()===t.name.toLowerCase()}))})),r.showAllTheme=[{name:"Show all",showAll:!1}],r.competencyThemeLength=6)})),this.resetViewMore()),this.loadCometency=!1),[3,4];case 3:return s.sent(),[3,4];case 4:return[2]}}))}))},t.prototype.getThemeDataByArea=function(t){var e=this,n=t.themeData;this.originalCompetencyArray.forEach((function(a){a.name.toLowerCase()===t.name&&(e.competencyTheme=n.filter((function(t){return a.children.find((function(e){return e.name.toLowerCase()===t.name.toLowerCase()}))})),e.showAllTheme=[{name:"Show all",showAll:!1}],e.competencyThemeLength=6)}));var a={};this.providerId&&(a={createdFor:[this.providerId]}),this.getcompetencySubTheme(t,a)},t.prototype.getcompetencyThemeCount=function(t,e){return __awaiter(this,void 0,void 0,(function(){var n,a,i,o,r,s=this;return __generator(this,(function(l){switch(l.label){case 0:n={request:{query:"",filters:__assign({contentType:"Course"},e,(r={},r[this.environment.compentencyVersionKey+"."+this.comeptencyKeys.vCompetencyArea]=t.name,r.status=["Live"],r)),sort_by:{lastUpdatedOn:"desc"},facets:[this.environment.compentencyVersionKey+"."+this.comeptencyKeys.vCompetencyTheme],limit:0,offset:0,fields:[]}},l.label=1;case 1:return l.trys.push([1,3,,4]),a=this.loadCometency=!0,[4,this.callCompetencySearch(n)];case 2:return(i=l.sent())&&i.results?(i.results.result.facets&&(o=i.results.result.facets[0].values,this.originalCompetencyArray.forEach((function(e){e.name.toLowerCase()===t.name&&(a=o.filter((function(t){return e.children.find((function(e){return e.name.toLowerCase()===t.name.toLowerCase()}))})),s.showAllTheme=[{name:"Show all",showAll:!1}],s.competencyThemeLength=6)}))),this.loadCometency=!1,[2,a]):[3,4];case 3:return l.sent(),[3,4];case 4:return[2]}}))}))},t.prototype.resetViewMore=function(){var t=this;Object.keys(this.allcompetencyTheme).forEach((function(e){t.allcompetencyTheme[e].viewMore=!1}))},t.prototype.viewMoreChildren=function(t){t.viewMore=!t.viewMore,this.allcompetencyTheme[t.name.toLowerCase()].viewMore=t.viewMore},t.prototype.displayAllTheme=function(t){this.showAllTheme[0].showAll=!t.showAll,this.competencyThemeLength=t.showAll?this.competencyTheme.length:6,this.showAllTheme[0].name=t.showAll?"Show less":"Show all",this.temeletryResponse.emit(t.name)},t.prototype.navigateToCompetency=function(t){this.router.navigateByUrl("/app/learn/browse-by/competency/"+t.name)},t.prototype.getcompetencySubTheme=function(t,e){return __awaiter(this,void 0,void 0,(function(){var n,a,i,o,r=this;return __generator(this,(function(s){switch(s.label){case 0:n={request:{query:"",filters:__assign({contentType:"Course"},e,(o={},o[this.environment.compentencyVersionKey+"."+this.comeptencyKeys.vCompetencyArea]=t.name,o.status=["Live"],o)),sort_by:{lastUpdatedOn:"desc"},facets:[this.environment.compentencyVersionKey+"."+this.comeptencyKeys.vCompetencySubTheme],limit:0,offset:0,fields:[]}},s.label=1;case 1:return s.trys.push([1,3,,4]),this.loadCometency=!0,[4,this.callCompetencySearch(n)];case 2:return(a=s.sent())&&a.results&&(a.results.result.facets&&(i=a.results.result.facets[0].values,this.competencyArea.forEach((function(e){e.name===t.name&&e.themeData.forEach((function(t){if(r.allcompetencyTheme[t.name.toLowerCase()]&&r.allcompetencyTheme[t.name.toLowerCase()].children&&r.allcompetencyTheme[t.name.toLowerCase()].children.length){var e=r.allcompetencyTheme[t.name.toLowerCase()].children.filter((function(t){return i.some((function(e){return Object.keys(t).every((function(n){return t.name===e.name}))}))}));r.allcompetencyTheme[t.name.toLowerCase()].children=e}}))}))),this.loadCometency=!1),[3,4];case 3:return s.sent(),[3,4];case 4:return[2]}}))}))},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-competency-passbook",template:' <div class="competency-title" *ngIf="objectData?.title">{{objectData?.title}} \n    <span class="competency-count">\n        ({{competencyStrength}})\n    </span>\n</div>\n<div class="flex items-center justify-{{dynamicAlignPills}} gap-8 mt-5 mb-5 competency-filters">\n    <sb-uic-pills [pillsData]="competencyArea" [dynamicColor]="dynamicColor"\n    [isLoading]="loadCompetencyArea" (pillClick)="competencyChange($event)" [selectedValue]="selectedValue"></sb-uic-pills>\n</div>\n<div class="grid grid-cols-1 md:grid-cols-{{cardDisplayCount}} w-full grid-flow-row gap-5" *ngIf="!loadCometency">\n    <div class="competency-card" *ngFor="let obj of competencyTheme| slice:0:competencyThemeLength">\n        <div class="flex-1 flex-col">\n            <div class="competency-theme"></div>\n            <div class="details flex flex-col">\n                <div class="flex flex-col p-4">\n                    <div class="flex flex-row cursor-pointer">\n                        <div class="flex flex-row gap-2 items-center">\n                            <div class="name">{{allcompetencyTheme[obj?.name]?.displayName}}</div>\n                            \x3c!-- <div class="flex items-baseline">\n                                <img src="assets/icons/competency/cp-arrow.svg" class="arrow-img cursor-pointer" alt="cp arrow img" (click)="navigateToCompetency(obj)" />\n                            </div> --\x3e\n                        </div>\n                    </div>\n                    <div class="flex flex-row pt-3 pb-3 description">\n                       {{ allcompetencyTheme[obj.name]?.description }} \n                    </div>\n                    \x3c!-- <div class="flex flex-row gap-3 items-center">\n                        <mat-icon class="content-icon">school</mat-icon>\n                        <div class="no-of-contents" *ngIf="obj.count === 1">{{obj.count}} Content</div>\n                        <div class="no-of-contents" *ngIf="obj.count !== 1">{{obj.count}} Contents</div>\n                    </div> --\x3e\n                    <div class="line mt-3 mt-2"></div>\n                    <div class="flex flex-wrap gap-3 pt-4 chip-container">\n                        <ng-container *ngFor="let child of allcompetencyTheme[obj.name]?.children| slice:0: allcompetencyTheme[obj.name]?.viewMore ? allcompetencyTheme[obj.name]?.children?.length : 3; let i = index">\n                            <div class="chip rounded-full p-2 text-xs chip-ellipsis" [title]="child?.displayName" >\n                                {{ child?.displayName }}\n                            </div>\n                        </ng-container>\n                        <div class="p-2 info-btn cursor-pointer"\n                            *ngIf="allcompetencyTheme[obj.name]?.children.length > 3 && !allcompetencyTheme[obj.name]?.viewMore" (click)="viewMoreChildren(allcompetencyTheme[obj.name])">\n                            View more\n                        </div>\n                        <div class="p-2 info-btn cursor-pointer"\n                            *ngIf="allcompetencyTheme[obj.name]?.children.length > 3 && allcompetencyTheme[obj.name]?.viewMore" (click)="viewMoreChildren(allcompetencyTheme[obj.name])">\n                            View less\n                        </div>\n                    </div>\n                </div>        \n            </div>\n        </div>\n    </div>\n</div>\n<ng-container *ngIf="competencyTheme.length > 6 && !loadCometency">\n    <div class="flex items-center justify-center gap-8 mt-5 mb-5 competency-filters">\n        <sb-uic-pills [pillsData]="showAllTheme" [requiredTitlecase]="false" [dynamicColor]="dynamicColor" (pillClick)="displayAllTheme($event)"></sb-uic-pills>\n    </div>\n</ng-container> \n\n<ng-container *ngIf="loadCometency">\n\n<div class="grid grid-cols-1 md:grid-cols-{{cardDisplayCount}} w-full grid-flow-row gap-5">\n    <div *ngFor="let obj of [0,1,2,3,4,5]">\n        <div class="flex-1 flex-col">\n            <div class="competency-theme"></div>\n            <div class="details flex flex-col">\n                <div class="flex flex-col p-4">\n                    <div class="flex flex-row cursor-pointer">\n                        <div class="flex flex-row gap-2 items-center w-full">\n                            <div class="name w-full">\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded mb-2\'" [width]="\'100%\'"\n                                [height]="\'24px\'"></sb-uic-skeleton-loader>\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded\'" [width]="\'80%\'"\n                                [height]="\'24px\'"></sb-uic-skeleton-loader>\n                            </div>\n                        </div>\n                    </div>\n                    <div class="pt-3 pb-3 description">\n                        <sb-uic-skeleton-loader class="w-full" [bindingClass]="\'flex rounded mb-2\'" [width]="\'100%\'"\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\n                        <sb-uic-skeleton-loader class="w-full" [bindingClass]="\'flex rounded\'" [width]="\'80%\'"\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\n                    </div>\n                    <div class="flex flex-row gap-3 items-center">\n                        <mat-icon class="content-icon"><sb-uic-skeleton-loader  [bindingClass]="\'flex rounded mb-2\'" [width]="\'24px\'"\n                            [height]="\'24px\'"></sb-uic-skeleton-loader></mat-icon>\n                        <div class="no-of-contents"><sb-uic-skeleton-loader  [bindingClass]="\'flex rounded \'" [width]="\'100px\'"\n                            [height]="\'24px\'"></sb-uic-skeleton-loader></div>\n                    </div>\n                    <div class="line mt-3 mt-2"></div>\n                    <div class="flex flex-wrap gap-3 pt-4 chip-container">\n                        <sb-uic-skeleton-loader class="w-2/5" [bindingClass]="\'flex rounded \'" [width]="\'100px\'"\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\n                        <sb-uic-skeleton-loader class="w-2/5"  [bindingClass]="\'flex rounded \'" [width]="\'100px\'"\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\n                        <sb-uic-skeleton-loader class="w-2/5" [bindingClass]="\'flex rounded \'" [width]="\'100px\'"\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\n                    </div>\n                </div>        \n            </div>\n        </div>\n    </div>\n</div>\n</ng-container>',styles:[".competencies-backgroud{background-color:#1b2133}.competency-title{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left;color:#fff}.competency-count{color:#f3962f}.filter-button{padding:12px 16px;border-radius:50px;border:1px solid #fff;font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;background-color:transparent;color:#fff;cursor:pointer}.filter-button.active{background:#1b4ca1}.banner-metrics{background:linear-gradient(180deg,#f9cb97 -107.59%,#ef951e 110.74%)}.infra-background{background:#1b4ca1}.competency-theme{height:16px;border-top-left-radius:12px;border-top-right-radius:12px;background-color:#f8b861}.details{background-color:#fff;border-radius:12px;position:relative;top:-8px;min-height:278px}.name{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.description{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left;height:42px;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.no-of-contents{font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;color:#1b4ca1}.content-icon{color:#1b4ca1}.line{border-top:1px solid #e2dddd}.chip{padding:8px 16px;gap:8px;border-radius:50px;border:1px solid #1b4ca1;color:#1b4ca1;font-family:Lato;font-size:14px;font-weight:700;text-align:center}.chip-ellipsis{white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis}.info-btn{font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;opacity:.7;padding:12px 5px}.hide{display:none}.behavioral{background-color:#f8b861}.functional{background-color:#e24577}.domain{background-color:#7b47a4}.competency-card{z-index:999}"]}]}],t.ctorParameters=function(){return[{type:utilsV2.ConfigurationsService},{type:WidgetContentLibService},{type:CompetencyPassbookService},{type:router.Router},{type:void 0,decorators:[{type:core.Inject,args:["environment"]}]}]},t.propDecorators={objectData:[{type:core.Input}],providerId:[{type:core.Input}],cardDisplayCount:[{type:core.Input}],dynamicClass:[{type:core.Input}],dynamicColor:[{type:core.Input}],dynamicAlignPills:[{type:core.Input}],emptyResponse:[{type:core.Output}],temeletryResponse:[{type:core.Output}]},t}();var PillsComponent=function(){function t(){this.isLoading=!1,this.pillClick=new core.EventEmitter,this.dynamicClass="",this.dynamicColor="",this.requiredTitlecase=!0}return t.prototype.ngOnInit=function(){},t.prototype.selectedPill=function(t){this.pillClick.emit(t)},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-pills",template:'<ng-container *ngIf="!isLoading">\n    <mat-chip-list >\n        <ng-container *ngFor="let pill of pillsData">\n            <mat-chip class="competency-chip" (click)="selectedPill(pill)" [style.color]="dynamicColor"   [style.borderColor]="\'#999999\'"\n            [ngClass]="{\'active\': selectedValue === pill?.name}">\n                <span [style.color]="dynamicColor" class="pill-name" *ngIf="requiredTitlecase">{{pill?.name | titlecase}} <span *ngIf="pill?.count">({{pill?.count}})</span></span>\n                <span [style.color]="dynamicColor" class="pill-name" *ngIf="!requiredTitlecase">{{pill?.name }} <span *ngIf="pill?.count">({{pill?.count}})</span></span>\n            </mat-chip>\n        </ng-container>\n    </mat-chip-list>\n</ng-container>\n<ng-container *ngIf="isLoading">\n    <div class="flex gap-4">\n        <ng-container *ngFor="let pill of [0,1,2]">\n            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded\'" [width]="\'100px\'"\n            [height]="\'24px\'"></sb-uic-skeleton-loader>\n        </ng-container>\n    </div>\n</ng-container>\n',styles:[".competency-chip{z-index:999;padding:12px 16px;border-radius:50px;border:1px solid #fff;font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;background-color:transparent!important;cursor:pointer}.competency-chip .pill-name{color:#fff}.active{background-color:#1b4ca1!important}.active .pill-name{color:#fff!important}"]}]}],t.ctorParameters=function(){return[]},t.propDecorators={pillsData:[{type:core.Input}],selectedValue:[{type:core.Input}],isLoading:[{type:core.Input}],pillClick:[{type:core.Output}],dynamicClass:[{type:core.Input}],dynamicColor:[{type:core.Input}],requiredTitlecase:[{type:core.Input}]},t}();var PillsModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[PillsComponent],imports:[common.CommonModule,material.MatIconModule,material.MatChipsModule,SkeletonLoaderLibModule],exports:[PillsComponent]}]}],t}(),CompetencyPassbookModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[CompetencyPassbookComponent],imports:[common.CommonModule,material.MatIconModule,PillsModule,SkeletonLoaderLibModule],exports:[CompetencyPassbookComponent],providers:[CompetencyPassbookService]}]}],t}(),API_POINTS$1={COMPETENCY_LIST:"apis/proxies/v8/competency/v4/search",competency_URL:"apis/proxies/v8/v1/search/competenciesByOrg/",COMPETENCY_LIST_V2:"apis/proxies/v8/searchBy/v2/competency"},CompetencyPassbookMdoService=function(){function t(t){this.http=t}return t.prototype.getCompetencyList=function(t){return this.http.post(API_POINTS$1.COMPETENCY_LIST,t)},t.prototype.getCompetencyListv_V2=function(){return this.http.get(API_POINTS$1.COMPETENCY_LIST_V2)},t.prototype.mdoCompetency=function(t){return this.http.get(API_POINTS$1.competency_URL+t)},t.decorators=[{type:core.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[{type:http.HttpClient}]},t.ngInjectableDef=core.ɵɵdefineInjectable({factory:function(){return new t(core.ɵɵinject(http.HttpClient))},token:t,providedIn:"root"}),t}();var CompetencyPassbookMdoComponent=function(){function t(t,e,n,a,i){this.configSvc=t,this.contentSvc=e,this.competencySvc=n,this.router=a,this.cardDisplayCount=3,this.dynamicAlignPills="center",this.emptyResponse=new core.EventEmitter,this.temeletryResponse=new core.EventEmitter,this.loadCometency=!1,this.loadCompetencyArea=!1,this.selectedValue="functional",this.competencyVersion="",this.competencyTheme=[],this.allcompetencyTheme={},this.competencyStrength=0,this.competencyThemeLength=6,this.showAllTheme=[{name:"Show all",showAll:!1}],this.environment=i}return t.prototype.ngOnInit=function(){this.comeptencyKeys=this.configSvc.compentency[this.environment.compentencyVersionKey],this.getAllCompetencies()},t.prototype.getAllCompetencies=function(){var t=this;this.loadCometency=!0;this.competencySvc.getCompetencyListv_V2().subscribe((function(e){t.allcompetencyTheme={},e&&e.result&&e.result.content&&(t.originalCompetencyArray=e.result.content,t.getMdoCompetencies(),e.result.content.forEach((function(e){e.children.forEach((function(e){var n=e.name.toLowerCase();t.allcompetencyTheme[n]=e,t.allcompetencyTheme[n].viewMore=!1}))}))),t.loadCometency=!1}))},t.prototype.getMdoCompetencies=function(){return __awaiter(this,void 0,void 0,(function(){var t,e=this;return __generator(this,(function(n){switch(n.label){case 0:return n.trys.push([0,2,,3]),this.loadCometency=!0,[4,this.getMdoCompetency()];case 1:return(t=n.sent())&&t.results&&(t.results.result.facets&&t.results.result.facets.length?t.results.result.facets.forEach((function(t){t.name===e.environment.compentencyVersionKey+"."+e.comeptencyKeys.vCompetencyArea?(e.competencyArea=t.values,e.selectedValue=t.values[0].name):t.name===e.environment.compentencyVersionKey+"."+e.comeptencyKeys.vCompetencyTheme&&(e.competencyThemeData=t.values,e.getCompetencyTheme())})):this.emptyResponse.emit(!0),this.loadCometency=!1),[3,3];case 2:return n.sent(),this.emptyResponse.emit(!0),[3,3];case 3:return[2]}}))}))},t.prototype.getCompetencyTheme=function(){var t=this;this.originalCompetencyArray.forEach((function(e){(e.name.toLowerCase()===t.selectedValue||"Behavioral".toLowerCase()===t.selectedValue)&&(t.competencyTheme=t.competencyThemeData.filter((function(t){return e.children.find((function(e){return e.name.toLowerCase()===t.name.toLowerCase()}))})),t.showAllTheme=[{name:"Show all",showAll:!1}],t.competencyThemeLength=6)})),this.resetViewMore()},t.prototype.getMdoCompetency=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){return[2,new Promise((function(e,n){t.providerId&&t.competencySvc.mdoCompetency(t.providerId).subscribe((function(t){e({results:t})}),(function(t){n(t)}))}))]}))}))},t.prototype.competencyChange=function(t){this.providerId&&this.providerId,this.temeletryResponse.emit(t.name),this.selectedValue=t.name,this.getCompetencyTheme()},t.prototype.resetViewMore=function(){var t=this;Object.keys(this.allcompetencyTheme).forEach((function(e){t.allcompetencyTheme[e].viewMore=!1}))},t.prototype.viewMoreChildren=function(t){t.viewMore=!t.viewMore,this.allcompetencyTheme[t.name.toLowerCase()].viewMore=t.viewMore},t.prototype.displayAllTheme=function(t){this.showAllTheme[0].showAll=!t.showAll,this.competencyThemeLength=t.showAll?this.competencyTheme.length:6,this.showAllTheme[0].name=t.showAll?"Show less":"Show all",this.temeletryResponse.emit(t.name)},t.prototype.navigateToCompetency=function(t){this.router.navigateByUrl("app/learn/browse-by/competency/"+t.name)},t.prototype.showMore=function(){this.objectData.viewMore=!this.objectData.viewMore},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-competency-passbook-mdo",template:'<div class="competency-title" *ngIf="objectData?.title">{{objectData?.title}} \n    <span class="competency-count">\n        ({{competencyStrength}})\n    </span>\n</div>\n<div class="flex items-center justify-{{dynamicAlignPills}} gap-8 mt-5 mb-5 competency-filters">\n    <sb-uic-pills [pillsData]="competencyArea" [dynamicColor]="dynamicColor"\n    [isLoading]="loadCompetencyArea" (pillClick)="competencyChange($event)" [selectedValue]="selectedValue"></sb-uic-pills>\n</div>\n<div class="grid grid-cols-1 md:grid-cols-{{cardDisplayCount}} w-full grid-flow-row gap-5" *ngIf="!loadCometency">\n    <div class="competency-card" *ngFor="let obj of competencyTheme| slice:0:competencyThemeLength">\n        <div class="flex-1 flex-col">\n            <div class="competency-theme"></div>\n            <div class="details flex flex-col">\n                <div class="flex flex-col p-4">\n                    <div class="flex flex-row cursor-pointer">\n                        <div class="flex flex-row gap-2 items-center">\n                            <div class="name">{{allcompetencyTheme[obj?.name]?.displayName}}</div>\n                            \x3c!-- <div class="flex items-baseline">\n                                <img src="assets/icons/competency/cp-arrow.svg" class="arrow-img cursor-pointer" alt="cp arrow img" (click)="navigateToCompetency(obj)" />\n                            </div> --\x3e\n                        </div>\n                    </div>\n                    <div class="flex flex-row pt-3 pb-3 description">\n                        {{ allcompetencyTheme[obj.name]?.description }} \n                    </div>\n                    <div class="flex flex-row gap-3 items-center">\n                        <mat-icon class="content-icon">school</mat-icon>\n                        <div class="no-of-contents">{{obj.count}} Contents</div>\n                    </div>\n                    <div class="line mt-3 mt-2"></div>\n                    <div class="flex flex-wrap gap-3 pt-4 chip-container">\n                        <ng-container *ngFor="let child of allcompetencyTheme[obj.name]?.children| slice:0: allcompetencyTheme[obj.name]?.viewMore ? allcompetencyTheme[obj.name]?.children?.length : 3; let i = index">\n                            <div class="chip rounded-full p-2 text-xs chip-ellipsis" [title]="child?.displayName" >\n                                {{ child?.displayName }}\n                            </div>\n                        </ng-container>\n                        <div class="p-2 info-btn cursor-pointer"\n                            *ngIf="allcompetencyTheme[obj.name]?.children.length > 3 && !allcompetencyTheme[obj.name]?.viewMore" (click)="viewMoreChildren(allcompetencyTheme[obj.name])">\n                            View more\n                        </div>\n                        <div class="p-2 info-btn cursor-pointer"\n                            *ngIf="allcompetencyTheme[obj.name]?.children.length > 3 && allcompetencyTheme[obj.name]?.viewMore" (click)="viewMoreChildren(allcompetencyTheme[obj.name])">\n                            View less\n                        </div>\n                    </div>\n                </div>        \n            </div>\n        </div>\n    </div>\n</div>\n<ng-container *ngIf="competencyTheme.length > 6 && !loadCometency">\n    <div class="flex items-center justify-center gap-8 mt-5 mb-5 competency-filters">\n        <sb-uic-pills [pillsData]="showAllTheme" [requiredTitlecase]="false" [dynamicColor]="dynamicColor" (pillClick)="displayAllTheme($event)"></sb-uic-pills>\n    </div>\n</ng-container> \n\n<ng-container *ngIf="loadCometency">\n\n<div class="grid grid-cols-1 md:grid-cols-{{cardDisplayCount}} w-full grid-flow-row gap-5">\n    <div *ngFor="let obj of [0,1,2,3,4,5]">\n        <div class="flex-1 flex-col">\n            <div class="competency-theme"></div>\n            <div class="details flex flex-col">\n                <div class="flex flex-col p-4">\n                    <div class="flex flex-row cursor-pointer">\n                        <div class="flex flex-row gap-2 items-center w-full">\n                            <div class="name w-full">\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded mb-2\'" [width]="\'100%\'"\n                                [height]="\'24px\'"></sb-uic-skeleton-loader>\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded\'" [width]="\'80%\'"\n                                [height]="\'24px\'"></sb-uic-skeleton-loader>\n                            </div>\n                        </div>\n                    </div>\n                    <div class="pt-3 pb-3 description">\n                        <sb-uic-skeleton-loader class="w-full" [bindingClass]="\'flex rounded mb-2\'" [width]="\'100%\'"\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\n                        <sb-uic-skeleton-loader class="w-full" [bindingClass]="\'flex rounded\'" [width]="\'80%\'"\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\n                    </div>\n                    <div class="flex flex-row gap-3 items-center">\n                        <mat-icon class="content-icon"><sb-uic-skeleton-loader  [bindingClass]="\'flex rounded mb-2\'" [width]="\'24px\'"\n                            [height]="\'24px\'"></sb-uic-skeleton-loader></mat-icon>\n                        <div class="no-of-contents"><sb-uic-skeleton-loader  [bindingClass]="\'flex rounded \'" [width]="\'100px\'"\n                            [height]="\'24px\'"></sb-uic-skeleton-loader></div>\n                    </div>\n                    <div class="line mt-3 mt-2"></div>\n                    <div class="flex flex-wrap gap-3 pt-4 chip-container">\n                        <sb-uic-skeleton-loader class="w-2/5" [bindingClass]="\'flex rounded \'" [width]="\'100px\'"\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\n                        <sb-uic-skeleton-loader class="w-2/5"  [bindingClass]="\'flex rounded \'" [width]="\'100px\'"\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\n                        <sb-uic-skeleton-loader class="w-2/5" [bindingClass]="\'flex rounded \'" [width]="\'100px\'"\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\n                    </div>\n                </div>        \n            </div>\n        </div>\n    </div>\n</div>\n</ng-container>',styles:[".competencies-backgroud{background-color:#1b2133}.competency-title{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left;color:#fff}.competency-count{color:#f3962f}.filter-button{padding:12px 16px;border-radius:50px;border:1px solid #fff;font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;background-color:transparent;color:#fff;cursor:pointer}.filter-button.active{background:#1b4ca1}.banner-metrics{background:linear-gradient(180deg,#f9cb97 -107.59%,#ef951e 110.74%)}.infra-background{background:#1b4ca1}.competency-theme{height:16px;border-top-left-radius:12px;border-top-right-radius:12px;background-color:#f8b861}.details{background-color:#fff;border-radius:12px;position:relative;top:-8px;min-height:278px}.name{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.description{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left;height:42px;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.no-of-contents{font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;color:#1b4ca1}.content-icon{color:#1b4ca1}.line{border-top:1px solid #e2dddd}.chip{padding:8px 16px;gap:8px;border-radius:50px;border:1px solid #1b4ca1;color:#1b4ca1;font-family:Lato;font-size:14px;font-weight:700;text-align:center}.chip-ellipsis{white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis}.info-btn{font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;opacity:.7;padding:12px 5px}.hide{display:none}.behavioral{background-color:#f8b861}.functional{background-color:#e24577}.domain{background-color:#7b47a4}.competency-card{z-index:999}"]}]}],t.ctorParameters=function(){return[{type:utilsV2.ConfigurationsService},{type:WidgetContentLibService},{type:CompetencyPassbookMdoService},{type:router.Router},{type:void 0,decorators:[{type:core.Inject,args:["environment"]}]}]},t.propDecorators={objectData:[{type:core.Input}],providerId:[{type:core.Input}],cardDisplayCount:[{type:core.Input}],dynamicClass:[{type:core.Input}],dynamicColor:[{type:core.Input}],dynamicAlignPills:[{type:core.Input}],emptyResponse:[{type:core.Output}],temeletryResponse:[{type:core.Output}]},t}();var CompetencyPassbookMdoModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[CompetencyPassbookMdoComponent],imports:[common.CommonModule,material.MatIconModule,PillsModule,SkeletonLoaderLibModule],exports:[CompetencyPassbookMdoComponent],providers:[CompetencyPassbookMdoService]}]}],t}(),PROXY_SLAG_V8="/apis/proxies/v8",ɵ0$7=function(t,e,n){return PROXY_SLAG_V8+"/ratings/v1/read/"+t+"/"+e+"/"+n},ɵ1$3=function(t,e){return PROXY_SLAG_V8+"/ratings/v1/summary/"+t+"/"+e},ɵ2$2=function(t,e){return PROXY_SLAG_V8+"/ratings/v1/read/"+t+"/Course/"+e},API_END_POINTS$3={GET_RATING:ɵ0$7,ADD_OR_UPDATE:PROXY_SLAG_V8+"/ratings/v1/upsert",GET_RATING_SUMMARY:ɵ1$3,GET_RATING_LOOKUP:PROXY_SLAG_V8+"/ratings/v1/ratingLookUp",GET_AUTHOR_REPLY:ɵ2$2,POST_AUTHOR_REPLY:PROXY_SLAG_V8+"/ratings/v2/read"},RatingService=function(){function t(t){this.http=t}return t.prototype.getRating=function(t,e,n){return window.location.href.includes("/public/")||window.location.href.includes("&preview=true")?rxjs.of({}):this.http.get(API_END_POINTS$3.GET_RATING(t,e,n))},t.prototype.addOrUpdateRating=function(t){return this.http.post(API_END_POINTS$3.ADD_OR_UPDATE,t)},t.prototype.getRatingSummary=function(t,e){return window.location.href.includes("/public/")||window.location.href.includes("&preview=true")?rxjs.of({}):this.http.get(API_END_POINTS$3.GET_RATING_SUMMARY(t,e))},t.prototype.getRatingLookup=function(t){return this.http.post(API_END_POINTS$3.GET_RATING_LOOKUP,t)},t.prototype.getRatingReply=function(t){return window.location.href.includes("/public/")||window.location.href.includes("&preview=true")?rxjs.of({}):this.http.post(API_END_POINTS$3.POST_AUTHOR_REPLY,t)},t.prototype.getRatingIcon=function(t,e){if(e){var n=e,a=Math.floor(n);if(t<=a)return"star";if(a===t-1&&n%1>=.29&&n%1<.71)return"star_half"}return"star"},t.prototype.getRatingIconClass=function(t,e){if(e){var n=e,a=Math.floor(n);if(t<=a)return!0;if(a===t-1&&n%1>=.29&&n%1<.71)return!0;if(a===t-1&&n%1>.71)return!0;if(a===t-1&&n%1<.29)return!1}return!1},t.prototype.getAuthorReply=function(t,e){return this.http.get(API_END_POINTS$3.GET_AUTHOR_REPLY(t,e))},t.decorators=[{type:core.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[{type:http.HttpClient}]},t.ngInjectableDef=core.ɵɵdefineInjectable({factory:function(){return new t(core.ɵɵinject(http.HttpClient))},token:t,providedIn:"root"}),t}();var API_END_POINTS$4={TOP_REVIEWS:"/apis/proxies/v8/ratings/v1/topReviews"},UserContentRatingLibService=function(){function t(t){this.http=t}return t.prototype.fetchTopReviews=function(t){return this.http.get(API_END_POINTS$4.TOP_REVIEWS+"/"+t)},t.decorators=[{type:core.Injectable,args:[{providedIn:"root"}]}],t.ctorParameters=function(){return[{type:http.HttpClient}]},t.ngInjectableDef=core.ɵɵdefineInjectable({factory:function(){return new t(core.ɵɵinject(http.HttpClient))},token:t,providedIn:"root"}),t}();var UserContentRatingLibComponent=function(){function t(t,e){this.ratingService=t,this.userRatingSvc=e,this.currentIndex=0,this.providerId="",this.formData="",this.emptyResponse=new core.EventEmitter,this.styleData={},this.contentdata=[]}return t.prototype.ngOnInit=function(){this.styleData=this.formData&&this.formData.sliderData&&this.formData.sliderData.styleData,this.getTopReviews()},t.prototype.getTopReviews=function(){var t=this;this.contentdata=[],this.userRatingSvc.fetchTopReviews(this.providerId).subscribe((function(e){e&&e.result&&e.result.content.length?e.result.content.forEach((function(e){var n={};n.content=e.contentInfo,n.rating=e.rating,n.review=e.review,n.userDetails=e.userDetails,n.cardSubType="card-wide-lib",n.cardCustomeClass="",t.contentdata.push(n)})):t.emptyResponse.emit(!0)}),(function(e){t.emptyResponse.emit(!0)}))},t.prototype.getRatingIcon=function(t,e){return this.ratingService.getRatingIcon(t,e)},t.prototype.getRatingIconClass=function(t,e){return this.ratingService.getRatingIconClass(t,e)},t.prototype.getCurrentIndex=function(t){this.currentIndex=t,this.handleScrollClick(t)},t.prototype.handleScrollClick=function(t){this.scrollableItems.find((function(e){return e.key===t})).scrollIntoView("nearest")},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-user-content-rating",template:'<ng-container *ngIf="contentdata.length">\n    <div class="user-rating-section">\n        <sb-uic-sliders-ng-content [title]="\'providerName\'"  [currentIndex]="currentIndex" (currentIndexValue)="getCurrentIndex($event)" [loadNgContentData]="true" [widgetData]="contentdata" [styleData]="styleData">\n            <div sliderbody>\n                <div class="flex users-block">\n                    <ng-container *ngFor="let userData of contentdata; let j = index">\n                        <div class="avatar-block mr-1" [sbUicScrollableItem]="j"\n                        [ngClass]="{\'user-active\': j === currentIndex}" (click)="handleScrollClick(currentIndex);currentIndex = j">\n                            <sb-uic-avatar-photo [defaulfColor]="\'#1B2133\'" [datalen]="1" [randomColor]="true" [name]="userData?.userDetails?.firstName" [photoUrl]="userData?.userDetails?.profileImageUrl" size="m-side-rating">\n                            </sb-uic-avatar-photo>\n                        </div>\n                    </ng-container>\n                </div>\n                <div *ngFor="let ratingData of contentdata; let i = index" [hidden]="i !== currentIndex">\n                    <div class="user-ratting-wrapper flex flex-wrap justify-center">\n                        <div class="w-full mr-0 md:mr-8 ml-0 md:ml-8 pb-5">\n                            <sb-uic-cards [widgetData]="ratingData"></sb-uic-cards>\n                        </div>\n                        <div class="title-border-v2"></div>\n                        <p class="userName w-full mb-4 pt-2">{{ratingData?.userDetails?.firstName}}</p>\n                        <div class="flex w-full flex-row justify-center gap-2 mb-4">\n                            <mat-icon class="mat-icon material-icons rating-icon ws-mat-black16-text"\n                                [ngClass]="{\'ws-mat-orange-text\': getRatingIconClass(rating, ratingData?.rating)}"\n                                *ngFor="let rating of [1, 2, 3, 4, 5]">\n                                {{ getRatingIcon(rating, ratingData?.rating) }}\n                            </mat-icon>\n                        </div>\n                        <p class="content-feedback w-full mb-4 px-4 md:px-8">{{ratingData?.review}}</p>\n                    </div>\n                </div>\n            </div>\n        </sb-uic-sliders-ng-content>\n    </div>\n</ng-container>\n\n',styles:['.user-ratting-wrapper .userName{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:center}.user-ratting-wrapper .content-feedback{font-family:Lato;font-size:16px;font-weight:400;line-height:19.2px;text-align:center;color:rgba(0,0,0,.87)}.user-ratting-wrapper .content-info{font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;color:#666}.avatar-block{border:8px solid transparent;position:relative;cursor:pointer;width:48px;height:48px}.user-active{content:"";border:5px solid #f3972e;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:0;width:48px;height:48px}.user-active::after{content:" ";position:absolute;top:106%;left:50%;margin-left:-10px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:18px solid #f3972e}.users-block{overflow-x:auto;padding:16px;padding-bottom:10px!important;width:100%}.title-border-v2{margin:10px;width:300px;height:3px;background:linear-gradient(90deg,rgba(255,255,255,0) 0,#ef951e 20%,#ef951e 80%,rgba(255,255,255,0) 100%)}.user-ratting-wrapper{border:1px solid #f3962f;border-radius:15px;padding:15px 0;background:linear-gradient(111.16deg,rgba(243,150,47,.24) 9.09%,rgba(255,255,255,0) 74.81%)}.user-rating-section ::ng-deep.prev{margin-left:-50px;top:59%}.user-rating-section ::ng-deep.next{margin-right:-50px;top:59%}.user-rating-section ::ng-deep.dots-container{display:none!important}@media screen and (min-width:1024px){.user-rating-section .users-block{justify-content:center}}@media screen and (max-width:768px){.user-rating-section ::ng-deep.next{margin-right:-16px;top:59%}.user-rating-section .users-block{width:90%}.user-rating-section ::ng-deep.widget-card-content-new{margin:0 15px}.user-rating-section .user-ratting-wrapper{padding:15px 0}.user-rating-section ::ng-deep.dots-container{display:block!important}.user-rating-section ::ng-deep.banner-meta{bottom:-12px}}']}]}],t.ctorParameters=function(){return[{type:RatingService},{type:UserContentRatingLibService}]},t.propDecorators={providerId:[{type:core.Input}],formData:[{type:core.Input}],emptyResponse:[{type:core.Output}],scrollableItems:[{type:core.ViewChildren,args:[ScrollableItemDirective]}]},t}();var UserContentRatingLibModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[UserContentRatingLibComponent],imports:[common.CommonModule,material.MatIconModule,material.MatChipsModule,SkeletonLoaderLibModule,SlidersLibModule,CardsModule,AvatarPhotoLibModule,SlidersNgContentLibModule,ScrollableItemModule],exports:[UserContentRatingLibComponent],providers:[RatingService,UserContentRatingLibService],schemas:[core.CUSTOM_ELEMENTS_SCHEMA]}]}],t}(),MdoChannelV1Component=function(){function t(){}return t.prototype.ngOnInit=function(){},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-mdo-channel-v1",template:"<p>mdo-channel-v1 works!</p>\n",styles:[""]}]}],t.ctorParameters=function(){return[]},t}(),MdoChannelV2Component=function(){function t(t,e,n,a,i){var o=this;this.route=t,this.router=e,this.eventSvc=n,this.translate=a,this.langtranslations=i,this.sectionList=[],this.channnelName="",this.orgId="",this.selectedIndex=0,this.hideCompetencyBlock=!1,this.contentTabEmptyResponseCount=0,this.titles=[{title:"Learn",url:"/page/learn",icon:"school",disableTranslate:!1},{title:"MDO Channels",url:"/app/learn/mdo-channels/all-channels",icon:"",disableTranslate:!0}],this.showModal=!1,this.descriptionMaxLength=500,this.isTelemetryRaised=!1,this.route.snapshot.data&&this.route.snapshot.data.formData&&this.route.snapshot.data.formData.data&&this.route.snapshot.data.formData.data.result&&this.route.snapshot.data.formData.data.result.form&&this.route.snapshot.data.formData.data.result.form.data&&this.route.snapshot.data.formData.data.result.form.data.sectionList&&(this.sectionList=this.route.snapshot.data.formData.data.result.form.data.sectionList),this.langtranslations.languageSelectedObservable.subscribe((function(){if(localStorage.getItem("websiteLanguage")){o.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");o.translate.use(t)}}))}return t.prototype.onResize=function(){this.setWidth()},t.prototype.setWidth=function(){this.stripWidth=(window.innerWidth-1200+135)/2+"px"},t.prototype.ngOnInit=function(){var t=this;this.route.params.subscribe((function(e){t.channnelName=e.channel,t.orgId=e.orgId,t.titles.push({title:t.channnelName,icon:"",url:"none",disableTranslate:!0})})),this.setWidth()},t.prototype.tabClicked=function(t){this.raiseTelemetry(t.tab.textLabel+" tab")},t.prototype.hideContentStrip=function(t,e){t&&(e.contentStripData.hideSection=!0,this.contentTabEmptyResponseCount=this.contentTabEmptyResponseCount+1)},t.prototype.triggerOpenDialog=function(t){t&&(this.showModal=!0,document.body.style.overflow="hidden"),this.raiseTelemetry("btn open key annoucements")},t.prototype.onClose=function(){this.showModal=!1,document.body.style.overflow="auto",this.raiseTelemetry("btn close key annoucements")},t.prototype.raiseTelemetryInteratEvent=function(t){t&&t.viewMoreUrl&&this.raiseTelemetry(t.stripTitle+" "+t.viewMoreUrl.viewMoreText),this.isTelemetryRaised||!t||t.viewMoreUrl||(this.eventSvc.raiseInteractTelemetry({type:"click",subType:"mdo-channel",id:lodash.kebabCase(t.typeOfTelemetry.toLocaleLowerCase())+"-card"},{id:t.identifier,type:t.primaryCategory},{pageIdExt:lodash.kebabCase(t.primaryCategory.toLocaleLowerCase())+"-card",module:utilsV2.WsEvents.EnumTelemetrymodules.LEARN}),this.isTelemetryRaised=!0)},t.prototype.raiseCompetencyTelemetry=function(t){this.raiseTelemetry(t+" core expertise")},t.prototype.raiseTelemetry=function(t){this.eventSvc.raiseInteractTelemetry({type:"click",subType:"mdo-channel",id:""+lodash.kebabCase(t).toLocaleLowerCase()},{},{module:utilsV2.WsEvents.EnumTelemetrymodules.LEARN})},t.prototype.hideCompetency=function(t){t&&(this.hideCompetencyBlock=!0)},t.prototype.showAllContent=function(t,e){if(e&&e.contentStrip&&e.contentStrip.strips&&e.contentStrip.strips.length){var n=t,a=n.viewMoreUrl&&n.viewMoreUrl.queryParams&&n.viewMoreUrl.queryParams.tabSelected&&n.viewMoreUrl.queryParams.tabSelected||"";this.router.navigate(["/app/learn/mdo-channels/"+this.channnelName+"/"+this.orgId+"/all-content"],{queryParams:{tabSelected:a,key:e.sectionKey}})}},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-mdo-channel-v2",template:'<ws-widget-btn-page-back [widgetData]="{ url: \'home\', titles: titles }">\n</ws-widget-btn-page-back>\n\n<div class="container-fluid" id="section-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" [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="\'topLearners\'" [ngTemplateOutlet]="topLearners"\n                                        [ngTemplateOutletContext]="{data: column?.data}"></ng-container>\n                                    <ng-container *ngSwitchCase="\'mainContent\'" [ngTemplateOutlet]="mainContent"\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\n<ng-template #topSection let-data="data">\n    \x3c!-- top section desktop layout --\x3e\n    <div class="hidden md:block">\n        <div class="web-banner-background">\n            <div class="flex  items-center justify-center">\n                <div class="container">\n                    <div class="flex sticky-logo-square" [style.width]="stripWidth">\n                    </div>\n                    <div class="grid grid-cols-12 gap-4 padding-top-xxxl mb-10">\n                        <div class="col-span-12 md:col-span-6">\n                            <div class="flex-1 flex flex-col mr-4 ws-mat-black-text">\n                                <div class="">\n                                    <div class="flex items-center logo-square ">\n                                        <img alt="Application Logo" class="logo-img" [src]="data?.logo">\n                                    </div>\n                                    <h1  class=" txt-ellipsis-2 break-words pt-10"\n                                        [style.color]="data.titleColor">{{data.title || channnelName}}</h1>\n                                    <p class="mat-body-1" [style.color]="data.descriptionColor">\n                                        {{data?.description | slice:0:descriptionMaxLength}}\n                                        <span *ngIf="data?.description?.length > descriptionMaxLength">...</span>\n                                    </p>\n                                </div>\n                            </div>\n                        </div>\n                        <div class="col-span-12 md:col-span-6">\n                            <div class="slider slider-box" *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>\n                    </div>\n                </div>\n            </div>\n        </div>\n        \n    </div>\n    \x3c!-- top section m-site layout --\x3e\n    <div class="block md:hidden">\n        <div class="col-span-12">\n            <div class="slider slider-box" *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>\n        <div class="container px-4 flex flex-col mob-container">\n            <div class="mr-4 logo-box-container">\n                <div class="flex logo-box-square top mr-4">\n                    <img alt="Application Logo" class="logo-img" [src]="data?.logo">\n                </div>\n            </div>\n            <div class="w-full md:w-9/12 flex-1 flex flex-col">\n                <h1 class=" txt-ellipsis-2 break-words">{{data?.title || channnelName}}</h1>\n                <p class="mat-body-2">\n                    {{data?.description | slice:0:descriptionMaxLength}}\n                    <span *ngIf="data?.description?.length > descriptionMaxLength">...</span>\n                </p>\n            </div>\n        </div>\n    </div>\n    <div class="flex items-center justify-center">\n        <div class="container metrics-section" >\n            <div class="hidden md:block">\n                <div class="metrics"\n                    [ngStyle]="{\'background\': data?.metrics?.background}">\n                    <sb-uic-data-points\n                        [providerId]="orgId"\n                        [fetchDataFromApi]="true"\n                        [objectData]="data?.metrics?.data"\n                        [layoutType]="\'singleFlexeRow\'"\n                        [pageLayout]="\'mdo\'">\n                    </sb-uic-data-points>\n                </div>\n            </div>\n            <div class="block md:hidden  pt-14 px-4">\n                <div class="mob-metrics mob-metrics-sec">\n                    <sb-uic-data-points\n                        [providerId]="orgId"\n                        [fetchDataFromApi]="true"\n                        [objectData]="data?.metrics?.data"\n                        [layoutType]="\'singleRow\'"\n                        [pageLayout]="\'mdo\'">\n                    </sb-uic-data-points>\n                </div>\n                \n            </div>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #mainContent let-data="data">\n    <div class="flex items-center justify-center" [ngStyle]="{\'background\': data.background}">\n        <div class="container">\n            <div class="block md:hidden col-span-12 padding-left-m padding-right-m padding-top-m padding-bottom-m">\n                <sb-uic-cbp-plan\n                    [layoutType]="\'web\'"\n                    [mobileHeight]="false"\n                    [fetchDataFromApi]="true"\n                    [channelId]="orgId"\n                    [objectData]="data?.cbpPlanSection?.data">\n                </sb-uic-cbp-plan>\n            </div>\n            <div class="block md:hidden col-span-12 mt-6">\n                <sb-uic-announcements\n                    [layoutType]="\'mobile\'"\n                    (openDialog)="triggerOpenDialog($event)"\n                    [objectData]="data?.announcementSection?.data"\n                    [fetchDataFromApi]="false"\n                    [channelId]="orgId">\n                </sb-uic-announcements>\n                <div class="announcements-container" *ngIf="showModal">\n                    <div class="cursor-pointer close-share-dialog">\n                        <mat-icon (click)="onClose()" class="close-icon">close</mat-icon>\n                    </div>\n                    <div class="share-modal px-3 pt-8">\n                        <sb-uic-announcements\n                            [layoutType]="\'web\'"\n                            (openDialog)="triggerOpenDialog($event)"\n                            [objectData]="data?.announcementSection?.data"\n                            [mobileHeight]="true"\n                            [fetchDataFromApi]="true"\n                            [channelId]="orgId">\n                        </sb-uic-announcements>\n                    </div>\n                </div>\n            </div>\n            <div class="grid grid-cols-12 gap-4 padding-top-m mb-6">\n                <div class="col-span-12 md:col-span-{{data.tabSection.colspan}}">\n                    \x3c!-- Tabs Section --\x3e\n                    <mat-tab-group animationDuration="0ms" class="mat-tab-labels mytabs w-full "\n                        [selectedIndex]="selectedIndex" (selectedTabChange)="selectedIndex = $event.index; tabClicked($event)">\n                        <mat-tab label="Content" >\n                            <ng-template mat-tab-label i18n>\n                                Learn\n                            </ng-template>\n                            <ng-container *ngIf="data.tabSection.contentTab.length === contentTabEmptyResponseCount">\n                                <div class="flex justify-center w-full">\n                                    <div class="margin-xl text-center" >\n                                        <img src="/assets/common/error-pages/empty_search.svg" wsUtilsImageResponsive alt="No results"\n                                            class="margin-top-l margin-bottom-s">\n                                        <h2 class="mat-h2" i18n="search route no result">{{\'learnsearch.noResults\' | translate}}</h2>\n                                    </div>\n                                </div>\n                            </ng-container>\n                            <div class="padding-top-l ">\n                                <ng-container [ngTemplateOutlet]="columnSectionDisplay"\n                                    [ngTemplateOutletContext]="{data: data.tabSection.contentTab}"></ng-container>\n                            </div>\n                        </mat-tab>\n                        <mat-tab label="Core Areas">\n                            <ng-template mat-tab-label i18n>\n                                Competency\n                            </ng-template>\n                            <div>\n                                <ng-container [ngTemplateOutlet]="columnSectionDisplay"\n                                    [ngTemplateOutletContext]="{data: data.tabSection.coreAreasTab}"></ng-container>\n                            </div>\n                        </mat-tab>\n                    </mat-tab-group>\n                </div>\n                <div class="col-span-12 md:col-span-4">\n                    <div class="hidden md:block padding-top-xl padding-bottom-m"\n                        *ngIf="data?.cbpPlanSection?.data">\n                        <div class="pt-4">\n                            <sb-uic-cbp-plan\n                                [layoutType]="\'web\'"\n                                [mobileHeight]="false"\n                                [fetchDataFromApi]="true"\n                                [channelId]="orgId"\n                                [objectData]="data?.cbpPlanSection?.data">\n                            </sb-uic-cbp-plan>\n                        </div>                    \n                    </div>\n                    <div class="hidden md:block" \n                    *ngIf="data?.announcementSection?.data">\n                    <div class="pt-4">\n                        <sb-uic-announcements\n                            [layoutType]="\'web\'"\n                            [mobileHeight]="false"\n                            [fetchDataFromApi]="true"\n                            [channelId]="orgId"\n                            [objectData]="data?.announcementSection?.data">\n                        </sb-uic-announcements>\n                    </div>                    \n                </div>\n                </div>               \n            </div>\n        </div>\n    </div>\n</ng-template>\n\x3c!-- \n<ng-template #announcement let-data="data">\n    <div class="flex  items-center justify-center" [ngStyle]="{\'background\': data.background}">\n        <div class="w-full">\n            Announcement Section --\x3e\n            \x3c!-- <h1>Announcement</h1>\n        </div>\n    </div>\n</ng-template> --\x3e\n\n\n<ng-template #columnSectionDisplay  let-data="data">\n    <ng-container *ngIf="data?.length">\n        <ng-container *ngFor="let section of data">\n            <ng-container *ngIf="section?.enabled">\n                <section id="{{section?.key}}" class="w-full grid grid-cols-12 gap-4" [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="\'competency\'" [ngTemplateOutlet]="competency"\n                                [ngTemplateOutletContext]="{competency: column}"></ng-container>\n                                <ng-container *ngSwitchCase="\'contentRecommendedProgramStrip\'" [ngTemplateOutlet]="contentStripTemplate"\n                                [ngTemplateOutletContext]="{\n                                        data: {contentStrip: column?.data, sectionKey: section.key}\n                                        }"></ng-container>\n                                <ng-container *ngSwitchCase="\'contentRecommendedCoursesStrip\'" [ngTemplateOutlet]="contentStripTemplate"\n                                [ngTemplateOutletContext]="{\n                                        data: {contentStrip: column?.data, sectionKey: section.key}\n                                        }"></ng-container>\n                                <ng-container *ngSwitchCase="\'contentFeaturedStrip\'" [ngTemplateOutlet]="contentStripTemplate"\n                                [ngTemplateOutletContext]="{\n                                        data: {contentStrip: column?.data, sectionKey: section.key}\n                                        }"></ng-container>\n                                <ng-container *ngSwitchCase="\'contentcertificationsOfWeekStrip\'" [ngTemplateOutlet]="contentStripTemplate"\n                                [ngTemplateOutletContext]="{\n                                        data: {contentStrip: column?.data, sectionKey: section.key}\n                                        }"></ng-container>\n                            </ng-container>\n                        </div>\n                    </ng-container>\n                </section>\n            </ng-container>\n        </ng-container>\n    </ng-container>\n</ng-template>\n\n\n\x3c!-- Start Competencies --\x3e\n<ng-template #competency let-competency="competency">\n    <div class="padding-top-l padding-bottom-l relative"  [style.background]="competency?.background" *ngIf="!hideCompetencyBlock;else noData">\n        <div class="w-full container-balanced">\n            <p class="mat-body-1 pl-5 pr-4 md:pl-0 md:pr-0">This section shows the list of top competencies users in this MDO are learning, based on the courses they\'ve completed and enrolled in.</p>\n            <div class="pl-4 pr-4 md:pl-0 md:pr-0">\n                <sb-uic-competency-passbook-mdo\n                    [dynamicColor]="\'#999999\'"\n                    [dynamicAlignPills]="\'start\'"\n                    [cardDisplayCount]="2"\n                    (emptyResponse)="hideCompetency($event)"\n                    (temeletryResponse)="raiseCompetencyTelemetry($event)"\n                    [objectData]="competency"\n                    [providerId]="orgId"\n                    >\n                </sb-uic-competency-passbook-mdo>\n            </div>\n        </div>\n        \x3c!-- <img class="absolute comp-back-img" src="assets/icons/microsite/competency.svg" alt=""> --\x3e\n    </div>\n</ng-template>\n\x3c!-- End Competencies --\x3e\n{{contentTabEmptyResponseCount}}hiiii\n<ng-template #contentStripTemplate let-data="data">\n    <ng-container *ngIf="!data?.contentStrip?.hideSection">\n        <div class="flex mb-8">\n            <div class="w-full">\n                <sb-uic-content-strip-with-tabs\n                    [emitViewAll]="true"\n                    (viewAllResponse)="showAllContent($event, data)"\n                    (telemtryResponse)="raiseTelemetryInteratEvent($event)"\n                    (emptyResponse)="hideContentStrip($event, data)"\n                    [providerId]="orgId"\n                    [widgetData]="data?.contentStrip"\n                    [channnelName]="channnelName"\n                    >\n                </sb-uic-content-strip-with-tabs>\n            </div>\n        </div>\n    </ng-container>\n</ng-template>\n\n<ng-template #noData>\n        <div class="flex justify-center w-full">\n            <div class="margin-xl text-center" >\n                <img src="/assets/common/error-pages/empty_search.svg" wsUtilsImageResponsive alt="No results"\n                    class="margin-top-l margin-bottom-s">\n                <h2 class="mat-h2" i18n="search route no result">{{\'learnsearch.noResults\' | translate}}</h2>\n            </div>\n        </div>\n</ng-template>\n\n<ng-template #topLearners let-data="data">\n    <div class="flex items-center justify-center">\n        <div class="container top-learners margin-bottom-l margin-top-l">\n            <sb-uic-top-learners\n                [objectData]="data"\n                [channnelName]="channnelName"\n                [channelId]="orgId">\n            </sb-uic-top-learners>\n        </div>\n    </div>\n</ng-template>',styles:[".container-balanced{max-width:1202px;margin-left:auto!important;margin-right:auto!important}.container{max-width:1200px}.padding-top-xxxl{padding-top:47px}.banner-container{align-items:center;background:#eee;padding:16px;gap:2.5rem;justify-content:center}.web-banner-background{background-image:url(/assets/icons/microsite/MDO-channel-banner.png);background-size:cover;min-height:464px}.mob-container{background-image:url(/assets/icons/microsite/MDOChannel_RightGraphic.svg);background-position:right;background-repeat:no-repeat}.sticky-logo-square{position:absolute;top:215px;justify-content:end;border-bottom-right-radius:12px;border-top-right-radius:12px;background:#fff;display:flex;padding:10px;justify-content:end;height:53px;left:0}.logo-square{width:112px;max-height:73px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.logo-box-container{width:157px;position:relative;height:64px}.logo-box-square{height:99px;width:157px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px 0 rgba(0,0,0,.06)}.logo-box-square .logo-img{max-width:122px}.logo-box-square.top{position:absolute;top:-54px}.logo-img{-o-object-fit:contain;object-fit:contain;max-height:52px;height:96px;z-index:10}.metrics{border:3px solid #fff;border-radius:10px;align-items:center}.mob-metrics{overflow:auto}.metrics-section{margin-top:-30px}.empty-div{height:15px}.mob-metrics-sec{padding-top:1rem}.announcements-container{position:fixed;height:calc(100vh - 67px);background:rgba(19,19,19,.6392156863);width:100vw;top:0;left:0;z-index:1000}.close-announcements-dialog{position:absolute;right:30px;top:30px}.close-icon{color:#fff;border-radius:15px;float:right;position:absolute;top:15px;right:15px}@media screen and (max-width:768px){::ng-deep.recommendedProgram .mat-tab-header{padding-left:20px}::ng-deep.featuredCourses .mat-tab-header{padding-left:20px}.metrics-section{margin-top:0}.top-learners{padding-left:30px}}::ng-deep .mytabs .mat-tab-label.mat-tab-label-active.cdk-keyboard-focused:not(.mat-tab-disabled),::ng-deep .mytabs .mat-tab-label.mat-tab-label-active:not(.mat-tab-disabled){font-weight:700;color:#000;opacity:1}"]}]}],t.ctorParameters=function(){return[{type:router.ActivatedRoute},{type:router.Router},{type:utilsV2.EventService},{type:core$1.TranslateService},{type:utilsV2.MultilingualTranslationsService}]},t.propDecorators={sectionList:[{type:core.Input}],onResize:[{type:core.HostListener,args:["window:resize"]}]},t}();var ɵ0$8=HttpLoaderFactory,MDOChannelModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[MdoChannelV1Component,MdoChannelV2Component],imports:[common.CommonModule,material.MatIconModule,material.MatChipsModule,SkeletonLoaderLibModule,AnnouncementsModule,TopLearnersModule,CbpPlanModule,CardsModule,CommonStripModule,CompetencyPassbookModule,CompetencyPassbookMdoModule,ContentStripWithTabsLibModule,DataPointsModule,SlidersLibModule,material.MatTabsModule,core$1.TranslateModule.forRoot({loader:{provide:core$1.TranslateLoader,useFactory:ɵ0$8,deps:[http.HttpClient]}})],exports:[MdoChannelV1Component,MdoChannelV2Component],providers:[CommonMethodsService],schemas:[core.CUSTOM_ELEMENTS_SCHEMA]}]}],t}(),ProvidersV2Component=function(){function t(t,e,n,a){this.route=t,this.router=e,this.datePipe=n,this.events=a,this.sectionList=[],this.providerName="",this.providerId="",this.hideCompetencyBlock=!1,this.titles=[{title:"Learn",url:"/page/learn",icon:"school",disableTranslate:!1},{title:"All Providers",url:"/app/learn/browse-by/provider/all-providers",icon:"",disableTranslate:!0}],this.descriptionMaxLength=500,this.isTelemetryRaised=!1}return t.prototype.ngOnInit=function(){var t=this;this.route.snapshot.data&&this.route.snapshot.data.formData&&this.route.snapshot.data.formData.data&&this.route.snapshot.data.formData.data.result&&this.route.snapshot.data.formData.data.result.form&&this.route.snapshot.data.formData.data.result.form.data&&this.route.snapshot.data.formData.data.result.form.data.sectionList&&(this.sectionList=this.route.snapshot.data.formData.data.result.form.data.sectionList),this.route.params.subscribe((function(e){t.providerName=e.provider,t.providerId=e.orgId,t.titles.push({title:t.providerName,icon:"",url:"none",disableTranslate:!0})})),this.getNavitems(),this.currentMonthAndYear=this.datePipe.transform(new Date,"MMMM y")},t.prototype.getNavitems=function(){this.navList=this.sectionList.filter((function(t){return t.enabled&&t.navigation&&t.navOrder})).sort((function(t,e){return t.navOrder-e.navOrder}))},t.prototype.scrollToSection=function(t){var e;(e=document.getElementById(t))&&window.scrollTo({top:e.offsetTop-121,behavior:"smooth"})},t.prototype.hideCompetency=function(t,e){t&&(this.hideCompetencyBlock=!0,e.navigation=!1,e.enabled=!1,this.navList.forEach((function(t){t.column.forEach((function(n){n.key===e.key&&(t.navigation=!1)}))})))},t.prototype.hideContentStrip=function(t,e){t&&(e.contentStrip.hideSection=!0)},t.prototype.hideLearnerReview=function(t,e){t&&(e.hideSection=!0)},t.prototype.showAllContent=function(t,e){if(e&&e.contentStrip&&e.contentStrip.strips&&e.contentStrip.strips.length){var n=t,a=n.viewMoreUrl&&n.viewMoreUrl.queryParams&&n.viewMoreUrl.queryParams.tabSelected&&n.viewMoreUrl.queryParams.tabSelected||"";this.router.navigate(["/app/learn/browse-by/provider/"+this.providerName+"/"+this.providerId+"/all-content"],{queryParams:{pageDetails:!0,tabSelected:a,key:e.sectionKey}})}else this.router.navigate(["/app/learn/browse-by/provider/"+this.providerName+"/"+this.providerId+"/all-CBP"],{queryParams:{pageDetails:!0}})},t.prototype.raiseTelemetryInteratEvent=function(t){t&&t.viewMoreUrl&&this.raiseTelemetry(t.stripTitle+" "+t.viewMoreUrl.viewMoreText),this.isTelemetryRaised||!t||t.viewMoreUrl||(this.events.raiseInteractTelemetry({type:"click",subType:"ATI/CTI",id:lodash.kebabCase(t.typeOfTelemetry.toLocaleLowerCase())+"-card"},{id:t.identifier,type:t.primaryCategory},{pageIdExt:lodash.kebabCase(t.primaryCategory.toLocaleLowerCase())+"-card",module:utilsV2.WsEvents.EnumTelemetrymodules.LEARN}),this.isTelemetryRaised=!0)},t.prototype.raiseCompetencyTelemetry=function(t){this.raiseTelemetry(t+" core expertise")},t.prototype.raiseTelemetry=function(t){this.events.raiseInteractTelemetry({type:"click",subType:"ATI/CTI",id:""+lodash.kebabCase(t).toLocaleLowerCase()},{},{module:utilsV2.WsEvents.EnumTelemetrymodules.LEARN})},t.prototype.raiseNavTelemetry=function(t){this.events.raiseInteractTelemetry({type:"click",subType:"ATI/CTI",id:lodash.kebabCase(t).toLocaleLowerCase()+"-navigation"},{},{module:utilsV2.WsEvents.EnumTelemetrymodules.LEARN})},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-providers-v2",template:'<ws-widget-btn-page-back [widgetData]="{ url: \'home\', titles: titles }">\n</ws-widget-btn-page-back>\n<div class="container-fluid" id="section-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">\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="\'trainingCalendar\'" [ngTemplateOutlet]="trainingCalendar"\n                                        [ngTemplateOutletContext]="{trainingCalendar: column.data}"></ng-container>\n                                    <ng-container *ngSwitchCase="\'contributors\'" [ngTemplateOutlet]="contributors"\n                                        [ngTemplateOutletContext]="{data: column?.data}"></ng-container>\n                                    <ng-container *ngSwitchCase="\'infra\'" [ngTemplateOutlet]="infra"\n                                        [ngTemplateOutletContext]="{infra: column?.data}"></ng-container>\n                                    <ng-container *ngSwitchCase="\'contentFeaturedStrip\'" [ngTemplateOutlet]="contentStripTemplate"\n                                        [ngTemplateOutletContext]="{\n                                        data: {contentStrip: column?.data, sectionKey: section.key}\n                                        }"></ng-container>\n                                    <ng-container *ngSwitchCase="\'contentTopStrip\'" [ngTemplateOutlet]="contentStripTemplate"\n                                        [ngTemplateOutletContext]="{\n                                        data: {contentStrip: column?.data, sectionKey: section.key}\n                                        }"></ng-container> \n                                    <ng-container *ngSwitchCase="\'competency\'" [ngTemplateOutlet]="competency"\n                                        [ngTemplateOutletContext]="{competency: column}"></ng-container>   \n                                        <ng-container *ngSwitchCase="\'learnerReview\'" [ngTemplateOutlet]="learnerReviewBlock"\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<div class="container-fluid" *ngIf="navList?.length">\n    <div class="flex sticky-navigator gap-4">\n        <mat-icon class="nav-up-arrow cursor-pointer" (click)="scrollToSection(\'section-micro-sites\')">arrow_upwards</mat-icon>\n        <ng-container *ngFor="let section of navList">\n            <ng-container *ngIf="section.navigation">\n                <div class="nav-button" (click)="scrollToSection(section?.key); raiseNavTelemetry(section?.title)">{{section?.title}}</div>\n            </ng-container>\n        </ng-container>\n    </div>\n</div>\n\n<ng-template #topSection let-data="data">\n    \x3c!-- <div class="w-full grid grid-cols-12 gap-4"> --\x3e\n        <div class="col-span-12 ">\n            <div class="grid grid-cols-12 auto-rows-max">\n                \n                <div class="col-span-3 custombgsection">\n                    <div class="hidden md:block py-5 h-full ">\n                        <sb-uic-data-points  [providerId]="providerId" [fetchDataFromApi]="true" [objectData]="data?.metrics?.data" [layoutType]="\'multipleRows-V2\'"></sb-uic-data-points>\n                    </div>\n                </div>\n                <div class="col-span-12 md:col-span-9">\n                    <div class="slider h-full" *ngIf="data?.sliderData?.sliders">\n                        <sb-uic-sliders [title]="providerName" [widgetData]="data?.sliderData?.sliders" [styleData]="data?.sliderData?.styleData" [type]="\'atictitop\'"></sb-uic-sliders>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class="col-span-12 title-section px-5 md:py-5 mob-container">\n            <div class="container flex flex-col md:flex-row">\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?.logo">\n                    </div>\n                </div>\n                <div class="w-full md:w-9/12 flex-1 flex flex-col">\n                    <h1 class=" txt-ellipsis-2 break-words">{{data?.title || providerName}}</h1>\n                    <p>{{data?.description | slice:0:descriptionMaxLength}}\n                        <span *ngIf="data?.description?.length > descriptionMaxLength">...</span>\n                    </p>\n                    <div class="block md:hidden overflow-y-auto mb-3">\n                        <sb-uic-data-points [providerId]="providerId" [fetchDataFromApi]="true"  [objectData]="data?.metrics?.data" [layoutType]="\'singleRow-v2\'"></sb-uic-data-points>\n                    </div>\n                    <button\n                        (click)="raiseTelemetry(data?.contentButton?.title)"\n                        [routerLink]="[data?.contentButton?.redirectUrl, providerName, providerId, \'all-CBP\']"\n                        [queryParams]="{pageDetails: true}" mat-button type="button"\n                        class="view-btn margin-left-xs margin-right-xs small-button blue-border flex-auto-display">\n                        <span class="mat-heading-1 bold ws-mat-default-text" i18n>\n                            {{data?.contentButton?.title}}\n                        </span>\n                    </button>\n                </div>\n            </div>\n        </div>\n    \x3c!-- </div> --\x3e\n</ng-template>\n\n<ng-template #contentStripTemplate let-data="data">\n    <ng-container *ngIf="!data?.contentStrip?.hideSection">\n        <div class="flex justify-center relative">\n            <img class="absolute {{data?.contentStrip?.sectionImagePosition}}" src="{{data?.contentStrip?.sectionImage}}" alt="">\n            <div class="container ">\n                <div class="w-full">\n                    <sb-uic-content-strip-with-tabs\n                        [emitViewAll]="true"\n                        (viewAllResponse)="showAllContent($event,data)"\n                        (emptyResponse)="hideContentStrip($event, data)"\n                        (telemtryResponse)="raiseTelemetryInteratEvent($event)"\n                        [providerId]="providerId"\n                        [widgetData]="data?.contentStrip">\n                    </sb-uic-content-strip-with-tabs>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n</ng-template>\n\n<ng-template #contributors  let-data="data">\n    <div class="contributors-background px-5 py-5" [style.background]="data?.background">\n        <div class="container">\n            <div class="grid grid-cols-12 gap-4 padding-top-l mb-6">\n                <div class="col-span-12 md:col-span-3 contributor-desc">\n                    <div class="infra-box flex flex-col">\n                        <div class="infra-title-v2 hidden md:block">\n                            {{data.detaulTitle}}<span class="infra-title2-v2">{{data.defaultTitle1}}</span>\n                        </div>\n                        <div class="infra-title-v2 hidden md:block">\n                            {{data.myTitle}}<span class="infra-title2-v2">{{data.myTitle1}}</span>\n                        </div>\n                        <div class="block md:hidden">\n                            <span class="infra-title-v2">{{data.detaulTitle}}</span>\n                            <span class="infra-title2-v2">{{data.defaultTitle1}}</span>\n                            <span class="infra-title-v2"> {{data.myTitle}}</span>\n                            <span class="infra-title2-v2">{{data.myTitle1}}</span>\n                        </div>\n                        <div class="infra-description padding-top-s">\n                            {{data.description}}\n                        </div>\n                    </div>\n                </div>\n                <div class="col-span-12 md:col-span-9">\n                    <sb-uic-common-strip [widgetData]="data"></sb-uic-common-strip>\n                </div>\n            </div>\n            <div class="w-full section-divider pt-6">\n            </div>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #infra let-infra="infra">\n    <div class="infra-background px-5" [style.background]="infra?.background">\n        <div class="container">\n            <div class="grid grid-cols-12 gap-4 infra-sec margin-bottom-xl">\n                <div class="col-span-12 md:col-span-4 infra-sec-desc margin-bottom-xl">\n                    <div class="infra-box flex flex-col">\n                        <div class="infra-title2 hidden md:block">\n                            {{infra?.detaulTitle}}\n                        </div>\n                        <div class="block md:hidden">\n                            <span class="infra-title2">{{infra?.detaulTitle}}</span>\n                        </div>\n                        <div class="infra-description padding-top-s">\n                            {{infra?.description}}\n                        </div>\n                    </div>\n                </div>\n                <div class="col-span-12 md:col-span-8 margin-bottom-xl">\n                    <sb-uic-data-points [objectData]="infra" [layoutType]="\'gridLayout\'"></sb-uic-data-points>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class="infra-background slider-background" [style.background]="infra?.background">\n    </div>\n    <div class="slider-background1 mb-8">\n        <div class="container-balanced w-full slider-background-2">\n            <div class="info-slider">\n                <sb-uic-sliders class="infobanner" [widgetData]="infra?.sliderData?.sliders" [styleData]="infra?.sliderData?.styleData"></sb-uic-sliders>\n            </div>\n        </div>\n    </div>\n</ng-template>\n\n\x3c!-- Start Competencies --\x3e\n<ng-template #competency let-competency="competency">\n    <div class="padding-top-l padding-bottom-l relative"  [style.background]="competency?.background" *ngIf="!hideCompetencyBlock">\n        <div class="w-full container-balanced">\n            <div class="pl-4 pr-4 md:pl-0 md:pr-0">\n                <sb-uic-competency-passbook\n                    (emptyResponse)="hideCompetency($event, competency)"\n                    (temeletryResponse)="raiseCompetencyTelemetry($event)"\n                    [objectData]="competency"\n                    [providerId]="providerId">\n                </sb-uic-competency-passbook>\n            </div>\n        </div>\n        <img class="absolute comp-back-img" src="assets/icons/microsite/competency.svg" alt="">\n    </div>\n</ng-template>\n\x3c!-- End Competencies --\x3e\n\n<ng-template #trainingCalendar let-trainingCalendar="trainingCalendar">\n    <div class="hidden md:block">\n        <div class="col-span-12 px-8 py-8" [style.background]="trainingCalendar?.background">\n            <div class="container-balanced flex flex-col">\n                <div class="col-span-12 mat-subheading-1 margin-remove">{{trainingCalendar?.title}}:  {{currentMonthAndYear}}</div>\n                <sb-uic-calender\n                    [objectData]="trainingCalendar"\n                    [fetchDataFromApi]="true"\n                    [layoutType]="\'grid\'"\n                    [defaultDays]="trainingCalendar?.defaultDays"\n                    [providerId]="providerId">\n                </sb-uic-calender>\n            </div>\n            <div class="flex item-center justify-center">\n                <button mat-button type="button"\n                    (click)="raiseTelemetry(trainingCalendar?.contentButton?.title)"\n                    [routerLink]="[trainingCalendar?.contentButton?.redirectUrl, providerName, providerId, \'training-calendar\']"\n                    class="view-btn margin-left-xs margin-right-xs small-button blue-border flex-auto-display">\n                    <span class="mat-heading-1 bold ws-mat-default-text" i18n>\n                        {{trainingCalendar?.contentButton?.title}}\n                    </span>\n                </button>\n            </div>\n        </div>\n    </div>\n    <div class="block md:hidden">\n        <div class="col-span-12 px-5 py-3 mob-header">{{trainingCalendar?.title}}:  {{currentMonthAndYear}}</div>\n        <div class="col-span-12">\n            <sb-uic-calender\n                [objectData]="trainingCalendar"\n                [fetchDataFromApi]="true"\n                [layoutType]="\'row\'"\n                [defaultDays]="trainingCalendar?.defaultDays"\n                [providerId]="providerId">\n            </sb-uic-calender>\n        </div>\n        <div class="col-span-12 flex item-center justify-center">\n            <button mat-button type="button"\n                (click)="raiseTelemetry(trainingCalendar?.contentButton?.title)"\n                [routerLink]="[trainingCalendar?.contentButton?.redirectUrl, providerName, providerId, \'training-calendar\']"\n                class="view-btn margin-left-xs margin-right-xs small-button blue-border flex-auto-display">\n                <span class="mat-heading-1 bold ws-mat-default-text" i18n>\n                    {{trainingCalendar?.contentButton?.title}}\n                </span>\n            </button>\n        </div>\n    </div>\n</ng-template>\n<ng-template #learnerReviewBlock  let-data="data">\n    <div class="contributors-background px-5 py-5" [style.background]="data?.background" *ngIf="!data?.hideSection">\n        <div class="container">\n            <div class="grid grid-cols-12 gap-4 padding-top-l mb-6">\n                <div class="col-span-12 md:col-span-4 contributor-desc">\n                    <div class="infra-box-review flex flex-col">\n                        <div class="learner-title hidden md:block">\n                            {{data?.detaulTitle}}\n                        </div>\n                        <div class="infra-title2 hidden md:block">\n                            {{data?.myTitle}}\n                        </div>\n                        <div class="block md:hidden">\n                            <span class="learner-title">{{data?.detaulTitle}}</span> <span class="infra-title2"> {{data?.myTitle}}</span>\n                        </div>  \n                    </div> \n                </div>\n                <div class="col-span-12 md:col-span-8">\n                    <sb-uic-user-content-rating (emptyResponse)="hideLearnerReview($event, data)"  [formData]="data" [providerId]="providerId"></sb-uic-user-content-rating>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-template>\n',styles:[".container-balanced{max-width:1202px;margin-left:auto!important;margin-right:auto!important}.container{max-width:1200px}.section-divider{border-bottom:1px solid rgba(0,0,0,.16)}.banner-container{align-items:center;background:#eee;padding:16px;gap:2.5rem;justify-content:center}.logo-box{vertical-align:middle;max-width:250px;background:#f5fdf1;padding:8px;border:1px solid rgba(0,0,0,.5)}.title-section{position:relative;display:flex;justify-content:center;background-color:#fff}.logo-box-container{width:180px;position:relative}@media only screen and (max-width:599px){.logo-box-container{width:112px;height:72px}}.view-btn{width:160px;background:#fff;padding:0 16px;border-radius:49px;border:1px solid #1b4ca9;font-weight:700!important;font-size:14px;margin-top:4px;margin-bottom:4px;line-height:36px;cursor:pointer}.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)}.logo-box-rounded .logo-img{max-width:122px}@media only screen and (max-width:599px){.view-btn{margin-top:12px;margin-bottom:16px}.logo-box-rounded{width:112px;height:112px}.logo-box-rounded .logo-img{max-width:84px}}.slider-box{max-width:30%}.stats-container{justify-content:space-around;display:flex;flex-wrap:wrap}.stats-item{display:flex;align-items:center;flex-wrap:nowrap;padding:8px 16px;margin-bottom:16px}.banner-metrics{background:linear-gradient(180deg,#f9cb97 -107.59%,#ef951e 110.74%)}.infra-sec-desc{padding-top:32px}.contributors-background,.infra-background{align-items:center;justify-content:center;display:flex}.contributor-desc{align-items:center;display:inline-flex;margin-top:-24px}.infra-box{width:256px}.infra-box-review{width:100%}.infra-title-v2{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:left;color:#fff}.infra-title2-v2{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:left;color:#ef951e}.infra-title{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:left;color:#fff}.infra-title2{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:left;color:#ef951e}.infra-description{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.overlay{position:absolute;top:-20px}.slider-background{height:160px}.slider-background1{height:195px}.slider-background-2{position:relative}.info-slider{position:absolute;top:-12em;left:50%;transform:translateX(-50%)}.sticky-navigator{padding:15px 5px;background-color:#fdead5;align-items:center;overflow:auto;position:fixed;left:0;bottom:0;width:100%;z-index:1002;justify-content:center}.nav-button{padding:12px 16px;border-radius:40px;border:1px solid #000;text-align:center;font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;cursor:pointer;min-width:140px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nav-up-arrow{height:28px}.img-left{left:0}.img-right{right:0;z-index:-1}.learner-title{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:left;color:#000}@media screen and (max-width:1201px){.img-left,.img-right{display:none}}@media screen and (max-width:767px){.infra-sec{padding:0}.infra-box,.infra-box-review{width:99%;height:auto}.infra-sec-desc{padding-top:0}.mob-container{background-image:url(/assets/icons/microsite/MDOChannel_RightGraphic.svg);background-position:bottom 0 right 0;background-repeat:no-repeat}.infra-title,.infra-title-v2,.infra-title2,.infra-title2-v2{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.slider-background,.slider-background1{height:150px}.info-slider{position:absolute;top:-155px;width:94%}.sticky-navigator{align-items:center;justify-content:left;bottom:63px}.logo-box-rounded.top{position:absolute;top:-50px}.learner-title{font-size:16px}}.competencies-backgroud{background-color:#1b2133}.txt-ellipsis-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.comp-back-img{bottom:0;left:0;right:0;margin-left:auto;margin-right:auto;width:50%;z-index:-1;filter:brightness(100)}.mob-header{font-family:Lato;font-size:16px;font-weight:600}.custombgsection{background:url(/assets/icons/microsite/side_banner.png) 0 0/contain round;width:100%;z-index:99}@media screen and (max-width:768px){::ng-deep.featuredContents .mat-tab-header{padding-left:20px}::ng-deep.topContents .mat-tab-header{padding-left:20px}}@media screen and (min-width:1014px){.info-slider{width:1014px!important}}@media screen and (min-width:1280px){.infobanner.banner-container{width:1014px!important}}@media screen and (min-width:1234px){.custombgsection{background-size:cover}}"]}]}],t.ctorParameters=function(){return[{type:router.ActivatedRoute},{type:router.Router},{type:common.DatePipe},{type:utilsV2.EventService}]},t.propDecorators={sectionList:[{type:core.Input}]},t}();var ɵ0$9=HttpLoaderFactory,ProvidersModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[ProvidersV2Component],imports:[common.CommonModule,material.MatIconModule,router.RouterModule,material.MatChipsModule,SkeletonLoaderLibModule,CalenderModule,CardsModule,CommonStripModule,CompetencyPassbookModule,UserContentRatingLibModule,ContentStripWithTabsLibModule,DataPointsModule,SlidersLibModule,material.MatTabsModule,core$1.TranslateModule.forRoot({loader:{provide:core$1.TranslateLoader,useFactory:ɵ0$9,deps:[http.HttpClient]}})],exports:[ProvidersV2Component],providers:[CommonMethodsService],schemas:[core.CUSTOM_ELEMENTS_SCHEMA]}]}],t}(),NationalLearningComponent=function(){function t(t,e){this.router=t,this.events=e,this.sectionList=[],this.providerId="123456789",this.descriptionMaxLength=500}return t.prototype.ngOnInit=function(){},t.prototype.hideKeyHightlight=function(t,e){t&&(e.hideSection=!0)},t.prototype.showAllContent=function(t,e){if(e&&e.contentStrip&&e.contentStrip.strips&&e.contentStrip.strips.length){var n=t,a=n.viewMoreUrl&&n.viewMoreUrl.queryParams&&n.viewMoreUrl.queryParams.tabSelected&&n.viewMoreUrl.queryParams.tabSelected||"";this.router.navigate(["app/learn/national-learning-week/see-all"],{queryParams:{pageDetails:!0,tabSelected:a,key:e.sectionKey}})}else this.router.navigate(["/app/learn/browse-by/provider/"+this.providerName+"/"+this.providerId+"/all-CBP"],{queryParams:{pageDetails:!0}})},t.prototype.hideContentStrip=function(t,e){t&&(e.contentStrip.hideSection=!0)},t.prototype.raiseTabClick=function(t){this.events.raiseInteractTelemetry({type:"click",subType:"mdo-leaderboard",id:t+"-tab"},{},{module:"National Learning Week"})},t.prototype.raiseTelemetryInteratEvent=function(t){this.events.raiseInteractTelemetry({type:"click",subType:"mandatory-courses",id:"mandatory-courses-card"},{id:t.identifier,type:t.primaryCategory},{pageIdExt:"mandatory-courses-card",module:"National Learning Week"})},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-national-learning",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" [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    \x3c!-- top section desktop layout --\x3e\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                        </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',styles:["::ng-deep.mat-app-background{background-color:#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}}"]}]}],t.ctorParameters=function(){return[{type:router.Router},{type:utilsV2.EventService}]},t.propDecorators={sectionList:[{type:core.Input}],configDetails:[{type:core.Input}],nwlConfiguration:[{type:core.Input}]},t}();var KeyHighlightsComponent=function(){function t(){this.currentIndex=0,this.providerId="",this.formData="",this.emptyResponse=new core.EventEmitter,this.titleMaxLength=100,this.styleData={},this.contentdata=[]}return t.prototype.ngOnInit=function(){this.styleData=this.formData&&this.formData.sliderData&&this.formData.sliderData.styleData,this.contentdata=this.formData&&this.formData.content?this.formData.content:[]},t.prototype.getCurrentIndex=function(t){this.currentIndex=t},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-key-highlights",template:'<ng-container *ngIf="contentdata?.length && mode === \'desktop\'">\n    <div class="key-highlighs-container">\n        <sb-uic-sliders-ng-content\n            [title]="\'providerName\'"\n            [autoScroll]="true"\n            [currentIndex]="currentIndex" \n            (currentIndexValue)="getCurrentIndex($event)"\n            [loadNgContentData]="true"\n            [customBanner]="true"\n            [widgetData]="contentdata" [styleData]="styleData">\n            <div sliderbody>\n                <div *ngFor="let content of contentdata; let i = index" [hidden]="i !== currentIndex">\n                    <div class="flex flex-row key-wrapper items-center justify-center">\n                        <div class="kh-description">\n                            {{content?.title | slice:0:titleMaxLength}}\n                            <span *ngIf="content?.title?.length > titleMaxLength">...</span>\n                        </div>\n                    </div>\n                </div>\n            </div>                    \n        </sb-uic-sliders-ng-content>\n    </div>\n</ng-container>\n\n<ng-container *ngIf="contentdata?.length && mode === \'mobile\'">\n    <div class="p-5">\n        <div class="mob-key-highlighs-container">\n            <sb-uic-sliders-ng-content\n                [title]="\'providerName\'"\n                [autoScroll]="true"\n                [currentIndex]="currentIndex" \n                (currentIndexValue)="getCurrentIndex($event)"\n                [loadNgContentData]="true"\n                [customBanner]="true"\n                [widgetData]="contentdata" [styleData]="styleData">\n                <div sliderbody>\n                    <div *ngFor="let content of contentdata; let i = index" [hidden]="i !== currentIndex">\n                        <div class="flex flex-row mkey-wrapper items-center justify-center">\n                            <div class="mkh-description">\n                                {{content?.title | slice:0:titleMaxLength }}\n                                <span *ngIf="content?.title?.length > titleMaxLength">...</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </sb-uic-sliders-ng-content>\n        </div>\n    </div>\n</ng-container>',styles:[".kh-description{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:center;padding:0 10px}.key-wrapper{background-color:#eaf1f8;padding:25px 16px;border-radius:50px}.mkey-wrapper{background-color:#eaf1f8;padding:16px;border-radius:50px}.mkh-description{font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;padding:0 30px}"]}]}],t.ctorParameters=function(){return[]},t.propDecorators={providerId:[{type:core.Input}],formData:[{type:core.Input}],mode:[{type:core.Input}],emptyResponse:[{type:core.Output}],scrollableItems:[{type:core.ViewChildren,args:[ScrollableItemDirective]}]},t}();var KeyHighlightsModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[KeyHighlightsComponent],imports:[common.CommonModule,material.MatIconModule,SlidersNgContentLibModule,ScrollableItemModule],exports:[KeyHighlightsComponent],schemas:[core.CUSTOM_ELEMENTS_SCHEMA]}]}],t}(),moment$2=moment$4,EventsComponent=function(){function t(t){this.insightSvc=t,this.daysBetween=[],this.events=[],this.loader=!1}return t.prototype.ngOnInit=function(){this.requestBody={locale:["en"],query:"",request:{query:"",filters:{status:["Live"],contentType:"Event",category:"Event",startDate:{">=":"","<":""}},sort_by:{startDate:"desc"}}},this.getEventsList()},t.prototype.getDaysBetweenDates=function(){for(var t=moment$2(this.nwlEventsConfig.startDate,"DD-MM-YYYY"),e=moment$2(this.nwlEventsConfig.endDate,"DD-MM-YYYY");t.isSameOrBefore(e);){var n={};n.startDate=t.format("YYYY-MM-DD"),n.diplayFormat=t.format("MMM DD, YYYY"),t.isSame(moment$2(),"day")&&(this.currentDay=t.format("YYYY-MM-DD")),t.add(1,"days").format("YYYY-MM-DD"),this.daysBetween.push(n)}console.log("currentDay ",this.currentDay)},t.prototype.getEvents=function(t){var e=this;this.currentDay=t.target.value;var n=moment$2(t.target.value,"YYYY-MM-DD");n.add(1,"days"),this.requestBody.request.filters.startDate[">="]=this.currentDay,this.requestBody.request.filters.startDate["<"]=n.format("YYYY-MM-DD"),this.loader=!0,this.insightSvc.fetchTrainingDetails(this.requestBody).subscribe((function(t){e.events=[],t&&t.result&&t.result.count>0?(e.events=t.result.Event,e.loader=!1):e.loader=!1}),(function(t){e.loader=!1}))},t.prototype.getEventsList=function(){var t=this;this.getDaysBetweenDates();var e=moment$2(this.currentDay,"YYYY-MM-DD");e.add(1,"days"),this.requestBody.request.filters.startDate[">="]=this.currentDay,this.requestBody.request.filters.startDate["<"]=e.format("YYYY-MM-DD"),this.loader=!0,this.insightSvc.fetchTrainingDetails(this.requestBody).subscribe((function(e){t.events=[],e&&e.result&&e.result.count>0?(t.events=e.result.Event,t.loader=!1):t.loader=!1}),(function(e){t.loader=!1}))},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-events",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>',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:"▼";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}']}]}],t.ctorParameters=function(){return[{type:InsiteDataService}]},t.propDecorators={object:[{type:core.Input}],nwlEventsConfig:[{type:core.Input}]},t}();var moment$3=moment$4,EventCardComponent=function(){function t(t,e){this.router=e,this.descriptionMaxLength=50,this.environment=t}return t.prototype.getEventDate=function(t){var e=t.startTime.split(":");return moment$3(t.startDate).format("MMM DD, YYYY")+" "+e[0]+":"+e[1]},t.prototype.getPublicUrl=function(t){var e=t.split("/content").pop()||"";return this.environment.contentHost+"/"+this.environment.contentBucket+"/content"+e},t.prototype.redirectTo=function(t){this.router.navigate(["/app/event-hub/home/",t.identifier])},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-event-card",template:'<div class="events-card margin-bottom-m cursor-pointer" *ngIf="!loader" (click)="redirectTo(eventDetails)">\n    <div class="flex gap-4">\n        <div class="event-poster">\n            <img class=\'poster\' [src]="eventDetails.appIcon ? getPublicUrl(eventDetails.appIcon) : objectData?.defaultImage" alt="" />\n        </div>\n        <div class="flex flex-col">\n            <div class="flex">\n                <div class="flex event-label">{{eventDetails?.resourceType}}</div>\n            </div>\n            <div class="orgName pt-2 pb-1">\n                {{eventDetails?.owner}}\n            </div>\n            <div class="event-title pt-1">\n                {{eventDetails?.name | slice:0:descriptionMaxLength}}\n                <span *ngIf="eventDetails?.name?.length > descriptionMaxLength">...</span>\n            </div>\n            <div class="event-date pt-2">{{getEventDate(eventDetails)}}</div>\n        </div>\n    </div>\n</div>\n<div *ngIf="loader">\n    <div class="events-card margin-bottom-m">\n        <div class="flex gap-4">\n            <div class="event-poster">\n                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon \'" [width]="\'180px\'" [height]="\'107px\'">\n                </sb-uic-skeleton-loader>\n            </div>\n            <div class="flex flex-col">\n                <div class="flex">\n                    <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon \'" [width]="\'60px\'" [height]="\'21px\'">\n                    </sb-uic-skeleton-loader>\n                </div>\n                <div class="flex orgName pt-2 pb-1">\n                    <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon \'" [width]="\'355px\'" [height]="\'21px\'">\n                    </sb-uic-skeleton-loader>\n                </div>\n                <div class="flex event-title pt-1">\n                    <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon \'" [width]="\'355px\'" [height]="\'21px\'">\n                    </sb-uic-skeleton-loader>\n                </div>\n                <div class="event-date pt-2">\n                    <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon \'" [width]="\'355px\'" [height]="\'21px\'">\n                    </sb-uic-skeleton-loader>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>',styles:[".events-card{padding:16px;border-radius:12px;border:1px solid #c3c3c3}.events-card .poster{width:180px;height:107px;border-radius:12px}.events-card .event-label{border:1px solid #ef951e;background:rgba(239,149,30,.05);border-radius:45px;font:400 14px/16.8px Lato;padding:8px 12px}.events-card .orgName{font-family:Lato;font-size:12px;font-weight:400;line-height:14.4px;text-align:left;opacity:.6}.events-card .event-title{font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:left}.events-card .event-date{font-family:Lato;font-size:12px;font-weight:400;line-height:14.4px;text-align:left;color:#1b4ca1}@media screen and (min-width:320px) and (max-width:769px){.events-card .poster{width:80px;height:69px}}"]}]}],t.ctorParameters=function(){return[{type:void 0,decorators:[{type:core.Inject,args:["environment"]}]},{type:router.Router}]},t.propDecorators={objectData:[{type:core.Input}],eventDetails:[{type:core.Input}],loader:[{type:core.Input}]},t}();var EventsModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[EventsComponent,EventCardComponent],imports:[common.CommonModule,router.RouterModule,SkeletonLoaderLibModule,material.MatIconModule],exports:[EventsComponent,EventCardComponent]}]}],t}(),MdoLeaderboardComponent=function(){function t(t){this.insiteDataService=t,this.currentTab="XL",this.result=[],this.searchTerm="",this.expand=!0,this.tabClicked=new core.EventEmitter}return t.prototype.ngOnInit=function(){this.getData()},t.prototype.getData=function(){var t=this;this.insiteDataService.fetchLeaderboard().subscribe((function(e){e&&e.result&&(t.result=e.result,t.filteredData=t.result.mdoLeaderBoard.filter((function(e){return e.size===t.currentTab})).map((function(t){return __assign({},t,{children:[],selected:!1})})).slice(0,5))}),(function(t){console.log(t)}))},t.prototype.getTabData=function(t){var e=this;this.currentTab=t,this.searchTerm="",this.filteredData=this.result.mdoLeaderBoard.filter((function(t){return t.size===e.currentTab})).map((function(t){return __assign({},t,{children:[],selected:!1})})).slice(0,5);var n="";switch(t){case"XL":n="greater-than-50K";break;case"L":n="10K-50K";break;case"M":n="1K-10K";break;case"S":n="500-1K";break;default:n="less-than-500"}this.tabClicked.emit(n)},t.prototype.getRank=function(t){return[1,2,3].includes(t)?"rank"+t:"rank0"},t.prototype.getMedal=function(t){return 1===t?"assets/images/national-learning/Medal1.svg":2===t?"assets/images/national-learning/Medal2.svg":"assets/images/national-learning/Medal3.svg"},t.prototype.handleSearchQuery=function(t){var e=this;t.target.value&&t.target.value.length>0?(this.searchTerm=t.target.value,this.filteredData=this.result.mdoLeaderBoard.filter((function(n){return n.size===e.currentTab&&n.org_name.toLowerCase().includes(t.target.value)})).map((function(t){return __assign({},t,{children:[]})})).slice(0,5)):this.filteredData=this.result.mdoLeaderBoard.filter((function(t){return t.size===e.currentTab})).map((function(t){return __assign({},t,{children:[]})})).slice(0,5)},t.prototype.toggleWeekHightlits=function(){this.expand=!this.expand},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-mdo-leaderboard",template:'<div class="mdo-leaderboard-container">\n    <div class="flex l-title gap-2 items-center justify-between px-4 md:px-0 py-4 md:py-0">\n        <div class="flex gap-2">\n            {{object?.title}} <div><img [src]="object?.infoIcon" alt="" i18n-matTooltip [matTooltip]="object?.infoText"></div>\n        </div>\n        <div class="block md:hidden">\n            <mat-icon (click)="toggleWeekHightlits()">expand_more</mat-icon>\n        </div>\n    </div>\n    <div class="flex item-center justify-center" *ngIf="expand">\n        <div class="flex fl-div">\n            <div class="pointer">\n                <span class="dot-dot"></span>\n            </div>\n        </div>\n    </div>\n    <div class="l-content" *ngIf="expand">\n        <div class="horizontal-scroll-container">\n            <div class="scroll-content">\n                <span class="tab-title"  [ngClass]="{\'active\' : currentTab === \'XL\' }" (click)="getTabData(\'XL\')">Greater than 50K</span>\n                <span class="tab-title"  [ngClass]="{\'active\' : currentTab === \'L\' }" (click)="getTabData(\'L\')">10K-50K</span>\n                <span class="tab-title"  [ngClass]="{\'active\' : currentTab === \'M\' }" (click)="getTabData(\'M\')">1K-10K</span>\n                <span class="tab-title"  [ngClass]="{\'active\' : currentTab === \'S\' }" (click)="getTabData(\'S\')">500-1K</span>\n                <span class="tab-title"  [ngClass]="{\'active\' : currentTab === \'XS\' }" (click)="getTabData(\'XS\')">Less than 500</span>\n            </div>\n        </div>\n        <div class="relative search-wrapper margin-top-m mb-5">\n            <mat-icon matPrefix class="flex absolute items-center justify-center mr-2 icon-search">search\n            </mat-icon>\n            <input type="search" name="searchKey" class="search-field" i18-aria-label\n                aria-label="Search" i18n-placeholder="search"  [(ngModel)]="searchTerm"\n                placeholder="Search your MDO" (keyup)="handleSearchQuery($event)" />\n        </div>\n        <div class="l-tab-data">\n            <div *ngFor="let user of filteredData; let i = index">\n                <div class="flex flex-row item mb-{{filteredData.length - 1 === i ? 0 : 5}} gap-3 {{user.row_num === 1 ? \'relative\' : \'\'}}" >\n                    <div><img class="crown absolute" src="assets/images/national-learning/rank-crown.svg" *ngIf="user.row_num === 1"/></div>\n                    <div class="{{getRank(user.row_num)}}">{{user.row_num}}</div>\n                    <div class="w-full">\n                        <div class="flex flex-between gap-2">\n                            <div>\n                                <div class="rank-name">{{user.org_name}}</div>\n                                <div class="rank-points flex mt-1 gap-1">\n                                    <img class="nlw-kb" src="assets/icons/home/karma-badge.svg"/>\n                                    <div class="points">{{user.total_points || 0 }} points</div>\n                                </div>\n                            </div>\n                            <div class="rank-crown" *ngIf="[1,2,3].includes(user.row_num)">\n                                <img class="nlw-animation" [src]="getMedal(user.row_num)"/>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class="no-data px-1" *ngIf="filteredData?.length === 0">\n                No data found!\n            </div>\n        </div>\n    </div>\n</div>\n',styles:[".l-title{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left}.l-content{background-color:#e9eef6;border-radius:16px;padding:16px}.horizontal-scroll-container{overflow-x:auto;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;height:32px}.horizontal-scroll-container::-webkit-scrollbar{display:none}.scroll-content{display:inline-block}.tab-title{font-family:Lato;font-size:14px;line-height:16.8px;text-align:left;cursor:pointer;padding:0 15px 8px;border-bottom:2px solid #c3c3c3}.active{font-weight:700;border-bottom:2px solid #1b4ca1}.search-field{height:34px;padding:0 16px 0 40px;border-radius:52px;background:#fff;border:2px solid rgba(0,0,0,.0784313725);width:100%}.icon-search{top:10px;left:15px;height:15px;width:17px}.item{border-radius:12px;background-color:#fff;padding:16px;align-items:flex-start}.rank1{background:#ffca28;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px}.rank2{background:#1b4ca1;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px;color:#fff}.rank3{background:#ff8228;font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px}.rank0{font-family:Lato;font-size:14px;font-weight:700;line-height:9px;text-align:center;border-radius:50%;padding:10px;border:1px solid #c3c3c3}.rank-name{font-family:Montserrat;line-height:1.5em;font-size:16px;font-weight:600;text-align:left;align-items:center;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2}.rank-points{align-items:center}.nlw-kb{height:24px;width:24px}.points{font-family:Lato;font-size:14px;font-weight:600;line-height:16.8px;text-align:right}.crown{left:10px;top:0;width:36px;height:36px}.l-tab-data{height:520px;overflow:auto;padding-bottom:16px}.l-tab-data::-webkit-scrollbar{display:none}.pointer{margin-bottom:-59px;border-radius:41px;background:#c3c3c3;border:35px solid #e9eef6}.dot-dot{width:7px;display:flex;height:7px;background:#c3c3c3;margin-top:-25px;border-radius:10px}@media screen and (min-width:320px) and (max-width:769px){.mdo-leaderboard-container{background-color:#d1dbec}}"]}]}],t.ctorParameters=function(){return[{type:InsiteDataService}]},t.propDecorators={object:[{type:core.Input}],tabClicked:[{type:core.Output}]},t}();var MdoLeaderboardModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[MdoLeaderboardComponent],imports:[common.CommonModule,material.MatIconModule,SkeletonLoaderLibModule,forms.FormsModule,material.MatTooltipModule],exports:[MdoLeaderboardComponent],providers:[InsiteDataService]}]}],t}(),HighlightsOfWeekComponent=function(){function t(){this.currentIndex=0,this.contentdata=[],this.styleData={},this.expand=!0}return t.prototype.ngOnInit=function(){var t=this;this.styleData=this.objectData&&this.objectData.sliderData&&this.objectData.sliderData.styleData,this.objectData&&this.objectData.list&&this.objectData.list.forEach((function(e){var n={};n.title=e.title,n.videoUrl=e.videoUrl,n.cardSubType="card-wide-lib",n.description=e.description,t.contentdata.push(n)}))},t.prototype.toggleWeekHightlits=function(){this.expand=!this.expand},t.prototype.getCurrentIndex=function(t){this.currentIndex=t},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-highlights-of-week",template:'<div *ngIf="contentdata.length" class="highlights-of-the-week-container {{expand ? \'mb-4\' : \'\'}}">\n    <ng-container *ngIf="contentdata.length">\n        <div class="flex title pb-3 no-radius items-center justify-between">\n            <div class="flex gap-2">\n                {{objectData?.title}}\n                <div class="block md:hidden">\n                    <img [src]="objectData?.infoIcon" alt="" i18n-matTooltip [matTooltip]="objectData?.infoText">\n                </div>                \n            </div>\n            <div class="block md:hidden">\n                <mat-icon (click)="toggleWeekHightlits()">expand_more</mat-icon>\n            </div>\n        </div>\n        <div *ngIf="expand">\n            <sb-uic-sliders-ng-content\n                [title]="\'providerName\'"\n                [currentIndex]="currentIndex"\n                (currentIndexValue)="getCurrentIndex($event)"\n                [loadNgContentData]="true" [widgetData]="contentdata"\n                [styleData]="styleData">\n                <div sliderbody>\n                    <div *ngFor="let item of contentdata; let i = index" [hidden]="i !== currentIndex">\n                        <div class="wh-wrapper no-radius">\n                            <div class="player">\n                                <video width="100%" height="100%" controls *ngIf="i === currentIndex">\n                                    <source [src]="item.videoUrl" type="video/mp4">\n                                    <source [src]="item.videoUrl" type="application/x-mpegURL" />\n                                </video>\n                            </div>\n                            <div class="player-title py-3">\n                                {{item?.title}}\n                            </div>\n                            <div class="player-body">\n                                {{item?.description}}\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </sb-uic-sliders-ng-content>\n        </div>\n    </ng-container>\n</div>\n\n',styles:[".highlights-of-the-week-container ::ng-deep.banner-title{display:none}.highlights-of-the-week-container ::ng-deep.banner-meta{bottom:-37px}.highlights-of-the-week-container ::ng-deep.prev{margin-left:11px}.highlights-of-the-week-container ::ng-deep.next{margin-right:16px}.title{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left;background-color:#d1dbec;padding:16px;border-top-left-radius:12px;border-top-right-radius:12px}.wh-wrapper{background-color:#d1dbec;padding:0 16px 16px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.wh-wrapper .player{height:420px}.wh-wrapper .player-title{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.wh-wrapper .player-body{font-family:Lato;line-clamp:2;-webkit-line-clamp:2;font-size:14px;font-weight:400;line-height:16.8px;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width:320px) and (max-width:769px){.highlights-of-the-week-container ::ng-deep.prev{display:none!important}.highlights-of-the-week-container ::ng-deep.next{display:none!important}.wh-wrapper .player{height:215px}.no-radius{border-radius:0}}"]}]}],t.ctorParameters=function(){return[]},t.propDecorators={objectData:[{type:core.Input}],scrollableItems:[{type:core.ViewChildren,args:[ScrollableItemDirective]}]},t}();var HighlightsOfWeekModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[HighlightsOfWeekComponent],imports:[common.CommonModule,material.MatIconModule,material.MatTooltipModule,ScrollableItemModule,SlidersNgContentLibModule],exports:[HighlightsOfWeekComponent]}]}],t}(),SpeakersComponent=function(){function t(){this.currentIndex=0,this.contentdata=[],this.styleData={},this.expand=!0}return t.prototype.ngOnInit=function(){var t=this;this.styleData=this.objectData&&this.objectData.sliderData&&this.objectData.sliderData.styleData,this.objectData&&this.objectData.list&&this.objectData.list.forEach((function(e){var n={};n.name=e.title,n.cardSubType="card-wide-lib",n.description=e.description,n.initial=t.createInititals(e.title),n.profileImage=e.profileImage?e.profileImage:"",t.contentdata.push(n)}))},t.prototype.createInititals=function(t){var e="",n=t.toString().split(" ");if("undefined"!==n[0]&&void 0!==n[1])e+=n[0].charAt(0),e+=n[1].charAt(0);else for(var a=0;a<t.length&&(" "===t.charAt(a)||t.charAt(a)!=t.charAt(a)||2!==(e+=t.charAt(a)).length);a+=1);return e.toUpperCase()},t.prototype.getCurrentIndex=function(t){this.currentIndex=t},t.prototype.toggleWeekHightlits=function(){this.expand=!this.expand},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-speakers",template:'<div class="nlw-speakers-wrapper px-4 md:px-0 my-4 md:my-0">\n    <div class="flex speakers-title gap-2 justify-between pb-1" *ngIf="contentdata.length">\n        <div class="flex gap-2">\n            {{objectData?.title}}\n            <div><img [src]="objectData?.infoIcon" alt="" i18n-matTooltip [matTooltip]="objectData?.infoText"></div>\n        </div>\n        <div class="block md:hidden">\n            <mat-icon (click)="toggleWeekHightlits()">expand_more</mat-icon>\n        </div>\n    </div>\n    <div *ngIf="expand" class="speakers-container margin-bottom-xs" >\n        <ng-container *ngIf="contentdata.length">\n            <sb-uic-sliders-ng-content\n                [title]="\'providerName\'"\n                [currentIndex]="currentIndex"\n                (currentIndexValue)="getCurrentIndex($event)"\n                [loadNgContentData]="true" [widgetData]="contentdata"\n                [styleData]="styleData">\n                <div sliderbody>\n                    <div *ngFor="let item of contentdata; let i = index" [hidden]="i !== currentIndex">\n                        <div class="speakers-wrapper">\n                            <div class="flex items-center justify-center pb-2">\n                                <div class="speaker-initial" *ngIf="!item.profileImage">{{item?.initial}}</div>\n                                <img class=\'speaker-icon\' [src]="item?.profileImage" alt="" *ngIf="item.profileImage"/>\n                            </div>\n                            <div class="flex items-center justify-center pb-2">\n                                <div class="speaker-title">{{item.name}}</div>\n                            </div>\n                            <div class="flex items-center justify-center">\n                                <div class="speaker-description">{{item.description}}</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </sb-uic-sliders-ng-content>\n        </ng-container>\n    </div>\n</div>',styles:[".speakers-container ::ng-deep.banner-title{display:none}.speakers-container ::ng-deep.prev{margin-left:0;background-color:#fff4ec!important;color:#b6b4b4}.speakers-container ::ng-deep.next{margin-right:0;background-color:#fff4ec!important;color:#b6b4b4}.speakers-title{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left}.speakers-wrapper{background-color:#fff4ec;border-radius:12px;padding:24px}.speaker-title{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.speaker-description{font-family:Lato;font-size:12px;font-weight:400;line-height:14.4px;text-align:center;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.speaker-initial{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:center;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-color:#1b4ca1;color:#fff;border-radius:50px}.speaker-icon{width:80px;height:80px;border-radius:50px}@media screen and (min-width:320px) and (max-width:769px){.nlw-speakers-wrapper{background-color:#d1dbec}.speakers-title{padding:16px 0}}"]}]}],t.ctorParameters=function(){return[]},t.propDecorators={objectData:[{type:core.Input}],scrollableItems:[{type:core.ViewChildren,args:[ScrollableItemDirective]}]},t}();var SpeakersModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[SpeakersComponent],imports:[common.CommonModule,ScrollableItemModule,SlidersNgContentLibModule,material.MatTooltipModule,material.MatIconModule],exports:[SpeakersComponent]}]}],t}(),UserProgressComponent=function(){function t(t,e){this.insightSvc=t,this.configSvc=e,this.insitesData=[],this.currentIndex=0,this.styleData={},this.userProgress={},this.expand=!0}return t.prototype.ngOnInit=function(){this.styleData=this.objectData.insights.data.sliderData.styleData,this.getUserProgress(),this.getInsightsData()},t.prototype.getUserProgress=function(){var t=this;this.insightSvc.fetchUserProgress().subscribe((function(e){e&&e.result&&e.result.userLeaderBoard&&(t.userProgress=e.result.userLeaderBoard,!t.userProgress.fullname&&t.configSvc&&t.configSvc.userProfile&&t.configSvc.userProfile.firstName&&(t.userProgress.fullname=t.configSvc.userProfile.firstName,t.userProgress.profile_image=t.configSvc.userProfile.profileImageUrl))}),(function(e){t.userProgress.fullname=t.configSvc.userProfile.firstName,t.userProgress.profile_image=t.configSvc.userProfile.profileImageUrl}))},t.prototype.getInsightsData=function(){var t=this,e={request:{filters:{primaryCategory:"programs",organisations:["across",this.rootOrgId]}}};this.insightSvc.fetchInsightsData(e).subscribe((function(e){e&&e.result&&e.result.response&&e.result.response.nudges&&(t.insitesData=e.result.response.nudges,t.insitesData=t.insitesData.map((function(t){return __assign({},t,{cardSubType:"card-wide-lib"})})))}))},t.prototype.roundTo=function(t){return Math.round(100*t/100)},t.prototype.getCurrentIndex=function(t){this.currentIndex=t},t.prototype.createInititals=function(t){var e="",n=t.toString().split(" ");if("undefined"!==n[0]&&void 0!==n[1])e+=n[0].charAt(0),e+=n[1].charAt(0);else for(var a=0;a<t.length&&(" "===t.charAt(a)||t.charAt(a)!=t.charAt(a)||2!==(e+=t.charAt(a)).length);a+=1);return e.toUpperCase()},t.prototype.toggleWeekHightlits=function(){this.expand=!this.expand},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-user-progress",template:'<div class="px-4 md:px-0 pt-4 md:pt-0 week-progress {{expand ? \'pb-4\' : \'pb-1\'}}">\n    <div class="flex user-progress-title gap-2 margin-bottom-xs items-center justify-between">\n        <div class="flex gap-2">\n            {{objectData?.title}}\n            <div><img [src]="objectData?.infoIcon" alt="" i18n-matTooltip [matTooltip]="objectData?.infoText"></div>\n        </div>\n        <div class="block md:hidden">\n            <mat-icon (click)="toggleWeekHightlits()">expand_more</mat-icon>\n        </div>\n    </div>\n    <div class="user-progress-wrapper" *ngIf="expand">\n        <div class="user-rank flex items-center">\n            <div class="flex item-center">\n                <div class="current-rank" *ngIf="userProgress?.rank > 0">#{{userProgress?.rank}} Rank</div>\n            </div>\n        </div>\n        <div class="user-details-wrapper">\n            <div class="user-details flex gap-2">\n                <div class="user-initial" *ngIf="userProgress?.profile_image">\n                    <img class="user-profile" [src]="userProgress?.profile_image" alt=""/>\n                </div>\n                <div class="user-initial" *ngIf="!userProgress?.profile_image && userProgress?.fullname">{{createInititals(userProgress?.fullname)}}</div>\n                <div class="user-name pt-3">{{userProgress?.fullname}}</div>\n            </div>\n            <div class="user-stats my-3">\n                <div class="flex gap-2 items-center justify-center">\n                    <div class="my-hours">\n                        <div class="flex items-center gap-3">\n                            <img class="hours-icon"\n                                src="https://portal.dev.karmayogibharat.net/content-store/orgStore/0135071359030722569/1726808794219_InProgress_Icon.svg" alt="">\n                            <div>\n                                <div class="counter">{{userProgress?.total_learning_hours || 0}}</div>\n                                <div class="counter-title pt-1">Learning Hours</div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class="my-certificates">\n                        <div class="flex items-center gap-3">\n                            <img class="cert-icon"\n                                src="https://portal.dev.karmayogibharat.net/content-store/orgStore/0135071359030722569/1726808775795_Certificate_icon.svg" alt="">\n                            <div>\n                                <div class="counter">{{userProgress?.count || 0}}</div>\n                                <div class="counter-title pt-1">Certificates</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class="flex gap-2 items-center justify-center pt-3">\n                    <div class="k-points">\n                        <div class="flex items-center gap-3">\n                            <img class="kp-point-icon"\n                                src="https://portal.dev.karmayogibharat.net/content-store/orgStore/0135071359030722569/1726808815206_karma-badge.svg" alt="">\n                            <div>\n                                <div class="counter">{{userProgress?.total_points || 0}}</div>\n                                <div class="counter-title pt-1">Karma Points</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class="insights-wrapper">\n                <div class="insights-container">\n                    <sb-uic-sliders-ng-content\n                        [title]="\'p1\'"\n                        [currentIndex]="currentIndex"\n                        (currentIndexValue)="getCurrentIndex($event)"\n                        [loadNgContentData]="true" [widgetData]="insitesData"\n                        [customBanner]="true" [autoScroll]="true"\n                        [styleData]="styleData">\n                        <div sliderbody>\n                            <div class="insights-item" *ngFor="let item of insitesData; let i = index" [hidden]="i !== currentIndex">\n                                <div class="flex gap-4">\n                                    <div class="insights-lable">{{item?.label}}</div>\n                                    <div class="flex items-center growth-positive" *ngIf="item?.growth === \'positive\'">\n                                        <mat-icon class="positive-icon">arrow_upward</mat-icon>\n                                        <span class="positive-note pt-1">+{{roundTo(item?.progress)}}%</span>\n                                    </div>\n                                    <div class="flex items-center growth-negative" *ngIf="item?.growth === \'negative\' && item?.progress > 0">\n                                        <mat-icon class="negative-icon">arrow_downward</mat-icon>\n                                        <span class="negative-note">-{{roundTo(item?.progress)}}%</span>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </sb-uic-sliders-ng-content>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n',styles:[".user-progress-title{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left}.user-progress-wrapper{border-radius:12px}.user-rank{background:url(https://portal.dev.karmayogibharat.net/content-store/orgStore/0132238763297177601/1727267061524_shadow.png),linear-gradient(124.59deg,#266eeb 51.53%,#133f8b 140.2%);height:76px;border-top-left-radius:12px;border-top-right-radius:12px;border-left-color:#266eeb;border-right-color:#266eeb;border-top-color:#266eeb;padding-left:25%}.current-rank{padding:3px 10px;border-radius:15px;background-color:#fff;color:#f3962f;font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:center}.user-details-wrapper{padding:0 8px;border:1px solid #e8e8e8;border-bottom-left-radius:12px;border-bottom-right-radius:12px;background-color:#fff}.user-details,.user-stats{padding:0 8px}.user-initial{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:center;width:70px;height:70px;display:flex;align-items:center;justify-content:center;background-color:#000;color:#fff;border-radius:50px;border:3px solid #fff;margin-top:-30px}.user-profile{width:70px;height:70px;border-radius:50px}.user-name{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.my-hours{padding:16px;background-color:#f0f3f4;border-radius:12px;width:50%;border:1px solid #c3c3c3}.my-certificates{padding:16px;background-color:#f0f3f4;width:50%;border-radius:12px;border:1px solid #c3c3c3}.k-points{padding:16px;background-color:#f0f3f4;width:40%;border-radius:12px;border:1px solid #c3c3c3}.hours-icon{background:linear-gradient(143.13deg,rgba(255,191,26,.15) 5.36%,rgba(255,64,128,.15) 94.64%);border-radius:50px;padding:5px}.counter-title{font-family:Lato;font-size:12px;font-weight:400;line-height:14.4px;text-align:left}.counter{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.cert-icon{background:linear-gradient(180deg,rgba(255,206,81,.24) 0,rgba(254,231,28,.24) 100%);border-radius:50px;padding:5px}.kp-point-icon{background:#dbe4ff;border-radius:50px;padding:5px;height:18px;width:18px}.insights-wrapper{padding:8px 0}.insights-container{background:rgba(243,150,47,.2);height:84px;border-radius:8px}.insights-container ::ng-deep .prev{display:none}.insights-container ::ng-deep .next{display:none}.insights-item{padding:16px}.insights-lable{font-family:Lato;font-size:12px;font-weight:400;line-height:14.4px;text-align:left}.positive-note{font-size:12px;font-weight:400;line-height:14.4px}.positive-icon{font-size:18px;height:18px;width:18px}.growth-positive{color:green}.growth-negative{color:red}.negative-icon{font-size:18px;height:18px;width:18px}.negative-note{font-size:12px;font-weight:400;line-height:14.4px}@media screen and (min-width:320px) and (max-width:769px){.week-progress{background-color:#d1dbec}}"]}]}],t.ctorParameters=function(){return[{type:InsiteDataService},{type:utilsV2.ConfigurationsService}]},t.propDecorators={objectData:[{type:core.Input}],rootOrgId:[{type:core.Input}],scrollableItems:[{type:core.ViewChildren,args:[ScrollableItemDirective]}]},t}();var UserProgressModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[UserProgressComponent],imports:[common.CommonModule,material.MatTooltipModule,material.MatIconModule,ScrollableItemModule,SlidersNgContentLibModule],exports:[UserProgressComponent]}]}],t}(),NationalLearningModule=function(){function t(){}return t.decorators=[{type:core.NgModule,args:[{declarations:[NationalLearningComponent],imports:[common.CommonModule,material.MatIconModule,material.MatChipsModule,SkeletonLoaderLibModule,SlidersLibModule,material.MatTabsModule,KeyHighlightsModule,ContentStripWithTabsLibModule,DataPointsModule,EventsModule,MdoLeaderboardModule,HighlightsOfWeekModule,SpeakersModule,UserProgressModule,ContentStripFacetFilterModule],exports:[NationalLearningComponent],providers:[CommonMethodsService],schemas:[core.CUSTOM_ELEMENTS_SCHEMA]}]}],t}();exports.AnnouncementsModule=AnnouncementsModule,exports.CalenderModule=CalenderModule,exports.CardsModule=CardsModule,exports.CbpPlanModule=CbpPlanModule,exports.CommonMethodsService=CommonMethodsService,exports.CommonStripModule=CommonStripModule,exports.CompetencyPassbookMdoModule=CompetencyPassbookMdoModule,exports.CompetencyPassbookModule=CompetencyPassbookModule,exports.ConsumptionComponent=ConsumptionComponent,exports.ConsumptionModule=ConsumptionModule,exports.ConsumptionService=ConsumptionService,exports.ContentProgressModule=ContentProgressModule,exports.ContentStripFacetFilterModule=ContentStripFacetFilterModule,exports.ContentStripWithTabsLibModule=ContentStripWithTabsLibModule,exports.ContentStripWithTabsPillsModule=ContentStripWithTabsPillsModule,exports.DataPointsModule=DataPointsModule,exports.DialogComponentsModule=DialogComponentsModule,exports.EventsModule=EventsModule,exports.HighlightsOfWeekModule=HighlightsOfWeekModule,exports.HttpLoaderFactory=HttpLoaderFactory,exports.HttpLoaderFactory1=HttpLoaderFactory1,exports.KeyHighlightsModule=KeyHighlightsModule,exports.MDOChannelModule=MDOChannelModule,exports.MdoLeaderboardModule=MdoLeaderboardModule,exports.MyHammerConfig=MyHammerConfig,exports.NationalLearningModule=NationalLearningModule,exports.ProvidersModule=ProvidersModule,exports.ROOT_WIDGET_CONFIG=ROOT_WIDGET_CONFIG,exports.SlidersLibModule=SlidersLibModule,exports.SpeakersModule=SpeakersModule,exports.TopLearnersModule=TopLearnersModule,exports.UserContentRatingLibModule=UserContentRatingLibModule,exports.UserProgressModule=UserProgressModule,exports.WIDGET_REGISTERED_LIB_MODULES=WIDGET_REGISTERED_LIB_MODULES,exports.WIDGET_REGISTRATION_LIB_CONFIG=WIDGET_REGISTRATION_LIB_CONFIG,exports.WidgetContentLibService=WidgetContentLibService,exports.WidgetUserServiceLib=WidgetUserServiceLib,exports.ɵa=ContentStripWithTabsLibComponent,exports.ɵb=MultilingualTranslationsService,exports.ɵba=CardsComponent,exports.ɵbb=CardPortraitComponent,exports.ɵbc=CardUserComponent,exports.ɵbd=CardLandscapeComponent,exports.ɵbe=CardWideComponent,exports.ɵbf=CardMDOChannelComponent,exports.ɵbg=CardWideV2Component,exports.ɵbh=CardKarmaProgramsComponent,exports.ɵbi=CardKarmaProgramsV2Component,exports.ɵbj=ProviderCardComponent,exports.ɵbk=CardPortraitExtComponent,exports.ɵbl=CardAssessmentComponent,exports.ɵbm=CardProgressPortraitLibComponent,exports.ɵbn=CertificateService,exports.ɵbo=CardMdoChannelV1Component,exports.ɵbp=PipePublicURLModule,exports.ɵbq=PipePublicURL,exports.ɵbr=ObjectToArrayPipeModule,exports.ɵbs=ObjectToArrayPipe,exports.ɵbt=DisplayContentTypeLibModule,exports.ɵbu=DisplayContentTypeLibComponent,exports.ɵbv=DefaultThumbnailModule,exports.ɵbw=DefaultThumbnailDirective,exports.ɵbx=PipeDurationTransformModule,exports.ɵby=PipeDurationTransformPipe,exports.ɵbz=ContentProgressComponent,exports.ɵc=ConfigurationsService,exports.ɵca=CertificateDialogComponent,exports.ɵcb=AvatarPhotoLibModule,exports.ɵcc=AvatarPhotoLibComponent,exports.ɵcd=ContentStripFacetFilterComponent,exports.ɵce=ContentStripWithTabsPillsComponent,exports.ɵcf=CompetencyPassbookComponent,exports.ɵcg=CompetencyPassbookService,exports.ɵch=PillsModule,exports.ɵci=PillsComponent,exports.ɵcj=CompetencyPassbookMdoComponent,exports.ɵck=CompetencyPassbookMdoService,exports.ɵcl=UserContentRatingLibComponent,exports.ɵcm=RatingService,exports.ɵcn=UserContentRatingLibService,exports.ɵco=MdoChannelV1Component,exports.ɵcp=MdoChannelV2Component,exports.ɵcq=ProvidersV2Component,exports.ɵcr=NationalLearningComponent,exports.ɵcs=KeyHighlightsComponent,exports.ɵct=EventsComponent,exports.ɵcu=EventCardComponent,exports.ɵcv=MdoLeaderboardComponent,exports.ɵcw=HighlightsOfWeekComponent,exports.ɵcx=SpeakersComponent,exports.ɵcy=UserProgressComponent,exports.ɵd=HorizontalScrollerV2Module,exports.ɵe=HorizontalScrollerV2Component,exports.ɵf=SlidersLibComponent,exports.ɵg=NavigationModule,exports.ɵh=NavigationDirective,exports.ɵi=ImageResponsiveModule,exports.ɵj=ImageResponsiveDirective,exports.ɵk=DataPointsComponent,exports.ɵl=InsiteDataService,exports.ɵm=SkeletonLoaderLibModule,exports.ɵn=SkeletonLoaderLibComponent,exports.ɵo=CalenderComponent,exports.ɵp=CalenderDayComponent,exports.ɵq=CommonStripComponent,exports.ɵr=AnnouncementsComponent,exports.ɵs=TopLearnersComponent,exports.ɵt=CbpPlanComponent,exports.ɵu=ScrollableItemDirective,exports.ɵv=ScrollableItemModule,exports.ɵw=MyHammerConfig$1,exports.ɵx=SlidersNgContentLibModule,exports.ɵy=SlidersNgContentLibComponent,exports.ɵz=CardResourceComponent,Object.defineProperty(exports,"__esModule",{value:!0})}));
 //# sourceMappingURL=sunbird-cb-consumption.umd.min.js.map