@sunbird-cb/consumption 0.0.84 → 0.0.86

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

@@ -10094,7 +10094,7 @@
         }
         ConsumptionModule.decorators = [
             { type: core.NgModule, args: [{
-                        declarations: [ConsumptionComponent,],
+                        declarations: [ConsumptionComponent],
                         imports: [
                             ContentStripWithTabsLibModule,
                             SlidersLibModule
@@ -13834,6 +13834,1610 @@
         }
     ];
 
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var NsContentStripWithFacets;
+    (function (NsContentStripWithFacets) {
+        /**
+         * @record
+         */
+        function IContentStripMultiple() { }
+        NsContentStripWithFacets.IContentStripMultiple = IContentStripMultiple;
+        if (false) {
+            /** @type {?|undefined} */
+            IContentStripMultiple.prototype.errorWidget;
+            /** @type {?|undefined} */
+            IContentStripMultiple.prototype.loader;
+            /** @type {?|undefined} */
+            IContentStripMultiple.prototype.noDataWidget;
+            /** @type {?} */
+            IContentStripMultiple.prototype.strips;
+            /** @type {?|undefined} */
+            IContentStripMultiple.prototype.isChannelStrip;
+        }
+        /**
+         * @record
+         */
+        function IContentStripUnit() { }
+        NsContentStripWithFacets.IContentStripUnit = IContentStripUnit;
+        if (false) {
+            /** @type {?|undefined} */
+            IContentStripUnit.prototype.stripRequestFor;
+            /** @type {?|undefined} */
+            IContentStripUnit.prototype.onTabClickRequest;
+            /** @type {?|undefined} */
+            IContentStripUnit.prototype.hideViewMoreUrl;
+            /** @type {?} */
+            IContentStripUnit.prototype.type;
+            /** @type {?|undefined} */
+            IContentStripUnit.prototype.disableTranslate;
+            /** @type {?} */
+            IContentStripUnit.prototype.key;
+            /** @type {?} */
+            IContentStripUnit.prototype.title;
+            /** @type {?|undefined} */
+            IContentStripUnit.prototype.customeClass;
+            /** @type {?|undefined} */
+            IContentStripUnit.prototype.nodataMsg;
+            /** @type {?|undefined} */
+            IContentStripUnit.prototype.stripTitleLink;
+            /** @type {?|undefined} */
+            IContentStripUnit.prototype.sliderConfig;
+            /** @type {?|undefined} */
+            IContentStripUnit.prototype.tabs;
+            /** @type {?|undefined} */
+            IContentStripUnit.prototype.titleDescription;
+            /** @type {?|undefined} */
+            IContentStripUnit.prototype.name;
+            /** @type {?|undefined} */
+            IContentStripUnit.prototype.mode;
+            /** @type {?|undefined} */
+            IContentStripUnit.prototype.info;
+            /** @type {?|undefined} */
+            IContentStripUnit.prototype.logo;
+            /** @type {?|undefined} */
+            IContentStripUnit.prototype.preWidgets;
+            /** @type {?|undefined} */
+            IContentStripUnit.prototype.postWidgets;
+            /** @type {?|undefined} */
+            IContentStripUnit.prototype.stripConfig;
+            /** @type {?|undefined} */
+            IContentStripUnit.prototype.canHideStrip;
+            /** @type {?} */
+            IContentStripUnit.prototype.showStrip;
+            /** @type {?|undefined} */
+            IContentStripUnit.prototype.filters;
+            /** @type {?|undefined} */
+            IContentStripUnit.prototype.selectAll;
+            /** @type {?|undefined} */
+            IContentStripUnit.prototype.request;
+            /** @type {?|undefined} */
+            IContentStripUnit.prototype.searchV6Type;
+            /** @type {?|undefined} */
+            IContentStripUnit.prototype.stripBackground;
+            /** @type {?|undefined} */
+            IContentStripUnit.prototype.noDataWidget;
+            /** @type {?|undefined} */
+            IContentStripUnit.prototype.loader;
+            /** @type {?|undefined} */
+            IContentStripUnit.prototype.loaderWidgets;
+            /** @type {?|undefined} */
+            IContentStripUnit.prototype.errorWidget;
+            /** @type {?|undefined} */
+            IContentStripUnit.prototype.refreshEvent;
+            /** @type {?|undefined} */
+            IContentStripUnit.prototype.fetchLikes;
+            /** @type {?|undefined} */
+            IContentStripUnit.prototype.secondaryHeading;
+            /** @type {?|undefined} */
+            IContentStripUnit.prototype.viewMoreUrl;
+            /** @type {?|undefined} */
+            IContentStripUnit.prototype.data;
+        }
+        /**
+         * @record
+         */
+        function IStripRequestApi() { }
+        NsContentStripWithFacets.IStripRequestApi = IStripRequestApi;
+        if (false) {
+            /** @type {?} */
+            IStripRequestApi.prototype.path;
+            /** @type {?|undefined} */
+            IStripRequestApi.prototype.queryParams;
+        }
+        /**
+         * @record
+         */
+        function INetworkRequestApi() { }
+        NsContentStripWithFacets.INetworkRequestApi = INetworkRequestApi;
+        if (false) {
+            /** @type {?} */
+            INetworkRequestApi.prototype.path;
+            /** @type {?|undefined} */
+            INetworkRequestApi.prototype.data;
+        }
+        /**
+         * @record
+         */
+        function IStripInfo() { }
+        NsContentStripWithFacets.IStripInfo = IStripInfo;
+        if (false) {
+            /** @type {?} */
+            IStripInfo.prototype.mode;
+            /** @type {?|undefined} */
+            IStripInfo.prototype.visibilityMode;
+            /** @type {?} */
+            IStripInfo.prototype.icon;
+            /** @type {?} */
+            IStripInfo.prototype.widget;
+        }
+        /**
+         * @record
+         */
+        function IStripConfig() { }
+        if (false) {
+            /** @type {?} */
+            IStripConfig.prototype.cardSubType;
+            /** @type {?|undefined} */
+            IStripConfig.prototype.postCardForSearch;
+            /** @type {?|undefined} */
+            IStripConfig.prototype.intranetMode;
+            /** @type {?|undefined} */
+            IStripConfig.prototype.deletedMode;
+            /** @type {?|undefined} */
+            IStripConfig.prototype.contentTags;
+            /** @type {?|undefined} */
+            IStripConfig.prototype.hideShowAll;
+        }
+        /**
+         * @record
+         */
+        function IContentTags() { }
+        NsContentStripWithFacets.IContentTags = IContentTags;
+        if (false) {
+            /** @type {?|undefined} */
+            IContentTags.prototype.daysSpan;
+            /** @type {?|undefined} */
+            IContentTags.prototype.excludeContentType;
+            /** @type {?|undefined} */
+            IContentTags.prototype.excludeMimeType;
+            /** @type {?} */
+            IContentTags.prototype.tag;
+            /** @type {?} */
+            IContentTags.prototype.criteriaField;
+        }
+        /**
+         * @record
+         */
+        function IContentStripResponseApi() { }
+        NsContentStripWithFacets.IContentStripResponseApi = IContentStripResponseApi;
+        if (false) {
+            /** @type {?} */
+            IContentStripResponseApi.prototype.contents;
+            /** @type {?|undefined} */
+            IContentStripResponseApi.prototype.hasMore;
+            /** @type {?|undefined} */
+            IContentStripResponseApi.prototype.pageState;
+            /** @type {?|undefined} */
+            IContentStripResponseApi.prototype.totalHits;
+        }
+        /**
+         * @record
+         */
+        function IContentStripTab() { }
+        NsContentStripWithFacets.IContentStripTab = IContentStripTab;
+        if (false) {
+            /** @type {?|undefined} */
+            IContentStripTab.prototype.pillsData;
+            /** @type {?} */
+            IContentStripTab.prototype.label;
+            /** @type {?} */
+            IContentStripTab.prototype.value;
+            /** @type {?} */
+            IContentStripTab.prototype.showTabDataCount;
+            /** @type {?|undefined} */
+            IContentStripTab.prototype.requestRequired;
+            /** @type {?|undefined} */
+            IContentStripTab.prototype.computeDataOnClick;
+            /** @type {?|undefined} */
+            IContentStripTab.prototype.computeDataOnClickKey;
+            /** @type {?|undefined} */
+            IContentStripTab.prototype.request;
+            /** @type {?|undefined} */
+            IContentStripTab.prototype.widgets;
+            /** @type {?|undefined} */
+            IContentStripTab.prototype.maxWidgets;
+            /** @type {?|undefined} */
+            IContentStripTab.prototype.fetchTabStatus;
+            /** @type {?|undefined} */
+            IContentStripTab.prototype.nodataMsg;
+            /** @type {?|undefined} */
+            IContentStripTab.prototype.tabLoading;
+            /** @type {?|undefined} */
+            IContentStripTab.prototype.facets;
+        }
+    })(NsContentStripWithFacets || (NsContentStripWithFacets = {}));
+    /** @enum {string} */
+    var ApiRequestFor = {
+        SEARCH: 'search',
+    };
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    /**
+     * @record
+     */
+    function IStripUnitContentData$1() { }
+    if (false) {
+        /** @type {?} */
+        IStripUnitContentData$1.prototype.key;
+        /** @type {?} */
+        IStripUnitContentData$1.prototype.canHideStrip;
+        /** @type {?|undefined} */
+        IStripUnitContentData$1.prototype.mode;
+        /** @type {?} */
+        IStripUnitContentData$1.prototype.showStrip;
+        /** @type {?} */
+        IStripUnitContentData$1.prototype.disableTranslate;
+        /** @type {?|undefined} */
+        IStripUnitContentData$1.prototype.widgets;
+        /** @type {?} */
+        IStripUnitContentData$1.prototype.stripTitle;
+        /** @type {?|undefined} */
+        IStripUnitContentData$1.prototype.hideViewMoreUrl;
+        /** @type {?|undefined} */
+        IStripUnitContentData$1.prototype.stripTitleLink;
+        /** @type {?|undefined} */
+        IStripUnitContentData$1.prototype.sliderConfig;
+        /** @type {?} */
+        IStripUnitContentData$1.prototype.stripConfig;
+        /** @type {?|undefined} */
+        IStripUnitContentData$1.prototype.tabs;
+        /** @type {?|undefined} */
+        IStripUnitContentData$1.prototype.stripName;
+        /** @type {?|undefined} */
+        IStripUnitContentData$1.prototype.stripLogo;
+        /** @type {?|undefined} */
+        IStripUnitContentData$1.prototype.description;
+        /** @type {?|undefined} */
+        IStripUnitContentData$1.prototype.stripInfo;
+        /** @type {?|undefined} */
+        IStripUnitContentData$1.prototype.noDataWidget;
+        /** @type {?|undefined} */
+        IStripUnitContentData$1.prototype.errorWidget;
+        /** @type {?} */
+        IStripUnitContentData$1.prototype.showOnNoData;
+        /** @type {?} */
+        IStripUnitContentData$1.prototype.showOnLoader;
+        /** @type {?} */
+        IStripUnitContentData$1.prototype.showOnError;
+        /** @type {?|undefined} */
+        IStripUnitContentData$1.prototype.loaderWidgets;
+        /** @type {?|undefined} */
+        IStripUnitContentData$1.prototype.stripBackground;
+        /** @type {?|undefined} */
+        IStripUnitContentData$1.prototype.secondaryHeading;
+        /** @type {?} */
+        IStripUnitContentData$1.prototype.viewMoreUrl;
+        /** @type {?|undefined} */
+        IStripUnitContentData$1.prototype.request;
+    }
+    var ContentStripFacetFilterComponent = /** @class */ (function (_super) {
+        __extends(ContentStripFacetFilterComponent, _super);
+        function ContentStripFacetFilterComponent(environment, contentSvc, loggerSvc, eventSvc, configSvc, utilitySvc, router, userSvc, translate, langtranslations) {
+            var _this = _super.call(this) || this;
+            _this.contentSvc = contentSvc;
+            _this.loggerSvc = loggerSvc;
+            _this.eventSvc = eventSvc;
+            _this.configSvc = configSvc;
+            _this.utilitySvc = utilitySvc;
+            _this.router = router;
+            _this.userSvc = userSvc;
+            _this.translate = translate;
+            _this.langtranslations = langtranslations;
+            _this.emptyResponse = new core.EventEmitter();
+            _this.viewAllResponse = new core.EventEmitter();
+            _this.telemtryResponse = new core.EventEmitter();
+            _this.providerId = '';
+            _this.emitViewAll = false;
+            _this.channnelName = '';
+            _this.id = "ws-strip-miltiple_" + Math.random();
+            _this.stripsResultDataMap = {};
+            _this.stripsKeyOrder = [];
+            _this.showAccordionData = true;
+            _this.showParentLoader = false;
+            _this.showParentError = false;
+            _this.showParentNoData = false;
+            _this.errorDataCount = 0;
+            _this.noDataCount = 0;
+            _this.successDataCount = 0;
+            _this.contentAvailable = true;
+            _this.baseUrl = _this.configSvc.sitePath || '';
+            _this.veifiedKarmayogi = false;
+            _this.changeEventSubscription = null;
+            _this.defaultMaxWidgets = 12;
+            _this.todaysEvents = [];
+            if (localStorage.getItem('websiteLanguage')) {
+                _this.translate.setDefaultLang('en');
+                /** @type {?} */
+                var lang = JSON.stringify(localStorage.getItem('websiteLanguage'));
+                lang = lang.replace(/\"/g, '');
+                _this.translate.use(lang);
+            }
+            _this.environment = environment;
+            return _this;
+        }
+        /**
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.ngOnDestroy = /**
+         * @return {?}
+         */
+        function () {
+            throw new Error('Method not implemented.');
+        };
+        /**
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.ngOnInit = /**
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            this.initData();
+            this.contentSvc.telemetryData$.subscribe((/**
+             * @param {?} data
+             * @return {?}
+             */
+            function (data) {
+                _this.telemtryResponse.emit(data);
+            }));
+        };
+        /**
+         * @private
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.initData = /**
+         * @private
+         * @return {?}
+         */
+        function () {
+            var e_1, _a;
+            var _this = this;
+            this.stripsKeyOrder = this.widgetData && this.widgetData.strips && this.widgetData.strips.map((/**
+             * @param {?} strip
+             * @return {?}
+             */
+            function (strip) { return strip.key; })) || [];
+            if (this.widgetData.loader && this.widgetData.strips.length) {
+                this.showParentLoader = true;
+            }
+            try {
+                // Fetch the data
+                for (var _b = __values(this.widgetData.strips), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var strip = _c.value;
+                    if (this.checkForEmptyWidget(strip)) {
+                        this.fetchStripFromRequestData(strip, false);
+                    }
+                    else {
+                        this.processStrip(strip, [], 'done', true, null);
+                    }
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+            // Subscription for changes
+            /** @type {?} */
+            var keyAndEvent = this.widgetData.strips
+                .map((/**
+             * @param {?} strip
+             * @return {?}
+             */
+            function (strip) { return ({
+                key: strip.key,
+                type: (strip.refreshEvent && strip.refreshEvent.eventType) || '',
+                from: (strip.refreshEvent && strip.refreshEvent.from.toString()) || '',
+            }); }))
+                .filter((/**
+             * @param {?} __0
+             * @return {?}
+             */
+            function (_a) {
+                var key = _a.key, type = _a.type, from = _a.from;
+                return key && type && from;
+            }));
+            /** @type {?} */
+            var eventTypeSet = new Set(keyAndEvent.map((/**
+             * @param {?} e
+             * @return {?}
+             */
+            function (e) { return e.type; })));
+            this.changeEventSubscription = this.eventSvc.events$
+                .pipe(operators.filter((/**
+             * @param {?} event
+             * @return {?}
+             */
+            function (event) { return eventTypeSet.has(event.eventType); })))
+                .subscribe((/**
+             * @param {?} event
+             * @return {?}
+             */
+            function (event) {
+                keyAndEvent
+                    .filter((/**
+                 * @param {?} e
+                 * @return {?}
+                 */
+                function (e) { return e.type === event.eventType && e.from === event.from; }))
+                    .map((/**
+                 * @param {?} e
+                 * @return {?}
+                 */
+                function (e) { return e.key; }))
+                    .forEach((/**
+                 * @param {?} k
+                 * @return {?}
+                 */
+                function (k) { return _this.fetchStripFromKey(k, false); }));
+            }));
+        };
+        /**
+         * @private
+         * @param {?} key
+         * @param {?=} calculateParentStatus
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.fetchStripFromKey = /**
+         * @private
+         * @param {?} key
+         * @param {?=} calculateParentStatus
+         * @return {?}
+         */
+        function (key, calculateParentStatus) {
+            if (calculateParentStatus === void 0) { calculateParentStatus = true; }
+            /** @type {?} */
+            var stripData = this.widgetData.strips.find((/**
+             * @param {?} strip
+             * @return {?}
+             */
+            function (strip) { return strip.key === key; }));
+            if (stripData) {
+                this.fetchStripFromRequestData(stripData, calculateParentStatus);
+            }
+        };
+        /**
+         * @private
+         * @param {?} strip
+         * @param {?=} calculateParentStatus
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.fetchStripFromRequestData = /**
+         * @private
+         * @param {?} strip
+         * @param {?=} calculateParentStatus
+         * @return {?}
+         */
+        function (strip, calculateParentStatus) {
+            if (calculateParentStatus === void 0) { calculateParentStatus = true; }
+            // setting initial values
+            strip.loaderWidgets = this.transformSkeletonToWidgets(strip);
+            this.processStrip(strip, [], 'fetching', false, null);
+            if (strip && strip.stripRequestFor === ApiRequestFor.SEARCH && !strip.onTabClickRequest) {
+                this.fetchFromSearch(strip, calculateParentStatus);
+            }
+        };
+        /**
+         * @private
+         * @param {?} strip
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.transformSkeletonToWidgets = /**
+         * @private
+         * @param {?} strip
+         * @return {?}
+         */
+        function (strip) {
+            return [1, 2, 3, 4, 5, 6, 7, 7, 8, 9, 10].map((/**
+             * @param {?} _content
+             * @return {?}
+             */
+            function (_content) { return ({
+                widgetType: 'cardLib',
+                widgetSubType: 'cardContentLib',
+                widgetHostClass: 'mb-2',
+                widgetData: {
+                    cardSubType: strip.loaderConfig && strip.loaderConfig.cardSubType || 'card-standard-skeleton',
+                    cardCustomeClass: strip.customeClass ? strip.customeClass : '',
+                },
+            }); }));
+        };
+        /**
+         * @private
+         * @param {?} strip
+         * @param {?=} results
+         * @param {?=} fetchStatus
+         * @param {?=} calculateParentStatus
+         * @param {?=} _viewMoreUrl
+         * @param {?=} tabsResults
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.processStrip = /**
+         * @private
+         * @param {?} strip
+         * @param {?=} results
+         * @param {?=} fetchStatus
+         * @param {?=} calculateParentStatus
+         * @param {?=} _viewMoreUrl
+         * @param {?=} tabsResults
+         * @return {?}
+         */
+        function (strip, results, fetchStatus, calculateParentStatus, _viewMoreUrl, tabsResults) {
+            if (results === void 0) { results = []; }
+            if (calculateParentStatus === void 0) { calculateParentStatus = true; }
+            return __awaiter(this, void 0, void 0, function () {
+                var stripData;
+                var _a;
+                return __generator(this, function (_b) {
+                    stripData = {
+                        viewMoreUrl: strip.viewMoreUrl,
+                        key: strip.key,
+                        canHideStrip: Boolean(strip.canHideStrip),
+                        showStrip: this.getIfStripHidden(strip.key),
+                        noDataWidget: strip.noDataWidget,
+                        errorWidget: strip.errorWidget,
+                        stripInfo: strip.info,
+                        stripTitle: strip.title,
+                        stripTitleLink: strip.stripTitleLink,
+                        disableTranslate: strip.disableTranslate,
+                        sliderConfig: strip.sliderConfig,
+                        tabs: tabsResults ? tabsResults : strip.tabs,
+                        stripName: strip.name,
+                        mode: strip.mode,
+                        stripConfig: strip.stripConfig,
+                        stripBackground: strip.stripBackground,
+                        secondaryHeading: strip.secondaryHeading,
+                        loaderWidgets: strip.loaderWidgets || [],
+                        hideViewMoreUrl: strip.hideViewMoreUrl || false,
+                        widgets: fetchStatus === 'done'
+                            ? __spread((strip.preWidgets || []).map((/**
+                             * @param {?} w
+                             * @return {?}
+                             */
+                            function (w) { return (__assign({}, w, { widgetHostClass: "mb-2 " + w.widgetHostClass })); })), results, (strip.postWidgets || []).map((/**
+                             * @param {?} w
+                             * @return {?}
+                             */
+                            function (w) { return (__assign({}, w, { widgetHostClass: "mb-2 " + w.widgetHostClass })); }))) : [],
+                        showOnNoData: Boolean(strip.noDataWidget &&
+                            !((strip.preWidgets || []).length + results.length + (strip.postWidgets || []).length) &&
+                            fetchStatus === 'done'),
+                        showOnLoader: Boolean(strip.loader && fetchStatus === 'fetching'),
+                        showOnError: Boolean(strip.errorWidget && fetchStatus === 'error'),
+                    };
+                    // const stripData = this.stripsResultDataMap[strip.key]
+                    this.stripsResultDataMap = __assign({}, this.stripsResultDataMap, (_a = {}, _a[strip.key] = stripData, _a));
+                    if (!tabsResults) {
+                        if (calculateParentStatus &&
+                            (fetchStatus === 'done' || fetchStatus === 'error') &&
+                            stripData.widgets) {
+                            this.checkParentStatus(fetchStatus, stripData.widgets.length);
+                        }
+                        if (calculateParentStatus && !(results && results.length > 0)) {
+                            this.contentAvailable = false;
+                        }
+                        else if (results && results.length > 0) {
+                            this.contentAvailable = true;
+                        }
+                    }
+                    else {
+                        this.contentAvailable = true;
+                    }
+                    return [2 /*return*/];
+                });
+            });
+        };
+        /**
+         * @private
+         * @param {?} fetchStatus
+         * @param {?} stripWidgetsCount
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.checkParentStatus = /**
+         * @private
+         * @param {?} fetchStatus
+         * @param {?} stripWidgetsCount
+         * @return {?}
+         */
+        function (fetchStatus, stripWidgetsCount) {
+            if (fetchStatus === 'done' && !stripWidgetsCount) {
+                this.noDataCount += 1;
+            }
+            else if (fetchStatus === 'done' && stripWidgetsCount) {
+                this.successDataCount += 1;
+            }
+            else if (fetchStatus === 'error') {
+                this.errorDataCount += 1;
+            }
+            /** @type {?} */
+            var settledCount = this.noDataCount + this.successDataCount + this.errorDataCount;
+            /** @type {?} */
+            var totalCount = this.widgetData.strips.length;
+            if (this.successDataCount > 0 && settledCount < totalCount) {
+                return;
+            }
+            this.showParentLoader = settledCount !== totalCount;
+            this.showParentNoData =
+                this.noDataCount > 0 && this.noDataCount + this.errorDataCount === totalCount;
+            this.showParentError = this.errorDataCount === totalCount;
+        };
+        /**
+         * @param {?} strip
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.checkForEmptyWidget = /**
+         * @param {?} strip
+         * @return {?}
+         */
+        function (strip) {
+            if (strip.request &&
+                ((strip.request.requestBody && Object.keys(strip.request.requestBody).length))) {
+                return true;
+            }
+            return false;
+        };
+        // strip settings
+        // strip settings
+        /**
+         * @param {?} data
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.toggleInfo = 
+        // strip settings
+        /**
+         * @param {?} data
+         * @return {?}
+         */
+        function (data) {
+            /** @type {?} */
+            var stripInfo = this.stripsResultDataMap[data.key].stripInfo;
+            if (stripInfo) {
+                if (stripInfo.mode !== 'below') {
+                    this.loggerSvc.warn("strip info mode: " + stripInfo.mode + " not implemented yet");
+                    stripInfo.mode = 'below';
+                }
+                if (stripInfo.mode === 'below') {
+                    this.stripsResultDataMap[data.key].stripInfo = __assign({}, stripInfo, { visibilityMode: stripInfo.visibilityMode === 'hidden' ? 'visible' : 'hidden' });
+                }
+            }
+        };
+        /**
+         * @param {?} stripData
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.raiseTelemetry = /**
+         * @param {?} stripData
+         * @return {?}
+         */
+        function (stripData) {
+            this.telemtryResponse.emit(stripData);
+        };
+        /**
+         * @param {?} key
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.setHiddenForStrip = /**
+         * @param {?} key
+         * @return {?}
+         */
+        function (key) {
+            this.stripsResultDataMap[key].showStrip = false;
+            sessionStorage.setItem("cstrip_" + key, '1');
+        };
+        // selected pills data
+        // selected pills data
+        /**
+         * @param {?} tabdata
+         * @param {?} tabIndex
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.getSelectedPillIndex = 
+        // selected pills data
+        /**
+         * @param {?} tabdata
+         * @param {?} tabIndex
+         * @return {?}
+         */
+        function (tabdata, tabIndex) {
+            if (tabdata.pillsData && tabdata.pillsData.length) {
+                /** @type {?} */
+                var index = tabdata.pillsData.findIndex((/**
+                 * @param {?} pill
+                 * @return {?}
+                 */
+                function (pill) {
+                    return pill.selected;
+                }));
+                return index;
+            }
+            return 0;
+        };
+        /**
+         * @param {?} data
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.getdata = /**
+         * @param {?} data
+         * @return {?}
+         */
+        function (data) {
+            if (data.stripInfo) {
+                return data.stripInfo.widget;
+            }
+            return {};
+        };
+        /**
+         * @param {?} tabEvent
+         * @param {?} pillIndex
+         * @param {?} stripMap
+         * @param {?} stripKey
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.tabClicked = /**
+         * @param {?} tabEvent
+         * @param {?} pillIndex
+         * @param {?} stripMap
+         * @param {?} stripKey
+         * @return {?}
+         */
+        function (tabEvent, pillIndex, stripMap, stripKey) {
+            var _this = this;
+            if (stripMap && stripMap.tabs && stripMap.tabs[tabEvent.index]) {
+                stripMap.tabs[tabEvent.index].pillsData[pillIndex].fetchTabStatus = 'inprogress';
+                stripMap.tabs[tabEvent.index].pillsData[pillIndex].tabLoading = true;
+                stripMap.showOnLoader = true;
+            }
+            /** @type {?} */
+            var data = {
+                label: "" + tabEvent.tab.textLabel,
+                index: tabEvent.index,
+            };
+            this.eventSvc.raiseInteractTelemetry({
+                type: utilsV2.WsEvents.EnumInteractTypes.CLICK,
+                subType: utilsV2.WsEvents.EnumInteractSubTypes.HOME_PAGE_STRIP_TABS,
+                id: lodash.camelCase(data.label) + "-tab",
+            }, {}, {
+                module: utilsV2.WsEvents.EnumTelemetrymodules.HOME,
+            });
+            /** @type {?} */
+            var currentTabFromMap = stripMap.tabs && stripMap.tabs[tabEvent.index];
+            /** @type {?} */
+            var currentPillFromMap = stripMap.tabs && stripMap.tabs[tabEvent.index].pillsData[pillIndex];
+            /** @type {?} */
+            var currentStrip = this.widgetData.strips.find((/**
+             * @param {?} s
+             * @return {?}
+             */
+            function (s) { return s.key === stripKey; }));
+            if (this.stripsResultDataMap[stripKey] && currentTabFromMap) {
+                this.stripsResultDataMap[stripKey].viewMoreUrl.queryParams = __assign({}, this.stripsResultDataMap[stripKey].viewMoreUrl.queryParams, { tabSelected: currentTabFromMap.value, pillSelected: currentPillFromMap.value });
+            }
+            if (currentStrip && currentTabFromMap && !currentTabFromMap.computeDataOnClick && currentPillFromMap) {
+                if (currentPillFromMap.requestRequired && currentPillFromMap.request) {
+                    if (currentPillFromMap.request.searchV6) {
+                        // this.getTabDataByNewReqSearchV6(currentStrip, tabEvent.index, currentTabFromMap, true);
+                    }
+                    stripMap.tabs[tabEvent.index].pillsData[pillIndex].tabLoading = false;
+                }
+                else {
+                    this.getTabDataByfilter(currentStrip, currentTabFromMap, true);
+                    if (stripMap && stripMap.tabs && stripMap.tabs[tabEvent.index]) {
+                        stripMap.tabs[tabEvent.index].pillsData[pillIndex].fetchTabStatus = 'inprogress';
+                        stripMap.tabs[tabEvent.index].pillsData[pillIndex].tabLoading = false;
+                        stripMap.showOnLoader = true;
+                    }
+                    setTimeout((/**
+                     * @return {?}
+                     */
+                    function () {
+                        if (stripMap && stripMap.tabs && stripMap.tabs[tabEvent.index]) {
+                            stripMap.tabs[tabEvent.index].pillsData[pillIndex].fetchTabStatus = 'done';
+                            stripMap.tabs[tabEvent.index].pillsData[pillIndex].tabLoading = false;
+                            stripMap.showOnLoader = false;
+                            _this.resetSelectedPill(stripMap.tabs[tabEvent.index].pillsData);
+                            stripMap.tabs[tabEvent.index].pillsData[pillIndex]['selected'] = true;
+                        }
+                    }), 200);
+                }
+            }
+        };
+        /**
+         * @param {?} event
+         * @param {?} stripMap
+         * @param {?} stripKey
+         * @param {?} pillIndex
+         * @param {?} tabIndex
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.pillClicked = /**
+         * @param {?} event
+         * @param {?} stripMap
+         * @param {?} stripKey
+         * @param {?} pillIndex
+         * @param {?} tabIndex
+         * @return {?}
+         */
+        function (event, stripMap, stripKey, pillIndex, tabIndex) {
+            var _this = this;
+            if (stripMap && stripMap.tabs && stripMap.tabs[tabIndex]) {
+                stripMap.tabs[tabIndex].pillsData[pillIndex].fetchTabStatus = 'inprogress';
+                stripMap.tabs[tabIndex].pillsData[pillIndex].tabLoading = true;
+                stripMap.showOnLoader = true;
+            }
+            /** @type {?} */
+            var currentTabFromMap = stripMap.tabs && stripMap.tabs[tabIndex];
+            /** @type {?} */
+            var currentPillFromMap = stripMap.tabs && stripMap.tabs[tabIndex].pillsData[pillIndex];
+            /** @type {?} */
+            var currentStrip = this.widgetData.strips.find((/**
+             * @param {?} s
+             * @return {?}
+             */
+            function (s) { return s.key === stripKey; }));
+            if (this.stripsResultDataMap[stripKey] && currentTabFromMap) {
+                this.stripsResultDataMap[stripKey].viewMoreUrl.queryParams = __assign({}, this.stripsResultDataMap[stripKey].viewMoreUrl.queryParams, { tabSelected: currentTabFromMap.value, pillSelected: currentPillFromMap.value });
+            }
+            if (currentStrip && currentTabFromMap && !currentTabFromMap.computeDataOnClick && currentPillFromMap) {
+                if (currentPillFromMap.requestRequired && currentPillFromMap.request) {
+                    // call API to get tab data and process
+                    // this.processStrip(currentStrip, [], 'fetching', true, null)
+                    if (currentPillFromMap.request.searchV6) {
+                        // this.getTabDataByNewReqSearchV6(currentStrip, tabIndex, pillIndex, currentPillFromMap, true);
+                    }
+                    else if (currentPillFromMap.request.trendingSearch) {
+                        // this.getTabDataByNewReqTrending(currentStrip, tabIndex, pillIndex, currentPillFromMap, true);
+                    }
+                    // if (stripMap && stripMap.tabs && stripMap.tabs[tabEvent.index]) {
+                    //   stripMap.tabs[tabEvent.index].tabLoading = false;
+                    // }
+                    stripMap.tabs[tabIndex].pillsData[pillIndex].tabLoading = false;
+                }
+                else {
+                    this.getTabDataByfilter(currentStrip, currentTabFromMap, true);
+                    if (stripMap && stripMap.tabs && stripMap.tabs[tabIndex]) {
+                        stripMap.tabs[tabIndex].pillsData[pillIndex].fetchTabStatus = 'inprogress';
+                        stripMap.tabs[tabIndex].pillsData[pillIndex].tabLoading = false;
+                        stripMap.showOnLoader = true;
+                    }
+                    setTimeout((/**
+                     * @return {?}
+                     */
+                    function () {
+                        if (stripMap && stripMap.tabs && stripMap.tabs[tabIndex]) {
+                            stripMap.tabs[tabIndex].pillsData[pillIndex].fetchTabStatus = 'done';
+                            stripMap.tabs[tabIndex].pillsData[pillIndex].tabLoading = false;
+                            stripMap.showOnLoader = false;
+                            _this.resetSelectedPill(stripMap.tabs[tabIndex].pillsData);
+                            stripMap.tabs[tabIndex].pillsData[pillIndex]['selected'] = true;
+                        }
+                    }), 200);
+                }
+            }
+        };
+        /**
+         * @param {?} pillData
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.resetSelectedPill = /**
+         * @param {?} pillData
+         * @return {?}
+         */
+        function (pillData) {
+            if (pillData && pillData.length) {
+                pillData.forEach((/**
+                 * @param {?} pill
+                 * @return {?}
+                 */
+                function (pill) {
+                    pill['selected'] = false;
+                }));
+            }
+        };
+        /**
+         * @param {?} strip
+         * @param {?} currentTab
+         * @param {?} calculateParentStatus
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.getTabDataByfilter = /**
+         * @param {?} strip
+         * @param {?} currentTab
+         * @param {?} calculateParentStatus
+         * @return {?}
+         */
+        function (strip, currentTab, calculateParentStatus) {
+            // tslint:disable:no-console
+            console.log('strip -- ', strip);
+            // tslint:disable:no-console
+            console.log('currentTab -- ', currentTab);
+            // tslint:disable:no-console
+            console.log('calculateParentStatus-- ', calculateParentStatus);
+            // TODO: Write logic for individual filter if passed in config
+            // add switch case based on config key passed
+        };
+        /**
+         * @private
+         * @param {?} key
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.getIfStripHidden = /**
+         * @private
+         * @param {?} key
+         * @return {?}
+         */
+        function (key) {
+            /** @type {?} */
+            var storageItem = sessionStorage.getItem("cstrip_" + key);
+            return Boolean(storageItem !== '1');
+        };
+        // translate labes
+        // translate labes
+        /**
+         * @param {?} label
+         * @param {?} type
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.translateLabels = 
+        // translate labes
+        /**
+         * @param {?} label
+         * @param {?} type
+         * @return {?}
+         */
+        function (label, type) {
+            return this.langtranslations.translateLabel(label, type, '');
+        };
+        /**
+         * @param {?} stripData
+         * @param {?} path
+         * @param {?} queryParamsData
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.redirectViewAll = /**
+         * @param {?} stripData
+         * @param {?} path
+         * @param {?} queryParamsData
+         * @return {?}
+         */
+        function (stripData, path, queryParamsData) {
+            if (this.emitViewAll) {
+                this.viewAllResponse.emit(stripData);
+            }
+            else {
+                this.router.navigate([path], { queryParams: queryParamsData });
+            }
+        };
+        /**
+         * @param {?} index
+         * @param {?} item
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.identify = /**
+         * @param {?} index
+         * @param {?} item
+         * @return {?}
+         */
+        function (index, item) {
+            if (index >= 0) { }
+            return item;
+        };
+        /**
+         * @param {?} index
+         * @param {?} item
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.tracker = /**
+         * @param {?} index
+         * @param {?} item
+         * @return {?}
+         */
+        function (index, item) {
+            if (index >= 0) { }
+            return lodash.get(item, 'widgetData.content.identifier');
+        };
+        /**
+         * @param {?} data
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.getContineuLearningLenth = /**
+         * @param {?} data
+         * @return {?}
+         */
+        function (data) {
+            return data.widgets ? data.widgets.length : 0;
+        };
+        /**
+         * @param {?} key
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.showAccordion = /**
+         * @param {?} key
+         * @return {?}
+         */
+        function (key) {
+            if (this.utilitySvc.isMobile && this.stripsResultDataMap[key].mode === 'accordion') {
+                return this.showAccordionData;
+            }
+            return true;
+        };
+        /**
+         * @param {?} wData
+         * @param {?} data
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.checkCondition = /**
+         * @param {?} wData
+         * @param {?} data
+         * @return {?}
+         */
+        function (wData, data) {
+            if (wData.strips[0].stripConfig && wData.strips[0].stripConfig.hideShowAll) {
+                return !wData.strips[0].stripConfig.hideShowAll;
+            }
+            return wData.strips[0].viewMoreUrl && data.widgets && data.widgets.length >= 4;
+        };
+        /**
+         * @param {?} data
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.checkVisible = /**
+         * @param {?} data
+         * @return {?}
+         */
+        function (data) {
+            return data.stripInfo && data.stripInfo.visibilityMode === 'visible';
+        };
+        /**
+         * @param {?} stripsResultDataMap
+         * @param {?} key
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.getSelectedIndex = /**
+         * @param {?} stripsResultDataMap
+         * @param {?} key
+         * @return {?}
+         */
+        function (stripsResultDataMap, key) {
+            /** @type {?} */
+            var returnValue = 0;
+            return returnValue;
+        };
+        /**
+         * @param {?} data
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.getLength = /**
+         * @param {?} data
+         * @return {?}
+         */
+        function (data) {
+            if (!data.tabs || !data.tabs.length) {
+                return data.widgets ? data.widgets.length : 0;
+            }
+            {
+                // if tabs are there check if each tab has widgets and get the tab with max widgets
+                /** @type {?} */
+                var tabWithMaxWidgets_1 = {};
+                data.tabs.forEach((/**
+                 * @param {?} tab
+                 * @return {?}
+                 */
+                function (tab) {
+                    if (tab.pillsData && tab.pillsData.length) {
+                        tabWithMaxWidgets_1 = tab.pillsData.reduce((/**
+                         * @param {?} prev
+                         * @param {?} current
+                         * @return {?}
+                         */
+                        function (prev, current) {
+                            if (!prev.widgets && !current.widgets) {
+                                return current;
+                            }
+                            if (prev.widgets && current.widgets) {
+                                return (prev.widgets.length > current.widgets.length) ? prev : current;
+                            }
+                            if (current.widgets && !prev.widgets) {
+                                return current;
+                            }
+                            if (!current.widgets && prev.widgets) {
+                                return prev;
+                            }
+                            return current;
+                            // return (prev.widgets && current.widgets && (prev.widgets.length > current.widgets.length) ) ? prev : current
+                            // tslint:disable-next-line: align
+                        }), data.tabs[0]);
+                    }
+                }));
+                // if tabs has atleast 1 widgets then strip will show or else not
+                return tabWithMaxWidgets_1.widgets ? tabWithMaxWidgets_1.widgets.length : 0;
+            }
+        };
+        /**
+         * @param {?} data
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.isStripShowing = /**
+         * @param {?} data
+         * @return {?}
+         */
+        function (data) {
+            var _this = this;
+            /** @type {?} */
+            var count = 0;
+            if (data && data.key === this.environment.programStripKey && (!data.tabs || !data.tabs.length) &&
+                data.stripTitle === this.environment.programStripName && data.widgets.length > 0) {
+                data.widgets.forEach((/**
+                 * @param {?} key
+                 * @return {?}
+                 */
+                function (key) {
+                    if (key && key.widgetData.content.primaryCategory === _this.environment.programStripPrimaryCategory) {
+                        count = count + 1;
+                    }
+                }));
+                if (count > 0) {
+                    data.showStrip = true;
+                }
+                else {
+                    data.showStrip = false;
+                }
+            }
+            // console.log('data.key', data, data.key, data.widgets);
+            return data.showStrip;
+        };
+        Object.defineProperty(ContentStripFacetFilterComponent.prototype, "isMobile", {
+            get: /**
+             * @return {?}
+             */
+            function () {
+                return this.utilitySvc.isMobile || false;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        // search api with facets
+        // search api with facets
+        /**
+         * @param {?} strip
+         * @param {?} request
+         * @param {?} apiUrl
+         * @param {?} calculateParentStatus
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.postRequestMethod = 
+        // search api with facets
+        /**
+         * @param {?} strip
+         * @param {?} request
+         * @param {?} apiUrl
+         * @param {?} calculateParentStatus
+         * @return {?}
+         */
+        function (strip, request, apiUrl, calculateParentStatus) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _this = this;
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, new Promise((/**
+                         * @param {?} resolve
+                         * @param {?} reject
+                         * @return {?}
+                         */
+                        function (resolve, reject) {
+                            if (request && request) {
+                                _this.contentSvc.postApiMethod(apiUrl, request).subscribe((/**
+                                 * @param {?} results
+                                 * @return {?}
+                                 */
+                                function (results) {
+                                    if (results.result && results.result.content) {
+                                        /** @type {?} */
+                                        var showViewMore = Boolean(results.result.content && results.result.content.length > 5 && strip.stripConfig && strip.stripConfig.postCardForSearch);
+                                        /** @type {?} */
+                                        var viewMoreUrl = showViewMore
+                                            ? {
+                                                path: strip.viewMoreUrl && strip.viewMoreUrl.path || '',
+                                                queryParams: {
+                                                    tab: 'Learn',
+                                                    q: strip.viewMoreUrl && strip.viewMoreUrl.queryParams,
+                                                    f: {},
+                                                },
+                                            }
+                                            : null;
+                                        resolve({ results: results, viewMoreUrl: viewMoreUrl });
+                                    }
+                                }), (/**
+                                 * @param {?} error
+                                 * @return {?}
+                                 */
+                                function (error) {
+                                    _this.processStrip(strip, [], 'error', calculateParentStatus, null);
+                                    reject(error);
+                                }));
+                            }
+                        }))];
+                });
+            });
+        };
+        /**
+         * @param {?} strip
+         * @param {?=} calculateParentStatus
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.fetchFromSearch = /**
+         * @param {?} strip
+         * @param {?=} calculateParentStatus
+         * @return {?}
+         */
+        function (strip, calculateParentStatus) {
+            if (calculateParentStatus === void 0) { calculateParentStatus = true; }
+            return __awaiter(this, void 0, void 0, function () {
+                var response, tabIndex, pillIndex, widgets, tabResults, error_1;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!(strip.request && Object.keys(strip.request.requestBody).length)) return [3 /*break*/, 4];
+                            _a.label = 1;
+                        case 1:
+                            _a.trys.push([1, 3, , 4]);
+                            return [4 /*yield*/, this.postRequestMethod(strip, strip.request.requestBody, strip.request.apiUrl, calculateParentStatus)];
+                        case 2:
+                            response = _a.sent();
+                            tabIndex = 0;
+                            pillIndex = 0;
+                            if (response.results && response.results.result) {
+                                this.mapAllDataWithFacets(strip, response.results.result.content, response.results.result.facets, calculateParentStatus);
+                                widgets = this.transformContentsToWidgets(response.results.result.content, strip);
+                                tabResults = [];
+                                // if (this.stripsResultDataMap[strip.key] && this.stripsResultDataMap[strip.key].tabs) {
+                                //   const allTabs = this.stripsResultDataMap[strip.key].tabs;
+                                //   const allPills = this.stripsResultDataMap[strip.key].tabs[tabIndex].pillsData;
+                                //   this.resetSelectedPill(allPills)
+                                //   if (allTabs && allTabs.length && allTabs[tabIndex]) {
+                                //     if(allPills && allPills.length && allPills[pillIndex]){
+                                //       allPills[pillIndex] = {
+                                //         ...allPills[pillIndex],
+                                //         widgets,
+                                //         fetchTabStatus: 'done',
+                                //         selected: true
+                                //       };
+                                //     }
+                                //     allTabs[tabIndex] = {
+                                //       ...allTabs[tabIndex],
+                                //       widgets,
+                                //       fetchTabStatus: 'done',
+                                //     };
+                                //     tabResults = allTabs;
+                                //   }
+                                // }
+                                // this.processStrip(
+                                //   strip,
+                                //   widgets,
+                                //   'done',
+                                //   calculateParentStatus,
+                                //   response.viewMoreUrl,
+                                //   tabResults // tabResults as widgets
+                                // );
+                            }
+                            return [3 /*break*/, 4];
+                        case 3:
+                            error_1 = _a.sent();
+                            return [3 /*break*/, 4];
+                        case 4: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        /**
+         * @param {?} strip
+         * @param {?} content
+         * @param {?} facets
+         * @param {?} calculateParentStatus
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.mapAllDataWithFacets = /**
+         * @param {?} strip
+         * @param {?} content
+         * @param {?} facets
+         * @param {?} calculateParentStatus
+         * @return {?}
+         */
+        function (strip, content, facets, calculateParentStatus) {
+            var _this = this;
+            console.log(strip, content);
+            /** @type {?} */
+            var allTabs = this.stripsResultDataMap[strip.key].tabs;
+            /** @type {?} */
+            var facet = [];
+            allTabs.forEach((/**
+             * @param {?} ele
+             * @return {?}
+             */
+            function (ele) {
+                ele['fetchTabStatus'] = 'done';
+                /** @type {?} */
+                var filteredData = content.filter((/**
+                 * @param {?} contEle
+                 * @return {?}
+                 */
+                function (contEle) { return contEle.nlwUserExp.includes(ele.value); }))
+                // filteredData.forEach(element => {
+                //   facet =  [...facet,..._.difference(element.nlwOrgs ,facet)];
+                // });
+                ;
+                // filteredData.forEach(element => {
+                //   facet =  [...facet,..._.difference(element.nlwOrgs ,facet)];
+                // });
+                ele['widgets'] = filteredData;
+                ele.pillsData.forEach((/**
+                 * @param {?} pill
+                 * @return {?}
+                 */
+                function (pill) {
+                    if (pill.value === 'all') {
+                        pill['widgets'] = _this.transformContentsToWidgets(filteredData, strip);
+                        pill['fetchTabStatus'] = 'done';
+                    }
+                    else if (pill.value === 'course') {
+                        /** @type {?} */
+                        var contentFilteredData = filteredData.filter((/**
+                         * @param {?} contEle
+                         * @return {?}
+                         */
+                        function (contEle) { return contEle.courseCategory.toLowerCase() === pill.value; }));
+                        pill['widgets'] = _this.transformContentsToWidgets(contentFilteredData, strip);
+                        pill['fetchTabStatus'] = 'done';
+                    }
+                    else {
+                        /** @type {?} */
+                        var contentFilteredData = filteredData.filter((/**
+                         * @param {?} contEle
+                         * @return {?}
+                         */
+                        function (contEle) { return contEle.courseCategory.toLowerCase() !== 'course'; }));
+                        pill['widgets'] = _this.transformContentsToWidgets(contentFilteredData, strip);
+                        pill['fetchTabStatus'] = 'done';
+                    }
+                }));
+                // ele['facets'] = [{
+                //   name:'nlwOrgs',
+                //   values: facet
+                // }]
+                ele['facets'] = facets;
+            }));
+            strip.tabs[0].pillsData[0].fetchTabStatus = 'done';
+            strip.tabs[0].pillsData[0].tabLoading = false;
+            strip.showOnLoader = false;
+            this.resetSelectedPill(strip.tabs[0].pillsData);
+            strip.tabs[0].pillsData[0]['selected'] = true;
+            this.processStrip(strip, [], 'done', calculateParentStatus, strip.viewMoreUrl, allTabs // tabResults as widgets
+            );
+        };
+        /**
+         * @private
+         * @param {?} contents
+         * @param {?} strip
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.transformContentsToWidgets = /**
+         * @private
+         * @param {?} contents
+         * @param {?} strip
+         * @return {?}
+         */
+        function (contents, strip) {
+            return (contents || []).map((/**
+             * @param {?} content
+             * @param {?} idx
+             * @return {?}
+             */
+            function (content, idx) { return (content ? {
+                widgetType: 'cardLib',
+                widgetSubType: 'cardContentLib',
+                widgetHostClass: 'mb-2',
+                widgetData: __assign({ content: content }, (content.batch && { batch: content.batch }), { cardSubType: strip.stripConfig && strip.stripConfig.cardSubType, cardCustomeClass: strip.customeClass ? strip.customeClass : '', context: { pageSection: strip.key, position: idx }, intranetMode: strip.stripConfig && strip.stripConfig.intranetMode, deletedMode: strip.stripConfig && strip.stripConfig.deletedMode, contentTags: strip.stripConfig && strip.stripConfig.contentTags }),
+            } : {
+                widgetType: 'card',
+                widgetSubType: 'cardContent',
+                widgetHostClass: 'mb-2',
+                widgetData: {},
+            }); }));
+        };
+        /**
+         * @param {?} eventData
+         * @param {?} stripMap
+         * @param {?} tabIndex
+         * @return {?}
+         */
+        ContentStripFacetFilterComponent.prototype.getorgData = /**
+         * @param {?} eventData
+         * @param {?} stripMap
+         * @param {?} tabIndex
+         * @return {?}
+         */
+        function (eventData, stripMap, tabIndex) {
+            var _this = this;
+            console.log(eventData);
+            /** @type {?} */
+            var selectedValue = eventData.target.value;
+            /** @type {?} */
+            var pillIndex = this.getSelectedPillIndex(stripMap.tabs[tabIndex], tabIndex);
+            if (stripMap && stripMap.tabs && stripMap.tabs[tabIndex]) {
+                stripMap.tabs[tabIndex].pillsData[pillIndex].fetchTabStatus = 'inprogress';
+                stripMap.tabs[tabIndex].pillsData[pillIndex].tabLoading = false;
+                stripMap.showOnLoader = true;
+                /** @type {?} */
+                var returnedValues = stripMap.tabs[tabIndex].widgets.filter((/**
+                 * @param {?} ele
+                 * @return {?}
+                 */
+                function (ele) {
+                    /** @type {?} */
+                    var words = ele.nlwOrgs.map((/**
+                     * @param {?} v
+                     * @return {?}
+                     */
+                    function (v) { return v.toLowerCase(); }));
+                    return words.includes(selectedValue);
+                }));
+                stripMap.tabs[tabIndex].pillsData[pillIndex]['widgets'] = this.transformContentsToWidgets(returnedValues, stripMap);
+            }
+            setTimeout((/**
+             * @return {?}
+             */
+            function () {
+                if (stripMap && stripMap.tabs && stripMap.tabs[tabIndex]) {
+                    stripMap.tabs[tabIndex].pillsData[pillIndex].fetchTabStatus = 'done';
+                    stripMap.tabs[tabIndex].pillsData[pillIndex].tabLoading = false;
+                    stripMap.showOnLoader = false;
+                    _this.resetSelectedPill(stripMap.tabs[tabIndex].pillsData);
+                    stripMap.tabs[tabIndex].pillsData[pillIndex]['selected'] = true;
+                }
+            }), 200);
+        };
+        ContentStripFacetFilterComponent.decorators = [
+            { type: core.Component, args: [{
+                        selector: 'sb-uic-content-strip-facet-filter',
+                        template: "<ng-container *ngIf=\"!contentAvailable; else otherTemplate\"></ng-container>\n<ng-template #otherTemplate>\n  <!-- <div *ngIf=\"showParentLoader\" class=\"text-center my-2\">\n    <mat-spinner class=\"inline-block\"></mat-spinner>\n  </div> -->\n  <ng-container *ngIf=\"showParentError\" [sbUiResolverWidget]=\"widgetData.errorWidget\"></ng-container>\n  <ng-container *ngIf=\"showParentNoData\" [sbUiResolverWidget]=\"widgetData.noDataWidget\"></ng-container>\n  <ng-container *ngFor=\"let key of stripsKeyOrder; let i = index; trackBy: identify\">\n    <ng-container *ngIf=\"isStripShowing(stripsResultDataMap[key])\">\n      <a name=\"{{stripsResultDataMap[key]?.stripTitle}}\" [class]=\"key\">\n        <div *ngIf=\"stripsResultDataMap && (getLength(stripsResultDataMap[key]) ||\n                    stripsResultDataMap[key]?.showOnNoData ||\n                    stripsResultDataMap[key]?.showOnLoader ||\n                    stripsResultDataMap[key]?.showOnError)\n                  \" [ngClass]=\"\n                    !widgetData?.isChannelStrip ? 'xs:px-8 sx:px-10ss' : i > 0 ? 'mt-12' : ''\n                  \" [id]=\"key\" [ngClass]=\"!widgetData?.isChannelStrip ? margin-bottom-custom : margin-bottom-xs\">\n          <div [ngClass]=\"{ pad: stripsResultDataMap[key]?.stripBackground }\"\n            [ngStyle]=\"{ 'background-color': stripsResultDataMap[key]?.stripBackground }\">\n            <div class=\"flex flex-col pl-4 pr-4 md:pr-0 md:pl-0 \" [ngClass]=\"\n                        !widgetData?.isChannelStrip\n                          ? ''\n                          : stripsResultDataMap[key]?.stripTitle\n                          ? 'mb-8'\n                          : ''\n                      \">\n              <div class=\"flex flex-1 items-center\">\n                <p class=\"mat-subheading-1 margin-remove inline-block \" *ngIf=\"stripsResultDataMap[key]?.stripTitle\">\n                  <span class=\"capitalize\" *ngIf=\"stripsResultDataMap[key]?.disableTranslate\">\n                    {{stripsResultDataMap[key]?.stripTitle}}\n                  </span>\n                  <span *ngIf=\"!stripsResultDataMap[key]?.disableTranslate\">\n                    {{ translateLabels(stripsResultDataMap[key]?.stripTitle, 'home') }}\n                  </span>\n                </p>\n\n                <button *ngIf=\"stripsResultDataMap[key]?.stripInfo?.icon\" type=\"button\" mat-icon-button\n                  (click)=\"toggleInfo(stripsResultDataMap[key])\" i18n-matTooltip matTooltip=\"info\"\n                  class=\"margin-left-xs\">\n                  <mat-icon>{{ stripsResultDataMap[key]?.stripInfo?.icon.icon }}</mat-icon>\n                </button>\n                <a *ngIf=\"stripsResultDataMap[key]?.stripTitleLink?.link\"\n                  [routerLink]=\"stripsResultDataMap[key]?.stripTitleLink?.link\"\n                  [queryParams]=\"stripsResultDataMap[key]?.stripTitleLink?.link?.queryParams\">\n                  <mat-icon class=\"ws-mat-primary-primary-text ws-mat-default-text\" [color]=\"'accent'\">{{\n                    stripsResultDataMap[key]?.stripTitleLink?.icon }}</mat-icon>\n                </a>\n                <span class=\"spacer\"></span>\n                <!-- viewAll start-->\n                <div *ngIf=\"checkCondition(widgetData , stripsResultDataMap[key])\" class=\"block md:hidden\">\n                  <div \n                    class=\"ml-4 pl-2 view-more ws-mat-default-text  \">\n                    <a class=\"flex ws-mat-default-text items-center justify-center mat-body-1 cursor-pointer\" \n                      (click)=\"raiseTelemetry(stripsResultDataMap[key]);redirectViewAll(stripsResultDataMap[key], stripsResultDataMap[key]?.viewMoreUrl?.path, stripsResultDataMap[key]?.viewMoreUrl?.queryParams )\">\n                      <span i18n class=\"ws-mat-default-text\">{{translateLabels(widgetData.strips[0].viewMoreUrl.viewMoreText,'home')  || 'See all'}}</span>\n                      <mat-icon class=\"ws-mat-default-text mat-icon notranslate material-icons mat-icon-no-color\" color=\"accent\">navigate_next</mat-icon>\n                    </a>\n                  </div>\n                </div>\n                <!-- viewAll end-->\n              </div>\n              <button mat-icon-button (click)=\"setHiddenForStrip(key)\" *ngIf=\"stripsResultDataMap[key]?.canHideStrip\">\n                <mat-icon>close</mat-icon>\n              </button>\n              <mat-icon class=\"cursor-pointer\" *ngIf=\"stripsResultDataMap[key]?.mode === 'accordion' && isMobile\"\n                (click)=\"showAccordionData = !showAccordionData\">{{ showAccordionData ? 'expand_less' : 'expand_more' }}\n              </mat-icon>\n            </div>\n\n            <div class=\"mb-4\" *ngIf=\"checkVisible(stripsResultDataMap[key])\">\n              <ng-container [sbUiResolverWidget]=\"getdata(stripsResultDataMap[key])\">\n              </ng-container>\n            </div>\n            <ng-container *ngIf=\"stripsResultDataMap[key]?.showOnNoData\"\n              [sbUiResolverWidget]=\"stripsResultDataMap[key]?.noDataWidget\"></ng-container>\n            <ng-container *ngIf=\"stripsResultDataMap[key]?.showOnError\"\n              [sbUiResolverWidget]=\"stripsResultDataMap[key]?.errorWidget\"></ng-container>\n            <!-- IF no errors then proceed to show tabs or non tabs strip -->\n            <ng-container *ngIf=\"!stripsResultDataMap[key]?.showOnNoData && !stripsResultDataMap[key]?.showOnError\">\n              <ng-container *ngIf=\"stripsResultDataMap[key].tabs && stripsResultDataMap[key].tabs.length\">\n                <mat-tab-group animationDuration=\"0ms\" [selectedIndex]=\"getSelectedIndex(stripsResultDataMap[key], key)\"\n                class=\"mat-tab-labels w-full strips-tabgroup\" dynamicHeight\n                  (selectedTabChange)=\"tabClicked($event, 0, stripsResultDataMap[key], key)\">\n                  <mat-tab label=\"{{tab?.label}}\" *ngFor=\"let tab of stripsResultDataMap[key].tabs; let last = last;let tabIndex = index\">\n                    <ng-template mat-tab-label>\n                      <span><span *ngIf=\"!tab?.disableTranslate\">{{ translateLabels(tab?.label, 'home') }}</span>\n                      <span *ngIf=\"tab?.disableTranslate\">{{tab?.label}}</span> &nbsp;</span>\n                      <span *ngIf=\"tab?.showTabDataCount && tab?.widgets?.length\">({{tab?.widgets?.length}})</span>\n                    </ng-template>\n\n                    <div class=\"wfull\" *ngIf=\"tab?.pillsData && tab?.pillsData?.length\">\n                      <div class=\"flex justify-between item-center flex-wrap gap-4\">\n                        <div class=\"\">\n                          <ng-container *ngFor=\"let facet of tab?.facets\">\n                            <div class=\"facets-select\">\n                              <select (change)=\"getorgData($event,  stripsResultDataMap[key], tabIndex)\">\n                                <option value=\"\" selected disabled>Choose by organisation</option>\n                                <option value=\"{{d.name}}\" *ngFor=\"let d of facet.values\" >{{d.name}}</option>\n                              </select>\n                            </div>\n                          </ng-container>\n                        </div>\n                        <div>\n                          <ng-container >\n                            <mat-chip-list  class=\"content-pill-data\" aria-label=\"Fish selection\">\n                                <ng-container *ngFor=\"let pill of tab?.pillsData;let p = index\">\n                                    <mat-chip [selected]=\"pill?.selected\" (click)=\"pillClicked($event, stripsResultDataMap[key], key, p, tabIndex)\">\n                                      <span class=\"pill-name\">{{pill?.label}}</span></mat-chip>\n                                </ng-container>\n                            </mat-chip-list>\n                          </ng-container>\n                        </div>\n                         <!-- viewAll start-->\n                          <div *ngIf=\"!stripsResultDataMap[key]?.hideViewMoreUrl && checkCondition(widgetData , stripsResultDataMap[key])\" class=\" hidden md:block\">\n                            <div  class=\"ml-4 pl-2 view-more ws-mat-default-text\">\n                              <a class=\"flex ws-mat-default-text items-center justify-center mat-body-1 cursor-pointer\" \n                                (click)=\"raiseTelemetry(stripsResultDataMap[key]);redirectViewAll(stripsResultDataMap[key], stripsResultDataMap[key]?.viewMoreUrl?.path, stripsResultDataMap[key]?.viewMoreUrl?.queryParams )\">\n                                <span i18n class=\"ws-mat-default-text\">{{translateLabels(widgetData.strips[0].viewMoreUrl.viewMoreText,'home')  || 'See all'}}</span>\n                                <mat-icon class=\"ws-mat-default-text mat-icon notranslate material-icons mat-icon-no-color\" color=\"accent\">navigate_next</mat-icon>\n                              </a>\n                            </div>\n                          </div>\n                            \n                          <!-- viewAll end-->\n                      </div>\n                      <div *ngIf=\"stripsResultDataMap && stripsResultDataMap[key]?.showOnLoader ||\n                      !tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus\"\n                      class=\"text-center my-2\">\n                            <sb-uic-horizontal-scroller-v2 [sliderConfig]=\"stripsResultDataMap[key]?.sliderConfig\" [id]=\"key+'-scroller'\"\n                                    [loadStatus]=\"'fetching'\" [stripConfig]=\"stripsResultDataMap[key]?.stripConfig\">\n                                <ng-container *ngFor=\"let widget of stripsResultDataMap[key]?.loaderWidgets; trackBy: tracker\">\n                                <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n                              </ng-container>\n                            </sb-uic-horizontal-scroller-v2>\n                      </div>\n                     <ng-container *ngIf=\"tab?.pillsData && tab?.pillsData.length && tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]\">\n                      <div *ngIf=\"((tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus && tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus === 'done') &&\n                      (!tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets || !tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets?.length))\">\n                      <ng-container *ngIf=\"tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.value === 'inprogress'; else msgTemp\">\n                        <div class=\"w-full flex flex-col items-center justify-center\">\n                          <img alt=\"\" class=\"mt-4 mb-4\" src=\"assets/icons/home/nodataDefault.svg\">\n                          <div class=\"mat-subheading-1 text-center info-content\">{{ 'contentstripmultiple.getReadyForLearningAdventure' | translate }} -\n                            <a class=\"click-here\" [routerLink]=\"'/page/learn'\">{{ 'contentstripmultiple.clickHere' | translate }}</a> {{ 'contentstripmultiple.toEnrollNextCourse' | translate }}</div>\n                        </div>\n                      </ng-container>\n                      <ng-template #msgTemp>\n                        <div class=\"w-full flex flex-col items-center justify-center\">\n                          <img alt=\"\" class=\"mt-4 mb-4\" src=\"assets/icons/home/nodataDefault.png\">\n                          <div class=\"mat-subheading-1 text-center\">{{ translateLabels(tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.nodataMsg, 'home') }}</div>\n                        </div>\n                      </ng-template>\n                      </div>\n                     </ng-container>\n                      <ng-container *ngIf=\"(tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus === 'done' || tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets?.length)\">\n                        <ng-container  *ngIf=\"!tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.tabLoading\">\n                          <sb-uic-horizontal-scroller-v2 [id]=\"key+'-scroller'\" [sliderConfig]=\"stripsResultDataMap[key]?.sliderConfig\" [widgetsLength]=\"tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets?.length\"\n                            [loadStatus]=\"'done'\" [defaultMaxWidgets]=\"tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.maxWidgets ||\n                            stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets\" [stripConfig]=\"stripsResultDataMap[key]?.stripConfig\">\n                            <ng-container *ngFor=\"let widget of tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets| slice:0:(tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.maxWidgets ||\n                            stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets); trackBy: tracker\">\n                                <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n                            </ng-container>\n                          </sb-uic-horizontal-scroller-v2>\n                        </ng-container>\n                      </ng-container>\n                    </div>\n                  </mat-tab>\n                </mat-tab-group>\n              </ng-container>\n            </ng-container>\n          </div>\n        </div>\n      </a>\n\n    </ng-container>\n  </ng-container>\n</ng-template>",
+                        styles: ["@charset \"UTF-8\";.facets-select{position:relative;display:inline-block;width:250px}.facets-select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:25px;padding:10px 30px 10px 10px;font-size:16px;font-family:Arial,sans-serif;width:100%;height:100%;cursor:pointer}.facets-select:after{content:\"\u25BC\";position:absolute;top:50%;right:10px;transform:translateY(-50%);pointer-events:none;font-size:14px;color:#555}::ng-deep mat-chip-list.content-pill-data .mat-chip-selected{background-color:#1b4ca1!important}::ng-deep mat-chip-list.content-pill-data .mat-chip-selected .pill-name{color:#fff!important}::ng-deep mat-chip-list.content-pill-data .mat-chip-list-wrapper .mat-chip{cursor:pointer!important}::ng-deep mat-chip-list.content-pill-data .mat-chip-list-wrapper .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background:#1b4ca1!important;color:#fff!important}::ng-deep mat-chip-list.content-pill-data .mat-chip-list-wrapper .mat-chip.mat-standard-chip{background:#fff!important;border:1px solid rgba(0,0,0,.0784313725)!important}"]
+                    }] }
+        ];
+        /** @nocollapse */
+        ContentStripFacetFilterComponent.ctorParameters = function () { return [
+            { type: undefined, decorators: [{ type: core.Inject, args: ['environment',] }] },
+            { type: WidgetContentService },
+            { type: utilsV2.LoggerService },
+            { type: utilsV2.EventService },
+            { type: utilsV2.ConfigurationsService },
+            { type: utilsV2.UtilityService },
+            { type: router.Router },
+            { type: WidgetUserService },
+            { type: core$1.TranslateService },
+            { type: MultilingualTranslationsService }
+        ]; };
+        ContentStripFacetFilterComponent.propDecorators = {
+            widgetData: [{ type: core.Input }],
+            emptyResponse: [{ type: core.Output }],
+            viewAllResponse: [{ type: core.Output }],
+            telemtryResponse: [{ type: core.Output }],
+            providerId: [{ type: core.Input }],
+            emitViewAll: [{ type: core.Input }],
+            channnelName: [{ type: core.Input }],
+            id: [{ type: core.HostBinding, args: ['id',] }]
+        };
+        return ContentStripFacetFilterComponent;
+    }(resolverV2.WidgetBaseComponent));
+    if (false) {
+        /** @type {?} */
+        ContentStripFacetFilterComponent.prototype.widgetData;
+        /** @type {?} */
+        ContentStripFacetFilterComponent.prototype.emptyResponse;
+        /** @type {?} */
+        ContentStripFacetFilterComponent.prototype.viewAllResponse;
+        /** @type {?} */
+        ContentStripFacetFilterComponent.prototype.telemtryResponse;
+        /** @type {?} */
+        ContentStripFacetFilterComponent.prototype.providerId;
+        /** @type {?} */
+        ContentStripFacetFilterComponent.prototype.emitViewAll;
+        /** @type {?} */
+        ContentStripFacetFilterComponent.prototype.channnelName;
+        /** @type {?} */
+        ContentStripFacetFilterComponent.prototype.id;
+        /** @type {?} */
+        ContentStripFacetFilterComponent.prototype.stripsResultDataMap;
+        /** @type {?} */
+        ContentStripFacetFilterComponent.prototype.stripsKeyOrder;
+        /** @type {?} */
+        ContentStripFacetFilterComponent.prototype.showAccordionData;
+        /** @type {?} */
+        ContentStripFacetFilterComponent.prototype.showParentLoader;
+        /** @type {?} */
+        ContentStripFacetFilterComponent.prototype.showParentError;
+        /** @type {?} */
+        ContentStripFacetFilterComponent.prototype.showParentNoData;
+        /** @type {?} */
+        ContentStripFacetFilterComponent.prototype.errorDataCount;
+        /** @type {?} */
+        ContentStripFacetFilterComponent.prototype.noDataCount;
+        /** @type {?} */
+        ContentStripFacetFilterComponent.prototype.successDataCount;
+        /** @type {?} */
+        ContentStripFacetFilterComponent.prototype.contentAvailable;
+        /** @type {?} */
+        ContentStripFacetFilterComponent.prototype.baseUrl;
+        /** @type {?} */
+        ContentStripFacetFilterComponent.prototype.veifiedKarmayogi;
+        /** @type {?} */
+        ContentStripFacetFilterComponent.prototype.environment;
+        /** @type {?} */
+        ContentStripFacetFilterComponent.prototype.changeEventSubscription;
+        /** @type {?} */
+        ContentStripFacetFilterComponent.prototype.defaultMaxWidgets;
+        /** @type {?} */
+        ContentStripFacetFilterComponent.prototype.enrollInterval;
+        /** @type {?} */
+        ContentStripFacetFilterComponent.prototype.todaysEvents;
+        /** @type {?} */
+        ContentStripFacetFilterComponent.prototype.enrollmentMapData;
+        /**
+         * @type {?}
+         * @private
+         */
+        ContentStripFacetFilterComponent.prototype.contentSvc;
+        /**
+         * @type {?}
+         * @private
+         */
+        ContentStripFacetFilterComponent.prototype.loggerSvc;
+        /**
+         * @type {?}
+         * @private
+         */
+        ContentStripFacetFilterComponent.prototype.eventSvc;
+        /**
+         * @type {?}
+         * @private
+         */
+        ContentStripFacetFilterComponent.prototype.configSvc;
+        /** @type {?} */
+        ContentStripFacetFilterComponent.prototype.utilitySvc;
+        /** @type {?} */
+        ContentStripFacetFilterComponent.prototype.router;
+        /**
+         * @type {?}
+         * @private
+         */
+        ContentStripFacetFilterComponent.prototype.userSvc;
+        /**
+         * @type {?}
+         * @private
+         */
+        ContentStripFacetFilterComponent.prototype.translate;
+        /**
+         * @type {?}
+         * @private
+         */
+        ContentStripFacetFilterComponent.prototype.langtranslations;
+    }
+
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -13841,58 +15445,58 @@
     /**
      * @record
      */
-    function IStripUnitContentData$1() { }
+    function IStripUnitContentData$2() { }
     if (false) {
         /** @type {?} */
-        IStripUnitContentData$1.prototype.key;
+        IStripUnitContentData$2.prototype.key;
         /** @type {?} */
-        IStripUnitContentData$1.prototype.canHideStrip;
+        IStripUnitContentData$2.prototype.canHideStrip;
         /** @type {?|undefined} */
-        IStripUnitContentData$1.prototype.mode;
+        IStripUnitContentData$2.prototype.mode;
         /** @type {?} */
-        IStripUnitContentData$1.prototype.showStrip;
+        IStripUnitContentData$2.prototype.showStrip;
         /** @type {?} */
-        IStripUnitContentData$1.prototype.disableTranslate;
+        IStripUnitContentData$2.prototype.disableTranslate;
         /** @type {?|undefined} */
-        IStripUnitContentData$1.prototype.widgets;
+        IStripUnitContentData$2.prototype.widgets;
         /** @type {?} */
-        IStripUnitContentData$1.prototype.stripTitle;
+        IStripUnitContentData$2.prototype.stripTitle;
         /** @type {?|undefined} */
-        IStripUnitContentData$1.prototype.stripTitleLink;
+        IStripUnitContentData$2.prototype.stripTitleLink;
         /** @type {?|undefined} */
-        IStripUnitContentData$1.prototype.sliderConfig;
+        IStripUnitContentData$2.prototype.sliderConfig;
         /** @type {?} */
-        IStripUnitContentData$1.prototype.stripConfig;
+        IStripUnitContentData$2.prototype.stripConfig;
         /** @type {?|undefined} */
-        IStripUnitContentData$1.prototype.tabs;
+        IStripUnitContentData$2.prototype.tabs;
         /** @type {?|undefined} */
-        IStripUnitContentData$1.prototype.stripName;
+        IStripUnitContentData$2.prototype.stripName;
         /** @type {?|undefined} */
-        IStripUnitContentData$1.prototype.stripLogo;
+        IStripUnitContentData$2.prototype.stripLogo;
         /** @type {?|undefined} */
-        IStripUnitContentData$1.prototype.description;
+        IStripUnitContentData$2.prototype.description;
         /** @type {?|undefined} */
-        IStripUnitContentData$1.prototype.stripInfo;
+        IStripUnitContentData$2.prototype.stripInfo;
         /** @type {?|undefined} */
-        IStripUnitContentData$1.prototype.noDataWidget;
+        IStripUnitContentData$2.prototype.noDataWidget;
         /** @type {?|undefined} */
-        IStripUnitContentData$1.prototype.errorWidget;
+        IStripUnitContentData$2.prototype.errorWidget;
         /** @type {?} */
-        IStripUnitContentData$1.prototype.showOnNoData;
+        IStripUnitContentData$2.prototype.showOnNoData;
         /** @type {?} */
-        IStripUnitContentData$1.prototype.showOnLoader;
+        IStripUnitContentData$2.prototype.showOnLoader;
         /** @type {?} */
-        IStripUnitContentData$1.prototype.showOnError;
+        IStripUnitContentData$2.prototype.showOnError;
         /** @type {?|undefined} */
-        IStripUnitContentData$1.prototype.loaderWidgets;
+        IStripUnitContentData$2.prototype.loaderWidgets;
         /** @type {?|undefined} */
-        IStripUnitContentData$1.prototype.stripBackground;
+        IStripUnitContentData$2.prototype.stripBackground;
         /** @type {?|undefined} */
-        IStripUnitContentData$1.prototype.secondaryHeading;
+        IStripUnitContentData$2.prototype.secondaryHeading;
         /** @type {?} */
-        IStripUnitContentData$1.prototype.viewMoreUrl;
+        IStripUnitContentData$2.prototype.viewMoreUrl;
         /** @type {?|undefined} */
-        IStripUnitContentData$1.prototype.request;
+        IStripUnitContentData$2.prototype.request;
     }
     var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
         __extends(ContentStripWithTabsPillsComponent, _super);
@@ -15772,6 +17376,61 @@
         return ContentStripWithTabsPillsModule;
     }());
 
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var ɵ0$6 = HttpLoaderFactory1;
+    var ContentStripFacetFilterModule = /** @class */ (function () {
+        function ContentStripFacetFilterModule() {
+        }
+        ContentStripFacetFilterModule.decorators = [
+            { type: core.NgModule, args: [{
+                        declarations: [ContentStripFacetFilterComponent],
+                        imports: [
+                            resolverV2.SbUiResolverModule,
+                            common.CommonModule,
+                            router.RouterModule,
+                            HorizontalScrollerV2Module,
+                            material.MatProgressSpinnerModule,
+                            material.MatToolbarModule,
+                            material.MatIconModule,
+                            material.MatButtonModule,
+                            material.MatTooltipModule,
+                            material.MatListModule,
+                            material.MatSidenavModule,
+                            material.MatCardModule,
+                            material.MatExpansionModule,
+                            material.MatRadioModule,
+                            material.MatChipsModule,
+                            material.MatInputModule,
+                            material.MatFormFieldModule,
+                            material.MatDialogModule,
+                            material.MatSnackBarModule,
+                            material.MatSelectModule,
+                            material.MatDatepickerModule,
+                            material.MatNativeDateModule,
+                            material.MatTableModule,
+                            material.MatCheckboxModule,
+                            material.MatProgressSpinnerModule,
+                            material.MatButtonToggleModule,
+                            material.MatTabsModule,
+                            material.MatAutocompleteModule,
+                            core$1.TranslateModule.forRoot({
+                                loader: {
+                                    provide: core$1.TranslateLoader,
+                                    useFactory: ɵ0$6,
+                                    deps: [http.HttpClient],
+                                },
+                            }),
+                        ],
+                        entryComponents: [ContentStripFacetFilterComponent],
+                        exports: [ContentStripFacetFilterComponent],
+                    },] }
+        ];
+        return ContentStripFacetFilterModule;
+    }());
+
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -17122,7 +18781,7 @@
      */
     /** @type {?} */
     var PROXY_SLAG_V8 = '/apis/proxies/v8';
