https://visitabudhabi.ae/dist/vad/static/js/BannerSupergraphic.86829694.chunk.js

1(this.webpackJsonpvad=this.webpackJsonpvad||[]).push([[44],{1418:function(t,e,a){"use strict";a.r(e);var o=a(3),i=a(9),n=a(0),r=a.n(n),c=a(2),l=a(865),m=a(1),b=(a(4),Object(l.a)((function(t){var e,a,i;return{"@global":{'[data-locator="BannerSupergraphic"] + [data-locator="SharedMultiCardContent"]':{marginTop:Object(m.p)(68)}},wrapper:{position:"relative",overflow:"hidden"},bgImage:{width:"100%",height:"100%",position:"absolute"},sgImage:{width:"100%",position:"absolute",top:0,bottom:0,"& picture.bannerSGImage":{"& img":Object(c.a)({backgroundColor:"transparent",backgroundImage:"none",objectPosition:"bottom right",objectFit:"contain",'[dir="rtl"] &':Object(c.a)({objectPosition:"bottom left"},t.breakpoints.down("md"),{objectFit:"contain",objectPosition:"bottom"})},t.breakpoints.down("md"),{objectFit:"contain",objectPosition:"bottom"})}},ogImage:{width:"100%",position:"absolute",top:0,bottom:0,"& picture.bannerOGImage":{"& img":Object(c.a)({backgroundColor:"transparent",backgroundImage:"none",objectPosition:"bottom right",objectFit:"contain",'[dir="rtl"] &':Object(c.a)({objectPosition:"bottom left"},t.breakpoints.down("md"),{objectFit:"contain",objectPosition:"bottom"})},t.breakpoints.down("md"),{objectFit:"contain",objectPosition:"bottom"})}},bannerTextArea:Object(o.a)(Object(o.a)({position:"relative",top:0,width:"50%",height:"calc(var(--vh-static) * 100)",minHeight:"750px",maxHeight:"820px",paddingTop:Object(m.p)(95),paddingBottom:Object(m.p)(85)},t.mixins.paddingLeft(Object(m.p)(90))),{},Object(c.a)({color:t.mixins.White(),display:"flex",flex:1,justifyContent:"space-between",flexDirection:"column",'[lang="ru"] &':{minHeight:"856px",maxHeight:"856px"},"&:before":{content:'""',position:"absolute",top:0,left:0,width:"100vw",height:"100%",background:"linear-gradient(to right, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.0) 100%)",'[dir="rtl"] &':{background:"linear-gradient(to right, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.4) 100%)"}},"@media (min-width: 1440px) and (max-width: 1511px)":{width:"60%"}},t.breakpoints.down("md"),Object(o.a)(Object(o.a)({width:"100%",height:"auto",minHeight:"auto",paddingTop:Object(m.p)(37),paddingBottom:Object(m.p)(295)},t.mixins.paddingLeft(Object(m.p)(22))),t.mixins.paddingRight(Object(m.p)(22))))),heading:Object(o.a)(Object(o.a)({},t.mixins.marginLeft(0)),{},(e={marginBottom:Object(m.p)(16),"@media (min-width: 1440px) and (max-width: 1511px)":{width:"90%"}},Object(c.a)(e,t.breakpoints.up("lg"),{marginBottom:Object(m.p)(80)}),Object(c.a)(e,"& h2",Object(o.a)({},t.palette.common.ellipsis(2))),e)),bottomText:Object(c.a)({width:"76%"},t.breakpoints.down("md"),{width:"90%"}),descriptionText:{"& p":Object(o.a)({},t.palette.common.ellipsis(6)),"& .richText":{"& a":{color:t.palette.common.white}}},smallTitleText:(a={marginBottom:Object(m.p)(23)},Object(c.a)(a,t.breakpoints.down("md"),{marginBottom:Object(m.p)(10)}),Object(c.a)(a,"& h5",Object(o.a)({},t.palette.common.ellipsis(1))),a),uppercase:{textTransform:"uppercase"},bannerCTA:(i={marginTop:Object(m.p)(58)},Object(c.a)(i,t.breakpoints.down("md"),{marginTop:Object(m.p)(18)}),Object(c.a)(i,"& .btn-txt",Object(o.a)({},t.palette.common.ellipsis(1))),i)}}))),p=a(238),s=a(84),g=a(209),d=a(120),j=a(540),O=a(1573),u=a(31),h=a(528),v=a(15),x=a(49),f=a(1542),y=a(1600),T=a(443),w=a(105),k=a(119),B=a(27);e.default=Object(g.a)(Object(s.withSitecoreContext)()(Object(p.b)()((function(t){var e=Object(y.a)(t.fields),a=t.fields,c=a.cta,l=a.SEOEnglishCTA,m=a.bgImage,p=a.bgImageMobile,g=a.supergraphicImage,E=a.supergraphicImageMobile,I=a.title,N=a.description,S=a.segmentText,A=a.smallTitle,L=a.objectImage,P=b(),C=Object(B.B)(t),F=Object(n.useState)(""),G=Object(i.a)(F,2),z=G[0],H=G[1];Object(T.b)(t),Object(T.a)(t);Object(n.useEffect)((function(){if(v.a){var t=function(){H(window.innerWidth<1024?"mobile":"desktop")};t(),window.addEventListener("resize",(function(){t()}))}}),[]);var M="mobile"==z?E:g;return e?r.a.createElement(r.a.Fragment,null):r.a.createElement("div",{className:P.wrapper,"data-locator":"BannerSupergraphic",uid:C},m&&!Object(x.isEmpty)(Object(x.get)(m,"value.src"))&&r.a.createElement("div",{className:P.bgImage},r.a.createElement(d.a,{media:{image:"mobile"===z?p:m,mobileImage:p,disableLazyLoad:!1,preferredSize:"mobile"===z?"2x4":"5x4",aspectRatio:{mobile:"2x4",desktop:"5x4"}

1,fallbackBackgroundNeeded:!1},isParalax:!0,paralaxScrollAmount:-16.6,className:"bannerBGImage"})),M&&!Object(x.isEmpty)(Object(x.get)(M,"value.src"))&&r.a.createElement("div",{className:P.sgImage},r.a.createElement(d.a,{media:{image:M,mobileImage:M,disableLazyLoad:!1,preferredSize:"350x80",aspectRatio:{mobile:"350x80",desktop:"350x80"},fallbackBackgroundNeeded:!1},isParalax:"mobile"!=z,paralaxScrollAmount:-10,className:"bannerSGImage"})),"mobile"!=z&&L&&!Object(x.isEmpty)(Object(x.get)(L,"value.src"))&&r.a.createElement("div",{className:P.ogImage},r.a.createElement(d.a,{media:{image:L,mobileImage:L,disableLazyLoad:!1,preferredSize:"350x80",aspectRatio:{mobile:"350x80",desktop:"350x80"},fallbackBackgroundNeeded:!1},isParalax:!0,paralaxScrollAmount:-20,className:"bannerOGImage"})),r.a.createElement("div",{className:P.bannerTextArea},r.a.createElement("div",null,S&&S.value&&r.a.createElement(j.a,{condition:!0,animateSettings:{willAnimate:!0,selfTrigger:!0,duration:"250ms"}},r.a.createElement(O.a,{text:S,className:P.uppercase})),I&&I.value&&r.a.createElement(u.a,{variant:"h2",component:"h2",gutterBottom:!1,className:P.heading,wordBreak:!0,animateSettings:{willAnimate:!0,selfTrigger:!0}},r.a.createElement(s.Text,{field:I}))),r.a.createElement("div",{className:P.bottomText},A&&A.value&&r.a.createElement(u.a,{variant:"h5Bold",component:"h2",className:P.smallTitleText,gutterBottom:!1,wordBreak:!0,animateSettings:{willAnimate:!0,selfTrigger:!0}},r.a.createElement(s.Text,{field:A})),N&&N.value&&r.a.createElement(u.a,{variant:"body1",component:"p",className:P.descriptionText,gutterBottom:!1,wordBreak:!0,animateSettings:{willAnimate:!0,selfTrigger:!0}},r.a.createElement(f.a,{innerHTML:N})),c&&c.value&&c.value.text&&r.a.createElement(h.a,{field:c,component:"span",className:P.bannerCTA,buttonType:"whitePillContrast",size:"small",hasBorder:!1,onClick:function(){var t=Object(x.get)(l,"value",""),e=Object(o.a)(Object(o.a)({},k.a.pageBodyInteraction.arrowClick),{label:t});Object(w.c)(e)}},c.value.text))))}))))},1542:function(t,e,a){"use strict";var o=a(0),i=a.n(o),n=a(1544),r=a(84),c=a(240),l=a(20),m=a(3),b=a(865),p=a(1),s=a(27),g=Object(b.a)((function(t){return Object(s.c)(t)?{richTextWrap:{"& h1":Object(m.a)(Object(m.a)({},t.typography.h1),{},{marginTop:"var(--mfd-spacing-l)",marginBottom:"var(--mfd-spacing-l)"}),"& h2":Object(m.a)(Object(m.a)({},t.typography.h2),{},{marginTop:"var(--mfd-spacing-l)",marginBottom:"var(--mfd-spacing-l)"}),"& h3":Object(m.a)(Object(m.a)({},t.typography.h3),{},{marginTop:"var(--mfd-spacing-l)",marginBottom:"var(--mfd-spacing-l)"}),"& h4":Object(m.a)(Object(m.a)({},t.typography.h4),{},{marginTop:"var(--mfd-spacing-l)",marginBottom:"var(--mfd-spacing-l)"}),"& h5":Object(m.a)(Object(m.a)({},t.typography.h5),{},{marginBottom:"var(--mfd-spacing-s)"}),"& h6":Object(m.a)(Object(m.a)({},t.typography.body1Regular),{},{marginBottom:"var(--mfd-spacing-s)"}),"& p":Object(m.a)(Object(m.a)({},t.typography.body1),{},{color:t.palette.text.darkGrey,margin:"0 0 var(--mfd-spacing-s)"}),"& ul":{color:t.palette.text.darkGrey},"& ol":{color:t.palette.text.darkGrey},"& a":Object(m.a)(Object(m.a)({},t.typography.body1),{},{color:t.palette.common.Sunset()}),"& strong, & b":{fontFamily:t.custom.fontFamily.primaryBold}}}:{richTextWrap:{"& h1":Object(m.a)(Object(m.a)({},t.typography.h1),{},{marginTop:Object(p.p)(32),marginBottom:Object(p.p)(32)}),"& h2":Object(m.a)(Object(m.a)({},t.typography.h2),{},{marginTop:Object(p.p)(32),marginBottom:Object(p.p)(32)}),"& h3":Object(m.a)(Object(m.a)({},t.typography.h3),{},{marginTop:Object(p.p)(32),marginBottom:Object(p.p)(32)}),"& h4":Object(m.a)(Object(m.a)({},t.typography.h4),{},{marginTop:Object(p.p)(32),marginBottom:Object(p.p)(32)}),"& h5":Object(m.a)(Object(m.a)({},t.typography.h5),{},{marginBottom:Object(p.p)(16)}),"& h6":Object(m.a)(Object(m.a)({},t.typography.body1Regular),{},{marginBottom:Object(p.p)(16)}),"& p":Object(m.a)(Object(m.a)({},t.typography.body1),{},{color:t.palette.text.darkGrey,margin:"0 0 ".concat(t.spacing(2))}),"& ul":{color:t.palette.text.darkGrey},"& ol":{color:t.palette.text.darkGrey},"& a":Object(m.a)(Object(m.a)({},t.typography.body1),{},{color:t.palette.common.AbuDhabiOrange}),"& strong, & b":{fontFamily:t.custom.fontFamily.primaryBold}}}})),d=a(209);e.a=Object(d.a)((function(t){var e,a=t.innerHTML,o=t.className,m=g(),b=Object(c.isExperienceEditorActive)(),p=a&&(null===a||void 0===a?void 0:a.value)&&(null===a||void 0===a||null===(e=a.value)||void 0===e?void 0:e.replace(/\s*style=(["'])(.*?)\1/g,""));return b?i.a.createElement(r.RichText,{className:Object(l.a)(m.richTextWrap,o||"","richText","richTextSitecore"),field:a}):a&&(null===a||void 0===a?void 0:a.value)?i.a.createElement("div",{className:"".concat(m.richTextWrap," ").concat(o||""," richText"),dangerouslySetInnerHTML:{__html:Object(n.a)(p)}}):null}))},1544:function(t,e,a){"use strict";a.d(e,"a",(function(){return o}

1));var o=function(t){return t.replace(/\\/g,"")}},1573:function(t,e,a){"use strict";var o=a(0),i=a.n(o),n=a(84),r=a(31),c=a(865),l=a(27),m=Object(c.a)((function(t){return Object(l.c)(t)?{root:{"&.MuiTypography-root":{position:"relative",marginBottom:"var(--mfd-spacing-xxs)"}}}:{root:{"&.MuiTypography-root":{position:"relative",marginBottom:t.spacing(1)}}}})),b=function(t){var e=t.text,a=t.className,o=t.variant,c=m();return e&&e.value?i.a.createElement(r.a,{variant:o,component:"div",classes:{root:"".concat(c.root," ").concat(a)}},i.a.createElement(n.Text,{field:e})):null};b.defaultProps={className:"",text:{value:""},variant:"body2"};e.a=b},1600:function(t,e,a){"use strict";var o=a(9),i=a(49);e.a=function t(e){return!(e&&!Object(i.isEmpty)(e))||Object(i.isEmpty)(Object.entries(e).map((function(e){var a=Object(o.a)(e,2),n=(a[0],a[1]);return!!Object(i.isEmpty)(n)||n instanceof Object&&t(n)})).filter((function(t){return!1===t})))}}}]);