@blateral/b.kit 2.7.4 → 2.7.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/Navigation-939e4d0e.js +2 -0
- package/cjs/Navigation-939e4d0e.js.map +1 -0
- package/cjs/headers.js +1 -1
- package/cjs/navigation.js +1 -1
- package/cjs/sections.js +1 -1
- package/cjs/sections.pois.js +1 -1
- package/esm/{Navigation-42c123d2.js → Navigation-99f6dc41.js} +2 -2
- package/esm/Navigation-99f6dc41.js.map +1 -0
- package/esm/headers.js +1 -1
- package/esm/navigation.js +2 -2
- package/esm/sections.js +1 -1
- package/esm/sections.pois.js +1 -1
- package/package.json +2 -2
- package/cjs/Navigation-d205ed34.js +0 -2
- package/cjs/Navigation-d205ed34.js.map +0 -1
- package/esm/Navigation-42c123d2.js.map +0 -1
package/cjs/headers.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),i=require("./styles-3a495a2d.js"),a=require("./LibThemeProvider-4823de57.js"),o=require("./useMediaQuery-3d1054e5.js"),r=require("./Image-c72f7a80.js"),l=require("./clamp-bd21d587.js"),s=require("./Actions-c7b16449.js"),c=require("./useObserverSupport-5ab320dd.js"),d=require("./useUpdateEffect-4d233e2c.js"),m=require("./Copy-ea6ab025.js"),u=require("./Section-e8e8cf81.js"),p=require("./Navigation-d205ed34.js");function h(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}require("react-dom/server"),require("./concat-f387d848.js"),require("./arrays-c272ed59.js"),require("./navigation-bf154e6e.js"),require("./Link-5a6f1633.js"),require("./LanguageSwitcher-8fdd22ba.js");var g,f,v,b,x,w,_,y,I,j,k,C,z,N,T,E,H,O,q,P,S=h(e),B=h(t),M=B.default.div.withConfig({displayName:"HeaderKenBurns__AnimationContainer",componentId:"sc-1hmc5d0-0"})(g||(g=n.__makeTemplateObject(["\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n"],["\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n"]))),A=B.default(r.Image).withConfig({displayName:"HeaderKenBurns__PosterImage",componentId:"sc-1hmc5d0-1"})(f||(f=n.__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n\n height: 100%;\n width: 100%;\n\n img {\n height: 100%;\n }\n"],["\n position: absolute;\n top: 0;\n left: 0;\n\n height: 100%;\n width: 100%;\n\n img {\n height: 100%;\n }\n"]))),V=B.default.img.withConfig({displayName:"HeaderKenBurns__AnimationImage",componentId:"sc-1hmc5d0-2"})(v||(v=n.__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n\n object-fit: cover;\n object-position: center;\n\n transition-property: opacity, transform;\n transition-duration: ",";\n transition-delay: ",";\n\n opacity: ",";\n transform: scale(",")\n rotate(","deg);\n transform-origin: ",";\n\n will-change: transform, opacity;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n\n object-fit: cover;\n object-position: center;\n\n transition-property: opacity, transform;\n transition-duration: ",";\n transition-delay: ",";\n\n opacity: ",";\n transform: scale(",")\n rotate(","deg);\n transform-origin: ",";\n\n will-change: transform, opacity;\n"])),(function(n){var e=n.scale;return"2s, ".concat(1===e?"0s":"13s")}),(function(n){var e=n.scale;return"".concat(1===e?"1s":"0s",", ").concat(1===e?"3s":"0s")}),(function(n){var e=n.opacity;return e&&e}),(function(n){return n.scale||1}),(function(n){return 1!==n.scale?.04:0}),(function(n){var e=n.zoomPoint;return e?"".concat(100*e[0],"% ").concat(100*e[1],"%"):"center"})),F=function(n){var t=n.zoom,i=void 0===t?1.08:t,a=n.zoomPoint,o=void 0===a?[.5,.5]:a,r=n.interval,l=void 0===r?1e4:r,s=n.images,c=n.onChange,d=e.useRef(),m=e.useRef(),u=e.useState(-1),p=u[0],h=u[1];return e.useEffect((function(){var n=function(){h((function(n){return(n+1)%s.length}))};return m.current=window.setTimeout(n,200),d.current&&window.clearInterval(d.current),d.current=window.setInterval(n,l),function(){m.current&&window.clearTimeout(m.current),d.current&&window.clearInterval(d.current)}}),[s,l]),e.useEffect((function(){-1!==p&&c&&c(p)}),[p]),S.default.createElement(S.default.Fragment,null,s.map((function(n,e){var t=1,a=o;return e===p&&(t=void 0!==n.zoom?n.zoom:i),n.zoomPoint&&(a=L(n.zoomPoint)),S.default.createElement(V,{key:e,style:{zIndex:e===p?1:0},src:n.image,scale:t,opacity:e===p?1:0,zoomPoint:a,alt:n.alt||""})})))},L=function(n){return[l.clampValue(n[0],0,1),l.clampValue(n[1],0,1)]},R=function(t){var i=t.images,a=t.zoom,r=void 0===a?1.08:a,l=t.zoomPoint,s=void 0===l?[.5,.5]:l,c=t.interval,d=void 0===c?1e4:c,m=t.onImageChange,u=t.className,p=t.children,h=o.useMediaQuery(["small","medium","large","xlarge"]),g=e.useState({small:[],medium:[],large:[],xlarge:[]}),f=g[0],v=g[1];return e.useEffect((function(){var e;if(h&&(f[h].length<i.length&&i.length>=2)){var t=i.map((function(n,e){return{id:e,image:n[h],zoom:n.zoom||r,zoomPoint:n.zoomPoint||s,alt:n.alt}}));e=function(n){return n.map((function(n){return new Promise((function(e){var t=new window.Image;t.src=n.image,t.onload=function(){return e(n)}}))}))}(t),n.__awaiter(void 0,void 0,void 0,(function(){var t,i,a,o;return n.__generator(this,(function(r){switch(r.label){case 0:t=function(e){var t;return n.__generator(this,(function(i){switch(i.label){case 0:return[4,e];case 1:return t=i.sent(),v((function(e){var i;return e[h].find((function(n){return n.id===t.id}))?e:n.__assign(n.__assign({},e),((i={})[h]=n.__spreadArray(n.__spreadArray([],e[h],!0),[t],!1),i))})),[2]}}))},i=0,a=e,r.label=1;case 1:return i<a.length?(o=a[i],[5,t(o)]):[3,4];case 2:r.sent(),r.label=3;case 3:return i++,[3,1];case 4:return[2]}}))}))}}),[h,i,f,r,s]),S.default.createElement(M,{className:u},S.default.createElement(A,n.__assign({},i[0],{coverSpace:!0,ratios:void 0})),h&&f[h].length>=i.length&&S.default.createElement(F,{zoom:r,zoomPoint:L(s),interval:d,images:f[h],onChange:function(n){return i[n]&&m&&m(i[n])}}),p)},U=B.default.div.withConfig({displayName:"HeaderPoster__PosterView",componentId:"sc-9zhj-0"})(b||(b=n.__makeTemplateObject(["\n position: relative;\n width: 100%;\n height: 100%;\n"],["\n position: relative;\n width: 100%;\n height: 100%;\n"]))),Z=B.default(r.Image).withConfig({displayName:"HeaderPoster__BgImage",componentId:"sc-9zhj-1"})(x||(x=n.__makeTemplateObject(["\n height: 100%;\n\n img {\n height: 100%;\n object-position: ",";\n }\n"],["\n height: 100%;\n\n img {\n height: 100%;\n object-position: ",";\n }\n"])),(function(n){var e=n.focus;return"".concat((null==e?void 0:e[0])||"center"," ").concat((null==e?void 0:e[1])||"center")})),K=function(e){var t=e.isInverted,i=e.bgImage,a=e.focus,o=e.className,r=e.children;return S.default.createElement(U,{className:o},i&&S.default.createElement(Z,n.__assign({},i,{coverSpace:!0,ratios:void 0,isInverted:t,focus:a})),r)},Q=B.default.div.withConfig({displayName:"HeaderVideo__PosterView",componentId:"sc-i0iu8j-0"})(w||(w=n.__makeTemplateObject(["\n position: relative;\n width: 100%;\n height: 100%;\n"],["\n position: relative;\n width: 100%;\n height: 100%;\n"]))),D=B.default(r.Image).withConfig({displayName:"HeaderVideo__PlaceholderImg",componentId:"sc-i0iu8j-1"})(_||(_=n.__makeTemplateObject(["\n position: relative;\n height: 100%;\n\n img {\n object-position: ",";\n\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n height: 100%;\n z-index: 0;\n }\n\n margin: 0 auto;\n\n @media "," {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: ","px;\n z-index: 2;\n\n & > * {\n margin-top: ","px;\n max-width: 880px;\n }\n }\n"],["\n position: relative;\n height: 100%;\n\n img {\n object-position: ",";\n\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n height: 100%;\n z-index: 0;\n }\n\n margin: 0 auto;\n\n @media "," {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: ","px;\n z-index: 2;\n\n & > * {\n margin-top: ","px;\n max-width: 880px;\n }\n }\n"])),(function(n){var e=n.focus;return"".concat((null==e?void 0:e[0])||"center"," ").concat((null==e?void 0:e[1])||"center")}),i.mq.medium,2*i.spacings.spacer,i.spacings.spacer),G=B.default.video.withConfig({displayName:"HeaderVideo__AutoplayVideo",componentId:"sc-i0iu8j-2"})(y||(y=n.__makeTemplateObject(["\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n height: 100%;\n width: 100%;\n object-fit: cover;\n object-position: ",";\n opacity: ",";\n pointer-events: none;\n z-index: 1;\n\n transition: opacity 0.3s ease-in-out;\n"],["\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n height: 100%;\n width: 100%;\n object-fit: cover;\n object-position: ",";\n opacity: ",";\n pointer-events: none;\n z-index: 1;\n\n transition: opacity 0.3s ease-in-out;\n"])),(function(n){var e=n.focus;return"".concat((null==e?void 0:e[0])||"center"," ").concat((null==e?void 0:e[1])||"center")}),(function(n){return n.isVisible?1:0})),J=function(t){var i=t.isInverted,a=t.loadOnMobile,r=void 0===a||a,l=t.placeholderImg,s=t.focus,m=t.videoUrl,u=t.className,p=t.children,h=e.useRef(null),g=e.useRef(null),f=e.useState(!(null==l?void 0:l.small)||!1),v=f[0],b=f[1],x=c.useObserverSupport(),w=o.useMediaQuery(["small","medium","semilarge","large","xlarge"]),_=void 0===w||"small"===w,y=r||!_,I=e.useState(!1),j=I[0],k=I[1];return e.useEffect((function(){y||b(!1)}),[_,y,r]),e.useEffect((function(){h.current&&h.current.readyState>3&&b(!0)}),[]),d.useUpdateEffect((function(){if(y&&m&&g.current){if(x){var n=new IntersectionObserver((function(n,e){var t=n[0];t.isIntersecting&&(e.unobserve(t.target),k(!0))}),{rootMargin:"200px 0px 200px 0px"}),e=g.current;return n.observe(e),function(){e&&n.unobserve(e)}}k(!0)}}),[x,y]),S.default.createElement(Q,{ref:g,className:u},(null==l?void 0:l.small)&&!v&&S.default.createElement(D,n.__assign({},l,{coverSpace:!0,ratios:void 0,isInverted:i,focus:s})),m&&y&&S.default.createElement(G,{ref:h,isVisible:v,src:j?m:void 0,muted:!0,autoPlay:!0,loop:!0,playsInline:!0,onCanPlayThrough:function(){b(!0)},focus:s}),p)},W=function(e){return t.css(j||(j=n.__makeTemplateObject(["\n // Doing some crazy shit to calculate curent navbar height in CSS\n ","\n"],["\n // Doing some crazy shit to calculate curent navbar height in CSS\n ","\n"])),(function(a){var o=a.theme,r=p.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0}),l=p.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0,hasTop:!0}),s=p.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0,hasBottom:!0}),c=p.generateNavbarIdent({pageFlow:"beforeContent",hasTop:!0,hasMain:!0,hasBottom:!0}),d=p.getFullNavbarHeights(o,r).large,m=p.getFullNavbarHeights(o,l).large,u=p.getFullNavbarHeights(o,s).large,h=p.getFullNavbarHeights(o,c).large,g=function(n){return n.map((function(n){return"[data-navbar-ident*='".concat(n,"']")})).join("")},f=e?"100vh":"80vh";return t.css(I||(I=n.__makeTemplateObject(["\n & > "," {\n min-height: 500px;\n height: ",";\n }\n\n // with main navbar element\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and top navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and bottom navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with all navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n @media "," {\n // with main navbar element\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and top navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and bottom navbar elements\n header"," + & {\n & > "," {\n height: calc(\n "," - ","px\n );\n }\n }\n\n // with all navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n }\n "],["\n & > "," {\n min-height: 500px;\n height: ",";\n }\n\n // with main navbar element\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and top navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and bottom navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with all navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n @media "," {\n // with main navbar element\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and top navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and bottom navbar elements\n header"," + & {\n & > "," {\n height: calc(\n "," - ","px\n );\n }\n }\n\n // with all navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n }\n "])),$,f,g(r.split("-")),$,f,d[0],g(l.split("-")),$,f,m[0],g(s.split("-")),$,f,u[0],g(c.split("-")),$,f,h[0],i.mq.semilarge,g(r.split("-")),$,f,d[1],g(l.split("-")),$,f,m[1],g(s.split("-")),$,f,u[1],g(c.split("-")),$,f,h[1])}))},X=B.default(u.Section).withConfig({displayName:"Header__HeaderSection",componentId:"sc-12uexfr-0"})(k||(k=n.__makeTemplateObject(["\n position: relative;\n ","\n\n header + & {\n ","\n ","\n }\n"],["\n position: relative;\n ","\n\n header + & {\n ","\n ","\n }\n"])),W(!0),i.withRange([0],"padding-top"),i.withRange([0],"margin-top")),Y=B.default(u.Section).withConfig({displayName:"Header__HeaderSectionSmall",componentId:"sc-12uexfr-1"})(C||(C=n.__makeTemplateObject(["\n position: relative;\n ","\n\n header + & {\n ","\n ","\n }\n"],["\n position: relative;\n ","\n\n header + & {\n ","\n ","\n }\n"])),W(!1),i.withRange([0],"padding-top"),i.withRange([0],"margin-top")),$=B.default((function(n){var e=n.isInverted,t=n.videoUrl,i=n.images,a=n.focus,o=n.kenBurnsZoom,r=n.kenBurnsZoomPoint,l=n.kenBurnsInterval,s=n.onImageChange,c=n.className,d=n.children;switch(!0){case!!t:return S.default.createElement(J,{isInverted:e,videoUrl:t,focus:a,placeholderImg:null==i?void 0:i[0],className:c},d);case i&&i.length>1:return S.default.createElement(R,{images:i||[],zoom:o,zoomPoint:r,interval:l,onImageChange:s,className:c},d);case i&&1===i.length:return S.default.createElement(K,{isInverted:e,bgImage:null==i?void 0:i[0],focus:a,className:c},d);default:return S.default.createElement("div",null,d)}})).withConfig({displayName:"Header__StyledPoster",componentId:"sc-12uexfr-2"})(z||(z=n.__makeTemplateObject(["\n position: relative;\n height: 100vh;\n max-height: 1300px;\n max-width: ","px;\n margin: 0 auto;\n"],["\n position: relative;\n height: 100vh;\n max-height: 1300px;\n max-width: ","px;\n margin: 0 auto;\n"])),i.spacings.wrapperLarge),nn=B.default.div.withConfig({displayName:"Header__Overlay",componentId:"sc-12uexfr-3"})(N||(N=n.__makeTemplateObject(["\n display: ",";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background: ",";\n z-index: 2;\n\n @media "," {\n display: block;\n }\n"],["\n display: ",";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background: ",";\n z-index: 2;\n\n @media "," {\n display: block;\n }\n"])),(function(n){return n.textOnImage?"block":"none"}),(function(n){var e=n.bgValue;return e&&e}),i.mq.medium),en=B.default.div.withConfig({displayName:"Header__Content",componentId:"sc-12uexfr-4"})(E||(E=n.__makeTemplateObject(["\n display: none;\n max-width: ","px;\n margin: 0 auto;\n\n ","\n\n @media "," {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: ",";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: ","px;\n z-index: 2;\n\n & > * {\n margin-top: ","px;\n max-width: 880px;\n }\n }\n"],["\n display: none;\n max-width: ","px;\n margin: 0 auto;\n\n ","\n\n @media "," {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: ",";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: ","px;\n z-index: 2;\n\n & > * {\n margin-top: ","px;\n max-width: 880px;\n }\n }\n"])),i.spacings.wrapper,(function(e){var a=e.textOnImage,o=e.isCentered;return a&&t.css(T||(T=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: ",";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: ","px;\n z-index: 2;\n\n & > * {\n margin-top: ","px;\n max-width: 880px;\n }\n "],["\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: ",";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: ","px;\n z-index: 2;\n\n & > * {\n margin-top: ","px;\n max-width: 880px;\n }\n "])),o&&"center",i.spacings.spacer,i.spacings.spacer)}),i.mq.medium,(function(n){return n.isCentered&&"center"}),2*i.spacings.spacer,i.spacings.spacer),tn=B.default.div.withConfig({displayName:"Header__ContentMobile",componentId:"sc-12uexfr-5"})(H||(H=n.__makeTemplateObject(["\n padding: ","px ","px;\n\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n display: none;\n }\n"],["\n padding: ","px ","px;\n\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n display: none;\n }\n"])),i.spacings.spacer,2*i.spacings.nudge,i.spacings.spacer,i.mq.medium),an=B.default(m.Heading).withConfig({displayName:"Header__Title",componentId:"sc-12uexfr-6"})(O||(O=n.__makeTemplateObject(["\n text-align: ",";\n\n @media "," {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 3; /* number of lines to show */\n line-clamp: 3;\n -webkit-box-orient: vertical;\n }\n"],["\n text-align: ",";\n\n @media "," {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 3; /* number of lines to show */\n line-clamp: 3;\n -webkit-box-orient: vertical;\n }\n"])),(function(n){return n.isCentered&&"center"}),i.mq.medium),on=B.default(m.Copy).withConfig({displayName:"Header__Text",componentId:"sc-12uexfr-7"})(q||(q=n.__makeTemplateObject(["\n text-align: ",";\n\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 4; /* number of lines to show */\n line-clamp: 4;\n -webkit-box-orient: vertical;\n"],["\n text-align: ",";\n\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 4; /* number of lines to show */\n line-clamp: 4;\n -webkit-box-orient: vertical;\n"])),(function(n){return n.isCentered&&"center"})),rn=B.default(s.Actions).withConfig({displayName:"Header__StyledActions",componentId:"sc-12uexfr-8"})(P||(P=n.__makeTemplateObject(["\n @media "," {\n display: block;\n text-align: ",";\n }\n"],["\n @media "," {\n display: block;\n text-align: ",";\n }\n"])),i.mq.medium,(function(n){return n.isCentered&&"center"})),ln=a.withLibTheme((function(n){var e=n.anchorId,t=n.size,i=void 0===t?"full":t,o=n.focusPoint,r=void 0===o?["center","center"]:o,l=n.isCentered,s=n.title,c=n.titleAs,d=n.text,m=n.primaryAction,p=n.secondaryAction,h=n.videoUrl,g=n.images,f=n.customImgOverlay,v=n.kenBurnsZoom,b=void 0===v?1.08:v,x=n.kenBurnsZoomPoint,w=void 0===x?[.5,.5]:x,_=n.kenBurnsInterval,y=void 0===_?1e4:_,I=n.onImageChange,j=n.bgMode,k=n.textOnImage,C=a.useLibTheme(),z=C.globals,N=C.colors,T="inverted"===j,E=s||d||m||p,H=E?f||z.sections.imageTextGradient:void 0,O="full"===i?X:Y;return S.default.createElement(O,{addSeperation:!0,anchorId:e,bgColor:T?N.sectionBg.dark:j?N.sectionBg.medium:N.sectionBg.light,bgMode:u.mapToBgMode(j,!0)},S.default.createElement($,{isInverted:T,images:g,videoUrl:h,kenBurnsInterval:y,kenBurnsZoom:b,kenBurnsZoomPoint:w,onImageChange:I,focus:r},E&&S.default.createElement(S.default.Fragment,null,S.default.createElement(nn,{bgValue:H,textOnImage:k}),S.default.createElement(en,{isCentered:l,textOnImage:k},s&&S.default.createElement(an,{isInverted:!0,size:"heading-1",isCentered:l,renderAs:c,innerHTML:s}),d&&S.default.createElement(on,{isInverted:!0,isCentered:l,type:"copy-b",size:"big",innerHTML:d}),(m||p)&&S.default.createElement(rn,{isCentered:l,primary:m&&m(!0),secondary:p&&p(!0)})))),E&&!k&&S.default.createElement(tn,null,s&&S.default.createElement(an,{size:"heading-1",isCentered:l,renderAs:c,innerHTML:s,isInverted:T}),d&&S.default.createElement(on,{type:"copy-b",size:"big",isCentered:l,innerHTML:d,isInverted:T}),(m||p)&&S.default.createElement(rn,{isCentered:l,primary:m&&m(T),secondary:p&&p(T)})))}));exports.Header=ln,exports.HeaderKenBurns=R,exports.HeaderPoster=K,exports.HeaderVideo=J;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),i=require("./styles-3a495a2d.js"),a=require("./LibThemeProvider-4823de57.js"),o=require("./useMediaQuery-3d1054e5.js"),r=require("./Image-c72f7a80.js"),l=require("./clamp-bd21d587.js"),s=require("./Actions-c7b16449.js"),c=require("./useObserverSupport-5ab320dd.js"),d=require("./useUpdateEffect-4d233e2c.js"),m=require("./Copy-ea6ab025.js"),u=require("./Section-e8e8cf81.js"),p=require("./Navigation-939e4d0e.js");function h(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}require("react-dom/server"),require("./concat-f387d848.js"),require("./arrays-c272ed59.js"),require("./navigation-bf154e6e.js"),require("./Link-5a6f1633.js"),require("./LanguageSwitcher-8fdd22ba.js");var g,f,v,b,x,w,_,y,I,j,k,C,z,N,T,E,H,O,q,P,S=h(e),B=h(t),M=B.default.div.withConfig({displayName:"HeaderKenBurns__AnimationContainer",componentId:"sc-1hmc5d0-0"})(g||(g=n.__makeTemplateObject(["\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n"],["\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n"]))),A=B.default(r.Image).withConfig({displayName:"HeaderKenBurns__PosterImage",componentId:"sc-1hmc5d0-1"})(f||(f=n.__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n\n height: 100%;\n width: 100%;\n\n img {\n height: 100%;\n }\n"],["\n position: absolute;\n top: 0;\n left: 0;\n\n height: 100%;\n width: 100%;\n\n img {\n height: 100%;\n }\n"]))),V=B.default.img.withConfig({displayName:"HeaderKenBurns__AnimationImage",componentId:"sc-1hmc5d0-2"})(v||(v=n.__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n\n object-fit: cover;\n object-position: center;\n\n transition-property: opacity, transform;\n transition-duration: ",";\n transition-delay: ",";\n\n opacity: ",";\n transform: scale(",")\n rotate(","deg);\n transform-origin: ",";\n\n will-change: transform, opacity;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n\n object-fit: cover;\n object-position: center;\n\n transition-property: opacity, transform;\n transition-duration: ",";\n transition-delay: ",";\n\n opacity: ",";\n transform: scale(",")\n rotate(","deg);\n transform-origin: ",";\n\n will-change: transform, opacity;\n"])),(function(n){var e=n.scale;return"2s, ".concat(1===e?"0s":"13s")}),(function(n){var e=n.scale;return"".concat(1===e?"1s":"0s",", ").concat(1===e?"3s":"0s")}),(function(n){var e=n.opacity;return e&&e}),(function(n){return n.scale||1}),(function(n){return 1!==n.scale?.04:0}),(function(n){var e=n.zoomPoint;return e?"".concat(100*e[0],"% ").concat(100*e[1],"%"):"center"})),F=function(n){var t=n.zoom,i=void 0===t?1.08:t,a=n.zoomPoint,o=void 0===a?[.5,.5]:a,r=n.interval,l=void 0===r?1e4:r,s=n.images,c=n.onChange,d=e.useRef(),m=e.useRef(),u=e.useState(-1),p=u[0],h=u[1];return e.useEffect((function(){var n=function(){h((function(n){return(n+1)%s.length}))};return m.current=window.setTimeout(n,200),d.current&&window.clearInterval(d.current),d.current=window.setInterval(n,l),function(){m.current&&window.clearTimeout(m.current),d.current&&window.clearInterval(d.current)}}),[s,l]),e.useEffect((function(){-1!==p&&c&&c(p)}),[p]),S.default.createElement(S.default.Fragment,null,s.map((function(n,e){var t=1,a=o;return e===p&&(t=void 0!==n.zoom?n.zoom:i),n.zoomPoint&&(a=L(n.zoomPoint)),S.default.createElement(V,{key:e,style:{zIndex:e===p?1:0},src:n.image,scale:t,opacity:e===p?1:0,zoomPoint:a,alt:n.alt||""})})))},L=function(n){return[l.clampValue(n[0],0,1),l.clampValue(n[1],0,1)]},R=function(t){var i=t.images,a=t.zoom,r=void 0===a?1.08:a,l=t.zoomPoint,s=void 0===l?[.5,.5]:l,c=t.interval,d=void 0===c?1e4:c,m=t.onImageChange,u=t.className,p=t.children,h=o.useMediaQuery(["small","medium","large","xlarge"]),g=e.useState({small:[],medium:[],large:[],xlarge:[]}),f=g[0],v=g[1];return e.useEffect((function(){var e;if(h&&(f[h].length<i.length&&i.length>=2)){var t=i.map((function(n,e){return{id:e,image:n[h],zoom:n.zoom||r,zoomPoint:n.zoomPoint||s,alt:n.alt}}));e=function(n){return n.map((function(n){return new Promise((function(e){var t=new window.Image;t.src=n.image,t.onload=function(){return e(n)}}))}))}(t),n.__awaiter(void 0,void 0,void 0,(function(){var t,i,a,o;return n.__generator(this,(function(r){switch(r.label){case 0:t=function(e){var t;return n.__generator(this,(function(i){switch(i.label){case 0:return[4,e];case 1:return t=i.sent(),v((function(e){var i;return e[h].find((function(n){return n.id===t.id}))?e:n.__assign(n.__assign({},e),((i={})[h]=n.__spreadArray(n.__spreadArray([],e[h],!0),[t],!1),i))})),[2]}}))},i=0,a=e,r.label=1;case 1:return i<a.length?(o=a[i],[5,t(o)]):[3,4];case 2:r.sent(),r.label=3;case 3:return i++,[3,1];case 4:return[2]}}))}))}}),[h,i,f,r,s]),S.default.createElement(M,{className:u},S.default.createElement(A,n.__assign({},i[0],{coverSpace:!0,ratios:void 0})),h&&f[h].length>=i.length&&S.default.createElement(F,{zoom:r,zoomPoint:L(s),interval:d,images:f[h],onChange:function(n){return i[n]&&m&&m(i[n])}}),p)},U=B.default.div.withConfig({displayName:"HeaderPoster__PosterView",componentId:"sc-9zhj-0"})(b||(b=n.__makeTemplateObject(["\n position: relative;\n width: 100%;\n height: 100%;\n"],["\n position: relative;\n width: 100%;\n height: 100%;\n"]))),Z=B.default(r.Image).withConfig({displayName:"HeaderPoster__BgImage",componentId:"sc-9zhj-1"})(x||(x=n.__makeTemplateObject(["\n height: 100%;\n\n img {\n height: 100%;\n object-position: ",";\n }\n"],["\n height: 100%;\n\n img {\n height: 100%;\n object-position: ",";\n }\n"])),(function(n){var e=n.focus;return"".concat((null==e?void 0:e[0])||"center"," ").concat((null==e?void 0:e[1])||"center")})),K=function(e){var t=e.isInverted,i=e.bgImage,a=e.focus,o=e.className,r=e.children;return S.default.createElement(U,{className:o},i&&S.default.createElement(Z,n.__assign({},i,{coverSpace:!0,ratios:void 0,isInverted:t,focus:a})),r)},Q=B.default.div.withConfig({displayName:"HeaderVideo__PosterView",componentId:"sc-i0iu8j-0"})(w||(w=n.__makeTemplateObject(["\n position: relative;\n width: 100%;\n height: 100%;\n"],["\n position: relative;\n width: 100%;\n height: 100%;\n"]))),D=B.default(r.Image).withConfig({displayName:"HeaderVideo__PlaceholderImg",componentId:"sc-i0iu8j-1"})(_||(_=n.__makeTemplateObject(["\n position: relative;\n height: 100%;\n\n img {\n object-position: ",";\n\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n height: 100%;\n z-index: 0;\n }\n\n margin: 0 auto;\n\n @media "," {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: ","px;\n z-index: 2;\n\n & > * {\n margin-top: ","px;\n max-width: 880px;\n }\n }\n"],["\n position: relative;\n height: 100%;\n\n img {\n object-position: ",";\n\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n height: 100%;\n z-index: 0;\n }\n\n margin: 0 auto;\n\n @media "," {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: ","px;\n z-index: 2;\n\n & > * {\n margin-top: ","px;\n max-width: 880px;\n }\n }\n"])),(function(n){var e=n.focus;return"".concat((null==e?void 0:e[0])||"center"," ").concat((null==e?void 0:e[1])||"center")}),i.mq.medium,2*i.spacings.spacer,i.spacings.spacer),G=B.default.video.withConfig({displayName:"HeaderVideo__AutoplayVideo",componentId:"sc-i0iu8j-2"})(y||(y=n.__makeTemplateObject(["\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n height: 100%;\n width: 100%;\n object-fit: cover;\n object-position: ",";\n opacity: ",";\n pointer-events: none;\n z-index: 1;\n\n transition: opacity 0.3s ease-in-out;\n"],["\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n height: 100%;\n width: 100%;\n object-fit: cover;\n object-position: ",";\n opacity: ",";\n pointer-events: none;\n z-index: 1;\n\n transition: opacity 0.3s ease-in-out;\n"])),(function(n){var e=n.focus;return"".concat((null==e?void 0:e[0])||"center"," ").concat((null==e?void 0:e[1])||"center")}),(function(n){return n.isVisible?1:0})),J=function(t){var i=t.isInverted,a=t.loadOnMobile,r=void 0===a||a,l=t.placeholderImg,s=t.focus,m=t.videoUrl,u=t.className,p=t.children,h=e.useRef(null),g=e.useRef(null),f=e.useState(!(null==l?void 0:l.small)||!1),v=f[0],b=f[1],x=c.useObserverSupport(),w=o.useMediaQuery(["small","medium","semilarge","large","xlarge"]),_=void 0===w||"small"===w,y=r||!_,I=e.useState(!1),j=I[0],k=I[1];return e.useEffect((function(){y||b(!1)}),[_,y,r]),e.useEffect((function(){h.current&&h.current.readyState>3&&b(!0)}),[]),d.useUpdateEffect((function(){if(y&&m&&g.current){if(x){var n=new IntersectionObserver((function(n,e){var t=n[0];t.isIntersecting&&(e.unobserve(t.target),k(!0))}),{rootMargin:"200px 0px 200px 0px"}),e=g.current;return n.observe(e),function(){e&&n.unobserve(e)}}k(!0)}}),[x,y]),S.default.createElement(Q,{ref:g,className:u},(null==l?void 0:l.small)&&!v&&S.default.createElement(D,n.__assign({},l,{coverSpace:!0,ratios:void 0,isInverted:i,focus:s})),m&&y&&S.default.createElement(G,{ref:h,isVisible:v,src:j?m:void 0,muted:!0,autoPlay:!0,loop:!0,playsInline:!0,onCanPlayThrough:function(){b(!0)},focus:s}),p)},W=function(e){return t.css(j||(j=n.__makeTemplateObject(["\n // Doing some crazy shit to calculate curent navbar height in CSS\n ","\n"],["\n // Doing some crazy shit to calculate curent navbar height in CSS\n ","\n"])),(function(a){var o=a.theme,r=p.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0}),l=p.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0,hasTop:!0}),s=p.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0,hasBottom:!0}),c=p.generateNavbarIdent({pageFlow:"beforeContent",hasTop:!0,hasMain:!0,hasBottom:!0}),d=p.getFullNavbarHeights(o,r).large,m=p.getFullNavbarHeights(o,l).large,u=p.getFullNavbarHeights(o,s).large,h=p.getFullNavbarHeights(o,c).large,g=function(n){return n.map((function(n){return"[data-navbar-ident*='".concat(n,"']")})).join("")},f=e?"100vh":"80vh";return t.css(I||(I=n.__makeTemplateObject(["\n & > "," {\n min-height: 500px;\n height: ",";\n }\n\n // with main navbar element\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and top navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and bottom navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with all navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n @media "," {\n // with main navbar element\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and top navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and bottom navbar elements\n header"," + & {\n & > "," {\n height: calc(\n "," - ","px\n );\n }\n }\n\n // with all navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n }\n "],["\n & > "," {\n min-height: 500px;\n height: ",";\n }\n\n // with main navbar element\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and top navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and bottom navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with all navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n @media "," {\n // with main navbar element\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and top navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and bottom navbar elements\n header"," + & {\n & > "," {\n height: calc(\n "," - ","px\n );\n }\n }\n\n // with all navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n }\n "])),$,f,g(r.split("-")),$,f,d[0],g(l.split("-")),$,f,m[0],g(s.split("-")),$,f,u[0],g(c.split("-")),$,f,h[0],i.mq.semilarge,g(r.split("-")),$,f,d[1],g(l.split("-")),$,f,m[1],g(s.split("-")),$,f,u[1],g(c.split("-")),$,f,h[1])}))},X=B.default(u.Section).withConfig({displayName:"Header__HeaderSection",componentId:"sc-12uexfr-0"})(k||(k=n.__makeTemplateObject(["\n position: relative;\n ","\n\n header + & {\n ","\n ","\n }\n"],["\n position: relative;\n ","\n\n header + & {\n ","\n ","\n }\n"])),W(!0),i.withRange([0],"padding-top"),i.withRange([0],"margin-top")),Y=B.default(u.Section).withConfig({displayName:"Header__HeaderSectionSmall",componentId:"sc-12uexfr-1"})(C||(C=n.__makeTemplateObject(["\n position: relative;\n ","\n\n header + & {\n ","\n ","\n }\n"],["\n position: relative;\n ","\n\n header + & {\n ","\n ","\n }\n"])),W(!1),i.withRange([0],"padding-top"),i.withRange([0],"margin-top")),$=B.default((function(n){var e=n.isInverted,t=n.videoUrl,i=n.images,a=n.focus,o=n.kenBurnsZoom,r=n.kenBurnsZoomPoint,l=n.kenBurnsInterval,s=n.onImageChange,c=n.className,d=n.children;switch(!0){case!!t:return S.default.createElement(J,{isInverted:e,videoUrl:t,focus:a,placeholderImg:null==i?void 0:i[0],className:c},d);case i&&i.length>1:return S.default.createElement(R,{images:i||[],zoom:o,zoomPoint:r,interval:l,onImageChange:s,className:c},d);case i&&1===i.length:return S.default.createElement(K,{isInverted:e,bgImage:null==i?void 0:i[0],focus:a,className:c},d);default:return S.default.createElement("div",null,d)}})).withConfig({displayName:"Header__StyledPoster",componentId:"sc-12uexfr-2"})(z||(z=n.__makeTemplateObject(["\n position: relative;\n height: 100vh;\n max-height: 1300px;\n max-width: ","px;\n margin: 0 auto;\n"],["\n position: relative;\n height: 100vh;\n max-height: 1300px;\n max-width: ","px;\n margin: 0 auto;\n"])),i.spacings.wrapperLarge),nn=B.default.div.withConfig({displayName:"Header__Overlay",componentId:"sc-12uexfr-3"})(N||(N=n.__makeTemplateObject(["\n display: ",";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background: ",";\n z-index: 2;\n\n @media "," {\n display: block;\n }\n"],["\n display: ",";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background: ",";\n z-index: 2;\n\n @media "," {\n display: block;\n }\n"])),(function(n){return n.textOnImage?"block":"none"}),(function(n){var e=n.bgValue;return e&&e}),i.mq.medium),en=B.default.div.withConfig({displayName:"Header__Content",componentId:"sc-12uexfr-4"})(E||(E=n.__makeTemplateObject(["\n display: none;\n max-width: ","px;\n margin: 0 auto;\n\n ","\n\n @media "," {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: ",";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: ","px;\n z-index: 2;\n\n & > * {\n margin-top: ","px;\n max-width: 880px;\n }\n }\n"],["\n display: none;\n max-width: ","px;\n margin: 0 auto;\n\n ","\n\n @media "," {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: ",";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: ","px;\n z-index: 2;\n\n & > * {\n margin-top: ","px;\n max-width: 880px;\n }\n }\n"])),i.spacings.wrapper,(function(e){var a=e.textOnImage,o=e.isCentered;return a&&t.css(T||(T=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: ",";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: ","px;\n z-index: 2;\n\n & > * {\n margin-top: ","px;\n max-width: 880px;\n }\n "],["\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: ",";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: ","px;\n z-index: 2;\n\n & > * {\n margin-top: ","px;\n max-width: 880px;\n }\n "])),o&&"center",i.spacings.spacer,i.spacings.spacer)}),i.mq.medium,(function(n){return n.isCentered&&"center"}),2*i.spacings.spacer,i.spacings.spacer),tn=B.default.div.withConfig({displayName:"Header__ContentMobile",componentId:"sc-12uexfr-5"})(H||(H=n.__makeTemplateObject(["\n padding: ","px ","px;\n\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n display: none;\n }\n"],["\n padding: ","px ","px;\n\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n display: none;\n }\n"])),i.spacings.spacer,2*i.spacings.nudge,i.spacings.spacer,i.mq.medium),an=B.default(m.Heading).withConfig({displayName:"Header__Title",componentId:"sc-12uexfr-6"})(O||(O=n.__makeTemplateObject(["\n text-align: ",";\n\n @media "," {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 3; /* number of lines to show */\n line-clamp: 3;\n -webkit-box-orient: vertical;\n }\n"],["\n text-align: ",";\n\n @media "," {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 3; /* number of lines to show */\n line-clamp: 3;\n -webkit-box-orient: vertical;\n }\n"])),(function(n){return n.isCentered&&"center"}),i.mq.medium),on=B.default(m.Copy).withConfig({displayName:"Header__Text",componentId:"sc-12uexfr-7"})(q||(q=n.__makeTemplateObject(["\n text-align: ",";\n\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 4; /* number of lines to show */\n line-clamp: 4;\n -webkit-box-orient: vertical;\n"],["\n text-align: ",";\n\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 4; /* number of lines to show */\n line-clamp: 4;\n -webkit-box-orient: vertical;\n"])),(function(n){return n.isCentered&&"center"})),rn=B.default(s.Actions).withConfig({displayName:"Header__StyledActions",componentId:"sc-12uexfr-8"})(P||(P=n.__makeTemplateObject(["\n @media "," {\n display: block;\n text-align: ",";\n }\n"],["\n @media "," {\n display: block;\n text-align: ",";\n }\n"])),i.mq.medium,(function(n){return n.isCentered&&"center"})),ln=a.withLibTheme((function(n){var e=n.anchorId,t=n.size,i=void 0===t?"full":t,o=n.focusPoint,r=void 0===o?["center","center"]:o,l=n.isCentered,s=n.title,c=n.titleAs,d=n.text,m=n.primaryAction,p=n.secondaryAction,h=n.videoUrl,g=n.images,f=n.customImgOverlay,v=n.kenBurnsZoom,b=void 0===v?1.08:v,x=n.kenBurnsZoomPoint,w=void 0===x?[.5,.5]:x,_=n.kenBurnsInterval,y=void 0===_?1e4:_,I=n.onImageChange,j=n.bgMode,k=n.textOnImage,C=a.useLibTheme(),z=C.globals,N=C.colors,T="inverted"===j,E=s||d||m||p,H=E?f||z.sections.imageTextGradient:void 0,O="full"===i?X:Y;return S.default.createElement(O,{addSeperation:!0,anchorId:e,bgColor:T?N.sectionBg.dark:j?N.sectionBg.medium:N.sectionBg.light,bgMode:u.mapToBgMode(j,!0)},S.default.createElement($,{isInverted:T,images:g,videoUrl:h,kenBurnsInterval:y,kenBurnsZoom:b,kenBurnsZoomPoint:w,onImageChange:I,focus:r},E&&S.default.createElement(S.default.Fragment,null,S.default.createElement(nn,{bgValue:H,textOnImage:k}),S.default.createElement(en,{isCentered:l,textOnImage:k},s&&S.default.createElement(an,{isInverted:!0,size:"heading-1",isCentered:l,renderAs:c,innerHTML:s}),d&&S.default.createElement(on,{isInverted:!0,isCentered:l,type:"copy-b",size:"big",innerHTML:d}),(m||p)&&S.default.createElement(rn,{isCentered:l,primary:m&&m(!0),secondary:p&&p(!0)})))),E&&!k&&S.default.createElement(tn,null,s&&S.default.createElement(an,{size:"heading-1",isCentered:l,renderAs:c,innerHTML:s,isInverted:T}),d&&S.default.createElement(on,{type:"copy-b",size:"big",isCentered:l,innerHTML:d,isInverted:T}),(m||p)&&S.default.createElement(rn,{isCentered:l,primary:m&&m(T),secondary:p&&p(T)})))}));exports.Header=ln,exports.HeaderKenBurns=R,exports.HeaderPoster=K,exports.HeaderVideo=J;
|
|
2
2
|
//# sourceMappingURL=headers.js.map
|
package/cjs/navigation.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Navigation-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Navigation-939e4d0e.js"),n=require("./ClockFilled-2483aa4a.js"),a=require("react"),t=require("styled-components"),l=require("./styles-3a495a2d.js"),i=require("./SocialList-1d5f75a8.js"),r=require("./LanguageSwitcher-8fdd22ba.js"),o=require("./arrays-c272ed59.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./LibThemeProvider-4823de57.js"),require("./useMediaQuery-3d1054e5.js"),require("./navigation-bf154e6e.js"),require("./Link-5a6f1633.js"),require("./clamp-bd21d587.js"),require("./Copy-ea6ab025.js"),require("./Image-c72f7a80.js"),require("react-dom/server");var s,u,g,p,m,c,v,f=d(a),x=d(t),_=Object.freeze({__proto__:null,Breadcrumbs:e.BarBreadcrumbs,Column:e.Column,Logo:e.BarLogo,MenuToggle:e.BarMenuToggle,NavList:e.BarNavList}),y=x.default.div.withConfig({displayName:"MenuFooter__Footer",componentId:"sc-1skniyq-0"})(s||(s=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n\n padding: ","px;\n margin-top: auto;\n\n & > * + * {\n margin-top: ","px;\n }\n"],["\n display: flex;\n flex-direction: column;\n\n padding: ","px;\n margin-top: auto;\n\n & > * + * {\n margin-top: ","px;\n }\n"])),2*l.spacings.nudge,l.spacings.spacer),N=function(e){var n=e.isInverted,a=e.langs,t=e.socials,l=o.isValidArray(t,!1),d=o.isValidArray(a,!1);return f.default.createElement(f.default.Fragment,null,(l||d)&&f.default.createElement(y,null,l&&f.default.createElement(i.SocialList,{isInverted:n,items:t}),d&&f.default.createElement(r.LanguageSwitcher,{isInverted:n,langs:a})))},b=function(n){var a=n.rootLink,t=n.rootLabel,l=n.navStates,i="large"===(null==l?void 0:l.size)&&"overContent"===(null==l?void 0:l.pageFlow);return f.default.createElement(e.BarBreadcrumbs,{isInverted:i,rootLink:a,rootLabel:t,navItems:l.mainNavigation})},I=x.default(e.Column).withConfig({displayName:"NavBarMain__ToggleColumn",componentId:"sc-4gwp8g-0"})(u||(u=n.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n"],["\n display: flex;\n flex-direction: row;\n align-items: center;\n"]))),j=x.default(e.Column).withConfig({displayName:"NavBarMain__LogoColumn",componentId:"sc-4gwp8g-1"})(g||(g=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding: ","px 0;\n"],["\n display: flex;\n align-items: center;\n padding: ","px 0;\n"])),l.spacings.nudge),k=x.default(e.Column).withConfig({displayName:"NavBarMain__ActionsColumn",componentId:"sc-4gwp8g-2"})(p||(p=n.__makeTemplateObject(["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n\n & > * + * {\n margin-left: ","px;\n }\n\n @media "," {\n & > * + * {\n margin-left: ","px;\n }\n }\n"],["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n\n & > * + * {\n margin-left: ","px;\n }\n\n @media "," {\n & > * + * {\n margin-left: ","px;\n }\n }\n"])),l.spacings.nudge,l.mq.medium,2*l.spacings.nudge),B=x.default.div.withConfig({displayName:"NavBarMain__LanguageWrapper",componentId:"sc-4gwp8g-3"})(m||(m=n.__makeTemplateObject(["\n display: none;\n\n @media "," {\n display: block;\n margin-left: ","px;\n margin-top: 2px;\n }\n"],["\n display: none;\n\n @media "," {\n display: block;\n margin-left: ","px;\n margin-top: 2px;\n }\n"])),l.mq.semilarge,3*l.spacings.nudge),C=function(a){var t,l,i,d,s,u,g=a.isInverted,p=a.logo,m=a.navStates,c=a.customToggle,v=a.langs,x=a.primaryAction,_=a.secondaryAction,y=void 0!==g?g:"large"===(null==m?void 0:m.size)&&"overContent"===(null==m?void 0:m.pageFlow);return f.default.createElement(f.default.Fragment,null,f.default.createElement(I,{takeSpace:!0,vAlign:"center",isInverted:y},f.default.createElement(e.BarMenuToggle,{isInverted:y,isExpanded:null==m?void 0:m.isMenuOpen,onClick:null==m?void 0:m.openMenu},c?c({isInverted:y}):f.default.createElement(n.MenuBurger,{ariaHidden:!0})),o.isValidArray(v,!1)&&f.default.createElement(B,null,f.default.createElement(r.LanguageSwitcher,{isInverted:y,langs:v}))),(null===(t=null==p?void 0:p.desktop)||void 0===t?void 0:t.src)&&f.default.createElement(j,{isInverted:y},f.default.createElement(e.BarLogo,{link:p.link,logo:{small:y?(null===(l=null==p?void 0:p.mobileInverted)||void 0===l?void 0:l.src)||"":(null===(i=null==p?void 0:p.mobile)||void 0===i?void 0:i.src)||"",semilarge:y?(null===(d=null==p?void 0:p.desktopInverted)||void 0===d?void 0:d.src)||"":(null===(s=null==p?void 0:p.desktop)||void 0===s?void 0:s.src)||"",alt:null===(u=null==p?void 0:p.desktop)||void 0===u?void 0:u.alt}})),f.default.createElement(k,{takeSpace:!0,vAlign:"center"},_?_(n.__assign({isInverted:y},m)):void 0,x?x(n.__assign({isInverted:y},m)):void 0))},L=x.default(e.Column).withConfig({displayName:"NavBarTop__StyledCol",componentId:"sc-144no7d-0"})(c||(c=n.__makeTemplateObject(["\n &:not(:first-child) {\n margin-left: ","px;\n }\n"],["\n &:not(:first-child) {\n margin-left: ","px;\n }\n"])),l.spacings.spacer),M=x.default(e.BarNavList).withConfig({displayName:"NavBarTop__StyledNavList",componentId:"sc-144no7d-1"})(v||(v=n.__makeTemplateObject(["\n display: none;\n\n @media "," {\n display: inline-flex;\n }\n"],["\n display: none;\n\n @media "," {\n display: inline-flex;\n }\n"])),l.mq.semilarge),q=function(e){var n=e.navLinks,a=e.languages,t=e.navStates,l="large"===(null==t?void 0:t.size)&&"overContent"===(null==t?void 0:t.pageFlow);return f.default.createElement(f.default.Fragment,null,f.default.createElement(L,null,f.default.createElement(M,{isInverted:l,navLinks:n})),f.default.createElement(L,null,f.default.createElement(r.LanguageSwitcher,{isInverted:l,langs:a})))},w=Object.freeze({__proto__:null,MenuFooter:N,MenuHeader:e.MenuHeader,NavBarBottom:b,NavBarMain:C,NavBarTop:q});exports.MenuHeaderPartial=e.MenuHeader,exports.Navigation=e.Navigation,exports.generateNavbarIdent=e.generateNavbarIdent,exports.getFullNavbarHeights=e.getFullNavbarHeights,exports.getNavbarState=e.getNavbarState,exports.MenuFooterPartial=N,exports.NavBarBottomPartial=b,exports.NavBarMainPartial=C,exports.NavBarTopPartial=q,exports.NavPartials=w,exports.NavSkeletons=_;
|
|
2
2
|
//# sourceMappingURL=navigation.js.map
|