-    var ɵ0$6 = /**
+    var ɵ0$7 = /**
      * @param {?} contentId
      * @param {?} contentType
      * @param {?} userId
@@ -17147,7 +18806,7 @@
     };
     /** @type {?} */
     var API_END_POINTS$3 = {
-        GET_RATING: (ɵ0$6),
+        GET_RATING: (ɵ0$7),
         ADD_OR_UPDATE: PROXY_SLAG_V8 + "/ratings/v1/upsert",
         GET_RATING_SUMMARY: (ɵ1$3),
         GET_RATING_LOOKUP: PROXY_SLAG_V8 + "/ratings/v1/ratingLookUp",
@@ -17891,7 +19550,7 @@
      * @fileoverview added by tsickle
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
-    var ɵ0$7 = HttpLoaderFactory;
+    var ɵ0$8 = HttpLoaderFactory;
     var MDOChannelModule = /** @class */ (function () {
         function MDOChannelModule() {
         }
@@ -17917,7 +19576,7 @@
                             core$1.TranslateModule.forRoot({
                                 loader: {
                                     provide: core$1.TranslateLoader,
-                                    useFactory: ɵ0$7,
+                                    useFactory: ɵ0$8,
                                     deps: [http.HttpClient],
                                 },
                             }),
@@ -18241,7 +19900,7 @@
      * @fileoverview added by tsickle
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
-    var ɵ0$8 = HttpLoaderFactory;
+    var ɵ0$9 = HttpLoaderFactory;
     var ProvidersModule = /** @class */ (function () {
         function ProvidersModule() {
         }
@@ -18266,7 +19925,7 @@
                             core$1.TranslateModule.forRoot({
                                 loader: {
                                     provide: core$1.TranslateLoader,
-                                    useFactory: ɵ0$8,
+                                    useFactory: ɵ0$9,
                                     deps: [http.HttpClient],
                                 },
                             }),
@@ -18394,7 +20053,7 @@
         NationalLearningComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'sb-uic-national-learning',
-                        template: "<div class=\"container-fluid white-background nlm-micro-sites micro-white\" id=\"nlm-micro-sites\">\n    <div class=\"flex flex-col flex-1\">\n        <ng-container *ngIf=\"sectionList?.length\">\n            <ng-container *ngFor=\"let section of sectionList\">\n                <ng-container *ngIf=\"section?.enabled\">\n                    <section id=\"{{section?.key}}\" class=\"w-full grid grid-cols-12 gap-4\" [ngClass]=\"{'container': section.wrapperClass}\">\n                        <ng-container *ngFor=\"let column of section.column\">\n                            <div id=\"{{column?.key}}\" class=\"col-span-{{column.colspan || 12}} \">\n                                <ng-container *ngIf=\"column?.enabled\" [ngSwitch]=\"column?.key\">\n                                    <ng-container *ngSwitchCase=\"'topSection'\" [ngTemplateOutlet]=\"topSection\"\n                                        [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n                                    <ng-container *ngSwitchCase=\"'contentSection'\" [ngTemplateOutlet]=\"contentSection\"\n                                        [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n                                </ng-container>\n                            </div>\n                        </ng-container>\n                    </section>\n                </ng-container>\n            </ng-container>\n        </ng-container>\n    </div>\n</div>\n\n<ng-template #topSection let-data=\"data\">\n    <!-- top section desktop layout -->\n    <div class=\"w-full topSection\">\n        <div *ngIf=\"data.sliderData && data.sliderData.sliders\">\n            <sb-uic-sliders [widgetData]=\"data.sliderData.sliders\" [styleData]=\"data.sliderData.styleData\" ></sb-uic-sliders>\n        </div>\n        <div *ngIf=\"data && data.metrics\">\n            <div class=\"block md:hidden\">\n                <sb-uic-data-points\n                    [providerId]=\"providerId\"\n                    [fetchDataFromApi]=\"true\"\n                    [objectData]=\"data?.metrics?.data\"\n                    [layoutType]=\"'nlwCol'\"\n                    [title]=\"data?.metrics?.title\"\n                    [pageLayout]=\"'nlw'\">\n                </sb-uic-data-points>\n            </div>\n            <div class=\"hidden md:block\">\n                <sb-uic-data-points\n                    [providerId]=\"providerId\"\n                    [fetchDataFromApi]=\"true\"\n                    [objectData]=\"data?.metrics?.data\"\n                    [layoutType]=\"'nlwRow'\"\n                    [title]=\"data?.metrics?.title\"\n                    [pageLayout]=\"'nlw'\">\n                </sb-uic-data-points>\n            </div>\n        </div>\n\n        <div class=\"col-span-12\">\n            <div class=\"flex items-center justify-center\">\n                <div class=\"container\">\n                    <div class=\"block md:hidden\">\n                        <sb-uic-key-highlights (emptyResponse)=\"hideKeyHightlight($event, data.keyHighlights)\"  [formData]=\"data.keyHighlights\" [providerId]=\"providerId\" [mode]=\"'mobile'\"></sb-uic-key-highlights>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <div class=\"col-span-12\">\n            <div class=\"flex items-center justify-center\">\n                <div class=\"container\">\n                    <div class=\"hidden md:block\">\n                        <div class=\"flex flex items-center justify-center gap-10\">\n                            <div class=\"mr-4 logo-box-container\">\n                                <div class=\"flex logo-box-rounded top mr-4\">\n                                    <img alt=\"Application Logo\" class=\"logo-img\" [src]=\"data?.imageUrl\">\n                                </div>\n                            </div>\n                            <div class=\"w-full md:w-9/12 flex-1 flex flex-col pr-3\">\n                                <div class=\" txt-ellipsis-2 break-words description-title\">{{data?.title}}</div>\n                                <div class=\"description\">{{data?.description | slice:0:descriptionMaxLength}}\n                                    <span *ngIf=\"data?.description?.length > descriptionMaxLength\">...</span>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"block md:hidden\">\n                        <div class=\"flex flex-col items-center justify-center margin-bottom-xl px-5\">\n                            <div class=\"mlogo-box-rounded\">\n                                <img alt=\"Application Logo\" class=\"logo-img\" [src]=\"data?.imageUrl\">\n                            </div>\n                        </div>\n                        <div class=\"flex flex-col px-5\">\n                            <div class=\" txt-ellipsis-2 break-words description-title\">{{data?.title}}</div>\n                            <div class=\"mdescription\">{{data?.description | slice:0:descriptionMaxLength}}\n                                <span *ngIf=\"data?.description?.length > descriptionMaxLength\">...</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"col-span-12\">\n            <div class=\"flex items-center justify-center\">\n                <div class=\"container margin-top-xl\">\n                    <div class=\"hidden md:block\">\n                        <sb-uic-key-highlights (emptyResponse)=\"hideKeyHightlight($event, data.keyHighlights)\"  [formData]=\"data.keyHighlights\" [providerId]=\"providerId\" [mode]=\"'desktop'\"></sb-uic-key-highlights>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-template>\n\n\n\n<ng-template #contentSection let-data=\"data\">\n    <div class=\"flex items-center justify-center\">\n        <div class=\"container\">\n            <div class=\"grid grid-cols-12 gap-4 mb-6\">\n                <div class=\"col-span-12 md:col-span-{{data.leftContent.colspan}}\">\n                    <div *ngIf=\"data.leftContent.data.weekHighlights.data\">\n                        <sb-uic-highlights-of-week\n                            [objectData]=\"data.leftContent.data.weekHighlights.data\">\n                        </sb-uic-highlights-of-week>\n                    </div>\n                    <div class=\"hidden md:block\">\n                        <div *ngIf=\"data.leftContent.data.mandatoryCourse.enabled && data?.leftContent?.data?.mandatoryCourse?.column[0]?.data\">\n                            <div class=\"margin-top-l nlw-mandatoryCourse\">\n                                <sb-uic-content-strip-with-tabs\n                                    [emitViewAll]=\"false\"\n                                    (viewAllResponse)=\"''\"\n                                    (telemtryResponse)=\"raiseTelemetryInteratEvent($event)\"\n                                    (emptyResponse)=\"''\"\n                                    [providerId]=\"'123456789'\"\n                                    [widgetData]=\"data?.leftContent?.data?.mandatoryCourse?.column[0]?.data\"\n                                    [channnelName]=\"'channnelName'\">\n                                </sb-uic-content-strip-with-tabs>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"hidden md:block\">\n                        <div *ngIf=\"data.leftContent.data.events.enabled && data.leftContent.data.events.column[0]\">\n                            <sb-uic-events [object]=\"data.leftContent.data.events.column[0]\" [nwlEventsConfig]=\"nwlConfiguration\"></sb-uic-events>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"col-span-12 md:col-span-{{data.rightContent.colspan}}\">\n                    <div *ngIf=\"data.rightContent.data.myprogress\">\n                        <sb-uic-user-progress\n                            [objectData]=\"data.rightContent.data.myprogress.data\" [rootOrgId]=\"configDetails?.unMappedUser?.rootOrgId\">\n                        </sb-uic-user-progress>\n                    </div>\n                    <div *ngIf=\"data.rightContent.data.speakerOftheDay\">\n                        <sb-uic-speakers\n                            [objectData]=\"data.rightContent.data.speakerOftheDay.data\">\n                        </sb-uic-speakers>\n                    </div>\n                    <div *ngIf=\"data.rightContent.data.mdoLeaderboard\">\n                        <sb-uic-mdo-leaderboard\n                            [object]=\"data.rightContent.data.mdoLeaderboard.data\"\n                            (tabClicked)=\"raiseTabClick($event)\"></sb-uic-mdo-leaderboard>\n                    </div>\n\n                    <div class=\"block md:hidden\">\n                        <div *ngIf=\"data.leftContent.data.mandatoryCourse.enabled && data?.leftContent?.data?.mandatoryCourse?.column[0]?.data\">\n                            <div class=\"margin-top-l nlw-mandatoryCourse\">\n                                <sb-uic-content-strip-with-tabs\n                                    [emitViewAll]=\"false\"\n                                    (viewAllResponse)=\"''\"\n                                    (telemtryResponse)=\"raiseTelemetryInteratEvent($event)\"\n                                    (emptyResponse)=\"''\"\n                                    [providerId]=\"'123456789'\"\n                                    [widgetData]=\"data?.leftContent?.data?.mandatoryCourse?.column[0]?.data\"\n                                    [channnelName]=\"'channnelName'\">\n                                </sb-uic-content-strip-with-tabs>\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"block md:hidden px-4 md-px-0\">\n                        <div *ngIf=\"data.leftContent.data.events.enabled && data.leftContent.data.events.column[0]\">\n                            <sb-uic-events [object]=\"data.leftContent.data.events.column[0]\" [nwlEventsConfig]=\"nwlConfiguration\"></sb-uic-events>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-template>\n\n\n",
+                        template: "<div class=\"container-fluid white-background nlm-micro-sites micro-white\" id=\"nlm-micro-sites\">\n    <div class=\"flex flex-col flex-1\">\n        <ng-container *ngIf=\"sectionList?.length\">\n            <ng-container *ngFor=\"let section of sectionList\">\n                <ng-container *ngIf=\"section?.enabled\">\n                    <section id=\"{{section?.key}}\" class=\"w-full grid grid-cols-12 gap-4\" [ngClass]=\"{'container': section.wrapperClass}\">\n                        <ng-container *ngFor=\"let column of section.column\">\n                            <div id=\"{{column?.key}}\" class=\"col-span-{{column.colspan || 12}} \">\n                                <ng-container *ngIf=\"column?.enabled\" [ngSwitch]=\"column?.key\">\n                                    <ng-container *ngSwitchCase=\"'topSection'\" [ngTemplateOutlet]=\"topSection\"\n                                        [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n                                    <ng-container *ngSwitchCase=\"'contentSection'\" [ngTemplateOutlet]=\"contentSection\"\n                                        [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n                                </ng-container>\n                            </div>\n                        </ng-container>\n                    </section>\n                </ng-container>\n            </ng-container>\n        </ng-container>\n    </div>\n</div>\n\n<ng-template #topSection let-data=\"data\">\n    <!-- top section desktop layout -->\n    <div class=\"w-full topSection\">\n        <div *ngIf=\"data.sliderData && data.sliderData.sliders\">\n            <sb-uic-sliders [widgetData]=\"data.sliderData.sliders\" [styleData]=\"data.sliderData.styleData\" ></sb-uic-sliders>\n        </div>\n        <div *ngIf=\"data && data.metrics\">\n            <div class=\"block md:hidden\">\n                <sb-uic-data-points\n                    [providerId]=\"providerId\"\n                    [fetchDataFromApi]=\"true\"\n                    [objectData]=\"data?.metrics?.data\"\n                    [layoutType]=\"'nlwCol'\"\n                    [title]=\"data?.metrics?.title\"\n                    [pageLayout]=\"'nlw'\">\n                </sb-uic-data-points>\n            </div>\n            <div class=\"hidden md:block\">\n                <sb-uic-data-points\n                    [providerId]=\"providerId\"\n                    [fetchDataFromApi]=\"true\"\n                    [objectData]=\"data?.metrics?.data\"\n                    [layoutType]=\"'nlwRow'\"\n                    [title]=\"data?.metrics?.title\"\n                    [pageLayout]=\"'nlw'\">\n                </sb-uic-data-points>\n            </div>\n        </div>\n\n        <div class=\"col-span-12\">\n            <div class=\"flex items-center justify-center\">\n                <div class=\"container\">\n                    <div class=\"block md:hidden\">\n                        <sb-uic-key-highlights (emptyResponse)=\"hideKeyHightlight($event, data.keyHighlights)\"  [formData]=\"data.keyHighlights\" [providerId]=\"providerId\" [mode]=\"'mobile'\"></sb-uic-key-highlights>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <div class=\"col-span-12\">\n            <div class=\"flex items-center justify-center\">\n                <div class=\"container\">\n                    <div class=\"hidden md:block\">\n                        <div class=\"flex flex items-center justify-center gap-10\">\n                            <div class=\"mr-4 logo-box-container\">\n                                <div class=\"flex logo-box-rounded top mr-4\">\n                                    <img alt=\"Application Logo\" class=\"logo-img\" [src]=\"data?.imageUrl\">\n                                </div>\n                            </div>\n                            <div class=\"w-full md:w-9/12 flex-1 flex flex-col pr-3\">\n                                <div class=\" txt-ellipsis-2 break-words description-title\">{{data?.title}}</div>\n                                <div class=\"description\">{{data?.description | slice:0:descriptionMaxLength}}\n                                    <span *ngIf=\"data?.description?.length > descriptionMaxLength\">...</span>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"block md:hidden\">\n                        <div class=\"flex flex-col items-center justify-center margin-bottom-xl px-5\">\n                            <div class=\"mlogo-box-rounded\">\n                                <img alt=\"Application Logo\" class=\"logo-img\" [src]=\"data?.imageUrl\">\n                            </div>\n                        </div>\n                        <div class=\"flex flex-col px-5\">\n                            <div class=\" txt-ellipsis-2 break-words description-title\">{{data?.title}}</div>\n                            <div class=\"mdescription\">{{data?.description | slice:0:descriptionMaxLength}}\n                                <span *ngIf=\"data?.description?.length > descriptionMaxLength\">...</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"col-span-12\">\n            <div class=\"flex items-center justify-center\">\n                <div class=\"container margin-top-xl\">\n                    <div class=\"hidden md:block\">\n                        <sb-uic-key-highlights (emptyResponse)=\"hideKeyHightlight($event, data.keyHighlights)\"  [formData]=\"data.keyHighlights\" [providerId]=\"providerId\" [mode]=\"'desktop'\"></sb-uic-key-highlights>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-template>\n\n\n\n<ng-template #contentSection let-data=\"data\">\n    <div class=\"flex items-center justify-center\">\n        <div class=\"container\">\n            <div class=\"grid grid-cols-12 gap-4 mb-6\">\n                <div class=\"col-span-12 md:col-span-{{data.leftContent.colspan}}\">\n                    <div *ngIf=\"data.leftContent.data.weekHighlights.data\">\n                        <sb-uic-highlights-of-week\n                            [objectData]=\"data.leftContent.data.weekHighlights.data\">\n                        </sb-uic-highlights-of-week>\n                    </div>\n                    <div class=\"hidden md:block\">\n                        <div *ngIf=\"data.leftContent.data.mandatoryCourse.enabled && data?.leftContent?.data?.mandatoryCourse?.column[0]?.data\">\n                            <div class=\"margin-top-l nlw-mandatoryCourse\">\n                                <sb-uic-content-strip-with-tabs\n                                    [emitViewAll]=\"false\"\n                                    (viewAllResponse)=\"''\"\n                                    (telemtryResponse)=\"raiseTelemetryInteratEvent($event)\"\n                                    (emptyResponse)=\"''\"\n                                    [providerId]=\"'123456789'\"\n                                    [widgetData]=\"data?.leftContent?.data?.mandatoryCourse?.column[0]?.data\"\n                                    [channnelName]=\"'channnelName'\">\n                                </sb-uic-content-strip-with-tabs>\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class=\"hidden md:block\">\n                        <div *ngIf=\"data?.leftContent?.data?.exploreLearningContent?.strips[0]\">\n                            <sb-uic-content-strip-facet-filter [widgetData]=\"data?.leftContent?.data?.exploreLearningContent\"></sb-uic-content-strip-facet-filter>\n                        </div>\n                    </div>\n                    <div class=\"hidden md:block\">\n                        <div *ngIf=\"data.leftContent.data.events.enabled && data.leftContent.data.events.column[0]\">\n                            <sb-uic-events [object]=\"data.leftContent.data.events.column[0]\" [nwlEventsConfig]=\"nwlConfiguration\"></sb-uic-events>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"col-span-12 md:col-span-{{data.rightContent.colspan}}\">\n                    <div *ngIf=\"data.rightContent.data.myprogress\">\n                        <sb-uic-user-progress\n                            [objectData]=\"data.rightContent.data.myprogress.data\" [rootOrgId]=\"configDetails?.unMappedUser?.rootOrgId\">\n                        </sb-uic-user-progress>\n                    </div>\n                    <div *ngIf=\"data.rightContent.data.speakerOftheDay\">\n                        <sb-uic-speakers\n                            [objectData]=\"data.rightContent.data.speakerOftheDay.data\">\n                        </sb-uic-speakers>\n                    </div>\n                    <div *ngIf=\"data.rightContent.data.mdoLeaderboard\">\n                        <sb-uic-mdo-leaderboard\n                            [object]=\"data.rightContent.data.mdoLeaderboard.data\"\n                            (tabClicked)=\"raiseTabClick($event)\"></sb-uic-mdo-leaderboard>\n                    </div>\n\n                    <div class=\"block md:hidden\">\n                        <div *ngIf=\"data.leftContent.data.mandatoryCourse.enabled && data?.leftContent?.data?.mandatoryCourse?.column[0]?.data\">\n                            <div class=\"margin-top-l nlw-mandatoryCourse\">\n                                <sb-uic-content-strip-with-tabs\n                                    [emitViewAll]=\"false\"\n                                    (viewAllResponse)=\"''\"\n                                    (telemtryResponse)=\"raiseTelemetryInteratEvent($event)\"\n                                    (emptyResponse)=\"''\"\n                                    [providerId]=\"'123456789'\"\n                                    [widgetData]=\"data?.leftContent?.data?.mandatoryCourse?.column[0]?.data\"\n                                    [channnelName]=\"'channnelName'\">\n                                </sb-uic-content-strip-with-tabs>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"block md:hidden px-4 md-px-0\">\n                        <div *ngIf=\"data?.leftContent?.data?.exploreLearningContent?.strips[0]\">\n                            <sb-uic-content-strip-facet-filter [widgetData]=\"data?.leftContent?.data?.exploreLearningContent\"></sb-uic-content-strip-facet-filter>\n                        </div>\n                    </div>\n                    <div class=\"block md:hidden px-4 md-px-0\">\n                        <div *ngIf=\"data.leftContent.data.events.enabled && data.leftContent.data.events.column[0]\">\n                            <sb-uic-events [object]=\"data.leftContent.data.events.column[0]\" [nwlEventsConfig]=\"nwlConfiguration\"></sb-uic-events>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-template>\n\n\n",
                         styles: ["::ng-deep.mat-app-background{background-color:#fff!important}.nlw-mandatoryCourse ::ng-deep.capitalize{font-size:20px;line-height:24.38px}.nlm-micro-sites ::ng-deep.container{max-width:1200px!important}.nlm-micro-sites ::ng-deep.banner-container{padding-bottom:0!important}.topSection ::ng-deep.prev{margin-left:15px!important}.topSection ::ng-deep.next{margin-right:15px!important}.topSection .stats-header{display:flex;align-items:center;justify-content:center;position:absolute;left:43.5%;top:-20px;text-transform:capitalize}.topSection .stats-title{display:flex;align-items:center;justify-content:center;background-color:#f3962f;padding:12px 16px;color:#fff;font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;border-radius:35px}.topSection .my-arrow{font-size:12px}.topSection .less-opacity1{opacity:.75}.topSection .less-opacity2{opacity:.5}.topSection .details-wrapper{padding:16px;display:flex;gap:50px}.topSection .logo-box-container{width:180px;position:relative}@media only screen and (max-width:599px){.topSection .logo-box-container{width:112px;height:72px}}.topSection .logo-box-rounded{height:180px;width:180px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px 0 rgba(0,0,0,.06)}.topSection .logo-box-rounded .logo-img{max-width:122px}@media only screen and (max-width:599px){.topSection .logo-box-rounded{width:112px;height:112px}.topSection .logo-box-rounded .logo-img{max-width:84px}}.topSection .mlogo-box-rounded{height:180px;width:180px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:1px 1px 8px 3px rgba(0,0,0,.06)}.topSection .mlogo-box-rounded .logo-img{max-width:122px}@media only screen and (max-width:599px){.topSection .mlogo-box-rounded{width:112px;height:112px}.topSection .mlogo-box-rounded .logo-img{max-width:84px}}.topSection .txt-ellipsis-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.topSection .description-title{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left;padding-bottom:16px}.topSection .description{font-family:Lato;font-size:16px;font-weight:400;line-height:24px;text-align:left}.topSection .mdescription{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left}@media screen and (min-width:320px) and (max-width:769px){.topSection ::ng-deep.prev{margin-left:15px!important}.topSection ::ng-deep.next{margin-right:15px!important}.topSection ::ng-deep.banner-container{min-height:212px!important}}"]
                     }] }
         ];
@@ -18442,6 +20101,7 @@
             this.providerId = '';
             this.formData = '';
             this.emptyResponse = new core.EventEmitter();
+            this.titleMaxLength = 100;
             this.styleData = {};
             this.contentdata = [];
         }
