(window.webpackJsonp=window.webpackJsonp||[]).push([[37],{643:function(e,t,a){"use strict";a.r(t),a.d(t,"postQuery",(function(){return r}));a(6);var n=a(0),s=a.n(n),o=a(639),i=a(685);t.default=function(e){var t=e.data,a=t.post,n=t.portfolios,r=t.casestudies;switch(a.primary_tag.name.toLowerCase()){case"news":return s.a.createElement(s.a.Fragment,null,s.a.createElement(o.d,null,s.a.createElement(i.e,{post:a})));case"jobs":return s.a.createElement(s.a.Fragment,null,s.a.createElement(o.d,null,s.a.createElement(i.d,{post:a})));case"services":case"challenges":return s.a.createElement(s.a.Fragment,null,s.a.createElement(o.d,null));case"portfolio":return s.a.createElement(s.a.Fragment,null,s.a.createElement(i.f,{post:a,portfolios:n}));case"case studies":return s.a.createElement(s.a.Fragment,null,s.a.createElement(o.d,null,s.a.createElement(i.a,{post:a,casestudies:r})));default:return s.a.createElement(s.a.Fragment,null,s.a.createElement(o.d,null,s.a.createElement("p",null,"No Post Type Available")))}};var r="4202374590"},679:function(e){e.exports=JSON.parse('{"data":{"getNavigation":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns=\'http://www.w3.org/2000/svg\'%20width=\'400\'%20height=\'400\'%3e%3cpath%20d=\'M164%20103c-2%200-19%2018-19%2019%200%202%206%2012%209%2013l4%204%204%204%204%204%204%204%205%205%204%204%204%204%204%204%204%205%204%204%204%204%205%204%204%204%202%203c2%200%206%205%206%209%200%203-4%208-6%208l-2%203-4%204-5%204-4%204-4%205-4%204-4%204-4%204-4%204-5%205-4%204-4%204-4%204-4%204c-3%201-9%2011-9%2013l9%2010c15%2015%208%2018%2064-38%2046-46%2047-47%2047-50%200-4-1-5-47-51-47-48-49-49-54-47\'%20fill=\'%23d3d3d3\'%20fill-rule=\'evenodd\'/%3e%3c/svg%3e","aspectRatio":1,"src":"/static/2b745d13941c45135e4542f98d0f654f/e35b7/baseline_navigate_next_black_24dp.png","srcSet":"/static/2b745d13941c45135e4542f98d0f654f/e35b7/baseline_navigate_next_black_24dp.png 48w","sizes":"(max-width: 48px) 100vw, 48px"}}}}}')},680:function(e,t,a){"use strict";a(15),Object.defineProperty(t,"__esModule",{value:!0}),t.Thumbs=t.Carousel=void 0;var n=o(a(686)),s=o(a(684));function o(e){return e&&e.__esModule?e:{default:e}}t.Carousel=n.default,t.Thumbs=s.default},681:function(e,t,a){"use strict";a(15),Object.defineProperty(t,"__esModule",{value:!0});var n,s=a(687),o=(n=s)&&n.__esModule?n:{default:n};t.default={CAROUSEL:function(e){return(0,o.default)({carousel:!0,"carousel-slider":e})},WRAPPER:function(e,t){return(0,o.default)({"thumbs-wrapper":!e,"slider-wrapper":e,"axis-horizontal":"horizontal"===t,"axis-vertical":"horizontal"!==t})},SLIDER:function(e,t){return(0,o.default)({thumbs:!e,slider:e,animated:!t})},ITEM:function(e,t){return(0,o.default)({thumb:!e,slide:e,selected:t})},ARROW_PREV:function(e){return(0,o.default)({"control-arrow control-prev":!0,"control-disabled":e})},ARROW_NEXT:function(e){return(0,o.default)({"control-arrow control-next":!0,"control-disabled":e})},DOT:function(e){return(0,o.default)({dot:!0,selected:e})}}},682:function(e,t,a){"use strict";a(15),Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){return"translate3d"+("("+("horizontal"===t?[e,0,0]:[0,e,0]).join(",")+")")}},683:function(e,t,a){var n,s,o;a(15),s=[t,a(688)],void 0===(o="function"==typeof(n=function(e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a,n=(a=t)&&a.__esModule?a:{default:a};e.default=n.default})?n.apply(t,s):n)||(e.exports=o)},684:function(e,t,a){"use strict";a(12),a(25),a(40),a(17),a(115),a(21),a(35),a(15),Object.defineProperty(t,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},s=function(){function e(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,a,n){return a&&e(t.prototype,a),n&&e(t,n),t}}(),o=a(0),i=p(o),r=p(a(83)),l=p(a(681)),c=a(689),m=p(a(682)),u=p(a(683));function p(e){return e&&e.__esModule?e:{default:e}}var d=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var a=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return f.call(a),a.state={selectedItem:e.selectedItem,hasMount:!1,firstItem:0,itemSize:null,visibleItems:0,lastPosition:0,showArrows:!1,images:a.getImages()},a}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),s(t,[{key:"componentDidMount",value:function(e){this.setupThumbs()}},{key:"componentWillReceiveProps",value:function(e,t){e.selectedItem!==this.state.selectedItem&&this.setState({selectedItem:e.selectedItem,firstItem:this.getFirstItem(e.selectedItem)}),e.children!==this.props.children&&this.setState({images:this.getImages()})}},{key:"componentDidUpdate",value:function(e){this.props.children!==e.children&&this.updateSizes()}},{key:"componentWillUnmount",value:function(){this.destroyThumbs()}},{key:"setupThumbs",value:function(){window.addEventListener("resize",this.updateSizes),window.addEventListener("DOMContentLoaded",this.updateSizes),this.updateSizes()}},{key:"destroyThumbs",value:function(){window.removeEventListener("resize",this.updateSizes),window.removeEventListener("DOMContentLoaded",this.updateSizes)}},{key:"getImages",value:function(){var e=o.Children.map(this.props.children,(function(e,t){var a=e;return"img"!==e.type&&(a=o.Children.toArray(e.props.children).filter((function(e){return"img"===e.type}))[0]),a&&0!==a.length?a:null}));return 0===e.filter((function(e){return null!==e})).length?(console.warn("No images found! Can't build the thumb list without images. If you don't need thumbs, set showThumbs={false} in the Carousel. Note that it's not possible to get images rendered inside custom components. More info at https://github.com/leandrowd/react-responsive-carousel/blob/master/TROUBLESHOOTING.md"),null):e}},{key:"getFirstItem",value:function(e){var t=e;return e>=this.state.lastPosition&&(t=this.state.lastPosition),e<this.state.firstItem+this.state.visibleItems&&(t=this.state.firstItem),e<this.state.firstItem&&(t=e),t}},{key:"renderItems",value:function(){var e=this;return this.state.images.map((function(t,a){var s=l.default.ITEM(!1,a===e.state.selectedItem&&e.state.hasMount),o={key:a,ref:function(t){return e.setThumbsRef(t,a)},className:s,onClick:e.handleClickItem.bind(e,a,e.props.children[a]),onKeyDown:e.handleClickItem.bind(e,a,e.props.children[a]),"aria-label":e.props.labels.item+" "+(a+1)};return 0===a&&(t=i.default.cloneElement(t,{onLoad:e.setMountState})),i.default.createElement("li",n({},o,{role:"button",tabIndex:0}),t)}))}},{key:"render",value:function(){if(!this.props.children)return null;var e,t=this.state.showArrows&&this.state.firstItem>0,a=this.state.showArrows&&this.state.firstItem<this.state.lastPosition,n=-this.state.firstItem*this.state.itemSize+"px",s=(0,m.default)(n,this.props.axis),o=this.props.transitionTime+"ms";return e={WebkitTransform:s,MozTransform:s,MsTransform:s,OTransform:s,transform:s,msTransform:s,WebkitTransitionDuration:o,MozTransitionDuration:o,MsTransitionDuration:o,OTransitionDuration:o,transitionDuration:o,msTransitionDuration:o},i.default.createElement("div",{className:l.default.CAROUSEL(!1)},i.default.createElement("div",{className:l.default.WRAPPER(!1),ref:this.setItemsWrapperRef},i.default.createElement("button",{type:"button",className:l.default.ARROW_PREV(!t),onClick:this.slideRight,"aria-label":this.props.labels.leftArrow}),i.default.createElement(u.default,{tagName:"ul",selectedItem:this.state.selectedItem,className:l.default.SLIDER(!1,this.state.swiping),onSwipeLeft:this.slideLeft,onSwipeRight:this.slideRight,onSwipeMove:this.onSwipeMove,onSwipeStart:this.onSwipeStart,onSwipeEnd:this.onSwipeEnd,style:e,ref:this.setItemsListRef},this.renderItems()),i.default.createElement("button",{type:"button",className:l.default.ARROW_NEXT(!a),onClick:this.slideLeft,"aria-label":this.props.labels.rightArrow})))}}]),t}(o.Component);d.displayName="Thumbs",d.propsTypes={children:r.default.element.isRequired,transitionTime:r.default.number,selectedItem:r.default.number,thumbWidth:r.default.number,labels:r.default.shape({leftArrow:r.default.string,rightArrow:r.default.string,item:r.default.string})},d.defaultProps={selectedItem:0,transitionTime:350,axis:"horizontal"};var f=function(){var e=this;this.setItemsWrapperRef=function(t){e.itemsWrapperRef=t},this.setItemsListRef=function(t){e.itemsListRef=t},this.setThumbsRef=function(t,a){e.thumbsRef||(e.thumbsRef=[]),e.thumbsRef[a]=t},this.updateSizes=function(){if(e.props.children&&e.itemsWrapperRef){var t=e.props.children.length,a=e.itemsWrapperRef.clientWidth,n=e.props.thumbWidth?e.props.thumbWidth:(0,c.outerWidth)(e.thumbsRef[0]),s=Math.floor(a/n),o=t-s,i=s<t;e.setState((function(t,a){return{itemSize:n,visibleItems:s,firstItem:i?e.getFirstItem(a.selectedItem):0,lastPosition:o,showArrows:i}}))}},this.setMountState=function(){e.setState({hasMount:!0}),e.updateSizes()},this.handleClickItem=function(t,a,n){if(!n.keyCode||"Enter"===n.key){var s=e.props.onSelectItem;"function"==typeof s&&s(t,a)}},this.onSwipeStart=function(){e.setState({swiping:!0})},this.onSwipeEnd=function(){e.setState({swiping:!1})},this.onSwipeMove=function(t){var a=-e.state.firstItem*e.state.itemSize;0===a&&t>0&&(t=0),a===-e.state.visibleItems*e.state.itemSize&&t<0&&(t=0);var n=a+100/(e.itemsWrapperRef.clientWidth/t)+"%";e.itemsListRef&&["WebkitTransform","MozTransform","MsTransform","OTransform","transform","msTransform"].forEach((function(t){e.itemsListRef.style[t]=(0,m.default)(n,e.props.axis)}))},this.slideRight=function(t){e.moveTo(e.state.firstItem-("number"==typeof t?t:1))},this.slideLeft=function(t){e.moveTo(e.state.firstItem+("number"==typeof t?t:1))},this.moveTo=function(t){t=(t=t<0?0:t)>=e.lastPosition?e.lastPosition:t,e.setState({firstItem:t})}};t.default=d},685:function(e,t,a){"use strict";a(16),a(3);var n=a(679),s=a(0),o=a.n(s),i=a(640),r=a.n(i),l=a(639),c=a(82),m=a.n(c),u=a(10),p=a(39),d=a.n(p),f=function(e){var t=r.a.load(e.post.html);t("ul").addClass("p-list pb-4"),t("p").addClass("pb-5"),t("img").addClass("text-center m-auto pb-5"),t("img").attr("width","auto"),t("img").attr("height","auto"),t("img").attr("alt",e.post.title+" related"),t("img").attr("title",e.post.title),t("figure").addClass("text-center"),t("img").map((function(e,t){var a=t.attribs.src.replace("http://","https://");t.attribs.src=a}));var a=n.data;return o.a.createElement("main",{role:"main",className:"storyDetails"},o.a.createElement(m.a,null,o.a.createElement("title",null,"News | "+e.post.title.split(" ").splice(0,5).join(" ")+"..."),o.a.createElement("meta",{name:"description",content:e.post.excerpt}),o.a.createElement("meta",{name:"twitter:title",content:e.post.title}),o.a.createElement("meta",{property:"og:title",content:e.post.title}),o.a.createElement("meta",{name:"og:description",content:e.post.excerpt}),o.a.createElement("meta",{name:"twitter:description",content:e.post.excerpt}),o.a.createElement("meta",{name:"twitter:card",content:e.post.excerpt}),o.a.createElement("meta",{property:"og:type",content:"website"}),o.a.createElement("meta",{property:"og:locale",content:"en_US"}),o.a.createElement("meta",{name:"twitter:url",content:"https://www.tarento.com/"+e.post.url.split("/")[3]+"/"}),o.a.createElement("meta",{property:"og:url",content:"https://www.tarento.com/"+e.post.url.split("/")[3]+"/"}),o.a.createElement("meta",{property:"og:image",content:e.post.feature_image}),o.a.createElement("meta",{name:"twitter:image",content:e.post.feature_image}),o.a.createElement("meta",{name:"twitter:site",content:e.post.title}),o.a.createElement("link",{href:"https://www.tarento.com/"+e.post.url.split("/")[3]+"/",rel:"canonical"})),o.a.createElement(l.c,null),o.a.createElement("section",{className:"mt-4"},o.a.createElement("div",{className:"container"},o.a.createElement("div",{className:"row"},o.a.createElement("div",{className:"col-md-12 m-auto"},o.a.createElement("div",{className:"row mb-3 pl-0 ml-0"},o.a.createElement(u.a,{to:"/news/",className:"link-underline"},o.a.createElement("label",{className:"breadcumb-1 pt-3"}," News")),o.a.createElement("div",{className:"navigate-1 pt-3"},o.a.createElement(d.a,{className:"",fluid:a.getNavigation.childImageSharp.fluid,alt:"navigate"})),o.a.createElement("label",{className:"breadcumb-1 pt-3"},e.post.title)),o.a.createElement("div",{className:"storyCard"},o.a.createElement("h1",{className:"h4 h2LS original-text pb-3"},e.post.title),o.a.createElement("div",{dangerouslySetInnerHTML:{__html:t.html()}})))))))},h=function(e){if(e.post.feature_image)return o.a.createElement(o.a.Fragment,null,o.a.createElement("p",null,"Not Available"));var t=r.a.load(e.post.html);return t("ul").addClass("p-list pb-4"),t("p").addClass("pb-5"),t("h4").addClass("pb-4"),t("img").addClass("text-center m-auto pb-5"),o.a.createElement(o.a.Fragment,null,o.a.createElement(m.a,null,o.a.createElement("title",null,"Tarento - Careers | ",e.post.title," | Apply Now"),o.a.createElement("meta",{name:"twitter:title",content:"Tarento - Careers | JOIN THE T-CREW | "+e.post.title}),o.a.createElement("meta",{property:"og:title",content:"Tarento - Careers | JOIN THE T-CREW | "+e.post.title}),o.a.createElement("meta",{property:"og:image",content:"https://www.tarento.com/images/career/job.png"}),o.a.createElement("meta",{name:"twitter:image",content:"https://www.tarento.com/images/career/job.png"}),o.a.createElement("meta",{name:"description",content:e.post.meta_description}),o.a.createElement("meta",{name:"og:description",content:e.post.meta_description}),o.a.createElement("meta",{name:"twitter:description",content:e.post.meta_description}),o.a.createElement("meta",{name:"twitter:card",content:e.post.meta_description}),o.a.createElement("meta",{property:"og:type",content:"jobs"}),o.a.createElement("meta",{property:"og:locale",content:"en_US"}),o.a.createElement("meta",{name:"twitter:url",content:"https://www.tarento.com/"+e.post.url.split("/")[3]+"/"}),o.a.createElement("meta",{property:"og:url",content:"https://www.tarento.com/"+e.post.url.split("/")[3]+"/"}),o.a.createElement("meta",{name:"twitter:site",content:e.post.title}),o.a.createElement("link",{href:"https://www.tarento.com/"+e.post.url.split("/")[3]+"/",rel:"canonical"})),o.a.createElement(l.c,null),o.a.createElement("div",{className:"jumbotron layoutBg",id:"info"},o.a.createElement("div",{className:"container-service"},o.a.createElement("div",{className:"row  align-items-center"},o.a.createElement("div",{className:"col-md-8 col-lg-6 mr-lg-5"},o.a.createElement("div",{className:"digitalInfo"},o.a.createElement("h1",{className:"h2 h2LS text-uppercase"},e.post.title),o.a.createElement("h2",{className:"b6 h6",style:{whiteSpace:"pre"}},e.post.meta_description),o.a.createElement("div",{className:"applyJobs"},o.a.createElement("a",{href:"mailto:careers@tarento.com?subject="+e.post.title,className:"btn btn-primary mt-3 mr-2"},"Apply for this job")))),o.a.createElement("div",{className:"col-md-4 col-lg-5"},o.a.createElement("div",{className:"digitalImg mt-4"},o.a.createElement("img",{src:"/images/career/job.png",alt:"Jobs",title:"Jobs",width:"auto",height:"auto"})))))),o.a.createElement("section",{className:"layout load-external-scripts"},o.a.createElement("div",{className:"container"},o.a.createElement("div",{className:"row"},o.a.createElement("div",{className:"col-md-10 m-auto"},o.a.createElement("div",{className:"titleSection"},o.a.createElement("div",{dangerouslySetInnerHTML:{__html:t.html()}}),o.a.createElement("div",{className:"applyJobs"},o.a.createElement("a",{href:"mailto:careers@tarento.com?subject="+e.post.title,className:"btn btn-primary mt-3 mr-2"},"Apply for this job"))))))))},v=(a(6),a(220),a(221),a(642),a(680)),b=function(e){var t=r.a.load(e.post.html),a=r.a.load(e.post.html),i=[],c=[];a().addClass("container-service"),a(".kg-card").addClass("text-center "),a("ul").addClass("p-list pb-4 container-service "),a("p").addClass("lead b6 container-service"),a("li").addClass("lead b6"),a("h5").addClass("pb-2 text-uppercase center h4 container-service"),a("h3").addClass("pt-4 container-service"),a("img").first().addClass("w-100"),a("p > strong").parent().addClass("pb-4 pt-2 container-service"),a("img").addClass("text-center m-auto pb-5 custom-width-1"),a("img").attr("alt",e.post.title+" related"),a("img").attr("title",e.post.title),a("img").attr("width","auto"),a("img").attr("height","auto"),a("ul").wrap('<div class=" container-service"></div>'),a("blockquote").wrap('<div class="w-75 container-service"></div>'),a("blockquote").addClass("p-4 mt-4 mb-4 portfolio-quote"),a("iframe").addClass("container-service mt-4 "),a("iframe").attr("height","600"),a("iframe").addClass("container-service case-study-video mt-4 "),a("iframe").attr("height","800"),a("iframe").removeAttr("width"),a("figcaption").addClass("mt-2 mb-4");var p=t("img").attr("src").replace("http://","https://");t("img").attr("src",p),e.portfolios.edges.map((function(t,a){e.post.title===t.node.title&&(e.post.previous=e.portfolios.edges[a-1],e.post.next=e.portfolios.edges[a+1])})),e.post.tags.map((function(t,a){if(t.name.includes("#"))switch(t.name=t.name.replace("#",""),t.name=t.name.split(":"),t.name[0]){case"client":e.post.client=t.name[1];break;case"project":e.post.project=t.name[1].replace("_"," ");break;case"platform":e.post.platform=t.name[1]}})),a(".kg-image-card").map((function(e,t){var a=t.childNodes[0].attribs.src.replace("http://","https://");t.childNodes[0].attribs.src=a})),t(".kg-image-card").map((function(e,t){c.push(t.childNodes[0].attribs)})),t(".kg-gallery-image").map((function(e,t){i.push(t.childNodes[0].attribs)})),t(".kg-gallery-card").remove(),t("ul").remove(),t("p").remove(),t("img").addClass("text-center m-auto pb-5"),t("h3").remove(),t("h4").remove(),Object(s.useEffect)((function(){var e=document.createElement("script");e.src="https://js.hsforms.net/forms/v2.js",document.body.appendChild(e),e.addEventListener("load",(function(){window.hbspt&&window.hbspt.forms.create({region:"na1",portalId:"20375345",formId:"7fe3c187-dca5-48c8-a83b-c61b01fbf745",target:"#hubspotForm"})})),setTimeout((function(){var e=document.querySelector("#hs-form-iframe-0"),t=e.contentWindow.document.querySelector(".hs-button");t.style.background="rgba(0, 0, 0, 0.9)",t.style.border="1px solid rgba(0, 0, 0, 0.9)",t.style.color="white",t.style.letterSpacing="1",t.style.minWidth="220",t.style.width="auto",t.style.padding="1rem 3rem",t.style.fontSize="0.875rem",t.addEventListener("mouseover",(function(){t.style.background="white",t.style.color="rgba(0, 0, 0, 0.9)"})),t.addEventListener("mouseout",(function(){t.style.background="rgba(0, 0, 0, 0.9)",t.style.color="white"})),t.addEventListener("click",(function(){setTimeout((function(){var t=e.contentWindow.document.querySelector(".submitted-message");t.style.backgroundColor="rgb(0, 179, 178, 0.25)",t.style.border="1px solid #00b3b2",t.style.padding="0.25rem 0.5rem 0.25rem"}),1e3)})),e.contentWindow.document.querySelector("textarea").style.background="white";var a=e.contentWindow.document.querySelectorAll("input");a.length>0&&a.forEach((function(e){"submit"!==e.type&&"hidden"!==e.type&&(e.style.background="white")}))}),1500)}),[]);var f=n.data;return o.a.createElement("main",{role:"main",className:"clientPortfolio",id:"info"},o.a.createElement(m.a,null,o.a.createElement("title",null,"Portfolios | "+e.post.title.split(" ").splice(0,6).join(" ")+"..."),o.a.createElement("meta",{name:"twitter:url",content:"https://www.tarento.com/"+e.post.url.split("/")[3]+"/"}),o.a.createElement("meta",{property:"og:url",content:"https://www.tarento.com/"+e.post.url.split("/")[3]+"/"}),o.a.createElement("meta",{name:"twitter:title",content:e.post.title}),o.a.createElement("meta",{property:"og:title",content:e.post.title}),o.a.createElement("meta",{name:"description",content:e.post.excerpt}),o.a.createElement("meta",{name:"twitter:description",content:e.post.excerpt}),o.a.createElement("meta",{property:"og:description",content:e.post.excerpt}),o.a.createElement("meta",{name:"keywords",content:"Tarento portfolios, tarento projects, "+e.post.title}),o.a.createElement("meta",{property:"og:image",content:e.post.feature_image}),o.a.createElement("meta",{name:"twitter:image",content:e.post.feature_image}),o.a.createElement("meta",{name:"twitter:card",content:e.post.excerpt}),o.a.createElement("meta",{property:"og:type",content:"case studies"}),o.a.createElement("meta",{property:"og:locale",content:"en_US"}),o.a.createElement("meta",{name:"twitter:site",content:e.post.title}),o.a.createElement("link",{href:"https://www.tarento.com/"+e.post.url.split("/")[3]+"/",rel:"canonical"})),o.a.createElement(l.d,null,o.a.createElement(l.c,null),o.a.createElement("section",{className:"layout pt-4"},o.a.createElement("div",{className:"bg-white pb-0 pt-0"},o.a.createElement("div",{className:"container-service"},o.a.createElement("div",{className:"row mb-4 pl-0 ml-0 "},o.a.createElement(u.a,{to:"/case-studies/",className:"link-underline"},o.a.createElement("label",{className:"breadcumb-1 pt-3 "},"Case studies")),o.a.createElement("div",{className:"navigate-1 pt-3"},o.a.createElement(d.a,{fluid:f.getNavigation.childImageSharp.fluid,alt:"navigate"})),o.a.createElement("label",{className:"breadcumb-1 pt-3"},e.post.title)),o.a.createElement("div",{className:"row  align-items-center"},o.a.createElement("div",{className:"col-md-12 m-auto"},e.post.title&&o.a.createElement("h1",{className:"text-uppercase pb-5 h2 h2LS"},e.post.title),(e.post.client||e.post.project||e.post.platform)&&o.a.createElement("div",{className:"col-md-12 col-lg-7 mr-lg-5"},o.a.createElement("div",{className:"digitalInfo"},o.a.createElement("div",{className:"role d-flex flex-column flex-md-row justify-content-between "},e.post.client&&o.a.createElement("div",{className:"status mt-4"},o.a.createElement("span",{className:"block text-uppercase caption1 font-weight-bold b6 pb-1"},"Client"),o.a.createElement("span",{className:"block font-weight-bold"},e.post.client.toUpperCase())),e.post.project&&o.a.createElement("div",{className:"status mt-4"},o.a.createElement("span",{className:"block text-uppercase caption1 font-weight-bold b6 pb-1"},"Project"),o.a.createElement("span",{className:"block font-weight-bold"},e.post.project.toUpperCase())),e.post.platform&&o.a.createElement("div",{className:"status mt-4"},o.a.createElement("span",{className:"block text-uppercase caption1 font-weight-bold b6 pb-1"},"Platform"),o.a.createElement("span",{className:"block font-weight-bold"},e.post.platform.toUpperCase()))))))))),o.a.createElement("div",{className:""},o.a.createElement("div",{className:"row m-0 p-0"},o.a.createElement("div",{className:"col-12 p-0"},o.a.createElement("div",{className:"",dangerouslySetInnerHTML:{__html:a.html()}}))))),0!=i.length&&o.a.createElement("section",{className:"layout"},o.a.createElement("div",{className:"container-service"},o.a.createElement("div",{className:"row"},o.a.createElement(v.Carousel,{showThumbs:!1,infiniteLoop:!0,autoPlay:!0,interval:2e3},i.map((function(e){return o.a.createElement("div",{key:e.src},o.a.createElement("img",{src:e.src,alt:"Carousel",title:"Carousel"}))})))))),o.a.createElement("section",{className:""},o.a.createElement("div",{className:"container-service custom-data-1 pb-5"},o.a.createElement("div",{className:"row justify-content-between align-items-center"},o.a.createElement("div",{className:"col-md-12 col-lg-12 order-2 order-md-1 custom-data-1"},o.a.createElement("div",{className:"mb-4 scanner-heading"},"Think your idea makes lives simpler?"),o.a.createElement("p",{className:"b6"},"We can help you transform your business."))),o.a.createElement("div",{className:"col-xs-12 col-sm-12 col-md-12 col-lg-10  p-3 mt-4 mt-sm-4 mt-md-4 mt-lg-4"},o.a.createElement("div",{id:"hubspotForm",style:{marginLeft:"-0.95rem"}})))),o.a.createElement("section",{className:"layoutBg pt-5 pb-5"},o.a.createElement("div",{className:"container-service"},o.a.createElement("div",{className:"row"},o.a.createElement("div",{className:"col-6 border-right "},e.post.previous&&o.a.createElement("div",{className:"row"},o.a.createElement("div",{className:"col-md-4 my-auto casestudy-footer-image"},o.a.createElement(d.a,{style:{width:"100%",objectFit:"contain"},imgStyle:{opacity:"none",transition:"all 300ms ease-in-out",objectFit:"contain"},fluid:e.post.previous.node.localFeatureImage.childImageSharp.fluid,alt:e.post.previous.node.title,title:e.post.previous.node.title})),o.a.createElement("div",{className:"col-md-8 m-auto "},o.a.createElement("div",{className:"text-left"},o.a.createElement(u.a,{to:e.post.previous.node.slug+"/",className:"subtitle1 link d-inline-block mb-3 "},"< previous"),o.a.createElement("h6",null,e.post.previous&&e.post.previous.node.title))))),o.a.createElement("div",{className:"col-6 "},e.post.next&&o.a.createElement("div",{className:"row "},o.a.createElement("div",{className:"col-md-8 m-auto"},o.a.createElement("div",{className:" text-right"},o.a.createElement(u.a,{to:e.post.next.node.slug+"/",className:"subtitle1 link d-inline-block mb-3"},"Next >"),o.a.createElement("h6",null,e.post.next&&e.post.next.node.title))),o.a.createElement("div",{className:"col-md-4 my-auto casestudy-footer-image"},o.a.createElement(d.a,{style:{width:"100%",objectFit:"contain"},imgStyle:{opacity:"none",transition:"all 300ms ease-in-out",objectFit:"contain"},fluid:e.post.next.node.localFeatureImage.childImageSharp.fluid,alt:e.post.next.node.title,title:e.post.next.node.title})))))))))},g=(a(343),{visibility:"visible",animationName:"slideInLeft"}),w=function(e){return o.a.createElement("div",{className:"storyCard  mt-4 mb-4 "},o.a.createElement("a",null,o.a.createElement("div",{className:e.bgColor?e.bgColor+" card mb-4":"  card mb-4"},o.a.createElement("div",{className:"cardImg storyImg articleImg",style:g},""===e.src?o.a.createElement("img",{style:e.style,imgStyle:e.imgStyle,src:e.srcImg,alt:e.title,title:e.title,loading:"lazy"}):o.a.createElement(d.a,{style:e.style,imgStyle:e.imgStyle,fluid:e.src,alt:e.title,title:e.title})),o.a.createElement("div",{className:e.bgColor?e.bgColor:" card-body",style:g},o.a.createElement("hr",null),o.a.createElement("h6",null,e.title),e.description&&o.a.createElement("p",{className:"card-text"},e.description),e.link&&o.a.createElement(u.a,{to:e.link,className:"subtitle1 link mt-3 d-inline-block mt-0 pt-0"},"Read More")))))},E=a(691),y=function(e){var t=r.a.load(e.post.html),a=r.a.load(e.post.html),n=[],i=[];a().addClass("container-service"),a(".kg-card").addClass("text-center "),a("ul").addClass("p-list pb-4 container-service "),a("p").addClass("lead b6 container-service"),a("li").addClass("lead b6"),a("h5").addClass("pb-2 text-uppercase center h4 container-service"),a("h3").addClass("pt-4 container-service"),a("img").first().addClass("w-100"),a("p > strong").parent().addClass("pb-4 pt-2 container-service"),a("img").addClass("text-center m-auto pb-5 custom-width-1"),a("img").attr("alt",e.post.title+" related"),a("img").attr("title",e.post.title),a("ul").wrap('<div class=" container-service"></div>'),a("blockquote").wrap('<div class="w-75 container-service"></div>'),a("blockquote").addClass("p-4 mt-4 mb-4 portfolio-quote"),a("iframe").addClass("container-service mt-4 "),a("iframe").attr("height","600"),a("figcaption").addClass("mt-2 mb-4"),a("img").attr("width","auto"),a("img").attr("height","auto");var c=t("img").attr("src").replace("http://","https://");t("img").attr("src",c),e.casestudies.edges.map((function(t,a){e.post.title===t.node.title&&(e.post.previous=e.casestudies.edges[a-1],e.post.next=e.casestudies.edges[a+1])})),e.post.tags.map((function(t,a){if(t.name.includes("#"))switch(t.name=t.name.replace("#",""),t.name=t.name.split(":"),t.name[0]){case"client":e.post.client=t.name[1];break;case"project":e.post.project=t.name[1].replace("_"," ");break;case"platform":e.post.platform=t.name[1]}})),a(".kg-image-card").map((function(e,t){var a=t.childNodes[0].attribs.src.replace("http://","https://");t.childNodes[0].attribs.src=a})),t(".kg-image-card").map((function(e,t){i.push(t.childNodes[0].attribs)})),t(".kg-gallery-image").map((function(e,t){n.push(t.childNodes[0].attribs)})),t(".kg-gallery-card").remove(),t("ul").remove(),t("p").remove(),t("img").addClass("text-center m-auto pb-5"),t("h3").remove(),t("h4").remove(),Object(s.useEffect)((function(){var e=document.createElement("script");e.src="https://js.hsforms.net/forms/v2.js",document.body.appendChild(e),e.addEventListener("load",(function(){window.hbspt&&window.hbspt.forms.create({region:"na1",portalId:"20375345",formId:"7fe3c187-dca5-48c8-a83b-c61b01fbf745",target:"#hubspotForm"})})),setTimeout((function(){var e=document.querySelector("#hs-form-iframe-0"),t=e.contentWindow.document.querySelector(".hs-button");t.style.background="rgba(0, 0, 0, 0.9)",t.style.border="1px solid rgba(0, 0, 0, 0.9)",t.style.color="white",t.style.letterSpacing="1",t.style.minWidth="220",t.style.width="auto",t.style.padding="1rem 3rem",t.style.fontSize="0.875rem",t.addEventListener("mouseover",(function(){t.style.background="white",t.style.color="rgba(0, 0, 0, 0.9)"})),t.addEventListener("mouseout",(function(){t.style.background="rgba(0, 0, 0, 0.9)",t.style.color="white"})),t.addEventListener("click",(function(){setTimeout((function(){var t=e.contentWindow.document.querySelector(".submitted-message");t.style.backgroundColor="rgb(0, 179, 178, 0.25)",t.style.border="1px solid #00b3b2",t.style.padding="0.25rem 0.5rem 0.25rem"}),1e3)})),e.contentWindow.document.querySelector("textarea").style.background="white";var a=e.contentWindow.document.querySelectorAll("input");a.length>0&&a.forEach((function(e){"submit"!==e.type&&"hidden"!==e.type&&(e.style.background="white")}))}),1500)}),[]);var p=E.data;return o.a.createElement("main",{role:"main",className:"clientPortfolio",id:"info"},o.a.createElement(m.a,null,o.a.createElement("title",null,"Case Studies | "+e.post.title.split(" ").splice(0,6).join(" ")+"..."),o.a.createElement("meta",{name:"twitter:url",content:"https://www.tarento.com/"+e.post.url.split("/")[3]+"/"}),o.a.createElement("meta",{property:"og:url",content:"https://www.tarento.com/"+e.post.url.split("/")[3]+"/"}),o.a.createElement("meta",{name:"twitter:title",content:e.post.title}),o.a.createElement("meta",{property:"og:title",content:e.post.title}),o.a.createElement("meta",{name:"description",content:e.post.excerpt}),o.a.createElement("meta",{name:"twitter:description",content:e.post.excerpt}),o.a.createElement("meta",{property:"og:description",content:e.post.excerpt}),o.a.createElement("meta",{name:"keywords",content:"Tarento case studies, tarento projects, "+e.post.title}),o.a.createElement("meta",{property:"og:image",content:e.post.feature_image}),o.a.createElement("meta",{name:"twitter:image",content:e.post.feature_image}),o.a.createElement("meta",{name:"twitter:card",content:e.post.excerpt}),o.a.createElement("meta",{property:"og:type",content:"case studies"}),o.a.createElement("meta",{property:"og:locale",content:"en_US"}),o.a.createElement("meta",{name:"twitter:site",content:e.post.title}),o.a.createElement("link",{href:"https://www.tarento.com/"+e.post.url.split("/")[3]+"/",rel:"canonical"})),o.a.createElement(l.c,null),o.a.createElement("section",{className:"layout pt-4"},o.a.createElement("div",{className:"  bg-white pb-0 pt-0"},o.a.createElement("div",{className:"container-service"},o.a.createElement("div",{className:"row mb-4 pl-0 ml-0 "},o.a.createElement(u.a,{to:"/case-studies/",className:"link-underline"},o.a.createElement("label",{className:"breadcumb-1 pt-3 "},"Case studies")),o.a.createElement("div",{className:"navigate-1 pt-3"},o.a.createElement("img",{src:p.getNavigation.publicURL,alt:"navigate",style:{marginTop:"-0.15rem"}})),o.a.createElement("label",{className:"breadcumb-1 pt-3"},e.post.title)),o.a.createElement("div",{className:"row  align-items-center"},o.a.createElement("div",{className:"col-md-12 m-auto"},e.post.title&&o.a.createElement("h1",{className:"text-uppercase  pb-5 h2 h2LS"},e.post.title),(e.post.client||e.post.project||e.post.platform)&&o.a.createElement("div",{className:"col-md-12 col-lg-7 mr-lg-5"},o.a.createElement("div",{className:"digitalInfo"},o.a.createElement("div",{className:"role d-flex flex-column flex-md-row justify-content-between "},e.post.client&&o.a.createElement("div",{className:"status mt-4"},o.a.createElement("span",{className:"block text-uppercase caption1 font-weight-bold b6 pb-1"},"Client"),o.a.createElement("span",{className:"block font-weight-bold"},e.post.client.toUpperCase())),e.post.project&&o.a.createElement("div",{className:"status mt-4"},o.a.createElement("span",{className:"block text-uppercase caption1 font-weight-bold b6 pb-1"},"Project"),o.a.createElement("span",{className:"block font-weight-bold"},e.post.project.toUpperCase())),e.post.platform&&o.a.createElement("div",{className:"status mt-4"},o.a.createElement("span",{className:"block text-uppercase caption1 font-weight-bold b6 pb-1"},"Platform"),o.a.createElement("span",{className:"block font-weight-bold"},e.post.platform.toUpperCase()))))))))),o.a.createElement("div",{className:""},o.a.createElement("div",{className:"row m-0 p-0"},o.a.createElement("div",{className:"col-12 p-0"},o.a.createElement("div",{className:"",dangerouslySetInnerHTML:{__html:a.html()}}))))),0!=n.length&&o.a.createElement("section",{className:"layout"},o.a.createElement("div",{className:"container-service"},o.a.createElement("div",{className:"row"},o.a.createElement(v.Carousel,{showThumbs:!1,infiniteLoop:!0,autoPlay:!0,interval:2e3},n.map((function(e){return o.a.createElement("div",{key:e.src},o.a.createElement("img",{src:e.src,alt:"Carousel",title:"Carousel"}))})))))),o.a.createElement("section",{className:""},o.a.createElement("div",{className:"container-service custom-data-1 pb-5"},o.a.createElement("div",{className:"row justify-content-between align-items-center"},o.a.createElement("div",{className:"col-md-12 col-lg-12 order-2 order-md-1 custom-data-1"},o.a.createElement("div",{className:"mb-4 scanner-heading"},"Think your idea makes lives simpler?"),o.a.createElement("p",{className:"b6"},"We can help you transform your business."))),o.a.createElement("div",{className:"col-xs-12 col-sm-12 col-md-12 col-lg-10  p-3 mt-4 mt-sm-4 mt-md-4 mt-lg-4"},o.a.createElement("div",{id:"hubspotForm",style:{marginLeft:"-0.95rem"}})))),o.a.createElement("section",{className:"layoutBg pt-5 pb-5"},o.a.createElement("div",{className:"container-service"},o.a.createElement("div",{className:"row"},o.a.createElement("div",{className:"col-6 border-right "},e.post.previous&&o.a.createElement("div",{className:"row"},o.a.createElement("div",{className:"col-md-4 my-auto casestudy-footer-image"},o.a.createElement("img",{src:e.post.previous.node.feature_image,alt:e.post.previous.node.title,title:e.post.previous.node.title,style:{width:"100%",opacity:"none",transition:"all 300ms ease-in-out",objectFit:"contain"}})),o.a.createElement("div",{className:"col-md-8 m-auto "},o.a.createElement("div",{className:"text-left"},o.a.createElement(u.a,{to:e.post.previous.node.slug+"/",className:"subtitle1 link d-inline-block mb-3 "},"< previous"),o.a.createElement("h6",null,e.post.previous&&e.post.previous.node.title))))),o.a.createElement("div",{className:"col-6 "},e.post.next&&o.a.createElement("div",{className:"row "},o.a.createElement("div",{className:"col-md-8 m-auto"},o.a.createElement("div",{className:" text-right"},o.a.createElement(u.a,{to:e.post.next.node.slug+"/",className:"subtitle1 link d-inline-block mb-3"},"Next >"),o.a.createElement("h6",null,e.post.next&&e.post.next.node.title))),o.a.createElement("div",{className:"col-md-4 my-auto casestudy-footer-image"},o.a.createElement("img",{src:e.post.next.node.feature_image,alt:e.post.next.node.title,title:e.post.next.node.title,style:{width:"100%",opacity:"none",transition:"all 300ms ease-in-out",objectFit:"contain"}}))))))))},S=function(e){return o.a.createElement(u.a,{to:"/"+e.link,style:{textDecoration:"none",color:"none"},className:e.link?"":"no-hand-pointer disabled-link"},o.a.createElement("div",{className:"card-2 whiteBackground h-100",style:e.customBg},o.a.createElement("div",{className:"custom-image-box-1"},""===e.src?o.a.createElement("img",{style:e.style,imgStyle:e.imgStyle,src:e.srcImg,alt:e.title,title:e.title,loading:"lazy"}):o.a.createElement(d.a,{fluid:e.src,alt:e.title,title:e.title,imgStyle:e.imgStyle,style:e.style})),o.a.createElement("div",{className:"whiteBackground  offeringBody-2",style:e.customBg},e.title&&o.a.createElement("h5",null,e.title),e.description&&o.a.createElement("p",null,e.description," "),e.list&&o.a.createElement("ul",{className:"p-list mt-4",style:{color:"rgb(0 0 0 / 90%)"}},e.list.map((function(e,t){return o.a.createElement("div",{key:t},o.a.createElement("li",null,e))}))))))},N=a(641);a.d(t,"e",(function(){return f})),a.d(t,"d",(function(){return h})),a.d(t,"f",(function(){return b})),a.d(t,"g",(function(){return w})),a.d(t,"a",(function(){return y})),a.d(t,"c",(function(){return S})),a.d(t,"b",(function(){return N.a}))},686:function(e,t,a){"use strict";a(25),a(17),a(12),a(115),a(21),a(35),a(15),Object.defineProperty(t,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},s=function(){function e(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,a,n){return a&&e(t.prototype,a),n&&e(t,n),t}}(),o=a(0),i=f(o),r=f(a(160)),l=f(a(83)),c=f(a(681)),m=f(a(682)),u=f(a(683)),p=f(a(684)),d=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(t[a]=e[a]);return t.default=e,t}(a(690));function f(e){return e&&e.__esModule?e:{default:e}}var h=function(){},v=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var a=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return a.setThumbsRef=function(e){a.thumbsRef=e},a.setCarouselWrapperRef=function(e){a.carouselWrapperRef=e},a.setListRef=function(e){a.listRef=e},a.setItemsWrapperRef=function(e){a.itemsWrapperRef=e},a.setItemsRef=function(e,t){a.itemsRef||(a.itemsRef=[]),a.itemsRef[t]=e},a.autoPlay=function(){!a.state.autoPlay||o.Children.count(a.props.children)<=1||(clearTimeout(a.timer),a.timer=setTimeout((function(){a.increment()}),a.props.interval))},a.clearAutoPlay=function(){a.state.autoPlay&&clearTimeout(a.timer)},a.resetAutoPlay=function(){a.clearAutoPlay(),a.autoPlay()},a.stopOnHover=function(){a.setState({isMouseEntered:!0}),a.clearAutoPlay()},a.startOnLeave=function(){a.setState({isMouseEntered:!1}),a.autoPlay()},a.navigateWithKeyboard=function(e){var t="horizontal"===a.props.axis,n=t?37:38;(t?39:40)===e.keyCode?a.increment():n===e.keyCode&&a.decrement()},a.updateSizes=function(){if(a.state.initialized){var e="horizontal"===a.props.axis,t=a.itemsRef[0],n=e?t.clientWidth:t.clientHeight;a.setState((function(e,t){return{itemSize:n}})),a.thumbsRef&&a.thumbsRef.updateSizes()}},a.setMountState=function(){a.setState({hasMount:!0}),a.updateSizes()},a.handleClickItem=function(e,t){0!==o.Children.count(a.props.children)&&(a.state.cancelClick?a.setState({cancelClick:!1}):(a.props.onClickItem(e,t),e!==a.state.selectedItem&&a.setState({selectedItem:e})))},a.handleOnChange=function(e,t){o.Children.count(a.props.children)<=1||a.props.onChange(e,t)},a.handleClickThumb=function(e,t){a.props.onClickThumb(e,t),a.selectItem({selectedItem:e})},a.onSwipeStart=function(e){a.setState({swiping:!0}),a.props.onSwipeStart(e),a.clearAutoPlay()},a.onSwipeEnd=function(e){a.setState({swiping:!1,cancelClick:!1}),a.props.onSwipeEnd(e),a.autoPlay()},a.onSwipeMove=function(e,t){a.props.onSwipeMove(t);var n="horizontal"===a.props.axis,s=o.Children.count(a.props.children),i=a.getPosition(a.state.selectedItem),r=a.props.infiniteLoop?a.getPosition(s-1)-100:a.getPosition(s-1),l=n?e.x:e.y,c=l;0===i&&l>0&&(c=0),i===r&&l<0&&(c=0);var m=i+100/(a.state.itemSize/c);a.props.infiniteLoop&&(0===a.state.selectedItem&&m>-100?m-=100*s:a.state.selectedItem===s-1&&m<100*-s&&(m+=100*s)),m+="%",a.setPosition(m);var u=Math.abs(l)>a.props.swipeScrollTolerance;return u&&!a.state.cancelClick&&a.setState({cancelClick:!0}),u},a.setPosition=function(e,t){var n=r.default.findDOMNode(a.listRef);["WebkitTransform","MozTransform","MsTransform","OTransform","transform","msTransform"].forEach((function(t){n.style[t]=(0,m.default)(e,a.props.axis)})),t&&n.offsetLeft},a.resetPosition=function(){var e=a.getPosition(a.state.selectedItem)+"%";a.setPosition(e)},a.decrement=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];a.moveTo(a.state.selectedItem-("number"==typeof e?e:1),t)},a.increment=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];a.moveTo(a.state.selectedItem+("number"==typeof e?e:1),t)},a.moveTo=function(e,t){var n=o.Children.count(a.props.children)-1,s=a.props.infiniteLoop&&!t&&(e<0||e>n),i=e;e<0&&(e=a.props.infiniteLoop?n:0),e>n&&(e=a.props.infiniteLoop?0:n),s?a.setState({swiping:!0},(function(){i<0?a.props.centerMode&&"horizontal"===a.props.axis?a.setPosition("-"+((n+2)*a.props.centerSlidePercentage-(100-a.props.centerSlidePercentage)/2)+"%",!0):a.setPosition("-"+100*(n+2)+"%",!0):i>n&&a.setPosition(0,!0),a.selectItem({selectedItem:e,swiping:!1})})):a.selectItem({selectedItem:e}),a.state.autoPlay&&!1===a.state.isMouseEntered&&a.resetAutoPlay()},a.onClickNext=function(){a.increment(1,!1)},a.onClickPrev=function(){a.decrement(1,!1)},a.onSwipeForward=function(){a.increment(1,!0)},a.onSwipeBackwards=function(){a.decrement(1,!0)},a.changeItem=function(e){if(!e.key||"Enter"===e.key){var t=e.target.value;a.selectItem({selectedItem:t})}},a.selectItem=function(e,t){a.setState(e,t),a.handleOnChange(e.selectedItem,o.Children.toArray(a.props.children)[e.selectedItem])},a.getInitialImage=function(){var e=a.props.selectedItem,t=a.itemsRef&&a.itemsRef[e],n=t&&t.getElementsByTagName("img");return n&&n[e]},a.getVariableImageHeight=function(e){var t=a.itemsRef&&a.itemsRef[e],n=t&&t.getElementsByTagName("img");if(a.state.hasMount&&n.length>0){var s=n[0];if(!s.complete){s.addEventListener("load",(function e(){a.forceUpdate(),s.removeEventListener("load",e)}))}var o=s.clientHeight;return o>0?o:null}return null},a.state={initialized:!1,selectedItem:e.selectedItem,hasMount:!1,isMouseEntered:!1,autoPlay:e.autoPlay},a}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),s(t,[{key:"componentDidMount",value:function(){this.props.children&&this.setupCarousel()}},{key:"componentWillReceiveProps",value:function(e){var t=this;e.selectedItem!==this.state.selectedItem&&(this.updateSizes(),this.moveTo(e.selectedItem)),e.autoPlay!==this.state.autoPlay&&this.setState({autoPlay:e.autoPlay},(function(){t.state.autoPlay?t.setupAutoPlay():t.destroyAutoPlay()}))}},{key:"componentDidUpdate",value:function(e,t){e.children||!this.props.children||this.state.initialized||this.setupCarousel(),t.swiping&&!this.state.swiping&&this.resetPosition()}},{key:"componentWillUnmount",value:function(){this.destroyCarousel()}},{key:"setupCarousel",value:function(){this.bindEvents(),this.state.autoPlay&&o.Children.count(this.props.children)>1&&this.setupAutoPlay(),this.setState({initialized:!0});var e=this.getInitialImage();e?e.addEventListener("load",this.setMountState):this.setMountState()}},{key:"destroyCarousel",value:function(){this.state.initialized&&(this.unbindEvents(),this.destroyAutoPlay())}},{key:"setupAutoPlay",value:function(){this.autoPlay();var e=this.carouselWrapperRef;this.props.stopOnHover&&e&&(e.addEventListener("mouseenter",this.stopOnHover),e.addEventListener("mouseleave",this.startOnLeave))}},{key:"destroyAutoPlay",value:function(){this.clearAutoPlay();var e=this.carouselWrapperRef;this.props.stopOnHover&&e&&(e.removeEventListener("mouseenter",this.stopOnHover),e.removeEventListener("mouseleave",this.startOnLeave))}},{key:"bindEvents",value:function(){window.addEventListener("resize",this.updateSizes),window.addEventListener("DOMContentLoaded",this.updateSizes),this.props.useKeyboardArrows&&document.addEventListener("keydown",this.navigateWithKeyboard)}},{key:"unbindEvents",value:function(){window.removeEventListener("resize",this.updateSizes),window.removeEventListener("DOMContentLoaded",this.updateSizes);var e=this.getInitialImage();e&&e.removeEventListener("load",this.setMountState),this.props.useKeyboardArrows&&document.removeEventListener("keydown",this.navigateWithKeyboard)}},{key:"getPosition",value:function(e){this.props.infiniteLoop&&++e;var t=o.Children.count(this.props.children);if(this.props.centerMode&&"horizontal"===this.props.axis){var a=-e*this.props.centerSlidePercentage,n=t-1;return e&&(e!==n||this.props.infiniteLoop)?a+=(100-this.props.centerSlidePercentage)/2:e===n&&(a+=100-this.props.centerSlidePercentage),a}return 100*-e}},{key:"renderItems",value:function(e){var t=this;return o.Children.map(this.props.children,(function(a,n){var s={ref:function(e){return t.setItemsRef(e,n)},key:"itemKey"+n+(e?"clone":""),className:c.default.ITEM(!0,n===t.state.selectedItem),onClick:t.handleClickItem.bind(t,n,a)};return t.props.centerMode&&"horizontal"===t.props.axis&&(s.style={minWidth:t.props.centerSlidePercentage+"%"}),i.default.createElement("li",s,a)}))}},{key:"renderControls",value:function(){var e=this;return this.props.showIndicators?i.default.createElement("ul",{className:"control-dots"},o.Children.map(this.props.children,(function(t,a){return i.default.createElement("li",{className:c.default.DOT(a===e.state.selectedItem),onClick:e.changeItem,onKeyDown:e.changeItem,value:a,key:a,role:"button",tabIndex:0,"aria-label":e.props.labels.item+" "+(a+1)})}))):null}},{key:"renderStatus",value:function(){return this.props.showStatus?i.default.createElement("p",{className:"carousel-status"},this.props.statusFormatter(this.state.selectedItem+1,o.Children.count(this.props.children))):null}},{key:"renderThumbs",value:function(){return this.props.showThumbs&&0!==o.Children.count(this.props.children)?i.default.createElement(p.default,{ref:this.setThumbsRef,onSelectItem:this.handleClickThumb,selectedItem:this.state.selectedItem,transitionTime:this.props.transitionTime,thumbWidth:this.props.thumbWidth,labels:this.props.labels},this.props.children):null}},{key:"render",value:function(){if(!this.props.children||0===o.Children.count(this.props.children))return null;var e="horizontal"===this.props.axis,t=this.props.showArrows&&o.Children.count(this.props.children)>1,a=t&&(this.state.selectedItem>0||this.props.infiniteLoop),s=t&&(this.state.selectedItem<o.Children.count(this.props.children)-1||this.props.infiniteLoop),r={},l=this.getPosition(this.state.selectedItem),p=(0,m.default)(l+"%",this.props.axis),d=this.props.transitionTime+"ms";r={WebkitTransform:p,MozTransform:p,MsTransform:p,OTransform:p,transform:p,msTransform:p},this.state.swiping||(r=n({},r,{WebkitTransitionDuration:d,MozTransitionDuration:d,MsTransitionDuration:d,OTransitionDuration:d,transitionDuration:d,msTransitionDuration:d}));var f=this.renderItems(!0),h=f.shift(),v=f.pop(),b={selectedItem:this.state.selectedItem,className:c.default.SLIDER(!0,this.state.swiping),onSwipeMove:this.onSwipeMove,onSwipeStart:this.onSwipeStart,onSwipeEnd:this.onSwipeEnd,style:r,tolerance:this.props.swipeScrollTolerance},g={};if(e){if(b.onSwipeLeft=this.onSwipeForward,b.onSwipeRight=this.onSwipeBackwards,this.props.dynamicHeight){var w=this.getVariableImageHeight(this.state.selectedItem);b.style.height=w||"auto",g.height=w||"auto"}}else b.onSwipeUp="natural"===this.props.verticalSwipe?this.onSwipeBackwards:this.onSwipeForward,b.onSwipeDown="natural"===this.props.verticalSwipe?this.onSwipeForward:this.onSwipeBackwards,b.style.height=this.state.itemSize,g.height=this.state.itemSize;return i.default.createElement("div",{className:this.props.className,ref:this.setCarouselWrapperRef},i.default.createElement("div",{className:c.default.CAROUSEL(!0),style:{width:this.props.width}},i.default.createElement("button",{type:"button","aria-label":this.props.labels.leftArrow,className:c.default.ARROW_PREV(!a),onClick:this.onClickPrev}),i.default.createElement("div",{className:c.default.WRAPPER(!0,this.props.axis),style:g,ref:this.setItemsWrapperRef},this.props.swipeable?i.default.createElement(u.default,n({tagName:"ul",ref:this.setListRef},b,{allowMouseEvents:this.props.emulateTouch}),this.props.infiniteLoop&&v,this.renderItems(),this.props.infiniteLoop&&h):i.default.createElement("ul",{className:c.default.SLIDER(!0,this.state.swiping),ref:this.setListRef,style:r},this.props.infiniteLoop&&v,this.renderItems(),this.props.infiniteLoop&&h)),i.default.createElement("button",{type:"button","aria-label":this.props.labels.rightArrow,className:c.default.ARROW_NEXT(!s),onClick:this.onClickNext}),this.renderControls(),this.renderStatus()),this.renderThumbs())}}]),t}(o.Component);v.displayName="Carousel",v.propTypes={className:l.default.string,children:l.default.node,showArrows:l.default.bool,showStatus:l.default.bool,showIndicators:l.default.bool,infiniteLoop:l.default.bool,showThumbs:l.default.bool,thumbWidth:l.default.number,selectedItem:l.default.number,onClickItem:l.default.func.isRequired,onClickThumb:l.default.func.isRequired,onChange:l.default.func.isRequired,axis:l.default.oneOf(["horizontal","vertical"]),verticalSwipe:l.default.oneOf(["natural","standard"]),width:d.unit,useKeyboardArrows:l.default.bool,autoPlay:l.default.bool,stopOnHover:l.default.bool,interval:l.default.number,transitionTime:l.default.number,swipeScrollTolerance:l.default.number,swipeable:l.default.bool,dynamicHeight:l.default.bool,emulateTouch:l.default.bool,statusFormatter:l.default.func.isRequired,centerMode:l.default.bool,centerSlidePercentage:l.default.number,labels:l.default.shape({leftArrow:l.default.string,rightArrow:l.default.string,item:l.default.string}),onSwipeStart:l.default.func,onSwipeEnd:l.default.func,onSwipeMove:l.default.func},v.defaultProps={showIndicators:!0,showArrows:!0,showStatus:!0,showThumbs:!0,infiniteLoop:!1,selectedItem:0,axis:"horizontal",verticalSwipe:"standard",width:"100%",useKeyboardArrows:!1,autoPlay:!1,stopOnHover:!0,interval:3e3,transitionTime:350,swipeScrollTolerance:5,swipeable:!0,dynamicHeight:!1,emulateTouch:!1,onClickItem:h,onClickThumb:h,onChange:h,statusFormatter:function(e,t){return e+" of "+t},centerMode:!1,centerSlidePercentage:80,labels:{leftArrow:"previous slide / item",rightArrow:"next slide / item",item:"slide item"},onSwipeStart:function(){},onSwipeEnd:function(){},onSwipeMove:function(){}},t.default=v},687:function(e,t,a){var n;a(14),function(){"use strict";var a={}.hasOwnProperty;function s(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var o=typeof n;if("string"===o||"number"===o)e.push(n);else if(Array.isArray(n)&&n.length){var i=s.apply(null,n);i&&e.push(i)}else if("object"===o)for(var r in n)a.call(n,r)&&n[r]&&e.push(r)}}return e.join(" ")}e.exports?(s.default=s,e.exports=s):void 0===(n=function(){return s}.apply(t,[]))||(e.exports=n)}()},688:function(e,t,a){var n,s,o;a(25),a(115),a(21),a(15),s=[t,a(0),a(83)],void 0===(o="function"==typeof(n=function(e,t,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.setHasSupportToCaptureOption=m;var n=o(t),s=o(a);function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var r=function(){function e(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,a,n){return a&&e(t.prototype,a),n&&e(t,n),t}}();function l(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}var c=!1;function m(e){c=e}try{addEventListener("test",null,Object.defineProperty({},"capture",{get:function(){m(!0)}}))}catch(f){}function u(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{capture:!0};return c?e:e.capture}function p(e){if("touches"in e){var t=e.touches[0];return{x:t.pageX,y:t.pageY}}return{x:e.screenX,y:e.screenY}}var d=function(e){function t(){var e;i(this,t);for(var a=arguments.length,n=Array(a),s=0;s<a;s++)n[s]=arguments[s];var o=l(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(n)));return o._handleSwipeStart=o._handleSwipeStart.bind(o),o._handleSwipeMove=o._handleSwipeMove.bind(o),o._handleSwipeEnd=o._handleSwipeEnd.bind(o),o._onMouseDown=o._onMouseDown.bind(o),o._onMouseMove=o._onMouseMove.bind(o),o._onMouseUp=o._onMouseUp.bind(o),o}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),r(t,[{key:"componentDidMount",value:function(){this.swiper&&this.swiper.addEventListener("touchmove",this._handleSwipeMove,u({capture:!0,passive:!1}))}},{key:"componentWillUnmount",value:function(){this.swiper&&this.swiper.removeEventListener("touchmove",this._handleSwipeMove,u({capture:!0,passive:!1}))}},{key:"_onMouseDown",value:function(e){this.props.allowMouseEvents&&(this.mouseDown=!0,document.addEventListener("mouseup",this._onMouseUp),document.addEventListener("mousemove",this._onMouseMove),this._handleSwipeStart(e))}},{key:"_onMouseMove",value:function(e){this.mouseDown&&this._handleSwipeMove(e)}},{key:"_onMouseUp",value:function(e){this.mouseDown=!1,document.removeEventListener("mouseup",this._onMouseUp),document.removeEventListener("mousemove",this._onMouseMove),this._handleSwipeEnd(e)}},{key:"_handleSwipeStart",value:function(e){var t=p(e),a=t.x,n=t.y;this.moveStart={x:a,y:n},this.props.onSwipeStart(e)}},{key:"_handleSwipeMove",value:function(e){if(this.moveStart){var t=p(e),a=t.x,n=t.y,s=a-this.moveStart.x,o=n-this.moveStart.y;this.moving=!0,this.props.onSwipeMove({x:s,y:o},e)&&e.preventDefault(),this.movePosition={deltaX:s,deltaY:o}}}},{key:"_handleSwipeEnd",value:function(e){this.props.onSwipeEnd(e);var t=this.props.tolerance;this.moving&&this.movePosition&&(this.movePosition.deltaX<-t?this.props.onSwipeLeft(1,e):this.movePosition.deltaX>t&&this.props.onSwipeRight(1,e),this.movePosition.deltaY<-t?this.props.onSwipeUp(1,e):this.movePosition.deltaY>t&&this.props.onSwipeDown(1,e)),this.moveStart=null,this.moving=!1,this.movePosition=null}},{key:"render",value:function(){var e=this;return n.default.createElement(this.props.tagName,{ref:function(t){return e.swiper=t},onMouseDown:this._onMouseDown,onTouchStart:this._handleSwipeStart,onTouchEnd:this._handleSwipeEnd,className:this.props.className,style:this.props.style},this.props.children)}}]),t}(t.Component);d.displayName="ReactSwipe",d.propTypes={tagName:s.default.string,className:s.default.string,style:s.default.object,children:s.default.node,allowMouseEvents:s.default.bool,onSwipeUp:s.default.func,onSwipeDown:s.default.func,onSwipeLeft:s.default.func,onSwipeRight:s.default.func,onSwipeStart:s.default.func,onSwipeMove:s.default.func,onSwipeEnd:s.default.func,tolerance:s.default.number.isRequired},d.defaultProps={tagName:"div",allowMouseEvents:!1,onSwipeUp:function(){},onSwipeDown:function(){},onSwipeLeft:function(){},onSwipeRight:function(){},onSwipeStart:function(){},onSwipeMove:function(){},onSwipeEnd:function(){},tolerance:0},e.default=d})?n.apply(t,s):n)||(e.exports=o)},689:function(e,t,a){"use strict";a(15),Object.defineProperty(t,"__esModule",{value:!0});t.outerWidth=function(e){var t=e.offsetWidth,a=getComputedStyle(e);return t+=parseInt(a.marginLeft)+parseInt(a.marginRight)}},690:function(e,t,a){"use strict";a(15),Object.defineProperty(t,"__esModule",{value:!0});t.unit=function(e,t,a){if(!/(pt|px|em|rem|vw|vh|%)$/.test(e[t]))return new Error("Invalid prop `"+t+"` supplied to `"+a+"`. Validation failed. It needs to be a size unit like pt, px, em, rem, vw, %")}},691:function(e){e.exports=JSON.parse('{"data":{"getNavigation":{"publicURL":"/static/baseline_navigate_next_black_24dp-2b745d13941c45135e4542f98d0f654f.png"}}}')}}]);
//# sourceMappingURL=component---src-templates-post-js-f7a399132a376c2f3562.js.map