@sunbird-cb/consumption 0.0.63 → 0.0.65

package/esm2015/lib/_common/microsites/mdo-channels/mdo-channel-v2/mdo-channel-v2.component.js

@@ -1,255 +1,255 @@
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-import { Component, Input } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
-import { EventService, WsEvents } from '@sunbird-cb/utils-v2';
-/* tslint:disable */
-import * as _ from 'lodash';
-import { TranslateService } from '@ngx-translate/core';
-import { MultilingualTranslationsService } from '@sunbird-cb/utils-v2';
-export class MdoChannelV2Component {
-    /**
-     * @param {?} route
-     * @param {?} router
-     * @param {?} eventSvc
-     * @param {?} translate
-     * @param {?} langtranslations
-     */
-    constructor(route, router, eventSvc, translate, langtranslations) {
-        this.route = route;
-        this.router = router;
-        this.eventSvc = eventSvc;
-        this.translate = translate;
-        this.langtranslations = langtranslations;
-        this.sectionList = [];
-        this.channnelName = '';
-        this.orgId = '';
-        this.selectedIndex = 0;
-        this.hideCompetencyBlock = false;
-        this.contentTabEmptyResponseCount = 0;
-        this.titles = [
-            { title: 'Learn', url: '/page/learn', icon: 'school', disableTranslate: false },
-            {
-                title: `MDO Channels`,
-                url: `/app/learn/mdo-channels/all-channels`,
-                icon: '', disableTranslate: true,
-            },
-        ];
-        this.showModal = false;
-        this.descriptionMaxLength = 500;
-        this.isTelemetryRaised = false;
-        if (this.route.snapshot.data && this.route.snapshot.data.formData
-            && this.route.snapshot.data.formData.data
-            && this.route.snapshot.data.formData.data.result
-            && this.route.snapshot.data.formData.data.result.form
-            && this.route.snapshot.data.formData.data.result.form.data
-            && this.route.snapshot.data.formData.data.result.form.data.sectionList) {
-            this.sectionList = this.route.snapshot.data.formData.data.result.form.data.sectionList;
-        }
-        this.langtranslations.languageSelectedObservable.subscribe((/**
-         * @return {?}
-         */
-        () => {
-            if (localStorage.getItem('websiteLanguage')) {
-                this.translate.setDefaultLang('en');
-                /** @type {?} */
-                const lang = (/** @type {?} */ (localStorage.getItem('websiteLanguage')));
-                this.translate.use(lang);
-            }
-        }));
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-        this.route.params.subscribe((/**
-         * @param {?} params
-         * @return {?}
-         */
-        params => {
-            this.channnelName = params['channel'];
-            this.orgId = params['orgId'];
-            this.titles.push({
-                title: this.channnelName, icon: '', url: 'none', disableTranslate: true,
-            });
-        }));
-    }
-    /**
-     * @param {?} tabEvent
-     * @return {?}
-     */
-    tabClicked(tabEvent) {
-        this.raiseTelemetry(`${tabEvent.tab.textLabel} tab`);
-    }
-    /**
-     * @param {?} event
-     * @param {?} contentStripData
-     * @return {?}
-     */
-    hideContentStrip(event, contentStripData) {
-        if (event) {
-            contentStripData['hideSection'] = true;
-            this.contentTabEmptyResponseCount = this.contentTabEmptyResponseCount + 1;
-            // if(this.contentTabEmptyResponseCount === 4 ) {
-            //   this.selectedIndex = 1
-            // }
-        }
-    }
-    /**
-     * @param {?} event
-     * @return {?}
-     */
-    triggerOpenDialog(event) {
-        if (event) {
-            this.showModal = true;
-            document.body.style.overflow = 'hidden';
-        }
-        this.raiseTelemetry('btn open key annoucements');
-    }
-    /**
-     * @return {?}
-     */
-    onClose() {
-        this.showModal = false;
-        document.body.style.overflow = 'auto';
-        this.raiseTelemetry('btn close key annoucements');
-    }
-    /**
-     * @param {?} event
-     * @return {?}
-     */
-    raiseTelemetryInteratEvent(event) {
-        if (event && event.viewMoreUrl) {
-            this.raiseTelemetry(`${event.stripTitle} ${event.viewMoreUrl.viewMoreText}`);
-        }
-        if (!this.isTelemetryRaised && event && !event.viewMoreUrl) {
-            this.eventSvc.raiseInteractTelemetry({
-                type: 'click',
-                subType: 'mdo-channel',
-                id: `${_.kebabCase(event.typeOfTelemetry.toLocaleLowerCase())}-card`,
-            }, {
-                id: event.identifier,
-                type: event.primaryCategory,
-            }, {
-                pageIdExt: `${_.kebabCase(event.primaryCategory.toLocaleLowerCase())}-card`,
-                module: WsEvents.EnumTelemetrymodules.LEARN,
-            });
-            this.isTelemetryRaised = true;
-        }
-    }
-    /**
-     * @param {?} name
-     * @return {?}
-     */
-    raiseCompetencyTelemetry(name) {
-        this.raiseTelemetry(`${name} core expertise`);
-    }
-    /**
-     * @param {?} name
-     * @return {?}
-     */
-    raiseTelemetry(name) {
-        this.eventSvc.raiseInteractTelemetry({
-            type: 'click',
-            subType: 'mdo-channel',
-            id: `${_.kebabCase(name).toLocaleLowerCase()}`,
-        }, {}, {
-            module: WsEvents.EnumTelemetrymodules.LEARN,
-        });
-    }
-    /**
-     * @param {?} event
-     * @return {?}
-     */
-    hideCompetency(event) {
-        if (event) {
-            this.hideCompetencyBlock = true;
-        }
-    }
-    /**
-     * @param {?} _stripData
-     * @param {?} contentStrip
-     * @return {?}
-     */
-    showAllContent(_stripData, contentStrip) {
-        if (contentStrip && contentStrip.strips && contentStrip.strips.length) {
-            /** @type {?} */
-            const stripData = contentStrip.strips[0];
-            if (stripData && stripData.request) {
-                delete (stripData['loaderWidgets']);
-                this.router.navigate([`/app/learn/mdo-channels/${this.channnelName}/${this.orgId}/all-content`], { queryParams: { stripData: JSON.stringify(stripData) } });
-            }
-        }
-        else {
-            this.router.navigate([`/app/learn/browse-by/provider/${this.channnelName}/${this.orgId}/all-CBP`]);
-        }
-    }
-}
-MdoChannelV2Component.decorators = [
-    { type: Component, args: [{
-                selector: 'sb-uic-mdo-channel-v2',
-                template: "<ws-widget-btn-page-back [widgetData]=\"{ url: 'home', titles: titles }\">\n</ws-widget-btn-page-back>\n\n<div class=\"container-fluid\" id=\"section-micro-sites\">\n    <div class=\"flex flex-col flex-1\">\n        <ng-container *ngIf=\"sectionList?.length\">\n            <ng-container *ngFor=\"let section of sectionList\">\n                <ng-container *ngIf=\"section?.enabled\">\n                    <section id=\"{{section?.key}}\" class=\"w-full grid grid-cols-12 gap-4\" [ngClass]=\"{'container': section.wrapperClass}\">\n                        <ng-container *ngFor=\"let column of section.column\">\n                            <div id=\"{{column?.key}}\" class=\"col-span-{{column.colspan || 12}} \">\n                                <ng-container *ngIf=\"column?.enabled\" [ngSwitch]=\"column?.key\">\n                                    <ng-container *ngSwitchCase=\"'topSection'\" [ngTemplateOutlet]=\"topSection\"\n                                        [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n                                    <ng-container *ngSwitchCase=\"'topLearners'\" [ngTemplateOutlet]=\"topLearners\"\n                                        [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n                                    <ng-container *ngSwitchCase=\"'mainContent'\" [ngTemplateOutlet]=\"mainContent\"\n                                        [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n                                </ng-container>\n                            </div>\n                        </ng-container>\n                    </section>\n                </ng-container>\n            </ng-container>\n        </ng-container>\n    </div>\n</div>\n\n\n<ng-template #topSection let-data=\"data\">\n    <!-- top section desktop layout -->\n    <div class=\"hidden md:block\">\n        <div class=\"web-banner-background\">\n            <div class=\"flex sticky-logo-square\">\n            </div>\n            <div class=\"flex  items-center justify-center\">\n                <div class=\"container\">\n                    <div class=\"grid grid-cols-12 gap-4 padding-top-xxxl mb-10\">\n                        <div class=\"col-span-12 md:col-span-6\">\n                            <div class=\"flex-1 flex flex-col mr-4 ws-mat-black-text\">\n                                <div class=\"\">\n                                    <div class=\"flex items-center logo-square \">\n                                        <img alt=\"Application Logo\" class=\"logo-img\" [src]=\"data?.logo\">\n                                    </div>\n                                    <h1  class=\" txt-ellipsis-2 break-words pt-10\"\n                                        [style.color]=\"data.titleColor\">{{data.title || channnelName}}</h1>\n                                    <p class=\"mat-body-1\" [style.color]=\"data.descriptionColor\">\n                                        {{data?.description | slice:0:descriptionMaxLength}}\n                                        <span *ngIf=\"data?.description?.length > descriptionMaxLength\">...</span>\n                                    </p>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"col-span-12 md:col-span-6\">\n                            <div class=\"slider slider-box\" *ngIf=\"data.sliderData && data.sliderData.sliders\">\n                                <sb-uic-sliders [widgetData]=\"data.sliderData.sliders\" [styleData]=\"data.sliderData.styleData\" ></sb-uic-sliders>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        \n    </div>\n    <!-- top section m-site layout -->\n    <div class=\"block md:hidden\">\n        <div class=\"col-span-12\">\n            <div class=\"slider slider-box\" *ngIf=\"data.sliderData && data.sliderData.sliders\">\n                <sb-uic-sliders [widgetData]=\"data.sliderData.sliders\" [styleData]=\"data.sliderData.styleData\" ></sb-uic-sliders>\n            </div>\n        </div>\n        <div class=\"container px-4 flex flex-col mob-container\">\n            <div class=\"mr-4 logo-box-container\">\n                <div class=\"flex logo-box-square top mr-4\">\n                    <img alt=\"Application Logo\" class=\"logo-img\" [src]=\"data?.logo\">\n                </div>\n            </div>\n            <div class=\"w-full md:w-9/12 flex-1 flex flex-col\">\n                <h1 class=\" txt-ellipsis-2 break-words\">{{data?.title || channnelName}}</h1>\n                <p class=\"mat-body-2\">\n                    {{data?.description | slice:0:descriptionMaxLength}}\n                    <span *ngIf=\"data?.description?.length > descriptionMaxLength\">...</span>\n                </p>\n            </div>\n        </div>\n    </div>\n    <div class=\"flex items-center justify-center\">\n        <div class=\"container metrics-section\" >\n            <div class=\"hidden md:block\">\n                <div class=\"metrics\"\n                    [ngStyle]=\"{'background': data?.metrics?.background}\">\n                    <sb-uic-data-points\n                        [providerId]=\"orgId\"\n                        [fetchDataFromApi]=\"true\"\n                        [objectData]=\"data?.metrics?.data\"\n                        [layoutType]=\"'singleFlexeRow'\"\n                        [pageLayout]=\"'mdo'\">\n                    </sb-uic-data-points>\n                </div>\n            </div>\n            <div class=\"block md:hidden  pt-14 px-4\">\n                <div class=\"mob-metrics mob-metrics-sec\">\n                    <sb-uic-data-points\n                        [providerId]=\"orgId\"\n                        [fetchDataFromApi]=\"true\"\n                        [objectData]=\"data?.metrics?.data\"\n                        [layoutType]=\"'singleRow'\"\n                        [pageLayout]=\"'mdo'\">\n                    </sb-uic-data-points>\n                </div>\n                \n            </div>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #mainContent let-data=\"data\">\n    <div class=\"flex items-center justify-center\" [ngStyle]=\"{'background': data.background}\">\n        <div class=\"container\">\n            <div class=\"block md:hidden col-span-12 padding-left-m padding-right-m padding-top-m padding-bottom-m\">\n                <sb-uic-cbp-plan\n                    [layoutType]=\"'web'\"\n                    [mobileHeight]=\"false\"\n                    [fetchDataFromApi]=\"true\"\n                    [channelId]=\"orgId\"\n                    [objectData]=\"data?.cbpPlanSection?.data\">\n                </sb-uic-cbp-plan>\n            </div>\n            <div class=\"block md:hidden col-span-12 mt-6\">\n                <sb-uic-announcements\n                    [layoutType]=\"'mobile'\"\n                    (openDialog)=\"triggerOpenDialog($event)\"\n                    [objectData]=\"data?.announcementSection?.data\"\n                    [fetchDataFromApi]=\"false\"\n                    [channelId]=\"orgId\">\n                </sb-uic-announcements>\n                <div class=\"announcements-container\" *ngIf=\"showModal\">\n                    <div class=\"cursor-pointer close-share-dialog\">\n                        <mat-icon (click)=\"onClose()\" class=\"close-icon\">close</mat-icon>\n                    </div>\n                    <div class=\"share-modal px-3 pt-8\">\n                        <sb-uic-announcements\n                            [layoutType]=\"'web'\"\n                            (openDialog)=\"triggerOpenDialog($event)\"\n                            [objectData]=\"data?.announcementSection?.data\"\n                            [mobileHeight]=\"true\"\n                            [fetchDataFromApi]=\"true\"\n                            [channelId]=\"orgId\">\n                        </sb-uic-announcements>\n                    </div>\n                </div>\n            </div>\n            <div class=\"grid grid-cols-12 gap-4 padding-top-m mb-6\">\n                <div class=\"col-span-12 md:col-span-{{data.tabSection.colspan}}\">\n                    <!-- Tabs Section -->\n                    <mat-tab-group animationDuration=\"0ms\" class=\"mat-tab-labels mytabs w-full \"\n                        [selectedIndex]=\"selectedIndex\" (selectedTabChange)=\"selectedIndex = $event.index; tabClicked($event)\">\n                        <mat-tab label=\"Content\" >\n                            <ng-template mat-tab-label i18n>\n                                Learn\n                            </ng-template>\n                            <ng-container *ngIf=\"data.tabSection.contentTab.length === contentTabEmptyResponseCount\">\n                                <div class=\"flex justify-center w-full\">\n                                    <div class=\"margin-xl text-center\" >\n                                        <img src=\"/assets/common/error-pages/empty_search.svg\" wsUtilsImageResponsive alt=\"No results\"\n                                            class=\"margin-top-l margin-bottom-s\">\n                                        <h2 class=\"mat-h2\" i18n=\"search route no result\">{{'learnsearch.noResults' | translate}}</h2>\n                                    </div>\n                                </div>\n                            </ng-container>\n                            <div class=\"padding-top-l \">\n                                <ng-container [ngTemplateOutlet]=\"columnSectionDisplay\"\n                                    [ngTemplateOutletContext]=\"{data: data.tabSection.contentTab}\"></ng-container>\n                            </div>\n                        </mat-tab>\n                        <mat-tab label=\"Core Areas\">\n                            <ng-template mat-tab-label i18n>\n                                Competency\n                            </ng-template>\n                            <div>\n                                <ng-container [ngTemplateOutlet]=\"columnSectionDisplay\"\n                                    [ngTemplateOutletContext]=\"{data: data.tabSection.coreAreasTab}\"></ng-container>\n                            </div>\n                        </mat-tab>\n                    </mat-tab-group>\n                </div>\n                <div class=\"col-span-12 md:col-span-4\">\n                    <div class=\"hidden md:block padding-top-xl padding-bottom-m\"\n                        *ngIf=\"data?.cbpPlanSection?.data\">\n                        <div class=\"pt-4\">\n                            <sb-uic-cbp-plan\n                                [layoutType]=\"'web'\"\n                                [mobileHeight]=\"false\"\n                                [fetchDataFromApi]=\"true\"\n                                [channelId]=\"orgId\"\n                                [objectData]=\"data?.cbpPlanSection?.data\">\n                            </sb-uic-cbp-plan>\n                        </div>                    \n                    </div>\n                    <div class=\"hidden md:block\" \n                    *ngIf=\"data?.announcementSection?.data\">\n                    <div class=\"pt-4\">\n                        <sb-uic-announcements\n                            [layoutType]=\"'web'\"\n                            [mobileHeight]=\"false\"\n                            [fetchDataFromApi]=\"true\"\n                            [channelId]=\"orgId\"\n                            [objectData]=\"data?.announcementSection?.data\">\n                        </sb-uic-announcements>\n                    </div>                    \n                </div>\n                </div>               \n            </div>\n        </div>\n    </div>\n</ng-template>\n<!-- \n<ng-template #announcement let-data=\"data\">\n    <div class=\"flex  items-center justify-center\" [ngStyle]=\"{'background': data.background}\">\n        <div class=\"w-full\">\n            Announcement Section -->\n            <!-- <h1>Announcement</h1>\n        </div>\n    </div>\n</ng-template> -->\n\n\n<ng-template #columnSectionDisplay  let-data=\"data\">\n    <ng-container *ngIf=\"data?.length\">\n        <ng-container *ngFor=\"let section of data\">\n            <ng-container *ngIf=\"section?.enabled\">\n                <section id=\"{{section?.key}}\" class=\"w-full grid grid-cols-12 gap-4\" [ngClass]=\"{'container': section.wrapperClass}\">\n                    <ng-container *ngFor=\"let column of section.column\">\n                        <div id=\"{{column?.key}}\" class=\"col-span-{{column.colspan || 12}} \">\n                            <ng-container *ngIf=\"column?.enabled\" [ngSwitch]=\"column?.key\">\n                                <ng-container *ngSwitchCase=\"'competency'\" [ngTemplateOutlet]=\"competency\"\n                                [ngTemplateOutletContext]=\"{competency: column}\"></ng-container>\n                                <ng-container *ngSwitchCase=\"'contentRecommendedProgramStrip'\" [ngTemplateOutlet]=\"contentStrip\"\n                                [ngTemplateOutletContext]=\"{contentStrip: column?.data}\"></ng-container>\n                                <ng-container *ngSwitchCase=\"'contentRecommendedCoursesStrip'\" [ngTemplateOutlet]=\"contentStrip\"\n                                [ngTemplateOutletContext]=\"{contentStrip: column?.data}\"></ng-container>\n                                <ng-container *ngSwitchCase=\"'contentFeaturedStrip'\" [ngTemplateOutlet]=\"contentStrip\"\n                                [ngTemplateOutletContext]=\"{contentStrip: column?.data}\"></ng-container>\n                                <ng-container *ngSwitchCase=\"'contentcertificationsOfWeekStrip'\" [ngTemplateOutlet]=\"contentStrip\"\n                                [ngTemplateOutletContext]=\"{contentStrip: column?.data}\"></ng-container>\n                            </ng-container>\n                        </div>\n                    </ng-container>\n                </section>\n            </ng-container>\n        </ng-container>\n    </ng-container>\n</ng-template>\n\n\n<!-- Start Competencies -->\n<ng-template #competency let-competency=\"competency\">\n    <div class=\"padding-top-l padding-bottom-l relative\"  [style.background]=\"competency?.background\" *ngIf=\"!hideCompetencyBlock;else noData\">\n        <div class=\"w-full container-balanced\">\n            <p class=\"mat-body-1\">This section shows the list of top competencies users in this MDO are learning, based on the courses they've completed and enrolled in.</p>\n            <div class=\"pl-4 pr-4 md:pl-0 md:pr-0\">\n                <sb-uic-competency-passbook-mdo\n                    [dynamicColor]=\"'#999999'\"\n                    [dynamicAlignPills]=\"'start'\"\n                    [cardDisplayCount]=\"2\"\n                    (emptyResponse)=\"hideCompetency($event)\"\n                    (temeletryResponse)=\"raiseCompetencyTelemetry($event)\"\n                    [objectData]=\"competency\"\n                    [providerId]=\"orgId\"\n                    >\n                </sb-uic-competency-passbook-mdo>\n            </div>\n        </div>\n        <!-- <img class=\"absolute comp-back-img\" src=\"assets/icons/microsite/competency.svg\" alt=\"\"> -->\n    </div>\n</ng-template>\n<!-- End Competencies -->\n\n<ng-template #contentStrip let-contentStrip=\"contentStrip\">\n    <ng-container *ngIf=\"!contentStrip?.hideSection\">\n        <div class=\"flex mb-8\">\n            <div class=\"w-full\">\n                <sb-uic-content-strip-with-tabs\n                    [emitViewAll]=\"true\"\n                    (viewAllResponse)=\"showAllContent($event, contentStrip)\"\n                    (telemtryResponse)=\"raiseTelemetryInteratEvent($event)\"\n                    (emptyResponse)=\"hideContentStrip($event, contentStrip)\"\n                    [providerId]=\"orgId\"\n                    [widgetData]=\"contentStrip\"\n                    [channnelName]=\"channnelName\"\n                    >\n                </sb-uic-content-strip-with-tabs>\n            </div>\n        </div>\n    </ng-container>\n</ng-template>\n\n<ng-template #noData>\n        <div class=\"flex justify-center w-full\">\n            <div class=\"margin-xl text-center\" >\n                <img src=\"/assets/common/error-pages/empty_search.svg\" wsUtilsImageResponsive alt=\"No results\"\n                    class=\"margin-top-l margin-bottom-s\">\n                <h2 class=\"mat-h2\" i18n=\"search route no result\">{{'learnsearch.noResults' | translate}}</h2>\n            </div>\n        </div>\n</ng-template>\n\n<ng-template #topLearners let-data=\"data\">\n    <div class=\"flex items-center justify-center\">\n        <div class=\"container top-learners margin-bottom-l margin-top-l\">\n            <sb-uic-top-learners\n                [objectData]=\"data\"\n                [channnelName]=\"channnelName\"\n                [channelId]=\"orgId\">\n            </sb-uic-top-learners>\n        </div>\n    </div>\n</ng-template>",
-                styles: [".container-balanced{max-width:1202px;margin-left:auto!important;margin-right:auto!important}.container{max-width:1200px}.padding-top-xxxl{padding-top:47px}.banner-container{align-items:center;background:#eee;padding:16px;gap:2.5rem;justify-content:center}.web-banner-background{background-image:url(https://portal.karmayogiqa.nic.in/content-store/orgStore/0135071359030722569/1720698778795_MDO-channel-banner.png);background-size:cover;min-height:464px}.mob-container{background-image:url(https://portal.karmayogiqa.nic.in/content-store/orgStore/0135071359030722569/1720693634596_MDOChannel_RightGraphic%202.svg);background-position:right;background-repeat:no-repeat}.sticky-logo-square{position:absolute;top:215px;justify-content:end;border-bottom-right-radius:12px;border-top-right-radius:12px;background:#fff;display:flex;padding:10px;justify-content:end;height:53px}.logo-square{width:112px;max-height:73px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.logo-box-container{width:157px;position:relative;height:64px}.logo-box-square{height:99px;width:157px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px 0 rgba(0,0,0,.06)}.logo-box-square .logo-img{max-width:122px}.logo-box-square.top{position:absolute;top:-54px}.logo-img{-o-object-fit:contain;object-fit:contain;max-height:52px;height:96px;z-index:10}.metrics{border:3px solid #fff;border-radius:10px;align-items:center}.mob-metrics{overflow:auto}.metrics-section{margin-top:-30px}.empty-div{height:15px}.mob-metrics-sec{padding-top:1rem}.announcements-container{position:fixed;height:calc(100vh - 67px);background:rgba(19,19,19,.6392156863);width:100vw;top:0;left:0;z-index:1000}.close-announcements-dialog{position:absolute;right:30px;top:30px}.close-icon{color:#fff;border-radius:15px;float:right;position:absolute;top:15px;right:15px}@media screen and (max-width:768px){.metrics-section{margin-top:0}.top-learners{padding-left:30px}}@media screen and (min-width:769px){.sticky-logo-square{width:8%}}@media screen and (min-width:1280px){.sticky-logo-square{width:10%}}@media screen and (min-width:1520px){.sticky-logo-square{width:15%}}@media screen and (min-width:1904px){.sticky-logo-square{width:20%}}::ng-deep .mytabs .mat-tab-label.mat-tab-label-active.cdk-keyboard-focused:not(.mat-tab-disabled),::ng-deep .mytabs .mat-tab-label.mat-tab-label-active:not(.mat-tab-disabled){font-weight:700;color:#000;opacity:1}"]
-            }] }
-];
-/** @nocollapse */
-MdoChannelV2Component.ctorParameters = () => [
-    { type: ActivatedRoute },
-    { type: Router },
-    { type: EventService },
-    { type: TranslateService },
-    { type: MultilingualTranslationsService }
-];
-MdoChannelV2Component.propDecorators = {
-    sectionList: [{ type: Input }]
-};
-if (false) {
-    /** @type {?} */
-    MdoChannelV2Component.prototype.sectionList;
-    /** @type {?} */
-    MdoChannelV2Component.prototype.channnelName;
-    /** @type {?} */
-    MdoChannelV2Component.prototype.orgId;
-    /** @type {?} */
-    MdoChannelV2Component.prototype.selectedIndex;
-    /** @type {?} */
-    MdoChannelV2Component.prototype.hideCompetencyBlock;
-    /** @type {?} */
-    MdoChannelV2Component.prototype.contentTabEmptyResponseCount;
-    /** @type {?} */
-    MdoChannelV2Component.prototype.titles;
-    /** @type {?} */
-    MdoChannelV2Component.prototype.showModal;
-    /** @type {?} */
-    MdoChannelV2Component.prototype.descriptionMaxLength;
-    /** @type {?} */
-    MdoChannelV2Component.prototype.isTelemetryRaised;
-    /**
-     * @type {?}
-     * @private
-     */
-    MdoChannelV2Component.prototype.route;
-    /**
-     * @type {?}
-     * @private
-     */
-    MdoChannelV2Component.prototype.router;
-    /**
-     * @type {?}
-     * @private
-     */
-    MdoChannelV2Component.prototype.eventSvc;
-    /**
-     * @type {?}
-     * @private
-     */
-    MdoChannelV2Component.prototype.translate;
-    /**
-     * @type {?}
-     * @private
-     */
-    MdoChannelV2Component.prototype.langtranslations;
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWRvLWNoYW5uZWwtdjIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHN1bmJpcmQtY2IvY29uc3VtcHRpb24vIiwic291cmNlcyI6WyJsaWIvX2NvbW1vbi9taWNyb3NpdGVzL21kby1jaGFubmVscy9tZG8tY2hhbm5lbC12Mi9tZG8tY2hhbm5lbC12Mi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFBO0FBRXhELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDeEQsT0FBTyxFQUFFLFlBQVksRUFBRSxRQUFRLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTs7QUFFN0QsT0FBTyxLQUFLLENBQUMsTUFBTSxRQUFRLENBQUE7QUFDM0IsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDdEQsT0FBTyxFQUFFLCtCQUErQixFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFPdEUsTUFBTSxPQUFPLHFCQUFxQjs7Ozs7Ozs7SUFtQmhDLFlBQ1UsS0FBcUIsRUFDckIsTUFBYyxFQUNkLFFBQXNCLEVBQ3RCLFNBQTJCLEVBQzNCLGdCQUFpRDtRQUpqRCxVQUFLLEdBQUwsS0FBSyxDQUFnQjtRQUNyQixXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQ2QsYUFBUSxHQUFSLFFBQVEsQ0FBYztRQUN0QixjQUFTLEdBQVQsU0FBUyxDQUFrQjtRQUMzQixxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWlDO1FBdkJsRCxnQkFBVyxHQUFPLEVBQUUsQ0FBQTtRQUM3QixpQkFBWSxHQUFHLEVBQUUsQ0FBQTtRQUNqQixVQUFLLEdBQUcsRUFBRSxDQUFBO1FBQ1Ysa0JBQWEsR0FBRyxDQUFDLENBQUE7UUFDakIsd0JBQW1CLEdBQVksS0FBSyxDQUFBO1FBQ3BDLGlDQUE0QixHQUFXLENBQUMsQ0FBQTtRQUN4QyxX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O2dCQUNsQyxPQUFNLENBQUMsU0FBUyxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUE7Z0JBQ2xDLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUNsQixDQUFDLDJCQUEyQixJQUFJLENBQUMsWUFBWSxJQUFJLElBQUksQ0FBQyxLQUFLLGNBQWMsQ0FBQyxFQUMxRSxFQUFFLFdBQVcsRUFBRSxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFBO2FBQzdEO1NBQ0Y7YUFBTTtZQUNKLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUNuQixDQUFDLGlDQUFpQyxJQUFJLENBQUMsWUFBWSxJQUFJLElBQUksQ0FBQyxLQUFLLFVBQVUsQ0FBQyxDQUFDLENBQUE7U0FDaEY7SUFDSCxDQUFDOzs7WUFuSkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSx1QkFBdUI7Z0JBQ2pDLDR6aEJBQThDOzthQUUvQzs7OztZQVhRLGNBQWM7WUFBRSxNQUFNO1lBQ3RCLFlBQVk7WUFHWixnQkFBZ0I7WUFDaEIsK0JBQStCOzs7MEJBUXJDLEtBQUs7Ozs7SUFBTiw0Q0FBNkI7O0lBQzdCLDZDQUFpQjs7SUFDakIsc0NBQVU7O0lBQ1YsOENBQWlCOztJQUNqQixvREFBb0M7O0lBQ3BDLDZEQUF3Qzs7SUFDeEMsdUNBT0M7O0lBQ0QsMENBQTBCOztJQUMxQixxREFBMEI7O0lBQzFCLGtEQUFrQzs7Ozs7SUFHaEMsc0NBQTZCOzs7OztJQUM3Qix1Q0FBc0I7Ozs7O0lBQ3RCLHlDQUE4Qjs7Ozs7SUFDOUIsMENBQW1DOzs7OztJQUNuQyxpREFBeUQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgTWF0VGFiQ2hhbmdlRXZlbnQgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbCdcbmltcG9ydCB7IEFjdGl2YXRlZFJvdXRlLCBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInXG5pbXBvcnQgeyBFdmVudFNlcnZpY2UsIFdzRXZlbnRzIH0gZnJvbSAnQHN1bmJpcmQtY2IvdXRpbHMtdjInXG4vKiB0c2xpbnQ6ZGlzYWJsZSAqL1xuaW1wb3J0ICogYXMgXyBmcm9tICdsb2Rhc2gnXG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSdcbmltcG9ydCB7IE11bHRpbGluZ3VhbFRyYW5zbGF0aW9uc1NlcnZpY2UgfSBmcm9tICdAc3VuYmlyZC1jYi91dGlscy12MidcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2ItdWljLW1kby1jaGFubmVsLXYyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL21kby1jaGFubmVsLXYyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbWRvLWNoYW5uZWwtdjIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBNZG9DaGFubmVsVjJDb21wb25lbnQgIGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgc2VjdGlvbkxpc3Q6YW55ID0gW11cbiAgY2hhbm5uZWxOYW1lID0gJydcbiAgb3JnSWQgPSAnJ1xuICBzZWxlY3RlZEluZGV4ID0gMFxuICBoaWRlQ29tcGV0ZW5jeUJsb2NrOiBib29sZWFuID0gZmFsc2VcbiAgY29udGVudFRhYkVtcHR5UmVzcG9uc2VDb3VudDogbnVtYmVyID0gMFxuICB0aXRsZXMgPSBbXG4gICAgeyB0aXRsZTogJ0xlYXJuJywgdXJsOiAnL3BhZ2UvbGVhcm4nLCBpY29uOiAnc2Nob29sJywgZGlzYWJsZVRyYW5zbGF0ZTogZmFsc2UgfSxcbiAgICB7XG4gICAgICB0aXRsZTogYE1ETyBDaGFubmVsc2AsXG4gICAgICB1cmw6IGAvYXBwL2xlYXJuL21kby1jaGFubmVscy9hbGwtY2hhbm5lbHNgLFxuICAgICAgaWNvbjogJycsIGRpc2FibGVUcmFuc2xhdGU6IHRydWUsXG4gICAgfSxcbiAgXVxuICBzaG93TW9kYWw6IGJvb2xlYW4gPSBmYWxzZVxuICBkZXNjcmlwdGlvbk1heExlbmd0aCA9IDUwMFxuICBpc1RlbGVtZXRyeVJhaXNlZDogYm9vbGVhbiA9IGZhbHNlXG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSByb3V0ZTogQWN0aXZhdGVkUm91dGUsXG4gICAgcHJpdmF0ZSByb3V0ZXI6IFJvdXRlcixcbiAgICBwcml2YXRlIGV2ZW50U3ZjOiBFdmVudFNlcnZpY2UsXG4gICAgcHJpdmF0ZSB0cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UsXG4gICAgcHJpdmF0ZSBsYW5ndHJhbnNsYXRpb25zOiBNdWx0aWxpbmd1YWxUcmFuc2xhdGlvbnNTZXJ2aWNlLFxuICApIHsgXG4gICAgaWYgKHRoaXMucm91dGUuc25hcHNob3QuZGF0YSAmJiB0aGlzLnJvdXRlLnNuYXBzaG90LmRhdGEuZm9ybURhdGFcbiAgICAgICYmIHRoaXMucm91dGUuc25hcHNob3QuZGF0YS5mb3JtRGF0YS5kYXRhXG4gICAgICAmJiB0aGlzLnJvdXRlLnNuYXBzaG90LmRhdGEuZm9ybURhdGEuZGF0YS5yZXN1bHRcbiAgICAgICYmIHRoaXMucm91dGUuc25hcHNob3QuZGF0YS5mb3JtRGF0YS5kYXRhLnJlc3VsdC5mb3JtXG4gICAgICAmJiB0aGlzLnJvdXRlLnNuYXBzaG90LmRhdGEuZm9ybURhdGEuZGF0YS5yZXN1bHQuZm9ybS5kYXRhXG4gICAgICAmJiB0aGlzLnJvdXRlLnNuYXBzaG90LmRhdGEuZm9ybURhdGEuZGF0YS5yZXN1bHQuZm9ybS5kYXRhLnNlY3Rpb25MaXN0XG4gICAgKSB7XG4gICAgICB0aGlzLnNlY3Rpb25MaXN0ID0gdGhpcy5yb3V0ZS5zbmFwc2hvdC5kYXRhLmZvcm1EYXRhLmRhdGEucmVzdWx0LmZvcm0uZGF0YS5zZWN0aW9uTGlzdFxuICAgIH1cbiAgICB0aGlzLmxhbmd0cmFuc2xhdGlvbnMubGFuZ3VhZ2VTZWxlY3RlZE9ic2VydmFibGUuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgIGlmIChsb2NhbFN0b3JhZ2UuZ2V0SXRlbSgnd2Vic2l0ZUxhbmd1YWdlJykpIHtcbiAgICAgICAgdGhpcy50cmFuc2xhdGUuc2V0RGVmYXVsdExhbmcoJ2VuJylcbiAgICAgICAgY29uc3QgbGFuZyA9IGxvY2FsU3RvcmFnZS5nZXRJdGVtKCd3ZWJzaXRlTGFuZ3VhZ2UnKSFcbiAgICAgICAgdGhpcy50cmFuc2xhdGUudXNlKGxhbmcpXG4gICAgICB9XG4gICAgfSlcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMucm91dGUucGFyYW1zLnN1YnNjcmliZShwYXJhbXMgPT4ge1xuICAgICAgdGhpcy5jaGFubm5lbE5hbWUgPSBwYXJhbXNbJ2NoYW5uZWwnXVxuICAgICAgdGhpcy5vcmdJZCA9IHBhcmFtc1snb3JnSWQnXVxuICAgICAgdGhpcy50aXRsZXMucHVzaCh7XG4gICAgICAgIHRpdGxlOiB0aGlzLmNoYW5ubmVsTmFtZSwgaWNvbjogJycsIHVybDogJ25vbmUnLCBkaXNhYmxlVHJhbnNsYXRlOiB0cnVlLFxuICAgICAgfSlcbiAgICB9KVxuICB9XG5cbiAgcHVibGljIHRhYkNsaWNrZWQodGFiRXZlbnQ6IE1hdFRhYkNoYW5nZUV2ZW50KSB7XG4gICAgdGhpcy5yYWlzZVRlbGVtZXRyeShgJHt0YWJFdmVudC50YWIudGV4dExhYmVsfSB0YWJgKVxuICB9XG4gIGhpZGVDb250ZW50U3RyaXAoZXZlbnQ6IGFueSwgY29udGVudFN0cmlwRGF0YTogYW55KSB7XG4gICAgaWYgKGV2ZW50KSB7XG4gICAgICBjb250ZW50U3RyaXBEYXRhWydoaWRlU2VjdGlvbiddID0gdHJ1ZVxuICAgICAgdGhpcy5jb250ZW50VGFiRW1wdHlSZXNwb25zZUNvdW50ID0gdGhpcy5jb250ZW50VGFiRW1wdHlSZXNwb25zZUNvdW50ICsgMVxuICAgICAgLy8gaWYodGhpcy5jb250ZW50VGFiRW1wdHlSZXNwb25zZUNvdW50ID09PSA0ICkge1xuICAgICAgLy8gICB0aGlzLnNlbGVjdGVkSW5kZXggPSAxXG4gICAgICAvLyB9XG4gICAgfVxuICB9XG5cbiAgdHJpZ2dlck9wZW5EaWFsb2coZXZlbnQ6IGJvb2xlYW4pIHtcbiAgICBpZihldmVudCkge1xuICAgICAgdGhpcy5zaG93TW9kYWwgPSB0cnVlXG4gICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLm92ZXJmbG93ID0gJ2hpZGRlbidcbiAgICB9XG4gICAgdGhpcy5yYWlzZVRlbGVtZXRyeSgnYnRuIG9wZW4ga2V5IGFubm91Y2VtZW50cycpXG4gIH1cblxuICBvbkNsb3NlKCkge1xuICAgIHRoaXMuc2hvd01vZGFsID0gZmFsc2VcbiAgICBkb2N1bWVudC5ib2R5LnN0eWxlLm92ZXJmbG93ID0gJ2F1dG8nXG4gICAgdGhpcy5yYWlzZVRlbGVtZXRyeSgnYnRuIGNsb3NlIGtleSBhbm5vdWNlbWVudHMnKVxuICB9XG5cbiAgcmFpc2VUZWxlbWV0cnlJbnRlcmF0RXZlbnQoZXZlbnQ6IGFueSkge1xuICAgIGlmIChldmVudCAmJiBldmVudC52aWV3TW9yZVVybCkge1xuICAgICAgdGhpcy5yYWlzZVRlbGVtZXRyeShgJHtldmVudC5zdHJpcFRpdGxlfSAke2V2ZW50LnZpZXdNb3JlVXJsLnZpZXdNb3JlVGV4dH1gKVxuICAgIH1cbiAgICBpZiAoIXRoaXMuaXNUZWxlbWV0cnlSYWlzZWQgJiYgZXZlbnQgJiYgIWV2ZW50LnZpZXdNb3JlVXJsKSB7XG4gICAgICB0aGlzLmV2ZW50U3ZjLnJhaXNlSW50ZXJhY3RUZWxlbWV0cnkoXG4gICAgICAgIHtcbiAgICAgICAgICB0eXBlOiAnY2xpY2snLFxuICAgICAgICAgIHN1YlR5cGU6ICdtZG8tY2hhbm5lbCcsXG4gICAgICAgICAgaWQ6IGAke18ua2ViYWJDYXNlKGV2ZW50LnR5cGVPZlRlbGVtZXRyeS50b0xvY2FsZUxvd2VyQ2FzZSgpKX0tY2FyZGAsXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICBpZDogZXZlbnQuaWRlbnRpZmllcixcbiAgICAgICAgICB0eXBlOiBldmVudC5wcmltYXJ5Q2F0ZWdvcnksXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICBwYWdlSWRFeHQ6IGAke18ua2ViYWJDYXNlKGV2ZW50LnByaW1hcnlDYXRlZ29yeS50b0xvY2FsZUxvd2VyQ2FzZSgpKX0tY2FyZGAsXG4gICAgICAgICAgbW9kdWxlOiBXc0V2ZW50cy5FbnVtVGVsZW1ldHJ5bW9kdWxlcy5MRUFSTixcbiAgICAgICAgfVxuICAgICAgKVxuICAgICAgdGhpcy5pc1RlbGVtZXRyeVJhaXNlZCA9IHRydWVcbiAgICB9XG4gIH1cblxuICByYWlzZUNvbXBldGVuY3lUZWxlbWV0cnkobmFtZTogc3RyaW5nKSB7XG4gICAgdGhpcy5yYWlzZVRlbGVtZXRyeShgJHtuYW1lfSBjb3JlIGV4cGVydGlzZWApXG4gIH1cblxuICByYWlzZVRlbGVtZXRyeShuYW1lOiBzdHJpbmcpIHtcbiAgICB0aGlzLmV2ZW50U3ZjLnJhaXNlSW50ZXJhY3RUZWxlbWV0cnkoXG4gICAgICB7XG4gICAgICAgIHR5cGU6ICdjbGljaycsXG4gICAgICAgIHN1YlR5cGU6ICdtZG8tY2hhbm5lbCcsXG4gICAgICAgIGlkOiBgJHtfLmtlYmFiQ2FzZShuYW1lKS50b0xvY2FsZUxvd2VyQ2FzZSgpfWAsXG4gICAgICB9LFxuICAgICAge30sXG4gICAgICB7XG4gICAgICAgIG1vZHVsZTogV3NFdmVudHMuRW51bVRlbGVtZXRyeW1vZHVsZXMuTEVBUk4sXG4gICAgICB9XG4gICAgKVxuICB9XG5cbiAgaGlkZUNvbXBldGVuY3koZXZlbnQ6IGFueSkge1xuICAgIGlmIChldmVudCkge1xuICAgICAgdGhpcy5oaWRlQ29tcGV0ZW5jeUJsb2NrID0gdHJ1ZVxuICAgIH1cbiAgfVxuXG4gIHNob3dBbGxDb250ZW50KF9zdHJpcERhdGE6IGFueSwgY29udGVudFN0cmlwOiBhbnkpIHtcbiAgICBpZiAoY29udGVudFN0cmlwICYmIGNvbnRlbnRTdHJpcC5zdHJpcHMgJiYgY29udGVudFN0cmlwLnN0cmlwcy5sZW5ndGgpIHtcbiAgICAgIGNvbnN0IHN0cmlwRGF0YTogYW55ID0gY29udGVudFN0cmlwLnN0cmlwc1swXVxuICAgICAgaWYgKHN0cmlwRGF0YSAmJiBzdHJpcERhdGEucmVxdWVzdCkge1xuICAgICAgICBkZWxldGUoc3RyaXBEYXRhWydsb2FkZXJXaWRnZXRzJ10pXG4gICAgICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFxuICAgICAgICAgIFtgL2FwcC9sZWFybi9tZG8tY2hhbm5lbHMvJHt0aGlzLmNoYW5ubmVsTmFtZX0vJHt0aGlzLm9yZ0lkfS9hbGwtY29udGVudGBdLFxuICAgICAgICAgIHsgcXVlcnlQYXJhbXM6IHsgc3RyaXBEYXRhOiBKU09OLnN0cmluZ2lmeShzdHJpcERhdGEpIH0gfSlcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFxuICAgICAgICBbYC9hcHAvbGVhcm4vYnJvd3NlLWJ5L3Byb3ZpZGVyLyR7dGhpcy5jaGFubm5lbE5hbWV9LyR7dGhpcy5vcmdJZH0vYWxsLUNCUGBdKVxuICAgIH1cbiAgfVxuXG59XG4iXX0=
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { Component, Input } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { EventService, WsEvents } from '@sunbird-cb/utils-v2';
+/* tslint:disable */
+import * as _ from 'lodash';
+import { TranslateService } from '@ngx-translate/core';
+import { MultilingualTranslationsService } from '@sunbird-cb/utils-v2';
+export class MdoChannelV2Component {
+    /**
+     * @param {?} route
+     * @param {?} router
+     * @param {?} eventSvc
+     * @param {?} translate
+     * @param {?} langtranslations
+     */
+    constructor(route, router, eventSvc, translate, langtranslations) {
+        this.route = route;
+        this.router = router;
+        this.eventSvc = eventSvc;
+        this.translate = translate;
+        this.langtranslations = langtranslations;
+        this.sectionList = [];
+        this.channnelName = '';
+        this.orgId = '';
+        this.selectedIndex = 0;
+        this.hideCompetencyBlock = false;
+        this.contentTabEmptyResponseCount = 0;
+        this.titles = [
+            { title: 'Learn', url: '/page/learn', icon: 'school', disableTranslate: false },
+            {
+                title: `MDO Channels`,
+                url: `/app/learn/mdo-channels/all-channels`,
+                icon: '', disableTranslate: true,
+            },
+        ];
+        this.showModal = false;
+        this.descriptionMaxLength = 500;
+        this.isTelemetryRaised = false;
+        if (this.route.snapshot.data && this.route.snapshot.data.formData
+            && this.route.snapshot.data.formData.data
+            && this.route.snapshot.data.formData.data.result
+            && this.route.snapshot.data.formData.data.result.form
+            && this.route.snapshot.data.formData.data.result.form.data
+            && this.route.snapshot.data.formData.data.result.form.data.sectionList) {
+            this.sectionList = this.route.snapshot.data.formData.data.result.form.data.sectionList;
+        }
+        this.langtranslations.languageSelectedObservable.subscribe((/**
+         * @return {?}
+         */
+        () => {
+            if (localStorage.getItem('websiteLanguage')) {
+                this.translate.setDefaultLang('en');
+                /** @type {?} */
+                const lang = (/** @type {?} */ (localStorage.getItem('websiteLanguage')));
+                this.translate.use(lang);
+            }
+        }));
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        this.route.params.subscribe((/**
+         * @param {?} params
+         * @return {?}
+         */
+        params => {
+            this.channnelName = params['channel'];
+            this.orgId = params['orgId'];
+            this.titles.push({
+                title: this.channnelName, icon: '', url: 'none', disableTranslate: true,
+            });
+        }));
+    }
+    /**
+     * @param {?} tabEvent
+     * @return {?}
+     */
+    tabClicked(tabEvent) {
+        this.raiseTelemetry(`${tabEvent.tab.textLabel} tab`);
+    }
+    /**
+     * @param {?} event
+     * @param {?} contentStripData
+     * @return {?}
+     */
+    hideContentStrip(event, contentStripData) {
+        if (event) {
+            contentStripData['hideSection'] = true;
+            this.contentTabEmptyResponseCount = this.contentTabEmptyResponseCount + 1;
+            // if(this.contentTabEmptyResponseCount === 4 ) {
+            //   this.selectedIndex = 1
+            // }
+        }
+    }
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    triggerOpenDialog(event) {
+        if (event) {
+            this.showModal = true;
+            document.body.style.overflow = 'hidden';
+        }
+        this.raiseTelemetry('btn open key annoucements');
+    }
+    /**
+     * @return {?}
+     */
+    onClose() {
+        this.showModal = false;
+        document.body.style.overflow = 'auto';
+        this.raiseTelemetry('btn close key annoucements');
+    }
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    raiseTelemetryInteratEvent(event) {
+        if (event && event.viewMoreUrl) {
+            this.raiseTelemetry(`${event.stripTitle} ${event.viewMoreUrl.viewMoreText}`);
+        }
+        if (!this.isTelemetryRaised && event && !event.viewMoreUrl) {
+            this.eventSvc.raiseInteractTelemetry({
+                type: 'click',
+                subType: 'mdo-channel',
+                id: `${_.kebabCase(event.typeOfTelemetry.toLocaleLowerCase())}-card`,
+            }, {
+                id: event.identifier,
+                type: event.primaryCategory,
+            }, {
+                pageIdExt: `${_.kebabCase(event.primaryCategory.toLocaleLowerCase())}-card`,
+                module: WsEvents.EnumTelemetrymodules.LEARN,
+            });
+            this.isTelemetryRaised = true;
+        }
+    }
+    /**
+     * @param {?} name
+     * @return {?}
+     */
+    raiseCompetencyTelemetry(name) {
+        this.raiseTelemetry(`${name} core expertise`);
+    }
+    /**
+     * @param {?} name
+     * @return {?}
+     */
+    raiseTelemetry(name) {
+        this.eventSvc.raiseInteractTelemetry({
+            type: 'click',
+            subType: 'mdo-channel',
+            id: `${_.kebabCase(name).toLocaleLowerCase()}`,
+        }, {}, {
+            module: WsEvents.EnumTelemetrymodules.LEARN,
+        });
+    }
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    hideCompetency(event) {
+        if (event) {
+            this.hideCompetencyBlock = true;
+        }
+    }
+    /**
+     * @param {?} _stripData
+     * @param {?} contentStrip
+     * @return {?}
+     */
+    showAllContent(_stripData, contentStrip) {
+        if (contentStrip && contentStrip.strips && contentStrip.strips.length) {
+            /** @type {?} */
+            const stripData = contentStrip.strips[0];
+            if (stripData && stripData.request) {
+                delete (stripData['loaderWidgets']);
+                this.router.navigate([`/app/learn/mdo-channels/${this.channnelName}/${this.orgId}/all-content`], { queryParams: { stripData: JSON.stringify(stripData) } });
+            }
+        }
+        else {
+            this.router.navigate([`/app/learn/browse-by/provider/${this.channnelName}/${this.orgId}/all-CBP`]);
+        }
+    }
+}
+MdoChannelV2Component.decorators = [
+    { type: Component, args: [{
+                selector: 'sb-uic-mdo-channel-v2',
+                template: "<ws-widget-btn-page-back [widgetData]=\"{ url: 'home', titles: titles }\">\r\n</ws-widget-btn-page-back>\r\n\r\n<div class=\"container-fluid\" id=\"section-micro-sites\">\r\n    <div class=\"flex flex-col flex-1\">\r\n        <ng-container *ngIf=\"sectionList?.length\">\r\n            <ng-container *ngFor=\"let section of sectionList\">\r\n                <ng-container *ngIf=\"section?.enabled\">\r\n                    <section id=\"{{section?.key}}\" class=\"w-full grid grid-cols-12 gap-4\" [ngClass]=\"{'container': section.wrapperClass}\">\r\n                        <ng-container *ngFor=\"let column of section.column\">\r\n                            <div id=\"{{column?.key}}\" class=\"col-span-{{column.colspan || 12}} \">\r\n                                <ng-container *ngIf=\"column?.enabled\" [ngSwitch]=\"column?.key\">\r\n                                    <ng-container *ngSwitchCase=\"'topSection'\" [ngTemplateOutlet]=\"topSection\"\r\n                                        [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\r\n                                    <ng-container *ngSwitchCase=\"'topLearners'\" [ngTemplateOutlet]=\"topLearners\"\r\n                                        [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\r\n                                    <ng-container *ngSwitchCase=\"'mainContent'\" [ngTemplateOutlet]=\"mainContent\"\r\n                                        [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\r\n                                </ng-container>\r\n                            </div>\r\n                        </ng-container>\r\n                    </section>\r\n                </ng-container>\r\n            </ng-container>\r\n        </ng-container>\r\n    </div>\r\n</div>\r\n\r\n\r\n<ng-template #topSection let-data=\"data\">\r\n    <!-- top section desktop layout -->\r\n    <div class=\"hidden md:block\">\r\n        <div class=\"web-banner-background\">\r\n            <div class=\"flex sticky-logo-square\">\r\n            </div>\r\n            <div class=\"flex  items-center justify-center\">\r\n                <div class=\"container\">\r\n                    <div class=\"grid grid-cols-12 gap-4 padding-top-xxxl mb-10\">\r\n                        <div class=\"col-span-12 md:col-span-6\">\r\n                            <div class=\"flex-1 flex flex-col mr-4 ws-mat-black-text\">\r\n                                <div class=\"\">\r\n                                    <div class=\"flex items-center logo-square \">\r\n                                        <img alt=\"Application Logo\" class=\"logo-img\" [src]=\"data?.logo\">\r\n                                    </div>\r\n                                    <h1  class=\" txt-ellipsis-2 break-words pt-10\"\r\n                                        [style.color]=\"data.titleColor\">{{data.title || channnelName}}</h1>\r\n                                    <p class=\"mat-body-1\" [style.color]=\"data.descriptionColor\">\r\n                                        {{data?.description | slice:0:descriptionMaxLength}}\r\n                                        <span *ngIf=\"data?.description?.length > descriptionMaxLength\">...</span>\r\n                                    </p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col-span-12 md:col-span-6\">\r\n                            <div class=\"slider slider-box\" *ngIf=\"data.sliderData && data.sliderData.sliders\">\r\n                                <sb-uic-sliders [widgetData]=\"data.sliderData.sliders\" [styleData]=\"data.sliderData.styleData\" ></sb-uic-sliders>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        \r\n    </div>\r\n    <!-- top section m-site layout -->\r\n    <div class=\"block md:hidden\">\r\n        <div class=\"col-span-12\">\r\n            <div class=\"slider slider-box\" *ngIf=\"data.sliderData && data.sliderData.sliders\">\r\n                <sb-uic-sliders [widgetData]=\"data.sliderData.sliders\" [styleData]=\"data.sliderData.styleData\" ></sb-uic-sliders>\r\n            </div>\r\n        </div>\r\n        <div class=\"container px-4 flex flex-col mob-container\">\r\n            <div class=\"mr-4 logo-box-container\">\r\n                <div class=\"flex logo-box-square top mr-4\">\r\n                    <img alt=\"Application Logo\" class=\"logo-img\" [src]=\"data?.logo\">\r\n                </div>\r\n            </div>\r\n            <div class=\"w-full md:w-9/12 flex-1 flex flex-col\">\r\n                <h1 class=\" txt-ellipsis-2 break-words\">{{data?.title || channnelName}}</h1>\r\n                <p class=\"mat-body-2\">\r\n                    {{data?.description | slice:0:descriptionMaxLength}}\r\n                    <span *ngIf=\"data?.description?.length > descriptionMaxLength\">...</span>\r\n                </p>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"flex items-center justify-center\">\r\n        <div class=\"container metrics-section\" >\r\n            <div class=\"hidden md:block\">\r\n                <div class=\"metrics\"\r\n                    [ngStyle]=\"{'background': data?.metrics?.background}\">\r\n                    <sb-uic-data-points\r\n                        [providerId]=\"orgId\"\r\n                        [fetchDataFromApi]=\"true\"\r\n                        [objectData]=\"data?.metrics?.data\"\r\n                        [layoutType]=\"'singleFlexeRow'\"\r\n                        [pageLayout]=\"'mdo'\">\r\n                    </sb-uic-data-points>\r\n                </div>\r\n            </div>\r\n            <div class=\"block md:hidden  pt-14 px-4\">\r\n                <div class=\"mob-metrics mob-metrics-sec\">\r\n                    <sb-uic-data-points\r\n                        [providerId]=\"orgId\"\r\n                        [fetchDataFromApi]=\"true\"\r\n                        [objectData]=\"data?.metrics?.data\"\r\n                        [layoutType]=\"'singleRow'\"\r\n                        [pageLayout]=\"'mdo'\">\r\n                    </sb-uic-data-points>\r\n                </div>\r\n                \r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #mainContent let-data=\"data\">\r\n    <div class=\"flex items-center justify-center\" [ngStyle]=\"{'background': data.background}\">\r\n        <div class=\"container\">\r\n            <div class=\"block md:hidden col-span-12 padding-left-m padding-right-m padding-top-m padding-bottom-m\">\r\n                <sb-uic-cbp-plan\r\n                    [layoutType]=\"'web'\"\r\n                    [mobileHeight]=\"false\"\r\n                    [fetchDataFromApi]=\"true\"\r\n                    [channelId]=\"orgId\"\r\n                    [objectData]=\"data?.cbpPlanSection?.data\">\r\n                </sb-uic-cbp-plan>\r\n            </div>\r\n            <div class=\"block md:hidden col-span-12 mt-6\">\r\n                <sb-uic-announcements\r\n                    [layoutType]=\"'mobile'\"\r\n                    (openDialog)=\"triggerOpenDialog($event)\"\r\n                    [objectData]=\"data?.announcementSection?.data\"\r\n                    [fetchDataFromApi]=\"false\"\r\n                    [channelId]=\"orgId\">\r\n                </sb-uic-announcements>\r\n                <div class=\"announcements-container\" *ngIf=\"showModal\">\r\n                    <div class=\"cursor-pointer close-share-dialog\">\r\n                        <mat-icon (click)=\"onClose()\" class=\"close-icon\">close</mat-icon>\r\n                    </div>\r\n                    <div class=\"share-modal px-3 pt-8\">\r\n                        <sb-uic-announcements\r\n                            [layoutType]=\"'web'\"\r\n                            (openDialog)=\"triggerOpenDialog($event)\"\r\n                            [objectData]=\"data?.announcementSection?.data\"\r\n                            [mobileHeight]=\"true\"\r\n                            [fetchDataFromApi]=\"true\"\r\n                            [channelId]=\"orgId\">\r\n                        </sb-uic-announcements>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"grid grid-cols-12 gap-4 padding-top-m mb-6\">\r\n                <div class=\"col-span-12 md:col-span-{{data.tabSection.colspan}}\">\r\n                    <!-- Tabs Section -->\r\n                    <mat-tab-group animationDuration=\"0ms\" class=\"mat-tab-labels mytabs w-full \"\r\n                        [selectedIndex]=\"selectedIndex\" (selectedTabChange)=\"selectedIndex = $event.index; tabClicked($event)\">\r\n                        <mat-tab label=\"Content\" >\r\n                            <ng-template mat-tab-label i18n>\r\n                                Learn\r\n                            </ng-template>\r\n                            <ng-container *ngIf=\"data.tabSection.contentTab.length === contentTabEmptyResponseCount\">\r\n                                <div class=\"flex justify-center w-full\">\r\n                                    <div class=\"margin-xl text-center\" >\r\n                                        <img src=\"/assets/common/error-pages/empty_search.svg\" wsUtilsImageResponsive alt=\"No results\"\r\n                                            class=\"margin-top-l margin-bottom-s\">\r\n                                        <h2 class=\"mat-h2\" i18n=\"search route no result\">{{'learnsearch.noResults' | translate}}</h2>\r\n                                    </div>\r\n                                </div>\r\n                            </ng-container>\r\n                            <div class=\"padding-top-l \">\r\n                                <ng-container [ngTemplateOutlet]=\"columnSectionDisplay\"\r\n                                    [ngTemplateOutletContext]=\"{data: data.tabSection.contentTab}\"></ng-container>\r\n                            </div>\r\n                        </mat-tab>\r\n                        <mat-tab label=\"Core Areas\">\r\n                            <ng-template mat-tab-label i18n>\r\n                                Competency\r\n                            </ng-template>\r\n                            <div>\r\n                                <ng-container [ngTemplateOutlet]=\"columnSectionDisplay\"\r\n                                    [ngTemplateOutletContext]=\"{data: data.tabSection.coreAreasTab}\"></ng-container>\r\n                            </div>\r\n                        </mat-tab>\r\n                    </mat-tab-group>\r\n                </div>\r\n                <div class=\"col-span-12 md:col-span-4\">\r\n                    <div class=\"hidden md:block padding-top-xl padding-bottom-m\"\r\n                        *ngIf=\"data?.cbpPlanSection?.data\">\r\n                        <div class=\"pt-4\">\r\n                            <sb-uic-cbp-plan\r\n                                [layoutType]=\"'web'\"\r\n                                [mobileHeight]=\"false\"\r\n                                [fetchDataFromApi]=\"true\"\r\n                                [channelId]=\"orgId\"\r\n                                [objectData]=\"data?.cbpPlanSection?.data\">\r\n                            </sb-uic-cbp-plan>\r\n                        </div>                    \r\n                    </div>\r\n                    <div class=\"hidden md:block\" \r\n                    *ngIf=\"data?.announcementSection?.data\">\r\n                    <div class=\"pt-4\">\r\n                        <sb-uic-announcements\r\n                            [layoutType]=\"'web'\"\r\n                            [mobileHeight]=\"false\"\r\n                            [fetchDataFromApi]=\"true\"\r\n                            [channelId]=\"orgId\"\r\n                            [objectData]=\"data?.announcementSection?.data\">\r\n                        </sb-uic-announcements>\r\n                    </div>                    \r\n                </div>\r\n                </div>               \r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n<!-- \r\n<ng-template #announcement let-data=\"data\">\r\n    <div class=\"flex  items-center justify-center\" [ngStyle]=\"{'background': data.background}\">\r\n        <div class=\"w-full\">\r\n            Announcement Section -->\r\n            <!-- <h1>Announcement</h1>\r\n        </div>\r\n    </div>\r\n</ng-template> -->\r\n\r\n\r\n<ng-template #columnSectionDisplay  let-data=\"data\">\r\n    <ng-container *ngIf=\"data?.length\">\r\n        <ng-container *ngFor=\"let section of data\">\r\n            <ng-container *ngIf=\"section?.enabled\">\r\n                <section id=\"{{section?.key}}\" class=\"w-full grid grid-cols-12 gap-4\" [ngClass]=\"{'container': section.wrapperClass}\">\r\n                    <ng-container *ngFor=\"let column of section.column\">\r\n                        <div id=\"{{column?.key}}\" class=\"col-span-{{column.colspan || 12}} \">\r\n                            <ng-container *ngIf=\"column?.enabled\" [ngSwitch]=\"column?.key\">\r\n                                <ng-container *ngSwitchCase=\"'competency'\" [ngTemplateOutlet]=\"competency\"\r\n                                [ngTemplateOutletContext]=\"{competency: column}\"></ng-container>\r\n                                <ng-container *ngSwitchCase=\"'contentRecommendedProgramStrip'\" [ngTemplateOutlet]=\"contentStrip\"\r\n                                [ngTemplateOutletContext]=\"{contentStrip: column?.data}\"></ng-container>\r\n                                <ng-container *ngSwitchCase=\"'contentRecommendedCoursesStrip'\" [ngTemplateOutlet]=\"contentStrip\"\r\n                                [ngTemplateOutletContext]=\"{contentStrip: column?.data}\"></ng-container>\r\n                                <ng-container *ngSwitchCase=\"'contentFeaturedStrip'\" [ngTemplateOutlet]=\"contentStrip\"\r\n                                [ngTemplateOutletContext]=\"{contentStrip: column?.data}\"></ng-container>\r\n                                <ng-container *ngSwitchCase=\"'contentcertificationsOfWeekStrip'\" [ngTemplateOutlet]=\"contentStrip\"\r\n                                [ngTemplateOutletContext]=\"{contentStrip: column?.data}\"></ng-container>\r\n                            </ng-container>\r\n                        </div>\r\n                    </ng-container>\r\n                </section>\r\n            </ng-container>\r\n        </ng-container>\r\n    </ng-container>\r\n</ng-template>\r\n\r\n\r\n<!-- Start Competencies -->\r\n<ng-template #competency let-competency=\"competency\">\r\n    <div class=\"padding-top-l padding-bottom-l relative\"  [style.background]=\"competency?.background\" *ngIf=\"!hideCompetencyBlock;else noData\">\r\n        <div class=\"w-full container-balanced\">\r\n            <p class=\"mat-body-1 pl-5 pr-4 md:pl-0 md:pr-0\">This section shows the list of top competencies users in this MDO are learning, based on the courses they've completed and enrolled in.</p>\r\n            <div class=\"pl-4 pr-4 md:pl-0 md:pr-0\">\r\n                <sb-uic-competency-passbook-mdo\r\n                    [dynamicColor]=\"'#999999'\"\r\n                    [dynamicAlignPills]=\"'start'\"\r\n                    [cardDisplayCount]=\"2\"\r\n                    (emptyResponse)=\"hideCompetency($event)\"\r\n                    (temeletryResponse)=\"raiseCompetencyTelemetry($event)\"\r\n                    [objectData]=\"competency\"\r\n                    [providerId]=\"orgId\"\r\n                    >\r\n                </sb-uic-competency-passbook-mdo>\r\n            </div>\r\n        </div>\r\n        <!-- <img class=\"absolute comp-back-img\" src=\"assets/icons/microsite/competency.svg\" alt=\"\"> -->\r\n    </div>\r\n</ng-template>\r\n<!-- End Competencies -->\r\n\r\n<ng-template #contentStrip let-contentStrip=\"contentStrip\">\r\n    <ng-container *ngIf=\"!contentStrip?.hideSection\">\r\n        <div class=\"flex mb-8\">\r\n            <div class=\"w-full\">\r\n                <sb-uic-content-strip-with-tabs\r\n                    [emitViewAll]=\"true\"\r\n                    (viewAllResponse)=\"showAllContent($event, contentStrip)\"\r\n                    (telemtryResponse)=\"raiseTelemetryInteratEvent($event)\"\r\n                    (emptyResponse)=\"hideContentStrip($event, contentStrip)\"\r\n                    [providerId]=\"orgId\"\r\n                    [widgetData]=\"contentStrip\"\r\n                    [channnelName]=\"channnelName\"\r\n                    >\r\n                </sb-uic-content-strip-with-tabs>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #noData>\r\n        <div class=\"flex justify-center w-full\">\r\n            <div class=\"margin-xl text-center\" >\r\n                <img src=\"/assets/common/error-pages/empty_search.svg\" wsUtilsImageResponsive alt=\"No results\"\r\n                    class=\"margin-top-l margin-bottom-s\">\r\n                <h2 class=\"mat-h2\" i18n=\"search route no result\">{{'learnsearch.noResults' | translate}}</h2>\r\n            </div>\r\n        </div>\r\n</ng-template>\r\n\r\n<ng-template #topLearners let-data=\"data\">\r\n    <div class=\"flex items-center justify-center\">\r\n        <div class=\"container top-learners margin-bottom-l margin-top-l\">\r\n            <sb-uic-top-learners\r\n                [objectData]=\"data\"\r\n                [channnelName]=\"channnelName\"\r\n                [channelId]=\"orgId\">\r\n            </sb-uic-top-learners>\r\n        </div>\r\n    </div>\r\n</ng-template>",
+                styles: [".container-balanced{max-width:1202px;margin-left:auto!important;margin-right:auto!important}.container{max-width:1200px}.padding-top-xxxl{padding-top:47px}.banner-container{align-items:center;background:#eee;padding:16px;gap:2.5rem;justify-content:center}.web-banner-background{background-image:url(https://portal.karmayogiqa.nic.in/content-store/orgStore/0135071359030722569/1720698778795_MDO-channel-banner.png);background-size:cover;min-height:464px}.mob-container{background-image:url(https://portal.karmayogiqa.nic.in/content-store/orgStore/0135071359030722569/1720693634596_MDOChannel_RightGraphic%202.svg);background-position:right;background-repeat:no-repeat}.sticky-logo-square{position:absolute;top:215px;justify-content:end;border-bottom-right-radius:12px;border-top-right-radius:12px;background:#fff;display:flex;padding:10px;justify-content:end;height:53px}.logo-square{width:112px;max-height:73px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.logo-box-container{width:157px;position:relative;height:64px}.logo-box-square{height:99px;width:157px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px 0 rgba(0,0,0,.06)}.logo-box-square .logo-img{max-width:122px}.logo-box-square.top{position:absolute;top:-54px}.logo-img{-o-object-fit:contain;object-fit:contain;max-height:52px;height:96px;z-index:10}.metrics{border:3px solid #fff;border-radius:10px;align-items:center}.mob-metrics{overflow:auto}.metrics-section{margin-top:-30px}.empty-div{height:15px}.mob-metrics-sec{padding-top:1rem}.announcements-container{position:fixed;height:calc(100vh - 67px);background:rgba(19,19,19,.6392156863);width:100vw;top:0;left:0;z-index:1000}.close-announcements-dialog{position:absolute;right:30px;top:30px}.close-icon{color:#fff;border-radius:15px;float:right;position:absolute;top:15px;right:15px}@media screen and (max-width:768px){::ng-deep.recommendedProgram .mat-tab-header{padding-left:20px}::ng-deep.featuredCourses .mat-tab-header{padding-left:20px}.metrics-section{margin-top:0}.top-learners{padding-left:30px}}@media screen and (min-width:769px){.sticky-logo-square{width:8%}}@media screen and (min-width:1280px){.sticky-logo-square{width:10%}}@media screen and (min-width:1520px){.sticky-logo-square{width:15%}}@media screen and (min-width:1904px){.sticky-logo-square{width:20%}}::ng-deep .mytabs .mat-tab-label.mat-tab-label-active.cdk-keyboard-focused:not(.mat-tab-disabled),::ng-deep .mytabs .mat-tab-label.mat-tab-label-active:not(.mat-tab-disabled){font-weight:700;color:#000;opacity:1}"]
+            }] }
+];
+/** @nocollapse */
+MdoChannelV2Component.ctorParameters = () => [
+    { type: ActivatedRoute },
+    { type: Router },
+    { type: EventService },
+    { type: TranslateService },
+    { type: MultilingualTranslationsService }
+];
+MdoChannelV2Component.propDecorators = {
+    sectionList: [{ type: Input }]
+};
+if (false) {
+    /** @type {?} */
+    MdoChannelV2Component.prototype.sectionList;
+    /** @type {?} */
+    MdoChannelV2Component.prototype.channnelName;
+    /** @type {?} */
+    MdoChannelV2Component.prototype.orgId;
+    /** @type {?} */
+    MdoChannelV2Component.prototype.selectedIndex;
+    /** @type {?} */
+    MdoChannelV2Component.prototype.hideCompetencyBlock;
+    /** @type {?} */
+    MdoChannelV2Component.prototype.contentTabEmptyResponseCount;
+    /** @type {?} */
+    MdoChannelV2Component.prototype.titles;
+    /** @type {?} */
+    MdoChannelV2Component.prototype.showModal;
+    /** @type {?} */
+    MdoChannelV2Component.prototype.descriptionMaxLength;
+    /** @type {?} */
+    MdoChannelV2Component.prototype.isTelemetryRaised;
+    /**
+     * @type {?}
+     * @private
+     */
+    MdoChannelV2Component.prototype.route;
+    /**
+     * @type {?}
+     * @private
+     */
+    MdoChannelV2Component.prototype.router;
+    /**
+     * @type {?}
+     * @private
+     */
+    MdoChannelV2Component.prototype.eventSvc;
+    /**
+     * @type {?}
+     * @private
+     */
+    MdoChannelV2Component.prototype.translate;
+    /**
+     * @type {?}
+     * @private
+     */
+    MdoChannelV2Component.prototype.langtranslations;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWRvLWNoYW5uZWwtdjIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHN1bmJpcmQtY2IvY29uc3VtcHRpb24vIiwic291cmNlcyI6WyJsaWIvX2NvbW1vbi9taWNyb3NpdGVzL21kby1jaGFubmVscy9tZG8tY2hhbm5lbC12Mi9tZG8tY2hhbm5lbC12Mi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFBO0FBRXhELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDeEQsT0FBTyxFQUFFLFlBQVksRUFBRSxRQUFRLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTs7QUFFN0QsT0FBTyxLQUFLLENBQUMsTUFBTSxRQUFRLENBQUE7QUFDM0IsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDdEQsT0FBTyxFQUFFLCtCQUErQixFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFPdEUsTUFBTSxPQUFPLHFCQUFxQjs7Ozs7Ozs7SUFtQmhDLFlBQ1UsS0FBcUIsRUFDckIsTUFBYyxFQUNkLFFBQXNCLEVBQ3RCLFNBQTJCLEVBQzNCLGdCQUFpRDtRQUpqRCxVQUFLLEdBQUwsS0FBSyxDQUFnQjtRQUNyQixXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQ2QsYUFBUSxHQUFSLFFBQVEsQ0FBYztRQUN0QixjQUFTLEdBQVQsU0FBUyxDQUFrQjtRQUMzQixxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWlDO1FBdkJsRCxnQkFBVyxHQUFPLEVBQUUsQ0FBQTtRQUM3QixpQkFBWSxHQUFHLEVBQUUsQ0FBQTtRQUNqQixVQUFLLEdBQUcsRUFBRSxDQUFBO1FBQ1Ysa0JBQWEsR0FBRyxDQUFDLENBQUE7UUFDakIsd0JBQW1CLEdBQVksS0FBSyxDQUFBO1FBQ3BDLGlDQUE0QixHQUFXLENBQUMsQ0FBQTtRQUN4QyxX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O2dCQUNsQyxPQUFNLENBQUMsU0FBUyxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUE7Z0JBQ2xDLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUNsQixDQUFDLDJCQUEyQixJQUFJLENBQUMsWUFBWSxJQUFJLElBQUksQ0FBQyxLQUFLLGNBQWMsQ0FBQyxFQUMxRSxFQUFFLFdBQVcsRUFBRSxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFBO2FBQzdEO1NBQ0Y7YUFBTTtZQUNKLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUNuQixDQUFDLGlDQUFpQyxJQUFJLENBQUMsWUFBWSxJQUFJLElBQUksQ0FBQyxLQUFLLFVBQVUsQ0FBQyxDQUFDLENBQUE7U0FDaEY7SUFDSCxDQUFDOzs7WUFuSkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSx1QkFBdUI7Z0JBQ2pDLGc5aUJBQThDOzthQUUvQzs7OztZQVhRLGNBQWM7WUFBRSxNQUFNO1lBQ3RCLFlBQVk7WUFHWixnQkFBZ0I7WUFDaEIsK0JBQStCOzs7MEJBUXJDLEtBQUs7Ozs7SUFBTiw0Q0FBNkI7O0lBQzdCLDZDQUFpQjs7SUFDakIsc0NBQVU7O0lBQ1YsOENBQWlCOztJQUNqQixvREFBb0M7O0lBQ3BDLDZEQUF3Qzs7SUFDeEMsdUNBT0M7O0lBQ0QsMENBQTBCOztJQUMxQixxREFBMEI7O0lBQzFCLGtEQUFrQzs7Ozs7SUFHaEMsc0NBQTZCOzs7OztJQUM3Qix1Q0FBc0I7Ozs7O0lBQ3RCLHlDQUE4Qjs7Ozs7SUFDOUIsMENBQW1DOzs7OztJQUNuQyxpREFBeUQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xyXG5pbXBvcnQgeyBNYXRUYWJDaGFuZ2VFdmVudCB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsJ1xyXG5pbXBvcnQgeyBBY3RpdmF0ZWRSb3V0ZSwgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJ1xyXG5pbXBvcnQgeyBFdmVudFNlcnZpY2UsIFdzRXZlbnRzIH0gZnJvbSAnQHN1bmJpcmQtY2IvdXRpbHMtdjInXHJcbi8qIHRzbGludDpkaXNhYmxlICovXHJcbmltcG9ydCAqIGFzIF8gZnJvbSAnbG9kYXNoJ1xyXG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSdcclxuaW1wb3J0IHsgTXVsdGlsaW5ndWFsVHJhbnNsYXRpb25zU2VydmljZSB9IGZyb20gJ0BzdW5iaXJkLWNiL3V0aWxzLXYyJ1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzYi11aWMtbWRvLWNoYW5uZWwtdjInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9tZG8tY2hhbm5lbC12Mi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbWRvLWNoYW5uZWwtdjIuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTWRvQ2hhbm5lbFYyQ29tcG9uZW50ICBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgc2VjdGlvbkxpc3Q6YW55ID0gW11cclxuICBjaGFubm5lbE5hbWUgPSAnJ1xyXG4gIG9yZ0lkID0gJydcclxuICBzZWxlY3RlZEluZGV4ID0gMFxyXG4gIGhpZGVDb21wZXRlbmN5QmxvY2s6IGJvb2xlYW4gPSBmYWxzZVxyXG4gIGNvbnRlbnRUYWJFbXB0eVJlc3BvbnNlQ291bnQ6IG51bWJlciA9IDBcclxuICB0aXRsZXMgPSBbXHJcbiAgICB7IHRpdGxlOiAnTGVhcm4nLCB1cmw6ICcvcGFnZS9sZWFybicsIGljb246ICdzY2hvb2wnLCBkaXNhYmxlVHJhbnNsYXRlOiBmYWxzZSB9LFxyXG4gICAge1xyXG4gICAgICB0aXRsZTogYE1ETyBDaGFubmVsc2AsXHJcbiAgICAgIHVybDogYC9hcHAvbGVhcm4vbWRvLWNoYW5uZWxzL2FsbC1jaGFubmVsc2AsXHJcbiAgICAgIGljb246ICcnLCBkaXNhYmxlVHJhbnNsYXRlOiB0cnVlLFxyXG4gICAgfSxcclxuICBdXHJcbiAgc2hvd01vZGFsOiBib29sZWFuID0gZmFsc2VcclxuICBkZXNjcmlwdGlvbk1heExlbmd0aCA9IDUwMFxyXG4gIGlzVGVsZW1ldHJ5UmFpc2VkOiBib29sZWFuID0gZmFsc2VcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIHJvdXRlOiBBY3RpdmF0ZWRSb3V0ZSxcclxuICAgIHByaXZhdGUgcm91dGVyOiBSb3V0ZXIsXHJcbiAgICBwcml2YXRlIGV2ZW50U3ZjOiBFdmVudFNlcnZpY2UsXHJcbiAgICBwcml2YXRlIHRyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSxcclxuICAgIHByaXZhdGUgbGFuZ3RyYW5zbGF0aW9uczogTXVsdGlsaW5ndWFsVHJhbnNsYXRpb25zU2VydmljZSxcclxuICApIHsgXHJcbiAgICBpZiAodGhpcy5yb3V0ZS5zbmFwc2hvdC5kYXRhICYmIHRoaXMucm91dGUuc25hcHNob3QuZGF0YS5mb3JtRGF0YVxyXG4gICAgICAmJiB0aGlzLnJvdXRlLnNuYXBzaG90LmRhdGEuZm9ybURhdGEuZGF0YVxyXG4gICAgICAmJiB0aGlzLnJvdXRlLnNuYXBzaG90LmRhdGEuZm9ybURhdGEuZGF0YS5yZXN1bHRcclxuICAgICAgJiYgdGhpcy5yb3V0ZS5zbmFwc2hvdC5kYXRhLmZvcm1EYXRhLmRhdGEucmVzdWx0LmZvcm1cclxuICAgICAgJiYgdGhpcy5yb3V0ZS5zbmFwc2hvdC5kYXRhLmZvcm1EYXRhLmRhdGEucmVzdWx0LmZvcm0uZGF0YVxyXG4gICAgICAmJiB0aGlzLnJvdXRlLnNuYXBzaG90LmRhdGEuZm9ybURhdGEuZGF0YS5yZXN1bHQuZm9ybS5kYXRhLnNlY3Rpb25MaXN0XHJcbiAgICApIHtcclxuICAgICAgdGhpcy5zZWN0aW9uTGlzdCA9IHRoaXMucm91dGUuc25hcHNob3QuZGF0YS5mb3JtRGF0YS5kYXRhLnJlc3VsdC5mb3JtLmRhdGEuc2VjdGlvbkxpc3RcclxuICAgIH1cclxuICAgIHRoaXMubGFuZ3RyYW5zbGF0aW9ucy5sYW5ndWFnZVNlbGVjdGVkT2JzZXJ2YWJsZS5zdWJzY3JpYmUoKCkgPT4ge1xyXG4gICAgICBpZiAobG9jYWxTdG9yYWdlLmdldEl0ZW0oJ3dlYnNpdGVMYW5ndWFnZScpKSB7XHJcbiAgICAgICAgdGhpcy50cmFuc2xhdGUuc2V0RGVmYXVsdExhbmcoJ2VuJylcclxuICAgICAgICBjb25zdCBsYW5nID0gbG9jYWxTdG9yYWdlLmdldEl0ZW0oJ3dlYnNpdGVMYW5ndWFnZScpIVxyXG4gICAgICAgIHRoaXMudHJhbnNsYXRlLnVzZShsYW5nKVxyXG4gICAgICB9XHJcbiAgICB9KVxyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLnJvdXRlLnBhcmFtcy5zdWJzY3JpYmUocGFyYW1zID0+IHtcclxuICAgICAgdGhpcy5jaGFubm5lbE5hbWUgPSBwYXJhbXNbJ2NoYW5uZWwnXVxyXG4gICAgICB0aGlzLm9yZ0lkID0gcGFyYW1zWydvcmdJZCddXHJcbiAgICAgIHRoaXMudGl0bGVzLnB1c2goe1xyXG4gICAgICAgIHRpdGxlOiB0aGlzLmNoYW5ubmVsTmFtZSwgaWNvbjogJycsIHVybDogJ25vbmUnLCBkaXNhYmxlVHJhbnNsYXRlOiB0cnVlLFxyXG4gICAgICB9KVxyXG4gICAgfSlcclxuICB9XHJcblxyXG4gIHB1YmxpYyB0YWJDbGlja2VkKHRhYkV2ZW50OiBNYXRUYWJDaGFuZ2VFdmVudCkge1xyXG4gICAgdGhpcy5yYWlzZVRlbGVtZXRyeShgJHt0YWJFdmVudC50YWIudGV4dExhYmVsfSB0YWJgKVxyXG4gIH1cclxuICBoaWRlQ29udGVudFN0cmlwKGV2ZW50OiBhbnksIGNvbnRlbnRTdHJpcERhdGE6IGFueSkge1xyXG4gICAgaWYgKGV2ZW50KSB7XHJcbiAgICAgIGNvbnRlbnRTdHJpcERhdGFbJ2hpZGVTZWN0aW9uJ10gPSB0cnVlXHJcbiAgICAgIHRoaXMuY29udGVudFRhYkVtcHR5UmVzcG9uc2VDb3VudCA9IHRoaXMuY29udGVudFRhYkVtcHR5UmVzcG9uc2VDb3VudCArIDFcclxuICAgICAgLy8gaWYodGhpcy5jb250ZW50VGFiRW1wdHlSZXNwb25zZUNvdW50ID09PSA0ICkge1xyXG4gICAgICAvLyAgIHRoaXMuc2VsZWN0ZWRJbmRleCA9IDFcclxuICAgICAgLy8gfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgdHJpZ2dlck9wZW5EaWFsb2coZXZlbnQ6IGJvb2xlYW4pIHtcclxuICAgIGlmKGV2ZW50KSB7XHJcbiAgICAgIHRoaXMuc2hvd01vZGFsID0gdHJ1ZVxyXG4gICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLm92ZXJmbG93ID0gJ2hpZGRlbidcclxuICAgIH1cclxuICAgIHRoaXMucmFpc2VUZWxlbWV0cnkoJ2J0biBvcGVuIGtleSBhbm5vdWNlbWVudHMnKVxyXG4gIH1cclxuXHJcbiAgb25DbG9zZSgpIHtcclxuICAgIHRoaXMuc2hvd01vZGFsID0gZmFsc2VcclxuICAgIGRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3cgPSAnYXV0bydcclxuICAgIHRoaXMucmFpc2VUZWxlbWV0cnkoJ2J0biBjbG9zZSBrZXkgYW5ub3VjZW1lbnRzJylcclxuICB9XHJcblxyXG4gIHJhaXNlVGVsZW1ldHJ5SW50ZXJhdEV2ZW50KGV2ZW50OiBhbnkpIHtcclxuICAgIGlmIChldmVudCAmJiBldmVudC52aWV3TW9yZVVybCkge1xyXG4gICAgICB0aGlzLnJhaXNlVGVsZW1ldHJ5KGAke2V2ZW50LnN0cmlwVGl0bGV9ICR7ZXZlbnQudmlld01vcmVVcmwudmlld01vcmVUZXh0fWApXHJcbiAgICB9XHJcbiAgICBpZiAoIXRoaXMuaXNUZWxlbWV0cnlSYWlzZWQgJiYgZXZlbnQgJiYgIWV2ZW50LnZpZXdNb3JlVXJsKSB7XHJcbiAgICAgIHRoaXMuZXZlbnRTdmMucmFpc2VJbnRlcmFjdFRlbGVtZXRyeShcclxuICAgICAgICB7XHJcbiAgICAgICAgICB0eXBlOiAnY2xpY2snLFxyXG4gICAgICAgICAgc3ViVHlwZTogJ21kby1jaGFubmVsJyxcclxuICAgICAgICAgIGlkOiBgJHtfLmtlYmFiQ2FzZShldmVudC50eXBlT2ZUZWxlbWV0cnkudG9Mb2NhbGVMb3dlckNhc2UoKSl9LWNhcmRgLFxyXG4gICAgICAgIH0sXHJcbiAgICAgICAge1xyXG4gICAgICAgICAgaWQ6IGV2ZW50LmlkZW50aWZpZXIsXHJcbiAgICAgICAgICB0eXBlOiBldmVudC5wcmltYXJ5Q2F0ZWdvcnksXHJcbiAgICAgICAgfSxcclxuICAgICAgICB7XHJcbiAgICAgICAgICBwYWdlSWRFeHQ6IGAke18ua2ViYWJDYXNlKGV2ZW50LnByaW1hcnlDYXRlZ29yeS50b0xvY2FsZUxvd2VyQ2FzZSgpKX0tY2FyZGAsXHJcbiAgICAgICAgICBtb2R1bGU6IFdzRXZlbnRzLkVudW1UZWxlbWV0cnltb2R1bGVzLkxFQVJOLFxyXG4gICAgICAgIH1cclxuICAgICAgKVxyXG4gICAgICB0aGlzLmlzVGVsZW1ldHJ5UmFpc2VkID0gdHJ1ZVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcmFpc2VDb21wZXRlbmN5VGVsZW1ldHJ5KG5hbWU6IHN0cmluZykge1xyXG4gICAgdGhpcy5yYWlzZVRlbGVtZXRyeShgJHtuYW1lfSBjb3JlIGV4cGVydGlzZWApXHJcbiAgfVxyXG5cclxuICByYWlzZVRlbGVtZXRyeShuYW1lOiBzdHJpbmcpIHtcclxuICAgIHRoaXMuZXZlbnRTdmMucmFpc2VJbnRlcmFjdFRlbGVtZXRyeShcclxuICAgICAge1xyXG4gICAgICAgIHR5cGU6ICdjbGljaycsXHJcbiAgICAgICAgc3ViVHlwZTogJ21kby1jaGFubmVsJyxcclxuICAgICAgICBpZDogYCR7Xy5rZWJhYkNhc2UobmFtZSkudG9Mb2NhbGVMb3dlckNhc2UoKX1gLFxyXG4gICAgICB9LFxyXG4gICAgICB7fSxcclxuICAgICAge1xyXG4gICAgICAgIG1vZHVsZTogV3NFdmVudHMuRW51bVRlbGVtZXRyeW1vZHVsZXMuTEVBUk4sXHJcbiAgICAgIH1cclxuICAgIClcclxuICB9XHJcblxyXG4gIGhpZGVDb21wZXRlbmN5KGV2ZW50OiBhbnkpIHtcclxuICAgIGlmIChldmVudCkge1xyXG4gICAgICB0aGlzLmhpZGVDb21wZXRlbmN5QmxvY2sgPSB0cnVlXHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBzaG93QWxsQ29udGVudChfc3RyaXBEYXRhOiBhbnksIGNvbnRlbnRTdHJpcDogYW55KSB7XHJcbiAgICBpZiAoY29udGVudFN0cmlwICYmIGNvbnRlbnRTdHJpcC5zdHJpcHMgJiYgY29udGVudFN0cmlwLnN0cmlwcy5sZW5ndGgpIHtcclxuICAgICAgY29uc3Qgc3RyaXBEYXRhOiBhbnkgPSBjb250ZW50U3RyaXAuc3RyaXBzWzBdXHJcbiAgICAgIGlmIChzdHJpcERhdGEgJiYgc3RyaXBEYXRhLnJlcXVlc3QpIHtcclxuICAgICAgICBkZWxldGUoc3RyaXBEYXRhWydsb2FkZXJXaWRnZXRzJ10pXHJcbiAgICAgICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoXHJcbiAgICAgICAgICBbYC9hcHAvbGVhcm4vbWRvLWNoYW5uZWxzLyR7dGhpcy5jaGFubm5lbE5hbWV9LyR7dGhpcy5vcmdJZH0vYWxsLWNvbnRlbnRgXSxcclxuICAgICAgICAgIHsgcXVlcnlQYXJhbXM6IHsgc3RyaXBEYXRhOiBKU09OLnN0cmluZ2lmeShzdHJpcERhdGEpIH0gfSlcclxuICAgICAgfVxyXG4gICAgfSBlbHNlIHtcclxuICAgICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFxyXG4gICAgICAgIFtgL2FwcC9sZWFybi9icm93c2UtYnkvcHJvdmlkZXIvJHt0aGlzLmNoYW5ubmVsTmFtZX0vJHt0aGlzLm9yZ0lkfS9hbGwtQ0JQYF0pXHJcbiAgICB9XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=