(window.webpackJsonp=window.webpackJsonp||[]).push([[47,269,382],{1459:function(t,e,n){var content=n(1751);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,n(94).default)("333b514c",content,!0,{sourceMap:!1})},1750:function(t,e,n){"use strict";n(1459)},1751:function(t,e,n){var r=n(93)(!1);r.push([t.i,".component-article-section-programmable-related-content {\n position: relative;\n display: flex;\n margin: 25px auto;\n}\n.component-article-section-programmable-related-content .stories-wrapper {\n display: flex;\n width: 100%;\n overflow-x: hidden;\n}\n.component-article-section-programmable-related-content .stories-wrapper .stories-wrapper--stories {\n display: flex;\n}\n.component-article-section-programmable-related-content .stories-wrapper .arrows {\n display: none;\n}\n.component-article-section-programmable-related-content .stories-wrapper.story-count--1-critical .story {\n flex-direction: row;\n align-items: center;\n}\n.component-article-section-programmable-related-content .stories-wrapper.story-count--1-critical .story .story__link-image {\n margin: 0 20px 0 0;\n flex-shrink: 0;\n}\n.component-article-section-programmable-related-content .stories-wrapper.story-count--2-critical .stories-wrapper--stories {\n transition: transform 400ms ease-in-out;\n transform: translateX(0);\n}\n.component-article-section-programmable-related-content .stories-wrapper.story-count--2-critical .story {\n margin-right: 20px;\n}\n.component-article-section-programmable-related-content .stories-wrapper.story-count--2-critical .story:last-of-type {\n margin-right: 0;\n}\n.component-article-section-programmable-related-content .stories-wrapper.story-count--2-critical .story figcaption {\n height: 81px;\n}\n@media (min-width: 768px) {\n.component-article-section-programmable-related-content .stories-wrapper.story-count--2-critical .story figcaption {\n height: auto;\n}\n}\n.component-article-section-programmable-related-content .stories-wrapper:not(.story-count--1-critical):not(.story-count--2-critical) {\n position: relative;\n align-items: center;\n overflow-x: hidden;\n}\n@media (min-width: 768px) {\n.component-article-section-programmable-related-content .stories-wrapper:not(.story-count--1-critical):not(.story-count--2-critical) {\n justify-content: center;\n overflow-x: initial;\n}\n}\n.component-article-section-programmable-related-content .stories-wrapper:not(.story-count--1-critical):not(.story-count--2-critical) .arrows {\n display: none;\n position: absolute;\n top: 115px;\n height: 16px;\n width: 9px;\n}\n@media (min-width: 768px) {\n.component-article-section-programmable-related-content .stories-wrapper:not(.story-count--1-critical):not(.story-count--2-critical) .arrows {\n display: block;\n}\n}\n.component-article-section-programmable-related-content .stories-wrapper:not(.story-count--1-critical):not(.story-count--2-critical) .arrows.previous {\n left: -25px;\n}\n.component-article-section-programmable-related-content .stories-wrapper:not(.story-count--1-critical):not(.story-count--2-critical) .arrows.next {\n right: -25px;\n}\n.component-article-section-programmable-related-content .stories-wrapper:not(.story-count--1-critical):not(.story-count--2-critical) .arrows:hover {\n cursor: pointer;\n}\n.component-article-section-programmable-related-content .stories-wrapper:not(.story-count--1-critical):not(.story-count--2-critical) .arrows::after {\n filter: none;\n}\n@media (min-width: 768px) {\n.component-article-section-programmable-related-content .stories-wrapper:not(.story-count--1-critical):not(.story-count--2-critical) .stories-wrapper--overflow-container {\n overflow: hidden;\n}\n}\n.component-article-section-programmable-related-content .stories-wrapper:not(.story-count--1-critical):not(.story-count--2-critical) .stories-wrapper--stories {\n transition: transform 400ms ease-in-out;\n transform: translateX(0);\n}\n@media (min-width: 768px) {\n.component-article-section-programmable-related-content .stories-wrapper:not(.story-count--1-critical):not(.story-count--2-critical) .stories-wrapper--stories {\n transition: transform 600ms ease-in-out;\n}\n}\n.component-article-section-programmable-related-content .stories-wrapper:not(.story-count--1-critical):not(.story-count--2-critical) .story {\n margin-right: 20px;\n}\n.component-article-section-programmable-related-content .stories-wrapper:not(.story-count--1-critical):not(.story-count--2-critical) .story:last-of-type {\n margin-right: 0;\n}\n.component-article-section-programmable-related-content .stories-wrapper:not(.story-count--1-critical):not(.story-count--2-critical) .story figcaption {\n height: 81px;\n}\n.component-article-section-programmable-related-content .stories-wrapper:not(.story-count--1-critical):not(.story-count--2-critical) .story figcaption .story__title {\n -webkit-line-clamp: 3;\n}\n@media (min-width: 768px) {\n.component-article-section-programmable-related-content .stories-wrapper:not(.story-count--1-critical):not(.story-count--2-critical) .story figcaption .story__title {\n -webkit-line-clamp: 3;\n}\n}\n.component-article-section-programmable-related-content .stories-wrapper .story {\n display: flex;\n flex-direction: column;\n}\n.component-article-section-programmable-related-content .stories-wrapper .story .story__link-image {\n margin-bottom: 10px;\n}\n.component-article-section-programmable-related-content .stories-wrapper .story .story__link-image:hover {\n cursor: pointer;\n}\n@media (min-width: 768px) {\n.component-article-section-programmable-related-content .stories-wrapper .story .story__link-image:hover + figcaption a {\n color: #007CBE;\n}\n}\n.component-article-section-programmable-related-content .stories-wrapper .story figcaption {\n display: flex;\n flex-direction: column;\n}\n.component-article-section-programmable-related-content .stories-wrapper .story figcaption .story__title,\n.component-article-section-programmable-related-content .stories-wrapper .story figcaption .story__author {\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n@media (min-width: 768px) {\n.component-article-section-programmable-related-content .stories-wrapper .story figcaption .story__title,\n .component-article-section-programmable-related-content .stories-wrapper .story figcaption .story__author {\n -webkit-line-clamp: 2;\n}\n}\n.component-article-section-programmable-related-content .stories-wrapper .story figcaption .story__title {\n font-family: 'FuturaPtDemi', Trebuchet MS, sans-serif;\n color: #2E2E30;\n margin-bottom: 5px;\n}\n.component-article-section-programmable-related-content .stories-wrapper .story figcaption .story__title em,\n.component-article-section-programmable-related-content .stories-wrapper .story figcaption .story__title i {\n font-family: 'FuturaPtDemi', Trebuchet MS, sans-serif;\n font-style: italic;\n}\n.component-article-section-programmable-related-content .stories-wrapper .story figcaption .story__title .story__link-title {\n display: inline;\n color: #2E2E30;\n transition: color 0.2s linear;\n text-decoration: none;\n}\n@media (min-width: 768px) {\n.component-article-section-programmable-related-content .stories-wrapper .story figcaption .story__title .story__link-title:hover {\n color: #007CBE;\n cursor: pointer;\n}\n}\n.component-article-section-programmable-related-content .stories-wrapper .story figcaption .story__author {\n font-family: 'ProximaNovaRegular', Arial, sans-serif;\n color: #404B51;\n font-size: 10px;\n line-height: 16px;\n text-transform: capitalize;\n -webkit-line-clamp: 1;\n margin-top: auto;\n}\n.component-article-section-programmable-related-content .stories-wrapper .story figcaption .story__title {\n font-size: 16px;\n line-height: 23px;\n}\n",""]),t.exports=r},2059:function(t,e,n){"use strict";n.r(e);n(20),n(30),n(21),n(5),n(48),n(13),n(49);var r=n(18),o=(n(19),n(27),n(0)),c=n(95),l=n(835);function m(object,t){var e=Object.keys(object);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(object);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(object,t).enumerable}))),e.push.apply(e,n)}return e}function f(t){for(var i=1;i-10},device:function(){return this.getIsMobile?"mobile":"desktop"},multiStoryClass:function(){return Object(o.a)(this,"storyCount","")>=2},stories:function(){return Object(o.a)(this,"relatedcontent",[])},imageProfiles:function(){return Object(o.a)(this,"$config.components.prc.".concat(this.storyCountTitle,".imageProfiles"),[])},storyCount:function(){return Object(o.a)(this,"relatedcontent",[]).length},storyCountTitle:function(){return Object(o.a)(this,"storyCount","")>2?"triple":2===Object(o.a)(this,"storyCount","")?"double":"single"}}),mounted:function(){this.calcImageAspectRatio(),this.calcStoryImageWidth(),this.addTouchEventsListener(),this.fireGtmImpressionTracking()},methods:{addTouchEventsListener:function(){var t=this.$refs.storiesWrapper;t&&Object(l.a)(t,{orientation:"horizontal",threshold:20},this.updateActiveStory,this.endImageTouch)},calcImageAspectRatio:function(){return this.imageAspectRatioValue=Object(o.a)(this,"$config.components.prc.".concat(this.storyCountTitle,".aspectRatio.").concat(this.device),"100")},calcStoryImageWidth:function(){var t=Object(o.a)(this,"$refs.storyContainer.offsetWidth",""),e=Object(o.a)(this,"storyCount",""),n=Object(o.a)(this,"$config.components.prc.".concat(this.storyCountTitle,".imageWidth.mobile"),"100px"),r="";return e>2&&(r="".concat((t-40)/3,"px"),this.paginationFactor=(t-40)/3+20),2===e&&(r="".concat((t-20)/2,"px")),1===e&&(r="150px"),this.imageWidthValue="desktop"===this.device?r:n},endImageTouch:function(t,e){this.paginationFactor=215;var n=Object(o.a)(this,"storyCount","")-1;2===this.storyCount&&(this.paginationFactor=75.5),1!==e||this.mobileAtEndOfList?-1!==e||this.atHeadOfList||(this.movingTo=this.movingTo+e,this.currentStory=this.currentStory+e,this.movingTo===n-1&&(this.paginationFactor=75.5),this.currentOffset+=this.paginationFactor):(this.movingTo=this.movingTo+e,this.currentStory=this.currentStory+e,this.movingTo!==n&&0!==this.movingTo||(this.paginationFactor=75.5),this.currentOffset-=this.paginationFactor)},fireGtmImpressionTracking:function(){var t=Object(o.a)(this,"relatedcontent",[]).map((function(article){return Object(o.a)(article,"id","")}));window.dataLayer.push({event:"rc_inline_impression",urls:t})},getDataGtmInfo:function(t){return t+1},moveCarousel:function(t){1!==t||this.atEndOfList?-1!==t||this.atHeadOfList||(this.currentOffset+=this.paginationFactor):this.currentOffset-=this.paginationFactor},showArrow:function(t){return!(this.getIsMobile||this.storyCount<=3)&&(1===t?!this.atEndOfList:-1===t?!this.atHeadOfList:void 0)},storyProp:function(t,e){return"image"===e?Object(o.a)(t,"".concat(e),{}):Object(o.a)(t,"".concat(e),"")},relatedContentWriter:function(t){return this.storyProp(t,"writer.display_name")||this.storyProp(t,"writer")}}},d=(n(1750),n(43)),component=Object(d.a)(h,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{ref:"storyContainer",staticClass:"component-article-section-programmable-related-content",class:{"multi-story-margin":t.multiStoryClass}},[n("div",{staticClass:"stories-wrapper",class:"story-count--"+t.storyCount+"-critical"},[n("div",{directives:[{name:"show",rawName:"v-show",value:t.showArrow(-1),expression:"showArrow(-1)"}],staticClass:"svg arrows previous ui-slideshow-icons previous-icon",attrs:{"aria-label":"previous button"},on:{click:function(e){return t.moveCarousel(-1)}}}),t._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:t.showArrow(1),expression:"showArrow(1)"}],staticClass:"svg arrows next next-icon",attrs:{"aria-label":"next button"},on:{click:function(e){return t.moveCarousel(1)}}}),t._v(" "),n("div",{ref:"storiesWrapper",staticClass:"stories-wrapper--overflow-container"},[n("div",{staticClass:"stories-wrapper--stories",style:"transform: translateX("+t.currentOffset+"px)"},t._l(t.stories,(function(e,r){return n("figure",{key:r,staticClass:"story"},[n("a",{staticClass:"story__link-image",style:"width: "+t.imageWidthValue,attrs:{href:"https://"+t.storyProp(e,"id"),"data-event":t.dataGtmEvent,"data-info":t.getDataGtmInfo(r),"aria-label":"article link"}},[n("ResponsivePicture",{attrs:{image:t.storyProp(e,"image"),"default-profile":"100x100",sources:t.imageProfiles,"aspect-ratio-value":t.imageAspectRatioValue,"disable-link":!0}})],1),t._v(" "),n("figcaption",[n("h5",{staticClass:"story__title"},[n("a",{staticClass:"story__link-title",attrs:{href:"https://"+t.storyProp(e,"id"),"data-event":t.dataGtmEvent,"data-info":t.getDataGtmInfo(r),"aria-label":"article link"}},[t._v("\n "+t._s(t.storyProp(e,"title"))+"\n ")])]),t._v(" "),n("span",{staticClass:"story__author ui-label"},[n("span",{staticClass:"story__author--byline"},[t._v("by")]),t._v("\n "+t._s(t.relatedContentWriter(e))+"\n ")])])])})),0)])])])}),[],!1,null,null,null);e.default=component.exports;installComponents(component,{ResponsivePicture:n(826).default})},822:function(t,e,n){var content=n(828);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,n(94).default)("281e2c94",content,!0,{sourceMap:!1})},826:function(t,e,n){"use strict";n.r(e);n(20),n(30),n(21),n(48),n(49);var r=n(15),o=n(18),c=(n(185),n(17),n(50),n(186),n(5),n(13),n(19),n(129),n(40),n(27),n(0));function l(object,t){var e=Object.keys(object);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(object);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(object,t).enumerable}))),e.push.apply(e,n)}return e}var m={name:"ResponsivePicture",props:{defaultProfile:{type:String,default:"630x"},image:{type:Object,default:function(){return{}},required:!0},imageMobile:{type:String,default:""},smallestProfile:{type:String,default:"375"},loadPriority:{type:String,default:"lazy"},classNames:{type:Array,default:function(){return[]}},sources:{type:Array,default:function(){return[]}},aspectRatio:{type:Boolean,default:!0},aspectRatioValue:{type:String,default:""},onImgLoaded:{type:Function,default:function(){}},fromLightbox:{type:Boolean,default:!1},fetchPriorityHigh:{type:Boolean,default:!1},disablePositionRelative:{type:Boolean,default:!1},disablePositionAbsolute:{type:Boolean,default:!1},disableLink:{type:Boolean,default:!1},disablePaddingTrick:{type:Boolean,default:!1},imgWidth:{type:Number,default:null},imgHeight:{type:Number,default:null},quality:{type:Number,default:0}},data:function(){return{defaultSources:[["768px","630x"],["500px","600x"],["320px","510x"]]}},computed:{affiliateLink:function(){return Object(c.a)(this,"image.affiliate_link","")},addStyles:function(){var t=function(t){for(var i=1;i0&&void 0!==arguments[0]?arguments[0]:"";return"vertical"===t?"screenY":"screenX"}function c(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:function(){},c=arguments.length>3&&void 0!==arguments[3]?arguments[3]:function(){};if(t&&"ontouchstart"in window){var l=e.threshold,m=e.orientation,f="changedTouches[0]".concat(o(m)),h=0;t.addEventListener("touchstart",(function(t){h=Object(r.a)(t,f,0)}),!1),t.addEventListener("touchmove",(function(t){var e=Object(r.a)(t,f,0);n(h-e)}),!1),t.addEventListener("touchend",(function(t){var e=Object(r.a)(t,f,0),n=0;l0?1:-1),c(h-e,n)}),!1)}}}}]);