https://corporate.exxonmobil.de/Assets/component-VX1176.bundle-260915.18.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[47],{223:function(t,i,e){"use strict";Object.defineProperty(i,"__esModule",{value:!0});var o,s=e(66),a=e(452),n=(o=a)&&o.__esModule?o:{default:o};var l=function(){function t(i){var e=this;!function(t,i){if(!(t instanceof i))throw new TypeError("Cannot call a class as a function")}(this,t),this.html=i,this.className="variableFeature",this.classNameTooltip="global--tooltip",this.text=(0,s.qs)(".missionStatement--text",this.html),this.videoBg=(0,s.qs)(".variableFeature--video",this.html),this.playBtn=(0,s.qs)(".variableFeature--playBtn",this.html),this.links=(0,s.qsa)("a[data-id]",this.html),this.tooltipElems=(0,s.qsa)("."+this.classNameTooltip,this.html),this.tooltipComps=[],this.videoBgType=this.html.dataset.videoBgType||"",this.isHandlePlayButton=!1,this.handleVideo(),(0,s.forEach)(this.tooltipElems,(function(t){var i=void 0;(0,s.forEach)(e.links,(function(e){e.dataset.id===t.id&&(i=e)}));var o={tooltip:t,parent:e,parentClass:e.className,siblings:e.tooltipComps,id:t.id,image:(0,s.qs)("."+e.classNameTooltip+"--image",t),cta:(0,s.qs)("."+e.classNameTooltip+"--cta",t),link:i,width:t.offsetWidth,height:t.offsetHeight,position:{left:0,top:0,width:0,height:0},onOpen:e.onTooltipOpen,onClose:e.onTooltipClose};e.tooltipComps.push(new n.default(o))}))}var i,e;return t.prototype.onTooltipClose=function(){this.toggleOpacity(!1)},t.prototype.onTooltipOpen=function(){this.toggleOpacity(!0)},t.prototype.toggleOpacity=function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];t?((0,s.addClass)(this.text,"opacity"),(0,s.addClass)(this.html,"tooltip-open")):((0,s.removeClass)(this.text,"opacity"),(0,s.removeClass)(this.html,"tooltip-open")),(0,s.forEach)(this.tooltipComps,(function(i){i.isTooltipActive?(0,s.removeClass)(i.data.link,"opacity"):t?(0,s.addClass)(i.data.link,"opacity"):(0,s.removeClass)(i.data.link,"opacity")}))},t.prototype.handleVideo=function(){"brightcove"===this.videoBgType?this.brightcovePlayer():"youtube"===this.videoBgType&&this.getYouTubePlayers()},t.prototype.getYouTubePlayers=function(){var t=this;this.YTPlayers=[],(0,s.$on)(document,"yt-player-ready",(function(i){t.YTPlayers.push({player:i.detail.target,playerId:i.detail.id}),t.youtubePlayer()}))},t.prototype.youtubePlayer=function(){var t=(0,s.qs)("iframe",this.videoBg).id;this.player="";for(var i=0;i<=this.YTPlayers.length;i+=1)if(this.YTPlayers[i]&&this.YTPlayers[i].playerId===t){this.player=this.YTPlayers[i].player;break}""===this.player&&window.YT&&(this.player=window.YT.get(t)),""!==this.player&&this.player&&(this.isHandlePlayButton||this.handlePlayButton())},t.prototype.brightcovePlayer=(i=regeneratorRuntime.mark((function t(){var i=this;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,(0,s.getVideoJSPlayer)((0,s.qs)(".video-js",this.html));case 2:this.videoBrightcovePlayer=t.sent,this.videoBrightcovePlayer&&this.videoBrightcovePlayer.ready((function(){i.isHandlePlayButton||i.handlePlayButton()}));case 4:case"end":return t.stop()}}),t,this)})),e=function(){var t=i.apply(this,arguments);return new Promise((function(i,e){return function o(s,a){try{var n=t[s](a),l=n.value}catch(t){return void e(t)}if(!n.done)return Promise.resolve(l).then((function(t){o("next",t)}),(function(t){o("throw",t)}));i(l)}("next")}))},function(){return e.apply(this,arguments)}),t.prototype.playVideo=function(){"brightcove"===this.videoBgType?this.videoBrightcovePlayer.play():"youtube"===this.videoBgType&&this.player&&this.player.playVideo(),(0,s.showPauseBtn)(this.playBtn)},t.prototype.pauseVideo=function(){"brightcove"===this.videoBgType?this.videoBrightcovePlayer.pause():"youtube"===this.videoBgType&&this.player&&this.player.pauseVideo(),(0,s.showPlayBtn)(this.playBtn)},t.prototype.handlePlayButton=function(){var t=this;this.isHandlePlayButton=!0,(0,s.removeClass)(this.playBtn,"opacity-0"),(0,s.$on)(this.playBtn,"click",(function(){(0,s.toggleClass)(t.playBtn,"pause-video"),(0,s.toggleClass)(t.videoBg,"pause-video"),(0,s.hasClass)(t.playBtn,"pause-video")?((0,s.removeClass)(t.playBtn,"paused"),(0,s.addClass)(t.playBtn,"play"),t.pauseVideo()):((0,s.removeClass)(t.playBtn,"play"),(0,s.addClass)(t.playBtn,"paused"),t.playVideo())}))},t}();i.default=l},452:function(t,i,e){"use strict";Object.defineProperty(i,"__esModule",{value:!0});var o=e(66);var s=function(){function t(i){var e=this;!function(t,i){if(!(t instanceof i))throw new TypeError("Cannot call a class as a function")}(this,t),this.html=i.tooltip,this.data=i,this.classNameTooltip="global--tooltip",this.isRtl="rtl"===document.querySelector("html").getAttribute("dir"),this.main=(0,o.qs)("main"),this.isTooltipActive=!1,this.hoverStateBreakPoint=this.data.hoverStateBreakPoint||"1024px",this.boundingContainer=i.boundingContainer||null,this.intervalHover=0,this.timeHoverLink=150,this.widthScreen=window.innerWidth,this.isHoverCapable=(0,o.isHoverCapable)(),(0,o.$on)(this.html,"mouseenter",(function(t){e.isDesktopAndHasHover&&e.hoverTooltip(t.target)})),(0,o.$on)(this.html,"mouseleave",(function(){e.isDesktopAndHasHover&&e.removeTooltips()})),(0,o.$on)(this.html,"focusout",(function(t){!t.currentTarget.contains(t.relatedTarget)&&e.initialFocusEl&&(e.initialFocusEl.focus(),e.removeTooltips())})),(0,o.$on)((0,o.qs)("."+this.classNameTooltip+"--close",this.html),"click",(function(){e.removeTooltips()})),this.isDesktopAndHasHover=!1,this.mediaQueryList=window.matchMedia("(min-width: "+this.hoverStateBreakPoint+")"),this.mediaQueryList.addListener(this.handleMediaQueryChange.bind(this)),this.handleMediaQueryChange(this.mediaQueryList),this.attachLinkEvents(this.data.link),(0,o.$on)(window,"resize",this.recalcPosition.bind(this)),(0,o.$on)(window,"orientationchange",(function(){e.removeTooltips()}))}return t.prototype.hoverTooltip=function(){this.intervalHover&&clearTimeout(this.intervalHover),this.showTooltip(this.data.position)},t.prototype.showTooltip=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{left:0,top:0,width:0,height:0},i=(0,o.qs)(".arrow",this.html),e=this.data.link.getBoundingClientRect(),s=15;this.data.position=t,this.isTooltipActive=!0;var a=t.left-this.data.width/2+t.width/2,n=t.top-this.data.height/2+t.height/2,l={right:{direction:"right",left:t.left+t.width+s,top:n,className:"right",difference:0,right:t.left-this.data.width-s},top:{direction:"top",left:a,top:t.top-this.data.height-s,className:"top",difference:0,right:a},left:{direction:"left",left:t.left-this.data.width-s,top:n+5,className:"left",difference:0,right:t.left+this.data.width+s},bottom:{direction:"bottom",left:a,top:t.top+t.height+s,className:"",difference:0,right:a}},h=this.data.positionCheckOrder||["right","top","left","bottom"],r=[l[h[0]],l[h[1]],l[h[2]],l[h[3]]];this.data.onOpen&&this.data.onOpen.call(this.data.parent,this),(0,o.removeClass)(this.html,this.classNameTooltip+"-top "+this.classNameTooltip+"-right "+this.classNameTooltip+"-left"),i.removeAttribute("style");for(var p=this.boundingContainer?this.boundingContainer.getBoundingClientRect():{left:0,top:0,right:this.widthScreen,bottom:window.innerHeight},d=!1,c=0,u=0;u<r.length;u+=1){this.isRtl?this.html.style.left=r[u].right+"px":this.html.style.left=r[u].left+"px",this.html.style.top=r[u].top+"px";var v=this.html.getBoundingClientRect();if("right"===r[u].direction&&this.isDesktopAndHasHover?d=v.right<p.right&&v.top>p.top&&v.bottom<p.bottom:"top"===r[u].direction?(d=v.top>p.top,r[u].difference=v.top-p.top):"left"===r[u].direction&&this.isDesktopAndHasHover?d=v.left>p.left&&v.top>p.top&&v.bottom<p.bottom:"bottom"===r[u].direction&&(d=v.bottom<p.bottom,r[u].difference=v.bottom-p.top),d){if(c=u,""!==r[u].className&&(0,o.addClass)(this.html,this.classNameTooltip+"-"+r[u].className),(0===u||2===u)&&this.data.image){var f=this.data.image.getBoundingClientRect().height;i.style.top=f+36+"px",this.html.style.top=t.top-f-15+"px"}break}}if(d||(c=Math.abs(r[1].difference)<=Math.abs(p.bottom-p.top-r[3].difference)?1:3,this.html.style.left=r[c].left+"px",this.html.style.top=r[c].top+"px",""!==r[c].className&&(0,o.addClass)(this.html,this.classNameTooltip+"-"+r[1].className)),(!this.isDesktopAndHasHover||this.data.isPromptToLeaveScreen)&&(1===c||3===c)){var m=this.html.getBoundingClientRect(),y=20,g=p.left,T=p.right;if(m.left<=g||m.right+y>=T)if(m.left<=g){var b=y+m.width>=T-g,C=this.boundingContainer?0:g;this.html.style.left=(b?0:y)+"px",i.style.left=e.left-C+e.width/2-(b?0:y)+"px"}else{var w=this.boundingContainer?0:g,k=m.left-w-(m.right-T)-y,H=e.left-w-(k<0?0:k)+e.width/2;this.html.style.left=(k<0?0:k)+"px",i.style.left=H+"px"}}(0,o.hasClass)(this.html,"open")||(0,o.addClass)(this.html,"open");var B=this.html.tabIndex>-1?this.html:(0,o.qs)('[tabindex="0"]',this.html);this.setFocus(B),this.bindedDetectClickOutside=this.detectClickOutside.bind(this),this.main.addEventListener("click",this.bindedDetectClickOutside)},t.prototype.detectClickOutside=function(t){this.html.contains(t.target)||(this.isTooltipActive&&this.removeTooltips(),t.stopPropagation())},t.prototype.setFocus=function(t){this.focusedItem&&this.isDesktopAndHasHover&&(t.focus(),this.isTooltipActive=!0)},t.prototype.hideTooltipOnTab=function(t){9===t.keyCode&&this.isTooltipActive&&!this.html.contains(document.activeElement)&&(this.initialFocusEl.focus(),this.removeTooltips(),this.isTooltipActive=!1)},t.prototype.hideTooltips=function(){var t=this;this.isTooltipActive=!1,this.intervalHover&&clearTimeout(this.intervalHover),this.isDesktopAndHasHover&&(this.intervalHover=setTimeout((function(){t.removeTooltips()}),this.timeHoverLink))},t.prototype.removeTooltips=function(){this.isTooltipActive=!1,(0,o.removeClass)(this.html,"open"),this.html.removeAttribute("style"),this.data.onOpen&&this.data.onClose.call(this.data.parent,this),this.intervalHover&&clearTimeout(this.intervalHover),this.main.removeEventListener("click",this.bindedDetectClickOutside)},t.prototype.selectOption=function(t){var i={left:t.offsetLeft,top:t.offsetTop,width:t.offsetWidth,height:t.offsetHeight};this.showTooltip(i)},t.prototype.attachLinkEvents=function(t){var i=this;(0,o.$on)(window,"keyup",this.hideTooltipOnTab.bind(this)),(0,o.$on)(t,"mouseover",(function(t){t.preventDefault(),i.isDesktopAndHasHover&&(i.focusedItem=!1,i.initialFocusEl=null,i.selectOption(i.data.link))})),(0,o.$on)(t,"mouseleave",(function(){i.isDesktopAndHasHover&&(i.focusedItem=!1,i.hideTooltips(),i.initialFocusEl=null)})),(0,o.$on)(t,"click",(function(t){i.eventNotHoverCapable(t,!0)}))},t.prototype.eventNotHoverCapable=function(t){var i=this,e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];t.preventDefault(),this.data.siblings.length>1&&(0,o.forEach)(this.data.siblings,(function(t){t.data.id!==i.data.id&&t.isTooltipActive&&t.removeTooltips.call(t)})),this.focusedItem=!0,this.initialFocusEl=this.data.link,this.isTooltipActive?this.removeTooltips():this.isDesktopAndHasHover&&!e||(this.data.hideOnMobile||"mobile"!==(0,o.deviceDetection)())&&(this.data.hideOnTablet||"tablet"!==(0,o.deviceDetection)())&&"desktop"!==(0,o.deviceDetection)()||this.selectOption(this.initialFocusEl),t.stopPropagation()},t.prototype.recalcPosition=function(){this.widthScreen=this.boundingContainer?this.boundingContainer.offsetWidth:window.innerWidth,this.isDesktopAndHasHover?this.removeTooltips():this.isTooltipActive&&this.selectOption(this.data.link)},t.prototype.handleMediaQueryChange=function(t){this.isDesktopAndHasHover=this.isHoverCapable&&t.matches},t}();i.default=s}}]);