@@ -18469,7 +20129,7 @@
         KeyHighlightsComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'sb-uic-key-highlights',
-                        template: "<ng-container *ngIf=\"contentdata?.length && mode === 'desktop'\">\n    <div class=\"key-highlighs-container\">\n        <sb-uic-sliders-ng-content\n            [title]=\"'providerName'\"\n            [autoScroll]=\"true\"\n            [currentIndex]=\"currentIndex\" \n            (currentIndexValue)=\"getCurrentIndex($event)\"\n            [loadNgContentData]=\"true\"\n            [customBanner]=\"true\"\n            [widgetData]=\"contentdata\" [styleData]=\"styleData\">\n            <div sliderbody>\n                <div *ngFor=\"let content of contentdata; let i = index\" [hidden]=\"i !== currentIndex\">\n                    <div class=\"flex flex-row key-wrapper items-center justify-center\">\n                        <div class=\"kh-description\"> {{content?.title}}</div>\n                    </div>\n                </div>\n            </div>                    \n        </sb-uic-sliders-ng-content>\n    </div>\n</ng-container>\n\n<ng-container *ngIf=\"contentdata?.length && mode === 'mobile'\">\n    <div class=\"p-5\">\n        <div class=\"mob-key-highlighs-container\">\n            <sb-uic-sliders-ng-content\n                [title]=\"'providerName'\"\n                [autoScroll]=\"true\"\n                [currentIndex]=\"currentIndex\" \n                (currentIndexValue)=\"getCurrentIndex($event)\"\n                [loadNgContentData]=\"true\"\n                [customBanner]=\"true\"\n                [widgetData]=\"contentdata\" [styleData]=\"styleData\">\n                <div sliderbody>\n                    <div *ngFor=\"let content of contentdata; let i = index\" [hidden]=\"i !== currentIndex\">\n                        <div class=\"flex flex-row mkey-wrapper items-center justify-center\">\n                            <div class=\"mkh-description\"> {{content?.title}}</div>\n                        </div>\n                    </div>\n                </div>\n            </sb-uic-sliders-ng-content>\n        </div>\n    </div>\n</ng-container>",
+                        template: "<ng-container *ngIf=\"contentdata?.length && mode === 'desktop'\">\n    <div class=\"key-highlighs-container\">\n        <sb-uic-sliders-ng-content\n            [title]=\"'providerName'\"\n            [autoScroll]=\"true\"\n            [currentIndex]=\"currentIndex\" \n            (currentIndexValue)=\"getCurrentIndex($event)\"\n            [loadNgContentData]=\"true\"\n            [customBanner]=\"true\"\n            [widgetData]=\"contentdata\" [styleData]=\"styleData\">\n            <div sliderbody>\n                <div *ngFor=\"let content of contentdata; let i = index\" [hidden]=\"i !== currentIndex\">\n                    <div class=\"flex flex-row key-wrapper items-center justify-center\">\n                        <div class=\"kh-description\">\n                            {{content?.title | slice:0:titleMaxLength}}\n                            <span *ngIf=\"content?.title?.length > titleMaxLength\">...</span>\n                        </div>\n                    </div>\n                </div>\n            </div>                    \n        </sb-uic-sliders-ng-content>\n    </div>\n</ng-container>\n\n<ng-container *ngIf=\"contentdata?.length && mode === 'mobile'\">\n    <div class=\"p-5\">\n        <div class=\"mob-key-highlighs-container\">\n            <sb-uic-sliders-ng-content\n                [title]=\"'providerName'\"\n                [autoScroll]=\"true\"\n                [currentIndex]=\"currentIndex\" \n                (currentIndexValue)=\"getCurrentIndex($event)\"\n                [loadNgContentData]=\"true\"\n                [customBanner]=\"true\"\n                [widgetData]=\"contentdata\" [styleData]=\"styleData\">\n                <div sliderbody>\n                    <div *ngFor=\"let content of contentdata; let i = index\" [hidden]=\"i !== currentIndex\">\n                        <div class=\"flex flex-row mkey-wrapper items-center justify-center\">\n                            <div class=\"mkh-description\">\n                                {{content?.title | slice:0:titleMaxLength }}\n                                <span *ngIf=\"content?.title?.length > titleMaxLength\">...</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </sb-uic-sliders-ng-content>\n        </div>\n    </div>\n</ng-container>",
                         styles: [".kh-description{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:center;padding:0 10px}.key-wrapper{background-color:#eaf1f8;padding:25px 16px;border-radius:50px}.mkey-wrapper{background-color:#eaf1f8;padding:16px;border-radius:50px}.mkh-description{font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;padding:0 30px}"]
                     }] }
         ];
