\n \n \n
`:`\n \n\n \n
`,e.insertAdjacentHTML("beforeend",r)}createControls(){this.controls=document.createElement("div"),TRC.dom.addClass(this.controls,t.TEXT_UNDER_CONTROLS);const e=Object.keys(u).map(e=>u[e]);e.forEach(e=>this[`${e}Button`]=this.createControlButton(e)),this.internalc.parentNode.insertAdjacentElement("beforeend",this.controls)}createControlButton(e){const r={back:``,play:``,pause:``,forward:``},i=document.createElement("span");e===u.PLAY&&TRC.dom.addClass(i,t.HIDDEN),i.innerHTML=r[e];const o=this.generateControlButtonOnClick(e);return TRC.dom.on(i,"click",o),this.controls.insertAdjacentElement("beforeend",i),i}generateControlButtonOnClick(e){switch(e){case u.BACK:case u.FORWARD:return TRC.util.debounce(()=>{this.animationInProgress||(this.toggleMiddleControlButton(u.PLAY),this.slideCard(e===u.BACK?"right":"left",!0))},l,!0,this);case u.PAUSE:case u.PLAY:return this.toggleMiddleControlButton.trcBind(this,e)}}toggleMiddleControlButton(e){if(!this.animationInProgress)switch(this.playStateAnimation(p[e]),e){case u.PLAY:TRC.dom.addClass(this.playButton,t.HIDDEN),TRC.dom.removeClass(this.pauseButton,t.HIDDEN);break;case u.PAUSE:TRC.dom.addClass(this.pauseButton,t.HIDDEN),TRC.dom.removeClass(this.playButton,t.HIDDEN)}}static getDirection(e){const t=e.trc.getProperty(e.mode_name,"direction",e.propertiesOverride);return TRC.direction||t||"ltr"}static alignLabelsBox(e,t){const r="rtl"===t?i.LABELS_ALIGN_RIGHT:i.LABELS_ALIGN_LEFT;TRC.dom.addClass(e.labelsBox,i.LABELS_ALIGN),TRC.dom.addClass(e.labelsBox,r)}listenToSwipeEvents(e){const t={start:{screenX:0,screenY:0},end:{screenX:0,screenY:0}};TRC.dom.on(e,"touchstart",e=>{t.start={screenX:e.changedTouches[0].screenX,screenY:e.changedTouches[0].screenY}}),TRC.dom.on(e,"touchend",r=>{t.end={screenX:r.changedTouches[0].screenX,screenY:r.changedTouches[0].screenY},this.handleGesture(e,t)})}handleGesture(e,t){const{start:r,end:i}=t,o=e.getBoundingClientRect(),{width:n,height:s}=o,a=(i.screenX-r.screenX)/n,l=(i.screenY-r.screenY)/s,c=.25;return a>l&&a>c?this.slideCard("right",!0):a${g.addASvgPlaceHolder()}
`);const n=g.getOuter("height",r);r.style.top=0,n>e.itemHeight&&(e={itemHeight:n,item:r}),this.isTouchDevice&&this.listenToSwipeEvents(r.querySelector(`.${t.IMAGE_HOLDER}`))}),e}responsiveAlignment(e){const{progressBar:t,arrows:r,clickedAreas:i}=this;e.item.style.top=0,this.calcImageHeight(),e.itemHeight>0&&(this.internalc.style.height=`${e.itemHeight}px`);const o=this.items[0];let l=0;o&&o.pre_detail_order&&o.pre_detail_order.length>0&&(l+=g.getOuter("height",o.preLabelsBox));const c=`${this.imageHeight-a+l}px`;t.firstChild.style.top=0,t.style.top=this.isTouchDevice?`${l}px`:c,r.forEach(e=>{e.style.top=`${(this.imageHeight+l)/2-n/2}px`}),i.forEach(e=>{e.style.width=`${this.imageWidth*s}px`})}responsiveAlignmentTextUnder(e){const{controls:t,clickedAreas:r}=this;e.item.style.top=0,this.calcImageHeight();let i=0;this.items.forEach(e=>{const t=g.getOuter("height",e.querySelector(".video-label-box"));i`;return`${e}`}createArrowBtns(){return["left","right"].map(e=>{const r=document.createElement("div");return r.className=`${t.ARROW_BUTTON} tbl-arrow-${e}`,r.insertAdjacentHTML("beforeend",g.addASvgArrow()),TRC.dom.on(r,"click",this.slideCard.trcBind(this)),this.internalc.parentNode.appendChild(r),r})}createMobileClickedArea(){return[u.BACK,u.FORWARD].map(e=>{const r=document.createElement("div");r.style.height=`${this.calcImageHeight()}px`;const i=this.isTextUnderSlideIn?this.generateControlButtonOnClick(e):this.slideCard.trcBind(this);return r.className=`${t.CLICKABLE_AREA} tbl-clickable-area-${e}`,TRC.dom.on(r,"click",i),this.internalc.parentNode.appendChild(r),r})}startTheReel(){if(this.isImageHeightChanged()&&this.allowRecalculateSize){this.allowRecalculateSize=!1;const e=this.calcCardHeight();this.recalculateWidgetSize(e)}this.active=!0,this.restartAnimation()}isImageHeightChanged(){const{imageHeight:e}=this;return this.calcImageHeight(),e!==this.imageHeight}stopTheReel(){this.active=!1}restartAnimation(){setTimeout(()=>{this.isTextUnderSlideIn&&this.calcLabelBoxSizes(),this.updateItem(),this.updateCarouselIteration("left")})}slideCard(e,t){if(this.disableClickEvents)return!1;const r=g.resolveAnimationDirection(e,t),{showItem:i}=this.state;return TRCImpl.sendAbTestEvent("recommendation-reel",`click_${"left"===r?"right":"left"}`),this.isTextUnderSlideIn?this.hideAnimatedLabelBox(i,this.updateIteration.trcBind(this,r)):this.updateIteration(r),!0}static resolveAnimationDirection(e,r){let i;return i=r?e:TRC.dom.containsClass(e.currentTarget,t.ARROW_BUTTON)?TRC.dom.containsClass(e.currentTarget,"tbl-arrow-left")?"right":"left":TRC.dom.containsClass(e.currentTarget,t.CLICKABLE_AREA)&&TRC.dom.containsClass(e.currentTarget,"tbl-clickable-area-back")?"right":"left"}updateIteration(e){e=e||"left",this.debugWidget&&this.debugSlider();let r=1;const{showNextItem:i,currentPosition:o}=this.state;if("right"===e){let e;TRC.dom.removeClass(i,t.NEXT_ITEM),o?(r=-1,e=o-1):e=r=this.amountOfItems-1,TRC.dom.addClass(this.items[e],t.NEXT_ITEM)}const n=+o+r===this.amountOfItems?0:o+r;this.setState({showPosition:n,nextShowPosition:Number(n+1)===this.amountOfItems?0:n+1}),this.updateCarouselIteration(e)}setState({showPosition:e,nextShowPosition:t}){const r=this.items[e],i=this.items[t],o=this.progressBars[e];return this.state={previousItem:this.state.showItem,showItem:r,showNextItem:i,activePB:o,previousPosition:this.state.currentPosition,currentPosition:e}}isFirstIteration(){return null===this.state.previousPosition}updateCarouselIteration(e){if(!this.active)return;const{REMOVE_LEFT:r,REMOVE_RIGHT:i}=t,o="left"===e?r:i,{previousPosition:n}=this.state;!this.isFirstIteration()&&this.slideAnimation(o),this.updateProgressBar(),this.progressBars.length-1===n&&(this.finishFirstCycle=!0)}debugSlider(){const e={},r=["SHOW_ITEM","NEXT_ITEM","REMOVE_LEFT","REMOVE_RIGHT","ZOOM_IN"];this.items.forEach((i,o)=>{e[`item_${o}`]={},Object.keys(t).forEach(i=>{-1!==r.indexOf(i)&&(e[`item_${o}`][i]=TRC.dom.containsClass(t[i])?"X":null)})}),console.log(`%c card ${this.container.dataset.cardIndex}`,`background: #5${10*this.container.dataset.cardIndex}; color: white`),console.table(e)}slideAnimation(e=t.REMOVE_LEFT){const r=this.state.previousPosition,i=this.items[r];TRC.dom.addClass(i,e)}updateProgressBar(){const{activePB:e,currentPosition:r,previousPosition:i}=this.state;this.isFirstIteration()||TRC.dom.removeClass(this.progressBars[i].firstChild,t.PROGRESS_ANIM),TRC.dom.addClass(e.firstChild,t.PROGRESS_ANIM),this.progressBars.forEach((e,t)=>{e.firstChild.style.left=r>t?"0":"-100%"})}updateItem(){const{showItem:e,showNextItem:r,currentPosition:i}=this.state;this.clearThePreviousItem(),document.querySelector(`.${t.SHOW_ITEM}`)&&this.clearAll(),TRC.dom.addClass(e,`${t.SHOW_ITEM} ${t.ZOOM_IN}`),TRC.dom.removeClass(e,t.NEXT_ITEM),TRC.dom.addClass(r,t.NEXT_ITEM),this.finishFirstCycle||TRCImpl.sendAbTestEvent("recommendation-reel",`Visible_${i+1}`)}clearThePreviousItem(){const{previousItem:e}=this.state;return!!e&&(g.clearClassNames(e),!0)}clearAll(){this.items.forEach(e=>(g.clearClassNames(e),!0))}static clearClassNames(e){TRC.dom.removeClass(e,t.SHOW_ITEM),TRC.dom.removeClass(e,t.REMOVE_LEFT),TRC.dom.removeClass(e,t.REMOVE_RIGHT),t.ZOOM_IN&&TRC.dom.removeClass(e,t.ZOOM_IN)}calcLabelBoxSizes(){requestAnimationFrame(()=>{this.items.forEach(e=>{const t=e.querySelector(".item-label-href .video-title"),r=e.querySelector(".item-label-href .tbl-ui-line-wrapper"),i=e.querySelector(".item-label-href .tbl-text-under-title-background-wrapper"),o=getComputedStyle(t);e.titleElemsAndSizes={line:r,background:i,titleHeight:`${parseInt(o.height,10)+20}px`,titleWidth:`${parseInt(o.width,10)+20}px`}}),this.items.forEach(e=>{const{line:t,background:r,titleHeight:i,titleWidth:o}=e.titleElemsAndSizes;t&&(t.style.height=i),r&&(r.style.height=i,r.style.width=o)})})}static getLabelBoxElements(e){return{href:e.querySelector(".item-label-href"),title:e.querySelector(".item-label-href .video-title"),background:e.querySelector(".item-label-href .tbl-text-under-title-background"),branding:e.querySelector(".item-label-href .branding"),description:e.querySelector(".item-label-href .video-description"),line:e.querySelector(".item-label-href .tbl-ui-line")}}showAnimatedLabelBox(e){const r=g.getLabelBoxElements(e);Object.keys(r).forEach(e=>{TRC.dom.removeClass(r[e],t.LABEL_SHOW)}),r.href&&(r.href.style.zIndex="2"),TRC.dom.addClass(r.line,t.LABEL_SHOW),setTimeout(()=>{TRC.dom.addClass(r.background,t.LABEL_SHOW),TRC.dom.addClass(r.branding,t.LABEL_SHOW),TRC.dom.addClass(r.description,t.LABEL_SHOW),setTimeout(()=>{TRC.dom.addClass(r.title,t.LABEL_SHOW),this.animationInProgress=!1},l)},l)}hideAnimatedLabelBox(e,r){if(this.animationInProgress)return;this.animationInProgress=!0;const i=g.getLabelBoxElements(e);TRC.dom.removeClass(i.title,t.LABEL_SHOW),setTimeout(()=>{TRC.dom.removeClass(i.background,t.LABEL_SHOW),TRC.dom.removeClass(i.branding,t.LABEL_SHOW),TRC.dom.removeClass(i.description,t.LABEL_SHOW),setTimeout(()=>{TRC.dom.removeClass(i.line,t.LABEL_SHOW),setTimeout(()=>{i.href&&(i.href.style.zIndex="-1"),r()},l)},l)},l)}animationStartHandler(e){if(this.isTextUnderSlideIn){const{showItem:t}=this.state;e.animationName===r.PROGRESS_BAR_ANIMATION&&this.showAnimatedLabelBox(t)}-1!==o.indexOf(e.animationName)&&(this.disableClickEvents=!0)}animationEndHandler(e){if(e.animationName===r.PROGRESS_BAR_ANIMATION)if(this.disableClickEvents=!1,this.isTextUnderSlideIn){const{showItem:e}=this.state;this.hideAnimatedLabelBox(e,this.updateIteration.trcBind(this))}else this.updateIteration();-1!==o.indexOf(e.animationName)&&(this.disableClickEvents=!1,this.updateItem())}static isPlacementRecoReel(e,t){return t.global["force-set-reco-reel-container-value"]&&e.uip&&e.uip===t.global["force-set-reco-reel-container-value"]}static setContainerForRRPlacement(e,t,r){if(!(r&&"object"==typeof r&&t&&e&&e.cs))return void __trcWarn(`tried to set placement for Reco reel and failed. placementData: ${e},\n preloadRequest:${t}, feedsData: ${r}.`);const i=Object.keys(r)[0],o=t[i],n=e.cs[0];n&&o&&o.container&&(n.container=`#${o.container.id}`)}}TRC.RecommendationReel=g}();var recommendationReel_es6=TRC.RecommendationReel;(()=>{const e="Feed - Explore More",t="api::render",r=5,i=1,o="2500px",n={threshold:0,disableCheckOverlay:!0,root:null};class s{constructor(e){this.trcManager=e,this.cardsCounters={},this.lazyBatches={},this.init()}init(){this.isLazyRenderEnabled="boolean"==typeof this.isLazyRenderEnabled?this.isLazyRenderEnabled:this.checkLazyRenderEnabled(),this.isLazyRenderEnabled&&this.setLazyConfig()}checkLazyRenderEnabled(){const{global:e,yieldingEnabled:t,framework:r}=this.trcManager,i=!(!e||!e["lazy-render-enable"]),o=!t,n=!r,s=!TRC.dom.isInIframe(!0);return i&&o&&n&&s}setLazyConfig(){const t=this.trcManager.global["lazy-render"]||{},{excPlc:r,sbKill:i,dispatchPlacements:o,raKill:n}=t;this.lazyConfig={excludePlacements:TRC.util.isArray(r)?r:[e],sbKill:TRC.util.isTrue(i),dispatchPlacements:s.getDispatchPlacements(o),raKill:TRC.util.isTrue(n)},this.lazyConfig.sbKill&&(TRC.pageLevelFeaturesManager.pageLevelFeatures.sb_kill=!0),this.placementsConfigs={},__trcCopyProps(s.proxyPlacementLevelConfigs(t),this.lazyConfig)}getPlacementConfig(e,t){const{unifiedPlacement:r}=t;return this.isFppEnabled(r)&&this.placementsConfigs[r][e]||this.lazyConfig[e]}setPlacementsConfig(e){e&&Object.keys(e).forEach(t=>{this.placementsConfigs[t]=s.proxyPlacementLevelConfigs(e[t])})}static proxyPlacementLevelConfigs(e){const{enable:t,rootMargin:n,minCards:s,maxBatch:a,fullLazyBatch:l,dispatchEnabled:c}=e;return{enable:TRC.util.isTrue(t),minCards:TRC.util.isNumber(s)?parseInt(s,10):r,maxBatch:TRC.util.isNumber(a)?parseInt(a,10):i,rootMargin:"string"==typeof n&&n.indexOf("px")>1?n:o,fullLazyBatch:TRC.util.isTrue(l),dispatchEnabled:TRC.util.isTrue(c)}}static getDispatchPlacements(e){return Array.isArray(e)?e:"string"==typeof e?__trcUnJSONify(e):[]}static hasVideo(e){if(e.trcResponse&&e.trcResponse.vtag)return!0}isLazyBatch(e,t){return!!(this.getPlacementConfig("maxBatch",t)>=e||t.isCache)}addResponse(e){const t=e.trc.vl;this.onePlacementRendered=!1,e.trc.f?this.updateCardsCounters(t):this.onePlacementRendered=!0}updateCardsCounters(e){e.forEach(e=>{if(e.fb){const{uuip:t,fb:r}=e;this.cardsCounters[t]=this.cardsCounters[t]||{},this.cardsCounters[t][r]=this.cardsCounters[t][r]?++this.cardsCounters[t][r]:1}})}placementRender(e){(void 0!==e.container||e.addWidget)&&(this.trcManager.yieldingEnabled?this.yieldRenderer(e):this.isLazyRenderEnabled&&this.isLazyPlacement(e)?this.lazyRenderer(e):this.standardRenderer(e))}getBatchThreshold(e,t){const{uiBatchNumberCounter:r,parentPlacementData:i}=e;if(this.isValidLazyPlacement(i)&&this.isLazyBatch(r,i)){const e=this.getNumberOfCards(i.unifiedPlacement,r),o=this.getPlacementConfig("minCards",i);return e&&e>o?Math.floor(t*o/e):t}return t}getNumberOfCards(e,t){try{return this.cardsCounters[e][t]}catch(r){return __trcError(`failed to get number of cards for lazy rendering :- ${e} | ${t}`),0}}isValidLazyPlacement(e){const{unifiedPlacement:t,placement:r}=e,i=t||r;if(s.hasVideo(e))return!1;if(e.isStories){const t=this.trcManager.storiesManager.stories[e.parentStories.unifiedPlacementName];if(t.isFirstCardRendered)return t.isFirstCardRendered=!0,!1}if(this.isFppEnabled(i))return!0;if(this.isFppDisabled(i)||!this.lazyConfig.enable)return!1;const o=this.lazyConfig.excludePlacements.indexOf(i)>-1,n=!(!e.trcResponse||!e.trcResponse.nup);return!n&&!o}isFppEnabled(e){const t=this.placementsConfigs[e];return!(!t||!TRC.util.isTrue(t.enable))}isFppDisabled(e){const t=this.placementsConfigs[e];return!(!t||!TRC.util.isFalse(t.enable))}yieldRenderer(e){this.trcManager.loadRBoxDrawQueue(e)}standardRenderer(e){this.onePlacementRendered=!1,this.trcManager.internalDrawRBox(e)}static getRootElement(e){return e.parentFeed&&e.parentFeed.infiniteScrollEngine.observerScrollElement.children?e.parentFeed.infiniteScrollEngine.observerScrollElement:null}lazyRenderer(e){const t=this.getPlacementConfig("minCards",e),{unifiedPlacement:r}=e;if(void 0===r||e.modeGroupOrder>t){const t=this.getPlacementConfig("fullLazyBatch",e),{dispatchPlacements:i}=this.lazyConfig,o=this.getPlacementConfig("dispatchEnabled",e)||i.indexOf(r)>-1;o?this.dispatchPlacements(e):r&&t&&this.lazyBatches[r]?this.pushLazyBatchPlacement(e):this.setObserverParams(e),this.trcManager.global["send-eager-available-for-lazy-placements"]&&TRC.availableEventCoordinator.get(this.trcManager).sendAvailableEventsForPlacement(e)}else this.standardRenderer(e)}dispatchPlacements(e){this.pushLazyBatchPlacement(e),this.listener||(this.listener=TRC.listen("render-placement",e=>{this.lazyRenderBatch(e.placement,e.cb)}))}setObserverParams(e){const t=this.getObserverConfig(e),r=TRC.IntersectionObserver?new TRC.IntersectionObserver(t.onEnter,t.observerParams):new IntersectionObserver(t.onEnter,t.observerParams);r.observe(e.container)}isLazyPlacement(e){return!(this.onRenderApiKill()||this.onePlacementRendered||!e.container||!this.isValidLazyPlacement(e))&&(!e.trcResponse.fb||this.isLazyBatch(e.trcResponse.fb,e))}onRenderApiKill(){const e=TRC.getEventsMap()[t];return!!(this.lazyConfig.raKill&&Array.isArray(e)&&e.length>0)}pushLazyBatchPlacement(e){const t=this.lazyBatches[e.unifiedPlacement];t?this.lazyBatches[e.unifiedPlacement].push(e):this.lazyBatches[e.unifiedPlacement]=[e]}lazyRenderBatch(e,t){const r=this.lazyBatches[e];r&&(r.forEach(e=>this.standardRenderer(e)),delete this.lazyBatches[e]),t&&t()}getObserverConfig(e){let t;const r=__trcCopyProps(n,{});return r.root=s.getRootElement(e),r.rootMargin=this.getPlacementConfig("rootMargin",e),this.getPlacementConfig("fullLazyBatch",e)?(this.pushLazyBatchPlacement(e),t=this.lazyRenderBatch.trcBind(this,e.unifiedPlacement)):t=this.trcManager.internalDrawRBox.trcBind(this.trcManager,e),{targetElement:e.container,observerParams:r,onEnter:(r,i)=>{r[0].isIntersecting&&(t(),i.unobserve(e.container))}}}}TRC.RenderControl=s})(),(()=>{const e="tbl_rtus_id",t=1,r=2,i=42,o=91,n="RealTimeUserSyncMain",s="RealTimeUserSyncCallback";class a{constructor(e){this.trc=e,this.localStorage=e.pageManager.getLocalStorageImplementation()}applyRtus(){this.trc.ccpaPs?(this._log("ccpaPushTriggerRtus"),this._validateCcpaConsentAndCallRtusWithCcpaParams(this.trc.ccpaPs)):"function"==typeof window.__uspapi?this._applyRtusWithCcpa():"function"==typeof window.__tcfapi?this._applyRtusWithGdpr():"function"==typeof window.__cmp?this._log("gdprV1"):(this._log("default"),this._triggerRtusCall(""))}_applyRtusWithCcpa(){window.__uspapi("getUSPData",t,(e,t)=>{try{t?(this._log("ccpaApiTriggerRtus"),this._validateCcpaConsentAndCallRtusWithCcpaParams(e.uspString)):this._log("ccpaApiFail")}catch(e){this._log("ccpaApiError")}})}_validateCcpaConsentAndCallRtusWithCcpaParams(e){if("Y"===e.charAt(2))return;const t=`&us_privacy=${e}&gdpr=0&gdpr_consent=&gdpr_pd=`;this._triggerRtusCall(t)}_applyRtusWithGdpr(){window.__tcfapi("getTCData",r,(e,t)=>{try{t?TRC.Rtus.shouldCallRtusWithGdprParams(e)?(this._log("gdprV2triggerRtus"),this._callRtusWithGdprParams(e)):this._log("gdprV2notTriggerRtus"):this._log("gdprV2fail")}catch(e){this._log("gdprV2error")}},[i,o])}static shouldCallRtusWithGdprParams(e){return TRC.Rtus.isGdprNotApplies(e)||TRC.Rtus.hasConsent(e)}static isGdprNotApplies(e){return!e.gdprApplies}static hasConsent(e){const{consents:t}=e.vendor||{};return t[i]&&t[o]}_callRtusWithGdprParams(e){const t=`&us_privacy=&gdpr=${e.gdprApplies?1:0}&gdpr_consent=${e.tcString}&gdpr_pd=0`;this._triggerRtusCall(t)}_triggerRtusCall(t){const r="getRTUS",i=`//gum.criteo.com/sync?c=72&r=2&j=TRC.${r}${t}`;this._setRtusCallback(r),this.trc.performance&&this.trc.performance.mark(`${n}Start`,null,n,0,n,this.trc.PerfEvenType.START),this.trc.performance&&this.trc.performance.mark(`${s}Start`,null,s,0,s,this.trc.PerfEvenType.START);try{this.trc.net.loadScript(i,"js",null,null,!0),this.trc.pConsole("page","info","injected RTUS service")}catch(e){__trcWarn("Error during RTUS loading asset file: ",e)}try{this.trc.rtbRealTimeUserId=this.localStorage.getValue(e)}catch(e){__trcWarn("Error during fetching RTUI from local storage: ",e)}}_setRtusCallback(t){this.trc[t]=(t=>{try{this.trc.performance&&this.trc.performance.mark(`${s}Stop`,null,s,0,s,this.trc.PerfEvenType.STOP);const{status:r,userid:i}=t||{};"OK"===r?(this.trc.rtbRealTimeUserId=i,this.localStorage.setValue(e,i)):(this.trc.rtbRealTimeUserId=null,this.localStorage.removeKey(e))}catch(e){__trcWarn("Error during RTUS callback: ",e)}})}_log(e){this.trc.RBoxUsage.logUsage("rtus",{file:"rtus.js",method:"injectRtus",position:e})}}TRC.Rtus=a})(),TRC.ScriptRenderer={render(e,t){e&&e.js?(e.normalizedTag=TRC.text.htmlUnescape(e.js),this.renderInIframe(this.createIframe(t.container),e)):__trcError("could not find script to render")},createIframe(e){if(!e)return void __trcError("could not find container to create Iframe within");const t=document.createElement("iframe");return t.style.border=t.frameBorder=t.border="0",t.style.display="block",t.scrolling="no",e.appendChild(t),t},renderInIframe(e,t){if(!e)return void __trcError("could not find iframe to render within");let r=e.contentWindow||e.contentDocument;r.document&&(r=r.document),this.setOuterIframeStyle(e,t),this.runTagInIframe(r,t.normalizedTag),this.resetStyleInIframe(r)},setOuterIframeStyle(e,t){e.style.width=t.w||"0px",e.style.height=t.h||"0px"},runTagInIframe(e,t){void 0!==t&&null!==t?(e.open(),e.write(t),e.close()):__trcError("could not find normalizedTag to render")},resetStyleInIframe(e){const t=e.createElement("style"),r="body { margin: 0px }";t.type="text/css",t.styleSheet?t.styleSheet.cssText=r:t.appendChild(e.createTextNode(r)),e.getElementsByTagName("head")[0].appendChild(t)}},(()=>{function e(e){try{const t=e.ks.pl||[];if(!e||!e.ks||!t.length)return!1;const r=TRC.URL.prototype.getParameter.call(location.href,"tbl_force_taboola",!1);return!(parseInt(r,10)||"true"===r)}catch(e){return!1}}function t(e){const t=TRCImpl.global[`organic-personalization-placements-${TRC.publisherId}`]||[];if(!TRC.opDisabled||!t.length)return!1;const i=t.split("#");return r(i,e)}function r(e,t){let r=!1;return-1!==e.indexOf(t)||(e.forEach(e=>{if(TRC.text.isEndWith(e,"$")){const i=new RegExp(e);i.test(t)&&(r=!0)}}),r)}function i(t,i){return!!e(i)&&r(i.ks.pl,t)}function o(e,r){try{const o=e.fpl,n=e.uip,s=n||o;return i(s,r)||t(s)}catch(e){__trcError("SectionFront personalization killSwitchEnabled Error",e)}return!1}TRC.opDisabled=TRC.opDisabled||!1,TRC.personalizationApi={killSwitchEnabled:o}})(),function(e,t){TRC.SpotlightLoader={load:function(e){this.shouldLoad(e)&&(this.loadedScript?TRC.dispatch("trc_afterRboxDraw"):(__trcDebug("Detected Spotlight Administrator("+e.trc["pi"]+")"),TRC.backstageDomainPrefix=e.trc["bdp"],TRC.backstageDomainSuffix=e.trc["bds"],this.loadedScript=TRC.URL.prototype.switchProtocol.call(TRC.getBackstageUrl()+"resources/js/1.1.0/spotlight.js",TRC.PROTOCOL),TRC.Manager.prototype.loadExternal(this.loadedScript,"js")))},shouldLoad:function(e){return!(!t.querySelectorAll||TRC.Device.isTouchDevice||!e||!e.trc||"1"!=e.trc["sl"])},registerOnMainContainer:function(e,t){e&&this.shouldLoad(t)&&e.setAttribute("data-spotlight-publisher-id",t.trc["pi"])}}}(window,document),(()=>{class e{constructor(e,t){this._createInstanceList(e,t)}_createInstanceList(e,t){if(TRC[t]||__trcError(`${t} does not exist under TRC`,null),TRC[t].instances){if(TRC[t].instances[e])throw new Error("instance already exists under this uniqueid");return void(TRC[t].instances[e]=this)}const r=function(e){return TRC[this].instances?TRC[this].instances[e]:null};TRC[t].instances={},TRC[t].getInstance=r.bind(t),TRC[t].instances[e]=this}}TRC.StoriesBase=e})(),TRC.listen("stories-initiation",()=>{const e={CAROUSEL_ANIMATION:"bouncing-animation",CAROUSEL_CONTAINER:"tbl-stories-carousel-container",CAROUSEL_TOPICS_WRAPPER:"tbl-stories-topics-wrapper",CAROUSEL_TOPIC_CONTAINER:"tbl-stories-topics-container",CAROUSEL_TOPIC_IMAGE_WRAPPER:"tbl-stories-topic-image-wrapper",CAROUSEL_TOPIC_TITLE:"tbl-stories-topic-title",CAROUSEL_TOPIC_IMAGE:"tbl-stories-topic-image",CAROUSEL_TOPIC_CLICK_LOADING:"tbl-stories-topic-loading",CAROUSEL_ONBOARDING:"tbl-stories-onboarding",CAROUSEL_ONBOARDING_STATIC:"tbl-stories-onboarding-static",CAROUSEL_READY:"tbl-stories-carousel-ready"},t={CATEGORIES_DISPLAYED:"categoriesDisplayed"},r={cs:"#4472c4",ce:"#00b5d9"},i={TOPIC_CLICKED:"topic-click"},o={LONG_VISIBLE_TIMEOUT:3e3,ON_BOARDING_TEXT:"New! Click to view visual Stories",ON_BOARDING_COLOR:"#2676F7",ON_BOARDING_FIRST_WORDS:1};class n extends TRC.StoriesBase{constructor(e,t){super(e,"StoriesCarousel");try{this.unifiedPlacementName=e,this.eventsManager=TRC.StoriesEventsManager.getInstance(e),this.options=this.getCarouselOptions(),this.injectCarouselStyle(),this.createCarouselLayout(),this.setStickyStories(t),this.eventsManager.observeCarousel(this)}catch(e){this.eventsManager.onError(`StoriesCarousel instance`,e)}}injectCarouselStyle(){const{onBoardingColor:e,extendedStyle:t}=this.options;TRC.dom.injectStyle(`.tbl-stories-carousel-container { box-sizing: initial; float: initial; padding: initial; width: initial; vertical-align: initial; border: initial; }.tbl-stories-carousel-container .tbl-stories-topic-image { top: 0; left: 0; bottom: 0; right: 0; }.bouncing-animation > li { transform: translateY(-100%); -webkit-animation: bouncingDown 1s ease-in-out 1s forwards; -moz-animation: bouncingDown 1s ease-in-out 1s forwards; -ms-animation: bouncingDown 1s ease-in-out 1s forwards; -o-animation: bouncingDown 1s ease-in-out 1s forwards; animation: bouncingDown 1s ease-in-out 1s forwards; }.bouncing-animation > li:nth-child(1) { -webkit-animation: bouncingDown 1s ease-in-out 0.1s forwards; -moz-animation: bouncingDown 1s ease-in-out 0.1s forwards; -ms-animation: bouncingDown 1s ease-in-out 0.1s forwards; -o-animation: bouncingDown 1s ease-in-out 0.1s forwards; animation: bouncingDown 1s ease-in-out 0.1s forwards; }.bouncing-animation > li:nth-child(2) { -webkit-animation: bouncingDown 1s ease-in-out 0.2s forwards; -moz-animation: bouncingDown 1s ease-in-out 0.2s forwards; -ms-animation: bouncingDown 1s ease-in-out 0.2s forwards; -o-animation: bouncingDown 1s ease-in-out 0.2s forwards; animation: bouncingDown 1s ease-in-out 0.2s forwards; }.bouncing-animation > li:nth-child(3) { -webkit-animation: bouncingDown 1s ease-in-out 0.3s forwards; -moz-animation: bouncingDown 1s ease-in-out 0.3s forwards; -ms-animation: bouncingDown 1s ease-in-out 0.3s forwards; -o-animation: bouncingDown 1s ease-in-out 0.3s forwards; animation: bouncingDown 1s ease-in-out 0.3s forwards; }.bouncing-animation > li:nth-child(4) { -webkit-animation: bouncingDown 1s ease-in-out 0.4s forwards; -moz-animation: bouncingDown 1s ease-in-out 0.4s forwards; -ms-animation: bouncingDown 1s ease-in-out 0.4s forwards; -o-animation: bouncingDown 1s ease-in-out 0.4s forwards; animation: bouncingDown 1s ease-in-out 0.4s forwards; }.bouncing-animation > li:nth-child(5) { -webkit-animation: bouncingDown 1s ease-in-out 0.5s forwards; -moz-animation: bouncingDown 1s ease-in-out 0.5s forwards; -ms-animation: bouncingDown 1s ease-in-out 0.5s forwards; -o-animation: bouncingDown 1s ease-in-out 0.5s forwards; animation: bouncingDown 1s ease-in-out 0.5s forwards; }.bouncing-animation > li:nth-child(6) { -webkit-animation: bouncingDown 1s ease-in-out 0.6s forwards; -moz-animation: bouncingDown 1s ease-in-out 0.6s forwards; -ms-animation: bouncingDown 1s ease-in-out 0.6s forwards; -o-animation: bouncingDown 1s ease-in-out 0.6s forwards; animation: bouncingDown 1s ease-in-out 0.6s forwards; }.bouncing-animation > li:nth-child(7) { -webkit-animation: bouncingDown 1s ease-in-out 0.7s forwards; -moz-animation: bouncingDown 1s ease-in-out 0.7s forwards; -ms-animation: bouncingDown 1s ease-in-out 0.7s forwards; -o-animation: bouncingDown 1s ease-in-out 0.7s forwards; animation: bouncingDown 1s ease-in-out 0.7s forwards; }.bouncing-animation > li:nth-child(8) { -webkit-animation: bouncingDown 1s ease-in-out 0.8s forwards; -moz-animation: bouncingDown 1s ease-in-out 0.8s forwards; -ms-animation: bouncingDown 1s ease-in-out 0.8s forwards; -o-animation: bouncingDown 1s ease-in-out 0.8s forwards; animation: bouncingDown 1s ease-in-out 0.8s forwards; }.bouncing-animation > li:nth-child(9) { -webkit-animation: bouncingDown 1s ease-in-out 0.9s forwards; -moz-animation: bouncingDown 1s ease-in-out 0.9s forwards; -ms-animation: bouncingDown 1s ease-in-out 0.9s forwards; -o-animation: bouncingDown 1s ease-in-out 0.9s forwards; animation: bouncingDown 1s ease-in-out 0.9s forwards; }.bouncing-animation > li:nth-child(10) { -webkit-animation: bouncingDown 1s ease-in-out 1s forwards; -moz-animation: bouncingDown 1s ease-in-out 1s forwards; -ms-animation: bouncingDown 1s ease-in-out 1s forwards; -o-animation: bouncingDown 1s ease-in-out 1s forwards; animation: bouncingDown 1s ease-in-out 1s forwards; }.tbl-stories-carousel-container { position: relative; overflow: hidden; } .tbl-stories-carousel-container .tbl-stories-topics-wrapper { overflow-y: hidden; overflow-x: scroll; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0; padding: 0 5px; z-index: 0; } .tbl-stories-carousel-container .tbl-stories-topics-wrapper::-webkit-scrollbar { display: none; } .tbl-stories-carousel-container .tbl-stories-topics-container { list-style: none; text-align: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 72px; position: relative; } .tbl-stories-carousel-container .tbl-stories-topic-image-wrapper { height: 64px; width: 64px; position: relative; left: 0; top: 0; border-radius: 32px; margin: 0 4px; z-index: 0; } .tbl-stories-carousel-container .tbl-stories-topic-image-wrapper svg { vertical-align: inherit; fill: transparent; } .tbl-stories-carousel-container .tbl-stories-topic-title { position: relative; bottom: 0; left: 0; width: 100%; font-size: 12px; font-weight: normal; font-style: normal; display: block; padding: 4px 0 0; word-break: break-word; word-wrap: break-word; } .tbl-stories-carousel-container .tbl-stories-topic-loading svg { animation: tbl-stories-rotate 2s infinite linear; -webkit-animation: tbl-stories-rotate 2s infinite linear; } .tbl-stories-carousel-container .tbl-stories-topic-loading .tbl-stories-topic-image { filter: grayscale(100%); } .tbl-stories-carousel-container .tbl-stories-onboarding { position: absolute; opacity: 0; background-color: ${e}; color: #fcfcfc; padding: 0 15px; z-index: 1; right: 0; -webkit-transform: translateX(-100vh); -ms-transform: translateX(-100vh); transform: translateX(-100vh); border-radius: 16px 0 0 16px; font-size: 12px; height: 30px; line-height: 30px; top: 0; } .tbl-stories-carousel-container .tbl-stories-onboarding-static { position: relative; font-size: 14px; color: initial; padding: 5px 15px; z-index: 1; line-height: initial; overflow-y: hidden; } .tbl-stories-carousel-container .tbl-stories-topic-image { width: 60px; height: 60px; border: 2px solid #fcfcfc; position: absolute; border-radius: 50%; z-index: 1; opacity: 0; transition: opacity 1s ease-in, filter 1s ease-in; box-sizing: border-box; margin: auto; overflow: auto; } .tbl-stories-carousel-container.tbl-stories-carousel-ready .tbl-stories-topic-image { opacity: 1; } .tbl-stories-carousel-container.tbl-stories-carousel-ready .tbl-stories-onboarding { -webkit-animation: tbl-stories-onboarding-fade 6s linear; animation: tbl-stories-onboarding-fade 6s linear; -webkit-animation-delay: 2s; animation-delay: 2s; }@-webkit-keyframes tbl-stories-rotate { from { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }@keyframes tbl-stories-rotate { from { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }@-webkit-keyframes tbl-stories-onboarding-fade { 0%, 100% { -webkit-transform: translate(0, -10px); transform: translate(0, -10px); opacity: 0; } 10%, 90% { -webkit-transform: translate(0, -10px); transform: translate(0, -10px); opacity: 0.8; } }@keyframes tbl-stories-onboarding-fade { 0%, 100% { -webkit-transform: translate(0, -10px); transform: translate(0, -10px); opacity: 0; } 10%, 90% { -webkit-transform: translate(0, -10px); transform: translate(0, -10px); opacity: 0.8; } }@-webkit-keyframes bouncingDown { 0% { -webkit-transform: translateY(-100%); } 50% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } }@keyframes bouncingDown { 0% { transform: translateY(-100%); } 50% { transform: translateY(10px); } 100% { transform: translateY(0); } }`),t&&TRC.dom.injectStyle(t)}carouselReady(){requestAnimationFrame(()=>{TRC.dom.addClass(this.carouselContainer,e.CAROUSEL_READY),TRC.dom.addClass(this.topicsList,e.CAROUSEL_ANIMATION)})}getCarouselOptions(){const{options:e}=this.eventsManager;let{cc:t}=e.storiesUi;t||(t={});let{ob:i}=t;return i||(i={}),{extendedStyle:t.style||"",topicBorderColor:t.tc||r,onBoardingEnableTooltip:!!i.obet||!1,onBoardingColor:i.obc||o.ON_BOARDING_COLOR,onBoardingText:i.obtxt||o.ON_BOARDING_TEXT,onBoardingFirstWordsNum:i.obfwn?parseInt(i.obfwn,10):o.ON_BOARDING_FIRST_WORDS,useCloudinaryCroppingForThumbs:void 0===t.clcrt||TRC.util.isTrue(t.clcrt),visibleDuration:t.vsd?parseInt(t.vsd,10):o.LONG_VISIBLE_TIMEOUT,stickyStories:t.stcy,randomTopicImage:t.rndTpcImage||""}}createCarouselLayout(){this.carouselContainer=TRC.dom.createHTMLElement("nav",{className:e.CAROUSEL_CONTAINER}),this.topicsList=TRC.dom.createHTMLElement("ul",{className:e.CAROUSEL_TOPICS_WRAPPER}),this.carouselContainer.insertAdjacentHTML("afterbegin",this.getOnBoarding()),this.carouselContainer.appendChild(this.topicsList)}addTopic(e){this.topicsList.insertAdjacentElement("beforeend",this.getTopicElement(e))}getTopicElement({id:t,imageUrl:r,title:i,slotPosition:o}){const n=TRC.dom.createHTMLElement("li",{className:e.CAROUSEL_TOPIC_CONTAINER,topicName:i,topicPosition:o,topicId:t}),s=`
\n 
\n ${this.getBorderTopic()}\n
`,a=``;return n.insertAdjacentHTML("afterbegin",`${s}${a}`),TRC.CustomModulesManager.runHook("stories-topic-rendered",null,this,t,n,i),TRC.dom.on(n,"click",this.carouselTopicClickHandler.trcBind(this,t)),this.eventsManager.observeCarouselTopic(n),n}carouselTopicClickHandler(e,r){const o=TRC.Stories.getInstance(this.unifiedPlacementName),s=o.topics[e],{videoTag:a}=o.options;n.clickOnCarouselTopicLoadingIndication(r.currentTarget),TRC.StoriesVerticalUi?o.renderVerticalUiPlacements(s):TRC.listen("vertical-ui-loaded",o.renderVerticalUiPlacements.trcBind(o,s));const l=s.title,c=s.slotPosition;this.eventsManager.sendEvent(i.TOPIC_CLICKED,{ab:[l,c],mxp:{topicName:l,topicPosition:c}}),a&&TRC.StoriesVideoManager&&TRC.dispatch(t.CATEGORIES_DISPLAYED)}carouselSDKTopicClickHandler(e){const t=TRC.Stories.getInstance(this.unifiedPlacementName),r=t.topics[e];TRC.StoriesVerticalUi?t.renderVerticalUiPlacements(r,!0):TRC.listen("vertical-ui-loaded",t.renderVerticalUiPlacements.trcBind(t,r))}getBorderTopic(){const{topicBorderColor:e}=this.options;return``}getImageURL(e){const{randomTopicImage:t}=this.options,r=TRC.util.isTrue(t)?Math.floor(Math.random()*e.length):0;return e.length>0?e[r].thumbnail:""}getTopicImage(e,t){const r="g_auto,c_thumb,w_128,h_128,fl_advanced_resize,e_sharpen,q_auto:best,f_auto",{useCloudinaryCroppingForThumbs:i}=this.options;let o=this.getImageURL(t);return e&&(o=e),i?TRC.imageUtils.getImageUrlBasedOnCloudinaryApi(o,r):o}static clickOnCarouselTopicLoadingIndication(t){TRC.dom.addClass(t,e.CAROUSEL_TOPIC_CLICK_LOADING),TRC.Timeout.set(()=>{TRC.dom.removeClass(t,e.CAROUSEL_TOPIC_CLICK_LOADING)},2e3)}getOnBoarding(){const{onBoardingText:t,onBoardingFirstWordsNum:r,onBoardingColor:i,onBoardingEnableTooltip:o}=this.options;if(o)return`${t}
`;const[s,a]=n.getOnBoardingSliced(t,r);return`\n ${a}
`}static getOnBoardingSliced(e,t){t=t<0?0:t;const r=e.split(" ");return[r.slice(0,t).join(" "),r.slice(t,r.length).join(" ")]}setStickyStories(e){this.stickyStories=null,this.options.stickyStories&&(this.stickyStories=new TRC.StoriesSticky(e,this.options.stickyStories,this.unifiedPlacementName))}}TRC.StoriesCarousel=n}),TRC.listen("stories-initiation",()=>{const e={VISIBLE:"visible",LONG_VISIBLE:"long-visible",TOPIC_VISIBLE:"topic-visible"};class t extends TRC.StoriesBase{constructor(e,t){super(t,"StoriesEventsManager"),this.options=e,this.unifiedPlacementName=t}sendLifeCycleEvents(e){try{const{responseEnd:t}=window.performance.timing,r=Date.now(),i=r-t;this.sendEvent(e,{ab:[i],mxp:{timeFromLoad:i}})}catch(e){this.onError("sendLifeCycleEvents",e)}}sendDefaultEvent(e,t,r=[]){const{topicName:i,topicPosition:o,itemPosition:n}=t,s={};r.forEach((e,t)=>{s[`extraData_${++t}`]=e}),s.topicName=i,s.topicPosition=o,s.itemPosition=n;const a={ab:[i,o,n,...r],mxp:s};this.sendEvent(e,a)}sendEvent(e,{ab:r,mxp:i}){const o=`stories-${e}`;t.sendAbEvent(o,r.join("_")),this.sendMixpanelEvent(o,i)}sendMixpanelEvent(e,t){this.options.enableMixpanel&&(window.mixpanel?TRC.Mixpanel.sendMixpanelEvent(e,t):TRC.listen("mixpanelScriptSucceeded",()=>{TRC.Mixpanel.sendMixpanelEvent(e,t)}))}static sendAbEvent(e,t){TRCImpl.sendAbTestEvent(e,t)}onError(e,t,r=__trcWarn){let i={};t?i={errorMsg:`${e} - error: ${t.message}`,errorStack:t.stack}:i.errorMsg=e,this.sendMixpanelEvent("stories-error",i),r(`stories ${i.errorMsg}`,t)}observeCarousel({carouselContainer:e,options:t}){const r=TRC.intersections.observe({targetElement:e,onEnter:()=>{this.onCarouselVisible(r,t.visibleDuration)},onExit:()=>{TRC.Timeout.clear(this.visibleTimeoutId)},threshold:.5})}onCarouselVisible(t,r){const{options:i}=TRC.Stories.getInstance(this.unifiedPlacementName);this.sendLifeCycleEvents(e.VISIBLE),this.visibleTimeoutId=TRC.Timeout.set(()=>{TRC.intersections.unobserve(t),TRC.Timeout.clear(this.visibleTimeoutId),this.sendLifeCycleEvents(e.LONG_VISIBLE),TRC.CustomModulesManager.runHook("stories-long-visible",null,this,i.storiesUi)},r)}observeCarouselTopic(t){let r;const i={targetElement:t,onEnter:({target:t})=>{TRC.intersections.unobserve(r);const{topicName:i,topicPosition:o}=t;this.sendEvent(e.TOPIC_VISIBLE,{ab:[i,o],mxp:{topicName:i,topicPosition:o}})},threshold:.5};r=TRC.intersections.observe(i)}}TRC.StoriesEventsManager=t}),TRC.listen("stories-initiation",()=>{class e extends TRC.StoriesBase{constructor(e,t){super(t,"StoriesHistoryController"),this._historyApi=TRC.historyApi,this._inactiveKey=`${e}-open`,this._activeKey=`${e}-close`,this._applyOpen=[],this._applyClose=[],this._currentArgs=[],this._reason="History controller init",this._setupEventListeners()}onOpen(e){this._applyOpen.push(e)}onClose(e){this._applyClose.push(e)}_setupEventListeners(){this._historyApi.onPopState(()=>{this.isInactive()?this._close():this.isActive()&&this._open()},{stateCheck:e=>e[this._inactiveKey]}),this.isActive()&&this.close()}isActive(){const e=this._historyApi.currentState();return e&&e[this._activeKey]}isInactive(){const e=this._historyApi.currentState();return e&&e[this._inactiveKey]}_open(){this._applyOpen.forEach(e=>e(...this._currentArgs))}open(...e){this._currentArgs=e,this._open(),this.isActive()||(this._historyApi.appendState({[this._inactiveKey]:!0}),this._historyApi.pushState({[this._activeKey]:!0}))}_close(){const e=this._reason||"Browser back";delete this._reason,this._applyClose.forEach(t=>t(e))}close(e){this._reason=e,this._historyApi.back()}}TRC.StoriesHistoryController=e}),(()=>{const e={"stories-transition-manager":!0,"stories-vertical-ui":!0},t="017c7c2cd4672abad2a2cf4d9d7fbb13";class r{constructor(e){this.trcManager=e,this.stories={},this.configs={},TRC.Stories||TRC.dispatch("stories-initiation")}static lazyLoadStoriesModules(){TRC.StoriesVerticalUi||TRC.ModuleLoader.load("stories-vertical-ui",TRC.StoriesVerticalUi,()=>{TRC.dispatch("vertical-ui-loaded")})}lazyLoadFailure(t,r){e[t.moduleFile]&&(r.forEach(e=>this.stories[e].collapseContainer()),__trcWarn(`failed to load ${t.moduleFile}, stories collapsed`))}createNewStories({s:e,cga:i},o){try{TRC.listen("module-loader-failure",t=>this.lazyLoadFailure(t,Object.keys(e))),r.lazyLoadStoriesModules(),Object.keys(e).forEach(n=>{if(this.stories[n])return void __trcWarn(`Stories already created for '${n}'`);const s=r.getOptions(e,i,n,o);s.enableMixpanel&&TRC.Mixpanel.loadMixpanelScript(t),TRC.listen("vp-selector-not-found",()=>this.stories.storiesContainerNotCreated=!0),TRC.VirtualPlacementsManager.handleVirtualPlacement(this.trcManager,n),this.stories.storiesContainerNotCreated||(TRC.CustomModulesManager.runHook("stories-init",null,this),this.stories[n]=new TRC.Stories(this.trcManager,n,s))})}catch(e){__trcWarn(`Stories - failed to create Stories Instance`,e.message)}}handleStoryPlacement(e,t){this.stories.storiesContainerNotCreated||(t.isStories=!0,t.parentStories=this.getRelevantStories(e),t.parentStories.handlePlacement(t))}getRelevantStories(e){return this.stories[e.stpl]}static getOptions(e,t,i,o){const n=e[i],s=t&&t.storiesExtendConfig&&t.storiesExtendConfig[i],a=r.parseStoriesOptionsFromResponse(n);return r.overrideOptionsConfiguration("cc",a,s),r.overrideOptionsConfiguration("vui",a,s),a.storiesPlacementsAmount=o,a}static overrideOptionsConfiguration(e,t,r){r&&r[e]&&t.storiesUi&&t.storiesUi[e]&&(t.storiesUi[e]=TRC.util.merge(t.storiesUi[e],r[e]))}static parseStoriesOptionsFromResponse({sti:e,sui:t,fv:r,st:i,vtag:o,dm:n,dir:s}=null){return{storiesProductId:e,storiesUi:t||{},enableFeedView:TRC.util.isTrue(r),injectScStrategy:i||"static",enableMixpanel:TRC.util.isTrue(n)||!0,videoTag:o,direction:s}}}TRC.StoriesManager=r})(),TRC.listen("stories-initiation",()=>{const e={STICKY_ACTIVE:"tbl-stories-sticky-active",STICKY_HIDDEN:"tbl-stories-sticky-hidden",STICKY_SCROLL_UP:"tbl-stories-sticky-scroll-direction-up",STICKY_SCROLL_DOWN:"tbl-stories-sticky-scroll-direction-down",STICKY_STYLE_ID:"tbl-sticky-style"},t={SHOW:"SHOW",HIDE:"HIDE"},r={UP:"UP",DOWN:"DOWN"},i="#fff";class o extends TRC.StoriesBase{constructor(e,t,r){super(r,"StoriesSticky"),this.storiesContainer=e,this.eventsManager=TRC.StoriesEventsManager.getInstance(r),this.feedInViewPort=!1,this.isStickyActive=!1,this.options=this.getStickyOptions(t),this.options.enabled&&(o.injectStickyStyles(this.options),this.setStickyScrollListener(),this.listenForFeedInViewPort(),void 0===this.options.topScrollDownValue&&this.setPublisherHeaderListener())}setStickyScrollListener(){this.lastScrollTop=TRC.dom.getScrollTop(window),this.initialScroll=!0,TRC.dom.on(window,"scroll",this.onScroll.trcBind(this))}setPublisherHeaderListener(){try{const e=new ResizeObserver(e=>{[].slice.call(e).forEach(e=>{const{height:t}=e.contentRect;this.options.topScrollDownValue=this.options.topScrollUpValue=`${t}px`})});e.observe(this.publisherHeaderEl)}catch(e){this.eventsManager.onError(`Error creating resizeObserver for sticky stories`,e)}}listenForFeedInViewPort(){TRC.listen("feed-present-in-viewport",({data:e})=>{this.feedInViewPort=TRC.util.isTrue(e)})}static injectStickyStyles({stickyBackgroundColor:e,zIndex:t,topScrollDownValue:r}){TRC.dom.injectStyle(`.tbl-stories-container { transition: transform 1s, top 0.5s; z-index: ${t}; } .tbl-stories-container.tbl-stories-sticky-active { background: ${e}; top: 0; position: sticky; border-bottom: 1px solid #ccc; } .tbl-stories-container.tbl-stories-sticky-hidden { top: -100%; }`)}getStickyOptions(e){const{e:t,uthrsld:r,scrldwn:o,isc:n,zi:s,bgc:a,off:l}=e,c=e.slctr||"header";this.publisherHeaderEl=document.querySelector(c),this.publisherHeaderEl||this.eventsManager.onError(`Sticky Stories header was not found on the page: ${c}`);const d=parseInt(e.thrsld||this.getHeaderComputedStyle("height"),10);return{enabled:"false"!==t&&!!this.publisherHeaderEl,zIndex:this.getZIndex(s),stickyScrollDownDepth:o?parseInt(o,10):1e3,ignoreScrollChanges:n?parseInt(n,10):30,stickyBackgroundColor:a||i,topScrollDownValue:d,topScrollUpValue:r?parseInt(r,10):d,disableStickyOffset:l}}getZIndex(e){return e?parseInt(e,10):(e=this.getHeaderComputedStyle("zIndex"),TRC.util.isNumber(e)?parseInt(e,10)-1:e)}getHeaderComputedStyle(e){if(this.publisherHeaderEl)return this._getComputedStyle||(this._getComputedStyle=getComputedStyle(this.publisherHeaderEl)),this._getComputedStyle[e]}onScroll(){requestAnimationFrame(()=>{this.toggleStoriesOnScroll()})}toggleStoriesOnScroll(){const e=TRC.dom.getScrollTop(window);if(this.shouldIgnoreScrollChanges(e))return;const t=this.getStickyScrollDirection(e),r=this.getTrigger(e,t),i=this.shouldToggleSticky(r);i&&this.toggleStickyStories(r);const o=this.shouldChangeTopPosition(i,t);o&&this.changeTopPosition(t),this.lastScrollTop=e<=0?0:e,this.direction=t}shouldIgnoreScrollChanges(e){const t=Math.abs(this.lastScrollTop-e);return t