@sunbird-cb/consumption 0.0.64 → 0.0.65

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

@@ -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$2,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),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.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;return __generator(this,(function(c){switch(c.label){case 0:n.request&&t.request.playlistRead&&t.request.playlistRead.type&&(n.request.apiUrl=this.getFullUrl(n.request.apiUrl,n.request.playlistRead.type)),c.label=1;case 1:return c.trys.push([1,3,,4]),[4,this.getRequestMethod(t,n.request.playlistRead,n.request.apiUrl,a)];case 2:return(i=c.sent()).results&&i.results.result?(o=this.transformContentsToWidgets(i.results.result.content,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:o,fetchTabStatus:"done"}),s=l),this.processStrip(t,o,"done",a,i.viewMoreUrl,s)):(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],{fetchTabStatus:"done"}),s=l),this.processStrip(t,[],"error",a,null,s)),[3,4];case 3:return r=c.sent(),console.error("Error:",r),s=[],this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&this.stripsResultDataMap[t.key].tabs.length?((l=this.stripsResultDataMap[t.key].tabs)&&l.length&&l[e]&&(l[e]=__assign({},l[e],{fetchTabStatus:"done"}),s=l),this.processStrip(t,[],"error",a,null,s)):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;return __generator(this,(function(i){switch(i.label){case 0:if(!(t.request&&t.request.ciosContent&&Object.keys(t.request.ciosContent).length))return[3,4];[],t.request&&t.request.ciosContent&&t.request.ciosContent.filterCriteriaMap&&(t.request.ciosContent.filterCriteriaMap,t.request.ciosContent.filterCriteriaMap=this.postMethodFilters(t.request.ciosContent.filterCriteriaMap)),i.label=1;case 1:return i.trys.push([1,3,,4]),[4,this.postRequestMethod(t,t.request.ciosContent,t.request.apiUrl,e)];case 2:return(n=i.sent())&&n.results&&n.results.data&&n.results.data.length?(a=n.results.data).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.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:769px){.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:scale-down;object-fit:scale-down;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:769px){.navigation.middle-inline .prev{left:18%!important}.navigation.middle-inline .next{right: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"},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(){return this.http.get(API_END_POINTS$2.LEARNERS)},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,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.converToIndianSystem=function(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 customdiv" *ngIf="layoutType === \'multipleRows-V2\' && !isDataLoading">\n    <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>\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?.valueColor">\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\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')}.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 (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}]},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$2,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().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.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="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="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}.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}}"]}]}],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}],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-all;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:48px}.card-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" 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-all;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:48px}.card-standard-container .description-text{position:relative;overflow:hidden;height:42px;white-space:normal;text-overflow:ellipsis}.duration-box{background:#000;position:absolute;border:none;display:flex;align-items:center;padding:4px;border-radius:4px}.duration-box.right-corner{right:4px;bottom:4px}.duration-box .mat-icon{vertical-align:middle;color:#fff!important;height:14px!important;width:14px!important;font-size:14px}.duration-box .duration{font:700 12px/16px Lato;display:inline-block;margin:0;padding:0}.width-238{width:238px!important}.cbp-mark{border-radius:12px 0;opacity:1;background-image:linear-gradient(90deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 100%);position:absolute;top:0;padding:8px}.cbp-mark p{opacity:1;background-color:#fff;padding:4px;opacity:1;color:#1b2133;font-family:Lato-Regular;font-size:10px;font-weight:400;font-style:Regular;letter-spacing:.5px;text-align:left;line-height:12px;margin-bottom:0}.cbpwidth{width:340px}.cbp-plan{border-radius:4px;opacity:1;background-color:#1b4ca1;top:4px;left:4px;opacity:1;color:rgba(255,255,255,.95);font-family:Lato-Bold;font-size:12px;font-weight:700;font-style:normal;letter-spacing:.25px;text-align:center;line-height:16px;padding:4px}.cbp-info{opacity:1;color:#fff;font-family:Lato-Regular;font-size:10px;font-weight:400;font-style:normal;letter-spacing:.5px;text-align:left;line-height:12px;padding:2px}.cbp-danger{border-radius:2px;border:1px solid rgba(0,0,0,.08);background-color:#d13924!important;color:#fff!important;opacity:1}.cbp-success{border-radius:2px;border:1px solid #1d8922;background-color:#1d8922!important;color:#fff!important;opacity:1}.cbp-warning{border-radius:2px;border:1px solid #ef951e;background-color:#ef951e!important;color:#fff!important;opacity:1}"]}]}],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$2.duration(t,"seconds");return moment$2.utc(r.asMilliseconds()).format("HH:mm:ss");case"hms2M":var s=moment$2.duration(t,"seconds");return moment$2.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$2.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:cover;object-fit:cover;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-all;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;min-height:24px}.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-all;white-space:initial;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.card-portrait .portrait_widget{align-items:center;margin-top:0}.card-portrait .portrait_widget .course_port{border:1px solid #ef951e;padding:4px 8px;align-items:center;border-radius:16px}.card-portrait .portrait_widget .video-icon{opacity:1;color:#ef951e;width:15px;height:15px;font-size:15px}.card-portrait .portrait_widget .portrait-category{color:rgba(0,0,0,.6)!important;font-size:.75rem;opacity:1;font-family:Lato-Regular;font-weight:400;font-style:normal;letter-spacing:.25px;text-align:left;line-height:20px}.card-portrait .progress-wrapper .progress-block{width:60%}.card-portrait .progress-wrapper .progress-block .completed-time{color:#ef951e;display:flex;padding:8px 0}.card-portrait .progress-wrapper .progress-block .completed-time mat-icon{width:1rem;height:1rem;font-size:1rem}.card-portrait .progress-wrapper .progress-block .completed-time span{opacity:1;color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:.75rem;font-weight:400;font-style:normal;letter-spacing:.25px;text-align:left;line-height:16px}.card-portrait .progress-wrapper .progress-btn .resume-btn{opacity:1;color:#fff;font-family:Lato-Bold;font-size:14px;font-weight:700;font-style:normal;letter-spacing:.5px;text-align:left;line-height:20px;background:#1a4ca1;border-radius:63px;padding:6px 16px;border:none;width:100%;cursor:pointer}.card-portrait .progress-wrapper .progress-btn .resume-btn .textwrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:82px}.card-portrait .progress-wrapper .progress-btn .resume-btn:hover{background-color:#253379}.card-portrait .progress-bar-new{color:#ef951e!important;height:10px;border-radius:5px}.card-portrait .rating-session mat-icon{font-size:20px;height:20px;width:20px;color:#ef951e}.card-portrait .rating-session .rating-number{font-size:14px}.card-portrait .rating-session .most-enrolled-text{font-size:10px;font-weight:400;padding:4px;background:#ffea9e;border-radius:4px;line-height:12px}.card-portrait .right-corner-portrait{right:8px;bottom:8px}.card-portrait-clickable{min-height:146px!important}.card-portrait-clickable .right-corner-portrait{right:8px;bottom:8px}.card-portrait-clickable:hover{transform:scale(1.02)}.course_widget{margin-top:10px}.course_widget .mat-icon{vertical-align:middle;color:#ef951e!important}.course_widget .course_v2{border:1px solid #ef951e;padding:4px 8px;align-items:end;border-radius:16px}.course_widget .main_icon{font-size:16px;width:16px;height:16px}.rating-session mat-icon{font-size:16px;height:16px;width:12px;padding-right:3px;color:#ef951e}.rating-session span{font-size:11px}.rating-session .most-enrolled-text{padding:0 8px;background:#ffea9e;border-radius:4px}.duration-box{background:#000;position:absolute;border:none;display:flex;align-items:center;padding:4px;border-radius:4px}.duration-box.right-corner{right:4px;bottom:4px}.duration-box .mat-icon{vertical-align:middle;color:#fff!important;height:14px!important;width:14px!important;font-size:14px}.duration-box .duration{font:700 12px/16px Lato;display:inline-block;margin:0;padding:0}@media only screen and (max-width:768px){.card-portrait{width:calc(100vw - 66px)}.card-wide-v2{min-height:356px}.card-wide-v2 .imageholder img{border-radius:12px 12px 0 0!important}.cbpwidth{width:calc(100vw - 100px)}}.cbp-mark{border-radius:12px 0;opacity:1;background-image:linear-gradient(90deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 100%);position:absolute;top:0;padding:8px}.cbp-mark p{opacity:1;background-color:#fff;padding:4px;opacity:1;color:#1b2133;font-family:Lato-Regular;font-size:10px;font-weight:400;font-style:Regular;letter-spacing:.5px;text-align:left;line-height:12px;margin-bottom:0}.cbpwidth{width:340px}.cbp-plan{border-radius:4px;opacity:1;background-color:#1b4ca1;top:4px;left:4px;opacity:1;color:rgba(255,255,255,.95);font-family:Lato-Bold;font-size:12px;font-weight:700;font-style:normal;letter-spacing:.25px;text-align:center;line-height:16px;padding:4px}.cbp-info{opacity:1;color:#fff;font-family:Lato-Regular;font-size:10px;font-weight:400;font-style:normal;letter-spacing:.5px;text-align:left;line-height:12px;padding:2px}.cbp-danger{border-radius:2px;border:1px solid rgba(0,0,0,.08);background-color:#d13924!important;color:#fff!important;opacity:1}.cbp-success{border-radius:2px;border:1px solid #1d8922;background-color:#1d8922!important;color:#fff!important;opacity:1}.cbp-warning{border-radius:2px;border:1px solid #ef951e;background-color:#ef951e!important;color:#fff!important;opacity:1}"]}]}],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 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-all;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media screen and (max-width:768px){.card-channels-container{width:100%;margin:0}}"]}]}],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" 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-all;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-all;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;min-height:24px}"]}]}],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-all;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;min-height:24px}@media screen and (max-width:768px){.card-channels-container{width:100%;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;min-height:unset;height:unset;max-height:unset;margin:0;padding:8px!important}.image-container{background-color:#fff;width: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              <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>\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:346px;border-radius:8px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;height:346px;margin:20px 8px}.card-standard-container .progress-bar{width:101%;margin-left:-15px;display:flex;margin-top:0;background:bisque;position:absolute;bottom:0}.card-standard-container ::ng-deep .mat-progress-bar{height:8px!important}.card-standard-container .icon_text{font-size:12px;line-height:16px;text-transform:uppercase}.card-standard-container .course_logo_box{width:38px;height:38px;background:#fff;border-radius:8px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.card-standard-container .course_logo_box img{height:28px;width:28px;padding:5px;display:inline-block}.card-standard-container .course_logo_box p{display:inline-block;vertical-align:top}.card-standard-container .org-text{font-size:12px;font-weight:400;width:75%;padding-left:10px;word-break:break-all;white-space:initial;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.card-standard-container .source-div{position:relative;top:100px;background:#fff;z-index:3;border:1px solid #dedfe0;min-width:72px;min-height:72px;max-width:72px;max-height:72px;display:flex;border-radius:8px}.card-standard-container .source-div .source-icon{border-radius:8px;display:block;margin:auto;max-width:58px;max-height:-webkit-fill-available}.card-standard-container mat-card-content{background:#fff}.card-standard-container .card-img{min-width:245px;max-height:140px;min-height:140px;display:block;-o-object-fit:fill;object-fit:fill;border-top-left-radius:8px;border-top-right-radius:8px;width:100%}.card-standard-container .mat-subheading-1{font:600 14px/24px Montserrat}.card-standard-container .complexity{padding-top:70px;display:flex;font-size:14px;line-height:21px;padding-bottom:10px}.card-standard-container .complexity .mode-tag{border-radius:5px;order:2;margin-left:auto;color:#fff;font-size:10px}.card-standard-container .complexity .duration{display:flex;margin-left:auto;order:3;font-weight:700}.card-standard-container .complexity .time-text{margin:0 5px 0 6px;font-weight:700}.card-standard-container .basic{margin:auto 0}.card-standard-container .title-text{word-break:break-all;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:48px}.card-standard-container .description-text{position:relative;overflow:hidden;height:42px;white-space:normal;text-overflow:ellipsis}.duration-box{background:#000;position:absolute;border:none;display:flex;align-items:center;padding:4px;border-radius:4px}.duration-box.right-corner{right:4px;bottom:4px}.duration-box .mat-icon{vertical-align:middle;color:#fff!important;height:14px!important;width:14px!important;font-size:14px}.duration-box .duration{font:700 12px/16px Lato;display:inline-block;margin:0;padding:0}.width-238{width:238px!important}.cbp-mark{border-radius:12px 0;opacity:1;background-image:linear-gradient(90deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 100%);position:absolute;top:0;padding:8px}.cbp-mark p{opacity:1;background-color:#fff;padding:4px;opacity:1;color:#1b2133;font-family:Lato-Regular;font-size:10px;font-weight:400;font-style:Regular;letter-spacing:.5px;text-align:left;line-height:12px;margin-bottom:0}.cbpwidth{width:340px}.cbp-plan{border-radius:4px;opacity:1;background-color:#1b4ca1;top:4px;left:4px;opacity:1;color:rgba(255,255,255,.95);font-family:Lato-Bold;font-size:12px;font-weight:700;font-style:normal;letter-spacing:.25px;text-align:center;line-height:16px;padding:4px}.cbp-info{opacity:1;color:#fff;font-family:Lato-Regular;font-size:10px;font-weight:400;font-style:normal;letter-spacing:.5px;text-align:left;line-height:12px;padding:2px}.cbp-danger{border-radius:2px;border:1px solid rgba(0,0,0,.08);background-color:#d13924!important;color:#fff!important;opacity:1}.cbp-success{border-radius:2px;border:1px solid #1d8922;background-color:#1d8922!important;color:#fff!important;opacity:1}.cbp-warning{border-radius:2px;border:1px solid #ef951e;background-color:#ef951e!important;color:#fff!important;opacity:1}.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-all;white-space:initial;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.card-portrait .portrait_widget{align-items:center;margin-top:0}.card-portrait .portrait_widget .course_port{border:1px solid #ef951e;padding:4px 8px;align-items:center;border-radius:16px}.card-portrait .portrait_widget .video-icon{opacity:1;color:#ef951e;width:15px;height:15px;font-size:15px}.card-portrait .portrait_widget .portrait-category{color:rgba(0,0,0,.6)!important;font-size:.75rem;opacity:1;font-family:Lato-Regular;font-weight:400;font-style:normal;letter-spacing:.25px;text-align:left;line-height:20px}.card-portrait .progress-wrapper .progress-block{width:60%}.card-portrait .progress-wrapper .progress-block .completed-time{color:#ef951e;display:flex;padding:8px 0}.card-portrait .progress-wrapper .progress-block .completed-time mat-icon{width:1rem;height:1rem;font-size:1rem}.card-portrait .progress-wrapper .progress-block .completed-time span{opacity:1;color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:.75rem;font-weight:400;font-style:normal;letter-spacing:.25px;text-align:left;line-height:16px}.card-portrait .progress-wrapper .progress-btn .resume-btn{opacity:1;color:#fff;font-family:Lato-Bold;font-size:14px;font-weight:700;font-style:normal;letter-spacing:.5px;text-align:left;line-height:20px;background:#1a4ca1;border-radius:63px;padding:6px 16px;border:none;width:100%;cursor:pointer}.card-portrait .progress-wrapper .progress-btn .resume-btn .textwrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:82px}.card-portrait .progress-wrapper .progress-btn .resume-btn:hover{background-color:#253379}.card-portrait .progress-bar-new{color:#ef951e!important;height:10px;border-radius:5px}.card-portrait .rating-session mat-icon{font-size:20px;height:20px;width:20px;color:#ef951e}.card-portrait .rating-session .rating-number{font-size:14px}.card-portrait .rating-session .most-enrolled-text{font-size:10px;font-weight:400;padding:4px;background:#ffea9e;border-radius:4px;line-height:12px}.card-portrait .right-corner-portrait{right:8px;bottom:8px}.course_widget{margin-top:10px}.course_widget .mat-icon{vertical-align:middle;color:#ef951e!important}.course_widget .course_v2{border:1px solid #ef951e;padding:4px 8px;align-items:end;border-radius:16px}.course_widget .main_icon{font-size:16px;width:16px;height:16px}.rating-session mat-icon{font-size:16px;height:16px;width:12px;padding-right:3px;color:#ef951e}.rating-session span{font-size:11px}.rating-session .most-enrolled-text{padding:0 8px;background:#ffea9e;border-radius:4px}.duration-box{background:#000;position:absolute;border:none;display:flex;align-items:center;padding:4px;border-radius:4px}.duration-box.right-corner{right:4px;bottom:4px}.duration-box .mat-icon{vertical-align:middle;color:#fff!important;height:14px!important;width:14px!important;font-size:14px}.duration-box .duration{font:700 12px/16px Lato;display:inline-block;margin:0;padding:0}"]}]}],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-all;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}"]}]}],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}];function IStripUnitContentData$1(){}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}.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}(),API_POINTS={COMPETENCY_LIST:"apis/proxies/v8/competency/v4/search",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.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){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}]}return t.prototype.ngOnInit=function(){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;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:["competencies_v5.competencyArea"],limit:0,offset:0,fields:[]}},i.label=1;case 1:return i.trys.push([1,3,,4]),[4,this.callCompetencySearch(e)];case 2:return(n=i.sent())&&n.results&&n.results.result.facets&&(this.competencyArea=n.results.result.facets[0].values,this.competencyStrength=this.competencyArea.reduce((function(t,e){return t+e.count}),0),this.selectedValue=this.competencyArea[0].name.toLowerCase(),a={createdFor:[this.providerId]},this.getcompetencyTheme(this.competencyArea[0].name,a),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){var e={};this.providerId&&(e={createdFor:[this.providerId]}),this.temeletryResponse.emit(t.name),this.getcompetencyTheme(t.name,e),this.selectedValue=t.name},t.prototype.getAllCompetencies=function(){var t=this;this.loadCometency=!0;this.competencySvc.getCompetencyList({search:{type:"Competency Area"},filter:{isDetail:!0}}).subscribe((function(e){t.allcompetencyTheme={},e&&e.result&&e.result.competency&&(t.originalCompetencyArray=e.result.competency,t.getCompetencyArea(),e.result.competency.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=this;return __generator(this,(function(r){switch(r.label){case 0:n={request:{query:"",filters:__assign({contentType:"Course"},e,{"competencies_v5.competencyArea":t,status:["Live"]}),sort_by:{lastUpdatedOn:"desc"},facets:["competencies_v5.competencyTheme"],limit:0,offset:0,fields:[]}},r.label=1;case 1:return r.trys.push([1,3,,4]),this.loadCometency=!0,[4,this.callCompetencySearch(n)];case 2:return(a=r.sent())&&a.results&&(a.results.result.facets&&(i=a.results.result.facets[0].values,this.originalCompetencyArray.forEach((function(e){e.name.toLowerCase()===t&&(o.competencyTheme=i.filter((function(t){return e.children.find((function(e){return e.name.toLowerCase()===t.name.toLowerCase()}))})),o.showAllTheme=[{name:"Show all",showAll:!1}],o.competencyThemeLength=6)})),this.resetViewMore()),this.loadCometency=!1),[3,4];case 3:return r.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.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]?.name}}</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" *ngIf="obj.count === 1">{{obj.count}} Content</div>\n                        <div class="no-of-contents" *ngIf="obj.count !== 1">{{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?.name" >\n                                {{ child.name }}\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}]},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/"},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.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){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}]}return t.prototype.ngOnInit=function(){this.getAllCompetencies()},t.prototype.getAllCompetencies=function(){var t=this;this.loadCometency=!0;this.competencySvc.getCompetencyList({search:{type:"Competency Area"},filter:{isDetail:!0}}).subscribe((function(e){t.allcompetencyTheme={},e&&e.result&&e.result.competency&&(t.originalCompetencyArray=e.result.competency,t.getMdoCompetencies(),e.result.competency.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){"competencies_v5.competencyArea"===t.name?(e.competencyArea=t.values,e.selectedValue=t.values[0].name):"competencies_v5.competencyTheme"===t.name&&(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]?.name}}</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?.name" >\n                                {{ child.name }}\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}]},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$6=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$6,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.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})}))},t.prototype.tabClicked=function(t){this.raiseTelemetry(t.tab.textLabel+" tab")},t.prototype.hideContentStrip=function(t,e){t&&(e.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.strips&&e.strips.length){var n=e.strips[0];n&&n.request&&(delete n.loaderWidgets,this.router.navigate(["/app/learn/mdo-channels/"+this.channnelName+"/"+this.orgId+"/all-content"],{queryParams:{stripData:JSON.stringify(n)}}))}else this.router.navigate(["/app/learn/browse-by/provider/"+this.channnelName+"/"+this.orgId+"/all-CBP"])},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 sticky-logo-square">\n            </div>\n            <div class="flex  items-center justify-center">\n                <div class="container">\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]="contentStrip"\n                                [ngTemplateOutletContext]="{contentStrip: column?.data}"></ng-container>\n                                <ng-container *ngSwitchCase="\'contentRecommendedCoursesStrip\'" [ngTemplateOutlet]="contentStrip"\n                                [ngTemplateOutletContext]="{contentStrip: column?.data}"></ng-container>\n                                <ng-container *ngSwitchCase="\'contentFeaturedStrip\'" [ngTemplateOutlet]="contentStrip"\n                                [ngTemplateOutletContext]="{contentStrip: column?.data}"></ng-container>\n                                <ng-container *ngSwitchCase="\'contentcertificationsOfWeekStrip\'" [ngTemplateOutlet]="contentStrip"\n                                [ngTemplateOutletContext]="{contentStrip: column?.data}"></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\n<ng-template #contentStrip let-contentStrip="contentStrip">\n    <ng-container *ngIf="!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, contentStrip)"\n                    (telemtryResponse)="raiseTelemetryInteratEvent($event)"\n                    (emptyResponse)="hideContentStrip($event, contentStrip)"\n                    [providerId]="orgId"\n                    [widgetData]="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(https://portal.karmayogiqa.nic.in/content-store/orgStore/0135071359030722569/1720698778795_MDO-channel-banner.png);background-size:cover;min-height:464px}.mob-container{background-image:url(https://portal.karmayogiqa.nic.in/content-store/orgStore/0135071359030722569/1720693634596_MDOChannel_RightGraphic%202.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}.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}}@media screen and (min-width:769px){.sticky-logo-square{width:8%}}@media screen and (min-width:1280px){.sticky-logo-square{width:10%}}@media screen and (min-width:1520px){.sticky-logo-square{width:15%}}@media screen and (min-width:1904px){.sticky-logo-square{width:20%}}::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}]},t}();var ɵ0$7=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$7,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.hideSection=!0)},t.prototype.hideLearnerReview=function(t,e){t&&(e.hideSection=!0)},t.prototype.showAllContent=function(t,e){if(e&&e.strips&&e.strips.length){var n=e.strips[0];n&&n.request&&(delete n.loaderWidgets,this.router.navigate(["/app/learn/browse-by/provider/"+this.providerName+"/"+this.providerId+"/all-content"],{queryParams:{stripData:JSON.stringify(n),pageDetails:!0}}))}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]="contentStrip"\n                                        [ngTemplateOutletContext]="{contentStrip: column?.data}"></ng-container>\n                                    <ng-container *ngSwitchCase="\'contentTopStrip\'" [ngTemplateOutlet]="contentStrip"\n                                        [ngTemplateOutletContext]="{contentStrip: column?.data}"></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">\n                <div class="hidden md:block p-5 custombgsection">\n                    <sb-uic-data-points  [providerId]="providerId" [fetchDataFromApi]="true" [objectData]="data?.metrics?.data" [layoutType]="\'multipleRows-V2\'"></sb-uic-data-points>\n                </div>\n                <div class="col-span-3"></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 #contentStrip let-contentStrip="contentStrip">\n    <ng-container *ngIf="!contentStrip?.hideSection">\n        <div class="flex justify-center relative mt-8 mb-8">\n            <img class="absolute {{contentStrip?.sectionImagePosition}}" src="{{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,contentStrip)"\n                        (emptyResponse)="hideContentStrip($event, contentStrip)"\n                        (telemtryResponse)="raiseTelemetryInteratEvent($event)"\n                        [providerId]="providerId"\n                        [widgetData]="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}.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:768px){.infra-sec{padding:0}.infra-box,.infra-box-review{width:99%;height:auto}.infra-sec-desc{padding-top:0}.mob-container{background-image:url(https://portal.karmayogiqa.nic.in/content-store/orgStore/0135071359030722569/1720693634596_MDOChannel_RightGraphic%202.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}::ng-deep.featuredContents .mat-tab-header{padding-left:20px}::ng-deep.topContents .mat-tab-header{padding-left:20px}}.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%;filter:brightness(100)}.mob-header{font-family:Lato;font-size:16px;font-weight:600}.custombgsection{background:url(https://portal.karmayogiqa.nic.in/content-store/orgStore/0135071359030722569/1721377495600_test%2011.svg) 0 0/cover no-repeat;width:40%;position:absolute;z-index:99;left:0;height:21.3em}@media screen and (min-width:769px){.custombgsection{width:30%}}@media screen and (min-width:1014px){.info-slider{width:1014px!important}}@media screen and (min-width:1280px){.custombgsection{width:38%}.infobanner.banner-container{width:1014px!important}}"]}]}],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$8=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$8,deps:[http.HttpClient]}})],exports:[ProvidersV2Component],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.ContentStripWithTabsLibModule=ContentStripWithTabsLibModule,exports.ContentStripWithTabsPillsModule=ContentStripWithTabsPillsModule,exports.DataPointsModule=DataPointsModule,exports.HttpLoaderFactory=HttpLoaderFactory,exports.HttpLoaderFactory1=HttpLoaderFactory1,exports.MDOChannelModule=MDOChannelModule,exports.MyHammerConfig=MyHammerConfig,exports.ProvidersModule=ProvidersModule,exports.ROOT_WIDGET_CONFIG=ROOT_WIDGET_CONFIG,exports.SlidersLibModule=SlidersLibModule,exports.TopLearnersModule=TopLearnersModule,exports.UserContentRatingLibModule=UserContentRatingLibModule,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=DialogComponentsModule,exports.ɵcc=CertificateDialogComponent,exports.ɵcd=AvatarPhotoLibModule,exports.ɵce=AvatarPhotoLibComponent,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.ɵ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,r=arguments.length;n<r;n++)for(var a in e=arguments[n])Object.prototype.hasOwnProperty.call(e,a)&&(t[a]=e[a]);return t}).apply(this,arguments)};function __rest(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(t);a<r.length;a++)e.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(t,r[a])&&(n[r[a]]=t[r[a]])}return n}function __decorate(t,e,n,r){var a,i=arguments.length,o=i<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,n,r);else for(var s=t.length-1;s>=0;s--)(a=t[s])&&(o=(i<3?a(o):i>3?a(e,n,o):a(e,n))||o);return i>3&&o&&Object.defineProperty(e,n,o),o}function __param(t,e){return function(n,r){e(n,r,t)}}function __metadata(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)}function __awaiter(t,e,n,r){return new(n||(n=Promise))((function(a,i){function o(t){try{l(r.next(t))}catch(t){i(t)}}function s(t){try{l(r.throw(t))}catch(t){i(t)}}function l(t){var e;t.done?a(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(o,s)}l((r=r.apply(t,e||[])).next())}))}function __generator(t,e){var n,r,a,i,o={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return i={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function s(i){return function(s){return function(i){if(n)throw new TypeError("Generator is already executing.");for(;o;)try{if(n=1,r&&(a=2&i[0]?r.return:i[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,i[1])).done)return a;switch(r=0,a&&(i=[2&i[0],a.value]),i[0]){case 0:case 1:a=i;break;case 4:return o.label++,{value:i[1],done:!1};case 5:o.label++,r=i[1],i=[0];continue;case 7:i=o.ops.pop(),o.trys.pop();continue;default:if(!(a=o.trys,(a=a.length>0&&a[a.length-1])||6!==i[0]&&2!==i[0])){o=0;continue}if(3===i[0]&&(!a||i[1]>a[0]&&i[1]<a[3])){o.label=i[1];break}if(6===i[0]&&o.label<a[1]){o.label=a[1],a=i;break}if(a&&o.label<a[2]){o.label=a[2],o.ops.push(i);break}a[2]&&o.ops.pop(),o.trys.pop();continue}i=e.call(t,o)}catch(t){i=[6,t],r=0}finally{n=a=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,s])}}}function __createBinding(t,e,n,r){void 0===r&&(r=n),t[r]=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],r=0;if(n)return n.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&r>=t.length&&(t=void 0),{value:t&&t[r++],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 r,a,i=n.call(t),o=[];try{for(;(void 0===e||e-- >0)&&!(r=i.next()).done;)o.push(r.value)}catch(t){a={error:t}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(a)throw a.error}}return o}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 r=Array(t),a=0;for(e=0;e<n;e++)for(var i=arguments[e],o=0,s=i.length;o<s;o++,a++)r[a]=i[o];return r}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 r,a=n.apply(t,e||[]),i=[];return r={},o("next"),o("throw"),o("return"),r[Symbol.asyncIterator]=function(){return this},r;function o(t){a[t]&&(r[t]=function(e){return new Promise((function(n,r){i.push([t,e,n,r])>1||s(t,e)}))})}function s(t,e){try{(n=a[t](e)).value instanceof __await?Promise.resolve(n.value.v).then(l,c):d(i[0][2],n)}catch(t){d(i[0][3],t)}var n}function l(t){s("next",t)}function c(t){s("throw",t)}function d(t,e){t(e),i.shift(),i.length&&s(i[0][0],i[0][1])}}function __asyncDelegator(t){var e,n;return e={},r("next"),r("throw",(function(t){throw t})),r("return"),e[Symbol.iterator]=function(){return this},e;function r(r,a){e[r]=t[r]?function(e){return(n=!n)?{value:__await(t[r](e)),done:"return"===r}:a?a(e):e}:a}}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={},r("next"),r("throw"),r("return"),e[Symbol.asyncIterator]=function(){return this},e);function r(n){e[n]=t[n]&&function(e){return new Promise((function(r,a){(function(t,e,n,r){Promise.resolve(r).then((function(e){t({value:e,done:n})}),e)})(r,a,(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 r=document.getElementById(""+this.id).clientWidth;if(n*this.widgetsLength>r){e=Math.round(r/n),this.defaultMaxWidgets=this.defaultMaxWidgets&&this.widgetsLength<this.defaultMaxWidgets?this.widgetsLength:this.defaultMaxWidgets,e=this.defaultMaxWidgets/e;for(var a=0;a<e;a+=1)this.bottomDotsArray.push(a)}}}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:'\r\n<section class="horizontal-scroll-container h-full" [id]="id"\r\n[ngClass]="{\'px-4\': sliderConfig.showNavs && sliderConfig.showNavsSpacing, \'mt-5\':sliderConfig.cerificateCardMargin}">\r\n    <div name="horizontal-scroll-content-strip" class="horizontal-scroll-content" #horizontalScrollElem>\r\n        <ng-content></ng-content>\r\n    </div>\r\n    <div class="navigation {{isMobile? sliderConfig?.responsive?.arrowsPlacement : sliderConfig?.arrowsPlacement}}">\r\n        <ng-container *ngIf="sliderConfig?.showNavs">\r\n            <button i18n-aria-label aria-label="back" name="content-backward-button" mat-mini-fab color="" \r\n                (click)="showPrev()" class="prevBtn  mat-elevation-z" [hidden]="!enablePrev"\r\n                [ngClass]="{\'prevBtnHover\': onHover}">\r\n                <mat-icon>navigate_before</mat-icon>\r\n            </button>\r\n        </ng-container>\r\n        <ng-container *ngIf="sliderConfig?.showNavs">\r\n            <button i18n-aria-label aria-label="next" name="content-forward-button" mat-mini-fab (click)="showNext()"\r\n                color="" class="nextBtn  mat-elevation-z" [ngClass]="{\'nextBtnHover\': onHover}"\r\n                [hidden]="!enableNext || loadStatus === \'fetching\'">\r\n                <mat-icon>navigate_next</mat-icon>\r\n            </button>\r\n        </ng-container>\r\n    </div>\r\n    \x3c!-- <div class="nextLoading" *ngIf="loadStatus === \'fetching\'">\r\n        <mat-spinner></mat-spinner>\r\n    </div> --\x3e    \r\n</section>\r\n\r\n<div class="dots-container {{isMobile? sliderConfig?.responsive?.dotsAlign : sliderConfig?.dotsAlign}}" \r\n*ngIf="(isMobile && sliderConfig?.responsive?.showDots) || (!isMobile && sliderConfig?.showDots)">\r\n    \x3c!-- <span class="dot" [ngClass]="{ active: j === currentIndex }" --\x3e\r\n    <span class="dot" [ngClass]="{ active: j === activeNav }" *ngFor="let slide of bottomDotsArray; let j = index" (click)="slideTo(j)"></span>\r\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 r(){}function a(){}function i(){}function o(){}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=r,t.IContentResponse=a,t.IBatch=i,t.IBatchListResponse=o,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,r,a,i,o,s){void 0===a&&(a=!1);var l=n,c=r;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 i&&(g={primaryCategory:i}),n&&r&&(g=__assign({},g,{collectionId:l,collectionType:c})),o&&(g=__assign({},g,{batchId:o})),s&&(g=__assign({},g,{courseName:s})),a&&(g=__assign({},g,{preview:!0})),p&&(g=__assign({},g,{editMode:!0})),{queryParams:g,url:d}}var moment=moment$2,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,r){void 0===e&&(e="detail"),void 0===n&&(n=[]);var a="",i=window.location.href.includes("/public/")||window.location.href.includes("&preview=true");r&&this.isResource(r)?a=i?"/api/content/v1/read/"+t:"/apis/proxies/v8/action/content/v3/read/"+t:a=i?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(a).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,r){return void 0===n&&(n=0),void 0===r&&(r=1),this.http.get(API_END_POINTS.COLLECTION_HIERARCHY(t,e)+"?pageNumber="+n+"&pageSize="+r)},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 r=this;return __generator(this,(function(a){return[2,new Promise((function(a){return __awaiter(r,void 0,void 0,(function(){var r;return __generator(this,(function(i){switch(i.label){case 0:return n&&"playlist"===n.toLowerCase()?(r={contextPathId:e||t,resourceId:t,data:JSON.stringify({timestamp:Date.now(),contextFullPath:[e,t]}),dateAccessed:Date.now(),contextType:"playlist"},[4,this.saveContinueLearning(r).toPromise().catch().finally((function(){a(!0)}))]):[3,2];case 1:return i.sent(),[3,4];case 2:return r={contextPathId:e||t,resourceId:t,data:JSON.stringify({timestamp:Date.now()}),dateAccessed:Date.now()},[4,this.saveContinueLearning(r).toPromise().catch().finally((function(){a(!0)}))];case 3:i.sent(),i.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,r,a,i=this;return __generator(this,(function(o){switch(o.label){case 0:if(100===e.completionPercentage)return[2,this.gotoTocPage(e)];if(e.lrcProgressDetails&&e.lrcProgressDetails.mimeType){if((r=__assign({},e,{identifier:e.collectionId,primaryCategory:e.content.primaryCategory,name:e.content.name})).lastReadContentId)return[2,this.getResourseDataWithData(r,e.lastReadContentId,e.lrcProgressDetails.mimeType)];if(r.firstChildId)return[2,this.getResourseDataWithData(r,e.firstChildId,e.lrcProgressDetails.mimeType)]}return e.firstChildId||e.lastReadContentId?(a=e.firstChildId||e.lastReadContentId,[4,this.fetchProgramContent(a).toPromise().then((function(t){return __awaiter(i,void 0,void 0,(function(){var r,a;return __generator(this,(function(i){return t&&t.result&&t.result.content&&(r=t.result.content,a=__assign({},e,{identifier:e.collectionId,primaryCategory:e.content.primaryCategory,name:e.content.name}),n=this.getResourseDataWithData(a,r.identifier,r.mimeType))?[2,n]:[2]}))}))}))]):[3,2];case 1:return[2,o.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"),r=t.endDate?moment(t.endDate).format("YYYY-MM-DD"):e;return moment(n).isSameOrBefore(e)&&moment(r).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 r=t;if(r=r&&r.replace(/\s/g,""),n){var a=e+"."+r+n;return this.translate.instant(a)}var i=e+"."+r;return this.translate.instant(i)},t.prototype.translateLabel=function(t,e,n){if(t){var r=t,a=(r=r&&r.toLowerCase()).split(" ");if(a.forEach((function(t,e){0!==e&&(a[e]=t[0].toUpperCase()+t.slice(1))})),r=(r=a.join("")).replace(/\s/g,""),n){var i=e+"."+r+n;return this.translate.instant(i)}var o=e+"."+r;return this.translate.instant(o)}return t},t.prototype.translateActualLabel=function(t,e,n){var r=t,a=r.split(" ");if(a.forEach((function(t,e){0!==e&&(a[e]=t[0].toUpperCase()+t.slice(1))})),r=(r=a.join("")).replace(/\s/g,""),n){var i=e+"."+r+n;return this.translate.instant(i)}var o=e+"."+r;return this.translate.instant(o)},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 r={request:{userId:n,profileDetails:{additionalProperties:{webPortalLang:this.selectedLang}}}};this.editProfileDetailsAPI(r).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 r(){}t.ICard=e,t.IContentTags=n,t.ICompetency=r,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,r,a){return"apis/proxies/v8/learner/course/v2/user/enrollment/list/"+t+"?orgdetails="+e+"&licenseDetails="+n+"&fields="+r+",courseCategory,"+NsCardContent.IGOTConst.COMPETENCIES+"&batchDetails="+a},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,r="";r=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 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.checkStorageData("enrollmentService","enrollmentData")?this.http.get(r,{headers:a}).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 r=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:r}).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 r=JSON.parse(n);return!r[t]||(dayjs().diff(r[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 r={};r[t]=(new Date).getTime(),localStorage.setItem("timeCheck",JSON.stringify(r))}},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,r,a,i,o,s;return __generator(this,(function(l){return e=[],n=dayjs().format("YYYY-MM-DD"),r=JSON.parse(localStorage.getItem("enrollmentMapData")||"{}"),t&&t.count?(t.content.forEach((function(t){t.contentList.forEach((function(a){var i=r[a.identifier],o=dayjs(t.endDate).format("YYYY-MM-DD"),s=dayjs(o).diff(n,"day");a.planDuration=s<0?NsCardContent.ACBPConst.OVERDUE:s>29?NsCardContent.ACBPConst.SUCCESS:NsCardContent.ACBPConst.UPCOMING,a.endDate=t.endDate,a.parentId=t.id,a.planType="cbPlan",(a.status!==NsCardContent.IGOTConst.RETIRED||i&&2===i.status)&&e.push(a);var l=[],c=[],d=[],p=[],g=[],u=[],m=[];a.contentStatus=0,i&&(a.contentStatus=i.status),a.competencies_v5&&a.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))})),a.competencyArea=l,a.competencyTheme=c,a.competencyThemeType=d,a.competencySubTheme=p,a.competencyAreaId=g,a.competencyThemeId=u,a.competencySubThemeId=m}))})),e.length>1?(a=e.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"]),s=lodash.orderBy(o,["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,r,a,i,o,s,l,c){var d=_super.call(this)||this;if(d.contentSvc=e,d.loggerSvc=n,d.eventSvc=r,d.configSvc=a,d.utilitySvc=i,d.router=o,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 r=__values(this.widgetData.strips),a=r.next();!a.done;a=r.next()){var i=a.value;this.checkForEmptyWidget(i)?this.fetchStripFromRequestData(i,!1):this.processStrip(i,[],"done",!0,null)}}catch(e){t={error:e}}finally{try{a&&!a.done&&(e=r.return)&&e.call(r)}finally{if(t)throw t.error}}var o=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,r=t.from;return e&&n&&r})),s=new Set(o.map((function(t){return t.type})));this.changeEventSubscription=this.eventSvc.events$.pipe(operators.filter((function(t){return s.has(t.eventType)}))).subscribe((function(t){o.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 r,a,i="",o=[],s=lodash.get(t.request.enrollmentList,"queryParams");this.configSvc.userProfile&&(i=this.configSvc.userProfile.userId),this.userSvc.fetchUserBatchList(i,s).subscribe((function(i){var s=i&&i.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&&(r=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}))),a=(r||[]).sort((function(t,e){var n=new Date(t.lastContentAccessTime||0);return new Date(e.lastContentAccessTime||0)-n})),t.tabs&&t.tabs.length?(o=n.splitEnrollmentTabsData(a,t),n.processStrip(t,n.transformContentsToWidgets(a,t),"done",e,l,o)):n.processStrip(t,n.transformContentsToWidgets(a,t),"done",e,l)}),(function(){n.processStrip(t,[],"error",e,null)}))}},ContentStripWithTabsLibComponent.prototype.splitEnrollmentTabsData=function(t,e){var n=[],r=this.getInprogressAndCompleted(t,(function(t){return 1===t.completionStatus||t.completionPercentage<100}),e);if(e.tabs&&e.tabs.length)for(var a=function(t){e.tabs[t]&&n.push(__assign({},e.tabs[t],{fetchTabStatus:"done"},r.find((function(n){if(e.tabs&&e.tabs[t]&&n.value===e.tabs[t].value)return n}))))},i=0;i<e.tabs.length;i+=1)a(i);return n},ContentStripWithTabsLibComponent.prototype.getInprogressAndCompleted=function(t,e,n){var r=[],a=[];return t.forEach((function(t,n,i){var o="retired"===(t.status?t.status.toLowerCase():"");e(t,n,i)?o||r.push(t):a.push(t)})),a.sort((function(t,e){var n=t.status?t.status.toLowerCase():"",r=e.status?e.status.toLowerCase():"";return"live"===n&&"live"!==r?-1:"live"!==n&&"live"===r||"retired"===n&&"retired"!==r?1:"retired"!==n&&"retired"===r?-1:0})),[{value:"inprogress",widgets:this.transformContentsToWidgets(r,n)},{value:"completed",widgets:this.transformContentsToWidgets(a,n)}]},ContentStripWithTabsLibComponent.prototype.fetchFromSearchV6=function(t,e){return void 0===e&&(e=!0),__awaiter(this,void 0,void 0,(function(){var n,r,a,i,o=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&&(r=this.stripsResultDataMap[t.key].tabs,a=r&&r.length&&r[0],this.getTabDataByNewReqSearchV6(t,0,a,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(i=s.sent())&&i.results?i.results.result.content?"scheduledAssessment"===t.key?this.enrollInterval=setInterval((function(){o.checkInvitOnlyAssessments(i.results.result.content,t,e,i.viewMoreUrl)}),1e3):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 s.sent(),[3,4];case 4:return[2]}}))}))},ContentStripWithTabsLibComponent.prototype.checkInvitOnlyAssessments=function(t,e,n,r){var a=this;if(localStorage.getItem("enrollmentMapData")){this.enrollmentMapData=JSON.parse(localStorage.getItem("enrollmentMapData")||"{}");var i=[],o=(new Date).getTime();t.forEach((function(t){if(a.enrollmentMapData[t.identifier]&&2!==a.enrollmentMapData[t.identifier].status&&a.enrollmentMapData[t.identifier].batch){var e=a.enrollmentMapData[t.identifier].batch;new Date(e.endDate).getTime()-o>0&&(t.batch=a.enrollmentMapData[t.identifier].batch,t.completionPercentage=a.enrollmentMapData[t.identifier].completionPercentage,i.push(t))}})),i=i.sort((function(t,e){return new Date(t.batch.startDate||0)-new Date(e.batch.startDate||0)})),this.processStrip(e,this.transformContentsToWidgets(i,e),"done",n,r),clearInterval(this.enrollInterval)}},ContentStripWithTabsLibComponent.prototype.searchV6Request=function(t,e,n){return __awaiter(this,void 0,void 0,(function(){var r,a=this;return __generator(this,(function(i){return r=[],[2,new Promise((function(i,o){e&&e.searchV6&&a.contentSvc.searchV6(e.searchV6).subscribe((function(n){var o=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(a.transformSearchV6FiltersV2(r)):{}}}:null;i({results:n,viewMoreUrl:o})}),(function(e){a.processStrip(t,[],"error",n,null),o(e)}))}))]}))}))},ContentStripWithTabsLibComponent.prototype.fetchFromTrendingContent=function(t,e){return void 0===e&&(e=!0),__awaiter(this,void 0,void 0,(function(){var n,r,a,i,o;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&&(r=this.stripsResultDataMap[t.key].tabs,a=r&&r.length&&r[0],this.getTabDataByNewReqTrending(t,0,a,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(i=s.sent())&&i.results&&i.results.response?(o=i.results.response[t.request.trendingSearch.responseKey]||[],this.processStrip(t,this.transformContentsToWidgets(o,t),"done",e,i.viewMoreUrl||""),o.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 r,a=this;return __generator(this,(function(i){return r=[],[2,new Promise((function(i,o){if(e&&e.trendingSearch){if(e.trendingSearch.request.filters.organisation&&e.trendingSearch.request.filters.organisation.indexOf("<orgID>")>=0){var s=void 0;a.configSvc.userProfile&&(s=a.configSvc.userProfile.rootOrgId),e.trendingSearch.request.filters.organisation=s}a.contentSvc.trendingContentSearch(e.trendingSearch).subscribe((function(n){var o=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(a.transformSearchV6FiltersV2(r)):{}}}:null,s=[];n&&n.response&&n.response.certifications&&n.response.certifications.map((function(t){t.source===a.channnelName&&s.push(t)})),i({results:n={response:{certifications:s}},viewMoreUrl:o})}),(function(e){e.error&&400===e.error.status&&a.processStrip(t,[],"done",n,null),o(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,r,a,i){return void 0===e&&(e=[]),void 0===r&&(r=!0),__awaiter(this,void 0,void 0,(function(){var a,o;return __generator(this,(function(s){return a={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:i||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,((o={})[t.key]=a,o)),i?this.contentAvailable=!0:(r&&("done"===n||"error"===n)&&a.widgets&&this.checkParentStatus(n,a.widgets.length),!r||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,r=this.widgetData.strips.length;this.successDataCount>0&&n<r||(this.showParentLoader=n!==r,this.showParentNoData=this.noDataCount>0&&this.noDataCount+this.errorDataCount===r,this.showParentError=this.errorDataCount===r)},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 r={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(r.label)+"-tab"},{},{module:utilsV2.WsEvents.EnumTelemetrymodules.HOME});var a=e.tabs&&e.tabs[t.index],i=this.widgetData.strips.find((function(t){return t.key===n}));this.stripsResultDataMap[n]&&a&&(this.stripsResultDataMap[n].viewMoreUrl.queryParams=__assign({},this.stripsResultDataMap[n].viewMoreUrl.queryParams,{tabSelected:a.label})),i&&a&&!a.computeDataOnClick&&(a.requestRequired&&a.request?(a.request.searchV6?this.getTabDataByNewReqSearchV6(i,t.index,a,!0):a.request.trendingSearch?this.getTabDataByNewReqTrending(i,t.index,a,!0):a.request.topContent?this.getTabDataByNewReqTopContent(i,t.index,a,!0):a.request.playlistRead?this.getTabDataByNewReqPlaylistReadContent(i,t.index,a,!0):a.request.ciosContent&&this.getTabDataByCiosSearch(i,t.index,a,!0),e&&e.tabs&&e.tabs[t.index]&&(e.tabs[t.index].tabLoading=!1)):(this.getTabDataByfilter(i,a,!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,r){return __awaiter(this,void 0,void 0,(function(){var a,i,o,s;return __generator(this,(function(l){switch(l.label){case 0:return l.trys.push([0,2,,3]),[4,this.searchV6Request(t,n.request,r)];case 1:return(a=l.sent())&&a.results?(i=this.transformContentsToWidgets(a.results.result.content,t),o=[],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"}),o=s),this.processStrip(t,i,"done",r,a.viewMoreUrl,o)):this.processStrip(t,[],"error",r,null),[3,3];case 2:return l.sent(),[3,3];case 3:return[2]}}))}))},ContentStripWithTabsLibComponent.prototype.getTabDataByNewReqTrending=function(t,e,n,r){return __awaiter(this,void 0,void 0,(function(){var a,i,o,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,r)];case 1:return(a=c.sent())&&a.results&&a.results.response?(i=a.results.response[n.value]||[],o=this.transformContentsToWidgets(i,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:o,fetchTabStatus:"done"}),s=l),this.processStrip(t,o,"done",r,a.viewMoreUrl,s)):this.processStrip(t,[],"done",r,null),[3,3];case 2:return c.sent(),this.processStrip(t,[],"error",r,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,r,a;return __generator(this,(function(i){switch(i.label){case 0:return t.request&&t.request.cbpList&&Object.keys(t.request.cbpList).length?(n=void 0,r=[],[4,this.userSvc.fetchCbpPlanList().toPromise()]):[3,5];case 1:return(a=i.sent())?(n=a,t.tabs&&t.tabs.length?(r=this.splitCbpTabsData(n,t),[4,this.processStrip(t,this.transformContentsToWidgets(n,t),"done",e,"",r)]):[3,3]):[3,4];case 2:return i.sent(),[3,4];case 3:this.processStrip(t,this.transformContentsToWidgets(n,t),"done",e,"viewMoreUrl"),i.label=4;case 4:clearInterval(this.enrollInterval),i.label=5;case 5:return[2]}}))}))},ContentStripWithTabsLibComponent.prototype.splitCbpTabsData=function(t,e){var n=[],r=this.getTabsList(t,e);if(e.tabs&&e.tabs.length)for(var a=function(t){e.tabs[t]&&n.push(__assign({},e.tabs[t],{fetchTabStatus:"done"},r.find((function(n){if(e.tabs&&e.tabs[t]&&n.value===e.tabs[t].value)return n}))))},i=0;i<e.tabs.length;i+=1)a(i);return n},ContentStripWithTabsLibComponent.prototype.getTabsList=function(t,e){var n=[],r=[],a=[];t.forEach((function(t){n.push(t),t.planDuration===NsCardContent.ACBPConst.OVERDUE?a.push(t):t.planDuration===NsCardContent.ACBPConst.UPCOMING&&r.push(t)}));var i=n.filter((function(t){return 2===t.contentStatus})),o=n.filter((function(t){return t.contentStatus<2})),s=i.filter((function(t){return t.planDuration===NsCardContent.ACBPConst.OVERDUE})),l=i.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})),o=o.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(o,l,s),a=(a=a.filter((function(t){return t.contentStatus<2}))).sort((function(t,e){return new Date(t.endDate)>new Date(e.endDate)?-1:1})),r=r.filter((function(t){return t.contentStatus<2})),[{value:"all",widgets:this.transformContentsToWidgets(n,e)},{value:"upcoming",widgets:this.transformContentsToWidgets(r,e)},{value:"overdue",widgets:this.transformContentsToWidgets(a,e)}]},ContentStripWithTabsLibComponent.prototype.getSelectedIndex=function(t,e){var n=0;if("cbpPlan"===e&&t.tabs.length){var r=t.tabs.filter((function(t){return"upcoming"===t.value}));n=r[0].widgets&&r[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,r,a;return __generator(this,(function(i){switch(i.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,r=n&&n.length&&n[0],this.getTabDataByNewReqTopContent(t,0,r,e)),[3,4]):[3,1]):[3,4];case 1:return i.trys.push([1,3,,4]),[4,this.postRequestMethod(t,t.request.topContent,t.request.apiUrl,e)];case 2:return(a=i.sent())&&a.results&&a.results.result.content&&a.results.result.content.length?this.processStrip(t,this.transformContentsToWidgets(a.results.result.content,t),"done",e,a.viewMoreUrl):(this.processStrip(t,[],"error",e,null),this.emptyResponse.emit(!0)),[3,4];case 3:return i.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(r){switch(r.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)),r.label=1;case 1:return r.trys.push([1,3,,4]),[4,this.postRequestMethod(t,t.request.featureContent,t.request.apiUrl,e)];case 2:return(n=r.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 r.sent(),this.emptyResponse.emit(!0),[3,4];case 4:return[2]}}))}))},ContentStripWithTabsLibComponent.prototype.getTabDataByNewReqTopContent=function(t,e,n,r){return __awaiter(this,void 0,void 0,(function(){var a,i,o,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,r)];case 2:return(a=l.sent()).results&&a.results.result?(i=this.transformContentsToWidgets(a.results.result.content,t),o=[],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"}),o=s),this.processStrip(t,i,"done",r,a.viewMoreUrl,o)):this.processStrip(t,[],"error",r,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,r){return __awaiter(this,void 0,void 0,(function(){var a=this;return __generator(this,(function(i){return[2,new Promise((function(i,o){e&&e&&a.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;i({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;i({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;i({results:e,viewMoreUrl:n})}}),(function(e){a.processStrip(t,[],"error",r,null),o(e)}))}))]}))}))},ContentStripWithTabsLibComponent.prototype.getRequestMethod=function(t,e,n,r){return __awaiter(this,void 0,void 0,(function(){var a=this;return __generator(this,(function(i){return[],[2,new Promise((function(i,o){e&&e&&a.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 r=JSON.parse(e.result.content.featuredProviders||"[]");n=Boolean(r&&r.length>5&&t.stripConfig&&t.stripConfig.postCardForSearch)}var a=n?{path:t.viewMoreUrl&&t.viewMoreUrl.path||""}:null;i({results:e,viewMoreUrl:a})}),(function(e){a.processStrip(t,[],"error",r,null),o(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,r;return __generator(this,(function(a){switch(a.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)),a.label=1;case 1:return a.trys.push([1,3,,4]),[4,this.getRequestMethod(t,t.request.bookmarkRead,t.request.apiUrl,e)];case 2:return n=a.sent(),r=n.results.result.data.orgList,n?this.processStrip(t,this.transformAllContentsToWidgets(r,t),"done",e,n):(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.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,r;return __generator(this,(function(a){switch(a.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)),a.label=1;case 1:return a.trys.push([1,3,,4]),[4,this.postRequestMethod(t,t.request.playlistSearch.request,t.request.apiUrl,e)];case 2:return(n=a.sent())&&n.results&&n.results.result.data&&n.results.result.data.length?(r=[],n.results.result.data.forEach((function(t){t.children&&t.children.length&&r.push(t)})),r.length?this.processStrip(t,this.transformContentsToWidgets(r,t),"done",e,n.viewMoreUrl):this.emptyResponse.emit(!0)):(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.fetchPlaylistReadData=function(t,e){return void 0===e&&(e=!0),__awaiter(this,void 0,void 0,(function(){var n,r,a,i,o;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,r=n&&n.length&&n[0],this.getTabDataByNewReqPlaylistReadContent(t,0,r,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(a=s.sent())&&a.results.result.content?(i=a.results.result.content,"providers"===t.key?(o=JSON.parse(i.featuredProviders||"[]"),this.processStrip(t,this.transformAllContentsToWidgets(o,t),"done",e,a)):this.processStrip(t,this.transformAllContentsToWidgets(i,t),"done",e,a)):(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,r){return __awaiter(this,void 0,void 0,(function(){var a,i,o,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,r)];case 2:return(a=p.sent()).results&&a.results.result?(i=a.results.result.content,o=[],"providers"===n.value?(s=JSON.parse(i.featuredProviders||"[]"),o=this.transformAllTabContentsToWidgets(s,n)):o=this.transformAllTabContentsToWidgets(i,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:o,fetchTabStatus:"done"}),c=d),this.processStrip(t,o,"done",r,a.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",r,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",r,null,c)):this.processStrip(t,[],"error",r,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,r,a,i,o;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&&"trainingInstitutions"===n.value&&this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(r=this.stripsResultDataMap[t.key].tabs,a=r&&r.length&&r[0],this.getTabDataByCiosSearch(t,0,a,e)),n.requestRequired&&"providers"===n.value&&this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs&&(r=this.stripsResultDataMap[t.key].tabs,a=r&&r.length&&r[0],this.getTabDataByNewReqPlaylistReadContent(t,0,a,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(i=s.sent())&&i.results&&i.results.data&&i.results.data.length?(o=i.results.data).length?this.processStrip(t,this.transformContentsToWidgets(o,t),"done",e,i.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,r){return __awaiter(this,void 0,void 0,(function(){var n,a,i,o,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?(a=this.transformContentsToWidgets(n.data,t),o=[],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:a,fetchTabStatus:"done"}),o=s),this.processStrip(t,a,"done",r,n.viewMoreUrl,o)):(o=[],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"}),o=s),this.processStrip(t,[],"error",r,null,o)),[3,3];case 2:return i=l.sent(),console.error("Error:",i),o=[],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"}),o=s),this.processStrip(t,[],"error",r,null,o)):this.processStrip(t,[],"error",r,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>\r\n<ng-template #otherTemplate>\r\n  \x3c!-- <div *ngIf="showParentLoader" class="text-center my-2">\r\n    <mat-spinner class="inline-block"></mat-spinner>\r\n  </div> --\x3e\r\n  <ng-container *ngIf="showParentError" [sbUiResolverWidget]="widgetData.errorWidget"></ng-container>\r\n  <ng-container *ngIf="showParentNoData" [sbUiResolverWidget]="widgetData.noDataWidget"></ng-container>\r\n  <ng-container *ngFor="let key of stripsKeyOrder; let i = index; trackBy: identify">\r\n    <ng-container *ngIf="isStripShowing(stripsResultDataMap[key])">\r\n      <a name="{{stripsResultDataMap[key]?.stripTitle}}" [class]="key">\r\n        <div *ngIf="stripsResultDataMap && (getLength(stripsResultDataMap[key]) ||\r\n                    stripsResultDataMap[key]?.showOnNoData ||\r\n                    stripsResultDataMap[key]?.showOnLoader ||\r\n                    stripsResultDataMap[key]?.showOnError)\r\n                  " [ngClass]="\r\n                    !widgetData?.isChannelStrip ? \'xs:px-8 sx:px-10ss\' : i > 0 ? \'mt-12\' : \'\'\r\n                  " [id]="key" [ngClass]="!widgetData?.isChannelStrip ? margin-bottom-custom : margin-bottom-xs">\r\n          <div [ngClass]="{ pad: stripsResultDataMap[key]?.stripBackground }"\r\n            [ngStyle]="{ \'background-color\': stripsResultDataMap[key]?.stripBackground }">\r\n            <div class="flex flex-col pl-4 pr-4 md:pr-0 md:pl-0 min-height-40 " [ngClass]="\r\n                        !widgetData?.isChannelStrip\r\n                          ? \'\'\r\n                          : stripsResultDataMap[key]?.stripTitle\r\n                          ? \'mb-8\'\r\n                          : \'\'\r\n                      ">\r\n              <div class="flex flex-1 items-center">\r\n                <p class="mat-subheading-1 margin-remove inline-block " *ngIf="stripsResultDataMap[key]?.stripTitle">\r\n                  <span class="capitalize" *ngIf="stripsResultDataMap[key]?.disableTranslate">\r\n                    {{stripsResultDataMap[key]?.stripTitle}}\r\n                  </span>\r\n                  <span *ngIf="!stripsResultDataMap[key]?.disableTranslate">\r\n                    {{ translateLabels(stripsResultDataMap[key]?.stripTitle, \'home\') }}\r\n                  </span>\r\n                </p>\r\n\r\n                <button *ngIf="stripsResultDataMap[key]?.stripInfo?.icon" type="button" mat-icon-button\r\n                  (click)="toggleInfo(stripsResultDataMap[key])" i18n-matTooltip matTooltip="info"\r\n                  class="margin-left-xs">\r\n                  <mat-icon>{{ stripsResultDataMap[key]?.stripInfo?.icon.icon }}</mat-icon>\r\n                </button>\r\n                <a *ngIf="stripsResultDataMap[key]?.stripTitleLink?.link"\r\n                  [routerLink]="stripsResultDataMap[key]?.stripTitleLink?.link"\r\n                  [queryParams]="stripsResultDataMap[key]?.stripTitleLink?.link?.queryParams">\r\n                  <mat-icon class="ws-mat-primary-primary-text ws-mat-default-text" [color]="\'accent\'">{{\r\n                    stripsResultDataMap[key]?.stripTitleLink?.icon }}</mat-icon>\r\n                </a>\r\n                <span class="spacer"></span>\r\n                \x3c!-- viewAll start--\x3e\r\n                <div *ngIf="checkCondition(widgetData , stripsResultDataMap[key])"\r\n                  class="ml-4 pl-2 view-more ws-mat-default-text">\r\n                  <a class="flex ws-mat-default-text items-center justify-center mat-body-1 cursor-pointer" \r\n                    (click)="raiseTelemetry(stripsResultDataMap[key]);redirectViewAll(stripsResultDataMap[key], stripsResultDataMap[key]?.viewMoreUrl?.path, stripsResultDataMap[key]?.viewMoreUrl?.queryParams )">\r\n                    <span i18n class="ws-mat-default-text">{{translateLabels(widgetData.strips[0].viewMoreUrl.viewMoreText,\'home\')  || \'See all\'}}</span>\r\n                    <mat-icon class="ws-mat-default-text mat-icon notranslate material-icons mat-icon-no-color" color="accent">navigate_next</mat-icon>\r\n                  </a>\r\n                </div>\r\n                \x3c!-- viewAll end--\x3e\r\n              </div>\r\n              <button mat-icon-button (click)="setHiddenForStrip(key)" *ngIf="stripsResultDataMap[key]?.canHideStrip">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              <mat-icon class="cursor-pointer" *ngIf="stripsResultDataMap[key]?.mode === \'accordion\' && isMobile"\r\n                (click)="showAccordionData = !showAccordionData">{{ showAccordionData ? \'expand_less\' : \'expand_more\' }}\r\n              </mat-icon>\r\n            </div>\r\n\r\n            <div class="mb-4" *ngIf="checkVisible(stripsResultDataMap[key])">\r\n              <ng-container [sbUiResolverWidget]="getdata(stripsResultDataMap[key])">\r\n              </ng-container>\r\n            </div>\r\n\r\n            <ng-container *ngIf="stripsResultDataMap[key]?.showOnNoData"\r\n              [sbUiResolverWidget]="stripsResultDataMap[key]?.noDataWidget"></ng-container>\r\n            <ng-container *ngIf="stripsResultDataMap[key]?.showOnError"\r\n              [sbUiResolverWidget]="stripsResultDataMap[key]?.errorWidget"></ng-container>\r\n            \x3c!-- IF no errors then proceed to show tabs or non tabs strip --\x3e\r\n            <ng-container *ngIf="!stripsResultDataMap[key]?.showOnNoData && !stripsResultDataMap[key]?.showOnError">\r\n              <ng-container *ngIf="stripsResultDataMap[key].tabs && stripsResultDataMap[key].tabs.length">\r\n                <mat-tab-group  animationDuration="0ms" [selectedIndex]="getSelectedIndex(stripsResultDataMap[key], key)"\r\n                class="mat-tab-labels w-full strips-tabgroup  " dynamicHeight\r\n                [ngClass]="stripsResultDataMap[key]?.tabsType ? stripsResultDataMap[key]?.tabsType : \'\'"\r\n                  (selectedTabChange)="tabClicked($event, stripsResultDataMap[key], key)">\r\n                  <mat-tab label="{{tab?.label}}" *ngFor="let tab of stripsResultDataMap[key].tabs; let last = last;">\r\n                    <ng-template mat-tab-label>\r\n                      <span>{{ translateLabels(tab?.label, \'home\') }} &nbsp;</span>\r\n                      <span *ngIf="tab?.showTabDataCount && tab?.widgets?.length">({{tab?.widgets?.length}})</span>\r\n                    </ng-template>\r\n                    <div>\r\n                      \x3c!-- <ng-container [ngTemplateOutlet]="loader" *ngIf="stripsResultDataMap[key]?.showOnLoader">\r\n                      </ng-container> --\x3e\r\n                      <div *ngIf="stripsResultDataMap && stripsResultDataMap[key]?.showOnLoader ||\r\n                      !tab.fetchTabStatus"\r\n                      class="text-center my-2">\r\n                            <sb-uic-horizontal-scroller-v2 [sliderConfig]="stripsResultDataMap[key]?.sliderConfig" [id]="key+\'-scroller\'"\r\n                                    [loadStatus]="\'fetching\'" [stripConfig]="stripsResultDataMap[key]?.stripConfig">\r\n                              <ng-container *ngFor="let widget of stripsResultDataMap[key]?.loaderWidgets; trackBy: tracker">\r\n                                <ng-container [sbUiResolverWidget]="widget"></ng-container>\r\n                              </ng-container>\r\n                            </sb-uic-horizontal-scroller-v2>\r\n                      </div>\r\n                      <div *ngIf="((tab?.fetchTabStatus && tab?.fetchTabStatus === \'done\') &&\r\n                      (!tab?.widgets || !tab?.widgets?.length))">\r\n                      <ng-container *ngIf="tab?.value === \'inprogress\'; else msgTemp">\r\n                        <div class="w-full flex flex-col items-center justify-center">\r\n                          <img alt="" class="mt-4 mb-4" src="assets/icons/home/nodataDefault.svg">\r\n                          <div class="mat-subheading-1 text-center info-content">{{ \'contentstripmultiple.getReadyForLearningAdventure\' | translate }} -\r\n                            <a class="click-here" [routerLink]="\'/page/learn\'">{{ \'contentstripmultiple.clickHere\' | translate }}</a> {{ \'contentstripmultiple.toEnrollNextCourse\' | translate }}</div>\r\n                        </div>\r\n                      </ng-container>\r\n                      <ng-template #msgTemp>\r\n                        <div class="w-full flex flex-col items-center justify-center">\r\n                          <img alt="" class="mt-4 mb-4" src="assets/icons/home/nodataDefault.png">\r\n                          <div class="mat-subheading-1 text-center">{{ translateLabels(tab.nodataMsg, \'home\') }}</div>\r\n                        </div>\r\n                      </ng-template>\r\n                      </div>\r\n                      <ng-container *ngIf="(tab?.fetchTabStatus === \'done\' || tab?.widgets?.length)">\r\n                        <ng-container  *ngIf="!tab?.tabLoading">\r\n\r\n                          <sb-uic-horizontal-scroller-v2 [id]="key+\'-scroller\'" [sliderConfig]="stripsResultDataMap[key]?.sliderConfig" [widgetsLength]="tab?.widgets?.length"\r\n                            *ngIf="getContineuLearningLenth(stripsResultDataMap[key]) && showAccordion(key)"\r\n                            [loadStatus]="\'done\'" [defaultMaxWidgets]="tab?.maxWidgets ||\r\n                            stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets" [stripConfig]="stripsResultDataMap[key]?.stripConfig">\r\n                            <ng-container *ngFor="let widget of tab?.widgets| slice:0:(tab?.maxWidgets ||\r\n                            stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets); trackBy: tracker">\r\n                                <ng-container [sbUiResolverWidget]="widget"></ng-container>\r\n                            </ng-container>\r\n                          </sb-uic-horizontal-scroller-v2>\r\n                        </ng-container>\r\n                      </ng-container>\r\n                    </div>\r\n                  </mat-tab>\r\n                </mat-tab-group>\r\n              </ng-container>\r\n              <ng-container *ngIf="!stripsResultDataMap[key].tabs || !stripsResultDataMap[key].tabs.length">\r\n                <div *ngIf="stripsResultDataMap && stripsResultDataMap[key]?.showOnLoader" class="text-center my-2">\r\n                      <sb-uic-horizontal-scroller-v2 [id]="key+\'-scroller\'" [sliderConfig]="stripsResultDataMap[key]?.sliderConfig"\r\n                              [loadStatus]="\'fetching\'" [stripConfig]="stripsResultDataMap[key]?.stripConfig">\r\n                        <ng-container *ngFor="let widget of stripsResultDataMap[key]?.loaderWidgets; trackBy: tracker">\r\n                          <ng-container [sbUiResolverWidget]="widget"></ng-container>\r\n                        </ng-container>\r\n                      </sb-uic-horizontal-scroller-v2>\r\n                </div>\r\n                <div class="">\r\n                    <sb-uic-horizontal-scroller-v2 [id]="key+\'-scroller\'" [sliderConfig]="stripsResultDataMap[key]?.sliderConfig"\r\n                    *ngIf="getContineuLearningLenth(stripsResultDataMap[key]) && showAccordion(key)" [widgetsLength]="stripsResultDataMap[key]?.widgets?.length" [loadStatus]="\'done\'" [defaultMaxWidgets]="stripsResultDataMap[key].sliderConfig?.maxWidgets || defaultMaxWidgets" [stripConfig]="stripsResultDataMap[key]?.stripConfig">\r\n                      <ng-container *ngFor="let widget of stripsResultDataMap[key]?.widgets| slice:0:(stripsResultDataMap[key].sliderConfig?.maxWidgets || defaultMaxWidgets); trackBy: tracker">\r\n                      \x3c!-- <ng-container *ngIf="widget.widgetData.context.pageSection === \'continueLearning\' "> --\x3e\r\n                      \x3c!-- <ng-container *ngIf="widget.widgetData.content.completionPercentage !== 100"\r\n                        [sbUiResolverWidget]="widget"></ng-container> --\x3e\r\n                        <ng-container [sbUiResolverWidget]="widget"></ng-container>\r\n                      \x3c!-- </ng-container> --\x3e\r\n                      </ng-container>\r\n                  </sb-uic-horizontal-scroller-v2>\r\n                </div>\r\n              </ng-container>\r\n            </ng-container>\r\n          </div>\r\n        </div>\r\n      </a>\r\n\r\n    </ng-container>\r\n  </ng-container>\r\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 r=t.call(this)||this;return r.events=e,r.valueSvc=n,r.title="",r.id="banner_"+Math.random(),r.defaultMenuSubscribe=null,r.isLtMedium$=r.valueSvc.isLtMedium$,r.currentIndex=0,r.slideInterval=null,r.isMobile=!1,r}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)"\r\n  *ngIf="widgetData?.length > 1" [style.height]="isMobile? styleData?.responsive?.customHeight : styleData?.customHeight"\r\n  [ngStyle]="{\'border-radius\': styleData?.borderRadius || \'12px\'}">\r\n  <a (click)="raiseTelemetry(widgetData[currentIndex].redirectUrl)"\r\n    class="banner-overlay {{widgetData[currentIndex] && widgetData[currentIndex].redirectUrl ? \'\' : \'pointer-events-none\'}}"\r\n    [routerLink]=" !isOpenInNewTab && widgetData[currentIndex].redirectUrl? widgetData[currentIndex].redirectUrl : null"\r\n    [ngClass]="{\'cursor-auto\': !widgetData[currentIndex].redirectUrl}">\r\n    <div class="banner WidgetInstanceId" \r\n    *ngFor="let slide of widgetData; let i = index" \r\n    [hidden]="i !== currentIndex" \r\n    [ngStyle]="{\r\n        \'border-width\': isMobile?  styleData?.responsive?.imageBorderWidth : styleData?.imageBorderWidth,\r\n        \'border-color\': isMobile? styleData?.responsive?.imageBorderColor : styleData?.imageBorderColor,\r\n        \'border-style\': isMobile? styleData?.responsive?.imageBorderStyle: styleData?.imageBorderStyle}">\r\n      <img i18n-alt alt="Page Banner" [src]="slide.banners" wsUtilsImageResponsive class="{{type === \'atictitopbanner\' ? \'banner-image\' : \'bannerimage-mdo\'}}"  />\r\n    </div>\r\n  </a>\r\n  <ng-container *ngIf="isMobile && styleData?.responsive?.dots !== \'hidden\' || !isMobile && styleData?.dots !== \'hidden\'">\r\n    <div class="banner-meta {{isMobile? styleData?.responsive?.bannerMetaAlign : styleData?.bannerMetaAlign}}">\r\n      <a [routerLink]=" !isOpenInNewTab && widgetData[currentIndex].redirectUrl? widgetData[currentIndex].redirectUrl : null"\r\n      class="banner-title text-truncate {{widgetData[currentIndex] && widgetData[currentIndex].redirectUrl ? \'\' : \'pointer-events-none\'}}"\r\n        *ngIf="widgetData[currentIndex].title" [title]="widgetData[currentIndex].title">\r\n        {{ widgetData[currentIndex].title }}\r\n      </a>\r\n      <div class="dots-container" *ngIf="widgetData?.length > 1">\r\n        <span class="dot" [ngClass]="{ active: j === currentIndex }" *ngFor="let slide of widgetData; let j = index"\r\n          (click)="slideTo(j)"></span>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n  <div class="navigation {{isMobile? styleData?.responsive?.arrowsPlacement : styleData?.arrowsPlacement}}" \r\n  *ngIf="isMobile && styleData?.responsive?.navigationArrows !== \'hidden\' || !isMobile && styleData?.navigationArrows !== \'hidden\'">\r\n    <a *ngIf="widgetData?.length > 1" role="button" class="prev" (click)="slideTo(currentIndex - 1)">&#10094;</a>\r\n    <a *ngIf="widgetData?.length > 1" role="button" class="next" (click)="slideTo(currentIndex + 1)">&#10095;</a>\r\n  </div>\r\n</div>\r\n<div class="banner-container-solo {{type === \'atictitop\' ? \'atictitopbanner\' : \'\'}}" [style.height]="isMobile? styleData?.responsive?.customHeight : styleData?.customHeight" *ngIf="widgetData?.length == 1">\r\n  <img i18n-alt alt="Page Banner" width="100%" height="100%" [src]="widgetData[0].banners" wsUtilsImageResponsive class="banner-image-solo" />\r\n</div>\r\n\x3c!-- <div class="banner-container" (swipeleft)="slideTo(currentIndex + 1)" (swiperight)="slideTo(currentIndex - 1)"\r\n  *ngIf="widgetData?.length">\r\n  <a (click)="raiseTelemetry(widgetData[currentIndex].redirectUrl)"\r\n    [queryParams]="widgetData[currentIndex].queryParams || {}"\r\n    [routerLink]="!isOpenInNewTab ? widgetData[currentIndex].redirectUrl : \'./\'" class="banner-overlay"\r\n    [ngClass]="{ \'cursor-auto\': !widgetData[currentIndex].redirectUrl }"></a>\r\n  <div class="banner WidgetInstanceId" *ngFor="let slide of widgetData; let i = index" [hidden]="i !== currentIndex">\r\n    <img i18n-alt alt="Page Banner" [src]="slide.banners" wsUtilsImageResponsive class="banner-image" />\r\n  </div>\r\n  <div class="banner-meta">\r\n    <a [routerLink]="!isOpenInNewTab ? widgetData[currentIndex].redirectUrl : \'./\'" class="banner-title text-truncate"\r\n      *ngIf="widgetData[currentIndex].title" [title]="widgetData[currentIndex].title">\r\n      {{ widgetData[currentIndex].title }}\r\n    </a>\r\n    <div class="dots-container" *ngIf="widgetData?.length > 1">\r\n      <span class="dot" [ngClass]="{ active: j === currentIndex }" *ngFor="let slide of widgetData; let j = index"\r\n        (click)="slideTo(j)"></span>\r\n    </div>\r\n  </div>\r\n  <button *ngIf="widgetData?.length > 1" class="prev" aria-label="Previous slide" (click)="slideTo(currentIndex - 1)">\r\n    <a *ngIf="widgetData?.length > 1" role="button">&#10094;</a>\r\n  </button>\r\n  <button *ngIf="widgetData?.length > 1" class="next" (click)="slideTo(currentIndex + 1)" aria-label="Next slide">\r\n    <a *ngIf="widgetData?.length > 1" role="button" class="next">&#10095;</a>\r\n  </button>\r\n\r\n</div> --\x3e\r\n<ng-container *ngIf="!widgetData?.length">\r\n  <div class="slider default-slider h-full">\r\n    <div class="relative h-full">\r\n        <img class="h-full" src="assets/icons/home/default-slider-image.svg" alt="">\r\n        <div class="default-title rounded-full">\r\n            <p class="mat-h1">{{title}}</p>\r\n        </div>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\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:769px){.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:scale-down;object-fit:scale-down;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:769px){.navigation.middle-inline .prev{left:18%!important}.navigation.middle-inline .next{right: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"},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(){return this.http.get(API_END_POINTS$2.LEARNERS)},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,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.converToIndianSystem=function(t){var e=__read(t.toString().split("."),2),n=e[0],r=e[1],a=n.slice(-3),i=n.slice(0,-3);""!==i&&(a=","+a);var o=i.replace(/\B(?=(\d{2})+(?!\d))/g,",")+a;return r?o+"."+r.substr(0,2):o},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-data-points",template:'<div class="w-full metrics-web" *ngIf="layoutType === \'multipleRows\' && !isDataLoading">\r\n    <div *ngFor="let obj of objectData; let last = last" class="">\r\n        <div class="element-div" [ngClass]="{\'linebreak\': obj?.linebreak && !last}">\r\n            <div class="flex flex-row gap-3 items-top">\r\n                <div>\r\n                    <img class="objIcon" [src]="obj.icon"  [style.color]="obj?.iconColor">\r\n                </div>\r\n                <div>\r\n                    <div [style.color]="obj?.valueColor" class="objHeader pb-1" *ngIf="!(obj && obj.value)">0</div>\r\n                    <div [style.color]="obj?.valueColor" class="objHeader pb-1" *ngIf="(obj && obj.value)">\r\n                        {{obj.value | number: obj.value % 1 === 0 ? \'1.0-0\' : \'1.1-2\'}}\r\n                    </div>\r\n                    <div [style.color]="obj?.labelColor" class="objDescription">{{obj?.label}}</div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div class="w-full customdiv" *ngIf="layoutType === \'multipleRows-V2\' && !isDataLoading">\r\n    <div class="logodiv margin-bottom-s">\r\n        <img alt="Application Logo" class="logoimg" src="/assets/instances/eagle/app_logos/KarmayogiBharat_Logo_Horizontal.svg">\r\n    </div>\r\n    <div *ngFor="let obj of objectData; let i = index">\r\n        <div class="flex flex-row gap-3 {{(i+1 === objectData.length ? \'\' : \'pb-5\')}}">\r\n            <div class="v2-icons-div">\r\n                <div class="v2-icon-contaier"\r\n                    [style.background]="obj?.iconBackgroupColorV2"\r\n                    [style.borderColor]="obj?.valueColor">\r\n                    <img class="v2-objIcon" [src]="obj.icon" />\r\n                </div>\r\n            </div>\r\n            <div class="v2-content-div">\r\n                <div class="flex flex-col">\r\n                    <div class="v2-value" [style.color]="obj?.valueColorV2" *ngIf="!(obj && obj.value)">0</div>\r\n                    <div class="v2-value" [style.color]="obj?.valueColorV2">\r\n                        {{converToIndianSystem(obj?.value)}}\r\n                    </div>\r\n                    <div class="v2-label" [style.color]="obj?.labelColorV2">\r\n                        {{obj?.label}}\r\n                    </div>\r\n                    <div class="flex flex-row dot-container" *ngIf="i+1 !== objectData.length">\r\n                        <div class="v2-dot"\r\n                            [style.background]="obj?.valueColorV2"\r\n                            [style.borderColor]="obj?.labelColorV2"></div>\r\n                        <div class="v2-border" [style.background]="obj?.labelColorV2"></div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div class="w-full" *ngIf="layoutType === \'singleRow-v2\' && !isDataLoading">\r\n    <div class="flex gap-4">\r\n        <div *ngFor="let obj of objectData" class="flex-container">\r\n            <div class="melement-div flex-item" [style.background]="obj?.backgroundV2" >\r\n                <div class="flex flex-row gap-3">\r\n                    <div class="mob-image-container-v2" [style.borderColor]="obj?.valueColorV2">\r\n                        <img [style.color]="obj?.iconColor" class="mobjIcon-v2" [src]="obj.icon">\r\n                    </div>\r\n                    <div>\r\n                        <div [style.color]="obj?.valueColorMobV2" class="mobjHeader pb-1" *ngIf="!(obj && obj.value)">0</div>\r\n                        <div [style.color]="obj?.valueColorMobV2" class="mobjHeader pb-1" *ngIf="(obj && obj.value)">\r\n                            {{converToIndianSystem(obj?.value)}}\r\n                        </div>\r\n                        <div [style.color]="obj?.labelColorV2" class="mobjDescription">{{obj?.label}}</div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div class="w-full" *ngIf="layoutType === \'singleRow\' && !isDataLoading">\r\n    <div class="flex gap-4">\r\n        <div *ngFor="let obj of objectData" class="flex-container">\r\n            <div class="melement-div {{obj?.background}} flex-item" [style.background]="obj?.background" >\r\n                <div class="flex flex-row gap-3">\r\n                    <div>\r\n                        <img [style.color]="obj?.iconColor"  class="mobjIcon" [src]="obj.icon">\r\n                    </div>\r\n                    <div>\r\n                        <div [style.color]="obj?.valueColor" class="mobjHeader pb-1" *ngIf="!(obj && obj.value)">0</div>\r\n                        <div [style.color]="obj?.valueColor" class="mobjHeader pb-1" *ngIf="(obj && obj.value)">\r\n                            {{obj?.value  | number: obj.value % 1 === 0 ? \'1.0-0\' : \'1.1-2\'}}\r\n                        </div>\r\n                        <div [style.color]="obj?.labelColor" class="mobjDescription">{{obj?.label}}</div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>    \r\n</div>\r\n\r\n<div class="w-full" *ngIf="layoutType === \'gridLayout\'">\r\n    <div class="w-full" *ngIf="layoutType === \'gridLayout\'">\r\n        <div class="top-container">\r\n            <div class="flex-container" *ngFor="let chunk of customArray">\r\n                <div *ngFor="let item of chunk">\r\n                    <div class="flex-item">\r\n                        <div class="flex flex-row gap-5 infra-element-div">\r\n                            <div>\r\n                                <div [style.color]="item?.valueColor" class="infra-objHeader" *ngIf="!(item && item.value)">0</div>\r\n                                <div [style.color]="item?.valueColor" class="infra-objHeader"  *ngIf="(item && item.value)">\r\n                                    {{item?.value  | number: item.value % 1 === 0 ? \'1.0-0\' : \'1.1-2\'}}\r\n                                </div>\r\n                                <div [style.color]="item?.labelColor" class="custom-opacity infra-objDescription padding-top-s">{{item?.label}}</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n    </div>   \r\n</div>\r\n\r\n<div class="w-full" *ngIf="layoutType === \'singleFlexeRow\' && !isDataLoading">\r\n    <div class="flex space-around">\r\n        <div *ngFor="let obj of objectData" class="flex-container">\r\n            <div class="singleFlexeRow-div singleFlexeRow flex-item">\r\n                <div class="flex flex-row gap-3">\r\n                    <div>\r\n                        <img [style.color]="obj?.iconColor"  class="singleFlexeRowIcon" [src]="obj.icon">\r\n                    </div>\r\n                    <div class="flex flex-col">\r\n                        <div [style.color]="obj?.valueColor" class="singleFlexeRowHeader pb-2" *ngIf="!(obj && obj.value)">0</div>\r\n                        <div [style.color]="obj?.valueColor" class="singleFlexeRowHeader pb-2" *ngIf="(obj && obj.value)">\r\n                            {{converToIndianSystem(obj?.value)}}\r\n                        </div>\r\n                        <div [style.color]="obj?.labelColor" class="singleFlexeRowDescription">{{obj?.label}}</div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n\x3c!-- skeleton  loaders --\x3e\r\n\r\n<ng-container>\r\n    <div class="w-full metrics-web customdiv" *ngIf="layoutType === \'multipleRows-V2\' && isDataLoading">\r\n        <div *ngFor="let obj of [1,2,3,4]l let i = index">\r\n            <div class="flex flex-row gap-4 {{(i+1 === objectData.length ? \'\' : \'pb-5\')}}">\r\n                <div class="v2-icons-div">\r\n                    <div class="v2-icon-contaier">\r\n                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'55px\'"\r\n                        [height]="\'55px\'"></sb-uic-skeleton-loader>\r\n                    </div>\r\n                </div>\r\n                <div class="v2-content-div">\r\n                    <div class="flex flex-col">\r\n                        <div class="v2-value" [style.color]="obj?.valueColor">\r\n                            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded mb-1\'" [width]="\'100px\'"\r\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\r\n                        </div>\r\n                        <div class="v2-label" [style.color]="obj?.labelColor">\r\n                            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded mb-1\'" [width]="\'100px\'"\r\n                        [height]="\'16px\'"></sb-uic-skeleton-loader>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>        \r\n        </div>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container>\r\n    <div class="w-full metrics-web customdiv" *ngIf="layoutType === \'multipleRows\' && isDataLoading">\r\n        <div *ngFor="let obj of [0,1,2,3]" class="">\r\n            <div class="element-div linebreak" >\r\n                <div class="flex flex-row gap-3 items-top">\r\n                    <div>\r\n                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'32px\'"\r\n                        [height]="\'32px\'"></sb-uic-skeleton-loader>\r\n                    </div>\r\n                    <div>\r\n                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded mb-1\'" [width]="\'100px\'"\r\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\r\n                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded mb-1\'" [width]="\'150px\'"\r\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class="w-full metrics-web" *ngIf="layoutType === \'singleFlexeRow\' && isDataLoading">\r\n        <div class="flex">\r\n            <div *ngFor="let obj of objectData" class="flex-container">\r\n                <div class="singleFlexeRow-div flex-item">\r\n                    <div class="flex flex-row gap-3">\r\n                        <div>\r\n                            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'24px\'" [height]="\'24px\'">\r\n                            </sb-uic-skeleton-loader>\r\n                        </div>\r\n                        <div class="flex flex-col">\r\n                            <div [style.color]="obj?.valueColor" class="singleFlexeRowHeader pb-2" *ngIf="!(obj && obj.value)">\r\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'24px\'" [height]="\'24px\'">\r\n                                </sb-uic-skeleton-loader>\r\n                            </div>\r\n                            <div [style.color]="obj?.valueColor" class="singleFlexeRowHeader pb-2" *ngIf="(obj && obj.value)">\r\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'24px\'" [height]="\'24px\'">\r\n                                </sb-uic-skeleton-loader>\r\n                            </div>\r\n                            <div [style.color]="obj?.labelColor" class="singleFlexeRowDescription">\r\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'100px\'" [height]="\'20px\'">\r\n                                </sb-uic-skeleton-loader>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class="w-full" *ngIf="layoutType === \'singleRow\' && isDataLoading">\r\n        <div class="flex gap-4">\r\n            <div *ngFor="let obj of objectData" class="flex-container">\r\n                <div class="melement-div {{obj?.background}} flex-item" [style.background]="obj?.background" >\r\n                    <div class="flex flex-row gap-3">\r\n                        <div>\r\n                            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'24px\'" [height]="\'20px\'">\r\n                            </sb-uic-skeleton-loader>\r\n                        </div>\r\n                        <div>\r\n                            <div [style.color]="obj?.valueColor" class="mobjHeader pb-1" *ngIf="!(obj && obj.value)">\r\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'24px\'" [height]="\'19px\'">\r\n                                </sb-uic-skeleton-loader>\r\n                            </div>\r\n                            <div [style.color]="obj?.valueColor" class="mobjHeader pb-1" *ngIf="(obj && obj.value)">\r\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'24px\'" [height]="\'19px\'">\r\n                                </sb-uic-skeleton-loader>\r\n                            </div>\r\n                            <div [style.color]="obj?.labelColor" class="mobjDescription">\r\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'100px\'" [height]="\'18px\'">\r\n                                </sb-uic-skeleton-loader>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class="w-full" *ngIf="layoutType === \'singleRow-v2\' && isDataLoading">\r\n        <div class="flex gap-4">\r\n            <div *ngFor="let obj of objectData" class="flex-container">\r\n                <div class="melement-div flex-item" [style.background]="obj?.backgroundV2" >\r\n                    <div class="flex flex-row gap-3">\r\n                        <div>\r\n                            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'24px\'" [height]="\'24px\'">\r\n                            </sb-uic-skeleton-loader>\r\n                        </div>\r\n                        <div>\r\n                            <div [style.color]="obj?.valueColor" class="mobjHeader pb-1" *ngIf="!(obj && obj.value)">\r\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'24px\'" [height]="\'19px\'">\r\n                                </sb-uic-skeleton-loader>\r\n                            </div>\r\n                            <div [style.color]="obj?.valueColor" class="mobjHeader pb-1" *ngIf="(obj && obj.value)">\r\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'24px\'" [height]="\'19px\'">\r\n                                </sb-uic-skeleton-loader>\r\n                            </div>\r\n                            <div [style.color]="obj?.labelColor" class="mobjDescription">\r\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'100px\'" [height]="\'18px\'">\r\n                                </sb-uic-skeleton-loader>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-container>\r\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')}.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 (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}]},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],r=e.eventType;if(e.location&&"Online"!==r)r=JSON.parse(e.location).address;var a={location:r,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(a),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],r=+e[1],a=n>=12?"PM":"AM";return((n=(n%=12)||12)<10?"0"+n:n.toString())+":"+(r<10?"0"+r:r.toString())+" "+a},t.prototype.getDays=function(t,e){var n=[],r=new Date(t);for(r=this.datePipe.transform(r,"y-MM-dd"),n.push(r),this.trainings[r]=[];e>0;){var a=new Date(t);t=a=a.setDate(a.getDate()+1),a=this.datePipe.transform(a,"y-MM-dd"),n.push(a),this.trainings[a]=[],e-=1}return n},t.prototype.getDaysInMonth=function(t,e){var n=new Date(t,e,1),r=[];for(this.trainings={};n.getMonth()===e;){var a=new Date(n);a=this.datePipe.transform(a,"y-MM-dd"),r.push(a),this.trainings[a]=[],n.setDate(n.getDate()+1)}return r},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">\r\n    <div class="pt-3">{{ objectData?.title }}:</div>\r\n    <div class="choose-month">\r\n        <mat-form-field class="custom-month">\r\n            <mat-select matNativeControl panelClass="custom-select" [ngModel]="selectedMonth" (ngModelChange)="selectMonth($event)" class="month-select">\r\n                <span *ngFor="let month of monthsDropdown">\r\n                    <mat-option [value]="month">{{month}}</mat-option>\r\n                </span>\r\n            </mat-select>\r\n        </mat-form-field>\r\n    </div>\r\n</div>\r\n<div *ngIf="layoutType===\'grid\'">\r\n    <div *ngFor="let obj of getKeys(trainings);  let i = index">\r\n        <sb-uic-calender-day [day]="trainings[obj]"\r\n            [layoutType]="layoutType"\r\n            [objectData]="objectData"\r\n            [dataLoading]="isDataLoading"\r\n            [eventDate]="obj"\r\n            [rowId]="i">\r\n        </sb-uic-calender-day>\r\n    </div>    \r\n</div>\r\n<div *ngIf="layoutType===\'row\'">\r\n    <div *ngFor="let obj of getKeys(trainings); let j = index">\r\n        <sb-uic-calender-day [day]="trainings[obj]"\r\n            [layoutType]="layoutType"\r\n            [objectData]="objectData"\r\n            [dataLoading]="isDataLoading"\r\n            [eventDate]="obj"\r\n            [rowId]="j">\r\n        </sb-uic-calender-day>\r\n    </div>\r\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">\r\n    <div class="p-3 event-day my-3"\r\n        [style.backgroundColor]="objectData?.webBackgroundColor"\r\n        [style.borderColor]="currentDate === eventDate ? objectData?.activeBackgroudColor: \'\'">\r\n    \r\n        <div class="flex item-top gap-8 {{ day.length ? \'\' : \'aliginCenter\'}}">\r\n            <div class="event-date">\r\n                <div class="currentDay"\r\n                    [style.backgroundColor]="currentDate === eventDate ? objectData?.activeBackgroudColor: \'\'"\r\n                    [style.color]="currentDate === eventDate ? objectData?.activeColor: \'\'">\r\n                    {{formatDate(eventDate, \'web\')}}\r\n                </div>\r\n            </div>\r\n            <div class="details w-full" *ngIf="day.length">\r\n                <div class="flex p-4 item-center events-list mb-{{day.length === (i+1) ? \'0\' : \'2\'}} gap-20" [style.backgroundColor]="objectData?.eventBackgroundColor"\r\n                    *ngFor="let event of day; let i = index" >\r\n                    <div>\r\n                        <div class="flex flex-row item-center gap-10 pb-2">\r\n                            <div class="flex item-center gap-1 row1 col1 range-width">\r\n                                <div><mat-icon class="icon-web">schedule</mat-icon> </div>\r\n                                <div>{{event.startTime}} to {{event.endTime}}</div>\r\n                            </div>\r\n                            <div class="flex item-center col1 ">{{event.title}}</div>\r\n                        </div>\r\n                        <div class="flex flex-row item-center gap-10">\r\n                            <div class="flex item-center gap-1 row1 col1" *ngIf="event.startDate && event.endDate && event.startDate !== event.endDate">\r\n                                <div><mat-icon class="icon-web">date_range</mat-icon> </div>\r\n                                <div class="upcase">{{event.startDate}} - {{event.endDate}}</div>\r\n                            </div>\r\n                            <div class="flex item-center col1">\r\n                                <div><mat-icon class="icon-web">location_on</mat-icon> </div>\r\n                                <div class="flex item-center">{{event.location}}</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class="visit-link flex gap-2"\r\n                        *ngIf="event?.registrationLink">\r\n                        <div (click)="openLink(event?.registrationLink)">Visit</div>\r\n                        <div (click)="openLink(event?.registrationLink)"><mat-icon class="visit-icon">open_in_new</mat-icon> </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class="details w-full" *ngIf="!day.length">\r\n                No trainings.\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div *ngIf="layoutType===\'row\' && !dataLoading">\r\n    <div class="pl-5 pr-5 mb-{{day?.length === (rowId+1) ? \'0\' : \'3\'}}"\r\n        >\r\n        <div class="flex item-center gap-4">\r\n            <div class="event-date">\r\n                <div class="flex flex-col">\r\n                    <div> {{formatDate(eventDate, \'mob\').split(\' \')[0]}}</div>\r\n                    <div class="mob-currentDay"\r\n                        [style.backgroundColor]="currentDate === eventDate ? objectData?.activeBackgroudColor: \'\'"\r\n                        [style.color]="currentDate === eventDate ? objectData?.activeColor: \'\'">\r\n                        {{formatDate(eventDate, \'mob\').split(\' \')[1]}}\r\n                    </div>\r\n                    <div> {{formatDate(eventDate, \'mob\').split(\' \')[2]}}</div>\r\n                </div>\r\n            </div>\r\n            <div class="details w-full" *ngIf="day.length">\r\n                <div class="flex flex-col mob-events-list p-3 mb-{{day.length === (i+1) ? \'0\' : \'2\'}}"\r\n                    *ngFor="let event of day; let i = index" [style.backgroundColor]="objectData?.eventBackgroundColor">\r\n                    <div>\r\n                        <div class="flex pb-2">{{event.title}}</div>\r\n                        <div class="flex pb-1">\r\n                            <div><mat-icon class="mob-icon">schedule</mat-icon> </div>\r\n                            <div>{{event.startTime}} to {{event.endTime}}</div>\r\n                        </div>\r\n                        <div class="flex pb-1" *ngIf="event.startDate && event.endDate && event.startDate !== event.endDate">\r\n                            <div><mat-icon class="mob-icon">date_range</mat-icon> </div>\r\n                            <div class="upcase">{{event.startDate}} - {{event.endDate}}</div>\r\n                        </div>\r\n                        <div class="flex">\r\n                            <div><mat-icon class="mob-icon">location_on</mat-icon> </div>\r\n                            <div class="flex item-center">{{event.location}}</div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class="details w-full p-3 flex no-data" *ngIf="!day.length" \r\n                [style.backgroundColor]="objectData?.mobileBackground">\r\n                No trainings.\r\n            </div>\r\n        </div>        \r\n    </div>    \r\n</div>\r\n\r\n\x3c!-- skeleton  loaders --\x3e\r\n<div *ngIf="dataLoading">\r\n    <div *ngIf="layoutType===\'grid\'">\r\n        <div class="hidden md:block">\r\n            <div class="p-3 event-day my-3"\r\n                [style.backgroundColor]="\'#FFF\'">\r\n                <div class="flex item-top gap-8">\r\n                    <div class="event-date">\r\n                        <div class="currentDay">\r\n                            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'90px\'"\r\n                                [height]="\'32px\'"></sb-uic-skeleton-loader>    \r\n                        </div>\r\n                    </div>\r\n                    <div class="details w-full">\r\n                        <div class="flex p-4 item-center events-list mb-2 gap-20">\r\n                            <div>\r\n                                <div class="flex flex-row item-center gap-20 pb-2">\r\n                                    <div class="flex item-center gap-2 row1 col1">\r\n                                        <div>\r\n                                            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'50px\'"\r\n                                            [height]="\'32px\'"></sb-uic-skeleton-loader>\r\n                                        </div>\r\n                                        <div>\r\n                                            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'250px\'"\r\n                                            [height]="\'32px\'"></sb-uic-skeleton-loader>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class="flex item-center col1">\r\n                                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'250px\'"\r\n                                        [height]="\'32px\'"></sb-uic-skeleton-loader> </div>\r\n                                </div>\r\n                                <div class="flex flex-row item-center gap-20 pb-2">\r\n                                    <div class="flex item-center gap-2 row1 col1">\r\n                                        <div>\r\n                                            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'50px\'"\r\n                                            [height]="\'32px\'"></sb-uic-skeleton-loader>\r\n                                        </div>\r\n                                        <div>\r\n                                            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'250px\'"\r\n                                            [height]="\'32px\'"></sb-uic-skeleton-loader>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class="flex item-center col1">\r\n                                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'250px\'"\r\n                                        [height]="\'32px\'"></sb-uic-skeleton-loader> </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class="visit-link flex gap-2">\r\n                                <div><sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'200px\'"\r\n                                    [height]="\'32px\'"></sb-uic-skeleton-loader> </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div *ngIf="layoutType===\'row\'">\r\n        <div class="block md:hidden">\r\n            <div class="p-5" \r\n            [style.backgroundColor]="\'#FFFFFF\'">\r\n            <div class="flex item-center gap-4">\r\n                <div class="event-date">\r\n                    <div class="flex flex-col">\r\n                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'30px\'"\r\n                                [height]="\'90px\'"></sb-uic-skeleton-loader> \r\n                    </div>\r\n                </div>\r\n                <div class="details w-full">\r\n                    <div class="flex flex-col mob-events-list p-3 mb-2">\r\n                        <div>\r\n                            <div class="flex pb-2">\r\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'265px\'"\r\n                                [height]="\'32px\'"></sb-uic-skeleton-loader> \r\n                            </div>\r\n                            <div class="flex pb-1 gap-2">\r\n                                <div>\r\n                                    <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'30px\'"\r\n                                    [height]="\'32px\'"></sb-uic-skeleton-loader>\r\n                                </div>\r\n                                <div><sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'230px\'"\r\n                                    [height]="\'32px\'"></sb-uic-skeleton-loader>\r\n                                </div>\r\n                            </div>\r\n                            <div class="flex pb-1 gap-2">\r\n                                <div>\r\n                                    <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'30px\'"\r\n                                    [height]="\'32px\'"></sb-uic-skeleton-loader>\r\n                                </div>\r\n                                <div>\r\n                                    <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'230px\'"\r\n                                    [height]="\'32px\'"></sb-uic-skeleton-loader>\r\n                                </div>\r\n                            </div>\r\n                            <div class="flex gap-2">\r\n                                <div><sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'30px\'"\r\n                                    [height]="\'32px\'"></sb-uic-skeleton-loader>\r\n                                </div>\r\n                                <div class="flex item-center">\r\n                                    <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'230px\'"\r\n                                [height]="\'32px\'"></sb-uic-skeleton-loader> \r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>    \r\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,r,a,i,o,s,l,c,d){var p=t.call(this)||this;return p.contentSvc=n,p.loggerSvc=r,p.eventSvc=a,p.configSvc=i,p.utilitySvc=o,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 r=__values(this.widgetData.strips),a=r.next();!a.done;a=r.next()){var i=a.value;this.processStrip(i,[],"fetching",!1,null),"in-hand"===i.dataType&&this.widgetData[i.dataKey]?this.processStrip(i,this.commonMethodsSvc.transformContentsToWidgets(this.widgetData[i.dataKey],i),"done",!0,i.viewMoreUrl||""):this.checkForEmptyWidget(i)||this.processStrip(i,[],"done",!0,null)}}catch(e){t={error:e}}finally{try{a&&!a.done&&(e=r.return)&&e.call(r)}finally{if(t)throw t.error}}var o=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,r=t.from;return e&&n&&r})),s=new Set(o.map((function(t){return t.type})));this.changeEventSubscription=this.eventSvc.events$.pipe(operators.filter((function(t){return s.has(t.eventType)}))).subscribe((function(t){o.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,r,a,i){return void 0===e&&(e=[]),void 0===r&&(r=!0),__awaiter(this,void 0,void 0,(function(){var a,o;return __generator(this,(function(s){return a={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:i||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,((o={})[t.key]=a,o)),i?this.contentAvailable=!0:(r&&("done"===n||"error"===n)&&a.widgets&&this.checkParentStatus(n,a.widgets.length),!r||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 r=t.tabs.filter((function(t){return"upcoming"===t.value}));n=r[0].widgets&&r[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,r=this.widgetData.strips.length;this.successDataCount>0&&n<r||(this.showParentLoader=n!==r,this.showParentNoData=this.noDataCount>0&&this.noDataCount+this.errorDataCount===r,this.showParentError=this.errorDataCount===r)},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>\r\n<ng-template #otherTemplate>\r\n  \x3c!-- <div *ngIf="showParentLoader" class="text-center my-2">\r\n    <mat-spinner class="inline-block"></mat-spinner>\r\n  </div> --\x3e\r\n  <ng-container *ngIf="showParentError" [sbUiResolverWidget]="widgetData.errorWidget"></ng-container>\r\n  <ng-container *ngIf="showParentNoData" [sbUiResolverWidget]="widgetData.noDataWidget"></ng-container>\r\n  <ng-container *ngFor="let key of stripsKeyOrder; let i = index; trackBy: identify">\r\n    <ng-container *ngIf="isStripShowing(stripsResultDataMap[key])">\r\n      <a name="{{stripsResultDataMap[key]?.stripTitle}}" [class]="key">\r\n        <div *ngIf="stripsResultDataMap && (getLength(stripsResultDataMap[key]) ||\r\n                    stripsResultDataMap[key]?.showOnNoData ||\r\n                    stripsResultDataMap[key]?.showOnLoader ||\r\n                    stripsResultDataMap[key]?.showOnError)\r\n                  " [ngClass]="\r\n                    !widgetData?.isChannelStrip ? \'xs:px-8 sx:px-10ss\' : i > 0 ? \'mt-12\' : \'\'\r\n                  " [id]="key" [ngClass]="!widgetData?.isChannelStrip ? margin-bottom-custom : margin-bottom-xs">\r\n          <div [ngClass]="{ pad: stripsResultDataMap[key]?.stripBackground }"\r\n            [ngStyle]="{ \'background-color\': stripsResultDataMap[key]?.stripBackground }">\r\n            <div class="flex flex-col pl-4 pr-4 md:pr-0 md:pl-0 " [ngClass]="\r\n                        !widgetData?.isChannelStrip\r\n                          ? \'\'\r\n                          : stripsResultDataMap[key]?.stripTitle\r\n                          ? \'mb-8\'\r\n                          : \'\'\r\n                      ">\r\n              <div class="flex flex-1 items-center">\r\n                <p class="mat-subheading-1 margin-remove inline-block " *ngIf="stripsResultDataMap[key]?.stripTitle">\r\n                  <span class="capitalize" *ngIf="stripsResultDataMap[key]?.disableTranslate">\r\n                    {{stripsResultDataMap[key]?.stripTitle}}\r\n                  </span>\r\n                  <span *ngIf="!stripsResultDataMap[key]?.disableTranslate">\r\n                    {{ translateLabels(stripsResultDataMap[key]?.stripTitle, \'home\') }}\r\n                  </span>\r\n                </p>\r\n\r\n                <a *ngIf="stripsResultDataMap[key]?.stripTitleLink?.link"\r\n                  [routerLink]="stripsResultDataMap[key]?.stripTitleLink?.link"\r\n                  [queryParams]="stripsResultDataMap[key]?.stripTitleLink?.link?.queryParams">\r\n                  <mat-icon class="ws-mat-primary-primary-text ws-mat-default-text" [color]="\'accent\'">{{\r\n                    stripsResultDataMap[key]?.stripTitleLink?.icon }}</mat-icon>\r\n                </a>\r\n                <span class="spacer"></span>\r\n                \x3c!-- viewAll start--\x3e\r\n                <div *ngIf="checkCondition(widgetData , stripsResultDataMap[key])"\r\n                  class="ml-4 view-more ws-mat-default-text">\r\n                  <a class="flex ws-mat-default-text items-center justify-center mat-body-1" [routerLink]="stripsResultDataMap[key]?.viewMoreUrl?.path"\r\n                    [queryParams]="stripsResultDataMap[key]?.viewMoreUrl?.queryParams">\r\n                    <span i18n class="ws-mat-default-text">{{translateLabels(widgetData.strips[0].viewMoreUrl.viewMoreText,\'home\')  || \'See all\'}}</span>\r\n                    <mat-icon class="ws-mat-default-text mat-icon notranslate material-icons mat-icon-no-color" color="accent">navigate_next</mat-icon>\r\n                  </a>\r\n                </div>\r\n                \x3c!-- viewAll end--\x3e\r\n              </div>\r\n              <button mat-icon-button (click)="setHiddenForStrip(key)" *ngIf="stripsResultDataMap[key]?.canHideStrip">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              <mat-icon class="cursor-pointer" *ngIf="stripsResultDataMap[key]?.mode === \'accordion\' && isMobile"\r\n                (click)="showAccordionData = !showAccordionData">{{ showAccordionData ? \'expand_less\' : \'expand_more\' }}\r\n              </mat-icon>\r\n            </div>\r\n\r\n            <div class="mb-4" *ngIf="checkVisible(stripsResultDataMap[key])">\r\n              <ng-container [sbUiResolverWidget]="getdata(stripsResultDataMap[key])">\r\n              </ng-container>\r\n            </div>\r\n\r\n            <ng-container *ngIf="stripsResultDataMap[key]?.showOnNoData"\r\n              [sbUiResolverWidget]="stripsResultDataMap[key]?.noDataWidget"></ng-container>\r\n            <ng-container *ngIf="stripsResultDataMap[key]?.showOnError"\r\n              [sbUiResolverWidget]="stripsResultDataMap[key]?.errorWidget"></ng-container>\r\n            \x3c!-- IF no errors then proceed to show tabs or non tabs strip --\x3e\r\n            <ng-container *ngIf="!stripsResultDataMap[key]?.showOnNoData && !stripsResultDataMap[key]?.showOnError">\r\n              <ng-container *ngIf="stripsResultDataMap[key].tabs && stripsResultDataMap[key].tabs.length">\r\n                <mat-tab-group animationDuration="0ms" [selectedIndex]="getSelectedIndex(stripsResultDataMap[key], key)"\r\n                class="mat-tab-labels w-full strips-tabgroup" dynamicHeight\r\n                  (selectedTabChange)="tabClicked($event, stripsResultDataMap[key], key)">\r\n                  <mat-tab label="{{tab?.label}}" *ngFor="let tab of stripsResultDataMap[key].tabs; let last = last;">\r\n                    <ng-template mat-tab-label>\r\n                      <span>{{ translateLabels(tab?.label, \'home\') }} &nbsp;</span>\r\n                      <span *ngIf="tab?.showTabDataCount && tab?.widgets?.length">({{tab?.widgets?.length}})</span>\r\n                    </ng-template>\r\n                    <div>\r\n                      \x3c!-- <ng-container [ngTemplateOutlet]="loader" *ngIf="stripsResultDataMap[key]?.showOnLoader">\r\n                      </ng-container> --\x3e\r\n                      <div *ngIf="stripsResultDataMap && stripsResultDataMap[key]?.showOnLoader ||\r\n                      !tab.fetchTabStatus"\r\n                      class="text-center my-2">\r\n                            <sb-uic-horizontal-scroller-v2 [sliderConfig]="stripsResultDataMap[key]?.sliderConfig"\r\n                                    [loadStatus]="\'fetching\'" [stripConfig]="stripsResultDataMap[key]?.stripConfig">\r\n                              <ng-container *ngFor="let widget of stripsResultDataMap[key]?.loaderWidgets; trackBy: tracker">\r\n                                <ng-container [sbUiResolverWidget]="widget"></ng-container>\r\n                              </ng-container>\r\n                            </sb-uic-horizontal-scroller-v2>\r\n                      </div>\r\n                      <div *ngIf="((tab?.fetchTabStatus && tab?.fetchTabStatus === \'done\') &&\r\n                      (!tab?.widgets || !tab?.widgets?.length))">\r\n                      <ng-container *ngIf="tab?.value === \'inprogress\'; else msgTemp">\r\n                        <div class="w-full flex flex-col items-center justify-center">\r\n                          <img alt="" class="mt-4 mb-4" src="assets/icons/home/nodataDefault.svg">\r\n                          <div class="mat-subheading-1 text-center info-content">{{ \'contentstripmultiple.getReadyForLearningAdventure\' | translate }} -\r\n                            <a class="click-here" [routerLink]="\'/page/learn\'">{{ \'contentstripmultiple.clickHere\' | translate }}</a> {{ \'contentstripmultiple.toEnrollNextCourse\' | translate }}</div>\r\n                        </div>\r\n                      </ng-container>\r\n                      <ng-template #msgTemp>\r\n                        <div class="w-full flex flex-col items-center justify-center">\r\n                          <img alt="" class="mt-4 mb-4" src="assets/icons/home/nodataDefault.png">\r\n                          <div class="mat-subheading-1 text-center">{{ translateLabels(tab.nodataMsg, \'home\') }}</div>\r\n                        </div>\r\n                      </ng-template>\r\n                      </div>\r\n                      <ng-container *ngIf="(tab?.fetchTabStatus === \'done\' || tab?.widgets?.length)">\r\n                        <ng-container  *ngIf="!tab?.tabLoading">\r\n\r\n                          <sb-uic-horizontal-scroller-v2 [sliderConfig]="stripsResultDataMap[key]?.sliderConfig" [widgetsLength]="tab?.widgets?.length"\r\n                            *ngIf="getContineuLearningLenth(stripsResultDataMap[key]) && showAccordion(key)"\r\n                            [loadStatus]="\'done\'" [defaultMaxWidgets]="tab?.maxWidgets ||\r\n                            stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets" [stripConfig]="stripsResultDataMap[key]?.stripConfig">\r\n                            <ng-container *ngFor="let widget of tab?.widgets| slice:0:(tab?.maxWidgets ||\r\n                            stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets); trackBy: tracker">\r\n                                <ng-container [sbUiResolverWidget]="widget"></ng-container>\r\n                            </ng-container>\r\n                          </sb-uic-horizontal-scroller-v2>\r\n                        </ng-container>\r\n                      </ng-container>\r\n                    </div>\r\n                  </mat-tab>\r\n                </mat-tab-group>\r\n              </ng-container>\r\n              <ng-container *ngIf="!stripsResultDataMap[key].tabs || !stripsResultDataMap[key].tabs.length">\r\n                <div *ngIf="stripsResultDataMap && stripsResultDataMap[key]?.showOnLoader" class="text-center my-2">\r\n                      <sb-uic-horizontal-scroller-v2 [sliderConfig]="stripsResultDataMap[key]?.sliderConfig" [id]="key+\'-scroller\'"\r\n                              [loadStatus]="\'fetching\'" [stripConfig]="stripsResultDataMap[key]?.stripConfig">\r\n                        <ng-container *ngFor="let widget of stripsResultDataMap[key]?.loaderWidgets; trackBy: tracker">\r\n                          <ng-container [sbUiResolverWidget]="widget"></ng-container>\r\n                        </ng-container>\r\n                      </sb-uic-horizontal-scroller-v2>\r\n                </div>\r\n                <div class="">\r\n                    <sb-uic-horizontal-scroller-v2 [sliderConfig]="stripsResultDataMap[key]?.sliderConfig" [id]="key+\'-scroller\'"\r\n                     [widgetsLength]="stripsResultDataMap[key]?.widgets?.length" [loadStatus]="\'done\'" [defaultMaxWidgets]="stripsResultDataMap[key].sliderConfig?.maxWidgets || defaultMaxWidgets" [stripConfig]="stripsResultDataMap[key]?.stripConfig">\r\n                      <ng-container *ngFor="let widget of stripsResultDataMap[key]?.widgets| slice:0:(stripsResultDataMap[key].sliderConfig?.maxWidgets || defaultMaxWidgets); trackBy: tracker">\r\n                      \x3c!-- <ng-container *ngIf="widget.widgetData.context.pageSection === \'continueLearning\' "> --\x3e\r\n                      \x3c!-- <ng-container *ngIf="widget.widgetData.content.completionPercentage !== 100"\r\n                        [sbUiResolverWidget]="widget"></ng-container> --\x3e\r\n                        <ng-container [sbUiResolverWidget]="widget"></ng-container>\r\n                      \x3c!-- </ng-container> --\x3e\r\n                      </ng-container>\r\n                  </sb-uic-horizontal-scroller-v2>\r\n                </div>\r\n              </ng-container>\r\n            </ng-container>\r\n          </div>\r\n        </div>\r\n      </a>\r\n\r\n    </ng-container>\r\n  </ng-container>\r\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">\r\n    <div class="flex item-center key-logo">\r\n        <img class="" [src]="objectData?.logoUrl">\r\n    </div>\r\n    <div class="flex item-center key-logo">\r\n        <div class="key-heading"\r\n            [style.backgroundColor]="objectData?.header?.background"\r\n            [style.color]="objectData?.header?.color">\r\n            {{objectData?.title}}\r\n        </div>\r\n    </div>\r\n    <div class="key-list-container"\r\n        [style.borderColor]="objectData?.panelborder"\r\n        [style.backgroundColor]="objectData?.panelBackground">\r\n        <div class="{{mobileHeight ? \'mob-key-list\' : expand && expanded ? \'exp-key-list\' : \'key-list\'}}" *ngIf="objectData?.list?.length">\r\n            <div *ngFor="let item of objectData?.list; let i = index">\r\n                <div class="key-list-item mb-{{ objectData?.list?.length === (i+1) ? \'\' : \'4\'}}" \r\n                    [style.borderColor]="objectData?.listItem?.border"\r\n                    [style.backgroundColor]="objectData?.listItem?.background">\r\n                    <div class="key-list-item-content {{item?.value?.length > 152 && !item?.expanded ? \'expand\' : \'un-expand\'}}" [innerHTML]="item?.value"></div>\r\n                    <div class="more-or-less" *ngIf="item?.value?.length > 152" [style.color]="objectData?.panelborder">\r\n                        <div class="cursor-pointer" (click)="viewMoreOrLess(item)" *ngIf="!item?.expanded">View more</div>\r\n                        <div class="cursor-pointer" (click)="viewMoreOrLess(item)" *ngIf="item?.expanded">View less</div>\r\n                    </div>\r\n                </div>\r\n            </div>                        \r\n        </div>\r\n        <div class="{{mobileHeight ? \'mob-key-list\' : \'key-list\'}}" *ngIf="!objectData?.list?.length">\r\n            <div class="text-center">No announcements yet!</div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<ng-container *ngIf="!mobileHeight && expand">\r\n    <div (click)="showMoreOrLess()" class="announcements-expand" *ngIf="!expanded">\r\n        <mat-icon>expand_more</mat-icon>\r\n    </div>\r\n    <div (click)="showMoreOrLess()" class="announcements-expand" *ngIf="expanded">\r\n        <mat-icon>expand_less</mat-icon>\r\n    </div>\r\n</ng-container>\r\n\r\n<div class="w-full" *ngIf="layoutType === \'mobile\'">\r\n    <div class="flex item-center key-logo ">\r\n        <div class="mob-key-heading" (click)="openAnnouncements()"\r\n            [style.backgroundColor]="objectData?.header?.background"\r\n            [style.color]="objectData?.header?.color">\r\n            <div class="flex key-button gap-3">\r\n                <div>\r\n                    <img [src]="objectData?.mobileIcon">\r\n                </div>\r\n                <div>{{objectData?.title}}</div>                \r\n                <div><mat-icon class="key-mob-icon">arrow_forward_ios</mat-icon></div>\r\n            </div>            \r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div class="w-full" *ngIf="layoutType === \'web\' && isLoading">\r\n    <div class="flex item-center key-logo">\r\n        <img class="" [src]="objectData?.logoUrl">\r\n    </div>\r\n    <div class="flex item-center key-logo pt-1">\r\n        <div class="key-heading"\r\n            [style.backgroundColor]="objectData?.header?.background"\r\n            [style.color]="objectData?.header?.color">\r\n            {{objectData?.title}}\r\n        </div>\r\n    </div>\r\n    <div class="key-list-container"\r\n        [style.borderColor]="objectData?.panelborder"\r\n        [style.backgroundColor]="objectData?.panelBackground">\r\n        <div class="{{mobileHeight ? \'mob-key-list\' : \'key-list\'}}" >            \r\n            <div class="key-list-item mb-4" \r\n                *ngFor="let item of[0,1,2,3,4]; let i = index"\r\n                [style.borderColor]="objectData?.listItem?.border"\r\n                [style.backgroundColor]="objectData?.listItem?.background">\r\n                <div class="key-list-item-content un-expand">\r\n                    <div class="py-1">\r\n                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon \'" [width]="\'350px\'" [height]="\'24px\'">\r\n                        </sb-uic-skeleton-loader>\r\n                    </div>\r\n                    <div class="py-1">\r\n                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon \'" [width]="\'350px\'" [height]="\'24px\'">\r\n                        </sb-uic-skeleton-loader>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>        \r\n    </div>\r\n</div>\r\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$2,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().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 r=0;r<t.length&&(" "===t.charAt(r)||t.charAt(r)!=t.charAt(r)||2!==(e+=t.charAt(r)).length);r+=1);return e.toUpperCase()},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-top-learners",template:'<div class="flex flex-center">\r\n    <div>\r\n        <div class="title-border"></div>\r\n        <div class="title" [style.color]="objectData?.titleFontColor">{{objectData?.title}} ({{month}})</div>\r\n        <div class="title-border"></div>\r\n    </div>    \r\n</div>\r\n<div class="top-learners-container" *ngIf="!loading && results.length">\r\n    <div class="w-full margin-bottom-l margin-top-l">\r\n        <div class="flex gap-3">\r\n            <div *ngFor="let obj of results; let i=index" class="flex-container">\r\n                <div class="flex-item user-box">\r\n                    <div class="flex gap-3 img-name-sec">\r\n                        <div class="flex gap-3">\r\n                            <div class="profile-pic" *ngIf="obj?.profile_image">\r\n                                <img [src]="obj?.profile_image" class="user-image"/>\r\n                            </div>\r\n                            <div class="initial" *ngIf="!obj?.profile_image"\r\n                                [style.backgroundColor]="colors[i]"\r\n                                >\r\n                                {{createInititals(obj?.fullname)}}\r\n                            </div>\r\n                            <div class="flex flex-col gap-1">\r\n                                <div class="name-sec" *ngIf="obj?.fullname?.length >= 24"\r\n                                    #tooltip="matTooltip"\r\n                                    [matTooltipClass]="\'below\'"\r\n                                    matTooltip="{{obj?.fullname}}"\r\n                                    [matTooltipPosition]="\'below\'">\r\n                                        {{obj?.fullname}}\r\n                                </div>\r\n                                <div class="name-sec" *ngIf="obj?.fullname?.length < 24">\r\n                                    {{obj?.fullname}}\r\n                                </div>\r\n                                <div class="designation-sec" *ngIf="obj?.designation?.length >= 32"\r\n                                    #tooltip="matTooltip"\r\n                                    [matTooltipClass]="\'below\'"\r\n                                    matTooltip="{{obj?.designation}}"\r\n                                    [matTooltipPosition]="\'below\'">\r\n                                        {{obj?.designation}}\r\n                                </div>\r\n                                <div class="designation-sec"  *ngIf="obj?.designation?.length < 32">{{obj?.designation}}</div>\r\n                                <div class="designation-sec" *ngIf="obj?.org_name?.length >= 32"\r\n                                    #tooltip="matTooltip"\r\n                                    [matTooltipClass]="\'below\'"\r\n                                    matTooltip="{{obj?.org_name}}"\r\n                                    [matTooltipPosition]="\'below\'">\r\n                                        {{obj?.org_name}}\r\n                                </div>\r\n                                <div class="designation-sec" *ngIf="obj?.org_name?.length < 32">{{obj?.org_name}}</div>\r\n                            </div>\r\n                        </div>\r\n                        <div class="flex gap-3">                                                       \r\n                            <div class="rank-sec">{{getRank(+obj?.row_num)}}</div>\r\n                        </div>                        \r\n                    </div>\r\n                    <div class="flex gap-2 kp-section">\r\n                        <div class="kp-icon"><img [src]="objectData?.kpIcon" class="kp-image"/></div>\r\n                        <div class="points">{{obj?.total_points || 0}}</div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div class="top-learners-container" *ngIf="!loading && results.length === 0">\r\n    <div class="margin-top-l noData">\r\n        No data\r\n    </div>\r\n</div>\r\n\r\n<ng-container>\r\n    <div class="top-learners-container" *ngIf="loading">\r\n        <div class="w-full margin-bottom-l margin-top-l">\r\n            <div class="flex gap-3">\r\n                <div *ngFor="let obj of [1,2,3]" class="flex-container">\r\n                    <div class="flex-item user-box">\r\n                        <div class="flex gap-3 img-name-sec">\r\n                            <div class="flex gap-3">\r\n                                <div class="profile-pic">\r\n                                    <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'44px\'"\r\n                        [height]="\'44px\'"></sb-uic-skeleton-loader>\r\n                                </div>\r\n                                <div class="flex flex-col gap-1">\r\n                                    <div class="name-sec">\r\n                                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'200px\'"\r\n                                        [height]="\'24px\'"></sb-uic-skeleton-loader>\r\n                                    </div>\r\n                                    <div class="designation-sec">\r\n                                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'200px\'"\r\n                                        [height]="\'16px\'"></sb-uic-skeleton-loader>\r\n                                    </div>\r\n                                    <div class="designation-sec">\r\n                                        <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'200px\'"\r\n                                        [height]="\'16px\'"></sb-uic-skeleton-loader>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div class="flex gap-3">                                                       \r\n                                <div class="rank-sec">\r\n                                    <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'44px\'"\r\n                                        [height]="\'44px\'"></sb-uic-skeleton-loader>\r\n                                </div>\r\n                            </div>                        \r\n                        </div>\r\n                        <div class="flex gap-2 kp-section">\r\n                            <div class="kp-icon">\r\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'32px\'"\r\n                                [height]="\'32px\'"></sb-uic-skeleton-loader>   \r\n                            </div>\r\n                            <div class="points">\r\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded objIcon\'" [width]="\'32px\'"\r\n                                        [height]="\'32px\'"></sb-uic-skeleton-loader>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\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"}),r=window.URL.createObjectURL(t),a=document.createElement("a");a.href=r,a.download=e.split("/").at(-1),document.body.appendChild(a),a.click(),document.body.removeChild(a),window.URL.revokeObjectURL(r)}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">\r\n    <div class="flex item-center cbp-logo">\r\n        <div class="cbp-heading"\r\n            [style.backgroundColor]="objectData?.header?.background"\r\n            [style.color]="objectData?.header?.color">\r\n            {{objectData?.title}}\r\n        </div>\r\n    </div>\r\n    \r\n    <div class="cbp-list-container" *ngIf="contentdata.length"\r\n        [style.borderColor]="objectData?.panelborder"\r\n        [style.backgroundColor]="objectData?.panelBackground">\r\n        <ng-container *ngIf="contentdata.length; else msgTemp">\r\n            <sb-uic-sliders-ng-content\r\n                [title]="\'providerName\'"\r\n                [currentIndex]="currentIndex"\r\n                (currentIndexValue)="getCurrentIndex($event)"\r\n                [loadNgContentData]="true" [widgetData]="contentdata"\r\n                [styleData]="styleData">\r\n                <div sliderbody>\r\n                    <div *ngFor="let item of contentdata; let i = index" [hidden]="i !== currentIndex">\r\n                        <div class="cbp-list-item"\r\n                            [style.borderColor]="objectData?.listItem?.border"\r\n                            [style.color]="objectData?.listItem?.border"\r\n                            [style.backgroundColor]="objectData?.listItem?.background">\r\n                            <div class="cbp-item-title">{{item?.title}}</div>\r\n                            <div class="flex download-sec">\r\n                                <div class="flex gap-3 cbp-download" (click)="downloadCBPPlan(item)">\r\n                                    <img [src]="objectData?.downloadIcon">Download\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </sb-uic-sliders-ng-content>\r\n        </ng-container>\r\n        <ng-template #msgTemp>\r\n            <div class="padding-bottom-m">\r\n                {{ translateLabels(objectData?.noData, \'home\') }}\r\n            </div>\r\n        </ng-template>\r\n    </div>\r\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 r=t.call(this)||this;return r.events=e,r.valueSvc=n,r.title="",r.loadNgContentData=!1,r.autoScroll=!1,r.currentIndexValue=new core.EventEmitter,r.id="banner_"+Math.random(),r.defaultMenuSubscribe=null,r.isLtMedium$=r.valueSvc.isLtMedium$,r.currentIndex=0,r.slideInterval=null,r.isMobile=!1,r}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="banner-container {{isMobile? styleData?.responsive?.bannerMetaClass : styleData?.bannerMetaClass}}" (swipeleft)="slideTo(currentIndex + 1)" (swiperight)="slideTo(currentIndex - 1)"\r\n  *ngIf="widgetData?.length > 1" [style.height]="isMobile? styleData?.responsive?.customHeight : styleData?.customHeight"\r\n  [ngStyle]="{\'border-radius\': styleData?.borderRadius || \'12px\'}">\r\n  <ng-container *ngIf="!loadNgContentData">\r\n    <a (click)="raiseTelemetry(widgetData[currentIndex].redirectUrl)"\r\n    [routerLink]=" !isOpenInNewTab && widgetData[currentIndex].redirectUrl? widgetData[currentIndex].redirectUrl : null" class="banner-overlay"\r\n    [ngClass]="{\'cursor-auto\': !widgetData[currentIndex].redirectUrl}">\r\n      <div class="banner WidgetInstanceId" *ngFor="let slide of widgetData; let i = index" [hidden]="i !== currentIndex">\r\n        <img i18n-alt alt="Page Banner" [src]="slide.banners" wsUtilsImageResponsive class="banner-image" />\r\n      </div>\r\n    </a>\r\n    <ng-container *ngIf="isMobile && styleData?.responsive?.dots !== \'hidden\' || !isMobile && styleData?.dots !== \'hidden\'">\r\n      <div class="banner-meta {{isMobile? styleData?.responsive?.bannerMetaAlign : styleData?.bannerMetaAlign}}">\r\n        <a [routerLink]=" !isOpenInNewTab && widgetData[currentIndex].redirectUrl? widgetData[currentIndex].redirectUrl : null" class="banner-title text-truncate"\r\n          *ngIf="widgetData[currentIndex].title" [title]="widgetData[currentIndex].title">\r\n          {{ widgetData[currentIndex].title }}\r\n        </a>\r\n        <div class="dots-container" *ngIf="widgetData?.length > 1">\r\n          <span class="dot" [ngClass]="{ active: j === currentIndex }" *ngFor="let slide of widgetData; let j = index"\r\n            (click)="slideTo(j)"></span>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf="loadNgContentData">\r\n    \x3c!-- <div class="banner WidgetInstanceId" *ngFor="let slide of widgetData; let i = index" [hidden]="i !== currentIndex"> --\x3e\r\n      <ng-content select="[sliderbody]"></ng-content>\r\n    \x3c!-- </div> --\x3e\r\n    <ng-container *ngIf="isMobile && styleData?.responsive?.dots !== \'hidden\' || !isMobile && styleData?.dots !== \'hidden\'">\r\n      <div class="banner-meta {{isMobile? styleData?.responsive?.bannerMetaAlign : styleData?.bannerMetaAlign}}">\r\n        <a [routerLink]=" !isOpenInNewTab && widgetData[currentIndex].redirectUrl? widgetData[currentIndex].redirectUrl : null" class="banner-title text-truncate"\r\n          *ngIf="widgetData[currentIndex].title" [title]="widgetData[currentIndex].title">\r\n          {{ widgetData[currentIndex].title }}\r\n        </a>\r\n        <div class="dots-container" *ngIf="widgetData?.length > 1">\r\n          <span class="dot" [ngClass]="{ active: j === currentIndex }" *ngFor="let slide of widgetData; let j = index"\r\n            (click)="slideTo(j)"></span>\r\n            <ng-content select="[sliderMeta]"></ng-content>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n  <div class="navigation {{isMobile? styleData?.responsive?.arrowsPlacement : styleData?.arrowsPlacement}}" \r\n  *ngIf="isMobile && styleData?.responsive?.navigationArrows !== \'hidden\' || !isMobile && styleData?.navigationArrows !== \'hidden\'">\r\n    <a *ngIf="widgetData?.length > 1" role="button" class="prev" (click)="slideTo(currentIndex - 1)">&#10094;</a>\r\n    <a *ngIf="widgetData?.length > 1" role="button" class="next" (click)="slideTo(currentIndex + 1)">&#10095;</a>\r\n  </div>\r\n</div>\r\n<div class="banner-container-solo margin-top-s" *ngIf="widgetData?.length == 1">\r\n  <img i18n-alt alt="Page Banner" width="100%" height="100%" [src]="widgetData[0].banners" wsUtilsImageResponsive class="banner-image-solo" />\r\n</div>\r\n\r\n\x3c!-- <ng-container *ngIf="!widgetData?.length">\r\n  <div class="slider default-slider h-full">\r\n    <div class="relative h-full">\r\n        <img class="h-full" src="assets/icons/home/default-slider-image.svg" alt="">\r\n        <div class="default-title rounded-full">\r\n            <p class="mat-h1">{{title}}</p>\r\n        </div>\r\n    </div>\r\n  </div>\r\n</ng-container> --\x3e\r\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}.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}}"]}]}],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}],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,r){var a=t.call(this)||this;return a.utilitySvc=e,a.contSvc=n,a.router=r,a.triggerTelemetry=new core.EventEmitter,a.isIntranetAllowedSettings=!1,a}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">\r\n    <ng-container *ngIf="widgetData && (((widgetData?.deletedMode || \'none\') === \'hide\' && !!!isLiveOrMarkForDeletion)\r\n    ? false\r\n    : !((widgetData?.intranetMode || \'none\') === \'hide\' && !!showIntranetContent))"\r\n      [ngSwitch]="( (widgetData && widgetData?.cardSubType) || \'cardPortraitLib\')">\r\n      <ng-container *ngSwitchDefault [ngTemplateOutlet]="cardPortraitLib"></ng-container>\r\n      <ng-container *ngSwitchCase="\'user-card\'" [ngTemplateOutlet]="cardUser"></ng-container>\r\n      <ng-container *ngSwitchCase="\'card-portrait-lib-skeleton\'" [ngTemplateOutlet]="cardPortraitLibSkeleton"></ng-container>\r\n      <ng-container *ngSwitchCase="\'card-portrait-lib\'" [ngTemplateOutlet]="cardPortraitLib"></ng-container>\r\n      <ng-container *ngSwitchCase="\'card-landscape-lib-skeleton\'" [ngTemplateOutlet]="cardLandscapeLibSkeleton"></ng-container>\r\n      <ng-container *ngSwitchCase="\'card-landscape-lib\'" [ngTemplateOutlet]="cardLandscapeLib"></ng-container>\r\n      <ng-container *ngSwitchCase="\'card-wide-lib-skeleton\'" [ngTemplateOutlet]="cardWideLibSkeleton"></ng-container>\r\n      <ng-container *ngSwitchCase="\'card-wide-lib\'" [ngTemplateOutlet]="cardWideLib"></ng-container>\r\n      <ng-container *ngSwitchCase="\'card-wide-v2\'" [ngTemplateOutlet]="cardWideV2"></ng-container>\r\n      <ng-container *ngSwitchCase="\'card-wide-v2-skeleton\'" [ngTemplateOutlet]="cardWideV2Skeleton"></ng-container>\r\n      <ng-container *ngSwitchCase="\'card-mdo-lib\'" [ngTemplateOutlet]="cardMdo"></ng-container>\r\n      <ng-container *ngSwitchCase="\'card-mdo-home-lib\'" [ngTemplateOutlet]="cardMdoHome"></ng-container>\r\n      <ng-container *ngSwitchCase="\'card-mdo-home-lib-skeleton\'" [ngTemplateOutlet]="cardMdoHomeSkeleton"></ng-container>\r\n      <ng-container *ngSwitchCase="\'card-mdo-lib-skeleton\'" [ngTemplateOutlet]="cardMdoSkeleton"></ng-container>\r\n      <ng-container *ngSwitchCase="\'card-scheduled-assessment\'" [ngTemplateOutlet]="cardScheduledAssessment"></ng-container>\r\n      <ng-container *ngSwitchCase="\'card-scheduled-assessment-skeleton\'" [ngTemplateOutlet]="cardScheduledAssessmentSkelton"></ng-container>\r\n      <ng-container *ngSwitchCase="\'card-karma-program-lib\'" [ngTemplateOutlet]="cardKarmaProgram"></ng-container>\r\n      <ng-container *ngSwitchCase="\'card-karma-program-lib-skeleton\'" [ngTemplateOutlet]="cardKarmaProgramSkeleton"></ng-container>\r\n      <ng-container *ngSwitchCase="\'card-progress-portrait-lib\'" [ngTemplateOutlet]="cardProgressLib"></ng-container>\r\n      <ng-container *ngSwitchCase="\'card-progress-portrait-lib-skeleton\'" [ngTemplateOutlet]="cardProgressLibSkeleton"></ng-container>\r\n      <ng-container *ngSwitchCase="\'card-karma-program-lib-v2\'" [ngTemplateOutlet]="cardKarmaProgramV2"></ng-container>\r\n      <ng-container *ngSwitchCase="\'card-karma-program-lib-v2-skeleton\'" [ngTemplateOutlet]="cardKarmaProgramV2"></ng-container>\r\n      <ng-container *ngSwitchCase="\'card-providers-lib\'" [ngTemplateOutlet]="cardProvider"></ng-container>\r\n      <ng-container *ngSwitchCase="\'card-providers-lib-skeleton\'" [ngTemplateOutlet]="cardProviderSkeleton"></ng-container>\r\n      <ng-container *ngSwitchCase="\'card-portrait-ext-lib-skeleton\'" [ngTemplateOutlet]="cardPortraitExtLibSkeleton"></ng-container>\r\n      <ng-container *ngSwitchCase="\'card-portrait-ext-lib\'" [ngTemplateOutlet]="cardPortraitExtLib"></ng-container>\r\n\r\n    </ng-container>\r\n</div>\r\n\r\n<ng-template #cardPortraitLibSkeleton>\r\n  <sb-uic-card-portrait [widgetData]="widgetData" [isCardLoading]="true"></sb-uic-card-portrait>\r\n</ng-template>\r\n<ng-template #cardPortraitLib>\r\n  <sb-uic-card-portrait \r\n  [cbPlanMapData]="cbPlanMapData"\r\n  (contentData)="getRedirectUrlData($event)" [widgetData]="widgetData" [isCardLoading]="false"></sb-uic-card-portrait>\r\n</ng-template>\r\n<ng-template #cardLandscapeLibSkeleton>\r\n  <sb-uic-card-landscape [widgetData]="widgetData" \r\n  [cbPlanMapData]="cbPlanMapData" [isCardLoading]="true"></sb-uic-card-landscape>\r\n</ng-template>\r\n<ng-template #cardLandscapeLib>\r\n  <sb-uic-card-landscape\r\n    (contentData)="getRedirectUrlData($event)"\r\n    (triggerTelemetry)="raiseCardClick($event)"\r\n    [widgetData]="widgetData"\r\n    [cbPlanMapData]="cbPlanMapData"\r\n    [isCardLoading]="false">\r\n  </sb-uic-card-landscape>\r\n</ng-template>\r\n\r\n<ng-template #cardWideLib>\r\n  <sb-uic-card-wide (contentData)="getRedirectUrlData($event)"  [widgetData]="widgetData"></sb-uic-card-wide>\r\n</ng-template>\r\n<ng-template #cardWideLibSkeleton>\r\n  <sb-uic-card-wide [widgetData]="widgetData"></sb-uic-card-wide>\r\n</ng-template>\r\n\r\n<ng-template #cardWideV2Skeleton>\r\n  <sb-uic-card-wide-v2 [widgetData]="widgetData" [isCardLoading]="true" ></sb-uic-card-wide-v2>\r\n</ng-template>\r\n<ng-template #cardWideV2>\r\n  <sb-uic-card-wide-v2\r\n    (contentData)="getRedirectUrlData($event)"\r\n    (triggerTelemetry)="raiseCardClick($event)"\r\n    [cbPlanMapData]="cbPlanMapData"\r\n    [isCardLoading]="false"\r\n    [widgetData]="widgetData">\r\n  </sb-uic-card-wide-v2>\r\n</ng-template>\r\n\r\n<ng-template #cardUser>\r\n  <sb-uic-card-user [widgetData]="widgetData"></sb-uic-card-user>\r\n</ng-template>\r\n<ng-template #cardMdoHome>\r\n  <sb-uic-card-mdo-channel-v1 [isCardLoading]="false" [widgetData]="widgetData"></sb-uic-card-mdo-channel-v1>\r\n</ng-template>\r\n<ng-template #cardMdoHomeSkeleton>\r\n  <sb-uic-card-mdo-channel-v1 [isCardLoading]="true" [widgetData]="widgetData"></sb-uic-card-mdo-channel-v1>\r\n</ng-template>\r\n<ng-template #cardMdo>\r\n  <sb-uic-card-mdo-channel [isCardLoading]="true"  [widgetData]="widgetData"></sb-uic-card-mdo-channel>\r\n</ng-template>\r\n<ng-template #cardMdoSkeleton>\r\n  <sb-uic-card-mdo-channel [isCardLoading]="true"  [widgetData]="widgetData"></sb-uic-card-mdo-channel>\r\n</ng-template>\r\n<ng-template #cardKarmaProgramSkeleton>\r\n  <sb-uic-card-karma-programs [randomColorApply]="true" \r\n  [isCardLoading]="true" [widgetData]="widgetData"></sb-uic-card-karma-programs>\r\n</ng-template>\r\n<ng-template #cardKarmaProgram>\r\n  <sb-uic-card-karma-programs [randomColorApply]="true" \r\n  [isCardLoading]="false" [widgetData]="widgetData"></sb-uic-card-karma-programs>\r\n</ng-template>\r\n<ng-template #cardScheduledAssessmentSkelton>\r\n  <sb-uic-card-assessment [widgetData]="widgetData" [isCardLoading]="true"></sb-uic-card-assessment>\r\n</ng-template>\r\n<ng-template #cardScheduledAssessment>\r\n  <sb-uic-card-assessment [widgetData]="widgetData" (contentData)="getRedirectUrlData($event)" [isCardLoading]="false" [enrollmentMapData]="enrollmentMapData"></sb-uic-card-assessment>\r\n</ng-template>\r\n<ng-template #cardProgressLibSkeleton>\r\n  <sb-uic-card-progress-portrait-lib \r\n  [isCardLoading]="true" [widgetData]="widgetData"></sb-uic-card-progress-portrait-lib>\r\n</ng-template>\r\n<ng-template #cardProgressLib>\r\n  <sb-uic-card-progress-portrait-lib \r\n  [isCardLoading]="false" (contentData)="getRedirectUrlData($event)" [widgetData]="widgetData"></sb-uic-card-progress-portrait-lib>\r\n</ng-template>\r\n<ng-template #cardKarmaProgramV2>\r\n  \x3c!-- <sb-uic-card-karma-programs-v2 [widgetData]="widgetData"><sb-uic-card-karma-programs-v2> --\x3e\r\n</ng-template>\r\n<ng-template #cardProvider>\r\n  <sb-uic-provider-card  [isCardLoading]="false" [widgetData]="widgetData"></sb-uic-provider-card>\r\n</ng-template>\r\n<ng-template #cardProviderSkeleton>\r\n  <sb-uic-provider-card  [isCardLoading]="true" [widgetData]="widgetData"></sb-uic-provider-card>\r\n</ng-template>\r\n\r\n\x3c!-- cios card --\x3e\r\n<ng-template #cardPortraitExtLibSkeleton>\r\n  <sb-uic-card-portrait-ext [widgetData]="widgetData" [isCardLoading]="true"></sb-uic-card-portrait-ext>\r\n</ng-template>\r\n<ng-template #cardPortraitExtLib>\r\n  <sb-uic-card-portrait-ext \r\n  [cbPlanMapData]="cbPlanMapData"\r\n  (contentData)="getRedirectUrlData($event)" [widgetData]="widgetData" [isCardLoading]="false"></sb-uic-card-portrait-ext>\r\n</ng-template>\r\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]="{\r\n      greyOut:\r\n        widgetData.deletedMode === \'greyOut\' && !isLiveOrMarkForDeletion\r\n          ? true\r\n          : widgetData?.intranetMode === \'greyOut\' && showIntranetContent\r\n    }" (click)="(showIntranetContent || !isLiveOrMarkForDeletion) && showSnackbar()">\r\n    <div class="display-contents" [ngClass]="{\r\n        disableClick:\r\n          widgetData.deletedMode === \'greyOut\' && !isLiveOrMarkForDeletion\r\n            ? true\r\n            : widgetData?.intranetMode === \'greyOut\' && showIntranetContent\r\n      }">\r\n      <ng-container *ngIf="widgetData.content">\r\n        <a (click)="raiseTelemetry();getRedirectUrlData(widgetData?.content); $event.stopPropagation()" \r\n            role="link" i18n-aria-label>\r\n      <ng-container *ngIf="!isCardFlipped">\r\n        <div class="status-danger" role="note" i18n-aria-label aria-label="Content expired or deleted" i18n-matTooltip\r\n          matTooltip="Content may be expired or deleted" *ngIf="!isLiveOrMarkForDeletion"></div>\r\n        <div class="status-danger" role="note" i18n-aria-label aria-label="Intranet content" i18n-matTooltip\r\n          matTooltip="Available only in Company\'s network"\r\n          *ngIf="widgetData?.intranetMode === \'greyOut\' && showIntranetContent"></div>\r\n        <button *ngIf="showFlip" class="detail-button ws-mat-primary-lite-background-op30" mat-icon-button\r\n          (click)="isCardFlipped = true" aria-label="Details" i18n-aria-label="Details | Click to see details">\r\n          <mat-icon>flip_to_back</mat-icon>\r\n        </button>\r\n        <mat-card-content class="min-top">\r\n          <div style="position: relative; z-index: 1;">\r\n            <ng-container *ngIf="widgetData.content.posterImage">\r\n              <img mat-card-image [src]="widgetData.content.posterImage | pipePublicURL" loading="lazy"\r\n              class="card-img ws-mat-primary-lite-background margin-remove" [wsUtilsDefaultThumbnail]="defaultThumbnail"\r\n              [alt]="widgetData.content.name" />\r\n            </ng-container>\r\n            <ng-container *ngIf="!widgetData.content.posterImage">\r\n              <ng-container *ngIf="widgetData.content.appIcon; else defaultImg">\r\n                <img mat-card-image [src]="widgetData.content.appIcon | pipePublicURL" loading="lazy"\r\n                class="card-img ws-mat-primary-lite-background margin-remove"  [wsUtilsDefaultThumbnail]="defaultThumbnail"\r\n                [alt]="widgetData.content.name" />\r\n              </ng-container>\r\n              <ng-template #defaultImg>\r\n                <img mat-card-image [src]="defaultThumbnail" loading="lazy"\r\n                class="card-img ws-mat-primary-lite-background margin-remove"\r\n                [alt]="widgetData.content.name" />\r\n              </ng-template>\r\n            </ng-container>\r\n            <div class="source-div" style="display: none;">\r\n              <img [src]="widgetData.content.creatorLogo" class="source-icon" [wsUtilsDefaultThumbnail]="defaultSLogo"\r\n                [alt]="(widgetData.content.sourceName + \'_\' + widgetData.content.identifier)" />\r\n            </div>\r\n            <ng-container *ngIf="widgetData?.content?.cbPlanEndDate">\r\n              <div class="cbp-mark">\r\n                <span>{{widgetData?.content?.cbPlanEndDate | date: \'d MMM, y\'}}</span>\r\n              </div>\r\n            </ng-container>\r\n            <ng-container *ngIf="cbPlanMapData && cbPlanMapData[widgetData?.content?.identifier]">\r\n              <ng-container [ngTemplateOutlet]="cbpPlan" [ngTemplateOutletContext]="{data: {\r\n                cbpData: cbPlanMapData[widgetData?.content?.identifier]\r\n              }}"></ng-container>\r\n            </ng-container>\r\n            <div class="duration-box right-corner" *ngIf="widgetData?.content?.duration > 0">\r\n              <mat-icon class="mat-icon main_icon mr-1">access_time</mat-icon>\r\n              <span class=" ws-mat-white-text duration">\r\n                {{ (widgetData?.content?.duration || 120)| pipeDurationTransform: \'hms\' }}\r\n              </span>\r\n            </div>\r\n            <div class="duration-box right-corner" *ngIf="widgetData?.content?.programDuration > 0">\r\n              <mat-icon class="mat-icon main_icon mr-1">access_time</mat-icon>\r\n              <span class=" ws-mat-white-text duration">\r\n                {{widgetData?.content?.programDuration}} {{widgetData?.content?.programDuration === 1 ? \'day\' : \'days\'}}\r\n              </span>\r\n            </div>\r\n          </div>\r\n          <div class="padding-m">\r\n            <div class="course_widget flex margin-remove">\r\n              <div class="flex flex-end course_v2">\r\n                <mat-icon class="mat-icon main_icon ws-mat-default-text margin-right-xs">video_library</mat-icon>\r\n                <ws-widget-display-content-type i18n-title title="Content Type" *ngIf="widgetData.content?.primaryCategory"\r\n                  class="ws-mat-black60-text font-normal mat-caption " [displayContentType]="widgetData.content?.primaryCategory===\'Course Unit\'\r\n                  ?\'Module\'\r\n                  :widgetData.content?.primaryCategory">\r\n\r\n                </ws-widget-display-content-type>\r\n              </div>\r\n              <div class="flex ml-5 flex-end course_v2">\r\n                <mat-icon class="mat-icon main_icon ws-mat-default-text margin-right-xs">video_library</mat-icon>\r\n                <ws-widget-display-content-type i18n-title title="Content Type" *ngIf="widgetData.content?.primaryCategory"\r\n                  class="ws-mat-black60-text font-normal mat-caption " [displayContentType]="widgetData.content?.primaryCategory===\'Course Unit\'\r\n                  ?\'Module\'\r\n                  :widgetData.content?.primaryCategory">\r\n\r\n                </ws-widget-display-content-type>\r\n              </div>\r\n            </div>\r\n            <div [id]="\'m-c-\'+ widgetData.content?.identifier"\r\n              class="mat-subheading-1 title-text ws-mat-text-block-fade-gradient">\r\n              {{ widgetData.content.name }}\r\n            </div>\r\n            <div [id]="\'m-c-\'+ widgetData.content?.identifier"\r\n              class="mat-subheading-1 description-text font-medium ws-mat-text-block-fade-gradient">\r\n              {{ widgetData.content.name }}\r\n            </div>\r\n            <div class="flex w-full flex-wrap flex-middle">\r\n              <div class="course_logo_box">\r\n                <img [src]="widgetData.content.creatorLogo | pipePublicURL " class="source-icon" [wsUtilsDefaultThumbnail]="defaultSLogo"\r\n                [alt]="(widgetData.content.sourceName + \'_\' + widgetData.content.identifier)" />\r\n              </div>\r\n              <span class="org-text">{{\'cardcontentv2.by\' | translate}} {{ (widgetData.content.organisation && widgetData.content.organisation[0]) ? widgetData.content.organisation[0] : \'Karmayogi Bharat\' }}</span>\r\n            </div>\r\n          </div>\r\n        </mat-card-content>\r\n      </ng-container>\r\n      <ng-container *ngIf="isCardFlipped">\r\n        <div class="flex items-center">\r\n          <h2 class="mat-subheading-2 flex-1 min-w-0 margin-remove-bottom" i18n>{{\'cardcontentv2.reason\' | translate}}</h2>\r\n          <button mat-icon-button (click)="isCardFlipped = false">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n        </div>\r\n        <p class="text-justify mat-body-1">\r\n          {{ widgetData.content.reason }}\r\n        </p>\r\n      </ng-container>\r\n        </a>\r\n      </ng-container>\r\n    </div>\r\n  </mat-card> --\x3e\r\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-all;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:48px}.card-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,r,a){var i=this;this.snackBar=t,this.translate=e,this.langtranslations=n,this.configSvc=r,this.contSvc=a,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")){i.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");i.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">\r\n  <mat-card class="card-standard-container mr-5 padding-remove cursor-pointer  {{widgetData?.cardCustomeClass}}" [ngClass]="{\r\n    greyOut:\r\n      widgetData.deletedMode === \'greyOut\' && !isLiveOrMarkForDeletion\r\n        ? true\r\n        : widgetData?.intranetMode === \'greyOut\' && showIntranetContent\r\n  }" (click)="(showIntranetContent || !isLiveOrMarkForDeletion) && showSnackbar()">\r\n  <div class="display-contents" [ngClass]="{\r\n      disableClick:\r\n        widgetData.deletedMode === \'greyOut\' && !isLiveOrMarkForDeletion\r\n          ? true\r\n          : widgetData?.intranetMode === \'greyOut\' && showIntranetContent\r\n    }">\r\n    <ng-container *ngIf="widgetData.content">\r\n      <a (click)="getRedirectUrlData(widgetData?.content); $event.stopPropagation()"\r\n          role="link" i18n-aria-label>\r\n    <ng-container *ngIf="!isCardFlipped">\r\n      <div class="status-danger" role="note" i18n-aria-label aria-label="Content expired or deleted" i18n-matTooltip\r\n        matTooltip="Content may be expired or deleted" *ngIf="!isLiveOrMarkForDeletion"></div>\r\n      <div class="status-danger" role="note" i18n-aria-label aria-label="Intranet content" i18n-matTooltip\r\n        matTooltip="Available only in Company\'s network"\r\n        *ngIf="widgetData?.intranetMode === \'greyOut\' && showIntranetContent"></div>\r\n      <button *ngIf="showFlip" class="detail-button ws-mat-primary-lite-background-op30" mat-icon-button\r\n        (click)="isCardFlipped = true" aria-label="Details" i18n-aria-label="Details | Click to see details">\r\n        <mat-icon>flip_to_back</mat-icon>\r\n      </button>\r\n      <mat-card-content class="min-top">\r\n        <div style="position: relative; z-index: 1;">\r\n          <ng-container *ngIf="widgetData.content.posterImage">\r\n            <img mat-card-image [src]="widgetData.content.posterImage | pipePublicURL" loading="lazy"\r\n            class="card-img ws-mat-primary-lite-background margin-remove" [wsUtilsDefaultThumbnail]="defaultThumbnail"\r\n            [alt]="widgetData.content.name" />\r\n          </ng-container>\r\n          <ng-container *ngIf="!widgetData.content.posterImage">\r\n            <ng-container *ngIf="widgetData.content.appIcon; else defaultImg">\r\n              <img mat-card-image [src]="widgetData.content.appIcon | pipePublicURL" loading="lazy"\r\n              class="card-img ws-mat-primary-lite-background margin-remove"  [wsUtilsDefaultThumbnail]="defaultThumbnail"\r\n              [alt]="widgetData.content.name" />\r\n            </ng-container>\r\n            <ng-template #defaultImg>\r\n              <img mat-card-image [src]="defaultThumbnail" loading="lazy"\r\n              class="card-img ws-mat-primary-lite-background margin-remove"\r\n              [alt]="widgetData.content.name" />\r\n            </ng-template>\r\n          </ng-container>\r\n          <div class="source-div" style="display: none;">\r\n            <img [src]="widgetData.content.creatorLogo" class="source-icon" [wsUtilsDefaultThumbnail]="defaultSLogo"\r\n              [alt]="(widgetData.content.sourceName + \'_\' + widgetData.content.identifier)" />\r\n          </div>\r\n          <ng-container *ngIf="widgetData?.content?.cbPlanEndDate">\r\n            <div class="cbp-mark">\r\n              <span>{{widgetData?.content?.cbPlanEndDate | date: \'d MMM, y\'}}</span>\r\n            </div>\r\n          </ng-container>\r\n          \x3c!-- <ng-container *ngIf="widgetData?.content?.endDate">\r\n            <div class="cbp-mark">\r\n              <p *ngIf="widgetData?.content?.planDuration === acbpConstants?.UPCOMING"  class="cbp-warning">{{widgetData?.content?.endDate | date: \'d MMM, y\'}}</p>\r\n              <p *ngIf="widgetData?.content?.planDuration === acbpConstants?.SUCCESS"  class="cbp-success">{{widgetData?.content?.endDate | date: \'d MMM, y\'}}</p>\r\n              <p *ngIf="widgetData?.content?.planDuration === acbpConstants?.OVERDUE" class="cbp-danger">Over due</p>\r\n            </div>\r\n          </ng-container> --\x3e\r\n          <ng-container *ngIf="cbPlanMapData && cbPlanMapData[widgetData?.content?.identifier]  &&  cbPlanMapData[widgetData?.content?.identifier]?.contentStatus < 2">\r\n            <ng-container [ngTemplateOutlet]="cbpPlan" [ngTemplateOutletContext]="{data: {\r\n              cbpData: cbPlanMapData[widgetData?.content?.identifier]\r\n            }}"></ng-container>\r\n          </ng-container>\r\n          <div class="duration-box right-corner" *ngIf="widgetData?.content?.duration > 0">\r\n            <mat-icon class="mat-icon main_icon mr-1">access_time</mat-icon>\r\n            <span class=" ws-mat-white-text duration">\r\n              {{ (widgetData?.content?.duration || 120)| pipeDurationTransform: \'hms\' }}\r\n            </span>\r\n          </div>\r\n          <div class="duration-box right-corner" *ngIf="widgetData?.content?.programDuration > 0">\r\n            <mat-icon class="mat-icon main_icon mr-1">access_time</mat-icon>\r\n            <span class=" ws-mat-white-text duration">\r\n              {{widgetData?.content?.programDuration}} {{widgetData?.content?.programDuration === 1 ? \'day\' : \'days\'}}\r\n            </span>\r\n          </div>\r\n        </div>\r\n        <div class="padding-m">\r\n          <div class="course_widget flex margin-remove">\r\n            <div class="flex flex-end course_v2">\r\n              <mat-icon class="mat-icon main_icon ws-mat-default-text margin-right-xs">video_library</mat-icon>\r\n              <sb-uic-display-content-type i18n-title title="Content Type" *ngIf="widgetData.content?.primaryCategory"\r\n                class="ws-mat-black60-text font-normal mat-caption " [displayContentType]="widgetData.content?.primaryCategory===\'Course Unit\'\r\n                ?\'Module\'\r\n                :widgetData.content?.primaryCategory">\r\n\r\n              </sb-uic-display-content-type>\r\n            </div>\r\n          </div>\r\n          <div [id]="\'m-c-\'+ widgetData.content?.identifier"\r\n            class="mat-subheading-1 title-text ws-mat-text-block-fade-gradient">\r\n            {{ widgetData.content.name }}\r\n          </div>\r\n          <div class="flex w-full flex-wrap flex-middle">\r\n            <div class="course_logo_box">\r\n              <img [src]="widgetData.content.creatorLogo | pipePublicURL " class="source-icon" [wsUtilsDefaultThumbnail]="defaultSLogo"\r\n              [alt]="(widgetData.content.sourceName + \'_\' + widgetData.content.identifier)" />\r\n            </div>\r\n            \x3c!-- <span class="org-text">{{\'cardcontentv2.by\' | translate}} --\x3e\r\n              <span class="org-text">By&nbsp; {{ (widgetData?.content?.organisation && widgetData?.content?.organisation[0]) ? widgetData?.content?.organisation[0] : \'Karmayogi Bharat\' }}</span>\r\n          </div>\r\n          <div class="flex flex-middle rating-session margin-top-m">\r\n            <div class="flex flex-middle" *ngIf="widgetData?.content?.avgRating">\r\n              <mat-icon class="mr-1">star</mat-icon>\r\n              <span>{{widgetData.content.avgRating}}</span>\r\n            </div>\r\n            \x3c!-- <span class="most-enrolled-text margin-left-m">{{ \'cardcontentv2.mostEnrolled\' | translate }}</span> --\x3e\r\n            <ng-container *ngIf="widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes(\'mostEnrolled\')">\r\n              <span class="most-enrolled-text margin-left-xs">\r\n                \x3c!-- {{ \'cardcontentv2.mostEnrolled\' | translate }} --\x3e\r\n            </span>\r\n            </ng-container>\r\n            <ng-container *ngIf="widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes(\'mostTrending\')">\r\n              <span class="most-enrolled-text margin-left-xs">\r\n                \x3c!-- {{ \'cardcontentv2.mostTrending\' | translate }} --\x3e\r\n            </span>\r\n            </ng-container>\r\n          </div>\r\n        </div>\r\n      </mat-card-content>\r\n    </ng-container>\r\n    <ng-container *ngIf="isCardFlipped">\r\n      <div class="flex items-center">\r\n        \x3c!-- <h2 class="mat-subheading-2 flex-1 min-w-0 margin-remove-bottom" i18n>{{\'cardcontentv2.reason\' | translate}}</h2> --\x3e\r\n        <button mat-icon-button (click)="isCardFlipped = false">\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n      <p class="text-justify mat-body-1">\r\n        {{ widgetData.content.reason }}\r\n      </p>\r\n    </ng-container>\r\n      </a>\r\n    </ng-container>\r\n  </div>\r\n</mat-card>\r\n</ng-container>\r\n\r\n<ng-container *ngIf="isCardLoading">\r\n  <mat-card class="card-standard-container mr-5 padding-remove" >\r\n    <div class="display-contents" >\r\n      <ng-container *ngIf="!isCardFlipped">\r\n        <mat-card-content class="min-top">\r\n          <div style="position: relative; z-index: 1;">\r\n            <ng-container>\r\n              <sb-uic-skeleton-loader [width]="\'100%\'" [height]="\'140px\'" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\r\n            </ng-container>\r\n          </div>\r\n          <div class="padding-m">\r\n            <div class="course_widget flex margin-remove">\r\n              <div class="flex flex-end">\r\n                <sb-uic-skeleton-loader [width]="\'65px\'" [height]="\'16px\'" [bindingClass]="\'flex rounded br-8\'"></sb-uic-skeleton-loader>\r\n              </div>\r\n            </div>\r\n            <div class="mat-subheading-1 title-text ws-mat-text-block-fade-gradient">\r\n              <sb-uic-skeleton-loader [width]="\'100%\'" [height]="\'16px\'" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\r\n              <sb-uic-skeleton-loader [width]="\'111px\'" [height]="\'16px\'" [bindingClass]="\'flex rounded margin-top-s\'"></sb-uic-skeleton-loader>\r\n            </div>\r\n            <div class="flex w-full flex-wrap flex-middle margin-top-m">\r\n              <div class="">\r\n                <sb-uic-skeleton-loader [width]="\'28px\'" [height]="\'28px\'" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\r\n              </div>\r\n              <span class="org-text"> <sb-uic-skeleton-loader [width]="\'111px\'" [height]="\'16px\'" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader></span>\r\n            </div>\r\n            <div class="flex flex-middle rating-session margin-top-m">\r\n              <div class="flex flex-middle">\r\n                <sb-uic-skeleton-loader [width]="\'45px\'" [height]="\'12px\'" [bindingClass]="\'flex rounded margin-top-m\'"></sb-uic-skeleton-loader>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </mat-card-content>\r\n      </ng-container>\r\n    </div>\r\n  </mat-card>\r\n</ng-container>\r\n\r\n<ng-template #cbpPlan  let-data="data">\r\n  <div class="cbp-mark left-0 border-top-radius">\r\n    <p *ngIf="data.cbpData.planDuration === acbpConstants?.UPCOMING"  class="cbp-warning">{{data.cbpData.endDate | date: \'d MMM, y\'}}</p>\r\n    <p *ngIf="data.cbpData.planDuration === acbpConstants?.SUCCESS"  class="cbp-success">{{data.cbpData.endDate | date: \'d MMM, y\'}}</p>\r\n    <p *ngIf="data.cbpData.planDuration === acbpConstants?.OVERDUE" class="cbp-danger">{{\'OverDue\' }}</p>\r\n  </div>\r\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-all;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:48px}.card-standard-container .description-text{position:relative;overflow:hidden;height:42px;white-space:normal;text-overflow:ellipsis}.duration-box{background:#000;position:absolute;border:none;display:flex;align-items:center;padding:4px;border-radius:4px}.duration-box.right-corner{right:4px;bottom:4px}.duration-box .mat-icon{vertical-align:middle;color:#fff!important;height:14px!important;width:14px!important;font-size:14px}.duration-box .duration{font:700 12px/16px Lato;display:inline-block;margin:0;padding:0}.width-238{width:238px!important}.cbp-mark{border-radius:12px 0;opacity:1;background-image:linear-gradient(90deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 100%);position:absolute;top:0;padding:8px}.cbp-mark p{opacity:1;background-color:#fff;padding:4px;opacity:1;color:#1b2133;font-family:Lato-Regular;font-size:10px;font-weight:400;font-style:Regular;letter-spacing:.5px;text-align:left;line-height:12px;margin-bottom:0}.cbpwidth{width:340px}.cbp-plan{border-radius:4px;opacity:1;background-color:#1b4ca1;top:4px;left:4px;opacity:1;color:rgba(255,255,255,.95);font-family:Lato-Bold;font-size:12px;font-weight:700;font-style:normal;letter-spacing:.25px;text-align:center;line-height:16px;padding:4px}.cbp-info{opacity:1;color:#fff;font-family:Lato-Regular;font-size:10px;font-weight:400;font-style:normal;letter-spacing:.5px;text-align:left;line-height:12px;padding:2px}.cbp-danger{border-radius:2px;border:1px solid rgba(0,0,0,.08);background-color:#d13924!important;color:#fff!important;opacity:1}.cbp-success{border-radius:2px;border:1px solid #1d8922;background-color:#1d8922!important;color:#fff!important;opacity:1}.cbp-warning{border-radius:2px;border:1px solid #ef951e;background-color:#ef951e!important;color:#fff!important;opacity:1}"]}]}],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">\r\n  <span [ngSwitch]="displayContentType" class="content-type-class">\r\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.ASSESSMENT" i18n>Assessment</ng-container>\r\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.AUDIO" i18n>Audio</ng-container>\r\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.CHANNEL" i18n>Channel</ng-container>\r\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.CERTIFICATION" i18n\r\n      >Certification</ng-container\r\n    >\r\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.CLASS_DIAGRAM" i18n\r\n      >Class Diagram</ng-container\r\n    >\r\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.COURSE" i18n>Course</ng-container>\r\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.DEFAULT" i18n>Content</ng-container>\r\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.DRAG_DROP" i18n>Drag & Drop</ng-container>\r\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.EXTERNAL_CERTIFICATION" i18n\r\n      >External Certification</ng-container\r\n    >\r\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.EXTERNAL_COURSE" i18n\r\n      >External Course</ng-container\r\n    >\r\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.HANDS_ON" i18n>Hands-On</ng-container>\r\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.IAP" i18n>Hands-On Assessment</ng-container>\r\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.INSTRUCTOR_LED" i18n\r\n      >Instructor-Led</ng-container\r\n    >\r\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.INTERACTIVE_VIDEO" i18n\r\n      >Interactive Video</ng-container\r\n    >\r\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.KNOWLEDGE_ARTIFACT" i18n\r\n      >Knowledge Artifact</ng-container\r\n    >\r\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.KNOWLEDGE_BOARD" i18n\r\n      >Knowledge Board</ng-container\r\n    >\r\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.LEARNING_JOURNEY" i18n\r\n      >Learning Journey</ng-container\r\n    >\r\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.MODULE" i18n>Module</ng-container>\r\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.PDF" i18n>Pdf</ng-container>\r\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.PROGRAM" i18n>Program</ng-container>\r\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.QUIZ" i18n>Quiz</ng-container>\r\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.RESOURCE" i18n>Resource</ng-container>\r\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.VIDEO" i18n>Video</ng-container>\r\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.WEB_MODULE" i18n>Web Module</ng-container>\r\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.WEB_PAGE" i18n>Web Page</ng-container>\r\n    <ng-container *ngSwitchCase="displayContentTypeEnum?.YOUTUBE" i18n>Youtube</ng-container>\r\n    <ng-container *ngSwitchDefault i18n>\r\n      <span *ngIf="useTranslation">\r\n        {{ translateLabels(displayContentType, \'searchfilters\') }}\r\n      </span>\r\n      <span *ngIf="!useTranslation">\r\n        {{ displayContentType }}\r\n      </span>\r\n    </ng-container>\r\n  </span>\r\n  </ng-container>\r\n\x3c!-- <ng-container *ngIf="displayContentType">{{displayContentType}}</ng-container> --\x3e\r\n\x3c!-- <span [ngSwitch]="displayContentType">\r\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.ASSESSMENT" i18n>Assessment</ng-container>\r\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.AUDIO" i18n>Audio</ng-container>\r\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.CHANNEL" i18n>Channel</ng-container>\r\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.CERTIFICATION" i18n\r\n    >Certification</ng-container\r\n  >\r\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.CLASS_DIAGRAM" i18n\r\n    >Class Diagram</ng-container\r\n  >\r\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.COURSE" i18n>Course</ng-container>\r\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.DEFAULT" i18n>Content</ng-container>\r\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.DRAG_DROP" i18n>Drag & Drop</ng-container>\r\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.EXTERNAL_CERTIFICATION" i18n\r\n    >External Certification</ng-container\r\n  >\r\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.EXTERNAL_COURSE" i18n\r\n    >External Course</ng-container\r\n  >\r\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.HANDS_ON" i18n>Hands-On</ng-container>\r\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.IAP" i18n>Hands-On Assessment</ng-container>\r\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.INSTRUCTOR_LED" i18n\r\n    >Instructor-Led</ng-container\r\n  >\r\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.INTERACTIVE_VIDEO" i18n\r\n    >Interactive Video</ng-container\r\n  >\r\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.KNOWLEDGE_ARTIFACT" i18n\r\n    >Knowledge Artifact</ng-container\r\n  >\r\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.KNOWLEDGE_BOARD" i18n\r\n    >Knowledge Board</ng-container\r\n  >\r\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.LEARNING_JOURNEY" i18n\r\n    >Learning Journey</ng-container\r\n  >\r\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.MODULE" i18n>Module</ng-container>\r\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.PDF" i18n>Pdf</ng-container>\r\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.PROGRAM" i18n>Program</ng-container>\r\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.QUIZ" i18n>Quiz</ng-container>\r\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.RESOURCE" i18n>Resource</ng-container>\r\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.VIDEO" i18n>Video</ng-container>\r\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.WEB_MODULE" i18n>Web Module</ng-container>\r\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.WEB_PAGE" i18n>Web Page</ng-container>\r\n  <ng-container *ngSwitchCase="displayContentTypeEnum?.YOUTUBE" i18n>Youtube</ng-container>\r\n  <ng-container *ngSwitchDefault i18n>Content</ng-container>\r\n</span> --\x3e\r\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),r=Math.floor(t%3600/60),a=Math.floor(t%3600%60),i="";switch(e){case"time24":return this.defaultDuration(n,r,a);case"hms":return this.hmsCalculation(n,r,a,i,e);case"hms2H":var o=moment$2.duration(t,"seconds");return moment$2.utc(o.asMilliseconds()).format("HH:mm:ss");case"hms2M":var s=moment$2.duration(t,"seconds");return moment$2.utc(s.asMilliseconds()).format("mm:ss");case"hour":return 0===n&&(i+="less than an hour"),1===n&&(i+=n+" hour"),n>1&&(i+=n+" hours"),i;case"day":return n>24?moment$2.duration(t,"seconds").days()+" day(s)":this.hmsCalculation(n,r,a,i,e);default:return this.defaultDuration(n,r,a)}},t.prototype.defaultDuration=function(t,e,n){var r="";return r+=t>0?t.toString().padStart(2)+":":"",r+=e>0?e.toString().padStart(2)+":":"00:",r+=n>0?n.toString().padStart(2):"00"},t.prototype.hmsCalculation=function(t,e,n,r,a){var i="",o=r;return t>0&&(o+="hms"===a?t+"h":t+" hr"),e>0&&(t>0&&(i=" "),o+="hms"===a?""+i+e+"m":""+i+e+" min"),n>0&&0===t&&(e>0&&(i=" "),o+="hms"===a?""+i+n+"s":""+i+n+" sec"),o},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,r,a){var i=this;this.snackBar=t,this.events=e,this.translate=n,this.langtranslations=r,this.configSvc=a,this.userData=new core.EventEmitter,this.widgetType="df",this.widgetSubType="sdf",this.langtranslations.languageSelectedObservable.subscribe((function(){if(localStorage.getItem("websiteLanguage")){i.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");i.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">\r\n    <div class="display-contents">\r\n        <ng-container *ngIf="widgetData.content">\r\n            <a (click)="raiseTelemetry();$event.stopPropagation()" role="link"\r\n                i18n-aria-label>\r\n                <ng-container>\r\n                    <mat-card-content class="min-top">\r\n                        <div style="position: relative; z-index: 1;">\r\n                            <ng-container *ngIf="widgetData.content.image">\r\n                                <img mat-card-image [src]="widgetData.content.image"\r\n                                    loading="lazy" class="card-img ws-mat-primary-lite-background margin-remove"\r\n                                    [wsUtilsDefaultThumbnail]="defaultThumbnail" [alt]="widgetData.content.name" />\r\n                            </ng-container>\r\n                            <ng-container *ngIf="!widgetData.content.image">\r\n                                <ng-template #defaultImg>\r\n                                    <img mat-card-image [src]="defaultThumbnail" loading="lazy"\r\n                                        class="card-img ws-mat-primary-lite-background margin-remove"\r\n                                        [alt]="widgetData.content.name" />\r\n                                </ng-template>\r\n                            </ng-container>\r\n                        </div>\r\n                        <div class="padding-m">\r\n                            <div class="user_widget flex margin-remove">\r\n                            </div>\r\n                            <div [id]="\'m-c-\'+ widgetData.content?.userId"\r\n                                class="mat-subheading-1 title-text ws-mat-text-block-fade-gradient">\r\n                                {{ widgetData?.content?.name }}\r\n                            </div>\r\n                            <div class="flex w-full flex-wrap flex-middle">\r\n                                <p class="whitespace-normal description-text mat-body-2">\r\n                                    {{ widgetData?.content?.description }}\r\n                                </p>\r\n                            </div>\r\n                        </div>\r\n                    </mat-card-content>\r\n                </ng-container>\r\n            </a>\r\n        </ng-container>\r\n    </div>\r\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:cover;object-fit:cover;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-all;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;min-height:24px}.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,r,a){var i=this;this.snackBar=t,this.events=e,this.translate=n,this.langtranslations=r,this.configSvc=a,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")){i.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");i.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">\r\n    <a class="cursor-pointer" (click)="raiseTelemetry(widgetData?.content);getRedirectUrlData(widgetData?.content); $event.stopPropagation()" \r\n  role="link" i18n-aria-label>\r\n  <mat-card class="card-portrait mr-2 card-portrait-clickable min-height-remove" [ngClass]="widgetData.cardCustomeClass ? widgetData.cardCustomeClass : \'\'">\r\n     <div class="course_widget portrait_widget flex  margin-bottom-xs">\r\n        <div class="flex flex-end flex-middle course_port">\r\n           <mat-icon class="mat-icon main_icon  ws-mat-default-text margin-right-xs">video_library</mat-icon>\r\n           <sb-uic-display-content-type i18n-title title="Content Type" *ngIf="widgetData.content?.primaryCategory"\r\n           class="ws-mat-black60-text font-normal mat-caption " [useTranslation]="false" [displayContentType]="widgetData.content?.primaryCategory===\'Course Unit\'\r\n           ?\'Module\'\r\n           :widgetData.content?.primaryCategory">\r\n           </sb-uic-display-content-type>\r\n        </div>\r\n     </div>\r\n     <div class="flex">\r\n        <div class="margin-right-s">\r\n           <ng-container *ngIf="widgetData?.content?.posterImage">\r\n              <div class=" img-block-portrait position-relative">\r\n                 <img mat-card-image [src]="widgetData?.content?.posterImage | pipePublicURL" loading="lazy"\r\n                 class="card-image ws-mat-primary-lite-background margin-remove" [wsUtilsDefaultThumbnail]="defaultThumbnail"\r\n                 [alt]="widgetData.content.name" />\r\n                 <div class="duration-box right-corner-portrait" *ngIf="widgetData?.content?.duration > 0">\r\n                    <mat-icon class="mat-icon main_icon mr-1">access_time</mat-icon>\r\n                    <span class=" ws-mat-white-text duration">\r\n                    {{ (widgetData?.content?.duration || 120)| pipeDurationTransform: \'hms\' }}\r\n                    </span>\r\n                 </div>\r\n                 <div class="duration-box right-corner-portrait" *ngIf="widgetData?.content?.programDuration > 0">\r\n                    <mat-icon class="mat-icon main_icon mr-1">access_time</mat-icon>\r\n                    <span class=" ws-mat-white-text duration">\r\n                    {{widgetData?.content?.programDuration}} {{widgetData?.content?.programDuration === 1 ? \'day\' : \'days\'}}\r\n                    </span>\r\n                 </div>\r\n                <ng-container *ngIf="cbPlanMapData && cbPlanMapData[widgetData?.content?.identifier] &&  cbPlanMapData[widgetData?.content?.identifier]?.contentStatus < 2">\r\n                  <ng-container [ngTemplateOutlet]="cbpPlan" [ngTemplateOutletContext]="{data: {\r\n                    cbpData: cbPlanMapData[widgetData?.content?.identifier]\r\n                  }}"></ng-container>\r\n                </ng-container>\r\n              </div>\r\n           </ng-container>\r\n           <ng-container *ngIf="!widgetData?.content?.posterImage">\r\n              <ng-container *ngIf="widgetData?.content?.appIcon; else defaultImg">\r\n                 <img mat-card-image [src]="widgetData.content.appIcon | pipePublicURL" loading="lazy"\r\n                 class="card-image ws-mat-primary-lite-background margin-remove"  [wsUtilsDefaultThumbnail]="defaultThumbnail"\r\n                 [alt]="widgetData.content.name" />\r\n              </ng-container>\r\n              <ng-template #defaultImg>\r\n                 <img mat-card-image [src]="defaultThumbnail" loading="lazy"\r\n                 class="card-image ws-mat-primary-lite-background margin-remove"\r\n                 [alt]="widgetData?.content?.name" />\r\n              </ng-template>\r\n           </ng-container>\r\n        </div>\r\n        <div class="width-1-1">\r\n           <div [id]="\'m-c-\'+ widgetData?.content?.identifier"\r\n              class="portrait-subheading mat-subheading-2 title-text">\r\n              {{ widgetData?.content?.name }}\r\n           </div>\r\n           <div class="flex w-full  flex-middle">\r\n              <div class="portrait_course_logo_box margin-right-xs">\r\n                 <img [src]="widgetData?.content?.creatorLogo | pipePublicURL " class="source-icon"  loading="lazy" [wsUtilsDefaultThumbnail]="defaultSLogo"\r\n                 [alt]="(widgetData?.content?.sourceName + \'_\' + widgetData?.content?.identifier)" />\r\n              </div>\r\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>\r\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\r\n           </div>\r\n\r\n           <div class="flex flex-middle rating-session margin-top-xs">\r\n            <div class="flex flex-middle" *ngIf="widgetData?.content?.avgRating">\r\n              <mat-icon class="mr-1">star</mat-icon>\r\n              <span>{{widgetData.content.avgRating}}</span>\r\n            </div>\r\n            \x3c!-- <ng-container *ngIf="widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes(\'mostEnrolled\')">\r\n              <span class="most-enrolled-text margin-left-xs">{{ \'cardcontentv2.mostEnrolled\' | translate }}</span>\r\n            </ng-container>\r\n            <ng-container *ngIf="widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes(\'mostTrending\')">\r\n              <span class="most-enrolled-text margin-left-xs">{{ \'cardcontentv2.mostTrending\' | translate }}</span>\r\n            </ng-container> --\x3e\r\n          </div>\r\n        </div>\r\n     </div>\r\n  </mat-card>\r\n  </a>\r\n</ng-container>\r\n\r\n<ng-template #cbpPlan  let-data="data">\r\n    <div class="cbp-mark left-0 border-top-radius">\r\n      <p *ngIf="data.cbpData.planDuration === acbpConstants?.UPCOMING"  class="cbp-warning">{{data.cbpData.endDate | date: \'d MMM, y\'}}</p>\r\n      <p *ngIf="data.cbpData.planDuration === acbpConstants?.SUCCESS"  class="cbp-success">{{data.cbpData.endDate | date: \'d MMM, y\'}}</p>\r\n      <p *ngIf="data.cbpData.planDuration === acbpConstants?.OVERDUE" class="cbp-danger">{{\'OverDue\' }}</p>\r\n    </div>\r\n  </ng-template>\r\n\r\n<ng-container *ngIf="isCardLoading">\r\n    <mat-card class="card-portrait mr-2 card-portrait-clickable" [ngClass]="widgetData.cardCustomeClass ? widgetData.cardCustomeClass : \'\'">\r\n        <div class="flex">\r\n          <div class="margin-right-s">\r\n            <ng-container>\r\n              <sb-uic-skeleton-loader [width]="\'147px\'" [height]="\'100px\'" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\r\n            </ng-container>\r\n          </div>\r\n          <div class="width-1-1">\r\n            <div class="portrait-subheading title-text">\r\n                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded width-1-1\'"></sb-uic-skeleton-loader>\r\n            </div>\r\n            <div class="flex w-full flex-wrap flex-middle">\r\n                <sb-uic-skeleton-loader [width]="\'24px\'" [height]="\'24px\'"  [bindingClass]="\'flex rounded margin-right-xs\'"></sb-uic-skeleton-loader>\r\n                <sb-uic-skeleton-loader [width]="\'100px\'" [height]="\'12px\'" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\r\n            </div>\r\n            <div class="portrait_widget flex margin-top-xs">\r\n              <div class="flex flex-end flex-middle">\r\n                <sb-uic-skeleton-loader [width]="\'65px\'" [height]="\'12px\'"  [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </mat-card>\r\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-all;white-space:initial;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.card-portrait .portrait_widget{align-items:center;margin-top:0}.card-portrait .portrait_widget .course_port{border:1px solid #ef951e;padding:4px 8px;align-items:center;border-radius:16px}.card-portrait .portrait_widget .video-icon{opacity:1;color:#ef951e;width:15px;height:15px;font-size:15px}.card-portrait .portrait_widget .portrait-category{color:rgba(0,0,0,.6)!important;font-size:.75rem;opacity:1;font-family:Lato-Regular;font-weight:400;font-style:normal;letter-spacing:.25px;text-align:left;line-height:20px}.card-portrait .progress-wrapper .progress-block{width:60%}.card-portrait .progress-wrapper .progress-block .completed-time{color:#ef951e;display:flex;padding:8px 0}.card-portrait .progress-wrapper .progress-block .completed-time mat-icon{width:1rem;height:1rem;font-size:1rem}.card-portrait .progress-wrapper .progress-block .completed-time span{opacity:1;color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:.75rem;font-weight:400;font-style:normal;letter-spacing:.25px;text-align:left;line-height:16px}.card-portrait .progress-wrapper .progress-btn .resume-btn{opacity:1;color:#fff;font-family:Lato-Bold;font-size:14px;font-weight:700;font-style:normal;letter-spacing:.5px;text-align:left;line-height:20px;background:#1a4ca1;border-radius:63px;padding:6px 16px;border:none;width:100%;cursor:pointer}.card-portrait .progress-wrapper .progress-btn .resume-btn .textwrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:82px}.card-portrait .progress-wrapper .progress-btn .resume-btn:hover{background-color:#253379}.card-portrait .progress-bar-new{color:#ef951e!important;height:10px;border-radius:5px}.card-portrait .rating-session mat-icon{font-size:20px;height:20px;width:20px;color:#ef951e}.card-portrait .rating-session .rating-number{font-size:14px}.card-portrait .rating-session .most-enrolled-text{font-size:10px;font-weight:400;padding:4px;background:#ffea9e;border-radius:4px;line-height:12px}.card-portrait .right-corner-portrait{right:8px;bottom:8px}.card-portrait-clickable{min-height:146px!important}.card-portrait-clickable .right-corner-portrait{right:8px;bottom:8px}.card-portrait-clickable:hover{transform:scale(1.02)}.course_widget{margin-top:10px}.course_widget .mat-icon{vertical-align:middle;color:#ef951e!important}.course_widget .course_v2{border:1px solid #ef951e;padding:4px 8px;align-items:end;border-radius:16px}.course_widget .main_icon{font-size:16px;width:16px;height:16px}.rating-session mat-icon{font-size:16px;height:16px;width:12px;padding-right:3px;color:#ef951e}.rating-session span{font-size:11px}.rating-session .most-enrolled-text{padding:0 8px;background:#ffea9e;border-radius:4px}.duration-box{background:#000;position:absolute;border:none;display:flex;align-items:center;padding:4px;border-radius:4px}.duration-box.right-corner{right:4px;bottom:4px}.duration-box .mat-icon{vertical-align:middle;color:#fff!important;height:14px!important;width:14px!important;font-size:14px}.duration-box .duration{font:700 12px/16px Lato;display:inline-block;margin:0;padding:0}@media only screen and (max-width:768px){.card-portrait{width:calc(100vw - 66px)}.card-wide-v2{min-height:356px}.card-wide-v2 .imageholder img{border-radius:12px 12px 0 0!important}.cbpwidth{width:calc(100vw - 100px)}}.cbp-mark{border-radius:12px 0;opacity:1;background-image:linear-gradient(90deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 100%);position:absolute;top:0;padding:8px}.cbp-mark p{opacity:1;background-color:#fff;padding:4px;opacity:1;color:#1b2133;font-family:Lato-Regular;font-size:10px;font-weight:400;font-style:Regular;letter-spacing:.5px;text-align:left;line-height:12px;margin-bottom:0}.cbpwidth{width:340px}.cbp-plan{border-radius:4px;opacity:1;background-color:#1b4ca1;top:4px;left:4px;opacity:1;color:rgba(255,255,255,.95);font-family:Lato-Bold;font-size:12px;font-weight:700;font-style:normal;letter-spacing:.25px;text-align:center;line-height:16px;padding:4px}.cbp-info{opacity:1;color:#fff;font-family:Lato-Regular;font-size:10px;font-weight:400;font-style:normal;letter-spacing:.5px;text-align:left;line-height:12px;padding:2px}.cbp-danger{border-radius:2px;border:1px solid rgba(0,0,0,.08);background-color:#d13924!important;color:#fff!important;opacity:1}.cbp-success{border-radius:2px;border:1px solid #1d8922;background-color:#1d8922!important;color:#fff!important;opacity:1}.cbp-warning{border-radius:2px;border:1px solid #ef951e;background-color:#ef951e!important;color:#fff!important;opacity:1}"]}]}],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,r,a){var i=this;this.snackBar=t,this.events=e,this.translate=n,this.langtranslations=r,this.configSvc=a,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")){i.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");i.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">\r\n    <a (click)="raiseTelemetry();getRedirectUrlData(widgetData?.content); $event.stopPropagation()" \r\n    role="link" i18n-aria-label>\r\n    <div class="flex">\r\n        <div>\r\n            <ng-container *ngIf="widgetData?.content?.posterImage">\r\n                <img mat-card-image [src]="widgetData?.content?.posterImage | pipePublicURL" loading="lazy"\r\n                class="card-wide-img ws-mat-primary-lite-background margin-remove" [wsUtilsDefaultThumbnail]="defaultThumbnail"\r\n                [alt]="widgetData?.content?.name" />\r\n              </ng-container>\r\n              <ng-container *ngIf="!widgetData?.content?.posterImage">\r\n                <ng-container *ngIf="widgetData?.content?.appIcon; else defaultImg">\r\n                  <img mat-card-image [src]="widgetData?.content?.appIcon | pipePublicURL" loading="lazy"\r\n                  class="card-wide-img ws-mat-primary-lite-background margin-remove"  [wsUtilsDefaultThumbnail]="defaultThumbnail"\r\n                  [alt]="widgetData?.content?.name" />\r\n                </ng-container>\r\n                <ng-template #defaultImg>\r\n                  <img mat-card-image [src]="defaultThumbnail" loading="lazy"\r\n                  class="card-wide-img ws-mat-primary-lite-background margin-remove"\r\n                  [alt]="widgetData?.content?.name" />\r\n                </ng-template>\r\n              </ng-container>\r\n        </div>\r\n        <div>\r\n            <div class="pl-4 pr-4 w-full">\r\n                <div class="course_widget flex margin-remove">\r\n                  <div class="flex flex-end course_v2">\r\n                    <mat-icon class="mat-icon main_icon ws-mat-default-text margin-right-xs">video_library</mat-icon>\r\n                    <sb-uic-display-content-type i18n-title title="Content Type" *ngIf="widgetData?.content?.primaryCategory"\r\n                      class="ws-mat-black60-text font-normal mat-caption " [displayContentType]="widgetData?.content?.primaryCategory===\'Course Unit\'\r\n                      ?\'Module\'\r\n                      :widgetData?.content?.primaryCategory">\r\n                    </sb-uic-display-content-type>\r\n                  </div>\r\n                </div>\r\n                <div [id]="\'m-c-\'+ widgetData?.content?.identifier"\r\n                  class="mat-subheading-1 title-text ws-mat-text-block-fade-gradient">\r\n                  {{ widgetData?.content?.name }}\r\n                </div>\r\n\r\n            <div class="flex w-full  flex-middle">\r\n                <div class="course_logo_box">\r\n                  <img [src]="widgetData?.content?.creatorLogo | pipePublicURL " class="source-icon" [wsUtilsDefaultThumbnail]="defaultSLogo"\r\n                  [alt]="(widgetData?.content?.sourceName + \'_\' + widgetData?.content?.identifier)" />\r\n                </div>\r\n                \x3c!-- <span class="org-text">{{\'cardcontentv2.by\' | translate}} --\x3e\r\n                  <span class="org-text">By&nbsp; {{ (widgetData?.content?.organisation && widgetData?.content?.organisation[0]) ? widgetData?.content?.organisation[0] : \'Karmayogi Bharat\' }}</span>\r\n              </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    </a>\r\n</mat-card>\r\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,r,a,i){var o=this;this.events=t,this.translate=e,this.langtranslations=n,this.configSvc=r,this.contSvc=a,this.router=i,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")){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.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">\r\n    <mat-card class="channels-card card-channels-container mr-5 padding-remove cursor-pointer">\r\n        <div class="display-contents">\r\n            <ng-container *ngIf="widgetData?.content">\r\n                <a (click)="raiseTelemetry(widgetData?.content); redirectTo(widgetData?.content); $event.stopPropagation()"\r\n                    i18n-aria-label>\r\n                    <ng-container>\r\n                        <mat-card-content class="min-top">\r\n                            <div class="flex flex-col h-full">\r\n                                <div class="image-container">\r\n                                    <ng-container *ngIf="widgetData?.content?.imgUrl; else defaultImg">\r\n                                        <img mat-card-image [src]="widgetData?.content?.imgUrl" loading="lazy"\r\n                                        class="card-img ws-mat-primary-lite-background margin-remove"  [wsUtilsDefaultThumbnail]="defaultThumbnail"\r\n                                        [alt]="widgetData?.content?.orgName" />\r\n                                    </ng-container>\r\n                                    <ng-template #defaultImg>\r\n                                        <sb-uic-avatar-photo [randomColor]="true" [name]="widgetData?.content?.orgName" [photoUrl]="widgetData?.content?.imgUrl" size="m-side-rating">\r\n                                        </sb-uic-avatar-photo>\r\n                                    </ng-template>\r\n                                </div>\r\n                                <div class="flex  title-container px-2">\r\n                                    <div [id]="\'m-c-\'+ widgetData?.content?.identifier"\r\n                                        class="flex-1 text-center  mat-subheading-2 title-text ws-mat-black-text">\r\n                                        {{ widgetData?.content?.orgName }}\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </mat-card-content>\r\n                    </ng-container>\r\n                </a>\r\n            </ng-container>\r\n        </div>\r\n    </mat-card>\r\n</ng-container>\r\n\r\n<ng-container *ngIf="isCardLoading">\r\n    <mat-card class="channels-card card-channels-container mr-5 padding-remove cursor-pointer">\r\n        <div class="display-contents">\r\n            <ng-container >\r\n                <a i18n-aria-label>\r\n                    <ng-container>\r\n                        <mat-card-content class="min-top">\r\n                            <div class="flex flex-col h-full">\r\n                                <div class="image-container">\r\n                                    <sb-uic-skeleton-loader [width]="\'100%\'" [height]="\'140px\'" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\r\n                                </div>\r\n                                <div class="flex  title-container px-2">\r\n                                    <div [id]="\'m-c-\'+ widgetData?.content?.identifier"\r\n                                        class="flex-1 text-center  mat-subheading-2 title-text ws-mat-black-text">\r\n                                        {{ widgetData?.content?.orgName }}\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </mat-card-content>\r\n                    </ng-container>\r\n                </a>\r\n            </ng-container>\r\n        </div>\r\n    </mat-card>\r\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-all;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media screen and (max-width:768px){.card-channels-container{width:100%;margin:0}}"]}]}],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,r,a){var i=this;this.snackBar=t,this.events=e,this.translate=n,this.langtranslations=r,this.configSvc=a,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")){i.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");i.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">\r\n  <mat-card class="card-wide-v2 padding-remove position-relative flex {{widgetData?.cardCustomeClass}}">\r\n      <div class="imageholder ">\r\n        <img mat-card-image class="margin-remove"\r\n        [src]="widgetData?.content?.posterImage || widgetData?.content?.appIcon  | pipePublicURL" [wsUtilsDefaultThumbnail]="defaultThumbnail"\r\n        [alt]="widgetData?.content?.name">\r\n        <div class="source-div" [hidden]="true">\r\n          <img [src]="widgetData?.content?.creatorLogo" class="source-icon" [wsUtilsDefaultThumbnail]="defaultSLogo"\r\n            [alt]="(widgetData?.content?.sourceName + \'_\' + widgetData?.content?.identifier)" />\r\n        </div>\r\n        <div class="duration-box right-corner" *ngIf="widgetData?.content?.duration > 0">\r\n          <mat-icon class="mat-icon main_icon mr-1">access_time</mat-icon>\r\n          <span class=" ws-mat-white-text duration"> {{ (widgetData?.content?.duration || 120)| pipeDurationTransform: \'hms\' }}</span>\r\n        </div>\r\n        <ng-container *ngIf="cbPlanMapData && cbPlanMapData[widgetData?.content?.identifier]">\r\n          <ng-container [ngTemplateOutlet]="cbpPlan" [ngTemplateOutletContext]="{data: {\r\n            cbpData: cbPlanMapData[widgetData?.content?.identifier]\r\n          }}"></ng-container>\r\n        </ng-container>\r\n      </div>\r\n      <mat-card-content class="mat-text-box mb-0">\r\n        <div class="course_widget flex flex-between margin-remove">\r\n          <div class="flex flex-end course_v2">\r\n            <ng-container *ngIf="widgetData?.content?.contentType === \'Resource\' || widgetData?.content?.contentType === \'Course\' || widgetData?.content?.contentType === \'Module\'">\r\n              <mat-icon class="mat-icon main_icon ws-mat-default-text margin-right-xs">video_library</mat-icon>\r\n              <span class="ws-mat-black60-text font-normal mat-caption ">\r\n                {{widgetData?.content?.primaryCategory || widgetData?.content?.contentType}}\r\n                \x3c!-- {{ translateLabel(widgetData.content.primaryCategory || widgetData.content.contentType, \'searchfilters\') }} --\x3e\r\n              </span>\r\n            </ng-container>\r\n          </div>\r\n        </div>\r\n\r\n        <div class="flex main_title_box">\r\n          <p class="mat-subheading-1 title-text font-bold-imp cursor-pointer content-title">\r\n            <a (click)="raiseTelemetry(widgetData?.content);getRedirectUrlData(widgetData?.content); $event.stopPropagation()">\r\n              {{widgetData?.content?.name}}\r\n            </a>\r\n        </p>\r\n        </div>\r\n\r\n        <div class="bottomsection">\r\n          <div class="flex w-full flex-wrap flex-middle provider">\r\n            <div class="course_logo_box">\r\n              <img [src]="widgetData?.content?.creatorLogo | pipePublicURL " class="source-icon" [wsUtilsDefaultThumbnail]="defaultSLogo"\r\n              [alt]="(widgetData?.content?.sourceName + \'_\' + widgetData?.content?.identifier)" />\r\n            </div>\r\n            <span class="org-text">By&nbsp;\r\n              \x3c!-- {{\'cardcontentv2.by\' | translate}}  --\x3e\r\n              {{widgetData?.content?.organisation[0] }}</span>\r\n          </div>\r\n          <div class="flex flex-middle rating-session margin-top-xs">\r\n            <div class="flex flex-middle" *ngIf="widgetData?.content?.avgRating">\r\n              <mat-icon>star</mat-icon>\r\n              <span class="rating-number">{{widgetData?.content?.avgRating}}</span>\r\n            </div>\r\n            \x3c!-- <span class="most-enrolled-text margin-left-m">{{ \'cardcontentv2.mostEnrolled\' | translate }}</span> --\x3e\r\n            <ng-container *ngIf="widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes(\'mostEnrolled\')">\r\n              \x3c!-- <span class="most-enrolled-text margin-left-xs">{{ \'cardcontentv2.mostEnrolled\' | translate }}</span> --\x3e\r\n            </ng-container>\r\n            <ng-container *ngIf="widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes(\'mostTrending\')">\r\n              \x3c!-- <span class="most-enrolled-text margin-left-xs">{{ \'cardcontentv2.mostTrending\' | translate }}</span> --\x3e\r\n            </ng-container>\r\n          </div>\r\n        </div>\r\n      </mat-card-content>\r\n  </mat-card>\r\n  <ng-template #cbpPlan  let-data="data">\r\n    <div class="cbp-mark left-0 border-top-radius">\r\n      <p *ngIf="data?.cbpData?.planDuration === acbpConstants?.UPCOMING"  class="cbp-warning">{{data?.cbpData?.endDate | date: \'d MMM, y\'}}</p>\r\n      <p *ngIf="data?.cbpData?.planDuration === acbpConstants?.SUCCESS"  class="cbp-success">{{data?.cbpData?.endDate | date: \'d MMM, y\'}}</p>\r\n      <p *ngIf="data?.cbpData?.planDuration === acbpConstants?.OVERDUE" class="cbp-danger">{{\'OverDue\' }}</p>\r\n    </div>\r\n  </ng-template>\r\n</ng-container>\r\n  <ng-container *ngIf="isCardLoading">\r\n    <mat-card class="card-wide-v2 padding-remove position-relative flex">\r\n      <div class="">\r\n        <sb-uic-skeleton-loader [width]="\'300px\'" [height]="\'100%\'" class="h-full" [bindingClass]="\'flex rounded h-full min-height-width\'"></sb-uic-skeleton-loader>\r\n      </div>\r\n      <mat-card-content class="mat-text-box">\r\n        <div class="course_widget flex margin-remove">\r\n          <div class="flex flex-end ">\r\n            <sb-uic-skeleton-loader [width]="\'100px\'" [height]="\'21px\'" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\r\n          </div>\r\n        </div>\r\n  \r\n        <div class="flex main_title_box">\r\n          \x3c!-- <p class="mat-subheading-1 title-text font-bold-imp cursor-pointer content-title"> --\x3e\r\n            <sb-uic-skeleton-loader [width]="\'100%\'" [height]="\'21px\'" class="w-full h-full mt-2" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\r\n        \x3c!-- </p> --\x3e\r\n        </div>\r\n  \r\n        <div class="bottomsection">\r\n          <div class="flex w-full flex-wrap flex-middle">\r\n            <div class="course_logo_box mr-2">\r\n              <sb-uic-skeleton-loader [width]="\'28px\'" [height]="\'28px\'" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\r\n            </div>\r\n            <sb-uic-skeleton-loader [width]="\'100px\'" [height]="\'16px\'" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\r\n          </div>\r\n          <div class="flex flex-middle rating-session margin-top-xs">\r\n            <div class="flex flex-middle mr-2">\r\n              <sb-uic-skeleton-loader [width]="\'50px\'" [height]="\'16px\'" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\r\n            </div>\r\n            <sb-uic-skeleton-loader [width]="\'80px\'" [height]="\'16px\'" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\r\n          </div>\r\n        </div>\r\n      </mat-card-content>\r\n    </mat-card>\r\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-all;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,r,a,i){var o=this;this.events=t,this.translate=e,this.langtranslations=n,this.configSvc=r,this.contSvc=a,this.router=i,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")){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"},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">\r\n    <mat-card class="channels-card card-channels-container mr-5 padding-remove cursor-pointer" [ngStyle]="{\'background\': widgetData?.content?.bgColor}">\r\n        <div class="display-contents">\r\n            <ng-container *ngIf="widgetData?.content">\r\n                <a (click)="redirectTo(widgetData?.content);$event.stopPropagation();">\r\n                    <ng-container>\r\n                        <mat-card-content class="min-top">\r\n                            <div class="flex flex-col h-full">\r\n                                <div class="image-container">\r\n                                    <ng-container *ngIf="widgetData?.content?.imgSource && widgetData?.content?.imgSource?.length ; else defaultImg">\r\n                                        <img mat-card-image [src]="widgetData?.content?.imgSource[0]" loading="lazy"\r\n                                        class="card-img ws-mat-primary-lite-background margin-remove"  [wsUtilsDefaultThumbnail]="defaultThumbnail"\r\n                                        [alt]="widgetData?.content?.title" />\r\n                                    </ng-container>\r\n                                    <ng-template #defaultImg>\r\n                                        <sb-uic-avatar-photo [randomColor]="true" [name]="widgetData?.content?.title"  size="m-side-rating">\r\n                                        </sb-uic-avatar-photo>\r\n                                    </ng-template>\r\n                                </div>\r\n                                <div class="title-container">\r\n                                    <div class="flex   px-2">\r\n                                        <div [id]="\'m-c-\'+ widgetData?.content?.identifier"\r\n                                            class="flex-1 text-start  mat-subheading-2 title-text ws-mat-white-text">\r\n                                            {{ widgetData?.content?.title }}\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class="flex  px-2">\r\n                                        <div [id]="\'m-c-\'+ widgetData?.content?.identifier"\r\n                                            class="flex-1 text-start margin-remove  margin-top-xxs mat-subheading-2 title-text ws-mat-white-text">\r\n                                            {{ widgetData?.content?.children?.length}} Programs\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </mat-card-content>\r\n                    </ng-container>\r\n                </a>\r\n            </ng-container>\r\n        </div>\r\n    </mat-card>\r\n</ng-container>\r\n<ng-container *ngIf="isCardLoading">\r\n    <mat-card class="channels-card card-channels-container mr-5 padding-remove cursor-pointer" >\r\n        <div class="display-contents">\r\n            <ng-container >\r\n                <a >\r\n                    <ng-container>\r\n                        <mat-card-content class="min-top">\r\n                            <div class="flex flex-col h-full">\r\n                                <div class="image-container">\r\n                                    <ng-container >\r\n                                        <sb-uic-skeleton-loader [width]="\'100%\'" [height]="\'100%\'" class="w-full h-full" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\r\n                                    </ng-container>\r\n                                </div>\r\n                                <div class="title-container">\r\n                                    <div class="flex   px-2">\r\n                                        <div class="flex-1 text-start  mat-subheading-2 title-text ws-mat-white-text">\r\n                                            <sb-uic-skeleton-loader [width]="\'100%\'" [height]="\'100%\'" class="w-full h-full" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class="flex  px-2">\r\n                                        <div class="flex-1 text-start margin-remove  margin-top-xxs mat-subheading-2 title-text ws-mat-white-text">\r\n                                              <sb-uic-skeleton-loader [width]="\'120px\'" [height]="\'100%\'" class="w-full h-full" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </mat-card-content>\r\n                    </ng-container>\r\n                </a>\r\n            </ng-container>\r\n        </div>\r\n    </mat-card>\r\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-all;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;min-height:24px}"]}]}],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,r,a){var i=this;this.events=t,this.translate=e,this.langtranslations=n,this.configSvc=r,this.router=a,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")){i.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");i.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}">\r\n    <div class="display-contents">\r\n        <ng-container *ngIf="widgetData?.content">\r\n            <a (click)="redirectTo(widgetData?.content);$event.stopPropagation()">\r\n                <ng-container>\r\n                    <mat-card-content class="min-top">\r\n                        <div class="flex flex-row md:flex-col h-full">\r\n                            <div class="image-container">\r\n                                <ng-container *ngIf="widgetData?.content?.imgSource && widgetData?.content?.imgSource?.length ; else defaultImg">\r\n                                    <img mat-card-image [src]="widgetData?.content?.imgSource[0]" loading="lazy"\r\n                                    class="card-img ws-mat-primary-lite-background margin-remove"  [wsUtilsDefaultThumbnail]="defaultThumbnail"\r\n                                    [alt]="widgetData?.content?.title" />\r\n                                </ng-container>\r\n                                <ng-template #defaultImg>\r\n                                    <sb-uic-avatar-photo [randomColor]="true" [name]="widgetData?.content?.title"  size="m-side-rating">\r\n                                    </sb-uic-avatar-photo>\r\n                                </ng-template>\r\n                            </div>\r\n                            <div class="flex items-center">\r\n                                <div class="title-container">\r\n                                    <div class="flex   px-2">\r\n                                        <div [id]="\'m-c-\'+ widgetData?.content?.identifier"\r\n                                            class="flex-1 text-start  mat-subheading-2 title-text ws-mat-white-text">\r\n                                            {{ widgetData?.content?.title }}\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class="flex  px-2">\r\n                                        <div [id]="\'m-c-\'+ widgetData?.content?.identifier"\r\n                                            class="flex-1 text-start margin-remove  margin-top-xxs mat-subheading-2 title-text ws-mat-white-text">\r\n                                            {{ widgetData?.content?.children?.length}} Programs\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </mat-card-content>\r\n                </ng-container>\r\n            </a>\r\n        </ng-container>\r\n    </div>\r\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-all;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;min-height:24px}@media screen and (max-width:768px){.card-channels-container{width:100%;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;min-height:unset;height:unset;max-height:unset;margin:0;padding:8px!important}.image-container{background-color:#fff;width: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">\r\n    <div class="provider-card" *ngFor="let provider of providers; let i = index" [ngStyle]="{\'border-top\': \'72px solid \' + colors[i % colors.length]}">\r\n      <div class="circle-wrapper">\r\n        <div class="circle">\r\n          <div class="background-circle">\r\n            <img [src]="provider.logo" alt="{{ provider.name }}">\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="provider-content">\r\n        <p>{{ provider.name }}</p>\r\n        <div class="view-provider-button" (click)="redirectTo(provider)">View Provider ></div>\r\n      </div>\r\n    </div>\r\n  </div> --\x3e\r\n  \x3c!-- {{widgetData|json}} --\x3e\r\n\r\n\r\n<ng-container *ngIf="!isCardLoading">\r\n  <ng-container *ngIf="widgetData && widgetData?.content">\r\n    <div class="providers-container">\r\n      <div class="provider-card" [ngStyle]="{\'border-top\': \'72px solid \' + widgetData?.content?.bgColor || \'transparent\'}">\r\n        <div class="circle-wrapper">\r\n          <div class="circle">\r\n            <div class="background-circle">\r\n              <ng-container *ngIf="widgetData?.content?.logoUrl; else defaultImg">\r\n                <img [src]="widgetData?.content?.logoUrl" alt="{{  widgetData?.content?.name }}">\r\n              </ng-container>\r\n              <ng-template #defaultImg>\r\n                <sb-uic-avatar-photo [randomColor]="true" [name]="widgetData?.content?.name" [photoUrl]="widgetData?.content?.logoUrl" size="m-side-rating">\r\n                </sb-uic-avatar-photo>\r\n              </ng-template>\r\n              \r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class="provider-content">\r\n          <p>{{ widgetData?.content?.name }}</p>\r\n          <div class="view-provider-button flex items-center" (click)="redirectTo(widgetData.content)">View Provider \r\n            <mat-icon class="" color="accent">navigate_next</mat-icon></div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n</ng-container>\r\n<ng-container *ngIf="isCardLoading">\r\n    <div class="providers-container">\r\n      <div class="provider-card" [ngStyle]="{\'border-top\': \'72px solid gray\'}">\r\n        <div class="circle-wrapper">\r\n          <div class="circle">\r\n            <div class="background-circle">\r\n              <sb-uic-skeleton-loader [width]="\'100%\'" [height]="\'100%\'" class="w-full h-full" [bindingClass]="\'flex rounded rounded-full\'"></sb-uic-skeleton-loader>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class="w-full p-4 provider-content">\r\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>\r\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>\r\n        </div>\r\n      </div>\r\n    </div>\r\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,r,a){var i=this;this.snackBar=t,this.translate=e,this.langtranslations=n,this.configSvc=r,this.contSvc=a,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")){i.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");i.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">\r\n    <mat-card class="card-standard-container mr-5 padding-remove cursor-pointer  {{widgetData?.cardCustomeClass}}" [ngClass]="{\r\n      greyOut:\r\n        widgetData?.deletedMode === \'greyOut\' && !isLiveOrMarkForDeletion\r\n          ? true\r\n          : widgetData?.intranetMode === \'greyOut\' && showIntranetContent\r\n    }" (click)="(showIntranetContent || !isLiveOrMarkForDeletion) && showSnackbar()">\r\n    <div class="display-contents" [ngClass]="{\r\n        disableClick:\r\n          widgetData?.deletedMode === \'greyOut\' && !isLiveOrMarkForDeletion\r\n            ? true\r\n            : widgetData?.intranetMode === \'greyOut\' && showIntranetContent\r\n      }">\r\n      <ng-container *ngIf="widgetData?.content">\r\n        <a (click)="getRedirectUrlData(widgetData?.content); $event.stopPropagation()"\r\n            role="link" i18n-aria-label>\r\n      <ng-container *ngIf="!isCardFlipped">\r\n        <div class="status-danger" role="note" i18n-aria-label aria-label="Content expired or deleted" i18n-matTooltip\r\n          matTooltip="Content may be expired or deleted" *ngIf="!isLiveOrMarkForDeletion"></div>\r\n        <div class="status-danger" role="note" i18n-aria-label aria-label="Intranet content" i18n-matTooltip\r\n          matTooltip="Available only in Company\'s network"\r\n          *ngIf="widgetData?.intranetMode === \'greyOut\' && showIntranetContent"></div>\r\n        <button *ngIf="showFlip" class="detail-button ws-mat-primary-lite-background-op30" mat-icon-button\r\n          (click)="isCardFlipped = true" aria-label="Details" i18n-aria-label="Details | Click to see details">\r\n          <mat-icon>flip_to_back</mat-icon>\r\n        </button>\r\n        <mat-card-content class="min-top">\r\n          <div style="position: relative; z-index: 1;">\r\n            <ng-container *ngIf="widgetData?.content?.posterImage">\r\n              <img mat-card-image [src]="widgetData?.content?.posterImage | pipePublicURL" loading="lazy"\r\n              class="card-img ws-mat-primary-lite-background margin-remove" [wsUtilsDefaultThumbnail]="defaultThumbnail"\r\n              [alt]="widgetData?.content?.name" />\r\n            </ng-container>\r\n            <ng-container *ngIf="!widgetData.content.posterImage">\r\n              <ng-container *ngIf="widgetData?.content?.appIcon; else defaultImg">\r\n                <img mat-card-image [src]="widgetData?.content?.appIcon " loading="lazy"\r\n                class="card-img ws-mat-primary-lite-background margin-remove"  [wsUtilsDefaultThumbnail]="defaultThumbnail"\r\n                [alt]="widgetData?.content?.name" />\r\n              </ng-container>\r\n              <ng-template #defaultImg>\r\n                <img mat-card-image [src]="defaultThumbnail" loading="lazy"\r\n                class="card-img ws-mat-primary-lite-background margin-remove"\r\n                [alt]="widgetData?.content?.name" />\r\n              </ng-template>\r\n            </ng-container>\r\n            <div class="source-div" style="display: none;">\r\n              <img [src]="widgetData?.content?.contentPartner?.link" class="source-icon" [wsUtilsDefaultThumbnail]="defaultSLogo"\r\n                [alt]="(widgetData?.content?.sourceName + \'_\' + widgetData?.content?.contentId)" />\r\n            </div>\r\n            <ng-container *ngIf="widgetData?.content?.cbPlanEndDate">\r\n              <div class="cbp-mark">\r\n                <span>{{widgetData?.content?.cbPlanEndDate | date: \'d MMM, y\'}}</span>\r\n              </div>\r\n            </ng-container>\r\n            <ng-container *ngIf="cbPlanMapData && cbPlanMapData[widgetData?.content?.contentId] &&  cbPlanMapData[widgetData?.content?.identifier]?.contentStatus < 2 ">\r\n              <ng-container [ngTemplateOutlet]="cbpPlan" [ngTemplateOutletContext]="{data: {\r\n                cbpData: cbPlanMapData[widgetData?.content?.contentId]\r\n              }}"></ng-container>\r\n            </ng-container>\r\n            <div class="duration-box right-corner" *ngIf="widgetData?.content?.duration > 0">\r\n              <mat-icon class="mat-icon main_icon mr-1">access_time</mat-icon>\r\n              <span class=" ws-mat-white-text duration">\r\n                {{ (widgetData?.content?.duration || 120)| pipeDurationTransform: \'hms\' }}\r\n              </span>\r\n            </div>\r\n            <div class="duration-box right-corner" *ngIf="widgetData?.content?.programDuration > 0">\r\n              <mat-icon class="mat-icon main_icon mr-1">access_time</mat-icon>\r\n              <span class=" ws-mat-white-text duration">\r\n                {{widgetData?.content?.programDuration}} {{widgetData?.content?.programDuration === 1 ? \'day\' : \'days\'}}\r\n              </span>\r\n            </div>\r\n          </div>\r\n          <div class="padding-m">\r\n            <div class="course_widget flex margin-remove">\r\n              <div class="flex flex-end course_v2">\r\n                <mat-icon class="mat-icon main_icon ws-mat-default-text margin-right-xs">video_library</mat-icon>\r\n                <sb-uic-display-content-type [useTranslation]="false" i18n-title title="Content Type" *ngIf="widgetData.content?.topic"\r\n                  class="ws-mat-black60-text font-normal mat-caption " [displayContentType]="\'External Course\'">\r\n  \r\n                </sb-uic-display-content-type>\r\n              </div>\r\n            </div>\r\n            <div [id]="\'m-c-\'+ widgetData?.content?.contentId"\r\n              class="mat-subheading-1 title-text ws-mat-text-block-fade-gradient" [matTooltip]="widgetData?.content?.name">\r\n              {{ widgetData?.content?.name }}\r\n            </div>\r\n            <div class="flex w-full flex-wrap flex-middle">\r\n              <div class="course_logo_box">\r\n                <img [src]="widgetData?.content?.contentPartner?.link  " class="source-icon" [wsUtilsDefaultThumbnail]="defaultSLogo"\r\n                [alt]="(widgetData?.content?.sourceName + \'_\' + widgetData?.content?.contentId)" />\r\n              </div>\r\n              \x3c!-- <span class="org-text">{{\'cardcontentv2.by\' | translate}} --\x3e\r\n                <span class="org-text">By&nbsp; {{ (widgetData?.content?.contentPartner?.contentPartnerName) ? widgetData?.content?.contentPartner?.contentPartnerName : \'Karmayogi Bharat\' }}</span>\r\n            </div>\r\n            <div class="flex flex-middle rating-session margin-top-m">\r\n              <div class="flex flex-middle" *ngIf="widgetData?.content?.avgRating">\r\n                <mat-icon class="mr-1">star</mat-icon>\r\n                <span>{{widgetData?.content?.avgRating}}</span>\r\n              </div>\r\n              \x3c!-- <span class="most-enrolled-text margin-left-m">{{ \'cardcontentv2.mostEnrolled\' | translate }}</span> --\x3e\r\n              <ng-container *ngIf="widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes(\'mostEnrolled\')">\r\n                <span class="most-enrolled-text margin-left-xs">\r\n                  \x3c!-- {{ \'cardcontentv2.mostEnrolled\' | translate }} --\x3e\r\n              </span>\r\n              </ng-container>\r\n              <ng-container *ngIf="widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes(\'mostTrending\')">\r\n                <span class="most-enrolled-text margin-left-xs">\r\n                  \x3c!-- {{ \'cardcontentv2.mostTrending\' | translate }} --\x3e\r\n              </span>\r\n              </ng-container>\r\n            </div>\r\n          </div>\r\n        </mat-card-content>\r\n      </ng-container>\r\n      <ng-container *ngIf="isCardFlipped">\r\n        <div class="flex items-center">\r\n          \x3c!-- <h2 class="mat-subheading-2 flex-1 min-w-0 margin-remove-bottom" i18n>{{\'cardcontentv2.reason\' | translate}}</h2> --\x3e\r\n          <button mat-icon-button (click)="isCardFlipped = false">\r\n            <mat-icon>close</mat-icon>\r\n          </button>\r\n        </div>\r\n        <p class="text-justify mat-body-1">\r\n          {{ widgetData?.content?.reason }}\r\n        </p>\r\n      </ng-container>\r\n        </a>\r\n      </ng-container>\r\n    </div>\r\n  </mat-card>\r\n  </ng-container>\r\n  \r\n  <ng-container *ngIf="isCardLoading">\r\n    <mat-card class="card-standard-container mr-5 padding-remove" >\r\n      <div class="display-contents" >\r\n        <ng-container *ngIf="!isCardFlipped">\r\n          <mat-card-content class="min-top">\r\n            <div style="position: relative; z-index: 1;">\r\n              <ng-container>\r\n                <sb-uic-skeleton-loader [width]="\'100%\'" [height]="\'140px\'" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\r\n              </ng-container>\r\n            </div>\r\n            <div class="padding-m">\r\n              <div class="course_widget flex margin-remove">\r\n                <div class="flex flex-end">\r\n                  <sb-uic-skeleton-loader [width]="\'65px\'" [height]="\'16px\'" [bindingClass]="\'flex rounded br-8\'"></sb-uic-skeleton-loader>\r\n                </div>\r\n              </div>\r\n              <div class="mat-subheading-1 title-text ws-mat-text-block-fade-gradient">\r\n                <sb-uic-skeleton-loader [width]="\'100%\'" [height]="\'16px\'" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\r\n                <sb-uic-skeleton-loader [width]="\'111px\'" [height]="\'16px\'" [bindingClass]="\'flex rounded margin-top-s\'"></sb-uic-skeleton-loader>\r\n              </div>\r\n              <div class="flex w-full flex-wrap flex-middle margin-top-m">\r\n                <div class="">\r\n                  <sb-uic-skeleton-loader [width]="\'28px\'" [height]="\'28px\'" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\r\n                </div>\r\n                <span class="org-text"> <sb-uic-skeleton-loader [width]="\'111px\'" [height]="\'16px\'" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader></span>\r\n              </div>\r\n              <div class="flex flex-middle rating-session margin-top-m">\r\n                <div class="flex flex-middle">\r\n                  <sb-uic-skeleton-loader [width]="\'45px\'" [height]="\'12px\'" [bindingClass]="\'flex rounded margin-top-m\'"></sb-uic-skeleton-loader>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </mat-card-content>\r\n        </ng-container>\r\n      </div>\r\n    </mat-card>\r\n  </ng-container>\r\n  \r\n  <ng-template #cbpPlan  let-data="data">\r\n    <div class="cbp-mark left-0 border-top-radius">\r\n      <p *ngIf="data.cbpData.planDuration === acbpConstants?.UPCOMING"  class="cbp-warning">{{data.cbpData.endDate | date: \'d MMM, y\'}}</p>\r\n      <p *ngIf="data.cbpData.planDuration === acbpConstants?.SUCCESS"  class="cbp-success">{{data.cbpData.endDate | date: \'d MMM, y\'}}</p>\r\n      <p *ngIf="data.cbpData.planDuration === acbpConstants?.OVERDUE" class="cbp-danger">{{\'OverDue\' }}</p>\r\n    </div>\r\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-all;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:48px}.card-standard-container .description-text{position:relative;overflow:hidden;height:42px;white-space:normal;text-overflow:ellipsis}.duration-box{background:#000;position:absolute;border:none;display:flex;align-items:center;padding:4px;border-radius:4px}.duration-box.right-corner{right:4px;bottom:4px}.duration-box .mat-icon{vertical-align:middle;color:#fff!important;height:14px!important;width:14px!important;font-size:14px}.duration-box .duration{font:700 12px/16px Lato;display:inline-block;margin:0;padding:0}.width-238{width:238px!important}.cbp-mark{border-radius:12px 0;opacity:1;background-image:linear-gradient(90deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 100%);position:absolute;top:0;padding:8px}.cbp-mark p{opacity:1;background-color:#fff;padding:4px;opacity:1;color:#1b2133;font-family:Lato-Regular;font-size:10px;font-weight:400;font-style:Regular;letter-spacing:.5px;text-align:left;line-height:12px;margin-bottom:0}.cbpwidth{width:340px}.cbp-plan{border-radius:4px;opacity:1;background-color:#1b4ca1;top:4px;left:4px;opacity:1;color:rgba(255,255,255,.95);font-family:Lato-Bold;font-size:12px;font-weight:700;font-style:normal;letter-spacing:.25px;text-align:center;line-height:16px;padding:4px}.cbp-info{opacity:1;color:#fff;font-family:Lato-Regular;font-size:10px;font-weight:400;font-style:normal;letter-spacing:.5px;text-align:left;line-height:12px;padding:2px}.cbp-danger{border-radius:2px;border:1px solid rgba(0,0,0,.08);background-color:#d13924!important;color:#fff!important;opacity:1}.cbp-success{border-radius:2px;border:1px solid #1d8922;background-color:#1d8922!important;color:#fff!important;opacity:1}.cbp-warning{border-radius:2px;border:1px solid #ef951e;background-color:#ef951e!important;color:#fff!important;opacity:1}.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">\r\n\t<mat-card\r\n\t\tclass="card-assessment card-scheduled-assessment card-users-container  padding-remove cursor-pointer mr-4">\r\n\t\t<a (click)="getRedirectUrlData(widgetData?.content); $event.stopPropagation()">\r\n\t\t\t<div class="display-contents">\r\n\t\t\t\t<ng-container *ngIf="widgetData">\r\n\t\t\t\t\t<mat-card-content>\r\n\t\t\t\t\t\t<div class="flex flex-col h-full">\r\n\t\t\t\t\t\t\t<div class="flex flex-1 flex-row padding-s">\r\n\t\t\t\t\t\t\t\t<div class="flex image-container">\r\n\t\t\t\t\t\t\t\t\t<ng-container *ngIf="widgetData?.content?.posterImage">\r\n\t\t\t\t\t\t\t\t\t\t<img mat-card-image class="margin-remove assess-img"\r\n\t\t\t\t\t\t\t\t\t\t\t[src]="widgetData?.content?.posterImage | pipePublicURL"\r\n\t\t\t\t\t\t\t\t\t\t\t[alt]="widgetData?.content?.name">\r\n\t\t\t\t\t\t\t\t\t</ng-container>\r\n\t\t\t\t\t\t\t\t\t<ng-container *ngIf="!widgetData?.content?.posterImage">\r\n\t\t\t\t\t\t\t\t\t\t<ng-template #defaultImg>\r\n\t\t\t\t\t\t\t\t\t\t\t<img mat-card-image [src]="defaultThumbnail" loading="lazy"\r\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"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[alt]="widgetData?.content?.name" />\r\n\t\t\t\t\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t\t\t\t\t</ng-container>\r\n\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div class="flex title-container flex-col">\r\n\t\t\t\t\t\t\t\t\t<div class="flex title-text mat-subheading-1">\r\n\t\t\t\t\t\t\t\t\t\t{{ widgetData?.content?.name }}\r\n\t\t\t\t\t\t\t\t\t</div>\r\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">\r\n\t\t\t\t\t\t\t\t\t\t<div class="course_logo_box">\r\n\t\t\t\t\t\t\t\t\t\t\t<img [src]="widgetData?.content?.creatorLogo | pipePublicURL "\r\n\t\t\t\t\t\t\t\t\t\t\t\tclass="source-icon" [wsUtilsDefaultThumbnail]="defaultSLogo"\r\n\t\t\t\t\t\t\t\t\t\t\t\t[alt]="(widgetData?.content?.sourceName + \'_\' + widgetData?.content?.identifier)" />\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t<span class="sub-title-text">\r\n\t\t\t\t\t\t\t\t\t\t\t{{ (widgetData?.content?.organisation &&\r\n\t\t\t\t\t\t\t\t\t\t\twidgetData?.content?.organisation[0]) ?\r\n\t\t\t\t\t\t\t\t\t\t\twidgetData?.content?.organisation[0] : \'Karmayogi Bharat\' }}\r\n\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<mat-card-footer class="assessment-card-footer  padding-m">\r\n\t\t\t\t\t\t\t\t<div class="flex flex-1 items-center justify-center col-row margin-top-m">\r\n\t\t\t\t\t\t\t\t\t<div class="flex margin-right-m">\r\n\t\t\t\t\t\t\t\t\t\t<span>{{ startCountdown(widgetData?.content?.batch) }}</span>\r\n\t\t\t\t\t\t\t\t\t\t<div class="flex  flex-row" *ngIf="daysPending">\r\n\t\t\t\t\t\t\t\t\t\t\t<span class="start-span">Assessment starts in</span>\r\n\t\t\t\t\t\t\t\t\t\t\t<div class="flex margin-right-s">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<span class="big-text"><b>{{ days }}</b> <span\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass="small-text">days</span> </span> &nbsp; : &nbsp; <span\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tclass="big-text"><b>{{ hours }} </b><span\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass="small-text">hours</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</span> &nbsp; : &nbsp; <span class="big-text"> <b>{{ minutes }}</b> <span\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass="small-text">minutes</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t<div class="flex">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<span\r\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\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t| date: \'dd MMM yyy HH:mm\' }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t<div *ngIf="!daysPending" class="flex flex-row"> \r\n\t\t\t\t\t\t\t\t\t\t\t<span class="start-span">Assessment ends on </span>\r\n\t\t\t\t\t\t\t\t\t\t\t<div class="flex margin-right-s">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<span class="start-btn">Start Assessment</span> \r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t<div class="flex">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<span\r\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\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t| date: \'dd MMM yyy HH:mm\' }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</mat-card-footer>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</mat-card-content>\r\n\t\t\t\t</ng-container>\r\n\t\t\t</div>\r\n\t\t</a>\r\n\t</mat-card>\r\n</ng-container>\r\n\r\n<ng-container *ngIf="isCardLoading">\r\n\t<ng-container [ngTemplateOutlet]="skeltonLoader"></ng-container>\r\n</ng-container>\r\n\r\n<ng-template #skeltonLoader>\r\n\t<mat-card\r\n\t\tclass="card-assessment card-scheduled-assessment card-users-container  padding-remove cursor-pointer mr-4">\r\n\t\t<a>\r\n\t\t\t<div class="display-contents">\r\n\t\t\t\t<ng-container>\r\n\t\t\t\t\t<mat-card-content>\r\n\t\t\t\t\t\t<div class="flex flex-col h-full">\r\n\t\t\t\t\t\t\t<div class="flex flex-1 flex-row padding-s">\r\n\t\t\t\t\t\t\t\t<div class="flex image-container">\r\n\t\t\t\t\t\t\t\t\t<ng-container>\r\n\t\t\t\t\t\t\t\t\t\t<sb-uic-skeleton-loader [width]="\'300px\'"\r\n\t\t\t\t\t\t\t\t\t\t\t[height]="\'155px\'"></sb-uic-skeleton-loader>\r\n\t\t\t\t\t\t\t\t\t</ng-container>\r\n\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div class="flex title-container flex-col margin-top-m">\r\n\t\t\t\t\t\t\t\t\t<div class="flex">\r\n\t\t\t\t\t\t\t\t\t\t<sb-uic-skeleton-loader [width]="\'100px\'" [height]="\'16px\'"\r\n\t\t\t\t\t\t\t\t\t\t\t[bindingClass]="\'flex rounded br-8\'"></sb-uic-skeleton-loader>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t<div class="flex margin-remove margin-top-l font-normal">\r\n\t\t\t\t\t\t\t\t\t\t<sb-uic-skeleton-loader [width]="\'100px\'" [height]="\'16px\'"\r\n\t\t\t\t\t\t\t\t\t\t\t[bindingClass]="\'flex rounded br-8\'"></sb-uic-skeleton-loader>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\x3c!-- <span class="text-center"><sb-uic-skeleton-loader [width]="\'90px\'" [height]="\'16px\'"\r\n\t\t\t\t\t\t\t\t\t[bindingClass]="\'flex rounded br-8\'"></sb-uic-skeleton-loader> </span> --\x3e\r\n\t\t\t\t\t\t\t<mat-card-footer class="assessment-card-footer col-row padding-l">\r\n\t\t\t\t\t\t\t\t<div class="flex flex-1 items-center justify-center col-row margin-top-m">\r\n\t\t\t\t\t\t\t\t\t<div class="flex margin-right-m">\r\n\t\t\t\t\t\t\t\t\t\t<sb-uic-skeleton-loader [width]="\'100px\'" [height]="\'16px\'"\r\n\t\t\t\t\t\t\t\t\t\t\t[bindingClass]="\'flex rounded br-8\'"></sb-uic-skeleton-loader>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t<div class="flex">\r\n\t\t\t\t\t\t\t\t\t\t<sb-uic-skeleton-loader [width]="\'100px\'" [height]="\'16px\'"\r\n\t\t\t\t\t\t\t\t\t\t\t[bindingClass]="\'flex rounded br-8\'"></sb-uic-skeleton-loader>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</mat-card-footer>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</mat-card-content>\r\n\t\t\t\t</ng-container>\r\n\t\t\t</div>\r\n\t\t</a>\r\n\t</mat-card>\r\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,r,a,i){var o=this;this.events=e,this.translate=n,this.langtranslations=r,this.dialogRef=a,this.data=i,this.navUrl="",this.environment=t,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.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 r=n.getContext("2d");if(r){r.drawImage(e,0,0,e.width,e.height);var a=document.createElement("a");a.href=n.toDataURL("image/png",1),a.download="Certificate",a.append(n),a.click(),a.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 r=n.getContext("2d");if(r){r.drawImage(e,0,0,e.width,e.height);var a=n.toDataURL("application/pdf",1),i=new jspdf.jsPDF("landscape","px","a4");i.addImage(a,10,20,600,350),i.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">\r\n    <button mat-icon-button class="close-button" [mat-dialog-close]="true">\r\n        <mat-icon class="close-icon" color="warn">close</mat-icon>\r\n    </button>\r\n    \x3c!-- <mat-card-title>\r\n\r\n    </mat-card-title> --\x3e\r\n    <mat-card-content class="certificate-img-content">\r\n        <img #certificate [src]="url| pipeSafeSanitizer: \'url\'" alt="Certificate" role="image" class="certificate-banner-image">\r\n    </mat-card-content>\r\n    <mat-card-actions class="flex gap-4 flex-row-reverse">\r\n        \x3c!-- <ws-widget-svg-to-pdf></ws-widget-svg-to-pdf> --\x3e\r\n        <a mat-button (click)="shareCert()" class="ws-mat-accent-border-active mat-accent btn-custom">\r\n            <mat-icon class="mat-icon material-icons-outlined download_icon margin-right-xs">share</mat-icon>\r\n            Share\r\n        </a>\r\n        <a mat-button [matMenuTriggerFor]="menu" class="ws-mat-accent-border-active mat-accent btn-custom" (click)="raiseIntreactTelemetry()">\r\n            <mat-icon class="mat-icon material-icons-outlined download_icon margin-right-xs">cloud_download</mat-icon>\r\n            {{\'certificatedialog.download\' | translate}}\r\n        </a>\r\n        <mat-menu #menu="matMenu">\r\n            <button mat-menu-item (click)=\'downloadCertPdf()\'>\r\n                <mat-icon>picture_as_pdf</mat-icon>\r\n                <span>{{\'certificatedialog.pdf\' | translate}}</span>\r\n            </button>\r\n            <button mat-menu-item (click)=\'downloadCertPng()\'>\r\n                <mat-icon>photo</mat-icon>\r\n                <span>{{\'certificatedialog.png\' | translate}}</span>\r\n            </button>\r\n            <button mat-menu-item (click)=\'downloadCert()\'>\r\n                <mat-icon>photo_size_select_actual</mat-icon>\r\n                <span>{{\'certificatedialog.svg\' | translate}}</span>\r\n            </button>\r\n        </mat-menu>\r\n    </mat-card-actions>\r\n</mat-card>\r\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,r,a,i,o,s){var l=this;this.snackBar=t,this.translate=e,this.events=n,this.langtranslations=r,this.configSvc=a,this.contSvc=i,this.certificateService=o,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 r=t.result.printUri;e.dialog.open(CertificateDialogComponent,{width:"1300px",data:{cet:r,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">\r\n  <mat-card class="card-portrait card-progress-portrait-lib cursor-pointer" [ngClass]="widgetData?.cardCustomeClass ? widgetData?.cardCustomeClass : \'\'" (click)="raiseTelemetry();getRedirectUrlData(widgetData?.content); $event.stopPropagation()" >\r\n    <div class="course_widget portrait_widget flex  margin-bottom-xs" [ngClass]="{\'retiredCards\': widgetData?.content?.status === \'Retired\' && widgetData?.content?.completionPercentage === 100}">\r\n      <div class="flex flex-end flex-middle course_port">\r\n        <mat-icon class="mat-icon main_icon  ws-mat-default-text margin-right-xs">video_library</mat-icon>\r\n        <sb-uic-display-content-type i18n-title title="Content Type" *ngIf="widgetData?.content?.primaryCategory"\r\n          class="ws-mat-black60-text font-normal mat-caption " [displayContentType]="widgetData?.content?.primaryCategory===\'Course Unit\'\r\n          ?\'Module\'\r\n          :widgetData?.content?.primaryCategory">\r\n        </sb-uic-display-content-type>\r\n      </div>\r\n    </div>\r\n    <div class="flex" [ngClass]="{\'retiredCards\': widgetData?.content?.status === \'Retired\' && widgetData?.content?.completionPercentage === 100}">\r\n      <div class="margin-right-s">\r\n        <ng-container *ngIf="widgetData?.content?.posterImage">\r\n          <div class=" img-block-portrait position-relative">\r\n            <img mat-card-image [src]="widgetData?.content?.posterImage | pipePublicURL" loading="lazy"\r\n            class="card-image ws-mat-primary-lite-background margin-remove" [wsUtilsDefaultThumbnail]="defaultThumbnail"\r\n            [alt]="widgetData?.content?.name" />\r\n            <div class="duration-box right-corner-portrait" *ngIf="widgetData?.content?.duration > 0">\r\n              <mat-icon class="mat-icon main_icon mr-1">access_time</mat-icon>\r\n              <span class=" ws-mat-white-text duration">\r\n                {{ (widgetData?.content?.duration || 120)| pipeDurationTransform: \'hms\' }}\r\n              </span>\r\n            </div>\r\n            <div class="duration-box right-corner-portrait" *ngIf="widgetData?.content?.programDuration > 0">\r\n              <mat-icon class="mat-icon main_icon mr-1">access_time</mat-icon>\r\n              <span class=" ws-mat-white-text duration">\r\n                {{widgetData?.content?.programDuration}} {{widgetData?.content?.programDuration === 1 ? \'day\' : \'days\'}}\r\n              </span>\r\n            </div>\r\n            <ng-container *ngIf="cbPlanMapData && cbPlanMapData[widgetData?.content?.identifier]  &&  cbPlanMapData[widgetData?.content?.identifier]?.contentStatus < 2">\r\n                  <ng-container [ngTemplateOutlet]="cbpPlan" [ngTemplateOutletContext]="{data: {\r\n                    cbpData: cbPlanMapData[widgetData?.content?.identifier]\r\n                  }}"></ng-container>\r\n            </ng-container>\r\n          </div>\r\n        </ng-container>\r\n        <ng-container *ngIf="!widgetData?.content?.posterImage">\r\n          <ng-container *ngIf="widgetData?.content?.appIcon; else defaultImg">\r\n            <img mat-card-image [src]="widgetData?.content?.appIcon | pipePublicURL" loading="lazy"\r\n            class="card-image ws-mat-primary-lite-background margin-remove"  [wsUtilsDefaultThumbnail]="defaultThumbnail"\r\n            [alt]="widgetData?.content?.name" />\r\n          </ng-container>\r\n          <ng-template #defaultImg>\r\n            <img mat-card-image [src]="defaultThumbnail" loading="lazy"\r\n            class="card-image ws-mat-primary-lite-background margin-remove"\r\n            [alt]="widgetData?.content?.name" />\r\n          </ng-template>\r\n        </ng-container>\r\n      </div>\r\n      <div class="width-1-1">\r\n        <div [id]="\'m-c-\'+ widgetData?.content?.identifier"\r\n            class="portrait-subheading mat-subheading-2 title-text">\r\n            {{ widgetData?.content?.name }}\r\n        </div>\r\n        <div class="flex w-full  flex-middle">\r\n          <div class="portrait_course_logo_box margin-right-xs">\r\n            <img [src]="widgetData?.content?.creatorLogo | pipePublicURL " class="source-icon"  loading="lazy" [wsUtilsDefaultThumbnail]="defaultSLogo"\r\n            [alt]="(widgetData?.content?.sourceName + \'_\' + widgetData?.content?.identifier)" />\r\n          </div>\r\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>\r\n        </div>\r\n\r\n      </div>\r\n    </div>\r\n    <ng-container *ngIf="widgetData?.content?.completionPercentage < 100">\r\n      <div class="flex flex-align-end progress-wrapper flex-between" >\r\n        <div class="progress-block" >\r\n          <div class="completed-time">\r\n            <mat-icon class="mat-icon  schedule margin-right-xs">schedule</mat-icon>\r\n            <span>{{widgetData?.content?.completionPercentage}}%</span>\r\n          </div>\r\n          <div>\r\n            <ng-container *ngIf="widgetData?.content?.completionStatus < 2">\r\n              <sb-uic-content-progress class="progress-bar-new" [customClassName]="\'course-progress-bar\'" *ngIf="widgetData?.content?.identifier"\r\n              [contentId]="widgetData?.content?.identifier" [progress]="widgetData?.content?.completionPercentage"\r\n              [progressType]="\'percentage\'">\r\n            </sb-uic-content-progress>\r\n            </ng-container>\r\n          </div>\r\n        </div>\r\n        <div class="progress-btn">\r\n          <button class="resume-btn flex flex-middle flex-between" [routerLink]="[\'/app/toc/\',widgetData?.content?.identifier,\'overview\']"\r\n          [queryParams]="{primaryCategory: widgetData?.content?.primaryCategory}" [state]="widgetData?.stateData" \r\n          [matTooltipPosition]="\'below\'"\r\n          [matTooltipDisabled]="(!widgetData?.content?.completionPercentage ? translateLabels(\'start\', \'cardcontentv2\') : translateLabels(\'resume\', \'cardcontentv2\')).length < 11"\r\n          matTooltip="{{!widgetData?.content?.completionPercentage ? translateLabels(\'start\', \'cardcontentv2\') : translateLabels(\'resume\', \'cardcontentv2\')}}">\r\n            <span class="textwrap margin-right-xs">\r\n              {{!widgetData?.content?.completionPercentage ? translateLabels(\'start\', \'cardcontentv2\') : translateLabels(\'resume\', \'cardcontentv2\')}}</span>\r\n            <img class="stats-icon" height="20" width="20" src="/assets/icons/home/play.svg">\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n    <ng-container *ngIf="widgetData?.content?.completionPercentage === 100">\r\n      <div class="flex flex-align-end progress-wrapper flex-end mt-1">\r\n        <div class="progress-btn">\r\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()" \r\n          [matTooltipPosition]="\'below\'"\r\n          [matTooltipDisabled]="(translateLabels(\'viewCertificate\', \'cardcontentv2\')).length < 11"\r\n          matTooltip="{{\'cardcontentv2.viewCertificate\' | translate }}">\r\n            <span class="margin-right-xs textwrap">{{\'cardcontentv2.viewCertificate\' | translate }}</span>\r\n            <img class="stats-icon" *ngIf="!downloadCertificateLoading" height="20" width="20" src="/assets/icons/home/eye-white.svg">\r\n            <div class="center flex flex-middle"  *ngIf="downloadCertificateLoading">\r\n              <mat-spinner strokeWidth="2" stroke="\'red\'" class="white-spinner" [diameter]="16"></mat-spinner>\r\n            </div>\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </mat-card>\r\n</ng-container>\r\n\r\n\r\n<ng-template #cbpPlan  let-data="data">\r\n  <div class="cbp-mark left-0 border-top-radius">\r\n    <p *ngIf="data.cbpData.planDuration === acbpConstants?.UPCOMING"  class="cbp-warning">{{data.cbpData.endDate | date: \'d MMM, y\'}}</p>\r\n    <p *ngIf="data.cbpData.planDuration === acbpConstants?.SUCCESS"  class="cbp-success">{{data.cbpData.endDate | date: \'d MMM, y\'}}</p>\r\n    <p *ngIf="data.cbpData.planDuration === acbpConstants?.OVERDUE" class="cbp-danger">{{\'OverDue\' }}</p>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-container *ngIf="isCardLoading">\r\n    <mat-card class="card-portrait" [ngClass]="widgetData.cardCustomeClass ? widgetData.cardCustomeClass : \'\'">\r\n      <div class="margin-bottom-xs">\r\n        <ng-container>\r\n          <sb-uic-skeleton-loader [width]="\'147px\'" [height]="\'26px\'" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\r\n        </ng-container>\r\n      </div>\r\n      <div class="flex">\r\n        <div class="margin-right-s">\r\n          <ng-container>\r\n            <sb-uic-skeleton-loader [width]="\'147px\'" [height]="\'98px\'" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\r\n          </ng-container>\r\n        </div>\r\n        <div class="width-1-1">\r\n          <div class="portrait-subheading title-text">\r\n              <sb-uic-skeleton-loader [bindingClass]="\'flex rounded width-1-1\'"></sb-uic-skeleton-loader>\r\n          </div>\r\n          <div class="flex w-full flex-wrap flex-middle">\r\n            <div class=" margin-right-xs">\r\n              <sb-uic-skeleton-loader [width]="\'24px\'" [height]="\'24px\'"  [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\r\n            </div>\r\n            <span class=""><sb-uic-skeleton-loader [width]="\'133px\'" [height]="\'12px\'" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader></span>\r\n          </div>\r\n          <div class="portrait_widget flex margin-top-xs">\r\n            <div class="flex flex-end flex-middle">\r\n              <sb-uic-skeleton-loader [width]="\'65px\'" [height]="\'12px\'"  [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class="flex flex-align-end progress-wrapper flex-between">\r\n        <div class="progress-block">\r\n          <div class="completed-time">\r\n            <sb-uic-skeleton-loader [width]="\'211px\'" [height]="\'16px\'"  [bindingClass]="\'flex rounded margin-top-xs md:w-211\'"></sb-uic-skeleton-loader>\r\n          </div>\r\n        </div>\r\n        <div class="progress-btn">\r\n          <sb-uic-skeleton-loader [width]="\'117px\'" [height]="\'32px\'"  [bindingClass]="\'flex rounded margin-top-xs\'"></sb-uic-skeleton-loader>\r\n        </div>\r\n      </div>\r\n    </mat-card>\r\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-all;white-space:initial;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.card-portrait .portrait_widget{align-items:center;margin-top:0}.card-portrait .portrait_widget .course_port{border:1px solid #ef951e;padding:4px 8px;align-items:center;border-radius:16px}.card-portrait .portrait_widget .video-icon{opacity:1;color:#ef951e;width:15px;height:15px;font-size:15px}.card-portrait .portrait_widget .portrait-category{color:rgba(0,0,0,.6)!important;font-size:.75rem;opacity:1;font-family:Lato-Regular;font-weight:400;font-style:normal;letter-spacing:.25px;text-align:left;line-height:20px}.card-portrait .progress-wrapper .progress-block{width:60%}.card-portrait .progress-wrapper .progress-block .completed-time{color:#ef951e;display:flex;padding:8px 0}.card-portrait .progress-wrapper .progress-block .completed-time mat-icon{width:1rem;height:1rem;font-size:1rem}.card-portrait .progress-wrapper .progress-block .completed-time span{opacity:1;color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:.75rem;font-weight:400;font-style:normal;letter-spacing:.25px;text-align:left;line-height:16px}.card-portrait .progress-wrapper .progress-btn .resume-btn{opacity:1;color:#fff;font-family:Lato-Bold;font-size:14px;font-weight:700;font-style:normal;letter-spacing:.5px;text-align:left;line-height:20px;background:#1a4ca1;border-radius:63px;padding:6px 16px;border:none;width:100%;cursor:pointer}.card-portrait .progress-wrapper .progress-btn .resume-btn .textwrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:82px}.card-portrait .progress-wrapper .progress-btn .resume-btn:hover{background-color:#253379}.card-portrait .progress-bar-new{color:#ef951e!important;height:10px;border-radius:5px}.card-portrait .rating-session mat-icon{font-size:20px;height:20px;width:20px;color:#ef951e}.card-portrait .rating-session .rating-number{font-size:14px}.card-portrait .rating-session .most-enrolled-text{font-size:10px;font-weight:400;padding:4px;background:#ffea9e;border-radius:4px;line-height:12px}.card-portrait .right-corner-portrait{right:8px;bottom:8px}.course_widget{margin-top:10px}.course_widget .mat-icon{vertical-align:middle;color:#ef951e!important}.course_widget .course_v2{border:1px solid #ef951e;padding:4px 8px;align-items:end;border-radius:16px}.course_widget .main_icon{font-size:16px;width:16px;height:16px}.rating-session mat-icon{font-size:16px;height:16px;width:12px;padding-right:3px;color:#ef951e}.rating-session span{font-size:11px}.rating-session .most-enrolled-text{padding:0 8px;background:#ffea9e;border-radius:4px}.duration-box{background:#000;position:absolute;border:none;display:flex;align-items:center;padding:4px;border-radius:4px}.duration-box.right-corner{right:4px;bottom:4px}.duration-box .mat-icon{vertical-align:middle;color:#fff!important;height:14px!important;width:14px!important;font-size:14px}.duration-box .duration{font:700 12px/16px Lato;display:inline-block;margin:0;padding:0}"]}]}],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}}"\r\n  [attr.aria-labelledby]="\'m-c-\'+ contentId" [ngClass]="{ \'visibility-0\': progress === undefined, \'thick\': className}"\r\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,r,a,i){var o=this;this.events=t,this.translate=e,this.langtranslations=n,this.configSvc=r,this.contSvc=a,this.router=i,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")){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.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:'\r\n<ng-container *ngIf="!isCardLoading">\r\n    <mat-card class="channels-card card-channels-container mr-5 padding-remove cursor-pointer">\r\n        <div class="display-contents">\r\n            <ng-container *ngIf="widgetData?.content">\r\n                <a (click)="raiseTelemetry(widgetData?.content); redirectTo(widgetData?.content); $event.stopPropagation()"\r\n                    i18n-aria-label>\r\n                    <ng-container>\r\n                        <mat-card-content class="min-top">\r\n                            <div class="flex flex-col h-full">\r\n                                <div class="image-container">\r\n                                    <ng-container *ngIf="widgetData?.content?.imgUrl; else defaultImg">\r\n                                        <img mat-card-image [src]="widgetData?.content?.imgUrl" loading="lazy"\r\n                                        class="card-img ws-mat-primary-lite-background margin-remove"  [wsUtilsDefaultThumbnail]="defaultThumbnail"\r\n                                        [alt]="widgetData?.content?.orgName" />\r\n                                    </ng-container>\r\n                                    <ng-template #defaultImg>\r\n                                        <sb-uic-avatar-photo [randomColor]="true" [name]="widgetData?.content?.orgName" [photoUrl]="widgetData?.content?.imgUrl" size="m-side-rating">\r\n                                        </sb-uic-avatar-photo>\r\n                                    </ng-template>\r\n                                </div>\r\n                                <div class="flex  title-container px-2">\r\n                                    <div [id]="\'m-c-\'+ widgetData?.content?.identifier"\r\n                                        class="flex-1 text-center  mat-subheading-2 title-text ws-mat-black-text">\r\n                                        {{ widgetData?.content?.orgName }}\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </mat-card-content>\r\n                    </ng-container>\r\n                </a>\r\n            </ng-container>\r\n        </div>\r\n    </mat-card>\r\n</ng-container>\r\n\r\n\r\n<ng-container *ngIf="isCardLoading">\r\n    <mat-card class="channels-card card-channels-container mr-5 padding-remove cursor-pointer">\r\n        <div class="display-contents">\r\n            <ng-container >\r\n                <a i18n-aria-label>\r\n                    <ng-container>\r\n                        <mat-card-content class="min-top">\r\n                            <div class="flex flex-col h-full">\r\n                                <div class="image-container">\r\n                                    <sb-uic-skeleton-loader class="w-full" [width]="\'100%\'" [height]="\'140px\'" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\r\n                                </div>\r\n                                <div class="flex  title-container px-2">\r\n                                    <div class="flex-1 text-center  mat-subheading-2 title-text ws-mat-black-text">\r\n                                        <sb-uic-skeleton-loader  [width]="\'100%\'" [height]="\'12px\'" [bindingClass]="\'flex rounded mb-2\'"></sb-uic-skeleton-loader>\r\n                                        <sb-uic-skeleton-loader [width]="\'100%\'" [height]="\'12px\'" [bindingClass]="\'flex rounded\'"></sb-uic-skeleton-loader>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </mat-card-content>\r\n                    </ng-container>\r\n                </a>\r\n            </ng-container>\r\n        </div>\r\n    </mat-card>\r\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-all;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}"]}]}],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',\r\n'circle-m' : size=== 'm',\r\n'circle-l' : size=== 'l',\r\n'circle-xl' : size=== 'xl',\r\n'circle-xxl' : size=== 'xxl',\r\n'circle-l-xs' : size=== 'l-xs',\r\n'circle-l-s' : size=== 'l-s',\r\n'circle-xl-s' : size=== 'xl-s',\r\n'circle-r-m': size=== 'round-m',\r\n'circle-r-p-m': size=== 'profile-round-m',\r\n'circle-m-side': size=== 'm-side',\r\n'circle-r-m-48': size=== 'm-side-rating',\r\n'circle-m-recommended': size==='m-recommended',\r\n'circle-xxl-s': size=== 'xxl-s'}\" [ngStyle]=\"{'background-color':  circleColor }\">\r\n  <img *ngIf=\"!showInitials\" loading=\"lazy\" src=\"{{photoUrl}}\" [alt]=\"photoUrl? '' :(name || userInitials || size || random)\">\r\n\r\n  <div *ngIf=\"showInitials\" class=\"initials\" i18n-aria-label>\r\n    {{ userInitials }} \r\n  </div>\r\n  <div *ngIf=\"showBadge\"><span class=\"profile-badge\">  \r\n    <img src=\"fusion-assets/images/profile-badge.png\">\r\n  </span></div>\r\n\r\n  \x3c!-- <div *ngIf=\"imageType === 'user-photo'\">\r\n    <img *ngIf=\"imageUrl\" [src]=\"imageUrl\" alt=\"user-image\" class=\"user-image\" [ngClass]=\"{'user-image-small': imageSize === 'small'}\">\r\n    <div class=\"user-image\" [ngClass]=\"{'user-image-small': imageSize === 'small'}\">\r\n      <span class=\"name-initials-image font-normal ws-mat-primary-default-text ws-mat-accent-background\"\r\n      *ngIf=\"!imageUrl\">{{ shortName }}</span>\r\n    </div>\r\n  </div> --\x3e\r\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}];function IStripUnitContentData$1(){}var ContentStripWithTabsPillsComponent=function(_super){function ContentStripWithTabsPillsComponent(t,e,n,r,a,i,o,s,l,c){var d=_super.call(this)||this;if(d.contentSvc=e,d.loggerSvc=n,d.eventSvc=r,d.configSvc=a,d.utilitySvc=i,d.router=o,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 r=__values(this.widgetData.strips),a=r.next();!a.done;a=r.next()){var i=a.value;this.checkForEmptyWidget(i)?this.fetchStripFromRequestData(i,!1):this.processStrip(i,[],"done",!0,null)}}catch(e){t={error:e}}finally{try{a&&!a.done&&(e=r.return)&&e.call(r)}finally{if(t)throw t.error}}var o=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,r=t.from;return e&&n&&r})),s=new Set(o.map((function(t){return t.type})));this.changeEventSubscription=this.eventSvc.events$.pipe(operators.filter((function(t){return s.has(t.eventType)}))).subscribe((function(t){o.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,r,a,i){return void 0===e&&(e=[]),void 0===r&&(r=!0),__awaiter(this,void 0,void 0,(function(){var a,o;return __generator(this,(function(s){return a={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:i||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,((o={})[t.key]=a,o)),i?this.contentAvailable=!0:(r&&("done"===n||"error"===n)&&a.widgets&&this.checkParentStatus(n,a.widgets.length),!r||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,r=this.widgetData.strips.length;this.successDataCount>0&&n<r||(this.showParentLoader=n!==r,this.showParentNoData=this.noDataCount>0&&this.noDataCount+this.errorDataCount===r,this.showParentError=this.errorDataCount===r)},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],r=n.pillsData[0];if(r.requestRequired&&this.stripsResultDataMap[t.key]&&this.stripsResultDataMap[t.key].tabs){var a=this.stripsResultDataMap[t.key].tabs[0].pillsData,i=a&&a.length&&a[0];this.getTabDataByNewReqTrending(t,0,0,i,e),this.stripsResultDataMap[t.key]&&i&&(this.stripsResultDataMap[t.key].viewMoreUrl.queryParams=__assign({},this.stripsResultDataMap[t.key].viewMoreUrl.queryParams,{key:t.key,tabSelected:n.value,pillSelected:r.value}))}}},ContentStripWithTabsPillsComponent.prototype.fetchFromSearchV6=function(t,e){return void 0===e&&(e=!0),__awaiter(this,void 0,void 0,(function(){var n,r,a;return __generator(this,(function(i){switch(i.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,r=n&&n.length&&n[0],this.getTabDataByNewReqSearchV6(t,0,0,r,e)),[3,4]):[3,1]):[3,4];case 1:return i.trys.push([1,3,,4]),[4,this.searchV6Request(t,t.request,e)];case 2:return(a=i.sent())&&a.results?a.results.result.content?this.processStrip(t,this.transformContentsToWidgets(a.results.result.content,t),"done",e,a.viewMoreUrl):a.results.result.Event?this.processStrip(t,this.transformEventsToWidgets(a.results.result.Event,t),"done",e,a.viewMoreUrl):this.processStrip(t,[],"error",e,null):this.processStrip(t,[],"error",e,null),[3,4];case 3:return i.sent(),[3,4];case 4:return[2]}}))}))},ContentStripWithTabsPillsComponent.prototype.getTabDataByNewReqTrending=function(t,e,n,r,a){return __awaiter(this,void 0,void 0,(function(){var i,o,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,r.request,a)];case 1:return i=p.sent(),o=[],i&&i.results&&i.results.response?(s=i.results.response[r.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"}),o=c)),this.processStrip(t,l,"done",a,i.viewMoreUrl,o)):(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"}),o=c)),this.processStrip(t,[],"done",a,null)),[3,3];case 2:return p.sent(),this.processStrip(t,[],"error",a,null),[3,3];case 3:return[2]}}))}))},ContentStripWithTabsPillsComponent.prototype.getTabDataByNewReqSearchV6=function(t,e,n,r,a){return __awaiter(this,void 0,void 0,(function(){var i,o,s,l,c;return __generator(this,(function(d){switch(d.label){case 0:return d.trys.push([0,2,,3]),[4,this.searchV6Request(t,r.request,a)];case 1:return(i=d.sent())&&i.results?(o=this.transformContentsToWidgets(i.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:o,fetchTabStatus:"done",selected:!0})),l[e]=__assign({},l[e],{widgets:o,fetchTabStatus:"done"}),s=l)),this.processStrip(t,o,"done",a,i.viewMoreUrl,s)):this.processStrip(t,[],"error",a,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 r,a=this;return __generator(this,(function(i){return r=[],[2,new Promise((function(i,o){if(e&&e.trendingSearch){if(e.trendingSearch.request.filters.organisation&&e.trendingSearch.request.filters.organisation.indexOf("<orgID>")>=0){var s=void 0;a.configSvc.userProfile&&(s=a.configSvc.userProfile.rootOrgId),e.trendingSearch.request.filters.organisation=s}a.contentSvc.trendingContentSearch(e.trendingSearch).subscribe((function(n){var o=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(a.transformSearchV6FiltersV2(r)):{}}}:null,s=[];n&&n.response&&n.response.certifications&&(n.response.certifications.map((function(t){t.source===a.channnelName&&s.push(t)})),n={response:{certifications:s}}),i({results:n,viewMoreUrl:o})}),(function(e){e.error&&400===e.error.status&&a.processStrip(t,[],"done",n,null),o(e)}))}}))]}))}))},ContentStripWithTabsPillsComponent.prototype.tabClicked=function(t,e,n,r){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 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=n.tabs&&n.tabs[t.index],o=n.tabs&&n.tabs[t.index].pillsData[e],s=this.widgetData.strips.find((function(t){return t.key===r}));this.stripsResultDataMap[r]&&i&&(this.stripsResultDataMap[r].viewMoreUrl.queryParams=__assign({},this.stripsResultDataMap[r].viewMoreUrl.queryParams,{tabSelected:i.value,pillSelected:o.value})),s&&i&&!i.computeDataOnClick&&o&&o.requestRequired&&o.request&&(o.request.searchV6?this.getTabDataByNewReqSearchV6(s,t.index,0,o,!0):o.request.trendingSearch&&this.getTabDataByNewReqTrending(s,t.index,0,o,!0),n.tabs[t.index].pillsData[e].tabLoading=!1)},ContentStripWithTabsPillsComponent.prototype.pillClicked=function(t,e,n,r,a){var i=this;e&&e.tabs&&e.tabs[a]&&(e.tabs[a].pillsData[r].fetchTabStatus="inprogress",e.tabs[a].pillsData[r].tabLoading=!0,e.showOnLoader=!0);var o=e.tabs&&e.tabs[a],s=e.tabs&&e.tabs[a].pillsData[r],l=this.widgetData.strips.find((function(t){return t.key===n}));this.stripsResultDataMap[n]&&o&&(this.stripsResultDataMap[n].viewMoreUrl.queryParams=__assign({},this.stripsResultDataMap[n].viewMoreUrl.queryParams,{tabSelected:o.value,pillSelected:s.value})),l&&o&&!o.computeDataOnClick&&s&&(s.requestRequired&&s.request?(s.request.searchV6?this.getTabDataByNewReqSearchV6(l,a,r,s,!0):s.request.trendingSearch&&this.getTabDataByNewReqTrending(l,a,r,s,!0),e.tabs[a].pillsData[r].tabLoading=!1):(this.getTabDataByfilter(l,o,!0),e&&e.tabs&&e.tabs[a]&&(e.tabs[a].pillsData[r].fetchTabStatus="inprogress",e.tabs[a].pillsData[r].tabLoading=!1,e.showOnLoader=!0),setTimeout((function(){e&&e.tabs&&e.tabs[a]&&(e.tabs[a].pillsData[r].fetchTabStatus="done",e.tabs[a].pillsData[r].tabLoading=!1,e.showOnLoader=!1,i.resetSelectedPill(e.tabs[a].pillsData),e.tabs[a].pillsData[r].selected=!0)}),200)))},ContentStripWithTabsPillsComponent.prototype.searchV6Request=function(t,e,n){return __awaiter(this,void 0,void 0,(function(){var r,a=this;return __generator(this,(function(i){return r=[],[2,new Promise((function(i,o){e&&e.searchV6&&a.contentSvc.searchV6(e.searchV6).subscribe((function(n){var o=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(a.transformSearchV6FiltersV2(r)):{}}}:null;i({results:n,viewMoreUrl:o})}),(function(e){a.processStrip(t,[],"error",n,null),o(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,r,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,r=[],[4,this.userSvc.fetchCbpPlanList().toPromise()]):[3,5];case 1:return(a=o.sent())?(n=a,t.tabs&&t.tabs.length?(r=this.splitCbpTabsData(n,t),i=!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&&i&&(t.selected=!0,i=!1)}))})),[4,this.processStrip(t,this.transformContentsToWidgets(n,t),"done",e,"",r)]):[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]}}))}))},ContentStripWithTabsPillsComponent.prototype.splitCbpTabsData=function(t,e){var n=[],r=this.getTabsList(t,e);if(e.tabs&&e.tabs.length)for(var a=function(t){if("myIgotPlans"===e.tabs[t].value){if(e.tabs[t].pillsData&&e.tabs[t].pillsData.length){for(var a=function(a){e.tabs[t].pillsData[a]&&n.push(__assign({},e.tabs[t].pillsData[a],{fetchTabStatus:"done"},r.find((function(n){if(e.tabs[t].pillsData&&e.tabs[t].pillsData[a]&&n.value===e.tabs[t].pillsData[a].value)return n}))))},i=0;i<e.tabs[t].pillsData.length;i+=1)a(i);e.tabs[t].pillsData=n}}},i=0;i<e.tabs.length;i+=1)a(i);return e.tabs},ContentStripWithTabsPillsComponent.prototype.getTabsList=function(t,e){var n=[],r=[],a=[];t.forEach((function(t){n.push(t),t.planDuration===NsCardContent.ACBPConst.OVERDUE?a.push(t):t.planDuration===NsCardContent.ACBPConst.UPCOMING&&r.push(t)}));var i=n.filter((function(t){return 2===t.contentStatus})),o=n.filter((function(t){return t.contentStatus<2})),s=i.filter((function(t){return t.planDuration===NsCardContent.ACBPConst.OVERDUE})),l=i.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})),o=o.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(o,l,s),a=(a=a.filter((function(t){return t.contentStatus<2}))).sort((function(t,e){return new Date(t.endDate)>new Date(e.endDate)?-1:1})),r=r.filter((function(t){return t.contentStatus<2})),[{value:"all",widgets:this.transformContentsToWidgets(n,e)},{value:"upcoming",widgets:this.transformContentsToWidgets(r,e)},{value:"completed",widgets:this.transformContentsToWidgets(i,e)},{value:"overdue",widgets:this.transformContentsToWidgets(a,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>\r\n<ng-template #otherTemplate>\r\n  \x3c!-- <div *ngIf="showParentLoader" class="text-center my-2">\r\n    <mat-spinner class="inline-block"></mat-spinner>\r\n  </div> --\x3e\r\n  <ng-container *ngIf="showParentError" [sbUiResolverWidget]="widgetData.errorWidget"></ng-container>\r\n  <ng-container *ngIf="showParentNoData" [sbUiResolverWidget]="widgetData.noDataWidget"></ng-container>\r\n  <ng-container *ngFor="let key of stripsKeyOrder; let i = index; trackBy: identify">\r\n    <ng-container *ngIf="isStripShowing(stripsResultDataMap[key])">\r\n      <a name="{{stripsResultDataMap[key]?.stripTitle}}" [class]="key">\r\n        <div *ngIf="stripsResultDataMap && (getLength(stripsResultDataMap[key]) ||\r\n                    stripsResultDataMap[key]?.showOnNoData ||\r\n                    stripsResultDataMap[key]?.showOnLoader ||\r\n                    stripsResultDataMap[key]?.showOnError)\r\n                  " [ngClass]="\r\n                    !widgetData?.isChannelStrip ? \'xs:px-8 sx:px-10ss\' : i > 0 ? \'mt-12\' : \'\'\r\n                  " [id]="key" [ngClass]="!widgetData?.isChannelStrip ? margin-bottom-custom : margin-bottom-xs">\r\n          <div [ngClass]="{ pad: stripsResultDataMap[key]?.stripBackground }"\r\n            [ngStyle]="{ \'background-color\': stripsResultDataMap[key]?.stripBackground }">\r\n            <div class="flex flex-col pl-4 pr-4 md:pr-0 md:pl-0 " [ngClass]="\r\n                        !widgetData?.isChannelStrip\r\n                          ? \'\'\r\n                          : stripsResultDataMap[key]?.stripTitle\r\n                          ? \'mb-8\'\r\n                          : \'\'\r\n                      ">\r\n              <div class="flex flex-1 items-center">\r\n                <p class="mat-subheading-1 margin-remove inline-block " *ngIf="stripsResultDataMap[key]?.stripTitle">\r\n                  <span class="capitalize" *ngIf="stripsResultDataMap[key]?.disableTranslate">\r\n                    {{stripsResultDataMap[key]?.stripTitle}}\r\n                  </span>\r\n                  <span *ngIf="!stripsResultDataMap[key]?.disableTranslate">\r\n                    {{ translateLabels(stripsResultDataMap[key]?.stripTitle, \'home\') }}\r\n                  </span>\r\n                </p>\r\n\r\n                <button *ngIf="stripsResultDataMap[key]?.stripInfo?.icon" type="button" mat-icon-button\r\n                  (click)="toggleInfo(stripsResultDataMap[key])" i18n-matTooltip matTooltip="info"\r\n                  class="margin-left-xs">\r\n                  <mat-icon>{{ stripsResultDataMap[key]?.stripInfo?.icon.icon }}</mat-icon>\r\n                </button>\r\n                <a *ngIf="stripsResultDataMap[key]?.stripTitleLink?.link"\r\n                  [routerLink]="stripsResultDataMap[key]?.stripTitleLink?.link"\r\n                  [queryParams]="stripsResultDataMap[key]?.stripTitleLink?.link?.queryParams">\r\n                  <mat-icon class="ws-mat-primary-primary-text ws-mat-default-text" [color]="\'accent\'">{{\r\n                    stripsResultDataMap[key]?.stripTitleLink?.icon }}</mat-icon>\r\n                </a>\r\n                <span class="spacer"></span>\r\n                \x3c!-- viewAll start--\x3e\r\n                <div *ngIf="checkCondition(widgetData , stripsResultDataMap[key])" class="block md:hidden">\r\n                  <div \r\n                    class="ml-4 pl-2 view-more ws-mat-default-text  ">\r\n                    <a class="flex ws-mat-default-text items-center justify-center mat-body-1 cursor-pointer" \r\n                      (click)="raiseTelemetry(stripsResultDataMap[key]);redirectViewAll(stripsResultDataMap[key], stripsResultDataMap[key]?.viewMoreUrl?.path, stripsResultDataMap[key]?.viewMoreUrl?.queryParams )">\r\n                      <span i18n class="ws-mat-default-text">{{translateLabels(widgetData.strips[0].viewMoreUrl.viewMoreText,\'home\')  || \'See all\'}}</span>\r\n                      <mat-icon class="ws-mat-default-text mat-icon notranslate material-icons mat-icon-no-color" color="accent">navigate_next</mat-icon>\r\n                    </a>\r\n                  </div>\r\n                </div>\r\n                \x3c!-- viewAll end--\x3e\r\n              </div>\r\n              <button mat-icon-button (click)="setHiddenForStrip(key)" *ngIf="stripsResultDataMap[key]?.canHideStrip">\r\n                <mat-icon>close</mat-icon>\r\n              </button>\r\n              <mat-icon class="cursor-pointer" *ngIf="stripsResultDataMap[key]?.mode === \'accordion\' && isMobile"\r\n                (click)="showAccordionData = !showAccordionData">{{ showAccordionData ? \'expand_less\' : \'expand_more\' }}\r\n              </mat-icon>\r\n            </div>\r\n\r\n            <div class="mb-4" *ngIf="checkVisible(stripsResultDataMap[key])">\r\n              <ng-container [sbUiResolverWidget]="getdata(stripsResultDataMap[key])">\r\n              </ng-container>\r\n            </div>\r\n            <ng-container *ngIf="stripsResultDataMap[key]?.showOnNoData"\r\n              [sbUiResolverWidget]="stripsResultDataMap[key]?.noDataWidget"></ng-container>\r\n            <ng-container *ngIf="stripsResultDataMap[key]?.showOnError"\r\n              [sbUiResolverWidget]="stripsResultDataMap[key]?.errorWidget"></ng-container>\r\n            \x3c!-- IF no errors then proceed to show tabs or non tabs strip --\x3e\r\n            <ng-container *ngIf="!stripsResultDataMap[key]?.showOnNoData && !stripsResultDataMap[key]?.showOnError">\r\n              <ng-container *ngIf="stripsResultDataMap[key].tabs && stripsResultDataMap[key].tabs.length">\r\n                <mat-tab-group animationDuration="0ms" [selectedIndex]="getSelectedIndex(stripsResultDataMap[key], key)"\r\n                class="mat-tab-labels w-full strips-tabgroup" dynamicHeight\r\n                  (selectedTabChange)="tabClicked($event, 0, stripsResultDataMap[key], key)">\r\n                  <mat-tab label="{{tab?.label}}" *ngFor="let tab of stripsResultDataMap[key].tabs; let last = last;let tabIndex = index">\r\n                    <ng-template mat-tab-label>\r\n                      <span>{{ translateLabels(tab?.label, \'home\') }} &nbsp;</span>\r\n                      <span *ngIf="tab?.showTabDataCount && tab?.widgets?.length">({{tab?.widgets?.length}})</span>\r\n                    </ng-template>\r\n\r\n                    <div class="wfull" *ngIf="tab?.pillsData && tab?.pillsData?.length">\r\n                      <div class="flex justify-between item-center">\r\n                        <div>\r\n                          <ng-container >\r\n                            <mat-chip-list  class="content-pill" aria-label="Fish selection">\r\n                                <ng-container *ngFor="let pill of tab?.pillsData;let p = index">\r\n                                    <mat-chip [selected]="pill?.selected" (click)="pillClicked($event, stripsResultDataMap[key], key, p, tabIndex)">\r\n                                      <span class="pill-name">{{pill?.label}}</span></mat-chip>\r\n                                </ng-container>\r\n                            </mat-chip-list>\r\n                          </ng-container>\r\n                        </div>\r\n                         \x3c!-- viewAll start--\x3e\r\n                          <div *ngIf="checkCondition(widgetData , stripsResultDataMap[key])" class=" hidden md:block">\r\n                            <div  class="ml-4 pl-2 view-more ws-mat-default-text">\r\n                              <a class="flex ws-mat-default-text items-center justify-center mat-body-1 cursor-pointer" \r\n                                (click)="raiseTelemetry(stripsResultDataMap[key]);redirectViewAll(stripsResultDataMap[key], stripsResultDataMap[key]?.viewMoreUrl?.path, stripsResultDataMap[key]?.viewMoreUrl?.queryParams )">\r\n                                <span i18n class="ws-mat-default-text">{{translateLabels(widgetData.strips[0].viewMoreUrl.viewMoreText,\'home\')  || \'See all\'}}</span>\r\n                                <mat-icon class="ws-mat-default-text mat-icon notranslate material-icons mat-icon-no-color" color="accent">navigate_next</mat-icon>\r\n                              </a>\r\n                            </div>\r\n                          </div>\r\n                            \r\n                          \x3c!-- viewAll end--\x3e\r\n                      </div>\r\n                      <div *ngIf="stripsResultDataMap && stripsResultDataMap[key]?.showOnLoader ||\r\n                      !tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus"\r\n                      class="text-center my-2">\r\n                            <sb-uic-horizontal-scroller-v2 [sliderConfig]="stripsResultDataMap[key]?.sliderConfig" [id]="key+\'-scroller\'"\r\n                                    [loadStatus]="\'fetching\'" [stripConfig]="stripsResultDataMap[key]?.stripConfig">\r\n                                <ng-container *ngFor="let widget of stripsResultDataMap[key]?.loaderWidgets; trackBy: tracker">\r\n                                <ng-container [sbUiResolverWidget]="widget"></ng-container>\r\n                              </ng-container>\r\n                            </sb-uic-horizontal-scroller-v2>\r\n                      </div>\r\n                     <ng-container *ngIf="tab?.pillsData && tab?.pillsData.length && tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]">\r\n                      <div *ngIf="((tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus && tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus === \'done\') &&\r\n                      (!tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets || !tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets?.length))">\r\n                      <ng-container *ngIf="tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.value === \'inprogress\'; else msgTemp">\r\n                        <div class="w-full flex flex-col items-center justify-center">\r\n                          <img alt="" class="mt-4 mb-4" src="assets/icons/home/nodataDefault.svg">\r\n                          <div class="mat-subheading-1 text-center info-content">{{ \'contentstripmultiple.getReadyForLearningAdventure\' | translate }} -\r\n                            <a class="click-here" [routerLink]="\'/page/learn\'">{{ \'contentstripmultiple.clickHere\' | translate }}</a> {{ \'contentstripmultiple.toEnrollNextCourse\' | translate }}</div>\r\n                        </div>\r\n                      </ng-container>\r\n                      <ng-template #msgTemp>\r\n                        <div class="w-full flex flex-col items-center justify-center">\r\n                          <img alt="" class="mt-4 mb-4" src="assets/icons/home/nodataDefault.png">\r\n                          <div class="mat-subheading-1 text-center">{{ translateLabels(tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.nodataMsg, \'home\') }}</div>\r\n                        </div>\r\n                      </ng-template>\r\n                      </div>\r\n                     </ng-container>\r\n                      <ng-container *ngIf="(tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus === \'done\' || tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets?.length)">\r\n                        <ng-container  *ngIf="!tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.tabLoading">\r\n                          <sb-uic-horizontal-scroller-v2 [id]="key+\'-scroller\'" [sliderConfig]="stripsResultDataMap[key]?.sliderConfig" [widgetsLength]="tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets?.length"\r\n                            *ngIf="getContineuLearningLenth(stripsResultDataMap[key]) && showAccordion(key)"\r\n                            [loadStatus]="\'done\'" [defaultMaxWidgets]="tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.maxWidgets ||\r\n                            stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets" [stripConfig]="stripsResultDataMap[key]?.stripConfig">\r\n                            <ng-container *ngFor="let widget of tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets| slice:0:(tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.maxWidgets ||\r\n                            stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets); trackBy: tracker">\r\n                                <ng-container [sbUiResolverWidget]="widget"></ng-container>\r\n                            </ng-container>\r\n                          </sb-uic-horizontal-scroller-v2>\r\n                        </ng-container>\r\n                      </ng-container>\r\n                    </div>\r\n                  </mat-tab>\r\n                </mat-tab-group>\r\n              </ng-container>\r\n            </ng-container>\r\n          </div>\r\n        </div>\r\n      </a>\r\n\r\n    </ng-container>\r\n  </ng-container>\r\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}.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}(),API_POINTS={COMPETENCY_LIST:"apis/proxies/v8/competency/v4/search",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.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,r){this.configSvc=t,this.contentSvc=e,this.competencySvc=n,this.router=r,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}]}return t.prototype.ngOnInit=function(){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,r;return __generator(this,(function(a){switch(a.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:["competencies_v5.competencyArea"],limit:0,offset:0,fields:[]}},a.label=1;case 1:return a.trys.push([1,3,,4]),[4,this.callCompetencySearch(e)];case 2:return(n=a.sent())&&n.results&&n.results.result.facets&&(this.competencyArea=n.results.result.facets[0].values,this.competencyStrength=this.competencyArea.reduce((function(t,e){return t+e.count}),0),this.selectedValue=this.competencyArea[0].name.toLowerCase(),r={createdFor:[this.providerId]},this.getcompetencyTheme(this.competencyArea[0].name,r),this.loadCompetencyArea=!1),[3,4];case 3:return a.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,r){t&&t&&e.contentSvc.searchV6(t).subscribe((function(t){n({results:t})}),(function(t){r(t)}))}))]}))}))},t.prototype.competencyChange=function(t){var e={};this.providerId&&(e={createdFor:[this.providerId]}),this.temeletryResponse.emit(t.name),this.getcompetencyTheme(t.name,e),this.selectedValue=t.name},t.prototype.getAllCompetencies=function(){var t=this;this.loadCometency=!0;this.competencySvc.getCompetencyList({search:{type:"Competency Area"},filter:{isDetail:!0}}).subscribe((function(e){t.allcompetencyTheme={},e&&e.result&&e.result.competency&&(t.originalCompetencyArray=e.result.competency,t.getCompetencyArea(),e.result.competency.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,r,a,i=this;return __generator(this,(function(o){switch(o.label){case 0:n={request:{query:"",filters:__assign({contentType:"Course"},e,{"competencies_v5.competencyArea":t,status:["Live"]}),sort_by:{lastUpdatedOn:"desc"},facets:["competencies_v5.competencyTheme"],limit:0,offset:0,fields:[]}},o.label=1;case 1:return o.trys.push([1,3,,4]),this.loadCometency=!0,[4,this.callCompetencySearch(n)];case 2:return(r=o.sent())&&r.results&&(r.results.result.facets&&(a=r.results.result.facets[0].values,this.originalCompetencyArray.forEach((function(e){e.name.toLowerCase()===t&&(i.competencyTheme=a.filter((function(t){return e.children.find((function(e){return e.name.toLowerCase()===t.name.toLowerCase()}))})),i.showAllTheme=[{name:"Show all",showAll:!1}],i.competencyThemeLength=6)})),this.resetViewMore()),this.loadCometency=!1),[3,4];case 3:return o.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.decorators=[{type:core.Component,args:[{selector:"sb-uic-competency-passbook",template:' <div class="competency-title" *ngIf="objectData?.title">{{objectData?.title}} \r\n    <span class="competency-count">\r\n        ({{competencyStrength}})\r\n    </span>\r\n</div>\r\n<div class="flex items-center justify-{{dynamicAlignPills}} gap-8 mt-5 mb-5 competency-filters">\r\n    <sb-uic-pills [pillsData]="competencyArea" [dynamicColor]="dynamicColor"\r\n    [isLoading]="loadCompetencyArea" (pillClick)="competencyChange($event)" [selectedValue]="selectedValue"></sb-uic-pills>\r\n</div>\r\n<div class="grid grid-cols-1 md:grid-cols-{{cardDisplayCount}} w-full grid-flow-row gap-5" *ngIf="!loadCometency">\r\n    <div class="competency-card" *ngFor="let obj of competencyTheme| slice:0:competencyThemeLength">\r\n        <div class="flex-1 flex-col">\r\n            <div class="competency-theme"></div>\r\n            <div class="details flex flex-col">\r\n                <div class="flex flex-col p-4">\r\n                    <div class="flex flex-row cursor-pointer">\r\n                        <div class="flex flex-row gap-2 items-center">\r\n                            <div class="name">{{allcompetencyTheme[obj?.name]?.name}}</div>\r\n                            \x3c!-- <div class="flex items-baseline">\r\n                                <img src="assets/icons/competency/cp-arrow.svg" class="arrow-img cursor-pointer" alt="cp arrow img" (click)="navigateToCompetency(obj)" />\r\n                            </div> --\x3e\r\n                        </div>\r\n                    </div>\r\n                    <div class="flex flex-row pt-3 pb-3 description">\r\n                        {{ allcompetencyTheme[obj.name]?.description }} \r\n                    </div>\r\n                    <div class="flex flex-row gap-3 items-center">\r\n                        <mat-icon class="content-icon">school</mat-icon>\r\n                        <div class="no-of-contents" *ngIf="obj.count === 1">{{obj.count}} Content</div>\r\n                        <div class="no-of-contents" *ngIf="obj.count !== 1">{{obj.count}} Contents</div>\r\n                    </div>\r\n                    <div class="line mt-3 mt-2"></div>\r\n                    <div class="flex flex-wrap gap-3 pt-4 chip-container">\r\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">\r\n                            <div class="chip rounded-full p-2 text-xs chip-ellipsis" [title]="child?.name" >\r\n                                {{ child.name }}\r\n                            </div>\r\n                        </ng-container>\r\n                        <div class="p-2 info-btn cursor-pointer"\r\n                            *ngIf="allcompetencyTheme[obj.name]?.children.length > 3 && !allcompetencyTheme[obj.name]?.viewMore" (click)="viewMoreChildren(allcompetencyTheme[obj.name])">\r\n                            View more\r\n                        </div>\r\n                        <div class="p-2 info-btn cursor-pointer"\r\n                            *ngIf="allcompetencyTheme[obj.name]?.children.length > 3 && allcompetencyTheme[obj.name]?.viewMore" (click)="viewMoreChildren(allcompetencyTheme[obj.name])">\r\n                            View less\r\n                        </div>\r\n                    </div>\r\n                </div>        \r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n<ng-container *ngIf="competencyTheme.length > 6 && !loadCometency">\r\n    <div class="flex items-center justify-center gap-8 mt-5 mb-5 competency-filters">\r\n        <sb-uic-pills [pillsData]="showAllTheme" [requiredTitlecase]="false" [dynamicColor]="dynamicColor" (pillClick)="displayAllTheme($event)"></sb-uic-pills>\r\n    </div>\r\n</ng-container> \r\n\r\n<ng-container *ngIf="loadCometency">\r\n\r\n<div class="grid grid-cols-1 md:grid-cols-{{cardDisplayCount}} w-full grid-flow-row gap-5">\r\n    <div *ngFor="let obj of [0,1,2,3,4,5]">\r\n        <div class="flex-1 flex-col">\r\n            <div class="competency-theme"></div>\r\n            <div class="details flex flex-col">\r\n                <div class="flex flex-col p-4">\r\n                    <div class="flex flex-row cursor-pointer">\r\n                        <div class="flex flex-row gap-2 items-center w-full">\r\n                            <div class="name w-full">\r\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded mb-2\'" [width]="\'100%\'"\r\n                                [height]="\'24px\'"></sb-uic-skeleton-loader>\r\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded\'" [width]="\'80%\'"\r\n                                [height]="\'24px\'"></sb-uic-skeleton-loader>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class="pt-3 pb-3 description">\r\n                        <sb-uic-skeleton-loader class="w-full" [bindingClass]="\'flex rounded mb-2\'" [width]="\'100%\'"\r\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\r\n                        <sb-uic-skeleton-loader class="w-full" [bindingClass]="\'flex rounded\'" [width]="\'80%\'"\r\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\r\n                    </div>\r\n                    <div class="flex flex-row gap-3 items-center">\r\n                        <mat-icon class="content-icon"><sb-uic-skeleton-loader  [bindingClass]="\'flex rounded mb-2\'" [width]="\'24px\'"\r\n                            [height]="\'24px\'"></sb-uic-skeleton-loader></mat-icon>\r\n                        <div class="no-of-contents"><sb-uic-skeleton-loader  [bindingClass]="\'flex rounded \'" [width]="\'100px\'"\r\n                            [height]="\'24px\'"></sb-uic-skeleton-loader></div>\r\n                    </div>\r\n                    <div class="line mt-3 mt-2"></div>\r\n                    <div class="flex flex-wrap gap-3 pt-4 chip-container">\r\n                        <sb-uic-skeleton-loader class="w-2/5" [bindingClass]="\'flex rounded \'" [width]="\'100px\'"\r\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\r\n                        <sb-uic-skeleton-loader class="w-2/5"  [bindingClass]="\'flex rounded \'" [width]="\'100px\'"\r\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\r\n                        <sb-uic-skeleton-loader class="w-2/5" [bindingClass]="\'flex rounded \'" [width]="\'100px\'"\r\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\r\n                    </div>\r\n                </div>        \r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\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}]},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">\r\n    <mat-chip-list >\r\n        <ng-container *ngFor="let pill of pillsData">\r\n            <mat-chip class="competency-chip" (click)="selectedPill(pill)" [style.color]="dynamicColor"   [style.borderColor]="\'#999999\'"\r\n            [ngClass]="{\'active\': selectedValue === pill?.name}">\r\n                <span [style.color]="dynamicColor" class="pill-name" *ngIf="requiredTitlecase">{{pill?.name | titlecase}} <span *ngIf="pill?.count">({{pill?.count}})</span></span>\r\n                <span [style.color]="dynamicColor" class="pill-name" *ngIf="!requiredTitlecase">{{pill?.name }} <span *ngIf="pill?.count">({{pill?.count}})</span></span>\r\n            </mat-chip>\r\n        </ng-container>\r\n    </mat-chip-list>\r\n</ng-container>\r\n<ng-container *ngIf="isLoading">\r\n    <div class="flex gap-4">\r\n        <ng-container *ngFor="let pill of [0,1,2]">\r\n            <sb-uic-skeleton-loader [bindingClass]="\'flex rounded\'" [width]="\'100px\'"\r\n            [height]="\'24px\'"></sb-uic-skeleton-loader>\r\n        </ng-container>\r\n    </div>\r\n</ng-container>\r\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/"},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.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,r){this.configSvc=t,this.contentSvc=e,this.competencySvc=n,this.router=r,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}]}return t.prototype.ngOnInit=function(){this.getAllCompetencies()},t.prototype.getAllCompetencies=function(){var t=this;this.loadCometency=!0;this.competencySvc.getCompetencyList({search:{type:"Competency Area"},filter:{isDetail:!0}}).subscribe((function(e){t.allcompetencyTheme={},e&&e.result&&e.result.competency&&(t.originalCompetencyArray=e.result.competency,t.getMdoCompetencies(),e.result.competency.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){"competencies_v5.competencyArea"===t.name?(e.competencyArea=t.values,e.selectedValue=t.values[0].name):"competencies_v5.competencyTheme"===t.name&&(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}} \r\n    <span class="competency-count">\r\n        ({{competencyStrength}})\r\n    </span>\r\n</div>\r\n<div class="flex items-center justify-{{dynamicAlignPills}} gap-8 mt-5 mb-5 competency-filters">\r\n    <sb-uic-pills [pillsData]="competencyArea" [dynamicColor]="dynamicColor"\r\n    [isLoading]="loadCompetencyArea" (pillClick)="competencyChange($event)" [selectedValue]="selectedValue"></sb-uic-pills>\r\n</div>\r\n<div class="grid grid-cols-1 md:grid-cols-{{cardDisplayCount}} w-full grid-flow-row gap-5" *ngIf="!loadCometency">\r\n    <div class="competency-card" *ngFor="let obj of competencyTheme| slice:0:competencyThemeLength">\r\n        <div class="flex-1 flex-col">\r\n            <div class="competency-theme"></div>\r\n            <div class="details flex flex-col">\r\n                <div class="flex flex-col p-4">\r\n                    <div class="flex flex-row cursor-pointer">\r\n                        <div class="flex flex-row gap-2 items-center">\r\n                            <div class="name">{{allcompetencyTheme[obj?.name]?.name}}</div>\r\n                            \x3c!-- <div class="flex items-baseline">\r\n                                <img src="assets/icons/competency/cp-arrow.svg" class="arrow-img cursor-pointer" alt="cp arrow img" (click)="navigateToCompetency(obj)" />\r\n                            </div> --\x3e\r\n                        </div>\r\n                    </div>\r\n                    <div class="flex flex-row pt-3 pb-3 description">\r\n                        {{ allcompetencyTheme[obj.name]?.description }} \r\n                    </div>\r\n                    <div class="flex flex-row gap-3 items-center">\r\n                        <mat-icon class="content-icon">school</mat-icon>\r\n                        <div class="no-of-contents">{{obj.count}} Contents</div>\r\n                    </div>\r\n                    <div class="line mt-3 mt-2"></div>\r\n                    <div class="flex flex-wrap gap-3 pt-4 chip-container">\r\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">\r\n                            <div class="chip rounded-full p-2 text-xs chip-ellipsis" [title]="child?.name" >\r\n                                {{ child.name }}\r\n                            </div>\r\n                        </ng-container>\r\n                        <div class="p-2 info-btn cursor-pointer"\r\n                            *ngIf="allcompetencyTheme[obj.name]?.children.length > 3 && !allcompetencyTheme[obj.name]?.viewMore" (click)="viewMoreChildren(allcompetencyTheme[obj.name])">\r\n                            View more\r\n                        </div>\r\n                        <div class="p-2 info-btn cursor-pointer"\r\n                            *ngIf="allcompetencyTheme[obj.name]?.children.length > 3 && allcompetencyTheme[obj.name]?.viewMore" (click)="viewMoreChildren(allcompetencyTheme[obj.name])">\r\n                            View less\r\n                        </div>\r\n                    </div>\r\n                </div>        \r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n<ng-container *ngIf="competencyTheme.length > 6 && !loadCometency">\r\n    <div class="flex items-center justify-center gap-8 mt-5 mb-5 competency-filters">\r\n        <sb-uic-pills [pillsData]="showAllTheme" [requiredTitlecase]="false" [dynamicColor]="dynamicColor" (pillClick)="displayAllTheme($event)"></sb-uic-pills>\r\n    </div>\r\n</ng-container> \r\n\r\n<ng-container *ngIf="loadCometency">\r\n\r\n<div class="grid grid-cols-1 md:grid-cols-{{cardDisplayCount}} w-full grid-flow-row gap-5">\r\n    <div *ngFor="let obj of [0,1,2,3,4,5]">\r\n        <div class="flex-1 flex-col">\r\n            <div class="competency-theme"></div>\r\n            <div class="details flex flex-col">\r\n                <div class="flex flex-col p-4">\r\n                    <div class="flex flex-row cursor-pointer">\r\n                        <div class="flex flex-row gap-2 items-center w-full">\r\n                            <div class="name w-full">\r\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded mb-2\'" [width]="\'100%\'"\r\n                                [height]="\'24px\'"></sb-uic-skeleton-loader>\r\n                                <sb-uic-skeleton-loader [bindingClass]="\'flex rounded\'" [width]="\'80%\'"\r\n                                [height]="\'24px\'"></sb-uic-skeleton-loader>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class="pt-3 pb-3 description">\r\n                        <sb-uic-skeleton-loader class="w-full" [bindingClass]="\'flex rounded mb-2\'" [width]="\'100%\'"\r\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\r\n                        <sb-uic-skeleton-loader class="w-full" [bindingClass]="\'flex rounded\'" [width]="\'80%\'"\r\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\r\n                    </div>\r\n                    <div class="flex flex-row gap-3 items-center">\r\n                        <mat-icon class="content-icon"><sb-uic-skeleton-loader  [bindingClass]="\'flex rounded mb-2\'" [width]="\'24px\'"\r\n                            [height]="\'24px\'"></sb-uic-skeleton-loader></mat-icon>\r\n                        <div class="no-of-contents"><sb-uic-skeleton-loader  [bindingClass]="\'flex rounded \'" [width]="\'100px\'"\r\n                            [height]="\'24px\'"></sb-uic-skeleton-loader></div>\r\n                    </div>\r\n                    <div class="line mt-3 mt-2"></div>\r\n                    <div class="flex flex-wrap gap-3 pt-4 chip-container">\r\n                        <sb-uic-skeleton-loader class="w-2/5" [bindingClass]="\'flex rounded \'" [width]="\'100px\'"\r\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\r\n                        <sb-uic-skeleton-loader class="w-2/5"  [bindingClass]="\'flex rounded \'" [width]="\'100px\'"\r\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\r\n                        <sb-uic-skeleton-loader class="w-2/5" [bindingClass]="\'flex rounded \'" [width]="\'100px\'"\r\n                        [height]="\'24px\'"></sb-uic-skeleton-loader>\r\n                    </div>\r\n                </div>        \r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\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}]},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$6=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$6,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,r=Math.floor(n);if(t<=r)return"star";if(r===t-1&&n%1>=.29&&n%1<.71)return"star_half"}return"star"},t.prototype.getRatingIconClass=function(t,e){if(e){var n=e,r=Math.floor(n);if(t<=r)return!0;if(r===t-1&&n%1>=.29&&n%1<.71)return!0;if(r===t-1&&n%1>.71)return!0;if(r===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">\r\n    <div class="user-rating-section">\r\n        <sb-uic-sliders-ng-content [title]="\'providerName\'"  [currentIndex]="currentIndex" (currentIndexValue)="getCurrentIndex($event)" [loadNgContentData]="true" [widgetData]="contentdata" [styleData]="styleData">\r\n            <div sliderbody>\r\n                <div class="flex users-block">\r\n                    <ng-container *ngFor="let userData of contentdata; let j = index">\r\n                        <div class="avatar-block mr-1" [sbUicScrollableItem]="j"\r\n                        [ngClass]="{\'user-active\': j === currentIndex}" (click)="handleScrollClick(currentIndex);currentIndex = j">\r\n                            <sb-uic-avatar-photo [defaulfColor]="\'#1B2133\'" [datalen]="1" [randomColor]="true" [name]="userData?.userDetails?.firstName" [photoUrl]="userData?.userDetails?.profileImageUrl" size="m-side-rating">\r\n                            </sb-uic-avatar-photo>\r\n                        </div>\r\n                    </ng-container>\r\n                </div>\r\n                <div *ngFor="let ratingData of contentdata; let i = index" [hidden]="i !== currentIndex">\r\n                    <div class="user-ratting-wrapper flex flex-wrap justify-center">\r\n                        <div class="w-full mr-0 md:mr-8 ml-0 md:ml-8 pb-5">\r\n                            <sb-uic-cards [widgetData]="ratingData"></sb-uic-cards>\r\n                        </div>\r\n                        <div class="title-border-v2"></div>\r\n                        <p class="userName w-full mb-4 pt-2">{{ratingData?.userDetails?.firstName}}</p>\r\n                        <div class="flex w-full flex-row justify-center gap-2 mb-4">\r\n                            <mat-icon class="mat-icon material-icons rating-icon ws-mat-black16-text"\r\n                                [ngClass]="{\'ws-mat-orange-text\': getRatingIconClass(rating, ratingData?.rating)}"\r\n                                *ngFor="let rating of [1, 2, 3, 4, 5]">\r\n                                {{ getRatingIcon(rating, ratingData?.rating) }}\r\n                            </mat-icon>\r\n                        </div>\r\n                        <p class="content-feedback w-full mb-4 px-4 md:px-8">{{ratingData?.review}}</p>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </sb-uic-sliders-ng-content>\r\n    </div>\r\n</ng-container>\r\n\r\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>\r\n",styles:[""]}]}],t.ctorParameters=function(){return[]},t}(),MdoChannelV2Component=function(){function t(t,e,n,r,a){var i=this;this.route=t,this.router=e,this.eventSvc=n,this.translate=r,this.langtranslations=a,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")){i.translate.setDefaultLang("en");var t=localStorage.getItem("websiteLanguage");i.translate.use(t)}}))}return 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})}))},t.prototype.tabClicked=function(t){this.raiseTelemetry(t.tab.textLabel+" tab")},t.prototype.hideContentStrip=function(t,e){t&&(e.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.strips&&e.strips.length){var n=e.strips[0];n&&n.request&&(delete n.loaderWidgets,this.router.navigate(["/app/learn/mdo-channels/"+this.channnelName+"/"+this.orgId+"/all-content"],{queryParams:{stripData:JSON.stringify(n)}}))}else this.router.navigate(["/app/learn/browse-by/provider/"+this.channnelName+"/"+this.orgId+"/all-CBP"])},t.decorators=[{type:core.Component,args:[{selector:"sb-uic-mdo-channel-v2",template:'<ws-widget-btn-page-back [widgetData]="{ url: \'home\', titles: titles }">\r\n</ws-widget-btn-page-back>\r\n\r\n<div class="container-fluid" id="section-micro-sites">\r\n    <div class="flex flex-col flex-1">\r\n        <ng-container *ngIf="sectionList?.length">\r\n            <ng-container *ngFor="let section of sectionList">\r\n                <ng-container *ngIf="section?.enabled">\r\n                    <section id="{{section?.key}}" class="w-full grid grid-cols-12 gap-4" [ngClass]="{\'container\': section.wrapperClass}">\r\n                        <ng-container *ngFor="let column of section.column">\r\n                            <div id="{{column?.key}}" class="col-span-{{column.colspan || 12}} ">\r\n                                <ng-container *ngIf="column?.enabled" [ngSwitch]="column?.key">\r\n                                    <ng-container *ngSwitchCase="\'topSection\'" [ngTemplateOutlet]="topSection"\r\n                                        [ngTemplateOutletContext]="{data: column?.data}"></ng-container>\r\n                                    <ng-container *ngSwitchCase="\'topLearners\'" [ngTemplateOutlet]="topLearners"\r\n                                        [ngTemplateOutletContext]="{data: column?.data}"></ng-container>\r\n                                    <ng-container *ngSwitchCase="\'mainContent\'" [ngTemplateOutlet]="mainContent"\r\n                                        [ngTemplateOutletContext]="{data: column?.data}"></ng-container>\r\n                                </ng-container>\r\n                            </div>\r\n                        </ng-container>\r\n                    </section>\r\n                </ng-container>\r\n            </ng-container>\r\n        </ng-container>\r\n    </div>\r\n</div>\r\n\r\n\r\n<ng-template #topSection let-data="data">\r\n    \x3c!-- top section desktop layout --\x3e\r\n    <div class="hidden md:block">\r\n        <div class="web-banner-background">\r\n            <div class="flex sticky-logo-square">\r\n            </div>\r\n            <div class="flex  items-center justify-center">\r\n                <div class="container">\r\n                    <div class="grid grid-cols-12 gap-4 padding-top-xxxl mb-10">\r\n                        <div class="col-span-12 md:col-span-6">\r\n                            <div class="flex-1 flex flex-col mr-4 ws-mat-black-text">\r\n                                <div class="">\r\n                                    <div class="flex items-center logo-square ">\r\n                                        <img alt="Application Logo" class="logo-img" [src]="data?.logo">\r\n                                    </div>\r\n                                    <h1  class=" txt-ellipsis-2 break-words pt-10"\r\n                                        [style.color]="data.titleColor">{{data.title || channnelName}}</h1>\r\n                                    <p class="mat-body-1" [style.color]="data.descriptionColor">\r\n                                        {{data?.description | slice:0:descriptionMaxLength}}\r\n                                        <span *ngIf="data?.description?.length > descriptionMaxLength">...</span>\r\n                                    </p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class="col-span-12 md:col-span-6">\r\n                            <div class="slider slider-box" *ngIf="data.sliderData && data.sliderData.sliders">\r\n                                <sb-uic-sliders [widgetData]="data.sliderData.sliders" [styleData]="data.sliderData.styleData" ></sb-uic-sliders>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        \r\n    </div>\r\n    \x3c!-- top section m-site layout --\x3e\r\n    <div class="block md:hidden">\r\n        <div class="col-span-12">\r\n            <div class="slider slider-box" *ngIf="data.sliderData && data.sliderData.sliders">\r\n                <sb-uic-sliders [widgetData]="data.sliderData.sliders" [styleData]="data.sliderData.styleData" ></sb-uic-sliders>\r\n            </div>\r\n        </div>\r\n        <div class="container px-4 flex flex-col mob-container">\r\n            <div class="mr-4 logo-box-container">\r\n                <div class="flex logo-box-square top mr-4">\r\n                    <img alt="Application Logo" class="logo-img" [src]="data?.logo">\r\n                </div>\r\n            </div>\r\n            <div class="w-full md:w-9/12 flex-1 flex flex-col">\r\n                <h1 class=" txt-ellipsis-2 break-words">{{data?.title || channnelName}}</h1>\r\n                <p class="mat-body-2">\r\n                    {{data?.description | slice:0:descriptionMaxLength}}\r\n                    <span *ngIf="data?.description?.length > descriptionMaxLength">...</span>\r\n                </p>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class="flex items-center justify-center">\r\n        <div class="container metrics-section" >\r\n            <div class="hidden md:block">\r\n                <div class="metrics"\r\n                    [ngStyle]="{\'background\': data?.metrics?.background}">\r\n                    <sb-uic-data-points\r\n                        [providerId]="orgId"\r\n                        [fetchDataFromApi]="true"\r\n                        [objectData]="data?.metrics?.data"\r\n                        [layoutType]="\'singleFlexeRow\'"\r\n                        [pageLayout]="\'mdo\'">\r\n                    </sb-uic-data-points>\r\n                </div>\r\n            </div>\r\n            <div class="block md:hidden  pt-14 px-4">\r\n                <div class="mob-metrics mob-metrics-sec">\r\n                    <sb-uic-data-points\r\n                        [providerId]="orgId"\r\n                        [fetchDataFromApi]="true"\r\n                        [objectData]="data?.metrics?.data"\r\n                        [layoutType]="\'singleRow\'"\r\n                        [pageLayout]="\'mdo\'">\r\n                    </sb-uic-data-points>\r\n                </div>\r\n                \r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #mainContent let-data="data">\r\n    <div class="flex items-center justify-center" [ngStyle]="{\'background\': data.background}">\r\n        <div class="container">\r\n            <div class="block md:hidden col-span-12 padding-left-m padding-right-m padding-top-m padding-bottom-m">\r\n                <sb-uic-cbp-plan\r\n                    [layoutType]="\'web\'"\r\n                    [mobileHeight]="false"\r\n                    [fetchDataFromApi]="true"\r\n                    [channelId]="orgId"\r\n                    [objectData]="data?.cbpPlanSection?.data">\r\n                </sb-uic-cbp-plan>\r\n            </div>\r\n            <div class="block md:hidden col-span-12 mt-6">\r\n                <sb-uic-announcements\r\n                    [layoutType]="\'mobile\'"\r\n                    (openDialog)="triggerOpenDialog($event)"\r\n                    [objectData]="data?.announcementSection?.data"\r\n                    [fetchDataFromApi]="false"\r\n                    [channelId]="orgId">\r\n                </sb-uic-announcements>\r\n                <div class="announcements-container" *ngIf="showModal">\r\n                    <div class="cursor-pointer close-share-dialog">\r\n                        <mat-icon (click)="onClose()" class="close-icon">close</mat-icon>\r\n                    </div>\r\n                    <div class="share-modal px-3 pt-8">\r\n                        <sb-uic-announcements\r\n                            [layoutType]="\'web\'"\r\n                            (openDialog)="triggerOpenDialog($event)"\r\n                            [objectData]="data?.announcementSection?.data"\r\n                            [mobileHeight]="true"\r\n                            [fetchDataFromApi]="true"\r\n                            [channelId]="orgId">\r\n                        </sb-uic-announcements>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class="grid grid-cols-12 gap-4 padding-top-m mb-6">\r\n                <div class="col-span-12 md:col-span-{{data.tabSection.colspan}}">\r\n                    \x3c!-- Tabs Section --\x3e\r\n                    <mat-tab-group animationDuration="0ms" class="mat-tab-labels mytabs w-full "\r\n                        [selectedIndex]="selectedIndex" (selectedTabChange)="selectedIndex = $event.index; tabClicked($event)">\r\n                        <mat-tab label="Content" >\r\n                            <ng-template mat-tab-label i18n>\r\n                                Learn\r\n                            </ng-template>\r\n                            <ng-container *ngIf="data.tabSection.contentTab.length === contentTabEmptyResponseCount">\r\n                                <div class="flex justify-center w-full">\r\n                                    <div class="margin-xl text-center" >\r\n                                        <img src="/assets/common/error-pages/empty_search.svg" wsUtilsImageResponsive alt="No results"\r\n                                            class="margin-top-l margin-bottom-s">\r\n                                        <h2 class="mat-h2" i18n="search route no result">{{\'learnsearch.noResults\' | translate}}</h2>\r\n                                    </div>\r\n                                </div>\r\n                            </ng-container>\r\n                            <div class="padding-top-l ">\r\n                                <ng-container [ngTemplateOutlet]="columnSectionDisplay"\r\n                                    [ngTemplateOutletContext]="{data: data.tabSection.contentTab}"></ng-container>\r\n                            </div>\r\n                        </mat-tab>\r\n                        <mat-tab label="Core Areas">\r\n                            <ng-template mat-tab-label i18n>\r\n                                Competency\r\n                            </ng-template>\r\n                            <div>\r\n                                <ng-container [ngTemplateOutlet]="columnSectionDisplay"\r\n                                    [ngTemplateOutletContext]="{data: data.tabSection.coreAreasTab}"></ng-container>\r\n                            </div>\r\n                        </mat-tab>\r\n                    </mat-tab-group>\r\n                </div>\r\n                <div class="col-span-12 md:col-span-4">\r\n                    <div class="hidden md:block padding-top-xl padding-bottom-m"\r\n                        *ngIf="data?.cbpPlanSection?.data">\r\n                        <div class="pt-4">\r\n                            <sb-uic-cbp-plan\r\n                                [layoutType]="\'web\'"\r\n                                [mobileHeight]="false"\r\n                                [fetchDataFromApi]="true"\r\n                                [channelId]="orgId"\r\n                                [objectData]="data?.cbpPlanSection?.data">\r\n                            </sb-uic-cbp-plan>\r\n                        </div>                    \r\n                    </div>\r\n                    <div class="hidden md:block" \r\n                    *ngIf="data?.announcementSection?.data">\r\n                    <div class="pt-4">\r\n                        <sb-uic-announcements\r\n                            [layoutType]="\'web\'"\r\n                            [mobileHeight]="false"\r\n                            [fetchDataFromApi]="true"\r\n                            [channelId]="orgId"\r\n                            [objectData]="data?.announcementSection?.data">\r\n                        </sb-uic-announcements>\r\n                    </div>                    \r\n                </div>\r\n                </div>               \r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n\x3c!-- \r\n<ng-template #announcement let-data="data">\r\n    <div class="flex  items-center justify-center" [ngStyle]="{\'background\': data.background}">\r\n        <div class="w-full">\r\n            Announcement Section --\x3e\r\n            \x3c!-- <h1>Announcement</h1>\r\n        </div>\r\n    </div>\r\n</ng-template> --\x3e\r\n\r\n\r\n<ng-template #columnSectionDisplay  let-data="data">\r\n    <ng-container *ngIf="data?.length">\r\n        <ng-container *ngFor="let section of data">\r\n            <ng-container *ngIf="section?.enabled">\r\n                <section id="{{section?.key}}" class="w-full grid grid-cols-12 gap-4" [ngClass]="{\'container\': section.wrapperClass}">\r\n                    <ng-container *ngFor="let column of section.column">\r\n                        <div id="{{column?.key}}" class="col-span-{{column.colspan || 12}} ">\r\n                            <ng-container *ngIf="column?.enabled" [ngSwitch]="column?.key">\r\n                                <ng-container *ngSwitchCase="\'competency\'" [ngTemplateOutlet]="competency"\r\n                                [ngTemplateOutletContext]="{competency: column}"></ng-container>\r\n                                <ng-container *ngSwitchCase="\'contentRecommendedProgramStrip\'" [ngTemplateOutlet]="contentStrip"\r\n                                [ngTemplateOutletContext]="{contentStrip: column?.data}"></ng-container>\r\n                                <ng-container *ngSwitchCase="\'contentRecommendedCoursesStrip\'" [ngTemplateOutlet]="contentStrip"\r\n                                [ngTemplateOutletContext]="{contentStrip: column?.data}"></ng-container>\r\n                                <ng-container *ngSwitchCase="\'contentFeaturedStrip\'" [ngTemplateOutlet]="contentStrip"\r\n                                [ngTemplateOutletContext]="{contentStrip: column?.data}"></ng-container>\r\n                                <ng-container *ngSwitchCase="\'contentcertificationsOfWeekStrip\'" [ngTemplateOutlet]="contentStrip"\r\n                                [ngTemplateOutletContext]="{contentStrip: column?.data}"></ng-container>\r\n                            </ng-container>\r\n                        </div>\r\n                    </ng-container>\r\n                </section>\r\n            </ng-container>\r\n        </ng-container>\r\n    </ng-container>\r\n</ng-template>\r\n\r\n\r\n\x3c!-- Start Competencies --\x3e\r\n<ng-template #competency let-competency="competency">\r\n    <div class="padding-top-l padding-bottom-l relative"  [style.background]="competency?.background" *ngIf="!hideCompetencyBlock;else noData">\r\n        <div class="w-full container-balanced">\r\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>\r\n            <div class="pl-4 pr-4 md:pl-0 md:pr-0">\r\n                <sb-uic-competency-passbook-mdo\r\n                    [dynamicColor]="\'#999999\'"\r\n                    [dynamicAlignPills]="\'start\'"\r\n                    [cardDisplayCount]="2"\r\n                    (emptyResponse)="hideCompetency($event)"\r\n                    (temeletryResponse)="raiseCompetencyTelemetry($event)"\r\n                    [objectData]="competency"\r\n                    [providerId]="orgId"\r\n                    >\r\n                </sb-uic-competency-passbook-mdo>\r\n            </div>\r\n        </div>\r\n        \x3c!-- <img class="absolute comp-back-img" src="assets/icons/microsite/competency.svg" alt=""> --\x3e\r\n    </div>\r\n</ng-template>\r\n\x3c!-- End Competencies --\x3e\r\n\r\n<ng-template #contentStrip let-contentStrip="contentStrip">\r\n    <ng-container *ngIf="!contentStrip?.hideSection">\r\n        <div class="flex mb-8">\r\n            <div class="w-full">\r\n                <sb-uic-content-strip-with-tabs\r\n                    [emitViewAll]="true"\r\n                    (viewAllResponse)="showAllContent($event, contentStrip)"\r\n                    (telemtryResponse)="raiseTelemetryInteratEvent($event)"\r\n                    (emptyResponse)="hideContentStrip($event, contentStrip)"\r\n                    [providerId]="orgId"\r\n                    [widgetData]="contentStrip"\r\n                    [channnelName]="channnelName"\r\n                    >\r\n                </sb-uic-content-strip-with-tabs>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #noData>\r\n        <div class="flex justify-center w-full">\r\n            <div class="margin-xl text-center" >\r\n                <img src="/assets/common/error-pages/empty_search.svg" wsUtilsImageResponsive alt="No results"\r\n                    class="margin-top-l margin-bottom-s">\r\n                <h2 class="mat-h2" i18n="search route no result">{{\'learnsearch.noResults\' | translate}}</h2>\r\n            </div>\r\n        </div>\r\n</ng-template>\r\n\r\n<ng-template #topLearners let-data="data">\r\n    <div class="flex items-center justify-center">\r\n        <div class="container top-learners margin-bottom-l margin-top-l">\r\n            <sb-uic-top-learners\r\n                [objectData]="data"\r\n                [channnelName]="channnelName"\r\n                [channelId]="orgId">\r\n            </sb-uic-top-learners>\r\n        </div>\r\n    </div>\r\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(https://portal.karmayogiqa.nic.in/content-store/orgStore/0135071359030722569/1720698778795_MDO-channel-banner.png);background-size:cover;min-height:464px}.mob-container{background-image:url(https://portal.karmayogiqa.nic.in/content-store/orgStore/0135071359030722569/1720693634596_MDOChannel_RightGraphic%202.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}.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}}@media screen and (min-width:769px){.sticky-logo-square{width:8%}}@media screen and (min-width:1280px){.sticky-logo-square{width:10%}}@media screen and (min-width:1520px){.sticky-logo-square{width:15%}}@media screen and (min-width:1904px){.sticky-logo-square{width:20%}}::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}]},t}();var ɵ0$7=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$7,deps:[http.HttpClient]}})],exports:[MdoChannelV1Component,MdoChannelV2Component],providers:[CommonMethodsService],schemas:[core.CUSTOM_ELEMENTS_SCHEMA]}]}],t}(),ProvidersV2Component=function(){function t(t,e,n,r){this.route=t,this.router=e,this.datePipe=n,this.events=r,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.hideSection=!0)},t.prototype.hideLearnerReview=function(t,e){t&&(e.hideSection=!0)},t.prototype.showAllContent=function(t,e){if(e&&e.strips&&e.strips.length){var n=e.strips[0];n&&n.request&&(delete n.loaderWidgets,this.router.navigate(["/app/learn/browse-by/provider/"+this.providerName+"/"+this.providerId+"/all-content"],{queryParams:{stripData:JSON.stringify(n),pageDetails:!0}}))}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 }">\r\n</ws-widget-btn-page-back>\r\n<div class="container-fluid" id="section-micro-sites">\r\n    <div class="flex flex-col flex-1">\r\n        <ng-container *ngIf="sectionList?.length">\r\n            <ng-container *ngFor="let section of sectionList">\r\n                <ng-container *ngIf="section?.enabled">\r\n                    <section id="{{section?.key}}" class="w-full grid grid-cols-12 gap-4">\r\n                        <ng-container *ngFor="let column of section.column">\r\n                            <div id="{{column?.key}}" class="col-span-{{column.colspan || 12}} ">\r\n                                <ng-container *ngIf="column?.enabled" [ngSwitch]="column?.key">\r\n                                    <ng-container *ngSwitchCase="\'topSection\'" [ngTemplateOutlet]="topSection"\r\n                                        [ngTemplateOutletContext]="{data: column?.data}"></ng-container>\r\n                                    <ng-container *ngSwitchCase="\'trainingCalendar\'" [ngTemplateOutlet]="trainingCalendar"\r\n                                        [ngTemplateOutletContext]="{trainingCalendar: column.data}"></ng-container>\r\n                                    <ng-container *ngSwitchCase="\'contributors\'" [ngTemplateOutlet]="contributors"\r\n                                        [ngTemplateOutletContext]="{data: column?.data}"></ng-container>\r\n                                    <ng-container *ngSwitchCase="\'infra\'" [ngTemplateOutlet]="infra"\r\n                                        [ngTemplateOutletContext]="{infra: column?.data}"></ng-container>\r\n                                    <ng-container *ngSwitchCase="\'contentFeaturedStrip\'" [ngTemplateOutlet]="contentStrip"\r\n                                        [ngTemplateOutletContext]="{contentStrip: column?.data}"></ng-container>\r\n                                    <ng-container *ngSwitchCase="\'contentTopStrip\'" [ngTemplateOutlet]="contentStrip"\r\n                                        [ngTemplateOutletContext]="{contentStrip: column?.data}"></ng-container> \r\n                                    <ng-container *ngSwitchCase="\'competency\'" [ngTemplateOutlet]="competency"\r\n                                        [ngTemplateOutletContext]="{competency: column}"></ng-container>   \r\n                                        <ng-container *ngSwitchCase="\'learnerReview\'" [ngTemplateOutlet]="learnerReviewBlock"\r\n                                            [ngTemplateOutletContext]="{data: column?.data}"></ng-container>                         \r\n                                </ng-container>\r\n                            </div>\r\n                        </ng-container>\r\n                    </section>\r\n                </ng-container>\r\n            </ng-container>\r\n        </ng-container>\r\n    </div>\r\n</div>\r\n<div class="container-fluid" *ngIf="navList?.length">\r\n    <div class="flex sticky-navigator gap-4">\r\n        <mat-icon class="nav-up-arrow cursor-pointer" (click)="scrollToSection(\'section-micro-sites\')">arrow_upwards</mat-icon>\r\n        <ng-container *ngFor="let section of navList">\r\n            <ng-container *ngIf="section.navigation">\r\n                <div class="nav-button" (click)="scrollToSection(section?.key); raiseNavTelemetry(section?.title)">{{section?.title}}</div>\r\n            </ng-container>\r\n        </ng-container>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #topSection let-data="data">\r\n    \x3c!-- <div class="w-full grid grid-cols-12 gap-4"> --\x3e\r\n        <div class="col-span-12 ">\r\n            <div class="grid grid-cols-12">\r\n                <div class="hidden md:block p-5 custombgsection">\r\n                    <sb-uic-data-points  [providerId]="providerId" [fetchDataFromApi]="true" [objectData]="data?.metrics?.data" [layoutType]="\'multipleRows-V2\'"></sb-uic-data-points>\r\n                </div>\r\n                <div class="col-span-3"></div>\r\n                <div class="col-span-12 md:col-span-9">\r\n                    <div class="slider h-full" *ngIf="data?.sliderData?.sliders">\r\n                        <sb-uic-sliders [title]="providerName" [widgetData]="data?.sliderData?.sliders" [styleData]="data?.sliderData?.styleData" [type]="\'atictitop\'"></sb-uic-sliders>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class="col-span-12 title-section px-5 md:py-5 mob-container">\r\n            <div class="container flex flex-col md:flex-row">\r\n                <div class="mr-4 logo-box-container">\r\n                    <div class="flex logo-box-rounded top mr-4">\r\n                        <img alt="Application Logo" class="logo-img" [src]="data?.logo">\r\n                    </div>\r\n                </div>\r\n                <div class="w-full md:w-9/12 flex-1 flex flex-col">\r\n                    <h1 class=" txt-ellipsis-2 break-words">{{data?.title || providerName}}</h1>\r\n                    <p>{{data?.description | slice:0:descriptionMaxLength}}\r\n                        <span *ngIf="data?.description?.length > descriptionMaxLength">...</span>\r\n                    </p>\r\n                    <div class="block md:hidden overflow-y-auto mb-3">\r\n                        <sb-uic-data-points [providerId]="providerId" [fetchDataFromApi]="true"  [objectData]="data?.metrics?.data" [layoutType]="\'singleRow-v2\'"></sb-uic-data-points>\r\n                    </div>\r\n                    <button\r\n                        (click)="raiseTelemetry(data?.contentButton?.title)"\r\n                        [routerLink]="[data?.contentButton?.redirectUrl, providerName, providerId, \'all-CBP\']"\r\n                        [queryParams]="{pageDetails: true}" mat-button type="button"\r\n                        class="view-btn margin-left-xs margin-right-xs small-button blue-border flex-auto-display">\r\n                        <span class="mat-heading-1 bold ws-mat-default-text" i18n>\r\n                            {{data?.contentButton?.title}}\r\n                        </span>\r\n                    </button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    \x3c!-- </div> --\x3e\r\n</ng-template>\r\n\r\n<ng-template #contentStrip let-contentStrip="contentStrip">\r\n    <ng-container *ngIf="!contentStrip?.hideSection">\r\n        <div class="flex justify-center relative mt-8 mb-8">\r\n            <img class="absolute {{contentStrip?.sectionImagePosition}}" src="{{contentStrip?.sectionImage}}" alt="">\r\n            <div class="container ">\r\n                <div class="w-full">\r\n                    <sb-uic-content-strip-with-tabs\r\n                        [emitViewAll]="true"\r\n                        (viewAllResponse)="showAllContent($event,contentStrip)"\r\n                        (emptyResponse)="hideContentStrip($event, contentStrip)"\r\n                        (telemtryResponse)="raiseTelemetryInteratEvent($event)"\r\n                        [providerId]="providerId"\r\n                        [widgetData]="contentStrip">\r\n                    </sb-uic-content-strip-with-tabs>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #contributors  let-data="data">\r\n    <div class="contributors-background px-5 py-5" [style.background]="data?.background">\r\n        <div class="container">\r\n            <div class="grid grid-cols-12 gap-4 padding-top-l mb-6">\r\n                <div class="col-span-12 md:col-span-3 contributor-desc">\r\n                    <div class="infra-box flex flex-col">\r\n                        <div class="infra-title-v2 hidden md:block">\r\n                            {{data.detaulTitle}}<span class="infra-title2-v2">{{data.defaultTitle1}}</span>\r\n                        </div>\r\n                        <div class="infra-title-v2 hidden md:block">\r\n                            {{data.myTitle}}<span class="infra-title2-v2">{{data.myTitle1}}</span>\r\n                        </div>\r\n                        <div class="block md:hidden">\r\n                            <span class="infra-title-v2">{{data.detaulTitle}}</span>\r\n                            <span class="infra-title2-v2">{{data.defaultTitle1}}</span>\r\n                            <span class="infra-title-v2"> {{data.myTitle}}</span>\r\n                            <span class="infra-title2-v2">{{data.myTitle1}}</span>\r\n                        </div>\r\n                        <div class="infra-description padding-top-s">\r\n                            {{data.description}}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class="col-span-12 md:col-span-9">\r\n                    <sb-uic-common-strip [widgetData]="data"></sb-uic-common-strip>\r\n                </div>\r\n            </div>\r\n            <div class="w-full section-divider pt-6">\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #infra let-infra="infra">\r\n    <div class="infra-background px-5" [style.background]="infra?.background">\r\n        <div class="container">\r\n            <div class="grid grid-cols-12 gap-4 infra-sec margin-bottom-xl">\r\n                <div class="col-span-12 md:col-span-4 infra-sec-desc margin-bottom-xl">\r\n                    <div class="infra-box flex flex-col">\r\n                        <div class="infra-title2 hidden md:block">\r\n                            {{infra?.detaulTitle}}\r\n                        </div>\r\n                        <div class="block md:hidden">\r\n                            <span class="infra-title2">{{infra?.detaulTitle}}</span>\r\n                        </div>\r\n                        <div class="infra-description padding-top-s">\r\n                            {{infra?.description}}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class="col-span-12 md:col-span-8 margin-bottom-xl">\r\n                    <sb-uic-data-points [objectData]="infra" [layoutType]="\'gridLayout\'"></sb-uic-data-points>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class="infra-background slider-background" [style.background]="infra?.background">\r\n    </div>\r\n    <div class="slider-background1 mb-8">\r\n        <div class="container-balanced w-full slider-background-2">\r\n            <div class="info-slider">\r\n                <sb-uic-sliders class="infobanner" [widgetData]="infra?.sliderData?.sliders" [styleData]="infra?.sliderData?.styleData"></sb-uic-sliders>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n\r\n\x3c!-- Start Competencies --\x3e\r\n<ng-template #competency let-competency="competency">\r\n    <div class="padding-top-l padding-bottom-l relative"  [style.background]="competency?.background" *ngIf="!hideCompetencyBlock">\r\n        <div class="w-full container-balanced">\r\n            <div class="pl-4 pr-4 md:pl-0 md:pr-0">\r\n                <sb-uic-competency-passbook\r\n                    (emptyResponse)="hideCompetency($event, competency)"\r\n                    (temeletryResponse)="raiseCompetencyTelemetry($event)"\r\n                    [objectData]="competency"\r\n                    [providerId]="providerId">\r\n                </sb-uic-competency-passbook>\r\n            </div>\r\n        </div>\r\n        <img class="absolute comp-back-img" src="assets/icons/microsite/competency.svg" alt="">\r\n    </div>\r\n</ng-template>\r\n\x3c!-- End Competencies --\x3e\r\n\r\n<ng-template #trainingCalendar let-trainingCalendar="trainingCalendar">\r\n    <div class="hidden md:block">\r\n        <div class="col-span-12 px-8 py-8" [style.background]="trainingCalendar?.background">\r\n            <div class="container-balanced flex flex-col">\r\n                <div class="col-span-12 mat-subheading-1 margin-remove">{{trainingCalendar?.title}}:  {{currentMonthAndYear}}</div>\r\n                <sb-uic-calender\r\n                    [objectData]="trainingCalendar"\r\n                    [fetchDataFromApi]="true"\r\n                    [layoutType]="\'grid\'"\r\n                    [defaultDays]="trainingCalendar?.defaultDays"\r\n                    [providerId]="providerId">\r\n                </sb-uic-calender>\r\n            </div>\r\n            <div class="flex item-center justify-center">\r\n                <button mat-button type="button"\r\n                    (click)="raiseTelemetry(trainingCalendar?.contentButton?.title)"\r\n                    [routerLink]="[trainingCalendar?.contentButton?.redirectUrl, providerName, providerId, \'training-calendar\']"\r\n                    class="view-btn margin-left-xs margin-right-xs small-button blue-border flex-auto-display">\r\n                    <span class="mat-heading-1 bold ws-mat-default-text" i18n>\r\n                        {{trainingCalendar?.contentButton?.title}}\r\n                    </span>\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class="block md:hidden">\r\n        <div class="col-span-12 px-5 py-3 mob-header">{{trainingCalendar?.title}}:  {{currentMonthAndYear}}</div>\r\n        <div class="col-span-12">\r\n            <sb-uic-calender\r\n                [objectData]="trainingCalendar"\r\n                [fetchDataFromApi]="true"\r\n                [layoutType]="\'row\'"\r\n                [defaultDays]="trainingCalendar?.defaultDays"\r\n                [providerId]="providerId">\r\n            </sb-uic-calender>\r\n        </div>\r\n        <div class="col-span-12 flex item-center justify-center">\r\n            <button mat-button type="button"\r\n                (click)="raiseTelemetry(trainingCalendar?.contentButton?.title)"\r\n                [routerLink]="[trainingCalendar?.contentButton?.redirectUrl, providerName, providerId, \'training-calendar\']"\r\n                class="view-btn margin-left-xs margin-right-xs small-button blue-border flex-auto-display">\r\n                <span class="mat-heading-1 bold ws-mat-default-text" i18n>\r\n                    {{trainingCalendar?.contentButton?.title}}\r\n                </span>\r\n            </button>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n<ng-template #learnerReviewBlock  let-data="data">\r\n    <div class="contributors-background px-5 py-5" [style.background]="data?.background" *ngIf="!data?.hideSection">\r\n        <div class="container">\r\n            <div class="grid grid-cols-12 gap-4 padding-top-l mb-6">\r\n                <div class="col-span-12 md:col-span-4 contributor-desc">\r\n                    <div class="infra-box-review flex flex-col">\r\n                        <div class="learner-title hidden md:block">\r\n                            {{data?.detaulTitle}}\r\n                        </div>\r\n                        <div class="infra-title2 hidden md:block">\r\n                            {{data?.myTitle}}\r\n                        </div>\r\n                        <div class="block md:hidden">\r\n                            <span class="learner-title">{{data?.detaulTitle}}</span> <span class="infra-title2"> {{data?.myTitle}}</span>\r\n                        </div>  \r\n                    </div> \r\n                </div>\r\n                <div class="col-span-12 md:col-span-8">\r\n                    <sb-uic-user-content-rating (emptyResponse)="hideLearnerReview($event, data)"  [formData]="data" [providerId]="providerId"></sb-uic-user-content-rating>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\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}.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:768px){.infra-sec{padding:0}.infra-box,.infra-box-review{width:99%;height:auto}.infra-sec-desc{padding-top:0}.mob-container{background-image:url(https://portal.karmayogiqa.nic.in/content-store/orgStore/0135071359030722569/1720693634596_MDOChannel_RightGraphic%202.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}::ng-deep.featuredContents .mat-tab-header{padding-left:20px}::ng-deep.topContents .mat-tab-header{padding-left:20px}}.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%;filter:brightness(100)}.mob-header{font-family:Lato;font-size:16px;font-weight:600}.custombgsection{background:url(https://portal.karmayogiqa.nic.in/content-store/orgStore/0135071359030722569/1721377495600_test%2011.svg) 0 0/cover no-repeat;width:40%;position:absolute;z-index:99;left:0;height:21.3em}@media screen and (min-width:769px){.custombgsection{width:30%}}@media screen and (min-width:1014px){.info-slider{width:1014px!important}}@media screen and (min-width:1280px){.custombgsection{width:38%}.infobanner.banner-container{width:1014px!important}}"]}]}],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$8=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$8,deps:[http.HttpClient]}})],exports:[ProvidersV2Component],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.ContentStripWithTabsLibModule=ContentStripWithTabsLibModule,exports.ContentStripWithTabsPillsModule=ContentStripWithTabsPillsModule,exports.DataPointsModule=DataPointsModule,exports.HttpLoaderFactory=HttpLoaderFactory,exports.HttpLoaderFactory1=HttpLoaderFactory1,exports.MDOChannelModule=MDOChannelModule,exports.MyHammerConfig=MyHammerConfig,exports.ProvidersModule=ProvidersModule,exports.ROOT_WIDGET_CONFIG=ROOT_WIDGET_CONFIG,exports.SlidersLibModule=SlidersLibModule,exports.TopLearnersModule=TopLearnersModule,exports.UserContentRatingLibModule=UserContentRatingLibModule,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=DialogComponentsModule,exports.ɵcc=CertificateDialogComponent,exports.ɵcd=AvatarPhotoLibModule,exports.ɵce=AvatarPhotoLibComponent,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.ɵ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})}));
 //# sourceMappingURL=sunbird-cb-consumption.umd.min.js.map