@@ -18496,6 +20156,8 @@
         /** @type {?} */
         KeyHighlightsComponent.prototype.emptyResponse;
         /** @type {?} */
+        KeyHighlightsComponent.prototype.titleMaxLength;
+        /** @type {?} */
         KeyHighlightsComponent.prototype.styleData;
         /** @type {?} */
         KeyHighlightsComponent.prototype.contentdata;
@@ -18672,7 +20334,7 @@
         EventsComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'sb-uic-events',
-                        template: "<div class=\"flex items-center mb-4 mt-2 e-header\">\n    <div class=\"event-title\">\n        {{object?.title}}\n    </div>\n    <div class=\"events-select\">\n        <select (change)=\"getEvents($event)\">\n            <option value=\"{{d?.startDate}}\" *ngFor=\"let d of daysBetween\" [selected]=\"currentDay === d.startDate\">{{d?.diplayFormat}}</option>\n        </select>\n    </div>\n</div>\n<div class=\"grid grid-cols-1 gap-4\">\n    <div class=\"events-card-wrapper\">\n        <div *ngIf=\"!loader\">\n            <div *ngIf=\"events?.length > 0\">\n                <div *ngFor=\"let event of events\">\n                    <sb-uic-event-card [objectData]=\"object\" [eventDetails]=\"event\" [loader]=\"loader\"></sb-uic-event-card>\n                </div>\n            </div>\n            <div *ngIf=\"events?.length === 0\">\n                <div class=\"flex item-center justify-center p-5 no-events\">\n                    No events exist.\n                </div>\n            </div>\n        </div>\n        <div *ngIf=\"loader && events?.length === 0\">\n            <div *ngFor=\"let event of [1,2,3]\">\n                <sb-uic-event-card [objectData]=\"object\" [eventDetails]=\"event\" [loader]=\"loader\"></sb-uic-event-card>\n            </div>\n        </div>\n    </div>\n</div>",
+                        template: "<div class=\"flex items-center mb-4 mt-2 e-header\">\n    <div class=\"event-title\">\n        {{object?.title}}\n    </div>\n   <div class=\"flex gap-4\">\n        <div class=\"events-select\">\n            <select (change)=\"getEvents($event)\">\n                <option value=\"{{d?.startDate}}\" *ngFor=\"let d of daysBetween\" [selected]=\"currentDay === d.startDate\">{{d?.diplayFormat}}</option>\n            </select>\n        </div>\n        <div class=\"flex gap-4\">\n            <a  [routerLink]=\"'/app/event-hub/home'\" class=\"flex ws-mat-default-text items-center justify-center mat-body-1 cursor-pointer \">Show All <mat-icon>chevron_right</mat-icon></a>\n        </div>\n   </div>\n</div>\n<div class=\"grid grid-cols-1 gap-4\">\n    <div class=\"events-card-wrapper\">\n        <div *ngIf=\"!loader\">\n            <div *ngIf=\"events?.length > 0\">\n                <div *ngFor=\"let event of events\">\n                    <sb-uic-event-card [objectData]=\"object\" [eventDetails]=\"event\" [loader]=\"loader\"></sb-uic-event-card>\n                </div>\n            </div>\n            <div *ngIf=\"events?.length === 0\">\n                <div class=\"flex item-center justify-center p-5 no-events\">\n                    No events exist.\n                </div>\n            </div>\n        </div>\n        <div *ngIf=\"loader && events?.length === 0\">\n            <div *ngFor=\"let event of [1,2,3]\">\n                <sb-uic-event-card [objectData]=\"object\" [eventDetails]=\"event\" [loader]=\"loader\"></sb-uic-event-card>\n            </div>\n        </div>\n    </div>\n</div>",
                         styles: ["@charset \"UTF-8\";.e-header{justify-content:space-between}.event-title{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left}.events-select{position:relative;display:inline-block;width:150px}.events-select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:25px;padding:10px 30px 10px 10px;font-size:16px;font-family:Arial,sans-serif;width:100%;height:100%;cursor:pointer}.events-select:after{content:\"\u25BC\";position:absolute;top:50%;right:10px;transform:translateY(-50%);pointer-events:none;font-size:14px;color:#555}.no-events{border:1px solid #c3c3c3;border-radius:12px}"]
                     }] }
         ];
