-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path2874-19b29a29d5e2e7a5a270.js
1 lines (1 loc) · 9.34 KB
/
2874-19b29a29d5e2e7a5a270.js
1
"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2874],{72874:function(e,n,t){t.d(n,{M:function(){return B}});var r=t(25773),a=t(64649),o=t(18808),i=t(55175),c=t(27378),s=t(92361),l=t(23356),d=t(37139),p=t(65529),m=t(18638),h=t(37305),u=t(34811),g=t(53269),b=t(40251),f=t(50669),v=t(53169),y=t(63543);function w(){var e=(0,f.Z)(["",""]);return w=function(){return e},e}function x(){var e=(0,f.Z)(["\n .butter-bar--true + main .__ds_hero-hatteras {\n .hero-content {\n ",";\n @media (max-width: ","px) and (orientation: portrait) {\n min-height: calc(100vh - ","px);\n }\n\n ",";\n @media (min-width: ","px) and (min-height: ","px) {\n min-height: calc(100vh - ","px);\n }\n }\n\n .logo-bar--false .hero-content {\n ",";\n @media (min-width: ","px) and (min-height: ","px) {\n min-height: calc(100vh - ","px);\n }\n }\n }\n"]);return x=function(){return e},e}function P(){var e=(0,f.Z)(["\n .hero-content {\n height: auto;\n ",";\n @media (max-width: ","px) and (orientation: landscape) {\n min-height: ","px;\n }\n\n ",";\n @media (max-width: ","px) and (orientation: portrait) {\n min-height: 100vh;\n }\n\n ",";\n @media (min-width: ","px) and (max-height: ","px) {\n min-height: ","px;\n }\n\n ",";\n @media (min-width: ","px) and (min-height: ","px) {\n min-height: calc(100vh - ","px);\n }\n }\n\n .hero-content-wrapper {\n ",";\n margin: ","px auto;\n\n @media (min-width: ","px) {\n margin: ","px auto;\n }\n\n @media (min-width: ","px) {\n margin: ","px auto;\n }\n }\n\n .hero-logos {\n background: white;\n\n @media (max-width: ","px) {\n height: auto;\n }\n\n ",";\n @media (min-width: ","px) and (max-height: ","px) {\n height: ","px;\n }\n\n ",";\n @media (min-width: ","px) and (min-height: ","px) {\n height: ","px;\n }\n\n &:before,\n &:after {\n pointer-events: none;\n background: white;\n position: absolute;\n content: '';\n top: 0;\n bottom: 0;\n width: 100vw;\n }\n\n &:after {\n right: 0;\n left: auto;\n transform: translateX(100vw);\n }\n &:before {\n left: 0;\n right: auto;\n transform: translateX(-100vw);\n }\n }\n "]);return P=function(){return e},e}var k=736,N=768,O=function(e){var n=e.hasLogoBar?130:0;return(0,v.css)(P(),"",767,k-n,"",767,"",N,735,k-n,"",N,k,n,"",1.5*y.d.height.mobile,y.d.breakpoints.tablet,1.5*y.d.height.tablet,y.d.breakpoints.desktop,1.5*y.d.height.desktop,767,"",N,735,n,"",N,k,n)},E=(0,v.css)(x(),"",767,y.d.height.mobile,"",N,k,y.d.height.desktop+130,"",N,k,y.d.height.desktop),j=(0,v.createGlobalStyle)(w(),E);function Z(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}var B=function(e){var n=e.backgroundProps,t=e.bg,f=e.children,v=e.className,y=e.componentClassName,w=e.copy,x=e.copyProps,P=e.contentWrapperProps,k=e.header,N=e.HeaderComponent,E=e.headerProps,B=e.id,C=e.logoGridProps,S=e.sanityBackgroundProps,z=e.videoProps,I=(0,o.Z)(e,["backgroundProps","bg","children","className","componentClassName","copy","copyProps","contentWrapperProps","header","HeaderComponent","headerProps","id","logoGridProps","sanityBackgroundProps","videoProps"]),V=N||s.x,D=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?Z(Object(t),!0).forEach((function(n){(0,a.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Z(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({},C?{className:"account-for-logos"}:{});return c.createElement(l.$,(0,r.Z)({id:B,className:(0,i.A)(y,v),bg:t,css:"\n overflow: hidden;\n\n .account-for-logos {\n @media (min-width: 768px) {\n bottom: 130px;\n }\n }\n ",afterContent:z?c.createElement(d.u,(0,r.Z)({},D,z)):n?c.createElement(p.C,(0,r.Z)({},D,n)):S?c.createElement(m.h,(0,r.Z)({},D,{disableLazyLoad:!0,renderedSizes:{0:"100vw"}},S)):null},I),c.createElement(h.W,{className:"logo-bar--".concat(C?"true":"false"),css:O({hasLogoBar:Boolean(C)})},c.createElement(u.k,{className:"hero-content",align:"center",valign:"center"},c.createElement(u.k.Item,{textAlign:"center",z:100},c.createElement(h.W,(0,r.Z)({cw:{0:34,768:28},m:"auto",className:"hero-content-wrapper"},P),(k||E)&&c.createElement(V,(0,r.Z)({element:"h1",variant:"heading-700",text:k,color:"white",cmb:{0:3,414:2,600:1,768:.5}},E)),(w||x)&&c.createElement(s.x,(0,r.Z)({element:"p",variant:"lead-copy-500",text:w,color:"white"},x)),f&&c.createElement(h.W,{cmt:{0:3,414:2,600:1,768:.5},className:"hero-content-children"},f)))),C&&c.createElement(u.k,{className:"hero-logos",align:"center",valign:"center",z:110},c.createElement(u.k.Item,null,c.createElement(h.W,{cw:34,m:"auto",cmy:{0:4,768:0}},c.createElement(g.default,(0,r.Z)({parentWidth:1370,columns:C.logos&&C.logos.length||6,fillColor:b.G.grey900,mobileAlign:"center",mobileScale:1.5,mobilePaddingScale:1.5},C)))))),c.createElement(j,null))};B.displayName="HeroHatteras",B.defaultProps={bg:"rgba(12, 13, 17, 1)",componentClassName:"hero-hatteras",header:"Design Better. Faster. Together.",id:"hero"},B.displayName="HeroHatteras"},18638:function(e,n,t){t.d(n,{h:function(){return s}});var r=t(25773),a=t(18808),o=t(55175),i=t(27378),c=t(5708),s=function(e){var n=e.className,t=e.componentClassName,s=(0,a.Z)(e,["className","componentClassName"]);return i.createElement(c.d,(0,r.Z)({className:(0,o.A)(t,n),asBackground:!0},s))};s.displayName="SanitySectionBackgroundImage",s.defaultProps={componentClassName:"sanity-section-background-image"},s.displayName="SanitySectionBackgroundImage"},37139:function(e,n,t){t.d(n,{u:function(){return u}});var r=t(64649),a=t(25773),o=t(18808),i=t(27378),c=t(55175),s=t(37305),l=t(5708),d=t(98238),p=t(70071);function m(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}var h=function(e){var n=e.src,t=e.sanityPlaceholderImageProps,r=e.poster,c=e.whenVisible,s=(0,o.Z)(e,["src","sanityPlaceholderImageProps","poster","whenVisible"]),l=i.useRef(null);return i.useEffect((function(){var e=l.current;if(e){var n=new p.G({triggerElement:e,video:{element:e},whenVisible:c});return function(){n.destroy()}}})),i.createElement("div",(0,a.Z)({className:"background-video i0"},s),i.createElement("video",(0,a.Z)({className:"i0",ref:l},t?{}:{poster:r},{src:n,playsInline:!0,muted:!0,loop:!0,controls:!1,preload:"none"})))};h.displayName="BackgroundVideo";var u=function(e){var n=e.className,t=e.colorOverlay,p=e.componentClassName,u=e.mobileBreakpoint,g=e.placeholder,b=e.poster,f=e.sanityMobileImageProps,v=e.sanityPlaceholderImageProps,y=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?m(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({src:e.src,sanityPlaceholderImageProps:v,poster:g||b,whenVisible:e.whenVisible},(0,o.Z)(e,["className","colorOverlay","componentClassName","mobileBreakpoint","placeholder","poster","sanityMobileImageProps","sanityPlaceholderImageProps","src","whenVisible"]));return i.createElement(s.W,{className:(0,c.A)(p,n),position:"absolute !important",css:"\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n overflow: hidden;\n\n .i0 {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n .background-video {\n z-index: 48;\n\n video {\n object-fit: cover;\n }\n }\n\n .color-overlay {\n z-index: 49;\n }\n\n .video-placeholder {\n z-index: 47;\n }\n\n @media (max-width: ".concat(u-1,"px) {\n .desktop {\n display: none;\n }\n }\n @media (min-width: ").concat(u,"px) {\n .mobile {\n display: none;\n }\n }\n ")},f&&i.createElement(l.d,(0,a.Z)({className:"video-placeholder mobile",disableLazyLoad:!0,asBackground:!0,renderedSizes:{0:"100vw"}},f)),v&&i.createElement(l.d,(0,a.Z)({className:"video-placeholder".concat(f?" desktop":""),disableLazyLoad:!0,asBackground:!0,renderedSizes:{0:"50vw"}},v)),f?i.createElement(d.z,{media:"(min-width: ".concat(u,"px)"),predictedMatch:!1},i.createElement(h,y)):i.createElement(h,y),t&&i.createElement("div",{className:"color-overlay i0",style:{backgroundColor:t}}))};u.displayName="SectionBackgroundVideo",u.defaultProps={colorOverlay:"rgba(12, 13, 17, 0.75)",componentClassName:"section-background-video",mobileBreakpoint:1024,src:"https://marketing.invisionapp-cdn.com/www-assets.invisionapp.com/Homepage/enterprise-loop.mp4",whenVisible:"10%"},u.displayName="SectionBackgroundVideo"}}]);