@blateral/b.kit 2.7.1 → 2.7.3-patch1.0

package/cjs/headers.js

@@ -1,2 +1,2 @@
-"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;
+"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-b47c0c2d.js"),l=require("./clamp-bd21d587.js"),s=require("./Actions-c7b16449.js"),c=require("./useObserverSupport-5ab320dd.js"),d=require("./useUpdateEffect-4d233e2c.js"),m=require("./Copy-b579f268.js"),u=require("./Section-e8e8cf81.js"),p=require("./Navigation-8f27999b.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-5a6ad6bf.js"),require("./Link-5a6f1633.js"),require("./LanguageSwitcher-296643d1.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;
 //# sourceMappingURL=headers.js.map

package/cjs/hooks.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./useEqualSheetHeight-501f4c5f.js"),r=require("./useIE-aef9decc.js"),t=require("react"),n=require("./useMediaQuery-3d1054e5.js"),a=require("./useScrollTo-fdd665da.js"),s=require("./useUpdateEffect-4d233e2c.js"),o=require("./useMounted-0bba9869.js"),u=require("./useLazyInput-f71c221b.js"),i=require("./navigation-bf154e6e.js"),l=require("./ClockFilled-2483aa4a.js"),c=require("./hexRgbConverter-91b28aea.js"),f=require("./clamp-bd21d587.js"),d=require("./arrays-c272ed59.js"),p=require("./concat-f387d848.js"),m=require("./styles-3a495a2d.js"),g=require("./useLeafletMap-2e608b01.js"),v=require("./useGeolocation-d8946470.js"),x=require("./useObserverSupport-5ab320dd.js"),h=require("./urlParams-7525f638.js"),w=require("./useCookieConsent-aa9f1104.js");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("styled-components"),require("react-dom/server");var _,S=y(t);exports.ScrollDirection=void 0,(_=exports.ScrollDirection||(exports.ScrollDirection={}))[_.UP=0]="UP",_[_.DOWN=1]="DOWN";var b=function(){if(!n.isBrowser)return!1;var e=document.createElement("canvas");return(!e.getContext||!e.getContext("2d"))&&0==e.toDataURL("image/webp").indexOf("data:image/webp")};var E="undefined"!=typeof window&&"URLSearchParams"in window,P=function(e){var r={},t=Object.fromEntries(e||new URLSearchParams(window.location.search));for(var n in t){var a=t[n];"string"==typeof a&&(a=decodeURIComponent(a)),r[n]=a}return r};exports.useEqualSheetHeight=e.useEqualSheetHeight,exports.useFontsLoaded=e.useFontsLoaded,exports.useResizeThrottle=e.useResizeThrottle,exports.useIE=r.useIE,exports.getMediaQuery=n.getMediaQuery,exports.isBrowser=n.isBrowser,exports.useDynamicMediaQueries=n.useDynamicMediaQueries,exports.useMediaQueries=n.useMediaQueries,exports.useMediaQuery=n.useMediaQuery,exports.useScrollTo=a.useScrollTo,exports.useUpdateEffect=s.useUpdateEffect,exports.useMounted=o.useMounted,exports.useDebounce=u.useDebounce,exports.useLazyInput=u.useLazyInput,exports.useTimeout=u.useTimeout,exports.getCurrentNavItem=i.getCurrentNavItem,exports.getCurrentNavPath=i.getCurrentNavPath,exports.useScrollThrottle=i.useScrollThrottle,exports.hexToRgba=c.hexToRgba,exports.clampValue=f.clampValue,exports.isEmptyArray=d.isEmptyArray,exports.isValidArray=d.isValidArray,exports.concat=p.concat,exports.printAnchorTag=p.printAnchorTag,exports.getSVGDataImg=m.getSVGDataImg,exports.useLeafletMap=g.useLeafletMap,exports.useGeolocation=v.useGeolocation,exports.useObserverSupport=x.useObserverSupport,exports.deleteUrlParam=h.deleteUrlParam,exports.getUrlParams=h.getUrlParams,exports.setUrlParam=h.setUrlParam,exports.selectors=w.selectors,exports.useCookieConsent=w.useCookieConsent,exports.canUseWebP=b,exports.getBgImage=function(e,r){switch(r){default:case"small":return e.small;case"medium":return e.medium||e.semilarge||e.large||e.xlarge||e.small;case"semilarge":return e.semilarge||e.large||e.xlarge||e.medium||e.small;case"large":return e.large||e.xlarge||e.semilarge||e.medium||e.small;case"xlarge":return e.xlarge||e.large||e.semilarge||e.medium||e.small}},exports.getLinkIcon=function(e,r,t){var n,a=m.getGlobals(e).icons.linkIcons,s=".".concat((null==r?void 0:r.split(".").pop())||""),o=a.find((function(e){var r;return null===(r=e.patterns)||void 0===r?void 0:r.find((function(e){return e.match(s)}))}));return(null==o?void 0:o.iconChar)||(null===(n=null==o?void 0:o.iconUrl)||void 0===n?void 0:n.call(o,t))||""},exports.importFonts=function(e){return S.default.createElement(S.default.Fragment,null,e&&e.length>0&&S.default.createElement("style",{dangerouslySetInnerHTML:{__html:null==e?void 0:e.reduce((function(e,r){var t;return(null==r?void 0:r.fallbacks)?e+=null===(t=null==r?void 0:r.fallbacks)||void 0===t?void 0:t.reduce((function(e,r){return e+="@font-face { font-family: '".concat(r.name,"'; size-adjust: ").concat(r.sizeAdjust,"; src: local('").concat(r.altFont,"'); } ")}),""):e}),"")}}),null==e?void 0:e.map((function(e,r){return S.default.createElement("link",{key:r,rel:"preconnect",href:e.rootPath,crossOrigin:"true"})})),null==e?void 0:e.map((function(e,r){return S.default.createElement("link",{key:r,rel:"preload",as:"style",href:e.sourcePath})})),S.default.createElement("style",{dangerouslySetInnerHTML:{__html:"</style>".concat(null==e?void 0:e.reduce((function(e,r){return e+'\n                                <link rel="stylesheet" href="'.concat(r.sourcePath,'" media="print" onload="this.media=\'all\'" />')}),""),"<style>")}}),S.default.createElement("noscript",null,null==e?void 0:e.map((function(e,r){return S.default.createElement("link",{key:r,rel:"stylesheet",href:e.sourcePath})}))))},exports.useArray=function(e){var r=t.useState(e||[]),n=r[0],a=r[1];return{array:n,set:a,push:function(e){Array.isArray(e)?a((function(r){return l.__spreadArray(l.__spreadArray([],r,!0),e,!0)})):a((function(r){return l.__spreadArray(l.__spreadArray([],r,!0),[e],!1)}))},filter:function(e){a((function(r){return r.filter(e)}))},update:function(e,r){a((function(t){return l.__spreadArray(l.__spreadArray(l.__spreadArray([],t.slice(0,e),!0),[r],!1),t.slice(e+1,t.length),!0)}))},remove:function(e){a((function(r){return l.__spreadArray(l.__spreadArray([],r.slice(0,e),!0),r.slice(e+1,r.length),!0)}))},clear:function(){a([])},pop:function(){var e;return a((function(r){var t=l.__spreadArray([],r,!0);return e=t.pop(),t})),e}}},exports.useImgPreload=function(e,r){void 0===r&&(r=["semilarge","large"]);var a=t.useState(!1),s=a[0],o=a[1],u=t.useState(!1),i=u[0],c=u[1],f=n.useMediaQuery(r),d=t.useState({small:[],medium:[],semilarge:[],large:[],xlarge:[],xxlarge:[],xxxLarge:[]}),p=d[0],m=d[1];return t.useEffect((function(){var r;if(s&&p&&f&&(p[f].length<e.length&&e.length>0)){var t=e.map((function(e){return e[f]}));r=function(e){return e.filter((function(e){return e})).map((function(e,r){return new Promise((function(t){var n=new window.Image;n.src=e,n.onload=function(){return t({url:e,i:r})}}))}))}(t),l.__awaiter(void 0,void 0,void 0,(function(){var e,t,n,a;return l.__generator(this,(function(s){switch(s.label){case 0:e=function(e){var r;return l.__generator(this,(function(t){switch(t.label){case 0:return[4,e];case 1:return r=t.sent(),m((function(e){var t;return e[f].find((function(e){return e.id===r.i}))?e:l.__assign(l.__assign({},e),((t={})[f]=l.__spreadArray(l.__spreadArray([],e[f],!0),[{id:r.i,image:r.url}],!1),t))})),[2]}}))},t=0,n=r,s.label=1;case 1:return t<n.length?(a=n[t],[5,e(a)]):[3,4];case 2:s.sent(),s.label=3;case 3:return t++,[3,1];case 4:return[2]}}))}))}}),[f,e,s,p]),t.useEffect((function(){if(p&&f){var r=e.filter((function(e){return e[f]})).length;c(p[f].length>=r)}}),[f,e,p]),{loadedImages:f&&p[f],isLoaded:i,setReady:o}},exports.useInterval=function(e,r){var n=t.useRef(e),a=t.useRef();t.useEffect((function(){n.current=e}),[e]);var s=t.useCallback((function(){a.current=window.setInterval((function(){var e;return null===(e=n.current)||void 0===e?void 0:e.call(n)}),r)}),[r]),o=t.useCallback((function(){a.current&&window.clearInterval(a.current)}),[]);t.useEffect((function(){return s(),o}),[r,s,o]);var u=t.useCallback((function(){o(),s()}),[o,s]);return{clear:o,reset:u}},exports.useItemHeight=function(){var e=t.useState(null),r=e[0],n=e[1],a=t.useState(0),s=a[0],o=a[1];return t.useEffect((function(){var e=function(){r&&o(r.offsetHeight)};return r&&(e(),window.addEventListener("resize",e)),function(){window.removeEventListener("resize",e)}}),[r]),{setElement:n,height:s}},exports.useParams=function(){var e=t.useState({}),r=e[0],n=e[1];t.useEffect((function(){E&&n(P())}),[]);var a=t.useCallback((function(e,t){if(E){var a=l.__assign({},r);a[e]=t;var s=new URLSearchParams(window.location.search);for(var o in a)s.set(o,encodeURIComponent(a[o]));n(P(s)),window.history.replaceState({},"","".concat(location.pathname,"?").concat(s.toString()+location.hash))}}),[r]);return{params:r,update:a}},exports.usePoster=function(e,r){var a=t.useState(),s=a[0],o=a[1],u=e.webp&&b()?e.webp:e,i=n.useMediaQuery(r||["small","medium","semilarge","large","xlarge"]);return t.useEffect((function(){i&&u[i]&&u[i]!==s&&o(u[i])}),[s,i,u]),s},exports.useScroll=function(e){var r=e.initialTopOffset,n=void 0===r?0:r,a=e.onLeftOffset,s=e.onEnterOffset,o=t.useState(n),u=o[0],i=o[1],l=t.useState(!0),c=l[0],f=l[1],d=t.useState(!0),p=d[0],m=d[1],g=t.useState(exports.ScrollDirection.DOWN),v=g[0],x=g[1],h=t.useRef(0);return t.useEffect((function(){if("undefined"!=typeof window){var e=function(){f(window.pageYOffset<=1),m(window.pageYOffset<=1+u),h.current&&(window.pageYOffset>1+u&&h.current<=1+u&&a&&a(),window.pageYOffset<=1+u&&h.current>1+u&&s&&s(),x((function(e){return window.pageYOffset<=1||window.pageYOffset>h.current?exports.ScrollDirection.DOWN:window.pageYOffset<h.current?exports.ScrollDirection.UP:e}))),h.current=window.pageYOffset};return e(),window.addEventListener("scroll",e),function(){window.removeEventListener("scroll",e)}}}),[h,a,s,v,u]),{isTop:c,isInOffset:p,scrollDirection:v,setTopOffset:i,topOffset:u}},exports.useTouch=function(){var e=t.useState(!1),r=e[0],n=e[1];return t.useEffect((function(){n("ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0)}),[]),r};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./useEqualSheetHeight-501f4c5f.js"),r=require("./useIE-aef9decc.js"),t=require("react"),n=require("./useMediaQuery-3d1054e5.js"),a=require("./useScrollTo-fdd665da.js"),s=require("./useUpdateEffect-4d233e2c.js"),u=require("./useMounted-0bba9869.js"),o=require("./useLazyInput-f71c221b.js"),i=require("./navigation-5a6ad6bf.js"),l=require("./ClockFilled-2483aa4a.js"),c=require("./hexRgbConverter-91b28aea.js"),f=require("./clamp-bd21d587.js"),d=require("./arrays-c272ed59.js"),p=require("./concat-f387d848.js"),m=require("./styles-3a495a2d.js"),g=require("./useLeafletMap-2e608b01.js"),v=require("./useGeolocation-d8946470.js"),x=require("./useObserverSupport-5ab320dd.js"),h=require("./urlParams-7525f638.js"),w=require("./useCookieConsent-aa9f1104.js");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("styled-components"),require("react-dom/server");var S,_=y(t);exports.ScrollDirection=void 0,(S=exports.ScrollDirection||(exports.ScrollDirection={}))[S.UP=0]="UP",S[S.DOWN=1]="DOWN";var E=function(){if(!n.isBrowser)return!1;var e=document.createElement("canvas");return(!e.getContext||!e.getContext("2d"))&&0==e.toDataURL("image/webp").indexOf("data:image/webp")};var b="undefined"!=typeof window&&"URLSearchParams"in window,O=function(e){var r={},t=Object.fromEntries(e||new URLSearchParams(window.location.search));for(var n in t){var a=t[n];"string"==typeof a&&(a=decodeURIComponent(a)),r[n]=a}return r};exports.useEqualSheetHeight=e.useEqualSheetHeight,exports.useFontsLoaded=e.useFontsLoaded,exports.useResizeThrottle=e.useResizeThrottle,exports.useIE=r.useIE,exports.getMediaQuery=n.getMediaQuery,exports.isBrowser=n.isBrowser,exports.useDynamicMediaQueries=n.useDynamicMediaQueries,exports.useMediaQueries=n.useMediaQueries,exports.useMediaQuery=n.useMediaQuery,exports.useScrollTo=a.useScrollTo,exports.useUpdateEffect=s.useUpdateEffect,exports.useMounted=u.useMounted,exports.useDebounce=o.useDebounce,exports.useLazyInput=o.useLazyInput,exports.useTimeout=o.useTimeout,exports.getCurrentNavItem=i.getCurrentNavItem,exports.getCurrentNavPath=i.getCurrentNavPath,exports.useMessage=i.useMessage,exports.useScrollThrottle=i.useScrollThrottle,exports.hexToRgba=c.hexToRgba,exports.clampValue=f.clampValue,exports.isEmptyArray=d.isEmptyArray,exports.isValidArray=d.isValidArray,exports.concat=p.concat,exports.printAnchorTag=p.printAnchorTag,exports.getSVGDataImg=m.getSVGDataImg,exports.useLeafletMap=g.useLeafletMap,exports.useGeolocation=v.useGeolocation,exports.useObserverSupport=x.useObserverSupport,exports.deleteUrlParam=h.deleteUrlParam,exports.getUrlParams=h.getUrlParams,exports.setUrlParam=h.setUrlParam,exports.selectors=w.selectors,exports.useCookieConsent=w.useCookieConsent,exports.canUseWebP=E,exports.getBgImage=function(e,r){switch(r){default:case"small":return e.small;case"medium":return e.medium||e.semilarge||e.large||e.xlarge||e.small;case"semilarge":return e.semilarge||e.large||e.xlarge||e.medium||e.small;case"large":return e.large||e.xlarge||e.semilarge||e.medium||e.small;case"xlarge":return e.xlarge||e.large||e.semilarge||e.medium||e.small}},exports.getLinkIcon=function(e,r,t){var n,a=m.getGlobals(e).icons.linkIcons,s=".".concat((null==r?void 0:r.split(".").pop())||""),u=a.find((function(e){var r;return null===(r=e.patterns)||void 0===r?void 0:r.find((function(e){return e.match(s)}))}));return(null==u?void 0:u.iconChar)||(null===(n=null==u?void 0:u.iconUrl)||void 0===n?void 0:n.call(u,t))||""},exports.importFonts=function(e){return _.default.createElement(_.default.Fragment,null,e&&e.length>0&&_.default.createElement("style",{dangerouslySetInnerHTML:{__html:null==e?void 0:e.reduce((function(e,r){var t;return(null==r?void 0:r.fallbacks)?e+=null===(t=null==r?void 0:r.fallbacks)||void 0===t?void 0:t.reduce((function(e,r){return e+="@font-face { font-family: '".concat(r.name,"'; size-adjust: ").concat(r.sizeAdjust,"; src: local('").concat(r.altFont,"'); } ")}),""):e}),"")}}),null==e?void 0:e.map((function(e,r){return _.default.createElement("link",{key:r,rel:"preconnect",href:e.rootPath,crossOrigin:"true"})})),null==e?void 0:e.map((function(e,r){return _.default.createElement("link",{key:r,rel:"preload",as:"style",href:e.sourcePath})})),_.default.createElement("style",{dangerouslySetInnerHTML:{__html:"</style>".concat(null==e?void 0:e.reduce((function(e,r){return e+'\n                                <link rel="stylesheet" href="'.concat(r.sourcePath,'" media="print" onload="this.media=\'all\'" />')}),""),"<style>")}}),_.default.createElement("noscript",null,null==e?void 0:e.map((function(e,r){return _.default.createElement("link",{key:r,rel:"stylesheet",href:e.sourcePath})}))))},exports.useArray=function(e){var r=t.useState(e||[]),n=r[0],a=r[1];return{array:n,set:a,push:function(e){Array.isArray(e)?a((function(r){return l.__spreadArray(l.__spreadArray([],r,!0),e,!0)})):a((function(r){return l.__spreadArray(l.__spreadArray([],r,!0),[e],!1)}))},filter:function(e){a((function(r){return r.filter(e)}))},update:function(e,r){a((function(t){return l.__spreadArray(l.__spreadArray(l.__spreadArray([],t.slice(0,e),!0),[r],!1),t.slice(e+1,t.length),!0)}))},remove:function(e){a((function(r){return l.__spreadArray(l.__spreadArray([],r.slice(0,e),!0),r.slice(e+1,r.length),!0)}))},clear:function(){a([])},pop:function(){var e;return a((function(r){var t=l.__spreadArray([],r,!0);return e=t.pop(),t})),e}}},exports.useImgPreload=function(e,r){void 0===r&&(r=["semilarge","large"]);var a=t.useState(!1),s=a[0],u=a[1],o=t.useState(!1),i=o[0],c=o[1],f=n.useMediaQuery(r),d=t.useState({small:[],medium:[],semilarge:[],large:[],xlarge:[],xxlarge:[],xxxLarge:[]}),p=d[0],m=d[1];return t.useEffect((function(){var r;if(s&&p&&f&&(p[f].length<e.length&&e.length>0)){var t=e.map((function(e){return e[f]}));r=function(e){return e.filter((function(e){return e})).map((function(e,r){return new Promise((function(t){var n=new window.Image;n.src=e,n.onload=function(){return t({url:e,i:r})}}))}))}(t),l.__awaiter(void 0,void 0,void 0,(function(){var e,t,n,a;return l.__generator(this,(function(s){switch(s.label){case 0:e=function(e){var r;return l.__generator(this,(function(t){switch(t.label){case 0:return[4,e];case 1:return r=t.sent(),m((function(e){var t;return e[f].find((function(e){return e.id===r.i}))?e:l.__assign(l.__assign({},e),((t={})[f]=l.__spreadArray(l.__spreadArray([],e[f],!0),[{id:r.i,image:r.url}],!1),t))})),[2]}}))},t=0,n=r,s.label=1;case 1:return t<n.length?(a=n[t],[5,e(a)]):[3,4];case 2:s.sent(),s.label=3;case 3:return t++,[3,1];case 4:return[2]}}))}))}}),[f,e,s,p]),t.useEffect((function(){if(p&&f){var r=e.filter((function(e){return e[f]})).length;c(p[f].length>=r)}}),[f,e,p]),{loadedImages:f&&p[f],isLoaded:i,setReady:u}},exports.useInterval=function(e,r){var n=t.useRef(e),a=t.useRef();t.useEffect((function(){n.current=e}),[e]);var s=t.useCallback((function(){a.current=window.setInterval((function(){var e;return null===(e=n.current)||void 0===e?void 0:e.call(n)}),r)}),[r]),u=t.useCallback((function(){a.current&&window.clearInterval(a.current)}),[]);t.useEffect((function(){return s(),u}),[r,s,u]);var o=t.useCallback((function(){u(),s()}),[u,s]);return{clear:u,reset:o}},exports.useItemHeight=function(){var e=t.useState(null),r=e[0],n=e[1],a=t.useState(0),s=a[0],u=a[1];return t.useEffect((function(){var e=function(){r&&u(r.offsetHeight)};return r&&(e(),window.addEventListener("resize",e)),function(){window.removeEventListener("resize",e)}}),[r]),{setElement:n,height:s}},exports.useNavigationState=function(e){var r=t.useRef(e||null),n=t.useState(e||null),a=n[0],s=n[1],u=i.useMessage().listen;return t.useEffect((function(){return u("NAVIGATION_STATE",(function(e){JSON.stringify(r.current)!==JSON.stringify(e.data)&&(r.current=e.data,s(e.data))}))}),[u]),a},exports.useParams=function(){var e=t.useState({}),r=e[0],n=e[1];t.useEffect((function(){b&&n(O())}),[]);var a=t.useCallback((function(e,t){if(b){var a=l.__assign({},r);a[e]=t;var s=new URLSearchParams(window.location.search);for(var u in a)s.set(u,encodeURIComponent(a[u]));n(O(s)),window.history.replaceState({},"","".concat(location.pathname,"?").concat(s.toString()+location.hash))}}),[r]);return{params:r,update:a}},exports.usePoster=function(e,r){var a=t.useState(),s=a[0],u=a[1],o=e.webp&&E()?e.webp:e,i=n.useMediaQuery(r||["small","medium","semilarge","large","xlarge"]);return t.useEffect((function(){i&&o[i]&&o[i]!==s&&u(o[i])}),[s,i,o]),s},exports.useScroll=function(e){var r=e.initialTopOffset,n=void 0===r?0:r,a=e.onLeftOffset,s=e.onEnterOffset,u=t.useState(n),o=u[0],i=u[1],l=t.useState(!0),c=l[0],f=l[1],d=t.useState(!0),p=d[0],m=d[1],g=t.useState(exports.ScrollDirection.DOWN),v=g[0],x=g[1],h=t.useRef(0);return t.useEffect((function(){if("undefined"!=typeof window){var e=function(){f(window.pageYOffset<=1),m(window.pageYOffset<=1+o),h.current&&(window.pageYOffset>1+o&&h.current<=1+o&&a&&a(),window.pageYOffset<=1+o&&h.current>1+o&&s&&s(),x((function(e){return window.pageYOffset<=1||window.pageYOffset>h.current?exports.ScrollDirection.DOWN:window.pageYOffset<h.current?exports.ScrollDirection.UP:e}))),h.current=window.pageYOffset};return e(),window.addEventListener("scroll",e),function(){window.removeEventListener("scroll",e)}}}),[h,a,s,v,o]),{isTop:c,isInOffset:p,scrollDirection:v,setTopOffset:i,topOffset:o}},exports.useTouch=function(){var e=t.useState(!1),r=e[0],n=e[1];return t.useEffect((function(){n("ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0)}),[]),r};
 //# sourceMappingURL=hooks.js.map

package/cjs/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":["../src/utils/useScroll.ts","../src/utils/usePoster.ts","../src/utils/useTouch.ts","../src/utils/useParams.ts","../src/utils/backgroundImage.ts","../src/utils/getLinkIcon.ts","../src/utils/fontLoading.tsx","../src/utils/useArray.ts","../src/utils/useImgPreload.ts","../src/utils/useInterval.ts","../src/utils/useItemHeight.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nexport enum ScrollDirection {\n    UP,\n    DOWN,\n}\n\nexport const useScroll = ({\n    initialTopOffset = 0,\n    onLeftOffset,\n    onEnterOffset,\n}: {\n    initialTopOffset?: number;\n    onLeftOffset?: () => void;\n    onEnterOffset?: () => void;\n}) => {\n    const [topOffset, setTopOffset] = useState<number>(initialTopOffset);\n    const [isTop, setIsTop] = useState<boolean>(true);\n    const [isInOffset, setIsInOffset] = useState<boolean>(true);\n    const [scrollDirection, setScrollDirection] = useState<ScrollDirection>(\n        ScrollDirection.DOWN\n    );\n    const lastScrollPos = useRef<number>(0);\n\n    useEffect(() => {\n        if (typeof window === 'undefined') return;\n        const handleScroll = () => {\n            setIsTop(window.pageYOffset <= 1);\n            setIsInOffset(window.pageYOffset <= 1 + topOffset);\n\n            if (lastScrollPos.current) {\n                // check if top offset is left\n                if (\n                    window.pageYOffset > 1 + topOffset &&\n                    lastScrollPos.current <= 1 + topOffset\n                ) {\n                    onLeftOffset && onLeftOffset();\n                }\n\n                // check if top offset was joined\n                if (\n                    window.pageYOffset <= 1 + topOffset &&\n                    lastScrollPos.current > 1 + topOffset\n                ) {\n                    onEnterOffset && onEnterOffset();\n                }\n\n                setScrollDirection((prev) => {\n                    if (window.pageYOffset <= 1) return ScrollDirection.DOWN;\n                    return window.pageYOffset > lastScrollPos.current\n                        ? ScrollDirection.DOWN\n                        : window.pageYOffset < lastScrollPos.current\n                        ? ScrollDirection.UP\n                        : prev;\n                });\n            }\n            lastScrollPos.current = window.pageYOffset;\n        };\n\n        handleScroll();\n        window.addEventListener('scroll', handleScroll);\n\n        return () => {\n            window.removeEventListener('scroll', handleScroll);\n        };\n    }, [\n        lastScrollPos,\n        onLeftOffset,\n        onEnterOffset,\n        scrollDirection,\n        topOffset,\n    ]);\n\n    return {\n        isTop,\n        isInOffset,\n        scrollDirection,\n        setTopOffset,\n        topOffset,\n    };\n};\n","import { useEffect, useState } from 'react';\nimport { isBrowser, useMediaQuery } from './useMediaQuery';\n\n// *****************\n// usePoster\n// *****************\n\ninterface PosterImage {\n    small: string;\n    medium?: string;\n    semilarge?: string;\n    large?: string;\n    xlarge?: string;\n}\n\nexport const canUseWebP = () => {\n    if (!isBrowser) return false;\n\n    const elem = document.createElement('canvas');\n\n    if (!(elem.getContext && elem.getContext('2d'))) {\n        // was able or not to get WebP representation\n        return elem.toDataURL('image/webp').indexOf('data:image/webp') == 0;\n    }\n\n    // very old browser like IE 8, canvas not supported\n    return false;\n};\n\nexport type PosterMq = 'small' | 'medium' | 'semilarge' | 'large' | 'xlarge';\n\nexport const usePoster = (\n    posterImage: PosterImage & {\n        webp?: PosterImage;\n    },\n    mqs?: PosterMq[]\n) => {\n    const [currentImage, setCurrentImage] = useState<string | undefined>();\n\n    const workingImage =\n        posterImage.webp && canUseWebP() ? posterImage.webp : posterImage;\n    const currentMq = useMediaQuery(\n        mqs || ['small', 'medium', 'semilarge', 'large', 'xlarge']\n    ) as PosterMq | undefined;\n\n    useEffect(() => {\n        if (\n            currentMq &&\n            workingImage[currentMq] &&\n            workingImage[currentMq] !== currentImage\n        ) {\n            setCurrentImage(workingImage[currentMq]);\n        }\n    }, [currentImage, currentMq, workingImage]);\n\n    return currentImage;\n};\n","import { useState, useEffect } from 'react';\n\nconst useTouch = () => {\n    const [canTouch, setCanTouch] = useState(false);\n\n    useEffect(() => {\n        setCanTouch(\n            'ontouchstart' in window ||\n                navigator.maxTouchPoints > 0 ||\n                (navigator as any).msMaxTouchPoints > 0\n        );\n    }, []);\n    return canTouch;\n};\n\nexport default useTouch;\n","import { useCallback, useEffect, useState } from 'react';\n\nconst isSupported =\n    typeof window !== 'undefined' && 'URLSearchParams' in window;\n\nconst getParamsObj = (params?: URLSearchParams) => {\n    const obj: Record<string, string> = {};\n\n    const paramsObj = Object.fromEntries(\n        params || new URLSearchParams(window.location.search)\n    );\n\n    for (const param in paramsObj) {\n        let value = paramsObj[param];\n        if (typeof value === 'string') {\n            value = decodeURIComponent(value);\n        }\n        obj[param] = value;\n    }\n\n    return obj;\n};\n\nconst useParams = () => {\n    const [params, setParams] = useState<Record<string, string>>({});\n\n    useEffect(() => {\n        if (!isSupported) return;\n\n        setParams(getParamsObj());\n    }, []);\n\n    const update = useCallback(\n        (key: string, value: string) => {\n            if (!isSupported) return;\n\n            const newParams = { ...params };\n            newParams[key] = value;\n\n            const currentParams = new URLSearchParams(window.location.search);\n            for (const param in newParams) {\n                currentParams.set(param, encodeURIComponent(newParams[param]));\n            }\n\n            setParams(getParamsObj(currentParams));\n\n            window.history.replaceState(\n                {},\n                '',\n                `${location.pathname}?${\n                    currentParams.toString() + location.hash\n                }`\n            );\n        },\n        [params]\n    );\n\n    return { params, update };\n};\n\nexport default useParams;\n","export const getBgImage = (\n    bgImage: {\n        small: string;\n        medium?: string;\n        semilarge?: string;\n        large?: string;\n        xlarge?: string;\n    },\n    mq?: 'small' | 'medium' | 'semilarge' | 'large' | 'xlarge'\n): string => {\n    switch (mq) {\n        default:\n        case 'small':\n            return bgImage.small;\n\n        case 'medium':\n            return (\n                bgImage.medium ||\n                bgImage.semilarge ||\n                bgImage.large ||\n                bgImage.xlarge ||\n                bgImage.small\n            );\n\n        case 'semilarge':\n            return (\n                bgImage.semilarge ||\n                bgImage.large ||\n                bgImage.xlarge ||\n                bgImage.medium ||\n                bgImage.small\n            );\n\n        case 'large':\n            return (\n                bgImage.large ||\n                bgImage.xlarge ||\n                bgImage.semilarge ||\n                bgImage.medium ||\n                bgImage.small\n            );\n\n        case 'xlarge':\n            return (\n                bgImage.xlarge ||\n                bgImage.large ||\n                bgImage.semilarge ||\n                bgImage.medium ||\n                bgImage.small\n            );\n    }\n};\n","import { DefaultTheme } from 'styled-components';\nimport { getGlobals as global } from 'utils/styles';\n\nexport const getLinkIcon = (\n    theme: DefaultTheme,\n    href: string,\n    isInverted?: boolean\n): string => {\n    const linkIcons = global(theme).icons.linkIcons;\n\n    const fileExtension = `.${href?.split('.').pop() || ''}`;\n    const result = linkIcons.find((icon) => {\n        return icon.patterns?.find((pattern) => pattern.match(fileExtension));\n    });\n\n    return result?.iconChar || result?.iconUrl?.(isInverted) || '';\n};\n","import React from 'react';\n\ninterface FontFallback {\n    name: string;\n    altFont: string;\n    sizeAdjust: string;\n}\n\nexport interface Font {\n    rootPath: string;\n    sourcePath: string;\n    fallbacks?: FontFallback[];\n}\n\nexport const importFonts = (fonts: Font[]) => {\n    return (\n        <React.Fragment>\n            {fonts && fonts.length > 0 && (\n                <style\n                    dangerouslySetInnerHTML={{\n                        __html: fonts?.reduce((acc, current) => {\n                            if (current?.fallbacks) {\n                                acc += current?.fallbacks?.reduce(\n                                    (fallAcc, f) => {\n                                        fallAcc += `@font-face { font-family: '${f.name}'; size-adjust: ${f.sizeAdjust}; src: local('${f.altFont}'); } `;\n                                        return fallAcc;\n                                    },\n\n                                    ''\n                                );\n                                return acc;\n                            } else return acc;\n                        }, ''),\n                    }}\n                />\n            )}\n\n            {fonts?.map((font, i) => (\n                <link\n                    key={i}\n                    rel=\"preconnect\"\n                    href={font.rootPath}\n                    crossOrigin=\"true\"\n                />\n            ))}\n            {fonts?.map((font, i) => (\n                <link key={i} rel=\"preload\" as=\"style\" href={font.sourcePath} />\n            ))}\n\n            <style\n                dangerouslySetInnerHTML={{\n                    __html: `</style>${fonts?.reduce<string>(\n                        (prev, current) => {\n                            return (prev += `\n                                <link rel=\"stylesheet\" href=\"${current.sourcePath}\" media=\"print\" onload=\"this.media='all'\" />`);\n                        },\n                        ''\n                    )}<style>`,\n                }}\n            />\n\n            <noscript>\n                {fonts?.map((font, i) => (\n                    <link key={i} rel=\"stylesheet\" href={font.sourcePath} />\n                ))}\n            </noscript>\n        </React.Fragment>\n    );\n};\n","import { useState } from 'react';\n\nconst useArray = <T>(defaultValue?: Array<T>) => {\n    const [array, setArray] = useState<Array<T>>(defaultValue || []);\n\n    const push = (element: T | T[]) => {\n        if (Array.isArray(element)) {\n            setArray((prev) => [...prev, ...element]);\n        } else {\n            setArray((prev) => [...prev, element]);\n        }\n    };\n\n    const pop = () => {\n        let lastEl: T | undefined;\n\n        setArray((prev) => {\n            const copy = [...prev];\n            lastEl = copy.pop();\n            return copy;\n        });\n        return lastEl;\n    };\n\n    const filter = (\n        callback: (value: T, index: number, array: T[]) => void\n    ) => {\n        setArray((prev) => prev.filter(callback));\n    };\n\n    const update = (index: number, newEl: T) => {\n        setArray((prev) => [\n            ...prev.slice(0, index),\n            newEl,\n            ...prev.slice(index + 1, prev.length),\n        ]);\n    };\n\n    const remove = (index: number) => {\n        setArray((prev) => [\n            ...prev.slice(0, index),\n            ...prev.slice(index + 1, prev.length),\n        ]);\n    };\n\n    const clear = () => {\n        setArray([]);\n    };\n\n    return {\n        array,\n        set: setArray,\n        push,\n        filter,\n        update,\n        remove,\n        clear,\n        pop,\n    };\n};\n\nexport default useArray;\n","import { ImageProps } from 'components/blocks/Image';\nimport { useEffect, useState } from 'react';\nimport { MediaQueryType } from './styles';\nimport { useMediaQuery } from './useMediaQuery';\n\nexport const useImgPreload = (\n    imageUrls: ImageProps[],\n    mqs: MediaQueryType[] = ['semilarge', 'large']\n) => {\n    const [isReady, setReady] = useState(false);\n    const [isLoaded, setLoaded] = useState(false);\n    const currentMq = useMediaQuery(mqs as MediaQueryType[]);\n    const [loadedImages, setLoadedImages] = useState<{\n        [key: string]: { id: number | string; image: string }[];\n    }>({\n        small: [],\n        medium: [],\n        semilarge: [],\n        large: [],\n        xlarge: [],\n        xxlarge: [],\n        xxxLarge: [],\n    });\n\n    const preloadImages = (imageUrls: (string | undefined)[]) => {\n        const images = (imageUrls.filter((img) => img) as string[]).map(\n            (src, i) => {\n                return new Promise((res) => {\n                    const img = new window.Image();\n                    img.src = src;\n                    img.onload = () => res({ url: src, i });\n                });\n            }\n        );\n\n        return images;\n    };\n\n    useEffect(() => {\n        if (isReady && loadedImages && currentMq) {\n            const loadedForMq = loadedImages[currentMq];\n\n            if (loadedForMq.length < imageUrls.length && imageUrls.length > 0) {\n                const requestedImages = imageUrls.map((img) => img[currentMq]);\n\n                const resolve = async (items: any) => {\n                    for (const item of items) {\n                        const x = await item;\n\n                        setLoadedImages((prev) => {\n                            // check if image id already exists in array\n                            if (!prev[currentMq].find((e) => e.id === x.i)) {\n                                return {\n                                    ...prev,\n                                    [currentMq]: [\n                                        ...prev[currentMq],\n                                        {\n                                            id: x.i,\n                                            image: x.url,\n                                        },\n                                    ],\n                                };\n                            } else return prev;\n                        });\n                    }\n                };\n\n                resolve(preloadImages(requestedImages));\n            }\n        }\n    }, [currentMq, imageUrls, isReady, loadedImages]);\n\n    useEffect(() => {\n        if (loadedImages && currentMq) {\n            const imgCount = imageUrls.filter((img) => img[currentMq]).length;\n            setLoaded(loadedImages[currentMq].length >= imgCount);\n        }\n    }, [currentMq, imageUrls, loadedImages]);\n\n    return {\n        loadedImages: currentMq && loadedImages[currentMq],\n        isLoaded,\n        setReady,\n    };\n};\n","import { useCallback, useEffect, useRef } from 'react';\n\nexport default function useInterval(callback: () => void, delay: number) {\n    const callbackRef = useRef(callback);\n    const intervalRef = useRef<number>();\n\n    // Remember the latest callback.\n    useEffect(() => {\n        callbackRef.current = callback;\n    }, [callback]);\n\n    const set = useCallback(() => {\n        intervalRef.current = window.setInterval(\n            () => callbackRef.current?.(),\n            delay\n        );\n    }, [delay]);\n\n    const clear = useCallback(() => {\n        intervalRef.current && window.clearInterval(intervalRef.current);\n    }, []);\n\n    useEffect(() => {\n        set();\n        return clear;\n    }, [delay, set, clear]);\n\n    const reset = useCallback(() => {\n        clear();\n        set();\n    }, [clear, set]);\n\n    return { clear, reset };\n}\n","import { useEffect, useState } from 'react';\n\nexport const useItemHeight = () => {\n    const [element, setElement] = useState<HTMLElement | null>(null);\n    const [height, setHeight] = useState<number>(0);\n\n    useEffect(() => {\n        const calcHeight = () => {\n            if (element) setHeight(element.offsetHeight);\n        };\n\n        if (element) {\n            calcHeight();\n            window.addEventListener('resize', calcHeight);\n        }\n\n        return () => {\n            window.removeEventListener('resize', calcHeight);\n        };\n    }, [element]);\n\n    return {\n        setElement,\n        height,\n    };\n};\n"],"names":["ScrollDirection","useScroll","canUseWebP","isBrowser","elem","document","createElement","getContext","toDataURL","indexOf","useTouch","isSupported","window","getParamsObj","params","obj","paramsObj","Object","fromEntries","URLSearchParams","location","search","param","value","decodeURIComponent","bgImage","mq","small","medium","semilarge","large","xlarge","theme","href","isInverted","linkIcons","global","getGlobals","icons","fileExtension","concat","split","pop","result","find","icon","_a","patterns","pattern","match","iconChar","iconUrl","call","fonts","React","Fragment","length","dangerouslySetInnerHTML","__html","reduce","acc","current","fallbacks","fallAcc","f","name","sizeAdjust","altFont","map","font","i","key","rel","rootPath","crossOrigin","as","sourcePath","prev","defaultValue","useState","array","setArray","set","push","element","Array","isArray","__spreadArray","filter","callback","update","index","newEl","slice","remove","clear","lastEl","copy","imageUrls","mqs","isReady","setReady","_b","isLoaded","setLoaded","currentMq","useMediaQuery","_c","xxlarge","xxxLarge","loadedImages","setLoadedImages","useEffect","items","requestedImages","img","src","Promise","res","Image","onload","url","preloadImages","__awaiter","item","x","sent","e","id","__assign","image","_i","items_1","imgCount","delay","callbackRef","useRef","intervalRef","useCallback","setInterval","clearInterval","reset","setElement","height","setHeight","calcHeight","offsetHeight","addEventListener","removeEventListener","setParams","newParams","currentParams","encodeURIComponent","history","replaceState","pathname","toString","hash","posterImage","currentImage","setCurrentImage","workingImage","webp","initialTopOffset","onLeftOffset","onEnterOffset","topOffset","setTopOffset","_d","isTop","setIsTop","_e","isInOffset","setIsInOffset","_f","DOWN","scrollDirection","setScrollDirection","lastScrollPos","handleScroll","pageYOffset","UP","canTouch","setCanTouch","navigator","maxTouchPoints","msMaxTouchPoints"],"mappings":"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"}
+{"version":3,"file":"hooks.js","sources":["../src/utils/useScroll.ts","../src/utils/usePoster.ts","../src/utils/useTouch.ts","../src/utils/useParams.ts","../src/utils/backgroundImage.ts","../src/utils/getLinkIcon.ts","../src/utils/fontLoading.tsx","../src/utils/useArray.ts","../src/utils/useImgPreload.ts","../src/utils/useInterval.ts","../src/utils/useItemHeight.ts","../src/utils/useNavigationState.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nexport enum ScrollDirection {\n    UP,\n    DOWN,\n}\n\nexport const useScroll = ({\n    initialTopOffset = 0,\n    onLeftOffset,\n    onEnterOffset,\n}: {\n    initialTopOffset?: number;\n    onLeftOffset?: () => void;\n    onEnterOffset?: () => void;\n}) => {\n    const [topOffset, setTopOffset] = useState<number>(initialTopOffset);\n    const [isTop, setIsTop] = useState<boolean>(true);\n    const [isInOffset, setIsInOffset] = useState<boolean>(true);\n    const [scrollDirection, setScrollDirection] = useState<ScrollDirection>(\n        ScrollDirection.DOWN\n    );\n    const lastScrollPos = useRef<number>(0);\n\n    useEffect(() => {\n        if (typeof window === 'undefined') return;\n        const handleScroll = () => {\n            setIsTop(window.pageYOffset <= 1);\n            setIsInOffset(window.pageYOffset <= 1 + topOffset);\n\n            if (lastScrollPos.current) {\n                // check if top offset is left\n                if (\n                    window.pageYOffset > 1 + topOffset &&\n                    lastScrollPos.current <= 1 + topOffset\n                ) {\n                    onLeftOffset && onLeftOffset();\n                }\n\n                // check if top offset was joined\n                if (\n                    window.pageYOffset <= 1 + topOffset &&\n                    lastScrollPos.current > 1 + topOffset\n                ) {\n                    onEnterOffset && onEnterOffset();\n                }\n\n                setScrollDirection((prev) => {\n                    if (window.pageYOffset <= 1) return ScrollDirection.DOWN;\n                    return window.pageYOffset > lastScrollPos.current\n                        ? ScrollDirection.DOWN\n                        : window.pageYOffset < lastScrollPos.current\n                        ? ScrollDirection.UP\n                        : prev;\n                });\n            }\n            lastScrollPos.current = window.pageYOffset;\n        };\n\n        handleScroll();\n        window.addEventListener('scroll', handleScroll);\n\n        return () => {\n            window.removeEventListener('scroll', handleScroll);\n        };\n    }, [\n        lastScrollPos,\n        onLeftOffset,\n        onEnterOffset,\n        scrollDirection,\n        topOffset,\n    ]);\n\n    return {\n        isTop,\n        isInOffset,\n        scrollDirection,\n        setTopOffset,\n        topOffset,\n    };\n};\n","import { useEffect, useState } from 'react';\nimport { isBrowser, useMediaQuery } from './useMediaQuery';\n\n// *****************\n// usePoster\n// *****************\n\ninterface PosterImage {\n    small: string;\n    medium?: string;\n    semilarge?: string;\n    large?: string;\n    xlarge?: string;\n}\n\nexport const canUseWebP = () => {\n    if (!isBrowser) return false;\n\n    const elem = document.createElement('canvas');\n\n    if (!(elem.getContext && elem.getContext('2d'))) {\n        // was able or not to get WebP representation\n        return elem.toDataURL('image/webp').indexOf('data:image/webp') == 0;\n    }\n\n    // very old browser like IE 8, canvas not supported\n    return false;\n};\n\nexport type PosterMq = 'small' | 'medium' | 'semilarge' | 'large' | 'xlarge';\n\nexport const usePoster = (\n    posterImage: PosterImage & {\n        webp?: PosterImage;\n    },\n    mqs?: PosterMq[]\n) => {\n    const [currentImage, setCurrentImage] = useState<string | undefined>();\n\n    const workingImage =\n        posterImage.webp && canUseWebP() ? posterImage.webp : posterImage;\n    const currentMq = useMediaQuery(\n        mqs || ['small', 'medium', 'semilarge', 'large', 'xlarge']\n    ) as PosterMq | undefined;\n\n    useEffect(() => {\n        if (\n            currentMq &&\n            workingImage[currentMq] &&\n            workingImage[currentMq] !== currentImage\n        ) {\n            setCurrentImage(workingImage[currentMq]);\n        }\n    }, [currentImage, currentMq, workingImage]);\n\n    return currentImage;\n};\n","import { useState, useEffect } from 'react';\n\nconst useTouch = () => {\n    const [canTouch, setCanTouch] = useState(false);\n\n    useEffect(() => {\n        setCanTouch(\n            'ontouchstart' in window ||\n                navigator.maxTouchPoints > 0 ||\n                (navigator as any).msMaxTouchPoints > 0\n        );\n    }, []);\n    return canTouch;\n};\n\nexport default useTouch;\n","import { useCallback, useEffect, useState } from 'react';\n\nconst isSupported =\n    typeof window !== 'undefined' && 'URLSearchParams' in window;\n\nconst getParamsObj = (params?: URLSearchParams) => {\n    const obj: Record<string, string> = {};\n\n    const paramsObj = Object.fromEntries(\n        params || new URLSearchParams(window.location.search)\n    );\n\n    for (const param in paramsObj) {\n        let value = paramsObj[param];\n        if (typeof value === 'string') {\n            value = decodeURIComponent(value);\n        }\n        obj[param] = value;\n    }\n\n    return obj;\n};\n\nconst useParams = () => {\n    const [params, setParams] = useState<Record<string, string>>({});\n\n    useEffect(() => {\n        if (!isSupported) return;\n\n        setParams(getParamsObj());\n    }, []);\n\n    const update = useCallback(\n        (key: string, value: string) => {\n            if (!isSupported) return;\n\n            const newParams = { ...params };\n            newParams[key] = value;\n\n            const currentParams = new URLSearchParams(window.location.search);\n            for (const param in newParams) {\n                currentParams.set(param, encodeURIComponent(newParams[param]));\n            }\n\n            setParams(getParamsObj(currentParams));\n\n            window.history.replaceState(\n                {},\n                '',\n                `${location.pathname}?${\n                    currentParams.toString() + location.hash\n                }`\n            );\n        },\n        [params]\n    );\n\n    return { params, update };\n};\n\nexport default useParams;\n","export const getBgImage = (\n    bgImage: {\n        small: string;\n        medium?: string;\n        semilarge?: string;\n        large?: string;\n        xlarge?: string;\n    },\n    mq?: 'small' | 'medium' | 'semilarge' | 'large' | 'xlarge'\n): string => {\n    switch (mq) {\n        default:\n        case 'small':\n            return bgImage.small;\n\n        case 'medium':\n            return (\n                bgImage.medium ||\n                bgImage.semilarge ||\n                bgImage.large ||\n                bgImage.xlarge ||\n                bgImage.small\n            );\n\n        case 'semilarge':\n            return (\n                bgImage.semilarge ||\n                bgImage.large ||\n                bgImage.xlarge ||\n                bgImage.medium ||\n                bgImage.small\n            );\n\n        case 'large':\n            return (\n                bgImage.large ||\n                bgImage.xlarge ||\n                bgImage.semilarge ||\n                bgImage.medium ||\n                bgImage.small\n            );\n\n        case 'xlarge':\n            return (\n                bgImage.xlarge ||\n                bgImage.large ||\n                bgImage.semilarge ||\n                bgImage.medium ||\n                bgImage.small\n            );\n    }\n};\n","import { DefaultTheme } from 'styled-components';\nimport { getGlobals as global } from 'utils/styles';\n\nexport const getLinkIcon = (\n    theme: DefaultTheme,\n    href: string,\n    isInverted?: boolean\n): string => {\n    const linkIcons = global(theme).icons.linkIcons;\n\n    const fileExtension = `.${href?.split('.').pop() || ''}`;\n    const result = linkIcons.find((icon) => {\n        return icon.patterns?.find((pattern) => pattern.match(fileExtension));\n    });\n\n    return result?.iconChar || result?.iconUrl?.(isInverted) || '';\n};\n","import React from 'react';\n\ninterface FontFallback {\n    name: string;\n    altFont: string;\n    sizeAdjust: string;\n}\n\nexport interface Font {\n    rootPath: string;\n    sourcePath: string;\n    fallbacks?: FontFallback[];\n}\n\nexport const importFonts = (fonts: Font[]) => {\n    return (\n        <React.Fragment>\n            {fonts && fonts.length > 0 && (\n                <style\n                    dangerouslySetInnerHTML={{\n                        __html: fonts?.reduce((acc, current) => {\n                            if (current?.fallbacks) {\n                                acc += current?.fallbacks?.reduce(\n                                    (fallAcc, f) => {\n                                        fallAcc += `@font-face { font-family: '${f.name}'; size-adjust: ${f.sizeAdjust}; src: local('${f.altFont}'); } `;\n                                        return fallAcc;\n                                    },\n\n                                    ''\n                                );\n                                return acc;\n                            } else return acc;\n                        }, ''),\n                    }}\n                />\n            )}\n\n            {fonts?.map((font, i) => (\n                <link\n                    key={i}\n                    rel=\"preconnect\"\n                    href={font.rootPath}\n                    crossOrigin=\"true\"\n                />\n            ))}\n            {fonts?.map((font, i) => (\n                <link key={i} rel=\"preload\" as=\"style\" href={font.sourcePath} />\n            ))}\n\n            <style\n                dangerouslySetInnerHTML={{\n                    __html: `</style>${fonts?.reduce<string>(\n                        (prev, current) => {\n                            return (prev += `\n                                <link rel=\"stylesheet\" href=\"${current.sourcePath}\" media=\"print\" onload=\"this.media='all'\" />`);\n                        },\n                        ''\n                    )}<style>`,\n                }}\n            />\n\n            <noscript>\n                {fonts?.map((font, i) => (\n                    <link key={i} rel=\"stylesheet\" href={font.sourcePath} />\n                ))}\n            </noscript>\n        </React.Fragment>\n    );\n};\n","import { useState } from 'react';\n\nconst useArray = <T>(defaultValue?: Array<T>) => {\n    const [array, setArray] = useState<Array<T>>(defaultValue || []);\n\n    const push = (element: T | T[]) => {\n        if (Array.isArray(element)) {\n            setArray((prev) => [...prev, ...element]);\n        } else {\n            setArray((prev) => [...prev, element]);\n        }\n    };\n\n    const pop = () => {\n        let lastEl: T | undefined;\n\n        setArray((prev) => {\n            const copy = [...prev];\n            lastEl = copy.pop();\n            return copy;\n        });\n        return lastEl;\n    };\n\n    const filter = (\n        callback: (value: T, index: number, array: T[]) => void\n    ) => {\n        setArray((prev) => prev.filter(callback));\n    };\n\n    const update = (index: number, newEl: T) => {\n        setArray((prev) => [\n            ...prev.slice(0, index),\n            newEl,\n            ...prev.slice(index + 1, prev.length),\n        ]);\n    };\n\n    const remove = (index: number) => {\n        setArray((prev) => [\n            ...prev.slice(0, index),\n            ...prev.slice(index + 1, prev.length),\n        ]);\n    };\n\n    const clear = () => {\n        setArray([]);\n    };\n\n    return {\n        array,\n        set: setArray,\n        push,\n        filter,\n        update,\n        remove,\n        clear,\n        pop,\n    };\n};\n\nexport default useArray;\n","import { ImageProps } from 'components/blocks/Image';\nimport { useEffect, useState } from 'react';\nimport { MediaQueryType } from './styles';\nimport { useMediaQuery } from './useMediaQuery';\n\nexport const useImgPreload = (\n    imageUrls: ImageProps[],\n    mqs: MediaQueryType[] = ['semilarge', 'large']\n) => {\n    const [isReady, setReady] = useState(false);\n    const [isLoaded, setLoaded] = useState(false);\n    const currentMq = useMediaQuery(mqs as MediaQueryType[]);\n    const [loadedImages, setLoadedImages] = useState<{\n        [key: string]: { id: number | string; image: string }[];\n    }>({\n        small: [],\n        medium: [],\n        semilarge: [],\n        large: [],\n        xlarge: [],\n        xxlarge: [],\n        xxxLarge: [],\n    });\n\n    const preloadImages = (imageUrls: (string | undefined)[]) => {\n        const images = (imageUrls.filter((img) => img) as string[]).map(\n            (src, i) => {\n                return new Promise((res) => {\n                    const img = new window.Image();\n                    img.src = src;\n                    img.onload = () => res({ url: src, i });\n                });\n            }\n        );\n\n        return images;\n    };\n\n    useEffect(() => {\n        if (isReady && loadedImages && currentMq) {\n            const loadedForMq = loadedImages[currentMq];\n\n            if (loadedForMq.length < imageUrls.length && imageUrls.length > 0) {\n                const requestedImages = imageUrls.map((img) => img[currentMq]);\n\n                const resolve = async (items: any) => {\n                    for (const item of items) {\n                        const x = await item;\n\n                        setLoadedImages((prev) => {\n                            // check if image id already exists in array\n                            if (!prev[currentMq].find((e) => e.id === x.i)) {\n                                return {\n                                    ...prev,\n                                    [currentMq]: [\n                                        ...prev[currentMq],\n                                        {\n                                            id: x.i,\n                                            image: x.url,\n                                        },\n                                    ],\n                                };\n                            } else return prev;\n                        });\n                    }\n                };\n\n                resolve(preloadImages(requestedImages));\n            }\n        }\n    }, [currentMq, imageUrls, isReady, loadedImages]);\n\n    useEffect(() => {\n        if (loadedImages && currentMq) {\n            const imgCount = imageUrls.filter((img) => img[currentMq]).length;\n            setLoaded(loadedImages[currentMq].length >= imgCount);\n        }\n    }, [currentMq, imageUrls, loadedImages]);\n\n    return {\n        loadedImages: currentMq && loadedImages[currentMq],\n        isLoaded,\n        setReady,\n    };\n};\n","import { useCallback, useEffect, useRef } from 'react';\n\nexport default function useInterval(callback: () => void, delay: number) {\n    const callbackRef = useRef(callback);\n    const intervalRef = useRef<number>();\n\n    // Remember the latest callback.\n    useEffect(() => {\n        callbackRef.current = callback;\n    }, [callback]);\n\n    const set = useCallback(() => {\n        intervalRef.current = window.setInterval(\n            () => callbackRef.current?.(),\n            delay\n        );\n    }, [delay]);\n\n    const clear = useCallback(() => {\n        intervalRef.current && window.clearInterval(intervalRef.current);\n    }, []);\n\n    useEffect(() => {\n        set();\n        return clear;\n    }, [delay, set, clear]);\n\n    const reset = useCallback(() => {\n        clear();\n        set();\n    }, [clear, set]);\n\n    return { clear, reset };\n}\n","import { useEffect, useState } from 'react';\n\nexport const useItemHeight = () => {\n    const [element, setElement] = useState<HTMLElement | null>(null);\n    const [height, setHeight] = useState<number>(0);\n\n    useEffect(() => {\n        const calcHeight = () => {\n            if (element) setHeight(element.offsetHeight);\n        };\n\n        if (element) {\n            calcHeight();\n            window.addEventListener('resize', calcHeight);\n        }\n\n        return () => {\n            window.removeEventListener('resize', calcHeight);\n        };\n    }, [element]);\n\n    return {\n        setElement,\n        height,\n    };\n};\n","import { useEffect, useRef, useState } from 'react';\nimport useMessage from 'utils/useMessage';\nimport type { MessageNavigationState } from 'components/sections/navigation/Navigation';\n\nexport const useNavigationState = (initialState?: MessageNavigationState) => {\n    const lastNavState = useRef<MessageNavigationState | null>(\n        initialState || null\n    );\n    const [navState, setNavState] = useState<MessageNavigationState | null>(\n        initialState || null\n    );\n    const { listen } = useMessage<MessageNavigationState>();\n\n    useEffect(() => {\n        const unsubscribe = listen('NAVIGATION_STATE', (message) => {\n            if (\n                JSON.stringify(lastNavState.current) !==\n                JSON.stringify(message.data)\n            ) {\n                lastNavState.current = message.data;\n                setNavState(message.data);\n            }\n        });\n\n        return unsubscribe;\n    }, [listen]);\n\n    return navState;\n};\n"],"names":["ScrollDirection","useScroll","canUseWebP","isBrowser","elem","document","createElement","getContext","toDataURL","indexOf","useTouch","isSupported","window","getParamsObj","params","obj","paramsObj","Object","fromEntries","URLSearchParams","location","search","param","value","decodeURIComponent","bgImage","mq","small","medium","semilarge","large","xlarge","theme","href","isInverted","linkIcons","global","getGlobals","icons","fileExtension","concat","split","pop","result","find","icon","_a","patterns","pattern","match","iconChar","iconUrl","call","fonts","React","Fragment","length","dangerouslySetInnerHTML","__html","reduce","acc","current","fallbacks","fallAcc","f","name","sizeAdjust","altFont","map","font","i","key","rel","rootPath","crossOrigin","as","sourcePath","prev","defaultValue","useState","array","setArray","set","push","element","Array","isArray","__spreadArray","filter","callback","update","index","newEl","slice","remove","clear","lastEl","copy","imageUrls","mqs","isReady","setReady","_b","isLoaded","setLoaded","currentMq","useMediaQuery","_c","xxlarge","xxxLarge","loadedImages","setLoadedImages","useEffect","items","requestedImages","img","src","Promise","res","Image","onload","url","preloadImages","__awaiter","item","x","sent","e","id","__assign","image","_i","items_1","imgCount","delay","callbackRef","useRef","intervalRef","useCallback","setInterval","clearInterval","reset","setElement","height","setHeight","calcHeight","offsetHeight","addEventListener","removeEventListener","initialState","lastNavState","navState","setNavState","listen","useMessage","message","JSON","stringify","data","setParams","newParams","currentParams","encodeURIComponent","history","replaceState","pathname","toString","hash","posterImage","currentImage","setCurrentImage","workingImage","webp","initialTopOffset","onLeftOffset","onEnterOffset","topOffset","setTopOffset","_d","isTop","setIsTop","_e","isInOffset","setIsInOffset","_f","DOWN","scrollDirection","setScrollDirection","lastScrollPos","handleScroll","pageYOffset","UP","canTouch","setCanTouch","navigator","maxTouchPoints","msMaxTouchPoints"],"mappings":"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"}

package/cjs/navigation-5a6ad6bf.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react"),r=require("./ClockFilled-2483aa4a.js");exports.getCurrentNavItem=function(e,r){if(!e||0===e.length)return null;for(var n=function(e){if(!e)return null;if(e.isCurrent&&(r||!e.hideFromMenu))return e;if(e.subItems&&e.subItems.length>0)for(var t=0;t<e.subItems.length;t++){var u=n(e.subItems[t]);if(u)return u}return null},t=0;t<e.length;t++){var u=n(e[t]);if(u)return{current:u,root:e[t],rootIndex:t}}return null},exports.getCurrentNavPath=function(e,n){if(!e||0===e.length)return[];for(var t=n||[],u=function(e){if(e.isCurrent&&function(e){var r;return(null===(r=e.link)||void 0===r?void 0:r.href)&&!t.includes(e.link.href)}(e))return[e];if(!e.subItems)return[];for(var n=0;n<e.subItems.length;n++){var o=u(e.subItems[n]);if(o.length>0)return r.__spreadArray([e],o,!0)}return[]},o=0;o<e.length;o++){var i=u(e[o]);if(i.length>0)return r.__spreadArray([],i,!0)}return[]},exports.useMessage=function(){return{send:e.useCallback((function(e,r,n){void 0===n&&(n="*"),window.postMessage({type:e,data:r},n)}),[]),listen:e.useCallback((function(e,r){var n=function(n){n.data&&"object"==typeof n.data&&n.data.type===e&&r({type:e,data:n.data.data})};return window.addEventListener("message",n),function(){window.removeEventListener("message",n)}}),[])}},exports.useScrollThrottle=function(r,n){void 0===r&&(r=0);var t=e.useState(null),u=t[0],o=t[1],i=e.useRef(-1),s=e.useRef({scrollX:0,scrollY:0}),l=function(){"undefined"!=typeof window&&(s.current={scrollX:window.scrollX,scrollY:window.scrollY})};return e.useEffect((function(){if("undefined"!=typeof window){var e=function(){l(),-1===i.current&&(i.current=window.setTimeout((function(){null==n||n(s.current),o(s.current),i.current=-1}),r))};return l(),null==n||n(s.current),o(s.current),window.addEventListener("scroll",e),function(){window.removeEventListener("scroll",e)}}}),[n,r]),u};
+//# sourceMappingURL=navigation-5a6ad6bf.js.map

package/cjs/navigation-5a6ad6bf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-5a6ad6bf.js","sources":["../src/utils/navigation.ts","../src/utils/useMessage.ts","../src/utils/useScrollThrottle.ts"],"sourcesContent":["import { NavItem } from 'components/sections/navigation/menu/Menu';\n\n/**\n * Get current navigation item\n * @param items Array of navItems\n * @param includeHidden Include items that are hidden for menu\n * @returns The current navItem\n */\nexport const getCurrentNavItem = (\n    items?: NavItem[],\n    includeHidden?: boolean\n) => {\n    if (!items || items.length === 0) return null;\n\n    const findCurrent = (item?: NavItem): NavItem | null => {\n        if (!item) return null;\n        if (item.isCurrent && (includeHidden || !item.hideFromMenu)) {\n            return item;\n        }\n        if (item.subItems && item.subItems.length > 0) {\n            for (let i = 0; i < item.subItems.length; i++) {\n                const result = findCurrent(item.subItems[i]);\n                if (result) return result;\n            }\n        }\n        return null;\n    };\n\n    for (let i = 0; i < items.length; i++) {\n        const result = findCurrent(items[i]);\n        if (result) {\n            return {\n                current: result,\n                root: items[i],\n                rootIndex: i,\n            };\n        }\n    }\n    return null;\n};\n\n/**\n * Get naviation item path to current navItem\n * @param items Navigation array with navItems\n * @param exludeHrefs navItems with specific hrefs that should be excluded\n * @returns Array of NavItems\n */\nexport const getCurrentNavPath = (\n    items?: NavItem[],\n    exludeHrefs?: string[]\n) => {\n    if (!items || items.length === 0) return [];\n    const excludes = exludeHrefs || [];\n\n    const isItemValid = (item: NavItem) => {\n        return item.link?.href && !excludes.includes(item.link.href);\n    };\n\n    const getPathToCurrent = (item: NavItem): NavItem[] => {\n        if (item.isCurrent && isItemValid(item)) return [item];\n        if (!item.subItems) return [];\n\n        for (let i = 0; i < item.subItems.length; i++) {\n            const subPath = getPathToCurrent(item.subItems[i]);\n            if (subPath.length > 0) return [item, ...subPath];\n        }\n\n        return [];\n    };\n\n    for (let i = 0; i < items.length; i++) {\n        const path = getPathToCurrent(items[i]);\n        if (path.length > 0) return [...path];\n    }\n\n    return [];\n};\n","import { useCallback } from 'react';\n\nexport type MessageType = 'NAVIGATION_STATE';\n\nexport interface Message<TData = Record<string, any> | string | number> {\n    type: MessageType;\n    data: TData;\n}\n\nconst useMessage = <TData = Record<string, any> | string | number>() => {\n    const send = useCallback(\n        (type: MessageType, data: TData, targetOrigin = '*') => {\n            window.postMessage({ type, data }, targetOrigin);\n        },\n        []\n    );\n\n    const listen = useCallback(\n        (type: MessageType, callback: (message: Message<TData>) => void) => {\n            const handler = (ev: MessageEvent) => {\n                if (!ev.data || typeof ev.data !== 'object') return;\n\n                if (ev.data.type === type) {\n                    callback({\n                        type,\n                        data: ev.data.data as TData,\n                    });\n                }\n            };\n\n            window.addEventListener('message', handler);\n\n            return () => {\n                window.removeEventListener('message', handler);\n            };\n        },\n        []\n    );\n\n    return { send, listen };\n};\n\nexport default useMessage;\n","import { useEffect, useRef, useState } from 'react';\n\nexport interface ScrollState {\n    scrollY: number;\n    scrollX: number;\n}\n\nconst useScrollThrottle = (\n    timeout = 0,\n    callback?: (state: ScrollState) => void\n) => {\n    const [throttledState, setThrottledState] =\n        useState<ScrollState | null>(null);\n\n    const timeoutRef = useRef<number>(-1);\n    const lastState = useRef<ScrollState>({\n        scrollX: 0,\n        scrollY: 0,\n    });\n\n    const updateScrollState = () => {\n        if (typeof window === 'undefined') return;\n\n        lastState.current = {\n            scrollX: window.scrollX,\n            scrollY: window.scrollY,\n        };\n    };\n\n    useEffect(() => {\n        if (typeof window === 'undefined') return;\n\n        const handleScroll = () => {\n            updateScrollState();\n\n            if (timeoutRef.current === -1) {\n                timeoutRef.current = window.setTimeout(() => {\n                    callback?.(lastState.current);\n                    setThrottledState(lastState.current);\n                    timeoutRef.current = -1;\n                }, timeout);\n            }\n        };\n\n        updateScrollState();\n        callback?.(lastState.current);\n        setThrottledState(lastState.current);\n\n        window.addEventListener('scroll', handleScroll);\n\n        return () => {\n            window.removeEventListener('scroll', handleScroll);\n        };\n    }, [callback, timeout]);\n\n    return throttledState;\n};\n\nexport default useScrollThrottle;\n"],"names":["items","includeHidden","length","findCurrent","item","isCurrent","hideFromMenu","subItems","i","result","current","root","rootIndex","exludeHrefs","excludes","getPathToCurrent","_a","link","href","includes","isItemValid","subPath","__spreadArray","path","send","useCallback","type","data","targetOrigin","window","postMessage","listen","callback","handler","ev","addEventListener","removeEventListener","timeout","useState","throttledState","setThrottledState","timeoutRef","useRef","lastState","scrollX","scrollY","updateScrollState","useEffect","handleScroll","setTimeout"],"mappings":"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"}

package/cjs/navigation.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Navigation-d205ed34.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=_;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Navigation-8f27999b.js"),n=require("./ClockFilled-2483aa4a.js"),a=require("react"),t=require("styled-components"),l=require("./styles-3a495a2d.js"),i=require("./SocialList-b13025f9.js"),r=require("./LanguageSwitcher-296643d1.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-5a6ad6bf.js"),require("./Link-5a6f1633.js"),require("./clamp-bd21d587.js"),require("./Copy-b579f268.js"),require("./Image-b47c0c2d.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=_;
 //# sourceMappingURL=navigation.js.map

package/cjs/sections.dynamicform.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./ClockFilled-2483aa4a.js"),n=require("react"),t=require("styled-components"),r=require("./styles-3a495a2d.js"),a=require("./LibThemeProvider-4823de57.js"),i=require("./Section-e8e8cf81.js"),o=require("formik"),l=require("./Wrapper-ff6854d7.js"),u=require("./Actions-c7b16449.js"),s=require("./Button-51ea72b7.js"),d=require("./Textarea-03bd2c34.js"),c=require("./ButtonGhost-628bbd60.js"),m=require("./Textfield-56996c98.js"),v=require("./Checkbox-1c34c7e6.js"),f=require("./Copy-ea6ab025.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("react-dom/server"),require("./concat-f387d848.js"),require("./arrays-c272ed59.js"),require("./hexRgbConverter-91b28aea.js"),require("./clamp-bd21d587.js"),require("react-datepicker"),require("./useLeafletMap-2e608b01.js"),require("./useLazyInput-f71c221b.js"),require("./useUpdateEffect-4d233e2c.js"),require("./useGeolocation-d8946470.js"),require("./useMounted-0bba9869.js");var p,h,b,_,x,y,k,C,q=g(n),w=g(t),F=w.default.fieldset.withConfig({displayName:"fieldGroupRenderer__FieldSet",componentId:"sc-1c0l16c-0"})(p||(p=e.__makeTemplateObject(["\n    display: block;\n    border: none;\n    background: none;\n    outline: none;\n    padding: 0;\n    margin-left: 0;\n    margin-right: 0;\n    text-align: left;\n"],["\n    display: block;\n    border: none;\n    background: none;\n    outline: none;\n    padding: 0;\n    margin-left: 0;\n    margin-right: 0;\n    text-align: left;\n"]))),M=w.default.div.withConfig({displayName:"fieldGroupRenderer__Fields",componentId:"sc-1c0l16c-1"})(h||(h=e.__makeTemplateObject(["\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),r.spacings.nudge),I=function(n,t,r){return e.__awaiter(void 0,void 0,void 0,(function(){var n,a;return e.__generator(this,(function(e){switch(n=r.inputType,a="",r.isRequired&&!t&&(a=r.errorMsg||"Required field"),n){case"email":t&&!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(t)&&(a=r.errorMsg||"Invalid Mail format");break;case"tel":t&&/[A-Z]/gi.test(t)&&(a=r.errorMsg||"Ungültige Telefonnummer");break;case"number":t&&!/^[+]?\d+([.]\d+)?$/gm.test(t)&&(a=r.errorMsg||"Zahlenformat ungültig")}return[2,a]}))}))},T=function(n,t,r){return e.__awaiter(void 0,void 0,void 0,(function(){var n;return e.__generator(this,(function(e){return n="",r.isRequired&&!t&&(n=r.errorMsg||"Required field"),[2,n]}))}))},E=function(n,t,r){return e.__awaiter(void 0,void 0,void 0,(function(){var n;return e.__generator(this,(function(e){return n="",r.isRequired&&!t&&(n=r.errorMsg||"Required field"),[2,n]}))}))},j=function(n,t,r){return e.__awaiter(void 0,void 0,void 0,(function(){var n,a;return e.__generator(this,(function(e){return n="",a=r.singleSelect,r.isRequired&&!t?n=a?r.singleDateError||"Please submit date!":r.multiDateError||"Please submit start- and enddate!":r.isRequired&&a&&!t[0]?n=r.singleDateError||"Please submit date!":!r.isRequired||a||t[0]&&t[1]||(n=r.multiDateError||"Please submit start- and enddate!"),[2,n]}))}))},R=function(n,t,r){return e.__awaiter(void 0,void 0,void 0,(function(){var n,a,i;return e.__generator(this,(function(e){return n="",!r.isRequired||t.description||(null===(a=t.position)||void 0===a?void 0:a[0])||(null===(i=t.position)||void 0===i?void 0:i[1])||(n=r.errorMsg||"Please submit location info!"),[2,n]}))}))},S=function(n,t,r){return e.__awaiter(void 0,void 0,void 0,(function(){var n,a,i;return e.__generator(this,(function(e){return n=r.groupType,a="","Checkbox"===n?(i=t,r.isRequired&&(!i||(null==i?void 0:i.length)<1)&&(a=r.errorMsg||"Please select at least one item!")):"Radio"===n&&r.isRequired&&!t&&(a=r.errorMsg||"Selection required"),[2,a]}))}))},B=function(n,t,r){return e.__awaiter(void 0,void 0,void 0,(function(){var n;return e.__generator(this,(function(e){return n="",r.isRequired&&(!t||(null==t?void 0:t.length)<1)&&(n=r.errorMsg||"Please submit at least one file!"),[2,n]}))}))},D=w.default(i.Section).withConfig({displayName:"DynamicForm__StyledSection",componentId:"sc-1v8xcyg-0"})(b||(b=e.__makeTemplateObject(["\n    overflow: visible;\n"],["\n    overflow: visible;\n"]))),L=w.default.form.withConfig({displayName:"DynamicForm__Form",componentId:"sc-1v8xcyg-1"})(_||(_=e.__makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    @media "," {\n        flex-direction: row;\n    }\n"],["\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    @media "," {\n        flex-direction: row;\n    }\n"])),r.mq.semilarge),O=w.default.div.withConfig({displayName:"DynamicForm__FieldContainer",componentId:"sc-1v8xcyg-2"})(x||(x=e.__makeTemplateObject(["\n    flex: 1 1 0;\n    text-align: center;\n\n    & + & {\n        margin-top: ","px;\n    }\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        max-width: 610px;\n    }\n"],["\n    flex: 1 1 0;\n    text-align: center;\n\n    & + & {\n        margin-top: ","px;\n    }\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        max-width: 610px;\n    }\n"])),3*r.spacings.nudge,3*r.spacings.nudge,r.mq.semilarge),A=w.default.div.withConfig({displayName:"DynamicForm__FormFooter",componentId:"sc-1v8xcyg-3"})(y||(y=e.__makeTemplateObject(["\n    margin-top: ","px;\n"],["\n    margin-top: ","px;\n"])),r.spacings.spacer),U=w.default(f.Copy).withConfig({displayName:"DynamicForm__Status",componentId:"sc-1v8xcyg-4"})(k||(k=e.__makeTemplateObject(["\n    text-align: left;\n    margin: 0 auto;\n\n    @media "," {\n        max-width: 610px;\n    }\n"],["\n    text-align: left;\n    margin: 0 auto;\n\n    @media "," {\n        max-width: 610px;\n    }\n"])),r.mq.semilarge),P=w.default.div.withConfig({displayName:"DynamicForm__ActionContainer",componentId:"sc-1v8xcyg-5"})(C||(C=e.__makeTemplateObject(["\n    width: 100%;\n    margin: 0 auto;\n    margin-top: ","px;\n    text-align: right;\n\n    @media "," {\n        max-width: 610px;\n    }\n"],["\n    width: 100%;\n    margin: 0 auto;\n    margin-top: ","px;\n    text-align: right;\n\n    @media "," {\n        max-width: 610px;\n    }\n"])),1.5*r.spacings.spacer,r.mq.semilarge),V=a.withLibTheme((function(t){var f=t.anchorId,g=t.fields,p=t.onSubmit,h=t.submitAction,b=t.definitions,_=t.subjectLine,x=t.targetEmails,y=t.bgMode,k="inverted"===y,C="full"===y||k,w=n.useState(),V=w[0],G=w[1],N={},W=function(e){switch(g[e].type){case"Field":case"Area":N[e]=g[e].initialValue||"";break;case"Select":N[e]=g[e].initialOption||"";break;case"Datepicker":N[e]=g[e].initialDates||[null,null];break;case"Location":N[e]={description:"",position:[0,0]};break;case"Upload":N[e]=[];break;case"FieldGroup":var n=g[e],t=g[e].groupType;if("Checkbox"===t){var r=[];n.fields.forEach((function(e){e.initialChecked&&e.text&&r.push(e.text)})),N[e]=r}else"Radio"===t&&(N[e]="",n.fields.every((function(n){return!n.initialChecked||!n.text||(N[e]=n.text,!1)})))}};for(var Z in g)W(Z);var z=o.useFormik({initialValues:e.__assign({},N),onSubmit:function(n,t){return e.__awaiter(void 0,void 0,void 0,(function(){var r,a;return e.__generator(this,(function(i){switch(i.label){case 0:return r=e.__assign(e.__assign({},n),{targetEmails:x||[],subjectLine:_||""}),p?[4,p(r)]:(Q(!1),[2]);case 1:return a=i.sent(),t.resetForm({values:n}),G(a),a.isError&&Q(!1),[2]}}))}))},validateOnBlur:!0,validateOnChange:!0,validate:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var t,r,a,i,o,l,u,s,d,c,m,v,f,p,h,b;return e.__generator(this,(function(e){switch(e.label){case 0:for(a in t={},r=[],g)r.push(a);i=0,e.label=1;case 1:if(!(i<r.length))return[3,31];switch(o=r[i],g[o].type){case"Field":return[3,2];case"Area":return[3,6];case"Select":return[3,10];case"Datepicker":return[3,14];case"Location":return[3,18];case"FieldGroup":return[3,22];case"Upload":return[3,26]}return[3,30];case 2:return f=g[o],m=n[o],f.validate?[4,f.validate(o,m,f)]:[3,4];case 3:return(l=e.sent())&&(t[o]=l),[3,30];case 4:return[4,I(0,m,f)];case 5:return(b=e.sent())&&(t[o]=b),[3,30];case 6:return f=g[o],m=n[o],f.validate?[4,f.validate(o,m,f)]:[3,8];case 7:return(u=e.sent())&&(t[o]=u),[3,30];case 8:return[4,T(0,m,f)];case 9:return(b=e.sent())&&(t[o]=b),[3,30];case 10:return f=g[o],m=n[o],f.validate?[4,f.validate(o,m,f)]:[3,12];case 11:return(s=e.sent())&&(t[o]=s),[3,30];case 12:return[4,E(0,m,f)];case 13:return(b=e.sent())&&(t[o]=b),[3,30];case 14:return f=g[o],m=n[o],f.validate?[4,f.validate(o,m,f)]:[3,16];case 15:return(d=e.sent())&&(t[o]=d),[3,30];case 16:return[4,j(0,m,f)];case 17:return(b=e.sent())&&(t[o]=b),[3,30];case 18:return f=g[o],m=n[o],f.validate?[4,f.validate(o,m,f)]:[3,20];case 19:return(c=e.sent())&&(t[o]=c),[3,30];case 20:return[4,R(0,m,f)];case 21:return(b=e.sent())&&(t[o]=b),[3,30];case 22:return f=g[o],m=n[o],f.validate?[4,f.validate(o,m,f)]:[3,24];case 23:return(v=e.sent())&&(t[o]=v),[3,30];case 24:return[4,S(0,m,f)];case 25:return(b=e.sent())&&(t[o]=b),[3,30];case 26:return f=g[o],p=n[o],f.validate?[4,f.validate(o,p,f)]:[3,28];case 27:return(h=e.sent())&&(t[o]=h),[3,30];case 28:return[4,B(0,p,f)];case 29:return(b=e.sent())&&(t[o]=b),[3,30];case 30:return i++,[3,1];case 31:return[2,t]}}))}))}}),H=z.handleSubmit,$=z.handleChange,J=z.handleBlur,K=z.setFieldTouched,Q=z.setSubmitting,X=z.validateField,Y=z.submitForm,ee=z.setValues,ne=z.isSubmitting,te=z.touched,re=z.values,ae=z.errors,ie=z.dirty,oe=z.validateOnBlur,le=z.validateOnChange,ue=n.useRef(e.__assign({},N)),se=a.useLibTheme().theme,de=n.useCallback((function(n){var t;return ee(e.__assign(e.__assign({},ue.current),((t={})[n.key]=n.value,t)),n.shouldValidate)}),[ee]),ce=g&&Object.keys(g);return n.useEffect((function(){ue.current=e.__assign({},re)}),[re]),q.default.createElement(D,{addSeperation:!0,anchorId:f,bgColor:k?r.getColors(se).sectionBg.dark:y?r.getColors(se).sectionBg.medium:r.getColors(se).sectionBg.light,bgMode:i.mapToBgMode(y,!0)},q.default.createElement(l.Wrapper,{addWhitespace:!0},q.default.createElement(L,{noValidate:!0,onSubmit:H},q.default.createElement(O,null,g&&(null==ce?void 0:ce.map((function(n,t){var r={index:t,field:g[n],key:n,value:re[n],error:ae[n],isTouched:te[n]||!1,isInverted:k,hasBg:C,setField:de,setTouched:K,validateField:X,handleChange:$,handleBlur:J,validateOnBlur:oe,validateOnChange:le,theme:se};switch(g[n].type){case"Field":return(null==b?void 0:b.field)?b.field(r):function(e){var n=e.field,t=e.key,r=e.value,a=e.error,i=e.isTouched,o=e.handleChange,l=e.handleBlur,u=e.isInverted;return q.default.createElement(m.Textfield,{key:t,enableMemo:!0,label:"".concat(t).concat(n.isRequired?" *":""),placeholder:n.placeholder,name:"['".concat(t,"']"),type:n.inputType,isInverted:u,value:r,onChange:o,onBlur:l,infoMessage:n.info,errorMessage:a&&i?a:void 0})}(r);case"Area":return(null==b?void 0:b.area)?b.area(r):function(e){var n=e.field,t=e.key,r=e.value,a=e.error,i=e.isTouched,o=e.isInverted,l=e.handleChange,u=e.handleBlur;return q.default.createElement(d.Textarea,{key:t,enableMemo:!0,label:"".concat(t).concat(n.isRequired?" *":""),placeholder:n.placeholder,name:"['".concat(t,"']"),value:r,isInverted:o,onChange:l,onBlur:u,infoMessage:n.info,errorMessage:a&&i?a:void 0})}(r);case"Datepicker":return(null==b?void 0:b.datepicker)?b.datepicker(r):function(n){var t=n.key,r=n.field,a=n.value,i=n.error,o=n.isTouched,l=n.isInverted,u=n.setField,m=n.setTouched,v=n.validateField,f=a,g=function(n,r){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,m(t,!0)];case 1:return e.sent(),[4,u({key:t,value:[n||null,r||null]})];case 2:return e.sent(),v(t),[2]}}))}))};return q.default.createElement(d.DatepickerCmp,{key:t,enableMemo:!0,onSubmit:g,onDataChange:g,values:[null==f?void 0:f[0],null==f?void 0:f[1]],label:"".concat(t).concat(r.isRequired?" *":""),placeholder:r.placeholder,singleSelect:r.singleSelect,infoMessage:r.info,errorMessage:i&&o?i:void 0,name:t,customIcon:null==r?void 0:r.customIcon,isInverted:l,minDate:r.minDate,maxDate:r.maxDate,deleteAction:function(e){return(null==r?void 0:r.deleteAction)?r.deleteAction(e):q.default.createElement(c.ButtonGhost.View,{onClick:e},"delete")},submitAction:function(e){return(null==r?void 0:r.submitAction)?r.submitAction(e):q.default.createElement(s.Button.View,{onClick:e},"submit")},nextCtrlUrl:r.nextCtrlUrl,prevCtrlUrl:r.prevCtrlUrl})}(r);case"Location":return(null==b?void 0:b.location)?b.location(r):function(n){var t,r,a=n.key,i=n.field,o=n.value,l=n.error,u=n.isTouched,s=n.isInverted,c=n.setField,m=o,v=e.__assign(e.__assign({},m),{position:(null===(t=null==m?void 0:m.position)||void 0===t?void 0:t[0])||(null===(r=null==m?void 0:m.position)||void 0===r?void 0:r[1])?m.position:void 0});return q.default.createElement(d.LocationField,{key:a,enableMemo:!0,name:"['".concat(a,"']"),label:"".concat(a).concat(i.isRequired?" *":""),placeholder:i.placeholder,initialMapCenter:i.initialMapCenter,zoom:i.zoom,isInverted:s,infoMessage:i.info,errorMessage:l&&u?l:void 0,value:v,onChange:function(n){c({key:a,value:e.__assign({},n),shouldValidate:!0})},customLocationControl:i.customLocationControl,customToggle:i.customToggle,customResetControl:i.customResetControl,toggleLabel:i.toggleLabel,trackLocationLabel:i.trackLocationLabel})}(r);case"FieldGroup":return"Checkbox"===g[n].groupType?(null==b?void 0:b.checkbox)?b.checkbox(r):function(e){var n,t=e.field,r=e.key,a=e.isInverted,i=e.value,o=e.isTouched,l=e.error,u=e.info,s=e.setTouched,d=e.validateField,c=e.setField,f=t,g=i;return q.default.createElement(F,{key:r},r&&q.default.createElement(m.FieldWrapper.Head,{isInverted:a,label:r,isRequired:t.isRequired}),q.default.createElement(M,null,null===(n=null==f?void 0:f.fields)||void 0===n?void 0:n.map((function(e,n){return q.default.createElement(v.Checkbox,{key:n,enableMemo:!0,isInverted:a,onChange:function(e){var n=e.currentTarget.value;if(n){var t=g.indexOf(n);-1===t?g.push(n):g.splice(t,1),c({key:r,value:g}),s(r,!0),d(r)}},isSelected:!!e.text&&-1!==g.indexOf(e.text),name:r,value:e.text,label:e.text})}))),o&&l&&q.default.createElement(m.FieldWrapper.Messages,{errorMessage:l,infoMessage:u}))}(r):(null==b?void 0:b.radio)?b.radio(r):function(e){var n,t=e.key,r=e.field,a=e.value,i=e.error,o=e.isTouched,l=e.isInverted,u=e.info,s=e.setField,c=r,v=a;return q.default.createElement(F,{key:t},t&&q.default.createElement(m.FieldWrapper.Head,{isInverted:l,label:t,isRequired:r.isRequired}),q.default.createElement(M,null,null===(n=null==c?void 0:c.fields)||void 0===n?void 0:n.map((function(e,n){return q.default.createElement(d.RadioButton,{key:n,enableMemo:!0,name:t,value:e.text,label:e.text,isInverted:l,isSelected:!!e.text&&v===e.text,onChange:function(n){e.text&&s({key:t,value:n.currentTarget.value})}})}))),o&&i&&q.default.createElement(m.FieldWrapper.Messages,{errorMessage:i,infoMessage:u}))}(r);case"Select":return(null==b?void 0:b.select)?b.select(r):function(n){var t,r,a=n.field,i=n.key,o=n.value,l=n.error,u=n.isTouched,s=n.isInverted,c=n.setField,m=n.setTouched,v=n.validateField,f=n.validateOnChange,g=n.validateOnBlur,p=o;return q.default.createElement(d.SelectDropdown,{key:i,enableMemo:!0,label:"".concat(i).concat(a.isRequired?" *":""),name:i,placeholder:a.placeholder,errorMessage:l&&u?l:void 0,items:null===(r=null===(t=a.dropdownItems)||void 0===t?void 0:t.filter((function(e){return e.label})))||void 0===r?void 0:r.map((function(e){return{label:e.label||"",value:e.value||{}}})),selectedItem:p,onChange:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return c({key:i,value:n}),[4,m(i,!0)];case 1:return e.sent(),f&&v(i),[2]}}))}))},onBlur:function(){return m(i,!0,g)},indicator:a.indicator,isInverted:s})}(r);case"Upload":return(null==b?void 0:b.upload)?b.upload(r):function(e){var n=e.field,t=e.key,r=e.error,a=e.isTouched,i=e.isInverted,o=e.setField;return q.default.createElement(d.FileUploadCmp,{key:t,enableMemo:!0,label:"".concat(t).concat(n.isRequired?" *":""),name:t,infoMessage:n.info,uploadLabel:n.addBtnLabel,errorMessage:r&&a?r:void 0,acceptedFormats:n.acceptedFormats,onUploadFiles:function(e){o({key:t,value:e})},customUploadIcon:n.customUploadIcon,customDeleteIcon:n.customDeleteIcon,isInverted:i})}(r);default:return null}}))))),(g||(null==V?void 0:V.message))&&q.default.createElement(A,null,(null==V?void 0:V.message)&&!ie&&q.default.createElement(U,{textColor:(null==V?void 0:V.isError)?r.getColors(se).error:k?r.getColors(se).text.copyInverted:r.getColors(se).text.copy},V.message||""),g&&q.default.createElement(P,null,q.default.createElement(u.Actions,{primary:h?h({isInverted:k,isSubmitting:ne,handleSubmit:Y}):q.default.createElement(s.Button.View,e.__assign({as:"button",onClick:Y},{type:"submit"}),q.default.createElement(s.Button.Label,null,"Send mail"))})))))}));exports.DynamicForm=V;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./ClockFilled-2483aa4a.js"),n=require("react"),t=require("styled-components"),r=require("./styles-3a495a2d.js"),a=require("./LibThemeProvider-4823de57.js"),i=require("./Section-e8e8cf81.js"),o=require("formik"),l=require("./Wrapper-ff6854d7.js"),u=require("./Actions-c7b16449.js"),s=require("./Button-51ea72b7.js"),d=require("./Textarea-f5c4fbb5.js"),c=require("./ButtonGhost-628bbd60.js"),m=require("./Textfield-8357291d.js"),v=require("./Checkbox-367283ac.js"),f=require("./Copy-b579f268.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("react-dom/server"),require("./concat-f387d848.js"),require("./arrays-c272ed59.js"),require("./hexRgbConverter-91b28aea.js"),require("./clamp-bd21d587.js"),require("react-datepicker"),require("./useLeafletMap-2e608b01.js"),require("./useLazyInput-f71c221b.js"),require("./useUpdateEffect-4d233e2c.js"),require("./useGeolocation-d8946470.js"),require("./useMounted-0bba9869.js");var p,h,b,_,x,y,k,C,q=g(n),w=g(t),F=w.default.fieldset.withConfig({displayName:"fieldGroupRenderer__FieldSet",componentId:"sc-1c0l16c-0"})(p||(p=e.__makeTemplateObject(["\n    display: block;\n    border: none;\n    background: none;\n    outline: none;\n    padding: 0;\n    margin-left: 0;\n    margin-right: 0;\n    text-align: left;\n"],["\n    display: block;\n    border: none;\n    background: none;\n    outline: none;\n    padding: 0;\n    margin-left: 0;\n    margin-right: 0;\n    text-align: left;\n"]))),M=w.default.div.withConfig({displayName:"fieldGroupRenderer__Fields",componentId:"sc-1c0l16c-1"})(h||(h=e.__makeTemplateObject(["\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),r.spacings.nudge),I=function(n,t,r){return e.__awaiter(void 0,void 0,void 0,(function(){var n,a;return e.__generator(this,(function(e){switch(n=r.inputType,a="",r.isRequired&&!t&&(a=r.errorMsg||"Required field"),n){case"email":t&&!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(t)&&(a=r.errorMsg||"Invalid Mail format");break;case"tel":t&&/[A-Z]/gi.test(t)&&(a=r.errorMsg||"Ungültige Telefonnummer");break;case"number":t&&!/^[+]?\d+([.]\d+)?$/gm.test(t)&&(a=r.errorMsg||"Zahlenformat ungültig")}return[2,a]}))}))},T=function(n,t,r){return e.__awaiter(void 0,void 0,void 0,(function(){var n;return e.__generator(this,(function(e){return n="",r.isRequired&&!t&&(n=r.errorMsg||"Required field"),[2,n]}))}))},E=function(n,t,r){return e.__awaiter(void 0,void 0,void 0,(function(){var n;return e.__generator(this,(function(e){return n="",r.isRequired&&!t&&(n=r.errorMsg||"Required field"),[2,n]}))}))},j=function(n,t,r){return e.__awaiter(void 0,void 0,void 0,(function(){var n,a;return e.__generator(this,(function(e){return n="",a=r.singleSelect,r.isRequired&&!t?n=a?r.singleDateError||"Please submit date!":r.multiDateError||"Please submit start- and enddate!":r.isRequired&&a&&!t[0]?n=r.singleDateError||"Please submit date!":!r.isRequired||a||t[0]&&t[1]||(n=r.multiDateError||"Please submit start- and enddate!"),[2,n]}))}))},R=function(n,t,r){return e.__awaiter(void 0,void 0,void 0,(function(){var n,a,i;return e.__generator(this,(function(e){return n="",!r.isRequired||t.description||(null===(a=t.position)||void 0===a?void 0:a[0])||(null===(i=t.position)||void 0===i?void 0:i[1])||(n=r.errorMsg||"Please submit location info!"),[2,n]}))}))},S=function(n,t,r){return e.__awaiter(void 0,void 0,void 0,(function(){var n,a,i;return e.__generator(this,(function(e){return n=r.groupType,a="","Checkbox"===n?(i=t,r.isRequired&&(!i||(null==i?void 0:i.length)<1)&&(a=r.errorMsg||"Please select at least one item!")):"Radio"===n&&r.isRequired&&!t&&(a=r.errorMsg||"Selection required"),[2,a]}))}))},B=function(n,t,r){return e.__awaiter(void 0,void 0,void 0,(function(){var n;return e.__generator(this,(function(e){return n="",r.isRequired&&(!t||(null==t?void 0:t.length)<1)&&(n=r.errorMsg||"Please submit at least one file!"),[2,n]}))}))},D=w.default(i.Section).withConfig({displayName:"DynamicForm__StyledSection",componentId:"sc-1v8xcyg-0"})(b||(b=e.__makeTemplateObject(["\n    overflow: visible;\n"],["\n    overflow: visible;\n"]))),L=w.default.form.withConfig({displayName:"DynamicForm__Form",componentId:"sc-1v8xcyg-1"})(_||(_=e.__makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    @media "," {\n        flex-direction: row;\n    }\n"],["\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    @media "," {\n        flex-direction: row;\n    }\n"])),r.mq.semilarge),O=w.default.div.withConfig({displayName:"DynamicForm__FieldContainer",componentId:"sc-1v8xcyg-2"})(x||(x=e.__makeTemplateObject(["\n    flex: 1 1 0;\n    text-align: center;\n\n    & + & {\n        margin-top: ","px;\n    }\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        max-width: 610px;\n    }\n"],["\n    flex: 1 1 0;\n    text-align: center;\n\n    & + & {\n        margin-top: ","px;\n    }\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        max-width: 610px;\n    }\n"])),3*r.spacings.nudge,3*r.spacings.nudge,r.mq.semilarge),A=w.default.div.withConfig({displayName:"DynamicForm__FormFooter",componentId:"sc-1v8xcyg-3"})(y||(y=e.__makeTemplateObject(["\n    margin-top: ","px;\n"],["\n    margin-top: ","px;\n"])),r.spacings.spacer),U=w.default(f.Copy).withConfig({displayName:"DynamicForm__Status",componentId:"sc-1v8xcyg-4"})(k||(k=e.__makeTemplateObject(["\n    text-align: left;\n    margin: 0 auto;\n\n    @media "," {\n        max-width: 610px;\n    }\n"],["\n    text-align: left;\n    margin: 0 auto;\n\n    @media "," {\n        max-width: 610px;\n    }\n"])),r.mq.semilarge),P=w.default.div.withConfig({displayName:"DynamicForm__ActionContainer",componentId:"sc-1v8xcyg-5"})(C||(C=e.__makeTemplateObject(["\n    width: 100%;\n    margin: 0 auto;\n    margin-top: ","px;\n    text-align: right;\n\n    @media "," {\n        max-width: 610px;\n    }\n"],["\n    width: 100%;\n    margin: 0 auto;\n    margin-top: ","px;\n    text-align: right;\n\n    @media "," {\n        max-width: 610px;\n    }\n"])),1.5*r.spacings.spacer,r.mq.semilarge),V=a.withLibTheme((function(t){var f=t.anchorId,g=t.fields,p=t.onSubmit,h=t.submitAction,b=t.definitions,_=t.subjectLine,x=t.targetEmails,y=t.bgMode,k="inverted"===y,C="full"===y||k,w=n.useState(),V=w[0],G=w[1],N={},W=function(e){switch(g[e].type){case"Field":case"Area":N[e]=g[e].initialValue||"";break;case"Select":N[e]=g[e].initialOption||"";break;case"Datepicker":N[e]=g[e].initialDates||[null,null];break;case"Location":N[e]={description:"",position:[0,0]};break;case"Upload":N[e]=[];break;case"FieldGroup":var n=g[e],t=g[e].groupType;if("Checkbox"===t){var r=[];n.fields.forEach((function(e){e.initialChecked&&e.text&&r.push(e.text)})),N[e]=r}else"Radio"===t&&(N[e]="",n.fields.every((function(n){return!n.initialChecked||!n.text||(N[e]=n.text,!1)})))}};for(var Z in g)W(Z);var z=o.useFormik({initialValues:e.__assign({},N),onSubmit:function(n,t){return e.__awaiter(void 0,void 0,void 0,(function(){var r,a;return e.__generator(this,(function(i){switch(i.label){case 0:return r=e.__assign(e.__assign({},n),{targetEmails:x||[],subjectLine:_||""}),p?[4,p(r)]:(Q(!1),[2]);case 1:return a=i.sent(),t.resetForm({values:n}),G(a),a.isError&&Q(!1),[2]}}))}))},validateOnBlur:!0,validateOnChange:!0,validate:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){var t,r,a,i,o,l,u,s,d,c,m,v,f,p,h,b;return e.__generator(this,(function(e){switch(e.label){case 0:for(a in t={},r=[],g)r.push(a);i=0,e.label=1;case 1:if(!(i<r.length))return[3,31];switch(o=r[i],g[o].type){case"Field":return[3,2];case"Area":return[3,6];case"Select":return[3,10];case"Datepicker":return[3,14];case"Location":return[3,18];case"FieldGroup":return[3,22];case"Upload":return[3,26]}return[3,30];case 2:return f=g[o],m=n[o],f.validate?[4,f.validate(o,m,f)]:[3,4];case 3:return(l=e.sent())&&(t[o]=l),[3,30];case 4:return[4,I(0,m,f)];case 5:return(b=e.sent())&&(t[o]=b),[3,30];case 6:return f=g[o],m=n[o],f.validate?[4,f.validate(o,m,f)]:[3,8];case 7:return(u=e.sent())&&(t[o]=u),[3,30];case 8:return[4,T(0,m,f)];case 9:return(b=e.sent())&&(t[o]=b),[3,30];case 10:return f=g[o],m=n[o],f.validate?[4,f.validate(o,m,f)]:[3,12];case 11:return(s=e.sent())&&(t[o]=s),[3,30];case 12:return[4,E(0,m,f)];case 13:return(b=e.sent())&&(t[o]=b),[3,30];case 14:return f=g[o],m=n[o],f.validate?[4,f.validate(o,m,f)]:[3,16];case 15:return(d=e.sent())&&(t[o]=d),[3,30];case 16:return[4,j(0,m,f)];case 17:return(b=e.sent())&&(t[o]=b),[3,30];case 18:return f=g[o],m=n[o],f.validate?[4,f.validate(o,m,f)]:[3,20];case 19:return(c=e.sent())&&(t[o]=c),[3,30];case 20:return[4,R(0,m,f)];case 21:return(b=e.sent())&&(t[o]=b),[3,30];case 22:return f=g[o],m=n[o],f.validate?[4,f.validate(o,m,f)]:[3,24];case 23:return(v=e.sent())&&(t[o]=v),[3,30];case 24:return[4,S(0,m,f)];case 25:return(b=e.sent())&&(t[o]=b),[3,30];case 26:return f=g[o],p=n[o],f.validate?[4,f.validate(o,p,f)]:[3,28];case 27:return(h=e.sent())&&(t[o]=h),[3,30];case 28:return[4,B(0,p,f)];case 29:return(b=e.sent())&&(t[o]=b),[3,30];case 30:return i++,[3,1];case 31:return[2,t]}}))}))}}),H=z.handleSubmit,$=z.handleChange,J=z.handleBlur,K=z.setFieldTouched,Q=z.setSubmitting,X=z.validateField,Y=z.submitForm,ee=z.setValues,ne=z.isSubmitting,te=z.touched,re=z.values,ae=z.errors,ie=z.dirty,oe=z.validateOnBlur,le=z.validateOnChange,ue=n.useRef(e.__assign({},N)),se=a.useLibTheme().theme,de=n.useCallback((function(n){var t;return ee(e.__assign(e.__assign({},ue.current),((t={})[n.key]=n.value,t)),n.shouldValidate)}),[ee]),ce=g&&Object.keys(g);return n.useEffect((function(){ue.current=e.__assign({},re)}),[re]),q.default.createElement(D,{addSeperation:!0,anchorId:f,bgColor:k?r.getColors(se).sectionBg.dark:y?r.getColors(se).sectionBg.medium:r.getColors(se).sectionBg.light,bgMode:i.mapToBgMode(y,!0)},q.default.createElement(l.Wrapper,{addWhitespace:!0},q.default.createElement(L,{noValidate:!0,onSubmit:H},q.default.createElement(O,null,g&&(null==ce?void 0:ce.map((function(n,t){var r={index:t,field:g[n],key:n,value:re[n],error:ae[n],isTouched:te[n]||!1,isInverted:k,hasBg:C,setField:de,setTouched:K,validateField:X,handleChange:$,handleBlur:J,validateOnBlur:oe,validateOnChange:le,theme:se};switch(g[n].type){case"Field":return(null==b?void 0:b.field)?b.field(r):function(e){var n=e.field,t=e.key,r=e.value,a=e.error,i=e.isTouched,o=e.handleChange,l=e.handleBlur,u=e.isInverted;return q.default.createElement(m.Textfield,{key:t,enableMemo:!0,label:"".concat(t).concat(n.isRequired?" *":""),placeholder:n.placeholder,name:"['".concat(t,"']"),type:n.inputType,isInverted:u,value:r,onChange:o,onBlur:l,infoMessage:n.info,errorMessage:a&&i?a:void 0})}(r);case"Area":return(null==b?void 0:b.area)?b.area(r):function(e){var n=e.field,t=e.key,r=e.value,a=e.error,i=e.isTouched,o=e.isInverted,l=e.handleChange,u=e.handleBlur;return q.default.createElement(d.Textarea,{key:t,enableMemo:!0,label:"".concat(t).concat(n.isRequired?" *":""),placeholder:n.placeholder,name:"['".concat(t,"']"),value:r,isInverted:o,onChange:l,onBlur:u,infoMessage:n.info,errorMessage:a&&i?a:void 0})}(r);case"Datepicker":return(null==b?void 0:b.datepicker)?b.datepicker(r):function(n){var t=n.key,r=n.field,a=n.value,i=n.error,o=n.isTouched,l=n.isInverted,u=n.setField,m=n.setTouched,v=n.validateField,f=a,g=function(n,r){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,m(t,!0)];case 1:return e.sent(),[4,u({key:t,value:[n||null,r||null]})];case 2:return e.sent(),v(t),[2]}}))}))};return q.default.createElement(d.DatepickerCmp,{key:t,enableMemo:!0,onSubmit:g,onDataChange:g,values:[null==f?void 0:f[0],null==f?void 0:f[1]],label:"".concat(t).concat(r.isRequired?" *":""),placeholder:r.placeholder,singleSelect:r.singleSelect,infoMessage:r.info,errorMessage:i&&o?i:void 0,name:t,customIcon:null==r?void 0:r.customIcon,isInverted:l,minDate:r.minDate,maxDate:r.maxDate,deleteAction:function(e){return(null==r?void 0:r.deleteAction)?r.deleteAction(e):q.default.createElement(c.ButtonGhost.View,{onClick:e},"delete")},submitAction:function(e){return(null==r?void 0:r.submitAction)?r.submitAction(e):q.default.createElement(s.Button.View,{onClick:e},"submit")},nextCtrlUrl:r.nextCtrlUrl,prevCtrlUrl:r.prevCtrlUrl})}(r);case"Location":return(null==b?void 0:b.location)?b.location(r):function(n){var t,r,a=n.key,i=n.field,o=n.value,l=n.error,u=n.isTouched,s=n.isInverted,c=n.setField,m=o,v=e.__assign(e.__assign({},m),{position:(null===(t=null==m?void 0:m.position)||void 0===t?void 0:t[0])||(null===(r=null==m?void 0:m.position)||void 0===r?void 0:r[1])?m.position:void 0});return q.default.createElement(d.LocationField,{key:a,enableMemo:!0,name:"['".concat(a,"']"),label:"".concat(a).concat(i.isRequired?" *":""),placeholder:i.placeholder,initialMapCenter:i.initialMapCenter,zoom:i.zoom,isInverted:s,infoMessage:i.info,errorMessage:l&&u?l:void 0,value:v,onChange:function(n){c({key:a,value:e.__assign({},n),shouldValidate:!0})},customLocationControl:i.customLocationControl,customToggle:i.customToggle,customResetControl:i.customResetControl,toggleLabel:i.toggleLabel,trackLocationLabel:i.trackLocationLabel})}(r);case"FieldGroup":return"Checkbox"===g[n].groupType?(null==b?void 0:b.checkbox)?b.checkbox(r):function(e){var n,t=e.field,r=e.key,a=e.isInverted,i=e.value,o=e.isTouched,l=e.error,u=e.info,s=e.setTouched,d=e.validateField,c=e.setField,f=t,g=i;return q.default.createElement(F,{key:r},r&&q.default.createElement(m.FieldWrapper.Head,{isInverted:a,label:r,isRequired:t.isRequired}),q.default.createElement(M,null,null===(n=null==f?void 0:f.fields)||void 0===n?void 0:n.map((function(e,n){return q.default.createElement(v.Checkbox,{key:n,enableMemo:!0,isInverted:a,onChange:function(e){var n=e.currentTarget.value;if(n){var t=g.indexOf(n);-1===t?g.push(n):g.splice(t,1),c({key:r,value:g}),s(r,!0),d(r)}},isSelected:!!e.text&&-1!==g.indexOf(e.text),name:r,value:e.text,label:e.text})}))),o&&l&&q.default.createElement(m.FieldWrapper.Messages,{errorMessage:l,infoMessage:u}))}(r):(null==b?void 0:b.radio)?b.radio(r):function(e){var n,t=e.key,r=e.field,a=e.value,i=e.error,o=e.isTouched,l=e.isInverted,u=e.info,s=e.setField,c=r,v=a;return q.default.createElement(F,{key:t},t&&q.default.createElement(m.FieldWrapper.Head,{isInverted:l,label:t,isRequired:r.isRequired}),q.default.createElement(M,null,null===(n=null==c?void 0:c.fields)||void 0===n?void 0:n.map((function(e,n){return q.default.createElement(d.RadioButton,{key:n,enableMemo:!0,name:t,value:e.text,label:e.text,isInverted:l,isSelected:!!e.text&&v===e.text,onChange:function(n){e.text&&s({key:t,value:n.currentTarget.value})}})}))),o&&i&&q.default.createElement(m.FieldWrapper.Messages,{errorMessage:i,infoMessage:u}))}(r);case"Select":return(null==b?void 0:b.select)?b.select(r):function(n){var t,r,a=n.field,i=n.key,o=n.value,l=n.error,u=n.isTouched,s=n.isInverted,c=n.setField,m=n.setTouched,v=n.validateField,f=n.validateOnChange,g=n.validateOnBlur,p=o;return q.default.createElement(d.SelectDropdown,{key:i,enableMemo:!0,label:"".concat(i).concat(a.isRequired?" *":""),name:i,placeholder:a.placeholder,errorMessage:l&&u?l:void 0,items:null===(r=null===(t=a.dropdownItems)||void 0===t?void 0:t.filter((function(e){return e.label})))||void 0===r?void 0:r.map((function(e){return{label:e.label||"",value:e.value||{}}})),selectedItem:p,onChange:function(n){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return c({key:i,value:n}),[4,m(i,!0)];case 1:return e.sent(),f&&v(i),[2]}}))}))},onBlur:function(){return m(i,!0,g)},indicator:a.indicator,isInverted:s})}(r);case"Upload":return(null==b?void 0:b.upload)?b.upload(r):function(e){var n=e.field,t=e.key,r=e.error,a=e.isTouched,i=e.isInverted,o=e.setField;return q.default.createElement(d.FileUploadCmp,{key:t,enableMemo:!0,label:"".concat(t).concat(n.isRequired?" *":""),name:t,infoMessage:n.info,uploadLabel:n.addBtnLabel,errorMessage:r&&a?r:void 0,acceptedFormats:n.acceptedFormats,onUploadFiles:function(e){o({key:t,value:e})},customUploadIcon:n.customUploadIcon,customDeleteIcon:n.customDeleteIcon,isInverted:i})}(r);default:return null}}))))),(g||(null==V?void 0:V.message))&&q.default.createElement(A,null,(null==V?void 0:V.message)&&!ie&&q.default.createElement(U,{textColor:(null==V?void 0:V.isError)?r.getColors(se).error:k?r.getColors(se).text.copyInverted:r.getColors(se).text.copy},V.message||""),g&&q.default.createElement(P,null,q.default.createElement(u.Actions,{primary:h?h({isInverted:k,isSubmitting:ne,handleSubmit:Y}):q.default.createElement(s.Button.View,e.__assign({as:"button",onClick:Y},{type:"submit"}),q.default.createElement(s.Button.Label,null,"Send mail"))})))))}));exports.DynamicForm=V;
 //# sourceMappingURL=sections.dynamicform.js.map