@@ -18807,6 +20469,7 @@
                             common.CommonModule,
                             router.RouterModule,
                             SkeletonLoaderLibModule,
+                            material.MatIconModule
                         ],
                         exports: [EventsComponent, EventCardComponent]
                     },] }
@@ -19117,7 +20780,7 @@
             { type: core.Component, args: [{
                         selector: 'sb-uic-highlights-of-week',
                         template: "<div *ngIf=\"contentdata.length\" class=\"highlights-of-the-week-container {{expand ? 'mb-4' : ''}}\">\n    <ng-container *ngIf=\"contentdata.length\">\n        <div class=\"flex title pb-3 no-radius items-center justify-between\">\n            <div class=\"flex gap-2\">\n                {{objectData?.title}}\n                <div class=\"block md:hidden\">\n                    <img [src]=\"objectData?.infoIcon\" alt=\"\" i18n-matTooltip [matTooltip]=\"objectData?.infoText\">\n                </div>                \n            </div>\n            <div class=\"block md:hidden\">\n                <mat-icon (click)=\"toggleWeekHightlits()\">expand_more</mat-icon>\n            </div>\n        </div>\n        <div *ngIf=\"expand\">\n            <sb-uic-sliders-ng-content\n                [title]=\"'providerName'\"\n                [currentIndex]=\"currentIndex\"\n                (currentIndexValue)=\"getCurrentIndex($event)\"\n                [loadNgContentData]=\"true\" [widgetData]=\"contentdata\"\n                [styleData]=\"styleData\">\n                <div sliderbody>\n                    <div *ngFor=\"let item of contentdata; let i = index\" [hidden]=\"i !== currentIndex\">\n                        <div class=\"wh-wrapper no-radius\">\n                            <div class=\"player\">\n                                <video width=\"100%\" height=\"100%\" controls *ngIf=\"i === currentIndex\">\n                                    <source [src]=\"item.videoUrl\" type=\"video/mp4\">\n                                    <source [src]=\"item.videoUrl\" type=\"application/x-mpegURL\" />\n                                </video>\n                            </div>\n                            <div class=\"player-title py-3\">\n                                {{item?.title}}\n                            </div>\n                            <div class=\"player-body\">\n                                {{item?.description}}\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </sb-uic-sliders-ng-content>\n        </div>\n    </ng-container>\n</div>\n\n",
-                        styles: [".highlights-of-the-week-container ::ng-deep.banner-title{display:none}.highlights-of-the-week-container ::ng-deep.banner-meta{bottom:-37px}.highlights-of-the-week-container ::ng-deep.prev{margin-left:11px}.highlights-of-the-week-container ::ng-deep.next{margin-right:16px}.title{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left;background-color:#d1dbec;padding:16px;border-top-left-radius:12px;border-top-right-radius:12px}.wh-wrapper{background-color:#d1dbec;padding:0 16px 16px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.wh-wrapper .player{height:420px}.wh-wrapper .player-title{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.wh-wrapper .player-body{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left}@media screen and (min-width:320px) and (max-width:769px){.highlights-of-the-week-container ::ng-deep.prev{display:none!important}.highlights-of-the-week-container ::ng-deep.next{display:none!important}.wh-wrapper .player{height:215px}.no-radius{border-radius:0}}"]
+                        styles: [".highlights-of-the-week-container ::ng-deep.banner-title{display:none}.highlights-of-the-week-container ::ng-deep.banner-meta{bottom:-37px}.highlights-of-the-week-container ::ng-deep.prev{margin-left:11px}.highlights-of-the-week-container ::ng-deep.next{margin-right:16px}.title{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left;background-color:#d1dbec;padding:16px;border-top-left-radius:12px;border-top-right-radius:12px}.wh-wrapper{background-color:#d1dbec;padding:0 16px 16px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.wh-wrapper .player{height:420px}.wh-wrapper .player-title{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.wh-wrapper .player-body{font-family:Lato;line-clamp:2;-webkit-line-clamp:2;font-size:14px;font-weight:400;line-height:16.8px;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width:320px) and (max-width:769px){.highlights-of-the-week-container ::ng-deep.prev{display:none!important}.highlights-of-the-week-container ::ng-deep.next{display:none!important}.wh-wrapper .player{height:215px}.no-radius{border-radius:0}}"]
                     }] }
         ];
         /** @nocollapse */
