npm - @sunbird-cb/toc - Versions diffs - 0.0.34 → 0.0.35 - Mend

@sunbird-cb/toc 0.0.34 → 0.0.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (350) hide show

package/esm2022/lib/_collection/_common/content-toc/app-toc-about/app-toc-about.component.mjs CHANGED Viewed

@@ -887,7 +887,7 @@ export class AppTocAboutComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AppTocAboutComponent, deps: [{ token: i1.RatingService }, { token: i2.LoggerService }, { token: i3.MatLegacyDialog }, { token: i4.MatLegacySnackBar }, { token: i5.LoadCheckService }, { token: i6.TimerService }, { token: i7.AppTocService }, { token: i2.ConfigurationsService }, { token: i8.DiscussUtilsService }, { token: i9.Router }, { token: i10.ReviewComponentDataService }, { token: i11.HandleClaimService }, { token: i12.ResetRatingsService }, { token: i2.WidgetContentService }, { token: i9.ActivatedRoute }, { token: 'environment' }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AppTocAboutComponent, selector: "ws-widget-app-toc-about", inputs: { condition: "condition", kparray: "kparray", content: "content", contentReadData: "contentReadData", baseContentReadData: "baseContentReadData", skeletonLoader: "skeletonLoader", sticky: "sticky", tocStructure: "tocStructure", pathSet: "pathSet", config: "config", resumeData: "resumeData", forPreview: "forPreview", showReviews: "showReviews", batchData: "batchData", fromViewer: "fromViewer", selectedBatchData: "selectedBatchData", selectedTabValue: "selectedTabValue", fromMarketPlace: "fromMarketPlace", showMarketPlaceCertificate: "showMarketPlaceCertificate", languageList: "languageList", lockCertificate: "lockCertificate", fromMDO: "fromMDO" }, outputs: { trigerCompletionSurveyForm: "trigerCompletionSurveyForm" }, viewQueries: [{ propertyName: "summaryElem", first: true, predicate: ["summaryElem"], descendants: true }, { propertyName: "objectivesElem", first: true, predicate: ["objectivesElem"], descendants: true }, { propertyName: "descElem", first: true, predicate: ["descElem"], descendants: true }, { propertyName: "tagsElem", first: true, predicate: ["tagsElem"], descendants: true }, { propertyName: "searchTagElem", first: true, predicate: ["searchTagElem"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "\n<ng-template #certificateCard>\n    <ng-container *ngIf=\"!disableCertificate\">\n        <ng-container *ngIf=\"!lockCertificate; else certificateLock\">\n            <div class=\"certificate-outer-div\">\n                <div class=\"certificate-card\">\n                    <div class=\"flex flex-col certificate-info p-4 gap-3\">\n                        <div class=\"flex flex-row\">\n                            <div class=\"flex-1\">\n                                <ng-container *ngIf=\"skeletonLoader\">\n                                    <ws-widget-skeleton-loader [bindingClass]=\"'flex rounded'\" [width]=\"'200px'\"\n                                        [height]=\"'24px'\"></ws-widget-skeleton-loader>\n                                </ng-container>\n                                <ng-container *ngIf=\"!skeletonLoader\">\n                                    <div class=\"text-sm font-semibold cursor-pointer truncate-3\">{{ content?.name }}\n                                    </div>\n                                    <!-- <div class=\"text-xs font-light\" *ngIf=\"content?.completedOn\">{{ 'apptocsinglepage.completedCourse' | translate }} {{ content?.completedOn ?\n                                        (content?.completedOn | date: 'd MMM, y') : 'NA' }}</div> -->\n                                    <div class=\"text-xs font-light\" *ngIf=\"content?.completedOn\">\n                                        <div *ngIf=\"content?.courseCategory;else primaryCategoryCheck\">\n                                            {{ 'apptocsinglepage.completedOn' | translate }} {{content?.courseCategory}} {{\n                                                'apptocsinglepage.on' | translate \n                                            }} {{\n                                            content?.completedOn\n                                            ?\n                                            (content?.completedOn | date: 'd MMM, y') : 'NA' }}\n\n                                        </div>\n                                        <ng-template #primaryCategoryCheck>\n                                        <div *ngIf=\"content?.primaryCategory === 'Standalone Assessment'\">\n                                            {{ 'apptocsinglepage.completedAssessment' | translate }} {{\n                                            content?.completedOn\n                                            ?\n                                            (content?.completedOn | date: 'd MMM, y') : 'NA' }}</div>\n\n                                        <div *ngIf=\"content?.primaryCategory === 'Program'\">\n                                            {{ 'apptocsinglepage.completedProgram' | translate }} {{\n                                            content?.completedOn ?\n                                            (content?.completedOn | date: 'd MMM, y') : 'NA' }}</div>\n\n                                        <div *ngIf=\"content?.primaryCategory === 'Course'\">\n                                            {{ 'apptocsinglepage.completedCourse' | translate }} {{ content?.completedOn\n                                            ?\n                                            (content?.completedOn | date: 'd MMM, y') : 'NA' }}</div>\n                                        </ng-template>\n                                    </div>\n\n                                </ng-container>\n                            </div>\n                            <div class=\"flex justify-center download-section\">\n                                <ng-container *ngIf=\"skeletonLoader\">\n                                    <ws-widget-skeleton-loader [bindingClass]=\"'flex rounded'\" [width]=\"'24px'\"\n                                        [height]=\"'24px'\"></ws-widget-skeleton-loader>\n                                </ng-container>\n                                <ng-container>\n                                    <mat-icon class=\"icon cursor-pointer \" *ngIf=\"!downloadCertificateBool\"\n                                        (click)=\"handleOpenCertificateDialog()\">arrow_downward</mat-icon>\n                                    <mat-spinner *ngIf=\"downloadCertificateBool\" strokeWidth=\"2\"\n                                        [diameter]=\"20\"></mat-spinner>\n                                </ng-container>\n                            </div>\n                        </div>\n                        <div class=\"flex-1\">\n                            <ng-container *ngIf=\"skeletonLoader\">\n                                <ws-widget-skeleton-loader [bindingClass]=\"'flex rounded'\" [width]=\"'280px'\"\n                                    [height]=\"'148px'\"></ws-widget-skeleton-loader>\n                            </ng-container>\n                            <ng-container *ngIf=\"!skeletonLoader\">\n                                <div class=\"certificate_box\" *ngIf=\"!content?.certificateObj?.certId\">\n                                    <img *ngIf=\"!fromMarketPlace\" src=\"/assets/icons/toc/no-certificate.svg\"\n                                        alt=\"No certificate image\" />\n                                    <img *ngIf=\"fromMarketPlace\" src=\"/assets/icons/toc/no-certificate-market-place.svg\"\n                                        alt=\"No certificate image\" />\n                                    <div class=\"flex items-center certificate_overlay\">\n                                        <div class=\"flex flex-col text-center gap-1 p-4 text-white mt-4\">\n                                            <div>{{'apptochome.certificationTakesTime' | translate }}</div>\n                                            <!-- <div>{{'apptochome.issuePersistsMailus' | translate }} mission.karmayogi@gov.in -->\n                                            <div>{{'apptochome.issuePersistsMailus' | translate }} <a\n                                                    href=\"mailto:mission.karmayogi@gov.in\" class=\"emailDefault\">\n                                                    mission.karmayogi@gov.in</a>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <ng-container *ngIf=\"content?.certificateObj?.certId\">\n                                    <div class=\"img-container\">\n                                        <img class=\"celebration-animation\"\n                                            src=\"assets/images/animation/leaderboard_animation.gif\" />\n                                        <img *ngIf=\"!fromMarketPlace\" class=\"ceritificate-image\"\n                                            [src]=\"'/assets/icons/toc/no-certificate.svg'\" alt=\"certificate image\" />\n                                        <img *ngIf=\"fromMarketPlace\" class=\"ceritificate-image\"\n                                            [src]=\"'/assets/icons/toc/no-certificate-market-place.svg'\"\n                                            alt=\"certificate image\" />\n\n                                        <div\n                                            [ngClass]=\"{'view-certificate': downloadCertificateBool, 'view-cert': !downloadCertificateBool}\">\n                                            <button type=\"button\" (click)=\"handleOpenCertificateDialog()\">\n                                                <span *ngIf=\"!downloadCertificateBool\">{{\n                                                    'apptoccontentcard.viewCertificate' | translate }}</span>\n                                                <div *ngIf=\"downloadCertificateBool\" class=\"uploader-status\">\n                                                    <mat-spinner></mat-spinner>\n                                                </div>\n                                            </button>\n                                        </div>\n                                    </div>\n                                </ng-container>\n                                <!-- <ng-container *ngIf=\"content?.certificateObj?.certData\">\n                                    <img class=\"celebration-animation\" src=\"assets/images/animation/leaderboard_animation.gif\"/>\n                                    <img class=\"ceritificate-image\"\n                                        [src]=\"content?.certificateObj?.certData | pipeSafeSanitizer: 'url'\"\n                                        alt=\"certificate image\" />\n                                </ng-container> -->\n                            </ng-container>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"flex flex-wrap gap-3 chips-card\">\n                    <ng-container *ngFor=\"let subTheme of contentReadData?.subTheme; let j = index\">\n                        <div class=\"chip rounded-full p-2 text-xs\"\n                            [ngClass]=\"{'hidden': (j > 1 && !content?.viewMore), 'chip-ellipsis': !content?.viewMore && content?.subTheme?.length > 1 }\"\n                            [title]=\"subTheme\">{{ subTheme }}</div>\n                    </ng-container>\n                    <div class=\"flex items-center text-primary underline cursor-pointer text-xs\"\n                        *ngIf=\"content?.subTheme?.length > 2 && !content?.viewMore\"\n                        (click)=\"content.viewMore = !content.viewMore\">\n                        {{'competencyCardDetails.viewMore' | translate}}\n                    </div>\n                    <div class=\"flex items-center text-primary underline cursor-pointer text-xs\"\n                        *ngIf=\"content?.viewMore\" (click)=\"content.viewMore = !content.viewMore\">\n                        {{'competencyCardDetails.viewLess' | translate}}\n                    </div>\n                </div>\n            </div>\n        </ng-container>\n        <ng-template #certificateLock>\n            <div class=\"certificate-outer-div locked-certificate-outer-div\">\n                <div class=\"certificate-lock p-4 flex flex-col gap-4\">\n                    <div class=\"flex justify-center items-center certificate-lock-text\">\n                        {{ 'apptoc.certificateLocked' | translate }}\n                    </div>\n                    <div class=\"flex justify-center items-center flex-col p-4 gap-2 locking-screen\">\n                        <img src=\"/assets/icons/lock_wht.svg\" alt=\"lock image\" />\n                        <div class=\"certificateLockedText pb-2\">{{'apptoc.certificateLockedMessage' | translate }}</div>\n                        <div class=\"locking-screen-description\">\n                            {{'apptoc.unlockCertificate' | translate}} <span\n                                class=\"surveyFormeText\">{{'apptoc.surveyForm' | translate}}</span> {{\n                            'apptoc.unlockCertificate2' | translate : { courseCategory: content?.courseCategory ?\n                            content?.courseCategory : content?.primaryCategory } }}\n                        </div>\n\n                        <button mat-button class=\"surveyFormeButton px-7\"\n                            (click)=\"openSurveyFormPopup()\">{{'apptoc.completeSurveyNow' | translate}}</button>\n                    </div>\n                </div>\n            </div>\n        </ng-template>\n    </ng-container>\n</ng-template>\n\n<ng-template #competencyLabel>\n    <div class=\"pt-mweb-4 mat-subheading-1 flex items-center gap-2\">\n        {{ 'apptocsinglepage.competencies' | translate }}\n        <mat-icon\n            class=\"cursor-pointer ws-mat-black60-text info-icon mat-icon notranslate material-icons mat-icon-no-color\"\n            [matTooltipPosition]=\"'below'\" #tooltip=\"matTooltip\" (click)=\"tooltip.toggle()\"\n            matTooltip=\"{{ 'apptocsinglepage.competenciesTooltip' | translate }}\">info_outline</mat-icon>\n    </div>\n</ng-template>\n<div class=\"flex flex-col mt-4\" [ngClass]=\"isMobile ? 'mx-4' : ''\"\n    *ngIf=\"contentReadData?.retirementDate && contentReadData?.lastEnrollmentDate\">\n    <ng-container *ngIf=\"!skeletonLoader\">\n        <div class=\"flex items-center content-retire-container\">\n            <mat-icon class=\"material-icons retire-info-icon\">warning</mat-icon>\n            <div class=\"body-1\">This course is scheduled for retirement. The last date to enroll is\n                {{contentReadData?.lastEnrollmentDate | date: 'MMMM d, y'}}, and\n                the course will be retired on {{contentReadData?.retirementDate | date: 'MMMM d, y'}}.\n            </div>\n        </div>\n    </ng-container>\n</div>\n<div class=\"flex flex-col mt-4 mx-4 block\" *ngIf=\"isMobile && contentReadData?.contentVersionInfo?.identifier\">\n    <div class=\"flex flex-col gap-1  cursor-pointer switch-version\" (click)=\"navigateToNewVersion()\"\n        (keydown)=\"navigateToNewVersion()\">\n        <span class=\"btn-switch\">{{ 'apptoc.switchToNewVersion' | translate }}</span>\n    </div>\n</div>\n\n\n<div class=\"flex flex-col my-4 px-4\" [class.mt60]=\"sticky\" [ngClass]=\"isMobile ? '' : 'gap-10'\">\n    <ng-container\n        *ngIf=\"(content?.completionStatus === 2 || content?.certificateObj?.certId) && !fromMarketPlace && !disableCertificate\">\n        <div class=\"certificate-container\" *ngIf=\"!skeletonLoader\">\n            <div class=\"flex flex-row earned-certificate-container\">\n                <div class=\"ribbon\"></div>\n                <div class=\"certificate-background\">\n                    <div class=\"p-4\">\n                        <div class=\"earned-certificate\">{{ 'apptocsinglepage.certificateEarned' | translate }}</div>\n                    </div>\n                    <div class=\"flex flex-col items-end\">\n                        <ng-container [ngTemplateOutlet]=\"certificateCard\"></ng-container>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <div class=\"mobile-certificate-container\" *ngIf=\"!skeletonLoader\">\n            <div class=\"earned-certificate-container\">\n                <div class=\"flex flex-row\">\n                    <div class=\"ribbon\"></div>\n                    <div class=\"earned-certificate\">{{ 'apptocsinglepage.certificateEarned' | translate }}</div>\n                </div>\n\n                <div class=\"certificate-background\">\n                    <ng-container [ngTemplateOutlet]=\"certificateCard\"></ng-container>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n    <ng-container *ngIf=\"showMarketPlaceCertificate && fromMarketPlace\">\n        <div class=\"certificate-container\" *ngIf=\"!skeletonLoader && !disableCertificate\">\n            <div class=\"flex flex-row earned-certificate-container\">\n                <div class=\"ribbon\"></div>\n                <div class=\"certificate-background\">\n                    <div class=\"p-4\">\n                        <div class=\"earned-certificate\">{{ 'apptocsinglepage.certificateEarned' | translate }}</div>\n                    </div>\n                    <div class=\"flex flex-col items-end\">\n                        <ng-container [ngTemplateOutlet]=\"certificateCard\"></ng-container>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <div class=\"mobile-certificate-container\" *ngIf=\"!skeletonLoader\">\n            <div class=\"earned-certificate-container\">\n                <div class=\"flex flex-row\">\n                    <div class=\"ribbon\"></div>\n                    <div class=\"earned-certificate\">{{ 'apptocsinglepage.certificateEarned' | translate }}</div>\n                </div>\n\n                <div class=\"certificate-background\">\n                    <ng-container [ngTemplateOutlet]=\"certificateCard\"></ng-container>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"skeletonLoader\">\n        <ws-widget-skeleton-loader [bindingClass]=\"'flex rounded'\" [height]=\"'148px'\"></ws-widget-skeleton-loader>\n    </ng-container>\n\n    <ng-container *ngIf=\"(fromViewer || router.url.includes('/viewer/pdf/do_')) && !fromMDO\">\n        <div class=\"flex flex-col gap-1 mt-2\">\n            <div class=\"flex font-semibold text-base\">{{ handleCapitalize(content?.name) }} </div>\n            <div class=\"mob-text break-words text-sm nodtranslate\">{{ 'cardcontentv2.by' | translate }} {{\n                content?.source }}</div>\n        </div>\n    </ng-container>\n    <ng-container *ngIf=\"(fromViewer || router.url.includes('/viewer/pdf/do_')) && fromMDO\">\n        <div class=\"flex flex-col gap-1 mt-2\">\n            <div class=\"flex font-semibold text-base\">{{ handleCapitalize(content?.result?.content?.name) }} </div>\n            <div class=\"mob-text break-words text-sm nodtranslate\">{{ 'cardcontentv2.by' | translate }} {{\n                content?.result?.content?.source }}</div>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"content && content?.primaryCategory === primaryCategory.BLENDED_PROGRAM\">\n        <div class=\"flex flex-row gap-3 justify-around hideAbove1200\">\n            <div class=\"batch-info\">\n                <div class=\"font-base font-bold\">{{ selectedBatchData?.content[0]?.batchAttributes?.currentBatchSize ||\n                    '0' }}\n                </div>\n                <div class=\"batch-label\">{{ 'apptoc.batchSize' | translate }}</div>\n            </div>\n            <div class=\"batch-info\">\n                <div class=\"font-base font-bold\">{{ selectedBatchData?.userCount?.totalApplied || '0' }}</div>\n                <div class=\"batch-label\">{{ 'apptoc.totalApplied' | translate }}</div>\n            </div>\n            <div class=\"batch-info\">\n                <div class=\"font-base font-bold\">{{ selectedBatchData?.userCount?.enrolled || '0' }}</div>\n                <div class=\"batch-label\">{{ 'apptoc.totalEnrolled' | translate }}</div>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"timer.days >= 0 && content?.primaryCategory === primaryCategory.BLENDED_PROGRAM\">\n        <div class=\"flex flex-col gap-6 my-5 batch-timer hideAbove1200\">\n            <div class=\"flex flex-row\">\n                <div class=\"flex-1\">\n                    <div class=\"flex underline\"></div>\n                </div>\n                <div class=\"flex\">\n                    <div class=\"timer-label\">{{ 'apptocsinglepage.batchStartsIn' | translate }}</div>\n                </div>\n                <div class=\"flex-1\">\n                    <div class=\"flex underline\"></div>\n                </div>\n            </div>\n\n            <div class=\"flex flex-row gap-4 justify-center\">\n                <div class=\"flex flex-row gap-1 items-center\">\n                    <div class=\"text-4xl leading-10 counter\">{{ timer.days || 0 }}</div>\n                    <div class=\"counter-label\">{{ 'apptocsinglepage.days' | translate }}</div>\n                </div>\n                <div class=\"flex items-center counter-label\">\n                    :\n                </div>\n                <div class=\"flex flex-row gap-1 items-center\">\n                    <div class=\"text-4xl leading-10 counter\">{{ timer.min === 60 ? timer.hours + 1 : timer.hours }}\n                    </div>\n                    <div class=\"counter-label\">{{ 'apptocsinglepage.hours' | translate }}</div>\n                </div>\n                <div class=\"flex items-center counter-label\">\n                    :\n                </div>\n                <div class=\"flex flex-row gap-1 items-center\">\n                    <div class=\"text-4xl leading-10 counter\">{{ timer.min === 60 ? 00 : timer.min }}</div>\n                    <div class=\"counter-label\">{{ 'apptocsinglepage.minutes' | translate }}</div>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n\n    <div class=\"flex flex-col\" *ngIf=\"fromViewer || isMobile\">\n        <ng-container *ngIf=\"skeletonLoader\">\n            <div class=\"flex flex-row gap-3\">\n                <ws-widget-skeleton-loader [width]=\"'60px'\" [height]=\"'60px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                <ws-widget-skeleton-loader [width]=\"'60px'\" [height]=\"'60px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                <ws-widget-skeleton-loader [width]=\"'60px'\" [height]=\"'60px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n            </div>\n        </ng-container>\n        <ng-container *ngIf=\"!skeletonLoader && !fromMarketPlace && !fromMDO\">\n           \n            <ws-widget-toc-kpi-values [content]=\"content\" [tocStructure]=\"tocStructure\" [isMobile]=\"isMobile\"\n                [contentReadData]=\"contentReadData\" [baseContentReadData]=\"baseContentReadData\"\n                [languageList]=\"languageList\"></ws-widget-toc-kpi-values>\n        </ng-container>\n         <ng-container *ngIf=\"!skeletonLoader && !fromMarketPlace && fromMDO\">\n            <ws-widget-toc-kpi-values [content]=\"content?.result?.content\" [tocStructure]=\"tocStructure\" [isMobile]=\"isMobile\"\n                [contentReadData]=\"contentReadData\" [baseContentReadData]=\"baseContentReadData\"\n                [languageList]=\"languageList\"></ws-widget-toc-kpi-values>\n        </ng-container>\n    </div>\n\n    <div class=\"flex flex-col\">\n        <ng-container *ngIf=\"skeletonLoader\">\n            <ws-widget-skeleton-loader [width]=\"'80px'\" [height]=\"'16px'\"\n                [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n            <div class=\"flex flex-col gap-2 mt-4\">\n                <ws-widget-skeleton-loader [width]=\"'80%'\" [height]=\"'16px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                <ws-widget-skeleton-loader [width]=\"'95%'\" [height]=\"'16px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                <ws-widget-skeleton-loader [width]=\"'65%'\" [height]=\"'16px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n            </div>\n        </ng-container>\n        <ng-container *ngIf=\"!skeletonLoader\">\n            <div class=\"mat-subheading-1 font-bold nodtranslate\">\n                {{ 'apptocsinglepage.description' | translate }}\n            </div>\n            <!-- <div *ngIf=\"content?.contentId && content?.contentId.includes('ext_')\"\n                class=\"mat-subheading-1 font-bold nodtranslate\">{{ 'apptocsinglepage.description' | translate }}\n            </div>\n            <div *ngIf=\"!(content?.contentId && content?.contentId.includes('ext_'))\"\n                class=\"mat-subheading-1 font-bold nodtranslate\">{{ 'apptocsinglepage.summary' | translate }}</div> -->\n            <div [ngClass]=\"{'mob-desc-ellipsis': summary.ellipsis && isMobile, 'desc-ellipsis': summary.ellipsis && !isMobile}\"\n                #summaryElem>\n                <div class=\"mob-text nodtranslate\"\n                    [innerHtml]=\"handleCapitalize(contentReadData?.description | replaceNbsp)\"></div>\n                <div class=\"ws-mat-default-text font-bold cursor-pointer text-sm\" *ngIf=\"summary.viewLess\"\n                    (click)=\"summary.ellipsis = !summary.ellipsis; summary.viewLess = !summary.viewLess\">&nbsp;{{\n                    'apptocsinglepage.viewLess' | translate }}</div>\n            </div>\n            <div class=\"ws-mat-default-text font-bold text-sm\" *ngIf=\"summary.ellipsis\">\n                <span class=\"cursor-pointer\"\n                    (click)=\"summary.ellipsis = !summary.ellipsis; summary.viewLess = !summary.viewLess\">{{\n                    'apptocsinglepage.viewMore' | translate }}</span>\n            </div>\n        </ng-container>\n    </div>\n\n    <div class=\"flex flex-col\" *ngIf=\"contentReadData?.instructions || contentReadData?.purpose\">\n        <ng-container *ngIf=\"skeletonLoader\">\n            <ws-widget-skeleton-loader [width]=\"'80px'\" [height]=\"'16px'\"\n                [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n            <div class=\"flex flex-col gap-2 mt-4\">\n                <ws-widget-skeleton-loader [width]=\"'80%'\" [height]=\"'16px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                <ws-widget-skeleton-loader [width]=\"'95%'\" [height]=\"'16px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                <ws-widget-skeleton-loader [width]=\"'65%'\" [height]=\"'16px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n            </div>\n        </ng-container>\n        <ng-container *ngIf=\"!skeletonLoader\">\n            <div class=\"mat-subheading-1 nodtranslate\">{{ 'apptocsinglepage.learningOutcome' | translate }}</div>\n            <div class=\"desc\"\n                [ngClass]=\"{'mob-desc-ellipsis': description.ellipsis && isMobile, 'desc-ellipsis': description.ellipsis && !isMobile}\"\n                #descElem>\n\n                <div [innerHTML]=\"contentReadData?.instructions || contentReadData?.purpose | replaceNbsp\"\n                    class=\"mob-text break-words nodtranslate\"></div>\n                <div class=\"ws-mat-default-text font-bold cursor-pointer text-sm\" *ngIf=\"description.viewLess\"\n                    (click)=\"description.ellipsis = !description.ellipsis; description.viewLess = !description.viewLess\">\n                    &nbsp;{{ 'apptocsinglepage.viewLess' | translate }}</div>\n            </div>\n            <div class=\"ws-mat-default-text font-bold text-sm\" *ngIf=\"description.ellipsis\">\n                <span class=\"cursor-pointer\"\n                    (click)=\"description.ellipsis = !description.ellipsis; description.viewLess = !description.viewLess\">{{\n                    'apptocsinglepage.viewMore' | translate }}</span>\n            </div>\n        </ng-container>\n    </div>\n\n    <div class=\"flex flex-col\" *ngIf=\"content?.objectives\">\n        <ng-container *ngIf=\"skeletonLoader\">\n            <ws-widget-skeleton-loader [width]=\"'80px'\" [height]=\"'16px'\"\n                [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n            <div class=\"flex flex-col gap-2 mt-4\">\n                <ws-widget-skeleton-loader [width]=\"'80%'\" [height]=\"'16px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                <ws-widget-skeleton-loader [width]=\"'95%'\" [height]=\"'16px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                <ws-widget-skeleton-loader [width]=\"'65%'\" [height]=\"'16px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n            </div>\n        </ng-container>\n        <ng-container *ngIf=\"!skeletonLoader\">\n            <div class=\"mat-subheading-1 font-bold pt-mweb-8 nodtranslate\">{{ 'apptocsinglepage.learningOutcome' |\n                translate\n                }}</div>\n            <div [ngClass]=\"{'mob-desc-ellipsis': objectives.ellipsis && isMobile, 'desc-ellipsis': objectives.ellipsis && !isMobile}\"\n                #objectivesElem>\n                <span class=\"mob-text nodtranslate\" [innerHtml]=\"handleCapitalize(content?.objectives)\"></span>\n                <div class=\"ws-mat-default-text font-bold cursor-pointer text-sm\" *ngIf=\"objectives.viewLess\"\n                    (click)=\"objectives.ellipsis = !objectives.ellipsis; objectives.viewLess = !objectives.viewLess\">\n                    &nbsp;{{ 'apptocsinglepage.viewLess' | translate }}</div>\n            </div>\n            <div class=\"ws-mat-default-text font-bold text-sm\" *ngIf=\"objectives.ellipsis\">\n                <span class=\"cursor-pointer\"\n                    (click)=\"objectives.ellipsis = !objectives.ellipsis; objectives.viewLess = !objectives.viewLess\">{{\n                    'apptocsinglepage.viewMore' | translate }}</span>\n            </div>\n        </ng-container>\n    </div>\n\n    <div class=\"flex flex-col\"\n        *ngIf=\"contentReadData?.summary && contentReadData?.contentId && contentReadData?.contentId.includes('ext_')\">\n        <ng-container *ngIf=\"skeletonLoader\">\n            <ws-widget-skeleton-loader [width]=\"'80px'\" [height]=\"'16px'\"\n                [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n            <div class=\"flex flex-col gap-2 mt-4\">\n                <ws-widget-skeleton-loader [width]=\"'80%'\" [height]=\"'16px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                <ws-widget-skeleton-loader [width]=\"'95%'\" [height]=\"'16px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                <ws-widget-skeleton-loader [width]=\"'65%'\" [height]=\"'16px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n            </div>\n        </ng-container>\n        <ng-container *ngIf=\"!skeletonLoader\">\n            <div class=\"mat-subheading-1 nodtranslate\">{{ 'apptocsinglepage.summary' | translate }}</div>\n            <div class=\"desc\"\n                [ngClass]=\"{'mob-desc-ellipsis': description.ellipsis && isMobile, 'desc-ellipsis': description.ellipsis && !isMobile}\"\n                #descElem>\n\n                <div [innerHTML]=\"contentReadData?.summary | replaceNbsp\" class=\"mob-text break-words nodtranslate\">\n                </div>\n                <div class=\"ws-mat-default-text font-bold cursor-pointer text-sm\" *ngIf=\"description.viewLess\"\n                    (click)=\"description.ellipsis = !description.ellipsis; description.viewLess = !description.viewLess\">\n                    &nbsp;{{ 'apptocsinglepage.viewLess' | translate }}</div>\n            </div>\n            <div class=\"ws-mat-default-text font-bold text-sm\" *ngIf=\"description.ellipsis\">\n                <span class=\"cursor-pointer\"\n                    (click)=\"description.ellipsis = !description.ellipsis; description.viewLess = !description.viewLess\">{{\n                    'apptocsinglepage.viewMore' | translate }}</span>\n            </div>\n        </ng-container>\n    </div>\n\n    <ng-container *ngIf=\"skeletonLoader\">\n        <div class=\"flex flex-col gap-3\">\n            <ws-widget-skeleton-loader [width]=\"'120px'\" [height]=\"'16px'\"\n                [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n            <div class=\"flex flex-row gap-3\">\n                <ng-container *ngFor=\"let i of [1, 2]\">\n                    <ws-widget-skeleton-loader [width]=\"'120px'\" [height]=\"'32px'\"\n                        [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                </ng-container>\n            </div>\n            <div class=\"flex flex-row gap-4\">\n                <ws-widget-skeleton-loader [width]=\"'250px'\" [height]=\"'80px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                <ws-widget-skeleton-loader [width]=\"'250px'\" [height]=\"'80px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"!skeletonLoader\">\n        \n        <ng-container *ngIf=\"!strip?.loaderWidgets?.length || !competenciesObject\">\n            <div class=\"flex flex-col\">\n                <ng-container [ngTemplateOutlet]=\"competencyLabel\"></ng-container>\n                {{ 'apptocsinglepage.noCompetencyFound' | translate }}\n            </div>\n        </ng-container>\n        \n        <ng-container *ngIf=\"strip?.loaderWidgets?.length > 0\">\n            <div class=\"flex flex-col gap-3\">\n                <ng-container [ngTemplateOutlet]=\"competencyLabel\"></ng-container>\n                <div class=\"flex flex-row gap-3 sm:gap-4 mb-3\">\n                    <ng-container *ngFor=\"let item of competenciesObject\">\n                        <div class=\"themes-button\" [ngClass]=\"{'theme-activated': competencySelected === item.key}\"\n                            (click)=\"handleShowCompetencies(item, 'selected')\">{{ item.key }}</div>\n                    </ng-container>\n                </div>\n                <ng-container *ngFor=\"let item of competenciesObject\">\n                    <div *ngIf=\"item?.key === competencySelected\">\n                        <ws-utils-horizontal-scroller-v2 [loadStatus]=\"'done'\" [stripConfig]=\"strip.stripConfig\">\n                            <ng-container *ngFor=\"let widget of strip?.loaderWidgets; trackBy: tracker\">\n                                <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n                            </ng-container>\n                        </ws-utils-horizontal-scroller-v2>\n                    </div>\n                </ng-container>\n            </div>\n        </ng-container>\n    </ng-container>\n\n\n    <ng-container *ngIf=\"skeletonLoader\">\n        <ws-widget-skeleton-loader [width]=\"'48px'\" [height]=\"'16px'\"\n            [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n        <div class=\"flex flex-col gap-2 mt-4\">\n            <ws-widget-skeleton-loader [width]=\"'95%'\" [height]=\"'16px'\"\n                [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n            <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'16px'\"\n                [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n        </div>\n    </ng-container>\n    <ng-container *ngIf=\"!skeletonLoader\">\n        <!-- {{content|json}} -->\n        <ng-container *ngIf=\"contentReadData?.keywords?.length\">\n            <ng-container [ngTemplateOutlet]=\"tagsList\"\n                [ngTemplateOutletContext]=\"{ tagData: contentReadData?.keywords }\"></ng-container>\n        </ng-container>\n        <ng-container *ngIf=\"content?.searchTags?.length > 1\">\n            <ng-container *ngIf=\"content?.searchTags?.length\" [ngTemplateOutlet]=\"tagsList\"\n                [ngTemplateOutletContext]=\"{ tagData: content?.searchTags?.slice(1,content?.searchTags?.length) }\"></ng-container>\n        </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"(!skeletonLoader && sectorsList?.length) && (content?.primaryCategory?.toLowerCase() === 'learning resource' ||\n    content?.resourceCategory?.toLowerCase() === 'case study')\">\n        <div class=\"flex flex-col\">\n            <div class=\"mat-subheading-1 nodtranslate\">{{ 'gyaanKarmayogi.sectors' | translate }}</div>\n            <ng-container *ngIf=\"sectorsList?.length > 0\">\n                <div class=\"flex flex-col gap-3\">\n                    <div class=\"flex flex-row gap-3 sm:gap-4 mb-3 flex-wrap\">\n                        <ng-container *ngFor=\"let sector of sectorsList; let i = index; let isLast = last\">\n                            <!-- [ngClass]=\"{'theme-activated': competencySelected === item.key}\"-->\n                            <div class=\"themes-button\"\n                                [ngClass]=\"{'theme-activated': selectedSectorId === sector?.sectorId}\"\n                                (click)=\"handleSubsector(sector, 'selected')\">{{ sector?.sectorName }}</div>\n                        </ng-container>\n                    </div>\n                    <ng-container *ngIf=\"strip?.sectorWidgets?.length\">\n                        <div>\n                            <ws-utils-horizontal-scroller-v2 [loadStatus]=\"'done'\" [stripConfig]=\"strip.stripConfig\">\n                                <ng-container *ngFor=\"let widget of strip?.sectorWidgets; trackBy: tracker\">\n                                    <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n                                </ng-container>\n                            </ws-utils-horizontal-scroller-v2>\n                        </div>\n                    </ng-container>\n                    <ng-container *ngIf=\"strip?.sectorWidgets?.length === 0 && selectedSectorId\">\n                        <div class=\"mb-2\">\n                            No Subsector Available\n                        </div>\n                    </ng-container>\n                </div>\n            </ng-container>\n            <!-- <div class=\"flex flex-wrap gap-2\" >\n                <ng-container *ngFor=\"let sector of sectorsList; let i = index; let isLast = last\">\n                    <div class=\"text-xs mob-text\" >{{ sector?.sectorName }}</div>\n                    <div class=\"flex items-center\" *ngIf=\"!isLast\">\n                        <span class=\"period\"></span>\n                    </div>\n                </ng-container>\n            </div> -->\n        </div>\n    </ng-container>\n\n    <!-- <ng-container *ngIf=\"!skeletonLoader && subSectorsList?.length\">\n        <div class=\"flex flex-col\">\n            <div class=\"mat-subheading-1 nodtranslate\">{{ 'gyaanKarmayogi.subSectors' | translate }}</div>\n            <div class=\"flex flex-wrap gap-2\" >\n                <ng-container *ngFor=\"let sector of subSectorsList; let i = index; let isLast = last\">\n                    <div class=\"text-xs mob-text\" >{{ sector?.subSectorName }}</div>\n                    <div class=\"flex items-center\" *ngIf=\"!isLast\">\n                        <span class=\"period\"></span>\n                    </div>\n                </ng-container>\n            </div>\n        </div>\n    </ng-container> -->\n\n    <ng-template #tagsList let-tagData=\"tagData\">\n        <div class=\"flex flex-col\" *ngIf=\"tagData?.length\">\n            <div class=\"mat-subheading-1 nodtranslate\">{{ 'userProfile.tags' | translate }}</div>\n            <ng-container *ngIf=\"tagData?.length\">\n                <div class=\"flex flex-wrap gap-2\" [ngClass]=\"{'tags-ellipsis': tagsEllipsis && !viewMoreTags}\"\n                    #tagsElem>\n                    <ng-container *ngFor=\"let tag of tagData; let i = index\">\n                        <div class=\"text-xs mob-text\">{{ handleCapitalize(tag) }}</div>\n                        <div class=\"flex items-center\" *ngIf=\"tagData?.length > (i + 1)\">\n                            <span class=\"period\"></span>\n                        </div>\n                    </ng-container>\n                </div>\n                <div class=\"flex items-center ws-mat-default-text underline cursor-pointer text-xs\"\n                    *ngIf=\"tagsEllipsis && !viewMoreTags\" (click)=\"viewMoreTags = !viewMoreTags\">{{\n                    'apptocsinglepage.viewMore' | translate }}</div>\n                <div class=\"flex items-center ws-mat-default-text underline cursor-pointer text-xs mt-1\"\n                    *ngIf=\"viewMoreTags\" (click)=\"viewMoreTags = !viewMoreTags\">{{ 'apptocsinglepage.viewLess' |\n                    translate }}</div>\n            </ng-container>\n            <div class=\"flex flex-wrap gap-2\" *ngIf=\"!tagData?.length\">\n                {{ 'userProfile.noTags' | translate }}\n            </div>\n        </div>\n    </ng-template>\n\n    <!-- <ng-container *ngIf=\"!skeletonLoader && content?.searchTags\">\n        <div class=\"flex flex-col\" *ngIf=\"content?.searchTags.length\">\n            <div class=\"mat-subheading-1\">{{ 'userProfile.tags' | translate }}</div>\n            <ng-container *ngIf=\"content?.searchTags.length\">\n                <div class=\"flex flex-wrap gap-2\" [ngClass]=\"{'tags-ellipsis': searchTagsEllipsis && !viewMoreTags}\" #searchTagElem>\n                    <ng-container *ngFor=\"let tag of content?.searchTags; let i = index\">\n                        <div class=\"text-xs mob-text\" >{{ handleCapitalize(tag) }}</div>\n                        <div class=\"flex items-center\" *ngIf=\"content?.searchTags.length > (i + 1)\">\n                            <span class=\"period\"></span>\n                        </div>\n                    </ng-container>\n                </div>\n                <div class=\"flex items-center ws-mat-default-text underline cursor-pointer text-xs\" *ngIf=\"searchTagsEllipsis && !viewMoreTags\" (click)=\"viewMoreTags = !viewMoreTags\">{{ 'apptocsinglepage.viewMore' | translate }}</div>\n                <div class=\"flex items-center ws-mat-default-text underline cursor-pointer text-xs mt-1\" *ngIf=\"viewMoreTags\"\n                (click)=\"viewMoreTags = !viewMoreTags\">{{ 'apptocsinglepage.viewLess' | translate }}</div>\n            </ng-container>\n            <div class=\"flex flex-wrap gap-2\" *ngIf=\"!content?.searchTags.length\">\n                {{ 'userProfile.noTags' | translate }}\n            </div>\n        </div>\n    </ng-container> -->\n\n    <div class=\"mobile-karma-points\">\n        <ws-widget-karma-points [content]=\"content\" [btnCategory]=\"\" [condition]=\"condition\"\n            (clickClaimKarmaPoints)=\"handleClickOfClaim($event)\" [data]=\"kparray\">\n        </ws-widget-karma-points>\n    </div>\n\n    <ng-container *ngIf=\"skeletonLoader\">\n        <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'72px'\"\n            [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n    </ng-container>\n    <ng-container *ngIf=\"!skeletonLoader && !forPreview\">\n        <!-- commented because of new discussion v2 comments implmentation -->\n        <!-- <div class=\"flex flex-col sm:flex-row items-center discussion-div\">\n            <div class=\"flex-1 forum-content\">\n                <div class=\"flex flex-col sm:flex-row gap-5 items-center\">\n                    <mat-icon>forum</mat-icon>\n                    <div class=\"suggestion-text sm:pr-4\">{{ 'apptocsinglepage.anySuggestions' | translate }}</div>\n                </div>\n            </div>\n            <div class=\"flex-none p-3\">\n                <button class=\"action-button\" (click)=\"navigateToDiscussionHub()\">{{ 'discuss.startDiscuss' | translate }}</button>\n            </div>\n        </div> -->\n    </ng-container>\n\n    <ng-container *ngIf=\"skeletonLoader\">\n        <div class=\"flex flex-col gap-6\">\n            <div class=\"flex flex-col gap-4\" *ngFor=\"let i of [1, 2]\">\n                <ws-widget-skeleton-loader [width]=\"'72px'\" [height]=\"'20px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n\n                <div class=\"flex flex-row items-center gap-3\">\n                    <ws-widget-skeleton-loader [width]=\"'36px'\" [height]=\"'36px'\"\n                        [bindingClass]=\"'rounded-full'\"></ws-widget-skeleton-loader>\n                    <div class=\"flex flex-col gap-2\">\n                        <ws-widget-skeleton-loader [width]=\"'124px'\" [height]=\"'20px'\"\n                            [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                        <ws-widget-skeleton-loader [width]=\"'124px'\" [height]=\"'12px'\"\n                            [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"!skeletonLoader && !fromMarketPlace\">\n        <div class=\"flex flex-column gap-3\" [ngClass]=\"{'hideAbove1200': !router.url.includes('/viewer/')}\">\n            <div class=\"text-base font-bold\">{{ 'apptocsinglepage.authorsAndCurators' | translate }}</div>\n            <div class=\"flex flex-col gap-4\">\n                <div class=\"flex flex-row gap-4 items-center\"\n                    *ngFor=\"let author of handleParseJsonData(contentReadData?.creatorDetails)\">\n                    <div class=\"flex items-center justify-center\">\n                        <ws-widget-avatar-photo [randomColor]=\"true\" [datalen]=\"1\" [size]=\"'round-m'\"\n                            [photoUrl]=\"author.photo || ''\" [name]=\"author.name\">\n                        </ws-widget-avatar-photo>\n                    </div>\n                    <div class=\"flex flex-col gap-1 justify-center\">\n                        <div class=\"font-bold\">{{ handleCapitalize(author?.name.toLowerCase(), 'name') }}</div>\n                        <div class=\"text-xs leading-3 mob-text\">{{ 'apptocsinglepage.author' | translate }}</div>\n                    </div>\n                </div>\n\n                <div class=\"flex flex-row gap-4\"\n                    *ngFor=\"let creator of handleParseJsonData(contentReadData?.creatorContacts)\">\n                    <div class=\"flex items-center justify-center\">\n                        <ws-widget-avatar-photo [randomColor]=\"true\" [datalen]=\"1\" [size]=\"'round-m'\"\n                            [photoUrl]=\"creator.photo || ''\" [name]=\"creator.name\">\n                        </ws-widget-avatar-photo>\n                    </div>\n                    <div class=\"flex flex-col gap-1 justify-center\">\n                        <div class=\"font-bold\">{{ handleCapitalize(creator?.name.toLowerCase(), 'name') }}</div>\n                        <div class=\"text-xs leading-3 mob-text\">{{ 'apptocsinglepage.curator' | translate }}</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <div *ngIf=\"!fromMDO\" class=\"flex flex-column gap-3\" [ngClass]=\"{'hideAbove1200': !router.url.includes('/viewer/')}\">\n            <div class=\"text-base font-bold\">{{ 'apptocsinglepage.provider' | translate }}</div>\n            <div class=\"flex flex-row gap-4 items-center\">\n                <div class=\"provider-logo-div\">\n                    <img *ngIf=\"content?.creatorLogo\" [src]=\"content?.creatorLogo\"\n                        alt=\"{{ 'apptocsinglepage.provider' | translate }}\" />\n                    <img *ngIf=\"!content?.creatorLogo\" src=\"/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg\"\n                        alt=\"{{ 'apptocsinglepage.provider' | translate }}\" />\n                </div>\n                <div class=\"text-sm break-all\">{{ handleCapitalize(content?.source, 'source') }}</div>\n            </div>\n        </div>\n        <div *ngIf=\"fromMDO\" class=\"flex flex-column gap-3\" [ngClass]=\"{'hideAbove1200': !router.url.includes('/viewer/')}\">\n            <div class=\"text-base font-bold\">{{ 'apptocsinglepage.provider' | translate }}</div>\n            <div class=\"flex flex-row gap-4 items-center\">\n                <div class=\"provider-logo-div\">\n                    <img *ngIf=\"(content?.result?.content?.creatorLogo)\" height=\"36px\" width=\"36px\" [src]=\"content?.result?.content?.creatorLogo\"\n                        alt=\"{{ 'apptocsinglepage.provider' | translate }}\" />\n                    <img *ngIf=\"!(content?.result?.content?.creatorLogo)\" height=\"36px\" width=\"36px\" src=\"/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg\"\n                        alt=\"{{ 'apptocsinglepage.provider' | translate }}\" />\n                </div>\n                <div class=\"text-sm break-all\">{{ handleCapitalize(content?.result?.content?.source, 'source') }}</div>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"skeletonLoader\">\n        <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'400px'\"\n            [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n    </ng-container>\n    <ng-container *ngIf=\"!skeletonLoader && !forPreview\">\n        <!-- <ng-container *ngIf=\"content?.averageRating\"> -->\n        <div class=\"flex flex-col ratings-div gap-10\" id=\"ratingsDiv\" *ngIf=\"showReviews\">\n            <ws-widget-rating-summary [ratingSummary]=\"ratingSummaryProcessed\"></ws-widget-rating-summary>\n\n            <div class=\"flex flex-col gap-3\">\n                <div class=\"flex flex-row gap-4\">\n                    <div class=\"flex-1 mat-subheading-1 nodtranslate\" id=\"reviewContainer\">{{\n                        'apptocsinglepage.topReviews' | translate }}</div>\n                    <ng-container *ngIf=\"ratingSummaryProcessed?.avgRating\">\n                        <div class=\"ws-mat-default-text cursor-pointer\" (click)=\"handleOpenReviewModal()\">{{\n                            'msg.showAll' | translate }}</div>\n                    </ng-container>\n                </div>\n                <ng-container *ngIf=\"topRatingReviews && topRatingReviews?.length\">\n                    <div class=\"flex gap-5\" [ngClass]=\"isMobile ? 'horizontal-strip' : 'flex-wrap'\">\n                        <div class=\"comment-div\" *ngFor=\"let eachReview of topRatingReviews | slice:0:4; let i = index\">\n                            <div class=\"p-4 flex flex-col gap-6\">\n                                <div class=\"flex flex-row gap-4\">\n                                    <div class=\"flex-1\">\n                                        <div class=\"text-left desc-ellipsis\" title=\"{{ eachReview?.review }}\">{{\n                                            handleCapitalize(eachReview?.review) }}</div>\n                                    </div>\n                                    <div class=\"flex flex-row gap-2 rating-start-value\">\n                                        <mat-icon>star</mat-icon>\n                                        <div>{{ eachReview?.rating }}</div>\n                                    </div>\n                                </div>\n                                <div class=\"flex flex-row gap-2 items-center text-sm\">\n                                    <ws-widget-avatar-photo [randomColor]=\"true\" [datalen]=\"1\" [size]=\"'round-m'\"\n                                        [photoUrl]=\"eachReview?.photo || ''\"\n                                        [name]=\"eachReview?.firstName\"></ws-widget-avatar-photo>\n                                    <div class=\"flex flex-wrap\">\n                                        <div>{{ handleCapitalize(eachReview?.firstName.toLowerCase(), 'name') }}</div>\n                                        <div class=\"flex items-center mx-2\">\n                                            <span class=\"period\"></span>\n                                        </div>\n                                        <div>{{ eachReview?.date | pipeRelativeTime }}</div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </ng-container>\n                <div *ngIf=\"!topRatingReviews || !topRatingReviews?.length\">\n                    <div class=\"flex flex-col text-center items-center justify-center bg-white p-4 rounded-md\">\n                        <div class=\"font-base font-bold nodtranslate\">{{ 'apptocsinglepage.noReviewsFound' | translate\n                            }}</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <!-- </ng-container> -->\n        <!-- <ng-container *ngIf=\"!content?.averageRating\">\n            <div class=\"flex flex-col gap-3 justify-center ratings-div\">\n                <img src=\"/assets/icons/toc/no-certificate.svg\" alt=\"no ratings image\" />\n                <div class=\"text-lg font-bol\">Be the first one to rate this course and your <br/> learning experience</div>\n            </div>\n        </ng-container> -->\n    </ng-container>\n</div>", styles: [".mt60{margin-top:60px}.mat-subheading-1{font-weight:700}.hidden{display:none!important}.info-icon{width:16px;height:16px;font-size:16px}.themes-button{border-radius:20px;border:1px solid rgba(0,0,0,.08);background-color:#e6e8ef;color:#0009;font-weight:400;letter-spacing:.25px;padding:8px 16px;cursor:pointer}.theme-activated{border:1px solid rgba(0,0,0,.8705882353);background-color:#dee6f2;color:#000000de;font-weight:700}.discussion-div{border-radius:12px;border:1px solid rgba(0,0,0,.08);background-color:#fff}.discussion-div .forum-content{padding:12px 28px}.discussion-div mat-icon{width:40px;height:40px;font-size:40px;color:#ff9800}.discussion-div .action-button{padding:12px 16px}@media screen and (max-width: 767px){.suggestion-text{text-align:center}.mob-text{color:#0009;word-wrap:break-word;width:100%}.retire-info-icon{font-size:28px;height:28px;color:#f3962f;width:28px;overflow:unset!important}}.mob-text{word-break:break-word;white-space:normal;overflow-wrap:break-word;text-align:left}::ng-deep .mob-text p{word-break:break-word!important;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;text-align:left}.ratings-div{background-color:#1b4ca114;padding:24px}.ratings-div .ratings-container{max-width:380px;width:100%}.ratings-div .comment-div{background-color:#fff;border-radius:8px;border:1px solid rgba(0,0,0,.16);max-width:344px;width:100%}.ratings-div .comment-div .rating-start-value mat-icon{color:#ff9800}.horizontal-strip .comment-div{min-width:340px}.batch-timer .underline{border-top:1.5px solid rgba(0,0,0,.16);margin:16px 0}.batch-timer .timer-label{font-size:12px;padding:4px 8px;border:1px solid rgba(0,0,0,.16);border-radius:16px;color:#000000de}.batch-timer .counter{color:#000000de}.batch-timer .counter-label{color:#0006;text-transform:uppercase;font-size:12px;line-height:16px}.batch-info{padding:16px;border-radius:4px;background-color:#1b4ca114;border:1px solid rgba(27,76,161,.08);text-align:center}.batch-info .batch-label{font-size:.75rem;color:#0009;line-height:1rem}.text-ellipsis,.mob-desc-ellipsis,.desc-ellipsis{white-space:break-spaces;position:relative;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-word}.desc{word-break:break-word;white-space:normal;overflow-wrap:break-word;text-align:left}.desc-ellipsis{min-height:72px;-webkit-line-clamp:3}.mob-desc-ellipsis{min-height:48px;-webkit-line-clamp:2}.tags-ellipsis{max-height:64px;overflow:hidden}::ng-deep .ratings-modal-box{max-width:880px!important;width:100%!important}::ng-deep .ratings-modal-box .mat-dialog-container{padding:0;border-radius:12px}@media screen and (max-width: 1000px){::ng-deep .ratings-modal-box{max-width:90vw!important}}.leading-5{font-family:Montserrat;font-size:16px;letter-spacing:.12px;color:#000000de;font-weight:500;margin-top:24px;margin-bottom:8px}.leading-4{font-family:Lato;font-size:14px;letter-spacing:.25px;color:#0009;font-weight:400;margin-top:8px;margin-bottom:24px}.kpi-values{margin:0 12px;min-width:72px}.earned-certificate-container{height:136px;border:1px solid rgb(27,76,161);border-radius:8px;background-color:#fff;max-width:768px}.earned-certificate-container .ribbon{position:relative;text-align:center;background:#1b4ca1;display:block;width:64px;height:60px;margin-left:20px;top:-6px;border-top-left-radius:4px;border-top-right-radius:4px}.earned-certificate-container .ribbon:after{content:\"\";width:100%;top:100%;position:absolute;display:block;border-width:4px 28px 24px 28px;border-color:#1b4ca1;border-bottom-color:transparent;border-style:solid;box-sizing:border-box}.earned-certificate-container .earned-certificate{font-family:Montserrat;font-size:20px;letter-spacing:.12px;line-height:28px;color:#1b4ca1;font-weight:600}.earned-certificate-container .certificate-background{background:url(/assets/icons/toc/cert-banner.svg);background-repeat:no-repeat;background-size:cover;width:100%;background-position-y:-88px;background-position-x:72px;height:inherit}.mobile-certificate-container{margin-top:10px;margin-bottom:20px}.mobile-certificate-container .earned-certificate-container{display:flex;flex-direction:column;gap:16px;height:100%}.mobile-certificate-container .earned-certificate-container .ribbon{width:52px;height:56px}.mobile-certificate-container .earned-certificate-container .ribbon:after{border-width:4px 28px 24px 24px}.mobile-certificate-container .earned-certificate{width:70%;padding:16px}.mobile-certificate-container .certificate-background{background:url(/assets/icons/toc/mob-cert-banner.svg);background-repeat:no-repeat;background-size:auto;width:100%;min-height:360px;background-position-x:center;background-position-y:8px}.mobile-certificate-container .certificate-outer-div{width:100%;position:relative;top:28px;right:0;min-height:200px;margin:0 auto 28px}.certificate-container{margin:108px 0 88px}@media screen and (max-width: 767px){.certificate-container{display:none}}@media screen and (min-width: 768px){.mobile-certificate-container{display:none}}.horizontal-strip{flex-direction:row;overflow-x:scroll;width:100%;align-items:center;text-align:center}.horizontal-strip::-webkit-scrollbar{display:none}.mobile-karma-points{max-width:360px}@media screen and (min-width: 1200px){.hideAbove1200{display:none!important}.mobile-karma-points{display:none}}@media screen and (max-width: 1200px){.pt-mweb-8{padding-top:2rem}.pt-mweb-4{padding-top:1rem}}.certificate_box{width:100%;height:180px;border-radius:12px;position:relative}.certificate_box img{height:100%;width:100%;object-fit:cover;object-position:center;border-radius:12px}.certificate_box .certificate_overlay{height:100%;width:100%;position:absolute;background:linear-gradient(180deg,#0000003d,#000000b0);top:0;left:0;z-index:1;border-radius:8px;overflow-y:auto}.certificate-outer-div{max-width:320px;width:100%;position:relative;right:108px;top:-168px;min-height:200px;z-index:10}.certificate-outer-div .certificate-card{border-radius:12px;border-top:1px solid rgba(0,0,0,.08);border-right:1px solid rgba(0,0,0,.08);border-left:1px solid rgba(0,0,0,.08);background:#fff;--mask: radial-gradient(16px at 16px 100%, #0000 98%, #000) -16px;mask:var(--mask)}.certificate-outer-div .certificate-card .ceritificate-image{display:flex;margin:auto;width:100%;border-radius:8px}.certificate-outer-div .certificate-card .icon{width:20px;height:20px;font-size:20px;color:#000000de}.certificate-outer-div .certificate-card .certificate-info{border-bottom:1px dashed rgba(0,0,0,.08)}.certificate-outer-div .chips-card{border-right:1px solid rgba(0,0,0,.16);border-bottom:1px solid rgba(0,0,0,.16);border-left:1px solid rgba(0,0,0,.16);padding:16px;background:#fff;border-radius:12px;--mask: radial-gradient(16px at 16px 0, #0000 98%, #000) -16px;mask:var(--mask)}.chip{border:1px solid rgba(0,0,0,.8705882353);color:#000000de;line-height:14px}.chip-ellipsis{white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis}.celebration-animation{position:absolute;left:0%;top:0;z-index:9999;width:100%}.download-section{z-index:99999}.truncate-3{-webkit-line-clamp:3;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-wrap:break-word}.img-container{position:relative}.img-container .view-cert{visibility:hidden;display:none}.img-container:hover{display:block;z-index:99999}.img-container:hover .view-cert{visibility:visible;position:absolute;left:0;top:0;text-align:center;opacity:1;transition:opacity .35s ease;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#000000b5;border-radius:8px}.img-container:hover .view-cert button{color:#fff;border:1px solid white;padding:8px;background:transparent;border-radius:12px;cursor:pointer;z-index:999999}.view-certificate{visibility:visible!important;display:block;position:absolute;left:0;top:0;text-align:center;opacity:1;background-color:#000000b5;border-radius:8px;transition:opacity .35s ease;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.view-certificate button{color:#fff;border:1px solid white;padding:8px;background:transparent;border-radius:12px;cursor:pointer;z-index:999999;width:150px}.uploader-status ::ng-deep .mat-progress-spinner circle,.mat-spinner circle{stroke:#fff}.uploader-status ::ng-deep .mat-progress-spinner svg{width:24px!important;height:24px!important}.uploader-status ::ng-deep .mat-progress-spinner{width:24px!important;height:24px!important}.emailDefault{color:#f3962f!important;text-decoration:underline!important}.locked-certificate-outer-div{background-color:#fff;border-radius:10px}.certificate-lock{border:.7px solid rgba(0,0,0,.16);border-radius:12px}.certificate-lock .certificate-lock-text{color:#344054;font:700 14px/20.074px Inter}.certificate-lock .locking-screen{color:#fff;border-radius:4px;background-color:#000000db}.certificate-lock .certificateLockedText{color:#fff;text-align:center;font:700 11.72px/normal Lato}.certificate-lock .locking-screen-description{color:#fff;text-align:center;font:400 14px/normal Lato}.certificate-lock .locking-screen-description .surveyFormeText{color:#f3962f}.certificate-lock .surveyFormeButton{background-color:#1b4ca1;height:34px;border-radius:18px;color:#fff;font:700 12px Lato;border:0px;cursor:pointer}.content-retire-container{background:#fdead5;border-radius:12px;padding:16px;gap:16px}.content-retire-container .retire-info-icon{font-size:40px;height:40px;width:58px;color:#f3962f}\n"], dependencies: [{ kind: "directive", type: i13.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i13.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i13.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i13.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i14.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i15.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i16.SkeletonLoaderComponent, selector: "ws-widget-skeleton-loader", inputs: ["bindingClass", "height", "width"] }, { kind: "component", type: i17.AvatarPhotoComponent, selector: "ws-widget-avatar-photo", inputs: ["datalen", "photoUrl", "name", "size", "randomColor", "initials", "showBadge"] }, { kind: "component", type: i18.RatingSummaryComponent, selector: "ws-widget-rating-summary", inputs: ["ratingSummary"] }, { kind: "component", type: i2.HorizontalScrollerV2Component, selector: "ws-utils-horizontal-scroller-v2", inputs: ["loadStatus", "onHover", "sliderConfig", "widgetsLength", "defaultMaxWidgets", "stripConfig", "stripsResultDataMap", "subtype"], outputs: ["loadNext"] }, { kind: "directive", type: i19.SbUiResolverDirective, selector: "[sbUiResolverWidget]", inputs: ["sbUiResolverWidget"] }, { kind: "directive", type: i20.MatLegacyTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i21.TocKpiValuesComponent, selector: "ws-widget-toc-kpi-values", inputs: ["tocStructure", "content", "contentReadData", "isMobile", "showInstructorLedMsg", "baseContentReadData", "languageList"] }, { kind: "component", type: i22.KarmaPointsComponent, selector: "ws-widget-karma-points", inputs: ["content", "data", "pCategory", "condition", "btnCategory"], outputs: ["clickClaimKarmaPoints"] }, { kind: "pipe", type: i13.SlicePipe, name: "slice" }, { kind: "pipe", type: i13.DatePipe, name: "date" }, { kind: "pipe", type: i2.PipeRelativeTimePipe, name: "pipeRelativeTime" }, { kind: "pipe", type: i23.TranslatePipe, name: "translate" }, { kind: "pipe", type: i24.ReplaceNbspPipe, name: "replaceNbsp" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AppTocAboutComponent, selector: "ws-widget-app-toc-about", inputs: { condition: "condition", kparray: "kparray", content: "content", contentReadData: "contentReadData", baseContentReadData: "baseContentReadData", skeletonLoader: "skeletonLoader", sticky: "sticky", tocStructure: "tocStructure", pathSet: "pathSet", config: "config", resumeData: "resumeData", forPreview: "forPreview", showReviews: "showReviews", batchData: "batchData", fromViewer: "fromViewer", selectedBatchData: "selectedBatchData", selectedTabValue: "selectedTabValue", fromMarketPlace: "fromMarketPlace", showMarketPlaceCertificate: "showMarketPlaceCertificate", languageList: "languageList", lockCertificate: "lockCertificate", fromMDO: "fromMDO" }, outputs: { trigerCompletionSurveyForm: "trigerCompletionSurveyForm" }, viewQueries: [{ propertyName: "summaryElem", first: true, predicate: ["summaryElem"], descendants: true }, { propertyName: "objectivesElem", first: true, predicate: ["objectivesElem"], descendants: true }, { propertyName: "descElem", first: true, predicate: ["descElem"], descendants: true }, { propertyName: "tagsElem", first: true, predicate: ["tagsElem"], descendants: true }, { propertyName: "searchTagElem", first: true, predicate: ["searchTagElem"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "\n<ng-template #certificateCard>\n    <ng-container *ngIf=\"!disableCertificate\">\n        <ng-container *ngIf=\"!lockCertificate; else certificateLock\">\n            <div class=\"certificate-outer-div\">\n                <div class=\"certificate-card\">\n                    <div class=\"flex flex-col certificate-info p-4 gap-3\">\n                        <div class=\"flex flex-row\">\n                            <div class=\"flex-1\">\n                                <ng-container *ngIf=\"skeletonLoader\">\n                                    <ws-widget-skeleton-loader [bindingClass]=\"'flex rounded'\" [width]=\"'200px'\"\n                                        [height]=\"'24px'\"></ws-widget-skeleton-loader>\n                                </ng-container>\n                                <ng-container *ngIf=\"!skeletonLoader\">\n                                    <div class=\"text-sm font-semibold cursor-pointer truncate-3\">{{ content?.name }}\n                                    </div>\n                                    <!-- <div class=\"text-xs font-light\" *ngIf=\"content?.completedOn\">{{ 'apptocsinglepage.completedCourse' | translate }} {{ content?.completedOn ?\n                                        (content?.completedOn | date: 'd MMM, y') : 'NA' }}</div> -->\n                                    <div class=\"text-xs font-light\" *ngIf=\"content?.completedOn\">\n                                        <div *ngIf=\"content?.courseCategory;else primaryCategoryCheck\">\n                                            {{ 'apptocsinglepage.completedOn' | translate }} {{content?.courseCategory}} {{\n                                                'apptocsinglepage.on' | translate \n                                            }} {{\n                                            content?.completedOn\n                                            ?\n                                            (content?.completedOn | date: 'd MMM, y') : 'NA' }}\n\n                                        </div>\n                                        <ng-template #primaryCategoryCheck>\n                                        <div *ngIf=\"content?.primaryCategory === 'Standalone Assessment'\">\n                                            {{ 'apptocsinglepage.completedAssessment' | translate }} {{\n                                            content?.completedOn\n                                            ?\n                                            (content?.completedOn | date: 'd MMM, y') : 'NA' }}</div>\n\n                                        <div *ngIf=\"content?.primaryCategory === 'Program'\">\n                                            {{ 'apptocsinglepage.completedProgram' | translate }} {{\n                                            content?.completedOn ?\n                                            (content?.completedOn | date: 'd MMM, y') : 'NA' }}</div>\n\n                                        <div *ngIf=\"content?.primaryCategory === 'Course'\">\n                                            {{ 'apptocsinglepage.completedCourse' | translate }} {{ content?.completedOn\n                                            ?\n                                            (content?.completedOn | date: 'd MMM, y') : 'NA' }}</div>\n                                        </ng-template>\n                                    </div>\n\n                                </ng-container>\n                            </div>\n                            <div class=\"flex justify-center download-section\">\n                                <ng-container *ngIf=\"skeletonLoader\">\n                                    <ws-widget-skeleton-loader [bindingClass]=\"'flex rounded'\" [width]=\"'24px'\"\n                                        [height]=\"'24px'\"></ws-widget-skeleton-loader>\n                                </ng-container>\n                                <ng-container>\n                                    <mat-icon class=\"icon cursor-pointer \" *ngIf=\"!downloadCertificateBool\"\n                                        (click)=\"handleOpenCertificateDialog()\">arrow_downward</mat-icon>\n                                    <mat-spinner *ngIf=\"downloadCertificateBool\" strokeWidth=\"2\"\n                                        [diameter]=\"20\"></mat-spinner>\n                                </ng-container>\n                            </div>\n                        </div>\n                        <div class=\"flex-1\">\n                            <ng-container *ngIf=\"skeletonLoader\">\n                                <ws-widget-skeleton-loader [bindingClass]=\"'flex rounded'\" [width]=\"'280px'\"\n                                    [height]=\"'148px'\"></ws-widget-skeleton-loader>\n                            </ng-container>\n                            <ng-container *ngIf=\"!skeletonLoader\">\n                                <div class=\"certificate_box\" *ngIf=\"!content?.certificateObj?.certId\">\n                                    <img *ngIf=\"!fromMarketPlace\" src=\"/assets/icons/toc/no-certificate.svg\"\n                                        alt=\"No certificate image\" />\n                                    <img *ngIf=\"fromMarketPlace\" src=\"/assets/icons/toc/no-certificate-market-place.svg\"\n                                        alt=\"No certificate image\" />\n                                    <div class=\"flex items-center certificate_overlay\">\n                                        <div class=\"flex flex-col text-center gap-1 p-4 text-white mt-4\">\n                                            <div>{{'apptochome.certificationTakesTime' | translate }}</div>\n                                            <!-- <div>{{'apptochome.issuePersistsMailus' | translate }} mission.karmayogi@gov.in -->\n                                            <div>{{'apptochome.issuePersistsMailus' | translate }} <a\n                                                    href=\"mailto:mission.karmayogi@gov.in\" class=\"emailDefault\">\n                                                    mission.karmayogi@gov.in</a>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                <ng-container *ngIf=\"content?.certificateObj?.certId\">\n                                    <div class=\"img-container\">\n                                        <img class=\"celebration-animation\"\n                                            src=\"assets/images/animation/leaderboard_animation.gif\" />\n                                        <img *ngIf=\"!fromMarketPlace\" class=\"ceritificate-image\"\n                                            [src]=\"'/assets/icons/toc/no-certificate.svg'\" alt=\"certificate image\" />\n                                        <img *ngIf=\"fromMarketPlace\" class=\"ceritificate-image\"\n                                            [src]=\"'/assets/icons/toc/no-certificate-market-place.svg'\"\n                                            alt=\"certificate image\" />\n\n                                        <div\n                                            [ngClass]=\"{'view-certificate': downloadCertificateBool, 'view-cert': !downloadCertificateBool}\">\n                                            <button type=\"button\" (click)=\"handleOpenCertificateDialog()\">\n                                                <span *ngIf=\"!downloadCertificateBool\">{{\n                                                    'apptoccontentcard.viewCertificate' | translate }}</span>\n                                                <div *ngIf=\"downloadCertificateBool\" class=\"uploader-status\">\n                                                    <mat-spinner></mat-spinner>\n                                                </div>\n                                            </button>\n                                        </div>\n                                    </div>\n                                </ng-container>\n                                <!-- <ng-container *ngIf=\"content?.certificateObj?.certData\">\n                                    <img class=\"celebration-animation\" src=\"assets/images/animation/leaderboard_animation.gif\"/>\n                                    <img class=\"ceritificate-image\"\n                                        [src]=\"content?.certificateObj?.certData | pipeSafeSanitizer: 'url'\"\n                                        alt=\"certificate image\" />\n                                </ng-container> -->\n                            </ng-container>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"flex flex-wrap gap-3 chips-card\">\n                    <ng-container *ngFor=\"let subTheme of contentReadData?.subTheme; let j = index\">\n                        <div class=\"chip rounded-full p-2 text-xs\"\n                            [ngClass]=\"{'hidden': (j > 1 && !content?.viewMore), 'chip-ellipsis': !content?.viewMore && content?.subTheme?.length > 1 }\"\n                            [title]=\"subTheme\">{{ subTheme }}</div>\n                    </ng-container>\n                    <div class=\"flex items-center text-primary underline cursor-pointer text-xs\"\n                        *ngIf=\"content?.subTheme?.length > 2 && !content?.viewMore\"\n                        (click)=\"content.viewMore = !content.viewMore\">\n                        {{'competencyCardDetails.viewMore' | translate}}\n                    </div>\n                    <div class=\"flex items-center text-primary underline cursor-pointer text-xs\"\n                        *ngIf=\"content?.viewMore\" (click)=\"content.viewMore = !content.viewMore\">\n                        {{'competencyCardDetails.viewLess' | translate}}\n                    </div>\n                </div>\n            </div>\n        </ng-container>\n        <ng-template #certificateLock>\n            <div class=\"certificate-outer-div locked-certificate-outer-div\">\n                <div class=\"certificate-lock p-4 flex flex-col gap-4\">\n                    <div class=\"flex justify-center items-center certificate-lock-text\">\n                        {{ 'apptoc.certificateLocked' | translate }}\n                    </div>\n                    <div class=\"flex justify-center items-center flex-col p-4 gap-2 locking-screen\">\n                        <img src=\"/assets/icons/lock_wht.svg\" alt=\"lock image\" />\n                        <div class=\"certificateLockedText pb-2\">{{'apptoc.certificateLockedMessage' | translate }}</div>\n                        <div class=\"locking-screen-description\">\n                            {{'apptoc.unlockCertificate' | translate}} <span\n                                class=\"surveyFormeText\">{{'apptoc.surveyForm' | translate}}</span> {{\n                            'apptoc.unlockCertificate2' | translate : { courseCategory: content?.courseCategory ?\n                            content?.courseCategory : content?.primaryCategory } }}\n                        </div>\n\n                        <button mat-button class=\"surveyFormeButton px-7\"\n                            (click)=\"openSurveyFormPopup()\">{{'apptoc.completeSurveyNow' | translate}}</button>\n                    </div>\n                </div>\n            </div>\n        </ng-template>\n    </ng-container>\n</ng-template>\n\n<ng-template #competencyLabel>\n    <div class=\"pt-mweb-4 mat-subheading-1 flex items-center gap-2\">\n        {{ 'apptocsinglepage.competencies' | translate }}\n        <mat-icon\n            class=\"cursor-pointer ws-mat-black60-text info-icon mat-icon notranslate material-icons mat-icon-no-color\"\n            [matTooltipPosition]=\"'below'\" #tooltip=\"matTooltip\" (click)=\"tooltip.toggle()\"\n            matTooltip=\"{{ 'apptocsinglepage.competenciesTooltip' | translate }}\">info_outline</mat-icon>\n    </div>\n</ng-template>\n<div class=\"flex flex-col mt-4\" [ngClass]=\"isMobile ? 'mx-4' : ''\"\n    *ngIf=\"contentReadData?.retirementDate && contentReadData?.lastEnrollmentDate\">\n    <ng-container *ngIf=\"!skeletonLoader\">\n        <div class=\"flex items-center content-retire-container\">\n            <mat-icon class=\"material-icons retire-info-icon\">warning</mat-icon>\n            <div class=\"body-1\">This course is scheduled for retirement. The last date to enroll is\n                {{contentReadData?.lastEnrollmentDate | date: 'MMMM d, y'}}, and\n                the course will be retired on {{contentReadData?.retirementDate | date: 'MMMM d, y'}}.\n            </div>\n        </div>\n    </ng-container>\n</div>\n<div class=\"flex flex-col mt-4 mx-4 block\" *ngIf=\"isMobile && contentReadData?.contentVersionInfo?.identifier\">\n    <div class=\"flex flex-col gap-1  cursor-pointer switch-version\" (click)=\"navigateToNewVersion()\"\n        (keydown)=\"navigateToNewVersion()\">\n        <span class=\"btn-switch\">{{ 'apptoc.switchToNewVersion' | translate }}</span>\n    </div>\n</div>\n\n\n<div class=\"flex flex-col my-4 px-4\" [class.mt60]=\"sticky\" [ngClass]=\"isMobile ? '' : 'gap-10'\">\n    <ng-container\n        *ngIf=\"(content?.completionStatus === 2 || content?.certificateObj?.certId) && !fromMarketPlace && !disableCertificate\">\n        <div class=\"certificate-container\" *ngIf=\"!skeletonLoader\">\n            <div class=\"flex flex-row earned-certificate-container\">\n                <div class=\"ribbon\"></div>\n                <div class=\"certificate-background\">\n                    <div class=\"p-4\">\n                        <div class=\"earned-certificate\">{{ 'apptocsinglepage.certificateEarned' | translate }}</div>\n                    </div>\n                    <div class=\"flex flex-col items-end\">\n                        <ng-container [ngTemplateOutlet]=\"certificateCard\"></ng-container>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <div class=\"mobile-certificate-container\" *ngIf=\"!skeletonLoader\">\n            <div class=\"earned-certificate-container\">\n                <div class=\"flex flex-row\">\n                    <div class=\"ribbon\"></div>\n                    <div class=\"earned-certificate\">{{ 'apptocsinglepage.certificateEarned' | translate }}</div>\n                </div>\n\n                <div class=\"certificate-background\">\n                    <ng-container [ngTemplateOutlet]=\"certificateCard\"></ng-container>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n    <ng-container *ngIf=\"showMarketPlaceCertificate && fromMarketPlace\">\n        <div class=\"certificate-container\" *ngIf=\"!skeletonLoader && !disableCertificate\">\n            <div class=\"flex flex-row earned-certificate-container\">\n                <div class=\"ribbon\"></div>\n                <div class=\"certificate-background\">\n                    <div class=\"p-4\">\n                        <div class=\"earned-certificate\">{{ 'apptocsinglepage.certificateEarned' | translate }}</div>\n                    </div>\n                    <div class=\"flex flex-col items-end\">\n                        <ng-container [ngTemplateOutlet]=\"certificateCard\"></ng-container>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <div class=\"mobile-certificate-container\" *ngIf=\"!skeletonLoader\">\n            <div class=\"earned-certificate-container\">\n                <div class=\"flex flex-row\">\n                    <div class=\"ribbon\"></div>\n                    <div class=\"earned-certificate\">{{ 'apptocsinglepage.certificateEarned' | translate }}</div>\n                </div>\n\n                <div class=\"certificate-background\">\n                    <ng-container [ngTemplateOutlet]=\"certificateCard\"></ng-container>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"skeletonLoader\">\n        <ws-widget-skeleton-loader [bindingClass]=\"'flex rounded'\" [height]=\"'148px'\"></ws-widget-skeleton-loader>\n    </ng-container>\n\n    <ng-container *ngIf=\"(fromViewer || router.url.includes('/viewer/pdf/do_')) && !fromMDO\">\n        <div class=\"flex flex-col gap-1 mt-2\">\n            <div class=\"flex font-semibold text-base\">{{ handleCapitalize(content?.name) }} </div>\n            <div class=\"mob-text break-words text-sm nodtranslate\">{{ 'cardcontentv2.by' | translate }} {{\n                content?.source }}</div>\n        </div>\n    </ng-container>\n    <ng-container *ngIf=\"(fromViewer || router.url.includes('/viewer/pdf/do_')) && fromMDO\">\n        <div class=\"flex flex-col gap-1 mt-2\">\n            <div class=\"flex font-semibold text-base\">{{ handleCapitalize(content?.result?.content?.name) }} </div>\n            <div class=\"mob-text break-words text-sm nodtranslate\">{{ 'cardcontentv2.by' | translate }} {{\n                content?.result?.content?.source }}</div>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"content && content?.primaryCategory === primaryCategory.BLENDED_PROGRAM\">\n        <div class=\"flex flex-row gap-3 justify-around hideAbove1200\">\n            <div class=\"batch-info\">\n                <div class=\"font-base font-bold\">{{ selectedBatchData?.content[0]?.batchAttributes?.currentBatchSize ||\n                    '0' }}\n                </div>\n                <div class=\"batch-label\">{{ 'apptoc.batchSize' | translate }}</div>\n            </div>\n            <div class=\"batch-info\">\n                <div class=\"font-base font-bold\">{{ selectedBatchData?.userCount?.totalApplied || '0' }}</div>\n                <div class=\"batch-label\">{{ 'apptoc.totalApplied' | translate }}</div>\n            </div>\n            <div class=\"batch-info\">\n                <div class=\"font-base font-bold\">{{ selectedBatchData?.userCount?.enrolled || '0' }}</div>\n                <div class=\"batch-label\">{{ 'apptoc.totalEnrolled' | translate }}</div>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"timer.days >= 0 && content?.primaryCategory === primaryCategory.BLENDED_PROGRAM\">\n        <div class=\"flex flex-col gap-6 my-5 batch-timer hideAbove1200\">\n            <div class=\"flex flex-row\">\n                <div class=\"flex-1\">\n                    <div class=\"flex underline\"></div>\n                </div>\n                <div class=\"flex\">\n                    <div class=\"timer-label\">{{ 'apptocsinglepage.batchStartsIn' | translate }}</div>\n                </div>\n                <div class=\"flex-1\">\n                    <div class=\"flex underline\"></div>\n                </div>\n            </div>\n\n            <div class=\"flex flex-row gap-4 justify-center\">\n                <div class=\"flex flex-row gap-1 items-center\">\n                    <div class=\"text-4xl leading-10 counter\">{{ timer.days || 0 }}</div>\n                    <div class=\"counter-label\">{{ 'apptocsinglepage.days' | translate }}</div>\n                </div>\n                <div class=\"flex items-center counter-label\">\n                    :\n                </div>\n                <div class=\"flex flex-row gap-1 items-center\">\n                    <div class=\"text-4xl leading-10 counter\">{{ timer.min === 60 ? timer.hours + 1 : timer.hours }}\n                    </div>\n                    <div class=\"counter-label\">{{ 'apptocsinglepage.hours' | translate }}</div>\n                </div>\n                <div class=\"flex items-center counter-label\">\n                    :\n                </div>\n                <div class=\"flex flex-row gap-1 items-center\">\n                    <div class=\"text-4xl leading-10 counter\">{{ timer.min === 60 ? 00 : timer.min }}</div>\n                    <div class=\"counter-label\">{{ 'apptocsinglepage.minutes' | translate }}</div>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n\n    <div class=\"flex flex-col\" *ngIf=\"fromViewer || isMobile\">\n        <ng-container *ngIf=\"skeletonLoader\">\n            <div class=\"flex flex-row gap-3\">\n                <ws-widget-skeleton-loader [width]=\"'60px'\" [height]=\"'60px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                <ws-widget-skeleton-loader [width]=\"'60px'\" [height]=\"'60px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                <ws-widget-skeleton-loader [width]=\"'60px'\" [height]=\"'60px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n            </div>\n        </ng-container>\n        <ng-container *ngIf=\"!skeletonLoader && !fromMarketPlace && !fromMDO\">\n           \n            <ws-widget-toc-kpi-values [content]=\"content\" [tocStructure]=\"tocStructure\" [isMobile]=\"isMobile\"\n                [contentReadData]=\"contentReadData\" [baseContentReadData]=\"baseContentReadData\"\n                [languageList]=\"languageList\"></ws-widget-toc-kpi-values>\n        </ng-container>\n         <ng-container *ngIf=\"!skeletonLoader && !fromMarketPlace && fromMDO\">\n            <ws-widget-toc-kpi-values [content]=\"content?.result?.content\" [tocStructure]=\"tocStructure\" [isMobile]=\"isMobile\"\n                [contentReadData]=\"contentReadData\" [baseContentReadData]=\"baseContentReadData\"\n                [languageList]=\"languageList\"></ws-widget-toc-kpi-values>\n        </ng-container>\n    </div>\n\n    <div class=\"flex flex-col\">\n        <ng-container *ngIf=\"skeletonLoader\">\n            <ws-widget-skeleton-loader [width]=\"'80px'\" [height]=\"'16px'\"\n                [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n            <div class=\"flex flex-col gap-2 mt-4\">\n                <ws-widget-skeleton-loader [width]=\"'80%'\" [height]=\"'16px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                <ws-widget-skeleton-loader [width]=\"'95%'\" [height]=\"'16px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                <ws-widget-skeleton-loader [width]=\"'65%'\" [height]=\"'16px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n            </div>\n        </ng-container>\n        <ng-container *ngIf=\"!skeletonLoader\">\n            <div class=\"mat-subheading-1 font-bold nodtranslate\">\n                {{ 'apptocsinglepage.description' | translate }}\n            </div>\n            <!-- <div *ngIf=\"content?.contentId && content?.contentId.includes('ext_')\"\n                class=\"mat-subheading-1 font-bold nodtranslate\">{{ 'apptocsinglepage.description' | translate }}\n            </div>\n            <div *ngIf=\"!(content?.contentId && content?.contentId.includes('ext_'))\"\n                class=\"mat-subheading-1 font-bold nodtranslate\">{{ 'apptocsinglepage.summary' | translate }}</div> -->\n            <div [ngClass]=\"{'mob-desc-ellipsis': summary.ellipsis && isMobile, 'desc-ellipsis': summary.ellipsis && !isMobile}\"\n                #summaryElem>\n                <div class=\"mob-text nodtranslate\"\n                    [innerHtml]=\"handleCapitalize(contentReadData?.description | replaceNbsp)\"></div>\n                <div class=\"ws-mat-default-text font-bold cursor-pointer text-sm\" *ngIf=\"summary.viewLess\"\n                    (click)=\"summary.ellipsis = !summary.ellipsis; summary.viewLess = !summary.viewLess\">&nbsp;{{\n                    'apptocsinglepage.viewLess' | translate }}</div>\n            </div>\n            <div class=\"ws-mat-default-text font-bold text-sm\" *ngIf=\"summary.ellipsis\">\n                <span class=\"cursor-pointer\"\n                    (click)=\"summary.ellipsis = !summary.ellipsis; summary.viewLess = !summary.viewLess\">{{\n                    'apptocsinglepage.viewMore' | translate }}</span>\n            </div>\n        </ng-container>\n    </div>\n\n    <div class=\"flex flex-col\" *ngIf=\"contentReadData?.instructions || contentReadData?.purpose\">\n        <ng-container *ngIf=\"skeletonLoader\">\n            <ws-widget-skeleton-loader [width]=\"'80px'\" [height]=\"'16px'\"\n                [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n            <div class=\"flex flex-col gap-2 mt-4\">\n                <ws-widget-skeleton-loader [width]=\"'80%'\" [height]=\"'16px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                <ws-widget-skeleton-loader [width]=\"'95%'\" [height]=\"'16px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                <ws-widget-skeleton-loader [width]=\"'65%'\" [height]=\"'16px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n            </div>\n        </ng-container>\n        <ng-container *ngIf=\"!skeletonLoader\">\n            <div class=\"mat-subheading-1 nodtranslate\">{{ 'apptocsinglepage.learningOutcome' | translate }}</div>\n            <div class=\"desc\"\n                [ngClass]=\"{'mob-desc-ellipsis': description.ellipsis && isMobile, 'desc-ellipsis': description.ellipsis && !isMobile}\"\n                #descElem>\n\n                <div [innerHTML]=\"contentReadData?.instructions || contentReadData?.purpose | replaceNbsp\"\n                    class=\"mob-text break-words nodtranslate\"></div>\n                <div class=\"ws-mat-default-text font-bold cursor-pointer text-sm\" *ngIf=\"description.viewLess\"\n                    (click)=\"description.ellipsis = !description.ellipsis; description.viewLess = !description.viewLess\">\n                    &nbsp;{{ 'apptocsinglepage.viewLess' | translate }}</div>\n            </div>\n            <div class=\"ws-mat-default-text font-bold text-sm\" *ngIf=\"description.ellipsis\">\n                <span class=\"cursor-pointer\"\n                    (click)=\"description.ellipsis = !description.ellipsis; description.viewLess = !description.viewLess\">{{\n                    'apptocsinglepage.viewMore' | translate }}</span>\n            </div>\n        </ng-container>\n    </div>\n\n    <div class=\"flex flex-col\" *ngIf=\"content?.objectives\">\n        <ng-container *ngIf=\"skeletonLoader\">\n            <ws-widget-skeleton-loader [width]=\"'80px'\" [height]=\"'16px'\"\n                [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n            <div class=\"flex flex-col gap-2 mt-4\">\n                <ws-widget-skeleton-loader [width]=\"'80%'\" [height]=\"'16px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                <ws-widget-skeleton-loader [width]=\"'95%'\" [height]=\"'16px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                <ws-widget-skeleton-loader [width]=\"'65%'\" [height]=\"'16px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n            </div>\n        </ng-container>\n        <ng-container *ngIf=\"!skeletonLoader\">\n            <div class=\"mat-subheading-1 font-bold pt-mweb-8 nodtranslate\">{{ 'apptocsinglepage.learningOutcome' |\n                translate\n                }}</div>\n            <div [ngClass]=\"{'mob-desc-ellipsis': objectives.ellipsis && isMobile, 'desc-ellipsis': objectives.ellipsis && !isMobile}\"\n                #objectivesElem>\n                <span class=\"mob-text nodtranslate\" [innerHtml]=\"handleCapitalize(content?.objectives)\"></span>\n                <div class=\"ws-mat-default-text font-bold cursor-pointer text-sm\" *ngIf=\"objectives.viewLess\"\n                    (click)=\"objectives.ellipsis = !objectives.ellipsis; objectives.viewLess = !objectives.viewLess\">\n                    &nbsp;{{ 'apptocsinglepage.viewLess' | translate }}</div>\n            </div>\n            <div class=\"ws-mat-default-text font-bold text-sm\" *ngIf=\"objectives.ellipsis\">\n                <span class=\"cursor-pointer\"\n                    (click)=\"objectives.ellipsis = !objectives.ellipsis; objectives.viewLess = !objectives.viewLess\">{{\n                    'apptocsinglepage.viewMore' | translate }}</span>\n            </div>\n        </ng-container>\n    </div>\n\n    <div class=\"flex flex-col\"\n        *ngIf=\"contentReadData?.summary && contentReadData?.contentId && contentReadData?.contentId.includes('ext_')\">\n        <ng-container *ngIf=\"skeletonLoader\">\n            <ws-widget-skeleton-loader [width]=\"'80px'\" [height]=\"'16px'\"\n                [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n            <div class=\"flex flex-col gap-2 mt-4\">\n                <ws-widget-skeleton-loader [width]=\"'80%'\" [height]=\"'16px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                <ws-widget-skeleton-loader [width]=\"'95%'\" [height]=\"'16px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                <ws-widget-skeleton-loader [width]=\"'65%'\" [height]=\"'16px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n            </div>\n        </ng-container>\n        <ng-container *ngIf=\"!skeletonLoader\">\n            <div class=\"mat-subheading-1 nodtranslate\">{{ 'apptocsinglepage.summary' | translate }}</div>\n            <div class=\"desc\"\n                [ngClass]=\"{'mob-desc-ellipsis': description.ellipsis && isMobile, 'desc-ellipsis': description.ellipsis && !isMobile}\"\n                #descElem>\n\n                <div [innerHTML]=\"contentReadData?.summary | replaceNbsp\" class=\"mob-text break-words nodtranslate\">\n                </div>\n                <div class=\"ws-mat-default-text font-bold cursor-pointer text-sm\" *ngIf=\"description.viewLess\"\n                    (click)=\"description.ellipsis = !description.ellipsis; description.viewLess = !description.viewLess\">\n                    &nbsp;{{ 'apptocsinglepage.viewLess' | translate }}</div>\n            </div>\n            <div class=\"ws-mat-default-text font-bold text-sm\" *ngIf=\"description.ellipsis\">\n                <span class=\"cursor-pointer\"\n                    (click)=\"description.ellipsis = !description.ellipsis; description.viewLess = !description.viewLess\">{{\n                    'apptocsinglepage.viewMore' | translate }}</span>\n            </div>\n        </ng-container>\n    </div>\n\n    <ng-container *ngIf=\"skeletonLoader\">\n        <div class=\"flex flex-col gap-3\">\n            <ws-widget-skeleton-loader [width]=\"'120px'\" [height]=\"'16px'\"\n                [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n            <div class=\"flex flex-row gap-3\">\n                <ng-container *ngFor=\"let i of [1, 2]\">\n                    <ws-widget-skeleton-loader [width]=\"'120px'\" [height]=\"'32px'\"\n                        [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                </ng-container>\n            </div>\n            <div class=\"flex flex-row gap-4\">\n                <ws-widget-skeleton-loader [width]=\"'250px'\" [height]=\"'80px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                <ws-widget-skeleton-loader [width]=\"'250px'\" [height]=\"'80px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"!skeletonLoader\">\n        \n        <ng-container *ngIf=\"!strip?.loaderWidgets?.length || !competenciesObject\">\n            <div class=\"flex flex-col\">\n                <ng-container [ngTemplateOutlet]=\"competencyLabel\"></ng-container>\n                {{ 'apptocsinglepage.noCompetencyFound' | translate }}\n            </div>\n        </ng-container>\n        \n        <ng-container *ngIf=\"strip?.loaderWidgets?.length > 0\">\n            <div class=\"flex flex-col gap-3\">\n                <ng-container [ngTemplateOutlet]=\"competencyLabel\"></ng-container>\n                <div class=\"flex flex-row gap-3 sm:gap-4 mb-3\">\n                    <ng-container *ngFor=\"let item of competenciesObject\">\n                        <div class=\"themes-button\" [ngClass]=\"{'theme-activated': competencySelected === item.key}\"\n                            (click)=\"handleShowCompetencies(item, 'selected')\">{{ item.key }}</div>\n                    </ng-container>\n                </div>\n                <ng-container *ngFor=\"let item of competenciesObject\">\n                    <div *ngIf=\"item?.key === competencySelected\">\n                        <ws-utils-horizontal-scroller-v2 [loadStatus]=\"'done'\" [stripConfig]=\"strip.stripConfig\">\n                            <ng-container *ngFor=\"let widget of strip?.loaderWidgets; trackBy: tracker\">\n                                <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n                            </ng-container>\n                        </ws-utils-horizontal-scroller-v2>\n                    </div>\n                </ng-container>\n            </div>\n        </ng-container>\n    </ng-container>\n\n\n    <ng-container *ngIf=\"skeletonLoader\">\n        <ws-widget-skeleton-loader [width]=\"'48px'\" [height]=\"'16px'\"\n            [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n        <div class=\"flex flex-col gap-2 mt-4\">\n            <ws-widget-skeleton-loader [width]=\"'95%'\" [height]=\"'16px'\"\n                [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n            <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'16px'\"\n                [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n        </div>\n    </ng-container>\n    <ng-container *ngIf=\"!skeletonLoader\">\n        <!-- {{content|json}} -->\n        <ng-container *ngIf=\"contentReadData?.keywords?.length\">\n            <ng-container [ngTemplateOutlet]=\"tagsList\"\n                [ngTemplateOutletContext]=\"{ tagData: contentReadData?.keywords }\"></ng-container>\n        </ng-container>\n        <ng-container *ngIf=\"content?.searchTags?.length > 1\">\n            <ng-container *ngIf=\"content?.searchTags?.length\" [ngTemplateOutlet]=\"tagsList\"\n                [ngTemplateOutletContext]=\"{ tagData: content?.searchTags?.slice(1,content?.searchTags?.length) }\"></ng-container>\n        </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"(!skeletonLoader && sectorsList?.length) && (content?.primaryCategory?.toLowerCase() === 'learning resource' ||\n    content?.resourceCategory?.toLowerCase() === 'case study')\">\n        <div class=\"flex flex-col\">\n            <div class=\"mat-subheading-1 nodtranslate\">{{ 'gyaanKarmayogi.sectors' | translate }}</div>\n            <ng-container *ngIf=\"sectorsList?.length > 0\">\n                <div class=\"flex flex-col gap-3\">\n                    <div class=\"flex flex-row gap-3 sm:gap-4 mb-3 flex-wrap\">\n                        <ng-container *ngFor=\"let sector of sectorsList; let i = index; let isLast = last\">\n                            <!-- [ngClass]=\"{'theme-activated': competencySelected === item.key}\"-->\n                            <div class=\"themes-button\"\n                                [ngClass]=\"{'theme-activated': selectedSectorId === sector?.sectorId}\"\n                                (click)=\"handleSubsector(sector, 'selected')\">{{ sector?.sectorName }}</div>\n                        </ng-container>\n                    </div>\n                    <ng-container *ngIf=\"strip?.sectorWidgets?.length\">\n                        <div>\n                            <ws-utils-horizontal-scroller-v2 [loadStatus]=\"'done'\" [stripConfig]=\"strip.stripConfig\">\n                                <ng-container *ngFor=\"let widget of strip?.sectorWidgets; trackBy: tracker\">\n                                    <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n                                </ng-container>\n                            </ws-utils-horizontal-scroller-v2>\n                        </div>\n                    </ng-container>\n                    <ng-container *ngIf=\"strip?.sectorWidgets?.length === 0 && selectedSectorId\">\n                        <div class=\"mb-2\">\n                            No Subsector Available\n                        </div>\n                    </ng-container>\n                </div>\n            </ng-container>\n            <!-- <div class=\"flex flex-wrap gap-2\" >\n                <ng-container *ngFor=\"let sector of sectorsList; let i = index; let isLast = last\">\n                    <div class=\"text-xs mob-text\" >{{ sector?.sectorName }}</div>\n                    <div class=\"flex items-center\" *ngIf=\"!isLast\">\n                        <span class=\"period\"></span>\n                    </div>\n                </ng-container>\n            </div> -->\n        </div>\n    </ng-container>\n\n    <!-- <ng-container *ngIf=\"!skeletonLoader && subSectorsList?.length\">\n        <div class=\"flex flex-col\">\n            <div class=\"mat-subheading-1 nodtranslate\">{{ 'gyaanKarmayogi.subSectors' | translate }}</div>\n            <div class=\"flex flex-wrap gap-2\" >\n                <ng-container *ngFor=\"let sector of subSectorsList; let i = index; let isLast = last\">\n                    <div class=\"text-xs mob-text\" >{{ sector?.subSectorName }}</div>\n                    <div class=\"flex items-center\" *ngIf=\"!isLast\">\n                        <span class=\"period\"></span>\n                    </div>\n                </ng-container>\n            </div>\n        </div>\n    </ng-container> -->\n\n    <ng-template #tagsList let-tagData=\"tagData\">\n        <div class=\"flex flex-col\" *ngIf=\"tagData?.length\">\n            <div class=\"mat-subheading-1 nodtranslate\">{{ 'userProfile.tags' | translate }}</div>\n            <ng-container *ngIf=\"tagData?.length\">\n                <div class=\"flex flex-wrap gap-2\" [ngClass]=\"{'tags-ellipsis': tagsEllipsis && !viewMoreTags}\"\n                    #tagsElem>\n                    <ng-container *ngFor=\"let tag of tagData; let i = index\">\n                        <div class=\"text-xs mob-text\">{{ handleCapitalize(tag) }}</div>\n                        <div class=\"flex items-center\" *ngIf=\"tagData?.length > (i + 1)\">\n                            <span class=\"period\"></span>\n                        </div>\n                    </ng-container>\n                </div>\n                <div class=\"flex items-center ws-mat-default-text underline cursor-pointer text-xs\"\n                    *ngIf=\"tagsEllipsis && !viewMoreTags\" (click)=\"viewMoreTags = !viewMoreTags\">{{\n                    'apptocsinglepage.viewMore' | translate }}</div>\n                <div class=\"flex items-center ws-mat-default-text underline cursor-pointer text-xs mt-1\"\n                    *ngIf=\"viewMoreTags\" (click)=\"viewMoreTags = !viewMoreTags\">{{ 'apptocsinglepage.viewLess' |\n                    translate }}</div>\n            </ng-container>\n            <div class=\"flex flex-wrap gap-2\" *ngIf=\"!tagData?.length\">\n                {{ 'userProfile.noTags' | translate }}\n            </div>\n        </div>\n    </ng-template>\n\n    <!-- <ng-container *ngIf=\"!skeletonLoader && content?.searchTags\">\n        <div class=\"flex flex-col\" *ngIf=\"content?.searchTags.length\">\n            <div class=\"mat-subheading-1\">{{ 'userProfile.tags' | translate }}</div>\n            <ng-container *ngIf=\"content?.searchTags.length\">\n                <div class=\"flex flex-wrap gap-2\" [ngClass]=\"{'tags-ellipsis': searchTagsEllipsis && !viewMoreTags}\" #searchTagElem>\n                    <ng-container *ngFor=\"let tag of content?.searchTags; let i = index\">\n                        <div class=\"text-xs mob-text\" >{{ handleCapitalize(tag) }}</div>\n                        <div class=\"flex items-center\" *ngIf=\"content?.searchTags.length > (i + 1)\">\n                            <span class=\"period\"></span>\n                        </div>\n                    </ng-container>\n                </div>\n                <div class=\"flex items-center ws-mat-default-text underline cursor-pointer text-xs\" *ngIf=\"searchTagsEllipsis && !viewMoreTags\" (click)=\"viewMoreTags = !viewMoreTags\">{{ 'apptocsinglepage.viewMore' | translate }}</div>\n                <div class=\"flex items-center ws-mat-default-text underline cursor-pointer text-xs mt-1\" *ngIf=\"viewMoreTags\"\n                (click)=\"viewMoreTags = !viewMoreTags\">{{ 'apptocsinglepage.viewLess' | translate }}</div>\n            </ng-container>\n            <div class=\"flex flex-wrap gap-2\" *ngIf=\"!content?.searchTags.length\">\n                {{ 'userProfile.noTags' | translate }}\n            </div>\n        </div>\n    </ng-container> -->\n\n    <div class=\"mobile-karma-points\">\n        <ws-widget-karma-points [content]=\"content\" [btnCategory]=\"\" [condition]=\"condition\"\n            (clickClaimKarmaPoints)=\"handleClickOfClaim($event)\" [data]=\"kparray\">\n        </ws-widget-karma-points>\n    </div>\n\n    <ng-container *ngIf=\"skeletonLoader\">\n        <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'72px'\"\n            [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n    </ng-container>\n    <ng-container *ngIf=\"!skeletonLoader && !forPreview\">\n        <!-- commented because of new discussion v2 comments implmentation -->\n        <!-- <div class=\"flex flex-col sm:flex-row items-center discussion-div\">\n            <div class=\"flex-1 forum-content\">\n                <div class=\"flex flex-col sm:flex-row gap-5 items-center\">\n                    <mat-icon>forum</mat-icon>\n                    <div class=\"suggestion-text sm:pr-4\">{{ 'apptocsinglepage.anySuggestions' | translate }}</div>\n                </div>\n            </div>\n            <div class=\"flex-none p-3\">\n                <button class=\"action-button\" (click)=\"navigateToDiscussionHub()\">{{ 'discuss.startDiscuss' | translate }}</button>\n            </div>\n        </div> -->\n    </ng-container>\n\n    <ng-container *ngIf=\"skeletonLoader\">\n        <div class=\"flex flex-col gap-6\">\n            <div class=\"flex flex-col gap-4\" *ngFor=\"let i of [1, 2]\">\n                <ws-widget-skeleton-loader [width]=\"'72px'\" [height]=\"'20px'\"\n                    [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n\n                <div class=\"flex flex-row items-center gap-3\">\n                    <ws-widget-skeleton-loader [width]=\"'36px'\" [height]=\"'36px'\"\n                        [bindingClass]=\"'rounded-full'\"></ws-widget-skeleton-loader>\n                    <div class=\"flex flex-col gap-2\">\n                        <ws-widget-skeleton-loader [width]=\"'124px'\" [height]=\"'20px'\"\n                            [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                        <ws-widget-skeleton-loader [width]=\"'124px'\" [height]=\"'12px'\"\n                            [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"!skeletonLoader && !fromMarketPlace\">\n        <div class=\"flex flex-column gap-3\" [ngClass]=\"{'hideAbove1200': !router.url.includes('/viewer/')}\">\n            <div class=\"text-base font-bold\">{{ 'apptocsinglepage.authorsAndCurators' | translate }}</div>\n            <div class=\"flex flex-col gap-4\">\n                <div class=\"flex flex-row gap-4 items-center\"\n                    *ngFor=\"let author of handleParseJsonData(contentReadData?.creatorDetails)\">\n                    <div class=\"flex items-center justify-center\">\n                        <ws-widget-avatar-photo [randomColor]=\"true\" [datalen]=\"1\" [size]=\"'round-m'\"\n                            [photoUrl]=\"author.photo || ''\" [name]=\"author.name\">\n                        </ws-widget-avatar-photo>\n                    </div>\n                    <div class=\"flex flex-col gap-1 justify-center\">\n                        <div class=\"font-bold\">{{ handleCapitalize(author?.name.toLowerCase(), 'name') }}</div>\n                        <div class=\"text-xs leading-3 mob-text\">{{ 'apptocsinglepage.author' | translate }}</div>\n                    </div>\n                </div>\n\n                <div class=\"flex flex-row gap-4\"\n                    *ngFor=\"let creator of handleParseJsonData(contentReadData?.creatorContacts)\">\n                    <div class=\"flex items-center justify-center\">\n                        <ws-widget-avatar-photo [randomColor]=\"true\" [datalen]=\"1\" [size]=\"'round-m'\"\n                            [photoUrl]=\"creator.photo || ''\" [name]=\"creator.name\">\n                        </ws-widget-avatar-photo>\n                    </div>\n                    <div class=\"flex flex-col gap-1 justify-center\">\n                        <div class=\"font-bold\">{{ handleCapitalize(creator?.name.toLowerCase(), 'name') }}</div>\n                        <div class=\"text-xs leading-3 mob-text\">{{ 'apptocsinglepage.curator' | translate }}</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <div *ngIf=\"!fromMDO\" class=\"flex flex-column gap-3\" [ngClass]=\"{'hideAbove1200': !router.url.includes('/viewer/')}\">\n            <div class=\"text-base font-bold\">{{ 'apptocsinglepage.provider' | translate }}</div>\n            <div class=\"flex flex-row gap-4 items-center\">\n                <div class=\"provider-logo-div\">\n                    <img *ngIf=\"content?.creatorLogo\" [src]=\"content?.creatorLogo\"\n                        alt=\"{{ 'apptocsinglepage.provider' | translate }}\" />\n                    <img *ngIf=\"!content?.creatorLogo\" src=\"/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg\"\n                        alt=\"{{ 'apptocsinglepage.provider' | translate }}\" />\n                </div>\n                <div class=\"text-sm break-all\">{{ handleCapitalize(content?.source, 'source') }}</div>\n            </div>\n        </div>\n        <div *ngIf=\"fromMDO\" class=\"flex flex-column gap-3\" [ngClass]=\"{'hideAbove1200': !router.url.includes('/viewer/')}\">\n            <div class=\"text-base font-bold\">{{ 'apptocsinglepage.provider' | translate }}</div>\n            <div class=\"flex flex-row gap-4 items-center\">\n                <div class=\"provider-logo-div\">\n                    <img *ngIf=\"(content?.result?.content?.creatorLogo)\" height=\"36px\" width=\"36px\" [src]=\"content?.result?.content?.creatorLogo\"\n                        alt=\"{{ 'apptocsinglepage.provider' | translate }}\" />\n                    <img *ngIf=\"!(content?.result?.content?.creatorLogo)\" height=\"36px\" width=\"36px\" src=\"/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg\"\n                        alt=\"{{ 'apptocsinglepage.provider' | translate }}\" />\n                </div>\n                <div class=\"text-sm break-all\">{{ handleCapitalize(content?.result?.content?.source, 'source') }}</div>\n            </div>\n        </div>\n    </ng-container>\n\n    <ng-container *ngIf=\"skeletonLoader\">\n        <ws-widget-skeleton-loader [width]=\"'100%'\" [height]=\"'400px'\"\n            [bindingClass]=\"'rounded'\"></ws-widget-skeleton-loader>\n    </ng-container>\n    <ng-container *ngIf=\"!skeletonLoader && !forPreview\">\n        <!-- <ng-container *ngIf=\"content?.averageRating\"> -->\n        <div class=\"flex flex-col ratings-div gap-10\" id=\"ratingsDiv\" *ngIf=\"showReviews\">\n            <ws-widget-rating-summary [ratingSummary]=\"ratingSummaryProcessed\"></ws-widget-rating-summary>\n\n            <div class=\"flex flex-col gap-3\">\n                <div class=\"flex flex-row gap-4\">\n                    <div class=\"flex-1 mat-subheading-1 nodtranslate\" id=\"reviewContainer\">{{\n                        'apptocsinglepage.topReviews' | translate }}</div>\n                    <ng-container *ngIf=\"ratingSummaryProcessed?.avgRating\">\n                        <div class=\"ws-mat-default-text cursor-pointer\" (click)=\"handleOpenReviewModal()\">{{\n                            'msg.showAll' | translate }}</div>\n                    </ng-container>\n                </div>\n                <ng-container *ngIf=\"topRatingReviews && topRatingReviews?.length\">\n                    <div class=\"flex gap-5\" [ngClass]=\"isMobile ? 'horizontal-strip' : 'flex-wrap'\">\n                        <div class=\"comment-div\" *ngFor=\"let eachReview of topRatingReviews | slice:0:4; let i = index\">\n                            <div class=\"p-4 flex flex-col gap-6\">\n                                <div class=\"flex flex-row gap-4\">\n                                    <div class=\"flex-1\">\n                                        <div class=\"text-left desc-ellipsis\" title=\"{{ eachReview?.review }}\">{{\n                                            handleCapitalize(eachReview?.review) }}</div>\n                                    </div>\n                                    <div class=\"flex flex-row gap-2 rating-start-value\">\n                                        <mat-icon>star</mat-icon>\n                                        <div>{{ eachReview?.rating }}</div>\n                                    </div>\n                                </div>\n                                <div class=\"flex flex-row gap-2 items-center text-sm\">\n                                    <ws-widget-avatar-photo [randomColor]=\"true\" [datalen]=\"1\" [size]=\"'round-m'\"\n                                        [photoUrl]=\"eachReview?.photo || ''\"\n                                        [name]=\"eachReview?.firstName\"></ws-widget-avatar-photo>\n                                    <div class=\"flex flex-wrap\">\n                                        <div>{{ handleCapitalize(eachReview?.firstName.toLowerCase(), 'name') }}</div>\n                                        <div class=\"flex items-center mx-2\">\n                                            <span class=\"period\"></span>\n                                        </div>\n                                        <div>{{ eachReview?.date | pipeRelativeTime }}</div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </ng-container>\n                <div *ngIf=\"!topRatingReviews || !topRatingReviews?.length\">\n                    <div class=\"flex flex-col text-center items-center justify-center bg-white p-4 rounded-md\">\n                        <div class=\"font-base font-bold nodtranslate\">{{ 'apptocsinglepage.noReviewsFound' | translate\n                            }}</div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <!-- </ng-container> -->\n        <!-- <ng-container *ngIf=\"!content?.averageRating\">\n            <div class=\"flex flex-col gap-3 justify-center ratings-div\">\n                <img src=\"/assets/icons/toc/no-certificate.svg\" alt=\"no ratings image\" />\n                <div class=\"text-lg font-bol\">Be the first one to rate this course and your <br/> learning experience</div>\n            </div>\n        </ng-container> -->\n    </ng-container>\n</div>", styles: [".mt60{margin-top:60px}.mat-subheading-1{font-weight:700}.hidden{display:none!important}.info-icon{width:16px;height:16px;font-size:16px}.themes-button{border-radius:20px;border:1px solid rgba(0,0,0,.08);background-color:#e6e8ef;color:#0009;font-weight:400;letter-spacing:.25px;padding:8px 16px;cursor:pointer}.theme-activated{border:1px solid rgba(0,0,0,.8705882353);background-color:#dee6f2;color:#000000de;font-weight:700}.discussion-div{border-radius:12px;border:1px solid rgba(0,0,0,.08);background-color:#fff}.discussion-div .forum-content{padding:12px 28px}.discussion-div mat-icon{width:40px;height:40px;font-size:40px;color:#ff9800}.discussion-div .action-button{padding:12px 16px}@media screen and (max-width: 767px){.suggestion-text{text-align:center}.mob-text{color:#0009;word-wrap:break-word;width:100%}.retire-info-icon{font-size:28px;height:28px;color:#f3962f;width:28px;overflow:unset!important}}.mob-text{word-break:break-word;white-space:normal;overflow-wrap:break-word;text-align:left}::ng-deep .mob-text p{word-break:break-word!important;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;text-align:left}.ratings-div{background-color:#1b4ca114;padding:24px}.ratings-div .ratings-container{max-width:380px;width:100%}.ratings-div .comment-div{background-color:#fff;border-radius:8px;border:1px solid rgba(0,0,0,.16);max-width:344px;width:100%}.ratings-div .comment-div .rating-start-value mat-icon{color:#ff9800}.horizontal-strip .comment-div{min-width:340px}.batch-timer .underline{border-top:1.5px solid rgba(0,0,0,.16);margin:16px 0}.batch-timer .timer-label{font-size:12px;padding:4px 8px;border:1px solid rgba(0,0,0,.16);border-radius:16px;color:#000000de}.batch-timer .counter{color:#000000de}.batch-timer .counter-label{color:#0006;text-transform:uppercase;font-size:12px;line-height:16px}.batch-info{padding:16px;border-radius:4px;background-color:#1b4ca114;border:1px solid rgba(27,76,161,.08);text-align:center}.batch-info .batch-label{font-size:.75rem;color:#0009;line-height:1rem}.text-ellipsis,.mob-desc-ellipsis,.desc-ellipsis{white-space:break-spaces;position:relative;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-word}.desc{word-break:break-word;white-space:normal;overflow-wrap:break-word;text-align:left}.desc-ellipsis{min-height:72px;-webkit-line-clamp:3}.mob-desc-ellipsis{min-height:48px;-webkit-line-clamp:2}.tags-ellipsis{max-height:64px;overflow:hidden}::ng-deep .ratings-modal-box{max-width:880px!important;width:100%!important}::ng-deep .ratings-modal-box .mat-dialog-container{padding:0;border-radius:12px}@media screen and (max-width: 1000px){::ng-deep .ratings-modal-box{max-width:90vw!important}}.leading-5{font-family:Montserrat;font-size:16px;letter-spacing:.12px;color:#000000de;font-weight:500;margin-top:24px;margin-bottom:8px}.leading-4{font-family:Lato;font-size:14px;letter-spacing:.25px;color:#0009;font-weight:400;margin-top:8px;margin-bottom:24px}.kpi-values{margin:0 12px;min-width:72px}.earned-certificate-container{height:136px;border:1px solid rgb(27,76,161);border-radius:8px;background-color:#fff;max-width:768px}.earned-certificate-container .ribbon{position:relative;text-align:center;background:#1b4ca1;display:block;width:64px;height:60px;margin-left:20px;top:-6px;border-top-left-radius:4px;border-top-right-radius:4px}.earned-certificate-container .ribbon:after{content:\"\";width:100%;top:100%;position:absolute;display:block;border-width:4px 28px 24px 28px;border-color:#1b4ca1;border-bottom-color:transparent;border-style:solid;box-sizing:border-box}.earned-certificate-container .earned-certificate{font-family:Montserrat;font-size:20px;letter-spacing:.12px;line-height:28px;color:#1b4ca1;font-weight:600}.earned-certificate-container .certificate-background{background:url(/assets/icons/toc/cert-banner.svg);background-repeat:no-repeat;background-size:cover;width:100%;background-position-y:-88px;background-position-x:72px;height:inherit}.mobile-certificate-container{margin-top:10px;margin-bottom:20px}.mobile-certificate-container .earned-certificate-container{display:flex;flex-direction:column;gap:16px;height:100%}.mobile-certificate-container .earned-certificate-container .ribbon{width:52px;height:56px}.mobile-certificate-container .earned-certificate-container .ribbon:after{border-width:4px 28px 24px 24px}.mobile-certificate-container .earned-certificate{width:70%;padding:16px}.mobile-certificate-container .certificate-background{background:url(/assets/icons/toc/mob-cert-banner.svg);background-repeat:no-repeat;background-size:auto;width:100%;min-height:360px;background-position-x:center;background-position-y:8px}.mobile-certificate-container .certificate-outer-div{width:100%;position:relative;top:28px;right:0;min-height:200px;margin:0 auto 28px}.certificate-container{margin:108px 0 88px}@media screen and (max-width: 767px){.certificate-container{display:none}}@media screen and (min-width: 768px){.mobile-certificate-container{display:none}}.horizontal-strip{flex-direction:row;overflow-x:scroll;width:100%;align-items:center;text-align:center}.horizontal-strip::-webkit-scrollbar{display:none}.mobile-karma-points{max-width:360px}@media screen and (min-width: 1200px){.hideAbove1200{display:none!important}.mobile-karma-points{display:none}}@media screen and (max-width: 1200px){.pt-mweb-8{padding-top:2rem}.pt-mweb-4{padding-top:1rem}}.certificate_box{width:100%;height:180px;border-radius:12px;position:relative}.certificate_box img{height:100%;width:100%;object-fit:cover;object-position:center;border-radius:12px}.certificate_box .certificate_overlay{height:100%;width:100%;position:absolute;background:linear-gradient(180deg,#0000003d,#000000b0);top:0;left:0;z-index:1;border-radius:8px;overflow-y:auto}.certificate-outer-div{max-width:320px;width:100%;position:relative;right:108px;top:-168px;min-height:200px;z-index:10}.certificate-outer-div .certificate-card{border-radius:12px;border-top:1px solid rgba(0,0,0,.08);border-right:1px solid rgba(0,0,0,.08);border-left:1px solid rgba(0,0,0,.08);background:#fff;--mask: radial-gradient(16px at 16px 100%, #0000 98%, #000) -16px;mask:var(--mask)}.certificate-outer-div .certificate-card .ceritificate-image{display:flex;margin:auto;width:100%;border-radius:8px}.certificate-outer-div .certificate-card .icon{width:20px;height:20px;font-size:20px;color:#000000de}.certificate-outer-div .certificate-card .certificate-info{border-bottom:1px dashed rgba(0,0,0,.08)}.certificate-outer-div .chips-card{border-right:1px solid rgba(0,0,0,.16);border-bottom:1px solid rgba(0,0,0,.16);border-left:1px solid rgba(0,0,0,.16);padding:16px;background:#fff;border-radius:12px;--mask: radial-gradient(16px at 16px 0, #0000 98%, #000) -16px;mask:var(--mask)}.chip{border:1px solid rgba(0,0,0,.8705882353);color:#000000de;line-height:14px}.chip-ellipsis{white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis}.celebration-animation{position:absolute;left:0%;top:0;z-index:9999;width:100%}.download-section{z-index:99999}.truncate-3{-webkit-line-clamp:3;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-wrap:break-word}.img-container{position:relative}.img-container .view-cert{visibility:hidden;display:none}.img-container:hover{display:block;z-index:99999}.img-container:hover .view-cert{visibility:visible;position:absolute;left:0;top:0;text-align:center;opacity:1;transition:opacity .35s ease;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#000000b5;border-radius:8px}.img-container:hover .view-cert button{color:#fff;border:1px solid white;padding:8px;background:transparent;border-radius:12px;cursor:pointer;z-index:999999}.view-certificate{visibility:visible!important;display:block;position:absolute;left:0;top:0;text-align:center;opacity:1;background-color:#000000b5;border-radius:8px;transition:opacity .35s ease;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.view-certificate button{color:#fff;border:1px solid white;padding:8px;background:transparent;border-radius:12px;cursor:pointer;z-index:999999;width:150px}.uploader-status ::ng-deep .mat-progress-spinner circle,.mat-spinner circle{stroke:#fff}.uploader-status ::ng-deep .mat-progress-spinner svg{width:24px!important;height:24px!important}.uploader-status ::ng-deep .mat-progress-spinner{width:24px!important;height:24px!important}.emailDefault{color:#f3962f!important;text-decoration:underline!important}.locked-certificate-outer-div{background-color:#fff;border-radius:10px}.certificate-lock{border:.7px solid rgba(0,0,0,.16);border-radius:12px}.certificate-lock .certificate-lock-text{color:#344054;font:700 14px/20.074px Inter}.certificate-lock .locking-screen{color:#fff;border-radius:4px;background-color:#000000db}.certificate-lock .certificateLockedText{color:#fff;text-align:center;font:700 11.72px/normal Lato}.certificate-lock .locking-screen-description{color:#fff;text-align:center;font:400 14px/normal Lato}.certificate-lock .locking-screen-description .surveyFormeText{color:#f3962f}.certificate-lock .surveyFormeButton{background-color:#1b4ca1;height:34px;border-radius:18px;color:#fff;font:700 12px Lato;border:0px;cursor:pointer}.content-retire-container{background:#fdead5;border-radius:12px;padding:16px;gap:16px}.content-retire-container .retire-info-icon{font-size:40px;height:40px;width:58px;color:#f3962f}\n"], dependencies: [{ kind: "directive", type: i13.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i13.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i13.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i13.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i14.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i15.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i16.SkeletonLoaderComponent, selector: "ws-widget-skeleton-loader", inputs: ["bindingClass", "height", "width"] }, { kind: "component", type: i17.AvatarPhotoComponent, selector: "ws-widget-avatar-photo", inputs: ["datalen", "photoUrl", "name", "size", "randomColor", "initials", "showBadge"] }, { kind: "component", type: i18.RatingSummaryComponent, selector: "ws-widget-rating-summary", inputs: ["ratingSummary"] }, { kind: "component", type: i2.HorizontalScrollerV2Component, selector: "ws-utils-horizontal-scroller-v2", inputs: ["loadStatus", "onHover", "sliderConfig", "widgetsLength", "defaultMaxWidgets", "stripConfig", "stripsResultDataMap", "subtype"], outputs: ["loadNext"] }, { kind: "directive", type: i19.SbUiResolverDirective, selector: "[sbUiResolverWidget]", inputs: ["sbUiResolverWidget"] }, { kind: "directive", type: i20.MatLegacyTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i21.TocKpiValuesComponent, selector: "ws-widget-toc-kpi-values", inputs: ["tocStructure", "content", "contentReadData", "isMobile", "showInstructorLedMsg", "baseContentReadData", "languageList"] }, { kind: "component", type: i22.KarmaPointsComponent, selector: "ws-widget-karma-points", inputs: ["content", "data", "pCategory", "condition", "baseContentReadData", "btnCategory"], outputs: ["clickClaimKarmaPoints"] }, { kind: "pipe", type: i13.SlicePipe, name: "slice" }, { kind: "pipe", type: i13.DatePipe, name: "date" }, { kind: "pipe", type: i2.PipeRelativeTimePipe, name: "pipeRelativeTime" }, { kind: "pipe", type: i23.TranslatePipe, name: "translate" }, { kind: "pipe", type: i24.ReplaceNbspPipe, name: "replaceNbsp" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AppTocAboutComponent, decorators: [{
             type: Component,

package/esm2022/lib/_collection/_common/content-toc/karma-points/karma-points.component.mjs CHANGED Viewed

@@ -147,6 +147,7 @@ export class KarmaPointsComponent {
                 }
             }
         }
+        this.addBadgeSlide();
     }
     getKPData(btnType) {
         this.data?.forEach((item) => {
@@ -161,6 +162,45 @@ export class KarmaPointsComponent {
             }
         });
     }
+    addBadgeSlide() {
+        const badgeDetails = this.baseContentReadData?.badgeDetails_v1;
+        if (!badgeDetails || !badgeDetails.length) {
+            return;
+        }
+        const badge = badgeDetails[0];
+        if (!badge.badgeEarningDateEnabled) {
+            return;
+        }
+        const badgeTime = badge.badgeEarningDateTime;
+        const currentTime = Date.now();
+        const badgeDateIST = new Date(badgeTime).toLocaleString('en-IN', {
+            timeZone: 'Asia/Kolkata',
+        });
+        console.log('Badge IST Time:', badgeDateIST);
+        const badgeSlide = {
+            displayButton: 'Quick Learner Badge',
+            textBeforeIcon: 'By completing this course earn Quick learner Badge',
+            points: '',
+            textAfterPoints: '',
+            toolTipText: 'quickLearnerBadgeTip',
+        };
+        const badgeExists = this.kpArray.find((item) => item.displayButton === 'Quick Learner Badge');
+        // Check if badge earning time is still valid
+        if (badge?.badgeEarningDateEnabled === true) {
+            if (badgeTime > currentTime) {
+                if (!badgeExists) {
+                    this.kpArray.push(badgeSlide);
+                    this.constructNudgeData();
+                }
+            }
+        }
+        else {
+            if (!badgeExists) {
+                this.kpArray.push(badgeSlide);
+                this.constructNudgeData();
+            }
+        }
+    }
     onClickOfClaim() {
         this.clickClaimKarmaPoints.emit('claim');
         this.btnCategory = '';
@@ -191,7 +231,7 @@ export class KarmaPointsComponent {
         return this.langTranslations.translateLabelWithoutspace(label, type, '');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KarmaPointsComponent, deps: [{ token: i1.TranslateService }, { token: i2.MultilingualTranslationsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: KarmaPointsComponent, selector: "ws-widget-karma-points", inputs: { content: "content", data: "data", pCategory: "pCategory", condition: "condition", btnCategory: "btnCategory" }, outputs: { clickClaimKarmaPoints: "clickClaimKarmaPoints" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"!disableKarmaPoints\">\n    <ws-widget-sliders-dynamic [widgetData]=\"karmaPointsSlider\"></ws-widget-sliders-dynamic>\n\n    <ng-container *ngIf=\"btnCategory === 'claim'\">\n        <button class=\"flex flex-wrap gap-1 claim-button\" (click)=\"onClickOfClaim()\" >\n            <img src=\"/assets/icons/home/karma-badge.svg\" width=\"28px\" class=\"mr-2\" alt=\"karma-points image\" />\n            <div *ngIf=\"btnKPData?.textBeforeIcon\">{{ btnKPData.textBeforeIcon }}</div>\n            <div *ngIf=\"btnKPData.points\">{{ btnKPData.points }} {{ translateLabels(btnKPData.textAfterPoints, 'appKarmapointsPanel') }}</div>\n            <div *ngIf=\"btnKPData?.textAfterIcon\">{{ translateLabels(btnKPData.textAfterIcon, 'appKarmapointsPanel') }}</div>\n        </button>\n    </ng-container> \n</ng-container>", styles: [".claim-button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2px;text-align:center;color:#fff!important;border-radius:64px;padding:8px 0;background-color:#ef951e;cursor:pointer;border:none;font-weight:700;width:100%;font-size:14px;margin:16px auto 0;max-width:344px}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.SlidersDynamicComponent, selector: "ws-widget-sliders-dynamic", inputs: ["widgetData"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: KarmaPointsComponent, selector: "ws-widget-karma-points", inputs: { content: "content", data: "data", pCategory: "pCategory", condition: "condition", baseContentReadData: "baseContentReadData", btnCategory: "btnCategory" }, outputs: { clickClaimKarmaPoints: "clickClaimKarmaPoints" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"!disableKarmaPoints\">\n    <ws-widget-sliders-dynamic [widgetData]=\"karmaPointsSlider\"></ws-widget-sliders-dynamic>\n\n    <ng-container *ngIf=\"btnCategory === 'claim'\">\n        <button class=\"flex flex-wrap gap-1 claim-button\" (click)=\"onClickOfClaim()\" >\n            <img src=\"/assets/icons/home/karma-badge.svg\" width=\"28px\" class=\"mr-2\" alt=\"karma-points image\" />\n            <div *ngIf=\"btnKPData?.textBeforeIcon\">{{ btnKPData.textBeforeIcon }}</div>\n            <div *ngIf=\"btnKPData.points\">{{ btnKPData.points }} {{ translateLabels(btnKPData.textAfterPoints, 'appKarmapointsPanel') }}</div>\n            <div *ngIf=\"btnKPData?.textAfterIcon\">{{ translateLabels(btnKPData.textAfterIcon, 'appKarmapointsPanel') }}</div>\n        </button>\n    </ng-container> \n</ng-container>", styles: [".claim-button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2px;text-align:center;color:#fff!important;border-radius:64px;padding:8px 0;background-color:#ef951e;cursor:pointer;border:none;font-weight:700;width:100%;font-size:14px;margin:16px auto 0;max-width:344px}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.SlidersDynamicComponent, selector: "ws-widget-sliders-dynamic", inputs: ["widgetData"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KarmaPointsComponent, decorators: [{
             type: Component,
@@ -204,9 +244,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], condition: [{
                 type: Input
+            }], baseContentReadData: [{
+                type: Input
             }], clickClaimKarmaPoints: [{
                 type: Output
             }], btnCategory: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2FybWEtcG9pbnRzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnJhcnkvc3VuYmlyZC1jYi90b2Mvc3JjL2xpYi9fY29sbGVjdGlvbi9fY29tbW9uL2NvbnRlbnQtdG9jL2thcm1hLXBvaW50cy9rYXJtYS1wb2ludHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicmFyeS9zdW5iaXJkLWNiL3RvYy9zcmMvbGliL19jb2xsZWN0aW9uL19jb21tb24vY29udGVudC10b2Mva2FybWEtcG9pbnRzL2thcm1hLXBvaW50cy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUE0QixNQUFNLGVBQWUsQ0FBQTtBQUd4RyxPQUFPLEVBQW1DLFNBQVMsRUFBRSxNQUFNLHNCQUFzQixDQUFBOzs7Ozs7QUFRakYsTUFBTSxPQUFPLG9CQUFvQjtJQUUvQixZQUNVLFNBQTJCLEVBQzNCLGdCQUFpRDtRQURqRCxjQUFTLEdBQVQsU0FBUyxDQUFrQjtRQUMzQixxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWlDO1FBSDNELFlBQU8sR0FBVSxFQUFFLENBQUE7UUFZVixZQUFPLEdBQThCLElBQUksQ0FBQTtRQUN6QyxTQUFJLEdBQVEsRUFBRSxDQUFBO1FBQ2QsY0FBUyxHQUFHLEVBQUUsQ0FBQTtRQUViLDBCQUFxQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUE7UUFFbkQsZ0JBQVcsR0FBRyxFQUFFLENBQUE7UUFHekIsdUJBQWtCLEdBQUcsS0FBSyxDQUFBO1FBaEJ4QixJQUFJLFlBQVksQ0FBQyxPQUFPLENBQUMsaUJBQWlCLENBQUMsRUFBRTtZQUMzQyxJQUFJLENBQUMsU0FBUyxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsQ0FBQTtZQUNuQyxNQUFN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QUFHLFNBQVMsQ0FBQTtJQUNwQyxDQUFDO0lBRUQsY0FBYyxDQUFDLE9BQWU7UUFDNUIsSUFBSSxJQUFJLENBQUMsU0FBUyxLQUFLLEVBQUUsRUFBRTtZQUN6QixPQUFPLE9BQU8sQ0FBQyxPQUFPLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQTtTQUMvRDtRQUNELE9BQU8sT0FBTyxDQUFBO0lBQ2hCLENBQUM7SUFFRCxlQUFlLENBQUMsS0FBYSxFQUFFLElBQVM7UUFDdEMsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsMEJBQTBCLENBQUMsS0FBSyxFQUFFLElBQUksRUFBRSxFQUFFLENBQUMsQ0FBQTtJQUMxRSxDQUFDOytHQXJOVSxvQkFBb0I7bUdBQXBCLG9CQUFvQiwwUUNYakMsbTBCQVdlOzs0RkRBRixvQkFBb0I7a0JBTmhDLFNBQVM7K0JBQ0Usd0JBQXdCO3FKQWtCekIsT0FBTztzQkFBZixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0kscUJBQXFCO3NCQUE5QixNQUFNO2dCQUVFLFdBQVc7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBPbkNoYW5nZXMsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnXG5cbmltcG9ydCB7IE11bHRpbGluZ3VhbFRyYW5zbGF0aW9uc1NlcnZpY2UsIE5zQ29udGVudCB9IGZyb20gJ0BzdW5iaXJkLWNiL3V0aWxzLXYyJ1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3cy13aWRnZXQta2FybWEtcG9pbnRzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2thcm1hLXBvaW50cy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2thcm1hLXBvaW50cy5jb21wb25lbnQuc2NzcyddLFxufSlcblxuZXhwb3J0IGNsYXNzIEthcm1hUG9pbnRzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuICBrcEFycmF5OiBhbnlbXSA9IFtdXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgdHJhbnNsYXRlOiBUcmFuc2xhdGVTZXJ2aWNlLFxuICAgIHByaXZhdGUgbGFuZ1RyYW5zbGF0aW9uczogTXVsdGlsaW5ndWFsVHJhbnNsYXRpb25zU2VydmljZVxuICApIHtcbiAgICBpZiAobG9jYWxTdG9yYWdlLmdldEl0ZW0oJ3dlYnNpdGVMYW5ndWFnZScpKSB7XG4gICAgICB0aGlzLnRyYW5zbGF0ZS5zZXREZWZhdWx0TGFuZygnZW4nKVxuICAgICAgY29uc3QgbGFuZyA9IGxvY2FsU3RvcmFnZS5nZXRJdGVtKCd3ZWJzaXRlTGFuZ3VhZ2UnKSFcbiAgICAgIHRoaXMudHJhbnNsYXRlLnVzZShsYW5nKVxuICAgIH1cbiAgfVxuXG4gIEBJbnB1dCgpIGNvbnRlbnQ6IE5zQ29udGVudC5JQ29udGVudCB8IG51bGwgPSBudWxsXG4gIEBJbnB1dCgpIGRhdGE6IGFueSA9IFtdXG4gIEBJbnB1dCgpIHBDYXRlZ29yeSA9ICcnXG4gIEBJbnB1dCgpIGNvbmRpdGlvbjogYW55XG4gIEBPdXRwdXQoKSBjbGlja0NsYWltS2FybWFQb2ludHMgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKVxuICBrcERhdGE6IGFueVxuICBASW5wdXQoKSBidG5DYXRlZ29yeSA9ICcnXG4gIGthcm1hUG9pbnRzU2xpZGVyOiBhbnlcbiAgYnRuS1BEYXRhOiBhbnlcbiAgZGlzYWJsZUthcm1hUG9pbnRzID0gZmFsc2VcblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmNvbnN0cnVjdE51ZGdlRGF0YSgpXG5cbiAgICBpZiAodGhpcy5jb250ZW50ICYmIHRoaXMuY29udGVudC5jb3Vyc2VDYXRlZ29yeSA9PT0gTnNDb250ZW50LkVDb3Vyc2VDYXRlZ29yeS5DQVNFX1NUVURZKSB7XG4gICAgICB0aGlzLmRpc2FibGVLYXJtYVBvaW50cyA9IHRydWVcbiAgICB9XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgdGhpcy5jb25kaXRpb24gPSBjaGFuZ2VzLmNvbmRpdGlvbiAmJiBjaGFuZ2VzLmNvbmRpdGlvbi5jdXJyZW50VmFsdWUgfHwgbnVsbFxuICAgIGlmICghdGhpcy5jb25kaXRpb24pIHsgcmV0dXJuIH1cbiAgICBpZiAodGhpcy5jb25kaXRpb24gJiYgIXRoaXMuY29uZGl0aW9uLmV2ZW50KSB7XG4gICAgICAvLyBGb3IgVE9DIGthcm1hIHBvaW50c1xuICAgICAgaWYgKCF0aGlzLmNvbmRpdGlvbi5pc1Bvc3RBc3Nlc3NtZW50ICYmICh0aGlzLmNvbmRpdGlvbi5jb250ZW50ICYmIHRoaXMuY29uZGl0aW9uLmNvbnRlbnQuaGFzT3duUHJvcGVydHkoJ2NvbXBsZXRpb25QZXJjZW50YWdlJylcbiAgICAgICAgJiYgIXRoaXMuY29uZGl0aW9uLmNvbnRlbnQuY29tcGxldGlvblBlcmNlbnRhZ2VcbiAgICAgICAgfHwgKHRoaXMuY29uZGl0aW9uLmNvbnRlbnQgJiYgdGhpcy5jb25kaXRpb24uY29udGVudC5jb21wbGV0aW9uUGVyY2VudGFnZSA8IDEwMCkpXG4gICAgICAgICYmICF0aGlzLmNvbmRpdGlvbi5jZXJ0RGF0YSkge1xuICAgICAgICBpZiAodGhpcy5jb25kaXRpb24uaXNBY2JwQ2xhaW0pIHtcbiAgICAgICAgICB0aGlzLmdldEtQRGF0YSgnQUNCUCcpXG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy5jb25kaXRpb24uY29udGVudC5wcmltYXJ5Q2F0ZWdvcnkgPT09IHRoaXMuY29uZGl0aW9uLnByaW1hcnlDYXRlZ29yeS5DT1VSU0UpIHtcbiAgICAgICAgICBpZiAoIXRoaXMuY29uZGl0aW9uLmlzQWNicENsYWltICYmICF0aGlzLmNvbmRpdGlvbi5tb250aGx5Q2FwRXhjZWVkKSB7XG4gICAgICAgICAgICB0aGlzLmdldEtQRGF0YSgnUmVzdW1lJylcbiAgICAgICAgICB9IGVsc2UgaWYgKCB0aGlzLmNvbnRlbnQuY291cnNlQ2F0ZWdvcnkgPT09ICdMZWFybmluZyBQYXRod2F5JyApIHtcbiAgICAgICAgICAgIHRoaXMuZ2V0S1BEYXRhKCdSZXN1bWUnKVxuICAgICAgICAgIFxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICBpZiAodGhpcy5jb25kaXRpb24gJiYgIXRoaXMuY29uZGl0aW9uLmlzUG9zdEFzc2Vzc21lbnRcbiAgICAgICAgJiYgKCh0aGlzLmNvbmRpdGlvbi5jb250ZW50ICYmIHRoaXMuY29uZGl0aW9uLmNvbnRlbnQuY29tcGxldGlvblBlcmNlbnRhZ2UgPT09IDEwMClcbiAgICAgICAgICB8fCB0aGlzLmNvbmRpdGlvbi5jZXJ0RGF0YSkpIHtcbiAgICAgICAgaWYgKHRoaXMuY29uZGl0aW9uLmlzQWNicENvdXJzZSAmJiB0aGlzLmNvbmRpdGlvbi5pc0FjYnBDbGFpbSAmJiAhdGhpcy5jb25kaXRpb24uaXNDbGFpbWVkKSB7XG4gICAgICAgICAgdGhpcy5nZXRLUERhdGEoJ0FDQlAgQ0xBSU0nKVxuICAgICAgICAgIHRoaXMuYnRuQ2F0ZWdvcnkgPSAnY2xhaW0nXG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy5jb25kaXRpb24uY29udGVudC5wcmltYXJ5Q2F0ZWdvcnkgPT09IHRoaXMuY29uZGl0aW9uLnByaW1hcnlDYXRlZ29yeS5DT1VSU0UpIHtcbiAgICAgICAgICBpZiAodGhpcy5jb25kaXRpb24gJiYgIXRoaXMuY29uZGl0aW9uLmlzQWNicENvdXJzZSAmJiAhdGhpcy5jb25kaXRpb24ubW9udGhseUNhcEV4Y2VlZCkge1xuICAgICAgICAgICAgdGhpcy5nZXRLUERhdGEoJ1N0YXJ0IGFnYWluJylcbiAgICAgICAgICB9XG5cbiAgICAgICAgICBpZiAoIXRoaXMuY29uZGl0aW9uLmlzQWNicENvdXJzZSAmJiB0aGlzLmNvbmRpdGlvbi5tb250aGx5Q2FwRXhjZWVkICYmICF0aGlzLmNvbmRpdGlvbi5pc0NvbXBsZXRlZFRoaXNNb250aCkge1xuICAgICAgICAgICAgdGhpcy5nZXRLUERhdGEoJ1N0YXJ0IGFnYWluJylcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgaWYgKHRoaXMuY29uZGl0aW9uICYmIHRoaXMuY29uZGl0aW9uLmlzUG9zdEFzc2Vzc21lbnRcbiAgICAgICAgJiYgdGhpcy5jb25kaXRpb24uc2hvd1Rha2VBc3Nlc3NtZW50XG4gICAgICAgICYmIHRoaXMuY29uZGl0aW9uLnNob3dUYWtlQXNzZXNzbWVudC5wb3N0X2Fzc2Vzc21lbnQpIHtcbiAgICAgICAgdGhpcy5nZXRLUERhdGEoJ1Rha2UgQXNzZXNzbWVudCcpXG4gICAgICB9XG5cbiAgICAgIGlmICh0aGlzLmNvbmRpdGlvbiAmJiAodGhpcy5jb25kaXRpb24uY29udGVudFxuICAgICAgICAmJiB0aGlzLmNvbmRpdGlvbi5jb250ZW50LnByaW1hcnlDYXRlZ29yeSkgIT09IHRoaXMuY29uZGl0aW9uLnByaW1hcnlDYXRlZ29yeS5SRVNPVVJDRVxuICAgICAgICAmJiAhdGhpcy5jb25kaXRpb24uZW5yb2xsQnRuTG9hZGluZykge1xuICAgICAgICBpZiAodGhpcy5jb25kaXRpb24uaXNBY2JwQ291cnNlKSB7XG4gICAgICAgICAgdGhpcy5nZXRLUERhdGEoJ0FDQlAnKVxuICAgICAgICB9XG5cbiAgICAgICAgaWYgKCF0aGlzLmNvbmRpdGlvbi5pc0FjYnBDb3Vyc2UgJiYgIXRoaXMuY29uZGl0aW9uLm1vbnRobHlDYXBFeGNlZWQgJiZcbiAgICAgICAgICB0aGlzLmNvbmRpdGlvbi51c2VyRW5yb2xsbWVudExpc3QgJiYgIXRoaXMuY29uZGl0aW9uLnVzZXJFbnJvbGxtZW50TGlzdC5sZW5ndGgpIHtcbiAgICAgICAgICB0aGlzLmdldEtQRGF0YSgnRW5yb2xsJylcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICBpZiAodGhpcy5jb25kaXRpb24gJiYgIXRoaXMuY29uZGl0aW9uLmlzUG9zdEFzc2Vzc21lbnRcbiAgICAgICAgJiYgKHRoaXMuY29uZGl0aW9uLmNvbnRlbnQgJiYgdGhpcy5jb25kaXRpb24uY29udGVudC5oYXNPd25Qcm9wZXJ0eSgnY29tcGxldGlvblBlcmNlbnRhZ2UnKVxuICAgICAgICAgICYmICF0aGlzLmNvbmRpdGlvbi5jb250ZW50LmNvbXBsZXRpb25QZXJjZW50YWdlXG4gICAgICAgICAgfHwgKHRoaXMuY29uZGl0aW9uLmNvbnRlbnQgJiYgdGhpcy5jb25kaXRpb24uY29udGVudC5jb21wbGV0aW9uUGVyY2VudGFnZSA8IDEwMCkpKSB7XG5cbiAgICAgICAgaWYgKHRoaXMuY29uZGl0aW9uLmlzQWNicENsYWltKSB7XG4gICAgICAgICAgdGhpcy5nZXRLUERhdGEoJ0FDQlAnKVxuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHRoaXMuY29uZGl0aW9uLmNvbnRlbnQucHJpbWFyeUNhdGVnb3J5ID09PSB0aGlzLmNvbmRpdGlvbi5wcmltYXJ5Q2F0ZWdvcnkuQ09VUlNFKSB7XG4gICAgICAgICAgaWYgKCF0aGlzLmNvbmRpdGlvbi5pc0FjYnBDbGFpbSAmJiAhdGhpcy5jb25kaXRpb24ubW9udGhseUNhcEV4Y2VlZCkge1xuICAgICAgICAgICAgdGhpcy5nZXRLUERhdGEoJ1Jlc3VtZScpXG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIGlmICh0aGlzLmNvbmRpdGlvbiAmJiAhdGhpcy5jb25kaXRpb24uaXNQb3N0QXNzZXNzbWVudFxuICAgICAgICAmJiAodGhpcy5jb25kaXRpb24uY29udGVudCAmJiB0aGlzLmNvbmRpdGlvbi5jb250ZW50LmNvbXBsZXRpb25QZXJjZW50YWdlID09PSAxMDApKSB7XG4gICAgICAgIGlmICh0aGlzLmNvbmRpdGlvbi5pc0FjYnBDb3Vyc2UgJiYgdGhpcy5jb25kaXRpb24uaXNBY2JwQ2xhaW0gJiYgIXRoaXMuY29uZGl0aW9uLmlzQ2xhaW1lZCkge1xuICAgICAgICAgIHRoaXMuZ2V0S1BEYXRhKCdBQ0JQIENMQUlNJylcbiAgICAgICAgICB0aGlzLmJ0bkNhdGVnb3J5ID0gJ2NsYWltJ1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHRoaXMuY29uZGl0aW9uLmNvbnRlbnQucHJpbWFyeUNhdGVnb3J5ID09PSB0aGlzLmNvbmRpdGlvbi5wcmltYXJ5Q2F0ZWdvcnkuQ09VUlNFKSB7XG4gICAgICAgICAgaWYgKCF0aGlzLmNvbmRpdGlvbi5pc0FjYnBDb3Vyc2UgJiYgIXRoaXMuY29uZGl0aW9uLm1vbnRobHlDYXBFeGNlZWQpIHtcbiAgICAgICAgICAgIHRoaXMuZ2V0S1BEYXRhKCdTdGFydCBhZ2FpbicpXG4gICAgICAgICAgfVxuXG4gICAgICAgICAgaWYgKCF0aGlzLmNvbmRpdGlvbi5pc0FjYnBDb3Vyc2UgJiYgdGhpcy5jb25kaXRpb24ubW9udGhseUNhcEV4Y2VlZCAmJiAhdGhpcy5jb25kaXRpb24uaXNDb21wbGV0ZWRUaGlzTW9udGgpIHtcbiAgICAgICAgICAgIHRoaXMuZ2V0S1BEYXRhKCdTdGFydCBhZ2FpbicpXG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgICBpZiAodGhpcy5jb25kaXRpb24gJiYgdGhpcy5jb25kaXRpb24uaXNQb3N0QXNzZXNzbWVudCAmJiB0aGlzLmNvbmRpdGlvbi5zaG93VGFrZUFzc2Vzc21lbnRcbiAgICAgICAgJiYgdGhpcy5jb25kaXRpb24uc2hvd1Rha2VBc3Nlc3NtZW50LnBvc3RfYXNzZXNzbWVudCkge1xuICAgICAgICB0aGlzLmdldEtQRGF0YSgnVGFrZSBBc3Nlc3NtZW50JylcbiAgICAgIH1cblxuICAgICAgaWYgKHRoaXMuY29uZGl0aW9uICYmIHRoaXMuY29uZGl0aW9uLnJlc3VtZURhdGEpIHtcbiAgICAgICAgaWYgKCF0aGlzLmNvbmRpdGlvbi51c2VyUmF0aW5nKSB7XG4gICAgICAgICAgdGhpcy5nZXRLUERhdGEoJ1JhdGUgdGhpcyBjb3Vyc2UnKVxuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHRoaXMuY29uZGl0aW9uLnVzZXJSYXRpbmcpIHtcbiAgICAgICAgICB0aGlzLmdldEtQRGF0YSgnRWRpdCByYXRpbmcnKVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfSBlbHNlIHtcbiAgICAgIC8vIEZvciBldmVudCBrYXJtYSBwb2ludHNcbiAgICAgIGlmICh0aGlzLmNvbmRpdGlvbiAmJiAhdGhpcy5jb25kaXRpb24uY29tcGxldGVkQWZ0ZXJFeHBpcnkpIHtcbiAgICAgICAgaWYgKHRoaXMuY29uZGl0aW9uICYmIHRoaXMuY29uZGl0aW9uLmlzRW5yb2xsZWQpIHtcbiAgICAgICAgICBpZiAodGhpcy5jb25kaXRpb24uY3VycmVudEV2ZW50KSB7XG4gICAgICAgICAgICB0aGlzLmdldEtQRGF0YSgnQ29tcGxldGUnKVxuICAgICAgICAgIH1cblxuICAgICAgICAgIGlmICh0aGlzLmNvbmRpdGlvbi5wYXN0RXZlbnQgJiYgdGhpcy5jb25kaXRpb24uZW5yb2xsZWRFdmVudCkge1xuICAgICAgICAgICAgaWYgKHRoaXMuY29uZGl0aW9uLmVucm9sbGVkRXZlbnQuc3RhdHVzIDwgMikge1xuICAgICAgICAgICAgICB0aGlzLmdldEtQRGF0YSgnJylcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGlmICh0aGlzLmNvbmRpdGlvbi5lbnJvbGxlZEV2ZW50LnN0YXR1cyA9PT0gMikge1xuICAgICAgICAgICAgICB0aGlzLmdldEtQRGF0YSgnY29tcGxldGVkJylcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy5jb25kaXRpb24gJiYgIXRoaXMuY29uZGl0aW9uLmlzRW5yb2xsZWQpIHtcbiAgICAgICAgICBpZiAodGhpcy5jb25kaXRpb24uY3VycmVudEV2ZW50KSB7XG4gICAgICAgICAgICB0aGlzLmdldEtQRGF0YSgnQ29tcGxldGUnKVxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIGdldEtQRGF0YShidG5UeXBlOiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLmRhdGE/LmZvckVhY2goKGl0ZW06IGFueSkgPT4ge1xuICAgICAgaWYgKGl0ZW0uZGlzcGxheUJ1dHRvbiA9PT0gYnRuVHlwZSAmJiBpdGVtLmRpc3BsYXlCdXR0b24gIT09ICdBQ0JQIENMQUlNJykge1xuICAgICAgICB0aGlzLmtwRGF0YSA9IGl0ZW1cbiAgICAgICAgaWYgKHRoaXMua3BBcnJheS5maW5kSW5kZXgoKF9vYmo6IGFueSkgPT4gX29iai5kaXNwbGF5QnV0dG9uID09PSBpdGVtLmRpc3BsYXlCdXR0b24pID09PSAtMSkge1xuICAgICAgICAgIHRoaXMua3BBcnJheS5wdXNoKHRoaXMua3BEYXRhKVxuICAgICAgICB9XG4gICAgICB9XG4gICAgICBpZiAoaXRlbS5kaXNwbGF5QnV0dG9uID09PSAnQUNCUCBDTEFJTScpIHtcbiAgICAgICAgdGhpcy5idG5LUERhdGEgPSBpdGVtXG4gICAgICB9XG4gICAgfSlcbiAgfVxuXG4gIG9uQ2xpY2tPZkNsYWltKCkge1xuICAgIHRoaXMuY2xpY2tDbGFpbUthcm1hUG9pbnRzLmVtaXQoJ2NsYWltJylcbiAgICB0aGlzLmJ0bkNhdGVnb3J5ID0gJydcbiAgfVxuXG4gIGNvbnN0cnVjdE51ZGdlRGF0YSgpIHtcbiAgICBjb25zdCBudWRnZURhdGE6IGFueSA9IHtcbiAgICAgIHR5cGU6ICdrYXJtYS1wb2ludHMnLFxuICAgICAgaWNvbnNEaXNwbGF5OiBmYWxzZSxcbiAgICAgIGNhcmRDbGFzczogJ3NsaWRlci1jb250YWluZXInLFxuICAgICAgaGVpZ2h0OiAnYXV0bycsXG4gICAgICB3aWR0aDogJycsXG4gICAgICBzbGlkZXJEYXRhOiBbXSxcbiAgICAgIG5lZ2F0aXZlRGlzcGxheTogZmFsc2UsXG4gICAgICAnZG90LWRlZmF1bHQnOiAnZG90LWdyZXknLFxuICAgICAgJ2RvdC1hY3RpdmUnOiAnZG90LWFjdGl2ZScsXG4gICAgfVxuXG4gICAgbnVkZ2VEYXRhLnNsaWRlckRhdGEgPSBbXVxuICAgIG51ZGdlRGF0YS5zbGlkZXJEYXRhID0gdGhpcy5rcEFycmF5XG4gICAgdGhpcy5rYXJtYVBvaW50c1NsaWRlciA9IG51ZGdlRGF0YVxuICB9XG5cbiAgZ2V0RHluYW1pY1RleHQoaGVsVGV4dDogc3RyaW5nKSB7XG4gICAgaWYgKHRoaXMucENhdGVnb3J5ICE9PSAnJykge1xuICAgICAgcmV0dXJuIGhlbFRleHQucmVwbGFjZSgnY291cnNlJywgdGhpcy5wQ2F0ZWdvcnkudG9Mb3dlckNhc2UoKSlcbiAgICB9XG4gICAgcmV0dXJuIGhlbFRleHRcbiAgfVxuXG4gIHRyYW5zbGF0ZUxhYmVscyhsYWJlbDogc3RyaW5nLCB0eXBlOiBhbnkpIHtcbiAgICByZXR1cm4gdGhpcy5sYW5nVHJhbnNsYXRpb25zLnRyYW5zbGF0ZUxhYmVsV2l0aG91dHNwYWNlKGxhYmVsLCB0eXBlLCAnJylcbiAgfVxuXG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiIWRpc2FibGVLYXJtYVBvaW50c1wiPlxuICAgIDx3cy13aWRnZXQtc2xpZGVycy1keW5hbWljIFt3aWRnZXREYXRhXT1cImthcm1hUG9pbnRzU2xpZGVyXCI+PC93cy13aWRnZXQtc2xpZGVycy1keW5hbWljPlxuXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImJ0bkNhdGVnb3J5ID09PSAnY2xhaW0nXCI+XG4gICAgICAgIDxidXR0b24gY2xhc3M9XCJmbGV4IGZsZXgtd3JhcCBnYXAtMSBjbGFpbS1idXR0b25cIiAoY2xpY2spPVwib25DbGlja09mQ2xhaW0oKVwiID5cbiAgICAgICAgICAgIDxpbWcgc3JjPVwiL2Fzc2V0cy9pY29ucy9ob21lL2thcm1hLWJhZGdlLnN2Z1wiIHdpZHRoPVwiMjhweFwiIGNsYXNzPVwibXItMlwiIGFsdD1cImthcm1hLXBvaW50cyBpbWFnZVwiIC8+XG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiYnRuS1BEYXRhPy50ZXh0QmVmb3JlSWNvblwiPnt7IGJ0bktQRGF0YS50ZXh0QmVmb3JlSWNvbiB9fTwvZGl2PlxuICAgICAgICAgICAgPGRpdiAqbmdJZj1cImJ0bktQRGF0YS5wb2ludHNcIj57eyBidG5LUERhdGEucG9pbnRzIH19IHt7IHRyYW5zbGF0ZUxhYmVscyhidG5LUERhdGEudGV4dEFmdGVyUG9pbnRzLCAnYXBwS2FybWFwb2ludHNQYW5lbCcpIH19PC9kaXY+XG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiYnRuS1BEYXRhPy50ZXh0QWZ0ZXJJY29uXCI+e3sgdHJhbnNsYXRlTGFiZWxzKGJ0bktQRGF0YS50ZXh0QWZ0ZXJJY29uLCAnYXBwS2FybWFwb2ludHNQYW5lbCcpIH19PC9kaXY+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgIDwvbmctY29udGFpbmVyPiBcbjwvbmctY29udGFpbmVyPiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2FybWEtcG9pbnRzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnJhcnkvc3VuYmlyZC1jYi90b2Mvc3JjL2xpYi9fY29sbGVjdGlvbi9fY29tbW9uL2NvbnRlbnQtdG9jL2thcm1hLXBvaW50cy9rYXJtYS1wb2ludHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicmFyeS9zdW5iaXJkLWNiL3RvYy9zcmMvbGliL19jb2xsZWN0aW9uL19jb21tb24vY29udGVudC10b2Mva2FybWEtcG9pbnRzL2thcm1hLXBvaW50cy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUE0QixNQUFNLGVBQWUsQ0FBQTtBQUd4RyxPQUFPLEVBQW1DLFNBQVMsRUFBRSxNQUFNLHNCQUFzQixDQUFBOzs7Ozs7QUFRakYsTUFBTSxPQUFPLG9CQUFvQjtJQUUvQixZQUNVLFNBQTJCLEVBQzNCLGdCQUFpRDtRQURqRCxjQUFTLEdBQVQsU0FBUyxDQUFrQjtRQUMzQixxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWlDO1FBSDNELFlBQU8sR0FBVSxFQUFFLENBQUE7UUFZVixZQUFPLEdBQThCLElBQUksQ0FBQTtRQUN6QyxTQUFJLEdBQVEsRUFBRSxDQUFBO1FBQ2QsY0FBUyxHQUFHLEVBQUUsQ0FBQTtRQUdiLDBCQUFxQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUE7UUFFbkQsZ0JBQVcsR0FBRyxFQUFFLENBQUE7UUFHekIsdUJBQWtCLEdBQUcsS0FBSyxDQUFBO1FBakJ4QixJQUFJLFlBQVksQ0FBQyxPQUFPLENBQUMsaUJBQWlCLENBQUMsRUFBRTtZQUMzQyxJQUFJLENBQUMsU0FBUyxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsQ0FBQTtZQUNuQyxNQUFN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Q2QsS0FBSyxFQUFFLEVBQUU7WUFDVCxVQUFVLEVBQUUsRUFBRTtZQUNkLGVBQWUsRUFBRSxLQUFLO1lBQ3RCLGFBQWEsRUFBRSxVQUFVO1lBQ3pCLFlBQVksRUFBRSxZQUFZO1NBQzNCLENBQUE7UUFFRCxTQUFTLENBQUMsVUFBVSxHQUFHLEVBQUUsQ0FBQTtRQUN6QixTQUFTLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUE7UUFDbkMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLFNBQVMsQ0FBQTtJQUNwQyxDQUFDO0lBRUQsY0FBYyxDQUFDLE9BQWU7UUFDNUIsSUFBSSxJQUFJLENBQUMsU0FBUyxLQUFLLEVBQUUsRUFBRTtZQUN6QixPQUFPLE9BQU8sQ0FBQyxPQUFPLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQTtTQUMvRDtRQUNELE9BQU8sT0FBTyxDQUFBO0lBQ2hCLENBQUM7SUFFRCxlQUFlLENBQUMsS0FBYSxFQUFFLElBQVM7UUFDdEMsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsMEJBQTBCLENBQUMsS0FBSyxFQUFFLElBQUksRUFBRSxFQUFFLENBQUMsQ0FBQTtJQUMxRSxDQUFDOytHQXhRVSxvQkFBb0I7bUdBQXBCLG9CQUFvQixzVENYakMsbTBCQVdlOzs0RkRBRixvQkFBb0I7a0JBTmhDLFNBQVM7K0JBQ0Usd0JBQXdCO3FKQWtCekIsT0FBTztzQkFBZixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csbUJBQW1CO3NCQUEzQixLQUFLO2dCQUNJLHFCQUFxQjtzQkFBOUIsTUFBTTtnQkFFRSxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgT25DaGFuZ2VzLCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJ1xuXG5pbXBvcnQgeyBNdWx0aWxpbmd1YWxUcmFuc2xhdGlvbnNTZXJ2aWNlLCBOc0NvbnRlbnQgfSBmcm9tICdAc3VuYmlyZC1jYi91dGlscy12MidcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd3Mtd2lkZ2V0LWthcm1hLXBvaW50cycsXG4gIHRlbXBsYXRlVXJsOiAnLi9rYXJtYS1wb2ludHMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9rYXJtYS1wb2ludHMuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5cbmV4cG9ydCBjbGFzcyBLYXJtYVBvaW50c0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcbiAga3BBcnJheTogYW55W10gPSBbXVxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHRyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSxcbiAgICBwcml2YXRlIGxhbmdUcmFuc2xhdGlvbnM6IE11bHRpbGluZ3VhbFRyYW5zbGF0aW9uc1NlcnZpY2VcbiAgKSB7XG4gICAgaWYgKGxvY2FsU3RvcmFnZS5nZXRJdGVtKCd3ZWJzaXRlTGFuZ3VhZ2UnKSkge1xuICAgICAgdGhpcy50cmFuc2xhdGUuc2V0RGVmYXVsdExhbmcoJ2VuJylcbiAgICAgIGNvbnN0IGxhbmcgPSBsb2NhbFN0b3JhZ2UuZ2V0SXRlbSgnd2Vic2l0ZUxhbmd1YWdlJykhXG4gICAgICB0aGlzLnRyYW5zbGF0ZS51c2UobGFuZylcbiAgICB9XG4gIH1cblxuICBASW5wdXQoKSBjb250ZW50OiBOc0NvbnRlbnQuSUNvbnRlbnQgfCBudWxsID0gbnVsbFxuICBASW5wdXQoKSBkYXRhOiBhbnkgPSBbXVxuICBASW5wdXQoKSBwQ2F0ZWdvcnkgPSAnJ1xuICBASW5wdXQoKSBjb25kaXRpb246IGFueVxuICBASW5wdXQoKSBiYXNlQ29udGVudFJlYWREYXRhOiBhbnlcbiAgQE91dHB1dCgpIGNsaWNrQ2xhaW1LYXJtYVBvaW50cyA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpXG4gIGtwRGF0YTogYW55XG4gIEBJbnB1dCgpIGJ0bkNhdGVnb3J5ID0gJydcbiAga2FybWFQb2ludHNTbGlkZXI6IGFueVxuICBidG5LUERhdGE6IGFueVxuICBkaXNhYmxlS2FybWFQb2ludHMgPSBmYWxzZVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuY29uc3RydWN0TnVkZ2VEYXRhKClcblxuICAgIGlmICh0aGlzLmNvbnRlbnQgJiYgdGhpcy5jb250ZW50LmNvdXJzZUNhdGVnb3J5ID09PSBOc0NvbnRlbnQuRUNvdXJzZUNhdGVnb3J5LkNBU0VfU1RVRFkpIHtcbiAgICAgIHRoaXMuZGlzYWJsZUthcm1hUG9pbnRzID0gdHJ1ZVxuICAgIH1cbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICB0aGlzLmNvbmRpdGlvbiA9IGNoYW5nZXMuY29uZGl0aW9uICYmIGNoYW5nZXMuY29uZGl0aW9uLmN1cnJlbnRWYWx1ZSB8fCBudWxsXG4gICAgaWYgKCF0aGlzLmNvbmRpdGlvbikgeyByZXR1cm4gfVxuICAgIGlmICh0aGlzLmNvbmRpdGlvbiAmJiAhdGhpcy5jb25kaXRpb24uZXZlbnQpIHtcbiAgICAgIC8vIEZvciBUT0Mga2FybWEgcG9pbnRzXG4gICAgICBpZiAoIXRoaXMuY29uZGl0aW9uLmlzUG9zdEFzc2Vzc21lbnQgJiYgKHRoaXMuY29uZGl0aW9uLmNvbnRlbnQgJiYgdGhpcy5jb25kaXRpb24uY29udGVudC5oYXNPd25Qcm9wZXJ0eSgnY29tcGxldGlvblBlcmNlbnRhZ2UnKVxuICAgICAgICAmJiAhdGhpcy5jb25kaXRpb24uY29udGVudC5jb21wbGV0aW9uUGVyY2VudGFnZVxuICAgICAgICB8fCAodGhpcy5jb25kaXRpb24uY29udGVudCAmJiB0aGlzLmNvbmRpdGlvbi5jb250ZW50LmNvbXBsZXRpb25QZXJjZW50YWdlIDwgMTAwKSlcbiAgICAgICAgJiYgIXRoaXMuY29uZGl0aW9uLmNlcnREYXRhKSB7XG4gICAgICAgIGlmICh0aGlzLmNvbmRpdGlvbi5pc0FjYnBDbGFpbSkge1xuICAgICAgICAgIHRoaXMuZ2V0S1BEYXRhKCdBQ0JQJylcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICh0aGlzLmNvbmRpdGlvbi5jb250ZW50LnByaW1hcnlDYXRlZ29yeSA9PT0gdGhpcy5jb25kaXRpb24ucHJpbWFyeUNhdGVnb3J5LkNPVVJTRSkge1xuICAgICAgICAgIGlmICghdGhpcy5jb25kaXRpb24uaXNBY2JwQ2xhaW0gJiYgIXRoaXMuY29uZGl0aW9uLm1vbnRobHlDYXBFeGNlZWQpIHtcbiAgICAgICAgICAgIHRoaXMuZ2V0S1BEYXRhKCdSZXN1bWUnKVxuICAgICAgICAgIH0gZWxzZSBpZiAoIHRoaXMuY29udGVudC5jb3Vyc2VDYXRlZ29yeSA9PT0gJ0xlYXJuaW5nIFBhdGh3YXknICkge1xuICAgICAgICAgICAgdGhpcy5nZXRLUERhdGEoJ1Jlc3VtZScpXG4gICAgICAgICAgXG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIGlmICh0aGlzLmNvbmRpdGlvbiAmJiAhdGhpcy5jb25kaXRpb24uaXNQb3N0QXNzZXNzbWVudFxuICAgICAgICAmJiAoKHRoaXMuY29uZGl0aW9uLmNvbnRlbnQgJiYgdGhpcy5jb25kaXRpb24uY29udGVudC5jb21wbGV0aW9uUGVyY2VudGFnZSA9PT0gMTAwKVxuICAgICAgICAgIHx8IHRoaXMuY29uZGl0aW9uLmNlcnREYXRhKSkge1xuICAgICAgICBpZiAodGhpcy5jb25kaXRpb24uaXNBY2JwQ291cnNlICYmIHRoaXMuY29uZGl0aW9uLmlzQWNicENsYWltICYmICF0aGlzLmNvbmRpdGlvbi5pc0NsYWltZWQpIHtcbiAgICAgICAgICB0aGlzLmdldEtQRGF0YSgnQUNCUCBDTEFJTScpXG4gICAgICAgICAgdGhpcy5idG5DYXRlZ29yeSA9ICdjbGFpbSdcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICh0aGlzLmNvbmRpdGlvbi5jb250ZW50LnByaW1hcnlDYXRlZ29yeSA9PT0gdGhpcy5jb25kaXRpb24ucHJpbWFyeUNhdGVnb3J5LkNPVVJTRSkge1xuICAgICAgICAgIGlmICh0aGlzLmNvbmRpdGlvbiAmJiAhdGhpcy5jb25kaXRpb24uaXNBY2JwQ291cnNlICYmICF0aGlzLmNvbmRpdGlvbi5tb250aGx5Q2FwRXhjZWVkKSB7XG4gICAgICAgICAgICB0aGlzLmdldEtQRGF0YSgnU3RhcnQgYWdhaW4nKVxuICAgICAgICAgIH1cblxuICAgICAgICAgIGlmICghdGhpcy5jb25kaXRpb24uaXNBY2JwQ291cnNlICYmIHRoaXMuY29uZGl0aW9uLm1vbnRobHlDYXBFeGNlZWQgJiYgIXRoaXMuY29uZGl0aW9uLmlzQ29tcGxldGVkVGhpc01vbnRoKSB7XG4gICAgICAgICAgICB0aGlzLmdldEtQRGF0YSgnU3RhcnQgYWdhaW4nKVxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICBpZiAodGhpcy5jb25kaXRpb24gJiYgdGhpcy5jb25kaXRpb24uaXNQb3N0QXNzZXNzbWVudFxuICAgICAgICAmJiB0aGlzLmNvbmRpdGlvbi5zaG93VGFrZUFzc2Vzc21lbnRcbiAgICAgICAgJiYgdGhpcy5jb25kaXRpb24uc2hvd1Rha2VBc3Nlc3NtZW50LnBvc3RfYXNzZXNzbWVudCkge1xuICAgICAgICB0aGlzLmdldEtQRGF0YSgnVGFrZSBBc3Nlc3NtZW50JylcbiAgICAgIH1cblxuICAgICAgaWYgKHRoaXMuY29uZGl0aW9uICYmICh0aGlzLmNvbmRpdGlvbi5jb250ZW50XG4gICAgICAgICYmIHRoaXMuY29uZGl0aW9uLmNvbnRlbnQucHJpbWFyeUNhdGVnb3J5KSAhPT0gdGhpcy5jb25kaXRpb24ucHJpbWFyeUNhdGVnb3J5LlJFU09VUkNFXG4gICAgICAgICYmICF0aGlzLmNvbmRpdGlvbi5lbnJvbGxCdG5Mb2FkaW5nKSB7XG4gICAgICAgIGlmICh0aGlzLmNvbmRpdGlvbi5pc0FjYnBDb3Vyc2UpIHtcbiAgICAgICAgICB0aGlzLmdldEtQRGF0YSgnQUNCUCcpXG4gICAgICAgIH1cblxuICAgICAgICBpZiAoIXRoaXMuY29uZGl0aW9uLmlzQWNicENvdXJzZSAmJiAhdGhpcy5jb25kaXRpb24ubW9udGhseUNhcEV4Y2VlZCAmJlxuICAgICAgICAgIHRoaXMuY29uZGl0aW9uLnVzZXJFbnJvbGxtZW50TGlzdCAmJiAhdGhpcy5jb25kaXRpb24udXNlckVucm9sbG1lbnRMaXN0Lmxlbmd0aCkge1xuICAgICAgICAgIHRoaXMuZ2V0S1BEYXRhKCdFbnJvbGwnKVxuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIGlmICh0aGlzLmNvbmRpdGlvbiAmJiAhdGhpcy5jb25kaXRpb24uaXNQb3N0QXNzZXNzbWVudFxuICAgICAgICAmJiAodGhpcy5jb25kaXRpb24uY29udGVudCAmJiB0aGlzLmNvbmRpdGlvbi5jb250ZW50Lmhhc093blByb3BlcnR5KCdjb21wbGV0aW9uUGVyY2VudGFnZScpXG4gICAgICAgICAgJiYgIXRoaXMuY29uZGl0aW9uLmNvbnRlbnQuY29tcGxldGlvblBlcmNlbnRhZ2VcbiAgICAgICAgICB8fCAodGhpcy5jb25kaXRpb24uY29udGVudCAmJiB0aGlzLmNvbmRpdGlvbi5jb250ZW50LmNvbXBsZXRpb25QZXJjZW50YWdlIDwgMTAwKSkpIHtcblxuICAgICAgICBpZiAodGhpcy5jb25kaXRpb24uaXNBY2JwQ2xhaW0pIHtcbiAgICAgICAgICB0aGlzLmdldEtQRGF0YSgnQUNCUCcpXG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy5jb25kaXRpb24uY29udGVudC5wcmltYXJ5Q2F0ZWdvcnkgPT09IHRoaXMuY29uZGl0aW9uLnByaW1hcnlDYXRlZ29yeS5DT1VSU0UpIHtcbiAgICAgICAgICBpZiAoIXRoaXMuY29uZGl0aW9uLmlzQWNicENsYWltICYmICF0aGlzLmNvbmRpdGlvbi5tb250aGx5Q2FwRXhjZWVkKSB7XG4gICAgICAgICAgICB0aGlzLmdldEtQRGF0YSgnUmVzdW1lJylcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgaWYgKHRoaXMuY29uZGl0aW9uICYmICF0aGlzLmNvbmRpdGlvbi5pc1Bvc3RBc3Nlc3NtZW50XG4gICAgICAgICYmICh0aGlzLmNvbmRpdGlvbi5jb250ZW50ICYmIHRoaXMuY29uZGl0aW9uLmNvbnRlbnQuY29tcGxldGlvblBlcmNlbnRhZ2UgPT09IDEwMCkpIHtcbiAgICAgICAgaWYgKHRoaXMuY29uZGl0aW9uLmlzQWNicENvdXJzZSAmJiB0aGlzLmNvbmRpdGlvbi5pc0FjYnBDbGFpbSAmJiAhdGhpcy5jb25kaXRpb24uaXNDbGFpbWVkKSB7XG4gICAgICAgICAgdGhpcy5nZXRLUERhdGEoJ0FDQlAgQ0xBSU0nKVxuICAgICAgICAgIHRoaXMuYnRuQ2F0ZWdvcnkgPSAnY2xhaW0nXG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy5jb25kaXRpb24uY29udGVudC5wcmltYXJ5Q2F0ZWdvcnkgPT09IHRoaXMuY29uZGl0aW9uLnByaW1hcnlDYXRlZ29yeS5DT1VSU0UpIHtcbiAgICAgICAgICBpZiAoIXRoaXMuY29uZGl0aW9uLmlzQWNicENvdXJzZSAmJiAhdGhpcy5jb25kaXRpb24ubW9udGhseUNhcEV4Y2VlZCkge1xuICAgICAgICAgICAgdGhpcy5nZXRLUERhdGEoJ1N0YXJ0IGFnYWluJylcbiAgICAgICAgICB9XG5cbiAgICAgICAgICBpZiAoIXRoaXMuY29uZGl0aW9uLmlzQWNicENvdXJzZSAmJiB0aGlzLmNvbmRpdGlvbi5tb250aGx5Q2FwRXhjZWVkICYmICF0aGlzLmNvbmRpdGlvbi5pc0NvbXBsZXRlZFRoaXNNb250aCkge1xuICAgICAgICAgICAgdGhpcy5nZXRLUERhdGEoJ1N0YXJ0IGFnYWluJylcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICAgIGlmICh0aGlzLmNvbmRpdGlvbiAmJiB0aGlzLmNvbmRpdGlvbi5pc1Bvc3RBc3Nlc3NtZW50ICYmIHRoaXMuY29uZGl0aW9uLnNob3dUYWtlQXNzZXNzbWVudFxuICAgICAgICAmJiB0aGlzLmNvbmRpdGlvbi5zaG93VGFrZUFzc2Vzc21lbnQucG9zdF9hc3Nlc3NtZW50KSB7XG4gICAgICAgIHRoaXMuZ2V0S1BEYXRhKCdUYWtlIEFzc2Vzc21lbnQnKVxuICAgICAgfVxuXG4gICAgICBpZiAodGhpcy5jb25kaXRpb24gJiYgdGhpcy5jb25kaXRpb24ucmVzdW1lRGF0YSkge1xuICAgICAgICBpZiAoIXRoaXMuY29uZGl0aW9uLnVzZXJSYXRpbmcpIHtcbiAgICAgICAgICB0aGlzLmdldEtQRGF0YSgnUmF0ZSB0aGlzIGNvdXJzZScpXG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy5jb25kaXRpb24udXNlclJhdGluZykge1xuICAgICAgICAgIHRoaXMuZ2V0S1BEYXRhKCdFZGl0IHJhdGluZycpXG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgLy8gRm9yIGV2ZW50IGthcm1hIHBvaW50c1xuICAgICAgaWYgKHRoaXMuY29uZGl0aW9uICYmICF0aGlzLmNvbmRpdGlvbi5jb21wbGV0ZWRBZnRlckV4cGlyeSkge1xuICAgICAgICBpZiAodGhpcy5jb25kaXRpb24gJiYgdGhpcy5jb25kaXRpb24uaXNFbnJvbGxlZCkge1xuICAgICAgICAgIGlmICh0aGlzLmNvbmRpdGlvbi5jdXJyZW50RXZlbnQpIHtcbiAgICAgICAgICAgIHRoaXMuZ2V0S1BEYXRhKCdDb21wbGV0ZScpXG4gICAgICAgICAgfVxuXG4gICAgICAgICAgaWYgKHRoaXMuY29uZGl0aW9uLnBhc3RFdmVudCAmJiB0aGlzLmNvbmRpdGlvbi5lbnJvbGxlZEV2ZW50KSB7XG4gICAgICAgICAgICBpZiAodGhpcy5jb25kaXRpb24uZW5yb2xsZWRFdmVudC5zdGF0dXMgPCAyKSB7XG4gICAgICAgICAgICAgIHRoaXMuZ2V0S1BEYXRhKCcnKVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgaWYgKHRoaXMuY29uZGl0aW9uLmVucm9sbGVkRXZlbnQuc3RhdHVzID09PSAyKSB7XG4gICAgICAgICAgICAgIHRoaXMuZ2V0S1BEYXRhKCdjb21wbGV0ZWQnKVxuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIGlmICh0aGlzLmNvbmRpdGlvbiAmJiAhdGhpcy5jb25kaXRpb24uaXNFbnJvbGxlZCkge1xuICAgICAgICAgIGlmICh0aGlzLmNvbmRpdGlvbi5jdXJyZW50RXZlbnQpIHtcbiAgICAgICAgICAgIHRoaXMuZ2V0S1BEYXRhKCdDb21wbGV0ZScpXG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICAgIHRoaXMuYWRkQmFkZ2VTbGlkZSgpXG4gIH1cblxuICBnZXRLUERhdGEoYnRuVHlwZTogc3RyaW5nKTogdm9pZCB7XG4gICAgdGhpcy5kYXRhPy5mb3JFYWNoKChpdGVtOiBhbnkpID0+IHtcbiAgICAgIGlmIChpdGVtLmRpc3BsYXlCdXR0b24gPT09IGJ0blR5cGUgJiYgaXRlbS5kaXNwbGF5QnV0dG9uICE9PSAnQUNCUCBDTEFJTScpIHtcbiAgICAgICAgdGhpcy5rcERhdGEgPSBpdGVtXG4gICAgICAgIGlmICh0aGlzLmtwQXJyYXkuZmluZEluZGV4KChfb2JqOiBhbnkpID0+IF9vYmouZGlzcGxheUJ1dHRvbiA9PT0gaXRlbS5kaXNwbGF5QnV0dG9uKSA9PT0gLTEpIHtcbiAgICAgICAgICB0aGlzLmtwQXJyYXkucHVzaCh0aGlzLmtwRGF0YSlcbiAgICAgICAgfVxuICAgICAgfVxuICAgICAgaWYgKGl0ZW0uZGlzcGxheUJ1dHRvbiA9PT0gJ0FDQlAgQ0xBSU0nKSB7XG4gICAgICAgIHRoaXMuYnRuS1BEYXRhID0gaXRlbVxuICAgICAgfVxuICAgIH0pXG4gIH1cbmFkZEJhZGdlU2xpZGUoKSB7XG5cbiAgY29uc3QgYmFkZ2VEZXRhaWxzID0gdGhpcy5iYXNlQ29udGVudFJlYWREYXRhPy5iYWRnZURldGFpbHNfdjFcblxuICBpZiAoIWJhZGdlRGV0YWlscyB8fCAhYmFkZ2VEZXRhaWxzLmxlbmd0aCkge1xuICAgIHJldHVyblxuICB9XG5cbiAgY29uc3QgYmFkZ2UgPSBiYWRnZURldGFpbHNbMF1cblxuICBpZiAoIWJhZGdlLmJhZGdlRWFybmluZ0RhdGVFbmFibGVkKSB7XG4gICAgcmV0dXJuXG4gIH1cblxuICBjb25zdCBiYWRnZVRpbWUgPSBiYWRnZS5iYWRnZUVhcm5pbmdEYXRlVGltZVxuICBjb25zdCBjdXJyZW50VGltZSA9IERhdGUubm93KClcblxuICBjb25zdCBiYWRnZURhdGVJU1QgPSBuZXcgRGF0ZShiYWRnZVRpbWUpLnRvTG9jYWxlU3RyaW5nKCdlbi1JTicsIHtcbiAgICB0aW1lWm9uZTogJ0FzaWEvS29sa2F0YScsXG4gIH0pXG5cbiAgY29uc29sZS5sb2coJ0JhZGdlIElTVCBUaW1lOicsIGJhZGdlRGF0ZUlTVClcblxuICBjb25zdCBiYWRnZVNsaWRlID0ge1xuICAgIGRpc3BsYXlCdXR0b246ICdRdWljayBMZWFybmVyIEJhZGdlJyxcbiAgICB0ZXh0QmVmb3JlSWNvbjogJ0J5IGNvbXBsZXRpbmcgdGhpcyBjb3Vyc2UgZWFybiBRdWljayBsZWFybmVyIEJhZGdlJyxcbiAgICBwb2ludHM6ICcnLFxuICAgIHRleHRBZnRlclBvaW50czogJycsXG4gICAgdG9vbFRpcFRleHQ6ICdxdWlja0xlYXJuZXJCYWRnZVRpcCcsXG4gIH1cblxuY29uc3QgYmFkZ2VFeGlzdHMgPSB0aGlzLmtwQXJyYXkuZmluZChcbiAgKGl0ZW06IGFueSkgPT4gaXRlbS5kaXNwbGF5QnV0dG9uID09PSAnUXVpY2sgTGVhcm5lciBCYWRnZSdcbilcblxuICAvLyBDaGVjayBpZiBiYWRnZSBlYXJuaW5nIHRpbWUgaXMgc3RpbGwgdmFsaWRcbiAgaWYgKGJhZGdlPy5iYWRnZUVhcm5pbmdEYXRlRW5hYmxlZCA9PT0gdHJ1ZSkge1xuICAgIGlmIChiYWRnZVRpbWUgPiBjdXJyZW50VGltZSkge1xuICAgICAgaWYgKCFiYWRnZUV4aXN0cykge1xuICAgICAgICB0aGlzLmtwQXJyYXkucHVzaChiYWRnZVNsaWRlKVxuICAgICAgICB0aGlzLmNvbnN0cnVjdE51ZGdlRGF0YSgpXG4gICAgICB9XG4gICAgfVxuICB9IGVsc2Uge1xuICAgIGlmICghYmFkZ2VFeGlzdHMpIHtcbiAgICAgIHRoaXMua3BBcnJheS5wdXNoKGJhZGdlU2xpZGUpXG4gICAgICB0aGlzLmNvbnN0cnVjdE51ZGdlRGF0YSgpXG4gICAgfVxuICB9XG59XG4gIG9uQ2xpY2tPZkNsYWltKCkge1xuICAgIHRoaXMuY2xpY2tDbGFpbUthcm1hUG9pbnRzLmVtaXQoJ2NsYWltJylcbiAgICB0aGlzLmJ0bkNhdGVnb3J5ID0gJydcbiAgfVxuXG4gIGNvbnN0cnVjdE51ZGdlRGF0YSgpIHtcbiAgICBjb25zdCBudWRnZURhdGE6IGFueSA9IHtcbiAgICAgIHR5cGU6ICdrYXJtYS1wb2ludHMnLFxuICAgICAgaWNvbnNEaXNwbGF5OiBmYWxzZSxcbiAgICAgIGNhcmRDbGFzczogJ3NsaWRlci1jb250YWluZXInLFxuICAgICAgaGVpZ2h0OiAnYXV0bycsXG4gICAgICB3aWR0aDogJycsXG4gICAgICBzbGlkZXJEYXRhOiBbXSxcbiAgICAgIG5lZ2F0aXZlRGlzcGxheTogZmFsc2UsXG4gICAgICAnZG90LWRlZmF1bHQnOiAnZG90LWdyZXknLFxuICAgICAgJ2RvdC1hY3RpdmUnOiAnZG90LWFjdGl2ZScsXG4gICAgfVxuXG4gICAgbnVkZ2VEYXRhLnNsaWRlckRhdGEgPSBbXVxuICAgIG51ZGdlRGF0YS5zbGlkZXJEYXRhID0gdGhpcy5rcEFycmF5XG4gICAgdGhpcy5rYXJtYVBvaW50c1NsaWRlciA9IG51ZGdlRGF0YVxuICB9XG5cbiAgZ2V0RHluYW1pY1RleHQoaGVsVGV4dDogc3RyaW5nKSB7XG4gICAgaWYgKHRoaXMucENhdGVnb3J5ICE9PSAnJykge1xuICAgICAgcmV0dXJuIGhlbFRleHQucmVwbGFjZSgnY291cnNlJywgdGhpcy5wQ2F0ZWdvcnkudG9Mb3dlckNhc2UoKSlcbiAgICB9XG4gICAgcmV0dXJuIGhlbFRleHRcbiAgfVxuXG4gIHRyYW5zbGF0ZUxhYmVscyhsYWJlbDogc3RyaW5nLCB0eXBlOiBhbnkpIHtcbiAgICByZXR1cm4gdGhpcy5sYW5nVHJhbnNsYXRpb25zLnRyYW5zbGF0ZUxhYmVsV2l0aG91dHNwYWNlKGxhYmVsLCB0eXBlLCAnJylcbiAgfVxuXG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiIWRpc2FibGVLYXJtYVBvaW50c1wiPlxuICAgIDx3cy13aWRnZXQtc2xpZGVycy1keW5hbWljIFt3aWRnZXREYXRhXT1cImthcm1hUG9pbnRzU2xpZGVyXCI+PC93cy13aWRnZXQtc2xpZGVycy1keW5hbWljPlxuXG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImJ0bkNhdGVnb3J5ID09PSAnY2xhaW0nXCI+XG4gICAgICAgIDxidXR0b24gY2xhc3M9XCJmbGV4IGZsZXgtd3JhcCBnYXAtMSBjbGFpbS1idXR0b25cIiAoY2xpY2spPVwib25DbGlja09mQ2xhaW0oKVwiID5cbiAgICAgICAgICAgIDxpbWcgc3JjPVwiL2Fzc2V0cy9pY29ucy9ob21lL2thcm1hLWJhZGdlLnN2Z1wiIHdpZHRoPVwiMjhweFwiIGNsYXNzPVwibXItMlwiIGFsdD1cImthcm1hLXBvaW50cyBpbWFnZVwiIC8+XG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiYnRuS1BEYXRhPy50ZXh0QmVmb3JlSWNvblwiPnt7IGJ0bktQRGF0YS50ZXh0QmVmb3JlSWNvbiB9fTwvZGl2PlxuICAgICAgICAgICAgPGRpdiAqbmdJZj1cImJ0bktQRGF0YS5wb2ludHNcIj57eyBidG5LUERhdGEucG9pbnRzIH19IHt7IHRyYW5zbGF0ZUxhYmVscyhidG5LUERhdGEudGV4dEFmdGVyUG9pbnRzLCAnYXBwS2FybWFwb2ludHNQYW5lbCcpIH19PC9kaXY+XG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiYnRuS1BEYXRhPy50ZXh0QWZ0ZXJJY29uXCI+e3sgdHJhbnNsYXRlTGFiZWxzKGJ0bktQRGF0YS50ZXh0QWZ0ZXJJY29uLCAnYXBwS2FybWFwb2ludHNQYW5lbCcpIH19PC9kaXY+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgIDwvbmctY29udGFpbmVyPiBcbjwvbmctY29udGFpbmVyPiJdfQ==