@@ -19261,7 +20924,7 @@
             { type: core.Component, args: [{
                         selector: 'sb-uic-speakers',
                         template: "<div class=\"nlw-speakers-wrapper px-4 md:px-0 my-4 md:my-0\">\n    <div class=\"flex speakers-title gap-2 justify-between pb-1\" *ngIf=\"contentdata.length\">\n        <div class=\"flex gap-2\">\n            {{objectData?.title}}\n            <div><img [src]=\"objectData?.infoIcon\" alt=\"\" i18n-matTooltip [matTooltip]=\"objectData?.infoText\"></div>\n        </div>\n        <div class=\"block md:hidden\">\n            <mat-icon (click)=\"toggleWeekHightlits()\">expand_more</mat-icon>\n        </div>\n    </div>\n    <div *ngIf=\"expand\" class=\"speakers-container margin-bottom-xs\" >\n        <ng-container *ngIf=\"contentdata.length\">\n            <sb-uic-sliders-ng-content\n                [title]=\"'providerName'\"\n                [currentIndex]=\"currentIndex\"\n                (currentIndexValue)=\"getCurrentIndex($event)\"\n                [loadNgContentData]=\"true\" [widgetData]=\"contentdata\"\n                [styleData]=\"styleData\">\n                <div sliderbody>\n                    <div *ngFor=\"let item of contentdata; let i = index\" [hidden]=\"i !== currentIndex\">\n                        <div class=\"speakers-wrapper\">\n                            <div class=\"flex items-center justify-center pb-2\">\n                                <div class=\"speaker-initial\" *ngIf=\"!item.profileImage\">{{item?.initial}}</div>\n                                <img class='speaker-icon' [src]=\"item?.profileImage\" alt=\"\" *ngIf=\"item.profileImage\"/>\n                            </div>\n                            <div class=\"flex items-center justify-center pb-2\">\n                                <div class=\"speaker-title\">{{item.name}}</div>\n                            </div>\n                            <div class=\"flex items-center justify-center\">\n                                <div class=\"speaker-description\">{{item.description}}</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </sb-uic-sliders-ng-content>\n        </ng-container>\n    </div>\n</div>",
-                        styles: [".speakers-container ::ng-deep.banner-title{display:none}.speakers-container ::ng-deep.prev{margin-left:0;background-color:#fff4ec!important;color:#b6b4b4}.speakers-container ::ng-deep.next{margin-right:0;background-color:#fff4ec!important;color:#b6b4b4}.speakers-title{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left}.speakers-wrapper{background-color:#fff4ec;border-radius:12px;padding:24px}.speaker-title{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.speaker-description{font-family:Lato;font-size:12px;font-weight:400;line-height:14.4px;text-align:center}.speaker-initial{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:center;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-color:#1b4ca1;color:#fff;border-radius:50px}.speaker-icon{width:80px;height:80px;border-radius:50px}@media screen and (min-width:320px) and (max-width:769px){.nlw-speakers-wrapper{background-color:#d1dbec}.speakers-title{padding:16px 0}}"]
+                        styles: [".speakers-container ::ng-deep.banner-title{display:none}.speakers-container ::ng-deep.prev{margin-left:0;background-color:#fff4ec!important;color:#b6b4b4}.speakers-container ::ng-deep.next{margin-right:0;background-color:#fff4ec!important;color:#b6b4b4}.speakers-title{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left}.speakers-wrapper{background-color:#fff4ec;border-radius:12px;padding:24px}.speaker-title{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.speaker-description{font-family:Lato;font-size:12px;font-weight:400;line-height:14.4px;text-align:center;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.speaker-initial{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:center;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-color:#1b4ca1;color:#fff;border-radius:50px}.speaker-icon{width:80px;height:80px;border-radius:50px}@media screen and (min-width:320px) and (max-width:769px){.nlw-speakers-wrapper{background-color:#d1dbec}.speakers-title{padding:16px 0}}"]
                     }] }
         ];
         /** @nocollapse */
@@ -19357,6 +21020,13 @@
                     _this.userProgress['fullname'] = _this.configSvc.userProfile.firstName;
                     _this.userProgress['profile_image'] = _this.configSvc.userProfile.profileImageUrl;
                 }
+            }), (/**
+             * @param {?} error
+             * @return {?}
+             */
+            function (error) {
+                _this.userProgress['fullname'] = _this.configSvc.userProfile.firstName;
+                _this.userProgress['profile_image'] = _this.configSvc.userProfile.profileImageUrl;
             }));
         };
         /**
@@ -19553,7 +21223,8 @@
                             MdoLeaderboardModule,
                             HighlightsOfWeekModule,
                             SpeakersModule,
-                            UserProgressModule
+                            UserProgressModule,
+                            ContentStripFacetFilterModule
                         ],
                         exports: [
                             NationalLearningComponent,
@@ -19579,6 +21250,7 @@
     exports.ConsumptionModule = ConsumptionModule;
     exports.ConsumptionService = ConsumptionService;
     exports.ContentProgressModule = ContentProgressModule;
+    exports.ContentStripFacetFilterModule = ContentStripFacetFilterModule;
     exports.ContentStripWithTabsLibModule = ContentStripWithTabsLibModule;
     exports.ContentStripWithTabsPillsModule = ContentStripWithTabsPillsModule;
     exports.DataPointsModule = DataPointsModule;
@@ -19635,27 +21307,28 @@
     exports.ɵcb = CertificateDialogComponent;
     exports.ɵcc = AvatarPhotoLibModule;
     exports.ɵcd = AvatarPhotoLibComponent;
-    exports.ɵce = ContentStripWithTabsPillsComponent;
-    exports.ɵcf = CompetencyPassbookComponent;
-    exports.ɵcg = CompetencyPassbookService;
-    exports.ɵch = PillsModule;
-    exports.ɵci = PillsComponent;
-    exports.ɵcj = CompetencyPassbookMdoComponent;
-    exports.ɵck = CompetencyPassbookMdoService;
-    exports.ɵcl = UserContentRatingLibComponent;
-    exports.ɵcm = RatingService;
-    exports.ɵcn = UserContentRatingLibService;
-    exports.ɵco = MdoChannelV1Component;
-    exports.ɵcp = MdoChannelV2Component;
-    exports.ɵcq = ProvidersV2Component;
-    exports.ɵcr = NationalLearningComponent;
-    exports.ɵcs = KeyHighlightsComponent;
-    exports.ɵct = EventsComponent;
-    exports.ɵcu = EventCardComponent;
-    exports.ɵcv = MdoLeaderboardComponent;
-    exports.ɵcw = HighlightsOfWeekComponent;
-    exports.ɵcx = SpeakersComponent;
-    exports.ɵcy = UserProgressComponent;
+    exports.ɵce = ContentStripFacetFilterComponent;
+    exports.ɵcf = ContentStripWithTabsPillsComponent;
+    exports.ɵcg = CompetencyPassbookComponent;
+    exports.ɵch = CompetencyPassbookService;
+    exports.ɵci = PillsModule;
+    exports.ɵcj = PillsComponent;
+    exports.ɵck = CompetencyPassbookMdoComponent;
+    exports.ɵcl = CompetencyPassbookMdoService;
+    exports.ɵcm = UserContentRatingLibComponent;
+    exports.ɵcn = RatingService;
+    exports.ɵco = UserContentRatingLibService;
+    exports.ɵcp = MdoChannelV1Component;
+    exports.ɵcq = MdoChannelV2Component;
+    exports.ɵcr = ProvidersV2Component;
+    exports.ɵcs = NationalLearningComponent;
+    exports.ɵct = KeyHighlightsComponent;
+    exports.ɵcu = EventsComponent;
+    exports.ɵcv = EventCardComponent;
+    exports.ɵcw = MdoLeaderboardComponent;
+    exports.ɵcx = HighlightsOfWeekComponent;
+    exports.ɵcy = SpeakersComponent;
+    exports.ɵcz = UserProgressComponent;
     exports.ɵd = ConfigurationsService;
     exports.ɵe = HorizontalScrollerV2Module;
     exports.ɵf = HorizontalScrollerV2Component;