@blateral/b.kit 2.4.1 → 2.5.0-beta.1.0

package/cjs/headers.js

@@ -0,0 +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-0bd70e6a.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-ca78100c.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("./Link-5a6f1633.js"),require("./navigation-389b22e2.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;
+//# sourceMappingURL=headers.js.map

package/cjs/headers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"headers.js","sources":["../src/components/sections/header/HeaderKenBurns.tsx","../src/components/sections/header/HeaderPoster.tsx","../src/components/sections/header/HeaderVideo.tsx","../src/components/sections/header/Header.tsx"],"sourcesContent":["import React, { FC, useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\n\nimport { useMediaQuery } from 'utils/useMediaQuery';\nimport Image from 'components/blocks/Image';\nimport { clampValue } from 'utils/clamp';\nimport { HeaderImage } from './Header';\n\nconst AnimationContainer = styled.div`\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n`;\n\nconst PosterImage = styled(Image)`\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\nconst AnimationImage = styled.img<{\n    scale?: number;\n    opacity?: number;\n    zoomPoint?: [number, number];\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: ${({ scale }) => `2s, ${scale === 1 ? '0s' : '13s'}`};\n    transition-delay: ${({ scale }) =>\n        `${scale === 1 ? '1s' : '0s'}, ${scale === 1 ? '3s' : '0s'}`};\n\n    opacity: ${({ opacity }) => opacity && opacity};\n    transform: scale(${({ scale }) => scale || 1})\n        rotate(${({ scale }) => (scale !== 1 ? 0.04 : 0)}deg);\n    transform-origin: ${({ zoomPoint }) =>\n        zoomPoint ? `${zoomPoint[0] * 100}% ${zoomPoint[1] * 100}%` : 'center'};\n\n    will-change: transform, opacity;\n`;\n\nconst AnimationImages: FC<{\n    zoom?: number;\n    zoomPoint?: [number, number];\n    images: KenBurnsImage[];\n    interval?: number;\n    onChange?: (imgId: number) => void;\n}> = ({\n    zoom = 1.08,\n    zoomPoint = [0.5, 0.5],\n    interval = 10000,\n    images,\n    onChange,\n}) => {\n    const intervalRef = useRef<number | null>();\n    const initialTimeoutRef = useRef<number | null>();\n    const [activeImg, setActiveImg] = useState<number>(-1);\n\n    useEffect(() => {\n        const changeImage = () => {\n            setActiveImg((prev) => {\n                return (prev + 1) % images.length;\n            });\n        };\n\n        // changeImage();\n        initialTimeoutRef.current = window.setTimeout(changeImage, 200);\n        if (intervalRef.current) window.clearInterval(intervalRef.current);\n        intervalRef.current = window.setInterval(changeImage, interval);\n\n        return () => {\n            if (initialTimeoutRef.current)\n                window.clearTimeout(initialTimeoutRef.current);\n            if (intervalRef.current) window.clearInterval(intervalRef.current);\n        };\n    }, [images, interval]);\n\n    useEffect(() => {\n        if (activeImg !== -1) onChange && onChange(activeImg);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [activeImg]);\n\n    return (\n        <React.Fragment>\n            {images.map((img, i) => {\n                let imgZoom = 1;\n                let imgZoomPoint = zoomPoint;\n\n                if (i === activeImg) {\n                    imgZoom = img.zoom !== undefined ? img.zoom : zoom;\n                }\n\n                if (img.zoomPoint) {\n                    imgZoomPoint = getValidZoomPoint(img.zoomPoint);\n                }\n\n                return (\n                    <AnimationImage\n                        key={i}\n                        style={{\n                            zIndex: i === activeImg ? 1 : 0,\n                        }}\n                        src={img.image}\n                        scale={imgZoom}\n                        opacity={i === activeImg ? 1 : 0}\n                        zoomPoint={imgZoomPoint}\n                        alt={img.alt || ''}\n                    />\n                );\n            })}\n        </React.Fragment>\n    );\n};\n\nconst preloadImages = (images: KenBurnsImage[]): Promise<KenBurnsImage>[] => {\n    const loadedImages: Promise<KenBurnsImage>[] = images.map((req) => {\n        return new Promise((resolve) => {\n            const img = new window.Image();\n            img.src = req.image;\n            img.onload = () => resolve(req);\n        });\n    });\n\n    return loadedImages;\n};\n\ntype KenBurnsMq = 'small' | 'medium' | 'large' | 'xlarge';\n\ninterface KenBurnsImage {\n    id: number | string;\n    image: string;\n    alt?: string;\n    zoom?: number;\n    zoomPoint?: [number, number];\n}\n\nconst getValidZoomPoint = (point: [number, number]) => {\n    return [clampValue(point[0], 0, 1), clampValue(point[1], 0, 1)] as [\n        number,\n        number\n    ];\n};\n\nconst HeaderKenBurns: React.FC<{\n    images: HeaderImage[];\n    zoom?: number;\n    zoomPoint?: [number, number];\n    interval?: number;\n    onImageChange?: (currentImg: HeaderImage) => void;\n    className?: string;\n    children?: React.ReactNode;\n}> = ({\n    images,\n    zoom = 1.08,\n    zoomPoint = [0.5, 0.5],\n    interval = 10000,\n    onImageChange,\n    className,\n    children,\n}) => {\n    const mqs: KenBurnsMq[] = ['small', 'medium', 'large', 'xlarge'];\n    const currentMq = useMediaQuery(mqs) as KenBurnsMq | undefined;\n\n    const [loadedImages, setLoadedImages] = useState<{\n        [key: string]: KenBurnsImage[];\n    }>({\n        small: [],\n        medium: [],\n        large: [],\n        xlarge: [],\n    });\n\n    useEffect(() => {\n        if (currentMq) {\n            const loadedForMq = loadedImages[currentMq];\n\n            if (loadedForMq.length < images.length && images.length >= 2) {\n                const requestedImages: KenBurnsImage[] = images.map(\n                    (img, i) => ({\n                        id: i,\n                        image: img[currentMq] as string,\n                        zoom: img.zoom || zoom,\n                        zoomPoint: img.zoomPoint || zoomPoint,\n                        alt: img.alt,\n                    })\n                );\n\n                const resolve = async (\n                    imagePromises: Promise<KenBurnsImage>[]\n                ) => {\n                    for (const promise of imagePromises) {\n                        const loadedImg = await promise;\n\n                        setLoadedImages((prev) => {\n                            // check if image id already exists in array\n                            if (\n                                !prev[currentMq].find(\n                                    (e) => e.id === loadedImg.id\n                                )\n                            ) {\n                                return {\n                                    ...prev,\n                                    [currentMq]: [\n                                        ...prev[currentMq],\n                                        loadedImg,\n                                    ],\n                                };\n                            } else return prev;\n                        });\n                    }\n                };\n\n                resolve(preloadImages(requestedImages));\n            }\n        }\n    }, [currentMq, images, loadedImages, zoom, zoomPoint]);\n\n    return (\n        <AnimationContainer className={className}>\n            <PosterImage {...images[0]} coverSpace ratios={undefined} />\n            {currentMq && loadedImages[currentMq].length >= images.length && (\n                <AnimationImages\n                    zoom={zoom}\n                    zoomPoint={getValidZoomPoint(zoomPoint)}\n                    interval={interval}\n                    images={loadedImages[currentMq]}\n                    onChange={(id) =>\n                        images[id] && onImageChange && onImageChange(images[id])\n                    }\n                />\n            )}\n            {children}\n        </AnimationContainer>\n    );\n};\n\nexport default HeaderKenBurns;\n","import React from 'react';\nimport styled from 'styled-components';\n\nimport Image, { ImageProps } from 'components/blocks/Image';\nimport { HeaderFocus } from './Header';\n\nconst PosterView = styled.div`\n    position: relative;\n    width: 100%;\n    height: 100%;\n`;\n\nconst BgImage = styled(Image)<{ focus?: HeaderFocus }>`\n    height: 100%;\n\n    img {\n        height: 100%;\n        object-position: ${({ focus }) =>\n            `${focus?.[0] || 'center'} ${focus?.[1] || 'center'}`};\n    }\n`;\n\nconst HeaderPoster: React.FC<{\n    isInverted?: boolean;\n    bgImage?: Omit<ImageProps, 'ratios' | 'coverSpace'>;\n    focus?: HeaderFocus;\n    className?: string;\n    children?: React.ReactNode;\n}> = ({ isInverted, bgImage, focus, className, children }) => {\n    return (\n        <PosterView className={className}>\n            {bgImage && (\n                <BgImage\n                    {...bgImage}\n                    coverSpace\n                    ratios={undefined}\n                    isInverted={isInverted}\n                    focus={focus}\n                />\n            )}\n            {children}\n        </PosterView>\n    );\n};\n\nexport default HeaderPoster;\n","import React, { useRef } from 'react';\nimport styled from 'styled-components';\n\nimport { useState, useEffect } from 'react';\nimport Image from 'components/blocks/Image';\nimport { useMediaQuery } from 'utils/useMediaQuery';\nimport { HeaderFocus, HeaderImage } from './Header';\nimport { mq, spacings } from 'utils/styles';\nimport { useObserverSupport } from 'utils/useObserverSupport';\nimport useUpdateEffect from 'utils/useUpdateEffect';\n\nconst PosterView = styled.div`\n    position: relative;\n    width: 100%;\n    height: 100%;\n`;\n\nconst PlaceholderImg = styled(Image)<{ focus?: HeaderFocus }>`\n    position: relative;\n    height: 100%;\n\n    img {\n        object-position: ${({ focus }) =>\n            `${focus?.[0] || 'center'} ${focus?.[1] || 'center'}`};\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 ${mq.medium} {\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: ${spacings.spacer * 2}px;\n        z-index: 2;\n\n        & > * {\n            margin-top: ${spacings.spacer}px;\n            max-width: 880px;\n        }\n    }\n`;\n\nconst AutoplayVideo = styled.video<{\n    isVisible?: boolean;\n    focus?: HeaderFocus;\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: ${({ focus }) =>\n        `${focus?.[0] || 'center'} ${focus?.[1] || 'center'}`};\n    opacity: ${({ isVisible }) => (isVisible ? 1 : 0)};\n    pointer-events: none;\n    z-index: 1;\n\n    transition: opacity 0.3s ease-in-out;\n`;\n\ntype HeaderVideoMq = 'small' | 'medium' | 'semilarge' | 'large' | 'xlarge';\n\nconst HeaderVideo: React.FC<{\n    isInverted?: boolean;\n    loadOnMobile?: boolean;\n    placeholderImg?: HeaderImage;\n    focus?: HeaderFocus;\n    videoUrl?: string;\n    className?: string;\n    children?: React.ReactNode;\n}> = ({\n    isInverted,\n    loadOnMobile = true,\n    placeholderImg,\n    focus,\n    videoUrl,\n    className,\n    children,\n}) => {\n    const videoRef = useRef<HTMLVideoElement | null>(null);\n    const viewRef = useRef<HTMLDivElement | null>(null);\n    const [isLoaded, setLoaded] = useState<boolean>(\n        !placeholderImg?.small || false\n    );\n    const isObserverSupported = useObserverSupport();\n    const currentMq = useMediaQuery([\n        'small',\n        'medium',\n        'semilarge',\n        'large',\n        'xlarge',\n    ]) as HeaderVideoMq | undefined;\n\n    const isMobile = currentMq === undefined || currentMq === 'small';\n    const isVideoAllowed = loadOnMobile || !isMobile;\n\n    const [isVideoActive, setVideoActive] = useState<boolean>(false);\n\n    useEffect(() => {\n        if (!isVideoAllowed) setLoaded(false);\n    }, [isMobile, isVideoAllowed, loadOnMobile]);\n\n    useEffect(() => {\n        if (!videoRef.current) return;\n\n        if (videoRef.current.readyState > 3) {\n            setLoaded(true);\n        }\n    }, []);\n\n    useUpdateEffect(() => {\n        if (!isVideoAllowed || !videoUrl || !viewRef.current) return;\n        if (!isObserverSupported) {\n            setVideoActive(true);\n            return;\n        }\n\n        const observer = new IntersectionObserver(\n            (entries, observer) => {\n                const [entry] = entries;\n\n                if (entry.isIntersecting) {\n                    observer.unobserve(entry.target);\n                    setVideoActive(true);\n                }\n            },\n            {\n                rootMargin: '200px 0px 200px 0px',\n            }\n        );\n\n        const viewEl = viewRef.current;\n        observer.observe(viewEl);\n\n        return () => {\n            if (viewEl) observer.unobserve(viewEl);\n        };\n    }, [isObserverSupported, isVideoAllowed]);\n\n    return (\n        <PosterView ref={viewRef} className={className}>\n            {placeholderImg?.small && !isLoaded && (\n                <PlaceholderImg\n                    {...placeholderImg}\n                    coverSpace\n                    ratios={undefined}\n                    isInverted={isInverted}\n                    focus={focus}\n                />\n            )}\n            {videoUrl && isVideoAllowed && (\n                <AutoplayVideo\n                    ref={videoRef}\n                    isVisible={isLoaded}\n                    src={isVideoActive ? videoUrl : undefined}\n                    muted\n                    autoPlay\n                    loop\n                    playsInline\n                    onCanPlayThrough={() => {\n                        setLoaded(true);\n                    }}\n                    focus={focus}\n                />\n            )}\n            {children}\n        </PosterView>\n    );\n};\n\nexport default HeaderVideo;\n","import React, { FC } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { mq, spacings, withRange } from 'utils/styles';\nimport { useLibTheme, withLibTheme } from 'utils/LibThemeProvider';\nimport HeaderKenBurns from './HeaderKenBurns';\nimport HeaderPoster from './HeaderPoster';\nimport Actions from 'components/blocks/Actions';\nimport HeaderVideo from './HeaderVideo';\nimport Copy from 'components/typography/Copy';\nimport Heading, { HeadlineTag } from 'components/typography/Heading';\nimport Section, { mapToBgMode } from 'components/base/Section';\nimport { ImageProps } from 'components/blocks/Image';\nimport {\n    generateNavbarIdent as genIdent,\n    getFullNavbarHeights as getNavHeight,\n} from '../navigation/Navigation';\n\nconst Poster: FC<{\n    isInverted?: boolean;\n    videoUrl?: string;\n    images?: Omit<ImageProps, 'ratios' | 'coverSpace'>[];\n    focus?: HeaderFocus;\n    kenBurnsZoom?: number;\n    kenBurnsZoomPoint?: [number, number];\n    kenBurnsInterval?: number;\n    onImageChange?: (image?: Omit<ImageProps, 'ratios' | 'coverSpace'>) => void;\n    className?: string;\n    children?: React.ReactNode;\n}> = ({\n    isInverted,\n    videoUrl,\n    images,\n    focus,\n    kenBurnsZoom,\n    kenBurnsZoomPoint,\n    kenBurnsInterval,\n    onImageChange,\n    className,\n    children,\n}) => {\n    switch (true) {\n        case !!videoUrl: {\n            return (\n                <HeaderVideo\n                    isInverted={isInverted}\n                    videoUrl={videoUrl}\n                    focus={focus}\n                    placeholderImg={images?.[0]}\n                    className={className}\n                >\n                    {children}\n                </HeaderVideo>\n            );\n        }\n\n        case images && images.length > 1: {\n            return (\n                <HeaderKenBurns\n                    images={images || []}\n                    zoom={kenBurnsZoom}\n                    zoomPoint={kenBurnsZoomPoint}\n                    interval={kenBurnsInterval}\n                    onImageChange={onImageChange}\n                    className={className}\n                >\n                    {children}\n                </HeaderKenBurns>\n            );\n        }\n\n        // single image\n        case images && images.length === 1: {\n            return (\n                <HeaderPoster\n                    isInverted={isInverted}\n                    bgImage={images?.[0]}\n                    focus={focus}\n                    className={className}\n                >\n                    {children}\n                </HeaderPoster>\n            );\n        }\n\n        default: {\n            return <div>{children}</div>;\n        }\n    }\n};\n\nconst genHeightStyles = (isFull: boolean) => css`\n    // Doing some crazy shit to calculate curent navbar height in CSS\n    ${({ theme }) => {\n        // navbar main only\n        const mainIdent = genIdent({\n            pageFlow: 'beforeContent',\n            hasMain: true,\n        });\n\n        // navbar main and top\n        const mainTopIdent = genIdent({\n            pageFlow: 'beforeContent',\n            hasMain: true,\n            hasTop: true,\n        });\n\n        // navbar main and bottom\n        const mainBottomIdent = genIdent({\n            pageFlow: 'beforeContent',\n            hasMain: true,\n            hasBottom: true,\n        });\n\n        // full navbar with all bars\n        const fullIdent = genIdent({\n            pageFlow: 'beforeContent',\n            hasTop: true,\n            hasMain: true,\n            hasBottom: true,\n        });\n\n        const navMainHeight = getNavHeight(theme, mainIdent).large;\n        const navMainTopHeight = getNavHeight(theme, mainTopIdent).large;\n        const navMainBottomHeight = getNavHeight(theme, mainBottomIdent).large;\n        const navFullHeight = getNavHeight(theme, fullIdent).large;\n\n        const mapToSelector = (idents: string[]) => {\n            return idents.map((id) => `[data-navbar-ident*='${id}']`).join('');\n        };\n\n        const refHeight = isFull ? '100vh' : '80vh';\n\n        return css`\n            & > ${StyledPoster} {\n                min-height: 500px;\n                height: ${refHeight};\n            }\n\n            // with main navbar element\n            header${mapToSelector(mainIdent.split('-'))} + & {\n                & > ${StyledPoster} {\n                    height: calc(${refHeight} - ${navMainHeight[0]}px);\n                }\n            }\n\n            // with main and top navbar elements\n            header${mapToSelector(mainTopIdent.split('-'))} + & {\n                & > ${StyledPoster} {\n                    height: calc(${refHeight} - ${navMainTopHeight[0]}px);\n                }\n            }\n\n            // with main and bottom navbar elements\n            header${mapToSelector(mainBottomIdent.split('-'))} + & {\n                & > ${StyledPoster} {\n                    height: calc(${refHeight} - ${navMainBottomHeight[0]}px);\n                }\n            }\n\n            // with all navbar elements\n            header${mapToSelector(fullIdent.split('-'))} + & {\n                & > ${StyledPoster} {\n                    height: calc(${refHeight} - ${navFullHeight[0]}px);\n                }\n            }\n\n            @media ${mq.semilarge} {\n                // with main navbar element\n                header${mapToSelector(mainIdent.split('-'))} + & {\n                    & > ${StyledPoster} {\n                        height: calc(${refHeight} - ${navMainHeight[1]}px);\n                    }\n                }\n\n                // with main and top navbar elements\n                header${mapToSelector(mainTopIdent.split('-'))} + & {\n                    & > ${StyledPoster} {\n                        height: calc(${refHeight} - ${navMainTopHeight[1]}px);\n                    }\n                }\n\n                // with main and bottom navbar elements\n                header${mapToSelector(mainBottomIdent.split('-'))} + & {\n                    & > ${StyledPoster} {\n                        height: calc(\n                            ${refHeight} - ${navMainBottomHeight[1]}px\n                        );\n                    }\n                }\n\n                // with all navbar elements\n                header${mapToSelector(fullIdent.split('-'))} + & {\n                    & > ${StyledPoster} {\n                        height: calc(${refHeight} - ${navFullHeight[1]}px);\n                    }\n                }\n            }\n        `;\n    }}\n`;\n\nconst HeaderSection = styled(Section)`\n    position: relative;\n    ${genHeightStyles(true)}\n\n    header + & {\n        ${withRange([0], 'padding-top')}\n        ${withRange([0], 'margin-top')}\n    }\n`;\n\nconst HeaderSectionSmall = styled(Section)`\n    position: relative;\n    ${genHeightStyles(false)}\n\n    header + & {\n        ${withRange([0], 'padding-top')}\n        ${withRange([0], 'margin-top')}\n    }\n`;\n\nconst StyledPoster = styled(Poster)`\n    position: relative;\n    height: 100vh;\n    max-height: 1300px;\n    max-width: ${spacings.wrapperLarge}px;\n    margin: 0 auto;\n`;\n\nconst Overlay = styled.div<{ bgValue?: string; textOnImage?: boolean }>`\n    display: ${({ textOnImage }) => (textOnImage ? 'block' : 'none')};\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background: ${({ bgValue }) => bgValue && bgValue};\n    z-index: 2;\n\n    @media ${mq.medium} {\n        display: block;\n    }\n`;\n\nconst Content = styled.div<{ isCentered?: boolean; textOnImage?: boolean }>`\n    display: none;\n    max-width: ${spacings.wrapper}px;\n    margin: 0 auto;\n\n    ${({ textOnImage, isCentered }) =>\n        textOnImage &&\n        css`\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n            align-items: ${isCentered && 'center'};\n            position: absolute;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            left: 0;\n            padding: ${spacings.spacer}px;\n            z-index: 2;\n\n            & > * {\n                margin-top: ${spacings.spacer}px;\n                max-width: 880px;\n            }\n        `}\n\n    @media ${mq.medium} {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        align-items: ${({ isCentered }) => isCentered && 'center'};\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        padding: ${spacings.spacer * 2}px;\n        z-index: 2;\n\n        & > * {\n            margin-top: ${spacings.spacer}px;\n            max-width: 880px;\n        }\n    }\n`;\n\nconst ContentMobile = styled.div`\n    padding: ${spacings.spacer}px ${spacings.nudge * 2}px;\n\n    & > * + * {\n        margin-top: ${spacings.spacer}px;\n    }\n\n    @media ${mq.medium} {\n        display: none;\n    }\n`;\n\nconst Title = styled(Heading)<{ isCentered?: boolean }>`\n    text-align: ${({ isCentered }) => isCentered && 'center'};\n\n    @media ${mq.medium} {\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\nconst Text = styled(Copy)<{ isCentered?: boolean }>`\n    text-align: ${({ isCentered }) => isCentered && 'center'};\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\nconst StyledActions = styled(Actions)<{ isCentered?: boolean }>`\n    @media ${mq.medium} {\n        display: block;\n        text-align: ${({ isCentered }) => isCentered && 'center'};\n    }\n`;\n\nexport type HeaderSize = 'full' | 'small';\nexport type HeaderImage = Omit<ImageProps, 'ratios' | 'coverSpace'> & {\n    zoomPoint?: [number, number];\n    zoom?: number;\n};\nexport type HeaderFocus = [\n    'left' | 'center' | 'right',\n    'top' | 'center' | 'bottom'\n];\n\nconst Header: FC<{\n    /** ID value for targeting section with anchor hashes */\n    anchorId?: string;\n\n    /** Header image height size (full=100vh, small=80vh) */\n    size?: HeaderSize;\n\n    /** Focus point of header image / video  */\n    focusPoint?: HeaderFocus;\n\n    /** Center content */\n    isCentered?: boolean;\n\n    /** Header title on image */\n    title?: string;\n\n    /** Header title HTML tag type (h2, h3, h4...) */\n    titleAs?: HeadlineTag;\n\n    /** Header text on image */\n    text?: string;\n\n    /** Force text on image on all screen widths  */\n    textOnImage?: boolean;\n\n    /** Function to inject custom primary button */\n    primaryAction?: (isInverted?: boolean) => React.ReactNode;\n\n    /** Function to inject custom secondary button */\n    secondaryAction?: (isInverted?: boolean) => React.ReactNode;\n\n    /** Array of image settings */\n    images?: HeaderImage[];\n\n    /** CSS value of custom image overlay to help seperate the text from the background */\n    customImgOverlay?: string;\n\n    /** URL to header video. First image in images array can be used as fallback */\n    videoUrl?: string;\n\n    /** Ken burns effect zoom */\n    kenBurnsZoom?: number;\n\n    /** Global zoom point for all images with ken burns effect. x and y values in the range from 0 - 1 */\n    kenBurnsZoomPoint?: [number, number];\n\n    /** Time between each image in ken burns mode */\n    kenBurnsInterval?: number;\n\n    /** Callback called on image change */\n    onImageChange?: (image?: Omit<ImageProps, 'ratios' | 'coverSpace'>) => void;\n\n    /** Section background */\n    bgMode?: 'full' | 'inverted';\n}> = ({\n    anchorId,\n    size = 'full',\n    focusPoint = ['center', 'center'],\n    isCentered,\n    title,\n    titleAs,\n    text,\n    primaryAction,\n    secondaryAction,\n    videoUrl,\n    images,\n    customImgOverlay,\n    kenBurnsZoom = 1.08,\n    kenBurnsZoomPoint = [0.5, 0.5],\n    kenBurnsInterval = 10000,\n    onImageChange,\n    bgMode,\n    textOnImage,\n}) => {\n    const { globals, colors } = useLibTheme();\n    const isInverted = bgMode === 'inverted';\n    const hasContent = title || text || primaryAction || secondaryAction;\n\n    const overlay = hasContent\n        ? customImgOverlay || globals.sections.imageTextGradient\n        : undefined;\n\n    const Section = size === 'full' ? HeaderSection : HeaderSectionSmall;\n\n    return (\n        <Section\n            addSeperation\n            anchorId={anchorId}\n            bgColor={\n                isInverted\n                    ? colors.sectionBg.dark\n                    : bgMode\n                    ? colors.sectionBg.medium\n                    : colors.sectionBg.light\n            }\n            bgMode={mapToBgMode(bgMode, true)}\n        >\n            <StyledPoster\n                isInverted={isInverted}\n                images={images}\n                videoUrl={videoUrl}\n                kenBurnsInterval={kenBurnsInterval}\n                kenBurnsZoom={kenBurnsZoom}\n                kenBurnsZoomPoint={kenBurnsZoomPoint}\n                onImageChange={onImageChange}\n                focus={focusPoint}\n            >\n                {hasContent && (\n                    <React.Fragment>\n                        <Overlay bgValue={overlay} textOnImage={textOnImage} />\n                        <Content\n                            isCentered={isCentered}\n                            textOnImage={textOnImage}\n                        >\n                            {title && (\n                                <Title\n                                    isInverted\n                                    size=\"heading-1\"\n                                    isCentered={isCentered}\n                                    renderAs={titleAs}\n                                    innerHTML={title}\n                                />\n                            )}\n                            {text && (\n                                <Text\n                                    isInverted\n                                    isCentered={isCentered}\n                                    type=\"copy-b\"\n                                    size=\"big\"\n                                    innerHTML={text}\n                                />\n                            )}\n                            {(primaryAction || secondaryAction) && (\n                                <StyledActions\n                                    isCentered={isCentered}\n                                    primary={\n                                        primaryAction && primaryAction(true)\n                                    }\n                                    secondary={\n                                        secondaryAction && secondaryAction(true)\n                                    }\n                                />\n                            )}\n                        </Content>\n                    </React.Fragment>\n                )}\n            </StyledPoster>\n            {hasContent && !textOnImage && (\n                <ContentMobile>\n                    {title && (\n                        <Title\n                            size=\"heading-1\"\n                            isCentered={isCentered}\n                            renderAs={titleAs}\n                            innerHTML={title}\n                            isInverted={isInverted}\n                        />\n                    )}\n                    {text && (\n                        <Text\n                            type=\"copy-b\"\n                            size=\"big\"\n                            isCentered={isCentered}\n                            innerHTML={text}\n                            isInverted={isInverted}\n                        />\n                    )}\n                    {(primaryAction || secondaryAction) && (\n                        <StyledActions\n                            isCentered={isCentered}\n                            primary={primaryAction && primaryAction(isInverted)}\n                            secondary={\n                                secondaryAction && secondaryAction(isInverted)\n                            }\n                        />\n                    )}\n                </ContentMobile>\n            )}\n        </Section>\n    );\n};\n\nexport const HeaderComponent = Header;\nexport default withLibTheme(Header);\n"],"names":["AnimationContainer","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","PosterImage","Image","templateObject_2","AnimationImage","img","templateObject_3","_a","scale","concat","opacity","zoomPoint","AnimationImages","_b","zoom","_c","_d","interval","images","onChange","intervalRef","useRef","initialTimeoutRef","_e","useState","activeImg","setActiveImg","useEffect","changeImage","prev","length","current","window","setTimeout","clearInterval","setInterval","clearTimeout","React","createElement","Fragment","map","i","imgZoom","imgZoomPoint","undefined","getValidZoomPoint","key","style","zIndex","src","image","alt","point","clampValue","HeaderKenBurns","onImageChange","className","children","currentMq","useMediaQuery","small","medium","large","xlarge","loadedImages","setLoadedImages","imagePromises","requestedImages","id","req","Promise","resolve","onload","preloadImages","__awaiter","promise","loadedImg","sent","find","e","__assign","_i","imagePromises_1","coverSpace","ratios","PosterView","BgImage","focus","HeaderPoster","isInverted","bgImage","PlaceholderImg","mq","spacings","spacer","AutoplayVideo","video","isVisible","HeaderVideo","loadOnMobile","placeholderImg","videoUrl","videoRef","viewRef","isLoaded","setLoaded","isObserverSupported","useObserverSupport","isMobile","isVideoAllowed","isVideoActive","setVideoActive","readyState","useUpdateEffect","observer","IntersectionObserver","entries","entry","isIntersecting","unobserve","target","rootMargin","viewEl","observe","ref","muted","autoPlay","loop","playsInline","onCanPlayThrough","genHeightStyles","isFull","css","theme","mainIdent","genIdent","pageFlow","hasMain","mainTopIdent","hasTop","mainBottomIdent","hasBottom","fullIdent","navMainHeight","getNavHeight","getFullNavbarHeights","navMainTopHeight","navMainBottomHeight","navFullHeight","mapToSelector","idents","join","refHeight","StyledPoster","split","semilarge","HeaderSection","Section","withRange","HeaderSectionSmall","templateObject_4","kenBurnsZoom","kenBurnsZoomPoint","kenBurnsInterval","templateObject_5","wrapperLarge","Overlay","templateObject_6","textOnImage","bgValue","Content","wrapper","isCentered","templateObject_7","ContentMobile","templateObject_9","nudge","Title","Heading","templateObject_10","Text","Copy","templateObject_11","StyledActions","Actions","Header$1","withLibTheme","anchorId","size","focusPoint","title","titleAs","text","primaryAction","secondaryAction","customImgOverlay","_f","bgMode","_g","useLibTheme","globals","colors","hasContent","overlay","sections","imageTextGradient","addSeperation","bgColor","sectionBg","dark","light","mapToBgMode","renderAs","innerHTML","type","primary","secondary"],"mappings":"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"}

package/cjs/hexRgbConverter-91b28aea.js

@@ -0,0 +1,2 @@
+"use strict";var a=require("./clamp-bd21d587.js");exports.hexToRgba=function(n,t){var r;void 0===t&&(t=1);var i=function(a){if(a)return a.length>=6?a:a.split("").map((function(a){return"#"===a?a:a+a})).join("")}(n);if(i){var c=null===(r=i.match(/\w\w/g))||void 0===r?void 0:r.map((function(a){return parseInt(a,16)}));if(c&&c[0]&&!isNaN(c[0])&&c[1]&&!isNaN(c[1])&&c[2]&&!isNaN(c[2]))return"rgba(".concat(c[0],",").concat(c[1],",").concat(c[2],",").concat(a.clampValue(t,0,1),")")}};
+//# sourceMappingURL=hexRgbConverter-91b28aea.js.map

package/cjs/hexRgbConverter-91b28aea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hexRgbConverter-91b28aea.js","sources":["../src/utils/hexRgbConverter.ts"],"sourcesContent":["import { clampValue } from './clamp';\n\n/** Convert hex string to full 6 digit hex */\nconst toFullHex = (hex: string) => {\n    if (!hex) return undefined;\n    if (hex.length >= 6) return hex;\n\n    const chars = hex.split('').map((char) => {\n        if (char === '#') return char;\n        return char + char;\n    });\n    return chars.join('');\n};\n\n// converting 6 character hex color code to rgba string\nexport const hexToRgba = (hex: string, alpha = 1) => {\n    const fullHex = toFullHex(hex);\n    if (!fullHex) return undefined;\n\n    const rgb = fullHex.match(/\\w\\w/g)?.map((x) => parseInt(x, 16));\n    if (!rgb) return undefined;\n    if (!rgb[0] || isNaN(rgb[0])) return undefined;\n    if (!rgb[1] || isNaN(rgb[1])) return undefined;\n    if (!rgb[2] || isNaN(rgb[2])) return undefined;\n\n    return `rgba(${rgb[0]},${rgb[1]},${rgb[2]},${clampValue(alpha, 0, 1)})`;\n};\n"],"names":["hex","alpha","fullHex","length","split","map","char","join","toFullHex","rgb","_a","match","x","parseInt","isNaN","concat","clampValue"],"mappings":"oEAeyB,SAACA,EAAaC,cAAA,IAAAA,IAAAA,EAAS,GAC5C,IAAMC,EAbQ,SAACF,GACf,GAAKA,EACL,OAAIA,EAAIG,QAAU,EAAUH,EAEdA,EAAII,MAAM,IAAIC,KAAI,SAACC,GAC7B,MAAa,MAATA,EAAqBA,EAClBA,EAAOA,KAELC,KAAK,IAKFC,CAAUR,GAC1B,GAAKE,EAAL,CAEA,IAAMO,EAA4B,QAAtBC,EAAAR,EAAQS,MAAM,gBAAQ,IAAAD,OAAA,EAAAA,EAAEL,KAAI,SAACO,GAAM,OAAAC,SAASD,EAAG,OAC3D,GAAKH,GACAA,EAAI,KAAMK,MAAML,EAAI,KACpBA,EAAI,KAAMK,MAAML,EAAI,KACpBA,EAAI,KAAMK,MAAML,EAAI,IAEzB,MAAO,QAAAM,OAAQN,EAAI,eAAMA,EAAI,GAAM,KAAAM,OAAAN,EAAI,GAAM,KAAAM,OAAAC,aAAWf,EAAO,EAAG,GAAE"}

package/cjs/hooks.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./useEqualSheetHeight-8f92c912.js"),r=require("./useCookieConsent-1af2af74.js"),t=require("react"),n=require("./useMediaQuery-0bd70e6a.js"),a=require("./useScrollTo-fdd665da.js"),s=require("./ClockFilled-2483aa4a.js"),o=require("./hexRgbConverter-91b28aea.js"),i=require("./clamp-bd21d587.js"),u=require("./navigation-389b22e2.js"),l=require("./arrays-c272ed59.js"),c=require("./concat-f387d848.js"),d=require("./styles-3a495a2d.js"),f=require("./useObserverSupport-5ab320dd.js"),p=require("./urlParams-7525f638.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("react-dom/server"),require("styled-components");var m,v=g(t);exports.ScrollDirection=void 0,(m=exports.ScrollDirection||(exports.ScrollDirection={}))[m.UP=0]="UP",m[m.DOWN=1]="DOWN";var x=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")};exports.useEqualSheetHeight=e.useEqualSheetHeight,exports.useFontsLoaded=e.useFontsLoaded,exports.deleteCookie=r.deleteCookie,exports.getCookie=r.getCookie,exports.selectors=r.selectors,exports.setCookie=r.setCookie,exports.getMediaQueries=n.getMediaQueries,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.hexToRgba=o.hexToRgba,exports.clampValue=i.clampValue,exports.getCurrentNavItem=u.getCurrentNavItem,exports.getCurrentNavPath=u.getCurrentNavPath,exports.isEmptyArray=l.isEmptyArray,exports.isValidArray=l.isValidArray,exports.concat=c.concat,exports.printAnchorTag=c.printAnchorTag,exports.getSVGDataImg=d.getSVGDataImg,exports.useObserverSupport=f.useObserverSupport,exports.deleteUrlParam=p.deleteUrlParam,exports.getUrlParams=p.getUrlParams,exports.setUrlParam=p.setUrlParam,exports.canUseWebP=x,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=d.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 v.default.createElement(v.default.Fragment,null,e&&e.length>0&&v.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 v.default.createElement("link",{key:r,rel:"preconnect",href:e.rootPath,crossOrigin:"true"})})),null==e?void 0:e.map((function(e,r){return v.default.createElement("link",{key:r,rel:"preload",as:"style",href:e.sourcePath})})),v.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>")}}),v.default.createElement("noscript",null,null==e?void 0:e.map((function(e,r){return v.default.createElement("link",{key:r,rel:"stylesheet",href:e.sourcePath})}))))},exports.useImgPreload=function(e,r){void 0===r&&(r=["semilarge","large"]);var a=t.useState(!1),o=a[0],i=a[1],u=t.useState(!1),l=u[0],c=u[1],d=n.useMediaQuery(r),f=t.useState({small:[],medium:[],semilarge:[],large:[],xlarge:[],xxlarge:[],xxxLarge:[]}),p=f[0],g=f[1];return t.useEffect((function(){var r;if(o&&p&&d&&(p[d].length<e.length&&e.length>0)){var t=e.map((function(e){return e[d]}));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),s.__awaiter(void 0,void 0,void 0,(function(){var e,t,n,a;return s.__generator(this,(function(o){switch(o.label){case 0:e=function(e){var r;return s.__generator(this,(function(t){switch(t.label){case 0:return[4,e];case 1:return r=t.sent(),g((function(e){var t;return e[d].find((function(e){return e.id===r.i}))?e:s.__assign(s.__assign({},e),((t={})[d]=s.__spreadArray(s.__spreadArray([],e[d],!0),[{id:r.i,image:r.url}],!1),t))})),[2]}}))},t=0,n=r,o.label=1;case 1:return t<n.length?(a=n[t],[5,e(a)]):[3,4];case 2:o.sent(),o.label=3;case 3:return t++,[3,1];case 4:return[2]}}))}))}}),[d,e,o,p]),t.useEffect((function(){if(p&&d){var r=e.filter((function(e){return e[d]})).length;c(p[d].length>=r)}}),[d,e,p]),{loadedImages:d&&p[d],isLoaded:l,setReady:i}},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.usePoster=function(e,r){var a=t.useState(),s=a[0],o=a[1],i=e.webp&&x()?e.webp:e,u=n.useMediaQuery(r||["small","medium","semilarge","large","xlarge"]);return t.useEffect((function(){u&&i[u]&&i[u]!==s&&o(i[u])}),[s,u,i]),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),i=o[0],u=o[1],l=t.useState(!0),c=l[0],d=l[1],f=t.useState(!0),p=f[0],g=f[1],m=t.useState(exports.ScrollDirection.DOWN),v=m[0],x=m[1],h=t.useRef(0);return t.useEffect((function(){if("undefined"!=typeof window){var e=function(){d(window.pageYOffset<=1),g(window.pageYOffset<=1+i),h.current&&(window.pageYOffset>1+i&&h.current<=1+i&&a&&a(),window.pageYOffset<=1+i&&h.current>1+i&&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,i]),{isTop:c,isInOffset:p,scrollDirection:v,setTopOffset:u,topOffset:i}};
+//# sourceMappingURL=hooks.js.map

package/cjs/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sources":["../src/utils/useScroll.ts","../src/utils/usePoster.ts","../src/utils/backgroundImage.ts","../src/utils/getLinkIcon.ts","../src/utils/fontLoading.tsx","../src/utils/useImgPreload.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","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 { 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 { 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","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","imageUrls","mqs","useState","isReady","setReady","_b","isLoaded","setLoaded","currentMq","useMediaQuery","_c","xxlarge","xxxLarge","loadedImages","setLoadedImages","useEffect","items","requestedImages","img","filter","src","Promise","res","window","Image","onload","url","preloadImages","__awaiter","item","x","sent","e","id","__assign","image","_i","items_1","imgCount","element","setElement","height","setHeight","calcHeight","offsetHeight","addEventListener","removeEventListener","posterImage","currentImage","setCurrentImage","workingImage","webp","initialTopOffset","onLeftOffset","onEnterOffset","topOffset","setTopOffset","_d","isTop","setIsTop","_e","isInOffset","setIsInOffset","_f","DOWN","scrollDirection","setScrollDirection","lastScrollPos","useRef","handleScroll","pageYOffset","UP"],"mappings":"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"}

package/cjs/icons.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./ClockFilled-2483aa4a.js");require("react"),require("styled-components");var o=Object.freeze({__proto__:null,CalendarToday:e.CalendarToday,DateRange:e.DateRange,ArrowUp:e.ArrowUp,ArrowDown:e.ArrowDown,ArrowRight:e.ArrowRight,ArrowRightGhost:e.ArrowRightGhost,ArrowLeft:e.ArrowLeft,ArrowLeftGhost:e.ArrowLeftGhost,ArrowLeftRight:e.ArrowLeftRight,AngleUp:e.AngleUp,AngleDown:e.AngleDown,AngleLeft:e.AngleLeft,AngleRight:e.AngleRight,UnfoldMore:e.UnfoldMore,UploadFile:e.UploadFile,Excel:e.Excel,Image:e.Image,Pdf:e.Pdf,PowerPoint:e.PowerPoint,Word:e.Word,Zip:e.Zip,External:e.External,BoxArrowUpRight:e.BoxArrowUpRight,Facebook:e.Facebook,Instagram:e.Instagram,LinkedIn:e.LinkedIn,Twitter:e.Twitter,Xing:e.Xing,Youtube:e.Youtube,Mail:e.Mail,Phone:e.Phone,Play:e.Play,MenuBurger:e.MenuBurger,Language:e.LanguageIcon,Cross:e.Cross,CrossSmall:e.CrossSmall,Check:e.Check,Clock:e.Clock,Info:e.Info,FlyTo:e.FlyTo,LocationPin:e.LocationPin,Place:e.Place,MyLocation:e.MyLocation,Map:e.Map,Money:e.Money,Computer:e.Computer,Route:e.Route,Star:e.Star,Plus:e.Plus,Minus:e.Minus,DeleteForever:e.DeleteForever,Person:e.Person,Category:e.Category,CurrentLocation:e.CurrentLocation,ToggleOn:e.ToggleOn,ToggleOff:e.ToggleOff,LocationSearch:e.LocationSearch,ClockFilled:e.ClockFilled});exports.Icons=o;
+//# sourceMappingURL=icons.js.map

package/cjs/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/cjs/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("styled-components");var e=require("./styles-3a495a2d.js"),s=require("./LibThemeProvider-4823de57.js");require("./ClockFilled-2483aa4a.js"),require("react"),require("react-dom/server"),exports.getBaseTheme=e.baseTheme,exports.getColors=e.getColors,exports.getFonts=e.getFonts,exports.getGlobals=e.getGlobals,exports.mq=e.mq,exports.spacings=e.spacings,exports.withRange=e.withRange,exports.LibThemeProvider=s.LibThemeProvider,exports.assignTo=s.assignTo,exports.modifyTheme=s.modifyTheme,exports.useLibTheme=s.useLibTheme,exports.withLibTheme=s.withLibTheme;
+//# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/cjs/navigation-389b22e2.js

@@ -0,0 +1,2 @@
+"use strict";var r=require("./ClockFilled-2483aa4a.js");exports.getCurrentNavItem=function(r,e){if(!r||0===r.length)return null;for(var t=function(r){if(!r)return null;if(r.isCurrent&&(e||!r.hideFromMenu))return r;if(r.subItems&&r.subItems.length>0)for(var n=0;n<r.subItems.length;n++){var u=t(r.subItems[n]);if(u)return u}return null},n=0;n<r.length;n++){var u=t(r[n]);if(u)return{current:u,root:r[n],rootIndex:n}}return null},exports.getCurrentNavPath=function(e,t){if(!e||0===e.length)return[];for(var n=t||[],u=function(e){if(e.isCurrent&&function(r){var e;return(null===(e=r.link)||void 0===e?void 0:e.href)&&!n.includes(r.link.href)}(e))return[e];if(!e.subItems)return[];for(var t=0;t<e.subItems.length;t++){var i=u(e.subItems[t]);if(i.length>0)return r.__spreadArray([e],i,!0)}return[]},i=0;i<e.length;i++){var l=u(e[i]);if(l.length>0)return r.__spreadArray([],l,!0)}return[]};
+//# sourceMappingURL=navigation-389b22e2.js.map

package/cjs/navigation-389b22e2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-389b22e2.js","sources":["../src/utils/navigation.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"],"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"],"mappings":"kFAQiC,SAC7BA,EACAC,GAEI,IAACD,GAA0B,IAAjBA,EAAME,OAAc,OAAO,KAgBzC,IAdA,IAAMC,EAAc,SAACC,GACjB,IAAKA,EAAM,OAAO,KACdA,GAAAA,EAAKC,YAAcJ,IAAkBG,EAAKE,cAC1C,OAAOF,EAEPA,GAAAA,EAAKG,UAAYH,EAAKG,SAASL,OAAS,EACxC,IAAK,IAAIM,EAAI,EAAGA,EAAIJ,EAAKG,SAASL,OAAQM,IAAK,CACrCC,IAAAA,EAASN,EAAYC,EAAKG,SAASC,IACrCC,GAAAA,EAAQ,OAAOA,EAG3B,OAAO,MAGFD,EAAI,EAAGA,EAAIR,EAAME,OAAQM,IAAK,CAC7BC,IAAAA,EAASN,EAAYH,EAAMQ,IACjC,GAAIC,EACO,MAAA,CACHC,QAASD,EACTE,KAAMX,EAAMQ,GACZI,UAAWJ,GAIvB,OAAO,gCASsB,SAC7BR,EACAa,GAEI,IAACb,GAA0B,IAAjBA,EAAME,OAAc,MAAO,GAmBzC,IAlBA,IAAMY,EAAWD,GAAe,GAM1BE,EAAmB,SAACX,GACtB,GAAIA,EAAKC,WALO,SAACD,SACjB,OAAgB,QAATY,EAAAZ,EAAKa,YAAI,IAAAD,OAAA,EAAAA,EAAEE,QAASJ,EAASK,SAASf,EAAKa,KAAKC,MAIjCE,CAAYhB,GAAO,MAAO,CAACA,GACjD,IAAKA,EAAKG,SAAU,MAAO,GAE3B,IAAK,IAAIC,EAAI,EAAGA,EAAIJ,EAAKG,SAASL,OAAQM,IAAK,CACrCa,IAAAA,EAAUN,EAAiBX,EAAKG,SAASC,IAC/C,GAAIa,EAAQnB,OAAS,EAAG,OAAQoB,EAAAA,cAAA,CAAAlB,GAASiB,GAAS,GAGtD,MAAO,IAGFb,EAAI,EAAGA,EAAIR,EAAME,OAAQM,IAAK,CAC7Be,IAAAA,EAAOR,EAAiBf,EAAMQ,IACpC,GAAIe,EAAKrB,OAAS,EAAG,OAAAoB,EAAAA,cAAA,GAAWC,GAAM,GAG1C,MAAO"}

package/cjs/navigation.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Navigation-ca78100c.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-0bd70e6a.js"),require("./Link-5a6f1633.js"),require("./clamp-bd21d587.js"),require("./navigation-389b22e2.js"),require("./Copy-ea6ab025.js"),require("./Image-c72f7a80.js"),require("react-dom/server");var s,u,m,c,g,p,v,f=d(a),_=d(t),y=Object.freeze({__proto__:null,Breadcrumbs:e.BarBreadcrumbs,Column:e.Column,Logo:e.BarLogo,MenuToggle:e.BarMenuToggle,NavList:e.BarNavList}),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),b=_.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=_.default(e.Column).withConfig({displayName:"NavBarMain__LogoColumn",componentId:"sc-4gwp8g-1"})(m||(m=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=_.default(e.Column).withConfig({displayName:"NavBarMain__ActionsColumn",componentId:"sc-4gwp8g-2"})(c||(c=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),N=_.default.div.withConfig({displayName:"NavBarMain__LanguageWrapper",componentId:"sc-4gwp8g-3"})(g||(g=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),I=_.default(e.Column).withConfig({displayName:"NavBarTop__StyledCol",componentId:"sc-144no7d-0"})(p||(p=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),C=_.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),L=Object.freeze({__proto__:null,MenuFooter: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(x,null,l&&f.default.createElement(i.SocialList,{isInverted:n,items:t}),d&&f.default.createElement(r.LanguageSwitcher,{isInverted:n,langs:a})))},MenuHeader:e.MenuHeader,NavBarBottom: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})},NavBarMain:function(a){var t,l,i,d,s,u,m=a.isInverted,c=a.logo,g=a.navStates,p=a.customToggle,v=a.langs,_=a.primaryAction,y=a.secondaryAction,x=void 0!==m?m:"large"===(null==g?void 0:g.size)&&"overContent"===(null==g?void 0:g.pageFlow);return f.default.createElement(f.default.Fragment,null,f.default.createElement(b,{takeSpace:!0,vAlign:"center",isInverted:x},f.default.createElement(e.BarMenuToggle,{isInverted:x,isExpanded:null==g?void 0:g.isMenuOpen,onClick:null==g?void 0:g.openMenu},p?p({isInverted:x}):f.default.createElement(n.MenuBurger,{ariaHidden:!0})),o.isValidArray(v,!1)&&f.default.createElement(N,null,f.default.createElement(r.LanguageSwitcher,{isInverted:x,langs:v}))),(null===(t=null==c?void 0:c.desktop)||void 0===t?void 0:t.src)&&f.default.createElement(j,{isInverted:x},f.default.createElement(e.BarLogo,{link:c.link,logo:{small:x?(null===(l=null==c?void 0:c.mobileInverted)||void 0===l?void 0:l.src)||"":(null===(i=null==c?void 0:c.mobile)||void 0===i?void 0:i.src)||"",semilarge:x?(null===(d=null==c?void 0:c.desktopInverted)||void 0===d?void 0:d.src)||"":(null===(s=null==c?void 0:c.desktop)||void 0===s?void 0:s.src)||"",alt:null===(u=null==c?void 0:c.desktop)||void 0===u?void 0:u.alt}})),f.default.createElement(k,{takeSpace:!0,vAlign:"center"},y?y(n.__assign({isInverted:x},g)):void 0,_?_(n.__assign({isInverted:x},g)):void 0))},NavBarTop: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(I,null,f.default.createElement(C,{isInverted:l,navLinks:n})),f.default.createElement(I,null,f.default.createElement(r.LanguageSwitcher,{isInverted:l,langs:a})))}});exports.Navigation=e.Navigation,exports.NavPartials=L,exports.NavSkeletons=y;
+//# sourceMappingURL=navigation.js.map

package/cjs/navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.js","sources":["../src/components/sections/navigation/partials/MenuFooter.tsx","../src/components/sections/navigation/partials/NavBarMain.tsx","../src/components/sections/navigation/partials/NavBarTop.tsx","../src/components/sections/navigation/partials/NavBarBottom.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport styled from 'styled-components';\nimport { spacings } from 'utils/styles';\nimport { NavMenuStates } from '../Navigation';\n\nimport SocialList, { SocialItem } from 'components/blocks/SocialList';\nimport LanguageSwitcher, { Language } from 'components/blocks/LanguageSwitcher';\nimport { isValidArray } from 'utils/arrays';\n\nconst Footer = styled.div`\n    display: flex;\n    flex-direction: column;\n\n    padding: ${spacings.nudge * 2}px;\n    margin-top: auto;\n\n    & > * + * {\n        margin-top: ${spacings.spacer}px;\n    }\n`;\n\nconst MenuFooter: FC<{\n    isInverted?: boolean;\n    langs?: Language[];\n    socials?: SocialItem[];\n    menuStates?: NavMenuStates;\n}> = ({ isInverted, langs, socials }) => {\n    const hasSocials = isValidArray(socials, false);\n    const hasLangs = isValidArray(langs, false);\n\n    return (\n        <React.Fragment>\n            {(hasSocials || hasLangs) && (\n                <Footer>\n                    {hasSocials && (\n                        <SocialList isInverted={isInverted} items={socials} />\n                    )}\n                    {hasLangs && (\n                        <LanguageSwitcher\n                            isInverted={isInverted}\n                            langs={langs}\n                        />\n                    )}\n                </Footer>\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default MenuFooter;\n","import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport MenuBurger from 'components/base/icons/MenuBurger';\nimport { NavBarStates } from '../Navigation';\nimport * as Skeletons from 'components/sections/navigation/skeletons/index';\nimport { spacings, mq } from 'utils/styles';\nimport { LinkProps } from 'components/typography/Link';\nimport { isValidArray } from 'utils/arrays';\nimport LanguageSwitcher, { Language } from 'components/blocks/LanguageSwitcher';\n\nconst ToggleColumn = styled(Skeletons.Column)`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n`;\n\nconst LogoColumn = styled(Skeletons.Column)`\n    display: flex;\n    align-items: center;\n    padding: ${spacings.nudge}px 0;\n`;\n\nconst ActionsColumn = styled(Skeletons.Column)`\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n\n    @media ${mq.medium} {\n        & > * + * {\n            margin-left: ${spacings.nudge * 2}px;\n        }\n    }\n`;\n\nconst LanguageWrapper = styled.div`\n    display: none;\n\n    @media ${mq.semilarge} {\n        display: block;\n        margin-left: ${spacings.nudge * 3}px;\n        margin-top: 2px;\n    }\n`;\n\nconst NavBarMain: FC<{\n    isInverted?: boolean;\n    logo?: {\n        desktop?: { src: string; alt?: string };\n        desktopInverted?: { src: string; alt?: string };\n        mobile?: { src: string; alt?: string };\n        mobileInverted?: { src: string; alt?: string };\n        link?: Omit<LinkProps, 'coverSpace' | 'ratios'>;\n    };\n    customToggle?: (props: { isInverted?: boolean }) => React.ReactNode;\n    langs?: Language[];\n    primaryAction?: (\n        props: { isInverted?: boolean } & NavBarStates\n    ) => React.ReactNode;\n    secondaryAction?: (\n        props: { isInverted?: boolean } & NavBarStates\n    ) => React.ReactNode;\n    navStates: NavBarStates;\n}> = ({\n    isInverted,\n    logo,\n    navStates,\n    customToggle,\n    langs,\n    primaryAction,\n    secondaryAction,\n}) => {\n    const inverted =\n        isInverted !== undefined\n            ? isInverted\n            : navStates?.size === 'large' &&\n              navStates?.pageFlow === 'overContent';\n\n    return (\n        <React.Fragment>\n            <ToggleColumn takeSpace vAlign=\"center\" isInverted={inverted}>\n                <Skeletons.MenuToggle\n                    isInverted={inverted}\n                    isExpanded={navStates?.isMenuOpen}\n                    onClick={navStates?.openMenu}\n                >\n                    {customToggle ? (\n                        customToggle({ isInverted: inverted })\n                    ) : (\n                        <MenuBurger ariaHidden={true} />\n                    )}\n                </Skeletons.MenuToggle>\n                {isValidArray(langs, false) && (\n                    <LanguageWrapper>\n                        <LanguageSwitcher isInverted={inverted} langs={langs} />\n                    </LanguageWrapper>\n                )}\n            </ToggleColumn>\n            {logo?.desktop?.src && (\n                <LogoColumn isInverted={inverted}>\n                    <Skeletons.Logo\n                        link={logo.link}\n                        logo={{\n                            small: inverted\n                                ? logo?.mobileInverted?.src || ''\n                                : logo?.mobile?.src || '',\n                            semilarge: inverted\n                                ? logo?.desktopInverted?.src || ''\n                                : logo?.desktop?.src || '',\n                            alt: logo?.desktop?.alt,\n                        }}\n                    />\n                </LogoColumn>\n            )}\n            <ActionsColumn takeSpace vAlign=\"center\">\n                {secondaryAction\n                    ? secondaryAction({\n                          isInverted: inverted,\n                          ...navStates,\n                      })\n                    : undefined}\n                {primaryAction\n                    ? primaryAction({\n                          isInverted: inverted,\n                          ...navStates,\n                      })\n                    : undefined}\n            </ActionsColumn>\n        </React.Fragment>\n    );\n};\n\nexport default NavBarMain;\n","import styled from 'styled-components';\nimport LanguageSwitcher, { Language } from 'components/blocks/LanguageSwitcher';\nimport React, { FC } from 'react';\nimport { mq, spacings } from 'utils/styles';\nimport { NavBarStates } from '../Navigation';\nimport * as Skeletons from 'components/sections/navigation/skeletons/index';\nimport { NavItem } from '../menu/Menu';\n\nconst StyledCol = styled(Skeletons.Column)`\n    &:not(:first-child) {\n        margin-left: ${spacings.spacer}px;\n    }\n`;\n\nconst StyledNavList = styled(Skeletons.NavList)`\n    display: none;\n\n    @media ${mq.semilarge} {\n        display: inline-flex;\n    }\n`;\n\nconst NavBarTop: FC<{\n    navLinks?: Array<NavItem>;\n    languages?: Array<Language>;\n    navStates: NavBarStates;\n}> = ({ navLinks, languages, navStates }) => {\n    const isInverted =\n        navStates?.size === 'large' && navStates?.pageFlow === 'overContent';\n\n    return (\n        <React.Fragment>\n            <StyledCol>\n                <StyledNavList isInverted={isInverted} navLinks={navLinks} />\n            </StyledCol>\n            <StyledCol>\n                <LanguageSwitcher isInverted={isInverted} langs={languages} />\n            </StyledCol>\n        </React.Fragment>\n    );\n};\n\nexport default NavBarTop;\n","import React, { FC } from 'react';\n\nimport { NavBarStates } from '../Navigation';\nimport * as Skeletons from 'components/sections/navigation/skeletons/index';\nimport { LinkProps } from 'components/typography/Link';\n\nconst NavBarBottom: FC<{\n    rootLink?: LinkProps;\n    rootLabel?: string;\n    navStates: NavBarStates;\n}> = ({ rootLink, rootLabel, navStates }) => {\n    const isInverted =\n        navStates?.size === 'large' && navStates?.pageFlow === 'overContent';\n\n    return (\n        <Skeletons.Breadcrumbs\n            isInverted={isInverted}\n            rootLink={rootLink}\n            rootLabel={rootLabel}\n            navItems={navStates.mainNavigation}\n        />\n    );\n};\n\nexport default NavBarBottom;\n"],"names":["Footer","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","spacings","nudge","spacer","ToggleColumn","Skeletons","LogoColumn","templateObject_2","ActionsColumn","templateObject_3","mq","medium","LanguageWrapper","templateObject_4","semilarge","StyledCol","StyledNavList","_a","isInverted","langs","socials","hasSocials","isValidArray","hasLangs","React","createElement","Fragment","SocialList","items","LanguageSwitcher","rootLink","rootLabel","navStates","size","pageFlow","navItems","mainNavigation","logo","customToggle","primaryAction","secondaryAction","inverted","undefined","takeSpace","vAlign","isExpanded","isMenuOpen","onClick","openMenu","MenuBurger","ariaHidden","desktop","_b","src","link","small","_c","mobileInverted","_d","mobile","_e","desktopInverted","_f","alt","_g","__assign","navLinks","languages"],"mappings":"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"}

package/cjs/sections.dynamicform.js

@@ -0,0 +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-485efa2d.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-0b912584.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

package/cjs/sections.dynamicform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sections.dynamicform.js","sources":["../src/components/sections/form/renderer/fieldGroupRenderer.tsx","../src/components/sections/form/validators/fieldValidator.ts","../src/components/sections/form/validators/areaValidator.ts","../src/components/sections/form/validators/selectValidator.ts","../src/components/sections/form/validators/datepickerValidator.ts","../src/components/sections/form/validators/locationValidator.ts","../src/components/sections/form/validators/fieldGroupValidator.ts","../src/components/sections/form/validators/uploadValidator.ts","../src/components/sections/form/DynamicForm.tsx","../src/components/sections/form/renderer/fieldRenderer.tsx","../src/components/sections/form/renderer/areaRenderer.tsx","../src/components/sections/form/renderer/datepickerRenderer.tsx","../src/components/sections/form/renderer/locationRenderer.tsx","../src/components/sections/form/renderer/selectRenderer.tsx","../src/components/sections/form/renderer/uploadRenderer.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\nimport RadioButton from 'components/fields/Radio';\nimport { FieldGenerationProps, FieldGroup } from '../DynamicForm';\nimport FieldWrapper from 'components/fields/FormField';\nimport { spacings } from 'utils/styles';\nimport Checkbox from 'components/fields/Checkbox';\n\nconst FieldSet = styled.fieldset`\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\nconst Fields = styled.div`\n    & > * + * {\n        margin-top: ${spacings.nudge}px;\n    }\n`;\n\nexport const renderRadioGroupField = ({\n    key,\n    field,\n    value,\n    error,\n    isTouched,\n    isInverted,\n    info,\n    setField,\n}: FieldGenerationProps<FieldGroup>) => {\n    const group = field;\n    const groupData = value as string;\n\n    return (\n        <FieldSet key={key}>\n            {key && (\n                <FieldWrapper.Head\n                    isInverted={isInverted}\n                    label={key}\n                    isRequired={field.isRequired}\n                />\n            )}\n            <Fields>\n                {group?.fields?.map((field, fi) => (\n                    <RadioButton\n                        key={fi}\n                        enableMemo\n                        name={key}\n                        value={field.text}\n                        label={field.text}\n                        isInverted={isInverted}\n                        isSelected={\n                            field.text ? groupData === field.text : false\n                        }\n                        onChange={(e) => {\n                            if (field.text) {\n                                setField({\n                                    key,\n                                    value: e.currentTarget.value,\n                                });\n                            }\n                        }}\n                    />\n                ))}\n            </Fields>\n            {isTouched && error && (\n                <FieldWrapper.Messages\n                    errorMessage={error}\n                    infoMessage={info}\n                />\n            )}\n        </FieldSet>\n    );\n};\n\nexport const renderCheckboxGroupField = ({\n    field,\n    key,\n    isInverted,\n    value,\n    isTouched,\n    error,\n    info,\n    setTouched,\n    validateField,\n    setField,\n}: FieldGenerationProps<FieldGroup>) => {\n    const group = field;\n    const groupData = value as string[];\n\n    return (\n        <FieldSet key={key}>\n            {key && (\n                <FieldWrapper.Head\n                    isInverted={isInverted}\n                    label={key}\n                    isRequired={field.isRequired}\n                />\n            )}\n\n            <Fields>\n                {group?.fields?.map((field, ci) => (\n                    <Checkbox\n                        key={ci}\n                        enableMemo\n                        isInverted={isInverted}\n                        onChange={(ev) => {\n                            const value = ev.currentTarget.value;\n\n                            // add key to form data array if not exists. Otherwise remove it\n                            if (value) {\n                                const cIndex = groupData.indexOf(value);\n                                if (cIndex === -1) {\n                                    groupData.push(value);\n                                } else {\n                                    groupData.splice(cIndex, 1);\n                                }\n                                // set formik values\n                                setField({\n                                    key,\n                                    value: groupData,\n                                });\n                                setTouched(key, true);\n                                validateField(key);\n                            }\n                        }}\n                        isSelected={\n                            field.text\n                                ? groupData.indexOf(field.text) !== -1\n                                : false\n                        }\n                        name={key}\n                        value={field.text}\n                        label={field.text}\n                    />\n                ))}\n            </Fields>\n            {isTouched && error && (\n                <FieldWrapper.Messages\n                    errorMessage={error}\n                    infoMessage={info}\n                />\n            )}\n        </FieldSet>\n    );\n};\n","import { Field } from '../DynamicForm';\n\nconst fieldValidator = async (key: string, value: string, config: Field) => {\n    const inputType = config.inputType;\n    let error = '';\n\n    if (config.isRequired && !value) {\n        error = config.errorMsg || 'Required field';\n    }\n\n    switch (inputType) {\n        case 'email':\n            if (\n                value &&\n                !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,4}$/i.test(value)\n            ) {\n                error = config.errorMsg || 'Invalid Mail format';\n            }\n            break;\n        case 'tel':\n            if (value && /[A-Z]/gi.test(value)) {\n                error = config.errorMsg || 'Ungültige Telefonnummer';\n            }\n            break;\n        case 'number':\n            if (value && !/^[+]?\\d+([.]\\d+)?$/gm.test(value as string)) {\n                error = config.errorMsg || 'Zahlenformat ungültig';\n            }\n            break;\n    }\n\n    return error;\n};\n\nexport default fieldValidator;\n","import { Area } from '../DynamicForm';\n\nconst areaValidator = async (key: string, value: string, config: Area) => {\n    let error = '';\n\n    if (config.isRequired && !value) {\n        error = config.errorMsg || 'Required field';\n    }\n\n    return error;\n};\n\nexport default areaValidator;\n","import { Select } from '../DynamicForm';\n\nconst selectValidator = async (\n    key: string,\n    selectedItem: string,\n    config: Select\n) => {\n    let error = '';\n\n    if (config.isRequired && !selectedItem) {\n        error = config.errorMsg || 'Required field';\n    }\n\n    return error;\n};\n\nexport default selectValidator;\n","import { Datepicker } from '../DynamicForm';\n\nconst datepickerValidator = async (\n    key: string,\n    value: [Date | null, Date | null],\n    config: Datepicker\n) => {\n    let error = '';\n    const single = config.singleSelect;\n\n    if (config.isRequired && !value) {\n        error = single\n            ? config.singleDateError || 'Please submit date!'\n            : config.multiDateError || 'Please submit start- and enddate!';\n    } else if (config.isRequired && single && !value[0]) {\n        error = config.singleDateError || 'Please submit date!';\n    } else if (config.isRequired && !single && (!value[0] || !value[1])) {\n        error = config.multiDateError || 'Please submit start- and enddate!';\n    }\n\n    return error;\n};\n\nexport default datepickerValidator;\n","import { LocationData } from 'components/fields/LocationField';\nimport { Location } from '../DynamicForm';\n\nconst locationValidator = async (\n    key: string,\n    value: LocationData,\n    config: Location\n) => {\n    let error = '';\n\n    if (\n        config.isRequired &&\n        !value.description &&\n        !value.position?.[0] &&\n        !value.position?.[1]\n    ) {\n        error = config.errorMsg || 'Please submit location info!';\n    }\n\n    return error;\n};\n\nexport default locationValidator;\n","import { FieldGroup } from '../DynamicForm';\n\nconst fieldGroupValidator = async (\n    key: string,\n    value: Array<string> | string,\n    config: FieldGroup\n) => {\n    const type = config.groupType;\n    let error = '';\n\n    if (type === 'Checkbox') {\n        const selectValues = value as string[];\n        if (config.isRequired && (!selectValues || selectValues?.length < 1)) {\n            error = config.errorMsg || 'Please select at least one item!';\n        }\n    } else if (type === 'Radio') {\n        if (config.isRequired && !value) {\n            error = config.errorMsg || 'Selection required';\n        }\n    }\n    return error;\n};\n\nexport default fieldGroupValidator;\n","import { FileUpload } from '../DynamicForm';\n\nconst uploadValidator = async (\n    key: string,\n    files: Array<File>,\n    config: FileUpload\n) => {\n    let error = '';\n\n    if (config.isRequired && (!files || files?.length < 1)) {\n        error = config.errorMsg || 'Please submit at least one file!';\n    }\n\n    return error;\n};\n\nexport default uploadValidator;\n","import React, { FC, useCallback, useEffect, useRef, useState } from 'react';\nimport styled, { DefaultTheme } from 'styled-components';\n\nimport { getColors as color, mq, spacings } from 'utils/styles';\nimport { useLibTheme, withLibTheme } from 'utils/LibThemeProvider';\nimport Section, { mapToBgMode } from 'components/base/Section';\nimport { Field, FormikErrors, useFormik } from 'formik';\nimport Wrapper from 'components/base/Wrapper';\nimport Actions from 'components/blocks/Actions';\nimport Button from 'components/buttons/Button';\n\nimport { LocationData } from 'components/fields/LocationField';\n\n/** Field Renderer */\nimport renderLocationField from './renderer/locationRenderer';\nimport renderDatepickerField from './renderer/datepickerRenderer';\nimport {\n    renderCheckboxGroupField,\n    renderRadioGroupField,\n} from './renderer/fieldGroupRenderer';\nimport renderAreaField from './renderer/areaRenderer';\nimport renderField from './renderer/fieldRenderer';\nimport renderSelectField from './renderer/selectRenderer';\nimport renderUploadField from './renderer/uploadRenderer';\nimport fieldValidator from './validators/fieldValidator';\nimport areaValidator from './validators/areaValidator';\nimport selectValidator from './validators/selectValidator';\nimport datepickerValidator from './validators/datepickerValidator';\nimport locationValidator from './validators/locationValidator';\nimport fieldGroupValidator from './validators/fieldGroupValidator';\nimport uploadValidator from './validators/uploadValidator';\nimport Copy from 'components/typography/Copy';\n\nconst StyledSection = styled(Section)`\n    overflow: visible;\n`;\n\nconst Form = styled.form`\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    @media ${mq.semilarge} {\n        flex-direction: row;\n    }\n`;\n\nconst FieldContainer = styled.div`\n    flex: 1 1 0;\n    text-align: center;\n\n    & + & {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n\n    @media ${mq.semilarge} {\n        max-width: 610px;\n    }\n`;\n\nconst FormFooter = styled.div`\n    margin-top: ${spacings.spacer}px;\n`;\n\nconst Status = styled(Copy)`\n    text-align: left;\n    margin: 0 auto;\n\n    @media ${mq.semilarge} {\n        max-width: 610px;\n    }\n`;\n\nconst ActionContainer = styled.div`\n    width: 100%;\n    margin: 0 auto;\n    margin-top: ${spacings.spacer * 1.5}px;\n    text-align: right;\n\n    @media ${mq.semilarge} {\n        max-width: 610px;\n    }\n`;\n\nexport interface FormStructure {\n    [key: string]:\n        | Field\n        | Area\n        | Select\n        | Datepicker\n        | Location\n        | FieldGroup\n        | FileUpload;\n}\n\nexport interface FormField {\n    isRequired?: boolean;\n}\n\nexport interface Field extends FormField {\n    type: 'Field';\n    inputType?: 'text' | 'number' | 'email' | 'password' | 'tel';\n    initialValue?: string;\n    placeholder?: string;\n    info?: string;\n    validate?: (key: string, value: string, config: Field) => Promise<string>;\n    errorMsg?: string;\n}\n\nexport interface Area extends FormField {\n    type: 'Area';\n    initialValue?: string;\n    placeholder?: string;\n    info?: string;\n    validate?: (key: string, value: string, config: Area) => Promise<string>;\n    errorMsg?: string;\n}\n\nexport interface Select extends FormField {\n    type: 'Select';\n    initialOption?: string;\n    placeholder?: string;\n    dropdownItems: {\n        label?: string;\n        value?: Record<string, string>;\n    }[];\n    info?: string;\n    validate?: (\n        key: string,\n        selectedItem: string,\n        config: Select\n    ) => Promise<string>;\n    indicator?: (props: {\n        isOpen: boolean;\n        isDisabled?: boolean;\n    }) => React.ReactNode;\n    errorMsg?: string;\n}\n\nexport interface Datepicker extends FormField {\n    type: 'Datepicker';\n    initialDates?: [Date, Date];\n    placeholder?: string;\n    minDate?: Date;\n    maxDate?: Date;\n    singleSelect?: boolean;\n    info?: string;\n    customIcon?: (props: {\n        isInverted?: boolean;\n        singleSelect?: boolean;\n    }) => React.ReactNode;\n\n    singleDateError?: string;\n    multiDateError?: string;\n    nextCtrlUrl?: React.ReactNode;\n    prevCtrlUrl?: React.ReactNode;\n    validate?: (\n        key: string,\n        value: [Date | null, Date | null],\n        config: Datepicker\n    ) => Promise<string>;\n    deleteAction?: (\n        handleClick?: (\n            e: React.SyntheticEvent<HTMLButtonElement, Event>\n        ) => void\n    ) => React.ReactNode;\n    submitAction?: (\n        handleClick?: (\n            e: React.SyntheticEvent<HTMLButtonElement, Event>\n        ) => void\n    ) => React.ReactNode;\n}\n\nexport interface Location extends FormField {\n    type: 'Location';\n    zoom?: number;\n    initialMapCenter?: [number, number];\n    placeholder?: string;\n    info?: string;\n    errorMsg?: string;\n    customToggle?: (props: {\n        isInverted?: boolean;\n        viewState?: 'desc' | 'map';\n        handleClick?: () => void;\n    }) => React.ReactNode;\n    customLocationControl?: (props: {\n        isInverted?: boolean;\n        handleClick?: () => void;\n    }) => React.ReactNode;\n    customResetControl?: (props: {\n        isInverted?: boolean;\n        handleClick?: () => void;\n    }) => React.ReactNode;\n    validate?: (\n        key: string,\n        value: LocationData,\n        config: Location\n    ) => Promise<string>;\n    toggleLabel?: string;\n    trackLocationLabel?: string;\n}\n\nexport interface FieldGroup extends FormField {\n    type: 'FieldGroup';\n    groupType: 'Radio' | 'Checkbox';\n    fields: Array<{ initialChecked?: boolean; text?: string }>;\n    validate?: (\n        key: string,\n        value: Array<string> | string,\n        config: FieldGroup\n    ) => Promise<string>;\n    errorMsg?: string;\n    infoMsg?: string;\n}\n\nexport interface FileUpload extends FormField {\n    type: 'Upload';\n    addBtnLabel?: string;\n    removeBtnLabel?: string;\n    info?: string;\n    acceptedFormats?: string;\n    customUploadIcon?: (isInverted?: boolean) => React.ReactNode;\n    customDeleteIcon?: (isInverted?: boolean) => React.ReactNode;\n    validate?: (\n        key: string,\n        value: Array<File>,\n        config: FileUpload\n    ) => Promise<string>;\n    errorMsg?: string;\n}\n\nexport interface FormData {\n    [key: string]: FormDataTypes | string;\n}\n\nexport type FormDataTypes =\n    | string\n    | boolean\n    | Record<string, string>\n    | Array<string>\n    | [Date | null, Date | null]\n    | Array<File>\n    | LocationData;\n\ntype FieldTypes =\n    | Field\n    | Area\n    | Select\n    | Datepicker\n    | Location\n    | FieldGroup\n    | FileUpload;\n\nexport interface FieldGenerationProps<T extends FieldTypes> {\n    field: T;\n    value: FormDataTypes;\n    error: string;\n    info?: string;\n    isTouched: boolean;\n    key: string;\n    isInverted: boolean;\n    hasBg: boolean;\n    theme: DefaultTheme;\n    setField: (props: {\n        key: string;\n        value: any;\n        shouldValidate?: boolean;\n    }) => Promise<void | FormikErrors<FormData>>;\n    validateField: (\n        name: string\n    ) => Promise<string | undefined> | Promise<void>;\n    setTouched: (\n        field: string,\n        touched?: boolean | undefined,\n        shouldValidate?: boolean | undefined\n    ) => Promise<void> | Promise<FormikErrors<FormData>>;\n    handleChange: {\n        (e: React.ChangeEvent<any>): void;\n        <T_1 = string | React.ChangeEvent<any>>(\n            field: T_1\n        ): T_1 extends React.ChangeEvent<any>\n            ? void\n            : (e: string | React.ChangeEvent<any>) => void;\n    };\n    handleBlur: {\n        (e: React.FocusEvent<any>): void;\n        <T = any>(fieldOrEvent: T): T extends string ? (e: any) => void : void;\n    };\n    validateOnBlur?: boolean;\n    validateOnChange?: boolean;\n}\n\nexport type FormValues = FormData & {\n    targetEmails: string[];\n    subjectLine: string;\n};\n\nexport interface SubmitResponse {\n    message?: string;\n    isError?: boolean;\n}\n\nconst DynamicForm: FC<{\n    /** ID value for targeting section with anchor hashes */\n    anchorId?: string;\n\n    /** Field definitions */\n    fields?: FormStructure;\n\n    /** Callback on form submit */\n    onSubmit?: (values: FormValues) => Promise<SubmitResponse>;\n\n    /** Function to inject custom submit button */\n    submitAction?: (props: {\n        isInverted?: boolean;\n        handleSubmit?: () => Promise<any>;\n        isSubmitting?: boolean;\n    }) => React.ReactNode;\n\n    /** List of target emails */\n    targetEmails?: string[];\n\n    /** E-Mail subject */\n    subjectLine?: string;\n\n    /** Section background */\n    bgMode?: 'full' | 'inverted';\n\n    /** Functions to inject custom field components (React nodes) */\n    definitions?: {\n        field?: (props: FieldGenerationProps<Field>) => React.ReactNode;\n        area?: (props: FieldGenerationProps<Area>) => React.ReactNode;\n        select?: (props: FieldGenerationProps<Select>) => React.ReactNode;\n        datepicker?: (\n            props: FieldGenerationProps<Datepicker>\n        ) => React.ReactNode;\n        location?: (props: FieldGenerationProps<Location>) => React.ReactNode;\n        checkbox?: (props: FieldGenerationProps<FieldGroup>) => React.ReactNode;\n        radio?: (props: FieldGenerationProps<FieldGroup>) => React.ReactNode;\n        upload?: (props: FieldGenerationProps<FileUpload>) => React.ReactNode;\n    };\n}> = ({\n    anchorId,\n    fields,\n    onSubmit,\n    submitAction,\n    definitions,\n    subjectLine,\n    targetEmails,\n    bgMode,\n}) => {\n    const isInverted = bgMode === 'inverted';\n    const hasBg = bgMode === 'full' || isInverted;\n\n    const [submitReponse, setSubmitResponse] = useState<SubmitResponse>();\n\n    // generate initial data and setup yup validation definition\n    const initalData: FormData = {};\n\n    for (const key in fields) {\n        switch (fields[key].type) {\n            case 'Field':\n                initalData[key] = (fields[key] as Field).initialValue || '';\n                break;\n            case 'Area':\n                initalData[key] = (fields[key] as Area).initialValue || '';\n                break;\n            case 'Select':\n                initalData[key] = (fields[key] as Select).initialOption || '';\n                break;\n            case 'Datepicker':\n                initalData[key] = (fields[key] as Datepicker).initialDates || [\n                    null,\n                    null,\n                ];\n                break;\n            case 'Location': {\n                initalData[key] = {\n                    description: '',\n                    position: [0, 0],\n                };\n                break;\n            }\n            case 'Upload':\n                initalData[key] = [];\n                break;\n            case 'FieldGroup': {\n                const group = fields[key] as FieldGroup;\n                const type = (fields[key] as FieldGroup).groupType;\n                if (type === 'Checkbox') {\n                    const initalArray: string[] = [];\n                    group.fields.forEach((field) => {\n                        if (field.initialChecked && field.text)\n                            initalArray.push(field.text);\n                    });\n                    initalData[key] = initalArray;\n                } else if (type === 'Radio') {\n                    initalData[key] = '';\n                    group.fields.every((field) => {\n                        if (field.initialChecked && field.text) {\n                            initalData[key] = field.text;\n                            return false;\n                        }\n                        return true;\n                    });\n                }\n                break;\n            }\n        }\n    }\n\n    const validation = async (values: FormData) => {\n        const errors: Partial<FormData> = {};\n\n        // search for errors and set them\n        for (const key in fields) {\n            switch (fields[key].type) {\n                case 'Field': {\n                    const config = fields[key] as Field;\n                    const value = values[key] as string;\n\n                    // custom validation\n                    if (config.validate) {\n                        const error = await config.validate(key, value, config);\n                        if (error) errors[key] = error;\n                        break;\n                    }\n\n                    // default\n                    const error = await fieldValidator(key, value, config);\n                    if (error) errors[key] = error;\n                    break;\n                }\n\n                case 'Area': {\n                    const config = fields[key] as Area;\n                    const value = values[key] as string;\n\n                    // custom validation\n                    if (config.validate) {\n                        const error = await config.validate(key, value, config);\n                        if (error) errors[key] = error;\n                        break;\n                    }\n\n                    // default\n                    const error = await areaValidator(key, value, config);\n                    if (error) errors[key] = error;\n                    break;\n                }\n\n                case 'Select': {\n                    const config = fields[key] as Select;\n                    const value = values[key] as string;\n\n                    // custom validation\n                    if (config.validate) {\n                        const error = await config.validate(key, value, config);\n                        if (error) errors[key] = error;\n                        break;\n                    }\n\n                    // default\n                    const error = await selectValidator(key, value, config);\n                    if (error) errors[key] = error;\n                    break;\n                }\n\n                case 'Datepicker': {\n                    const config = fields[key] as Datepicker;\n                    const value = values[key] as [Date | null, Date | null];\n\n                    // custom validation\n                    if (config.validate) {\n                        const error = await config.validate(key, value, config);\n                        if (error) errors[key] = error;\n                        break;\n                    }\n\n                    // default\n                    const error = await datepickerValidator(key, value, config);\n                    if (error) errors[key] = error;\n                    break;\n                }\n\n                case 'Location': {\n                    const config = fields[key] as Location;\n                    const value = values[key] as LocationData;\n\n                    // custom validation\n                    if (config.validate) {\n                        const error = await config.validate(key, value, config);\n                        if (error) errors[key] = error;\n                        break;\n                    }\n\n                    // default\n                    const error = await locationValidator(key, value, config);\n                    if (error) errors[key] = error;\n                    break;\n                }\n\n                case 'FieldGroup': {\n                    const config = fields[key] as FieldGroup;\n                    const value = values[key] as Array<string> | string;\n\n                    // custom validation\n                    if (config.validate) {\n                        const error = await config.validate(key, value, config);\n                        if (error) errors[key] = error;\n                        break;\n                    }\n\n                    // default\n                    const error = await fieldGroupValidator(key, value, config);\n                    if (error) errors[key] = error;\n                    break;\n                }\n\n                case 'Upload': {\n                    const config = fields[key] as FileUpload;\n                    const files = values[key] as File[];\n\n                    // custom validation\n                    if (config.validate) {\n                        const error = await config.validate(key, files, config);\n                        if (error) errors[key] = error;\n                        break;\n                    }\n\n                    // default\n                    const error = await uploadValidator(key, files, config);\n                    if (error) errors[key] = error;\n                    break;\n                }\n            }\n        }\n\n        return errors;\n    };\n\n    // formik hook\n    const {\n        handleSubmit,\n        handleChange,\n        handleBlur,\n        setFieldTouched,\n        setSubmitting,\n        validateField,\n        submitForm,\n        setValues,\n        isSubmitting,\n        touched,\n        values,\n        errors,\n        dirty,\n        validateOnBlur,\n        validateOnChange,\n    } = useFormik<FormData>({\n        initialValues: {\n            ...initalData,\n        } as FormData,\n\n        onSubmit: async (values, helpers) => {\n            const valuesAndMails = {\n                ...values,\n                targetEmails: targetEmails || [],\n                subjectLine: subjectLine || '',\n            };\n\n            if (!onSubmit) {\n                setSubmitting(false);\n                return;\n            }\n\n            const response = await onSubmit(valuesAndMails);\n            helpers.resetForm({ values });\n            setSubmitResponse(response);\n\n            if (response.isError) {\n                setSubmitting(false);\n            }\n        },\n        validateOnBlur: true,\n        validateOnChange: true,\n        validate: validation,\n    });\n\n    // save last react state\n    const latestValuesRef = useRef<FormData>({ ...initalData } as FormData);\n    const { theme } = useLibTheme();\n\n    // rewrite setFieldValue to prevent loadash feature of Formik: https://github.com/jaredpalmer/formik/issues/2262\n    const setField = useCallback(\n        (props: {\n            key: string;\n            value: any;\n            prevValues: FormData;\n            shouldValidate?: boolean;\n        }) => {\n            return setValues(\n                { ...latestValuesRef.current, [props.key]: props.value },\n                props.shouldValidate\n            );\n        },\n        [setValues]\n    );\n\n    const fieldKeys = fields && Object.keys(fields);\n\n    useEffect(() => {\n        latestValuesRef.current = { ...values };\n    }, [values]);\n\n    return (\n        <StyledSection\n            addSeperation\n            anchorId={anchorId}\n            bgColor={\n                isInverted\n                    ? color(theme).sectionBg.dark\n                    : bgMode\n                    ? color(theme).sectionBg.medium\n                    : color(theme).sectionBg.light\n            }\n            bgMode={mapToBgMode(bgMode, true)}\n        >\n            <Wrapper addWhitespace>\n                <Form noValidate onSubmit={handleSubmit}>\n                    <FieldContainer>\n                        {fields &&\n                            fieldKeys?.map((label, i) => {\n                                const props = {\n                                    index: i,\n                                    field: fields[label],\n                                    key: label,\n                                    value: values[label],\n                                    error: errors[label],\n                                    isTouched: touched[label] || false,\n                                    isInverted: isInverted,\n                                    hasBg: hasBg,\n                                    setField: setField,\n                                    setTouched: setFieldTouched,\n                                    validateField: validateField,\n                                    handleChange: handleChange,\n                                    handleBlur: handleBlur,\n                                    validateOnBlur,\n                                    validateOnChange,\n                                    theme: theme,\n                                } as FieldGenerationProps<any>;\n\n                                switch (fields[label].type) {\n                                    case 'Field': {\n                                        if (definitions?.field) {\n                                            return definitions.field(props);\n                                        } else {\n                                            return renderField(props);\n                                        }\n                                    }\n\n                                    case 'Area': {\n                                        if (definitions?.area) {\n                                            return definitions.area(props);\n                                        } else {\n                                            return renderAreaField(props);\n                                        }\n                                    }\n\n                                    case 'Datepicker': {\n                                        if (definitions?.datepicker) {\n                                            return definitions.datepicker(\n                                                props\n                                            );\n                                        } else {\n                                            return renderDatepickerField(props);\n                                        }\n                                    }\n\n                                    case 'Location': {\n                                        if (definitions?.location) {\n                                            return definitions.location(props);\n                                        } else {\n                                            return renderLocationField(props);\n                                        }\n                                    }\n\n                                    case 'FieldGroup': {\n                                        if (\n                                            (fields[label] as FieldGroup)\n                                                .groupType === 'Checkbox'\n                                        ) {\n                                            if (definitions?.checkbox) {\n                                                return definitions.checkbox(\n                                                    props\n                                                );\n                                            } else {\n                                                return renderCheckboxGroupField(\n                                                    props\n                                                );\n                                            }\n                                        } else {\n                                            if (definitions?.radio) {\n                                                return definitions.radio(props);\n                                            } else {\n                                                return renderRadioGroupField(\n                                                    props\n                                                );\n                                            }\n                                        }\n                                    }\n\n                                    case 'Select': {\n                                        if (definitions?.select) {\n                                            return definitions.select(props);\n                                        } else {\n                                            return renderSelectField(props);\n                                        }\n                                    }\n\n                                    case 'Upload': {\n                                        if (definitions?.upload) {\n                                            return definitions.upload(props);\n                                        } else {\n                                            return renderUploadField(props);\n                                        }\n                                    }\n                                    default:\n                                        return null;\n                                }\n                            })}\n                    </FieldContainer>\n                </Form>\n                {(fields || submitReponse?.message) && (\n                    <FormFooter>\n                        {submitReponse?.message && !dirty && (\n                            <Status\n                                textColor={\n                                    submitReponse?.isError\n                                        ? color(theme).error\n                                        : isInverted\n                                        ? color(theme).text.copyInverted\n                                        : color(theme).text.copy\n                                }\n                            >\n                                {submitReponse.message || ''}\n                            </Status>\n                        )}\n                        {fields && (\n                            <ActionContainer>\n                                <Actions\n                                    primary={\n                                        submitAction ? (\n                                            submitAction({\n                                                isInverted,\n                                                isSubmitting,\n                                                handleSubmit: submitForm,\n                                            })\n                                        ) : (\n                                            <Button.View\n                                                as=\"button\"\n                                                onClick={submitForm}\n                                                {...{\n                                                    type: 'submit',\n                                                }}\n                                            >\n                                                <Button.Label>\n                                                    Send mail\n                                                </Button.Label>\n                                            </Button.View>\n                                        )\n                                    }\n                                />\n                            </ActionContainer>\n                        )}\n                    </FormFooter>\n                )}\n            </Wrapper>\n        </StyledSection>\n    );\n};\n\nexport const DynamicFormComponent = DynamicForm;\nexport default withLibTheme(DynamicForm);\n","import React from 'react';\n\nimport Textfield from 'components/fields/Textfield';\nimport { Field, FieldGenerationProps } from '../DynamicForm';\n\nconst renderField = ({\n    field,\n    key,\n    value,\n    error,\n    isTouched,\n    handleChange,\n    handleBlur,\n    isInverted,\n}: FieldGenerationProps<Field>) => (\n    <Textfield\n        key={key}\n        enableMemo\n        label={`${key}${field.isRequired ? ' *' : ''}`}\n        placeholder={field.placeholder}\n        name={`['${key}']`}\n        type={field.inputType}\n        isInverted={isInverted}\n        value={value as string}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        infoMessage={field.info}\n        errorMessage={error && isTouched ? error : undefined}\n    />\n);\n\nexport default renderField;\n","import React from 'react';\n\nimport Textarea from 'components/fields/Textarea';\nimport { Area, FieldGenerationProps } from '../DynamicForm';\n\nconst renderAreaField = ({\n    field,\n    key,\n    value,\n    error,\n    isTouched,\n    isInverted,\n    handleChange,\n    handleBlur,\n}: FieldGenerationProps<Area>) => (\n    <Textarea\n        key={key}\n        enableMemo\n        label={`${key}${field.isRequired ? ' *' : ''}`}\n        placeholder={field.placeholder}\n        name={`['${key}']`}\n        value={value as string}\n        isInverted={isInverted}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        infoMessage={field.info}\n        errorMessage={error && isTouched ? error : undefined}\n    />\n);\n\nexport default renderAreaField;\n","import React from 'react';\nimport DatepickerCmp from 'components/fields/Datepicker';\nimport { Datepicker, FieldGenerationProps } from '../DynamicForm';\nimport ButtonGhost from 'components/buttons/ButtonGhost';\nimport Button from 'components/buttons/Button';\n\nconst renderDatepickerField = ({\n    key,\n    field,\n    value,\n    error,\n    isTouched,\n    isInverted,\n    setField,\n    setTouched,\n    validateField,\n}: FieldGenerationProps<Datepicker>) => {\n    const dates = value as [Date | null, Date | null];\n\n    const handleSubmit = async (start?: Date | null, end?: Date | null) => {\n        await setTouched(key, true);\n        await setField({\n            key,\n            value: [start || null, end || null],\n        });\n        validateField(key);\n    };\n\n    return (\n        <DatepickerCmp\n            key={key}\n            enableMemo\n            onSubmit={handleSubmit}\n            onDataChange={handleSubmit}\n            values={[dates?.[0] as Date, dates?.[1] as Date]}\n            label={`${key}${field.isRequired ? ' *' : ''}`}\n            placeholder={field.placeholder}\n            singleSelect={field.singleSelect}\n            infoMessage={field.info}\n            errorMessage={error && isTouched ? error : undefined}\n            name={key}\n            customIcon={field?.customIcon}\n            isInverted={isInverted}\n            minDate={field.minDate}\n            maxDate={field.maxDate}\n            deleteAction={(handleReset) =>\n                field?.deleteAction ? (\n                    field.deleteAction(handleReset)\n                ) : (\n                    <ButtonGhost.View onClick={handleReset}>\n                        delete\n                    </ButtonGhost.View>\n                )\n            }\n            submitAction={(handleSubmit) =>\n                field?.submitAction ? (\n                    field.submitAction(handleSubmit)\n                ) : (\n                    <Button.View onClick={handleSubmit}>submit</Button.View>\n                )\n            }\n            nextCtrlUrl={field.nextCtrlUrl}\n            prevCtrlUrl={field.prevCtrlUrl}\n        />\n    );\n};\n\nexport default renderDatepickerField;\n","import React from 'react';\n\nimport LocationField, { LocationData } from 'components/fields/LocationField';\nimport { FieldGenerationProps } from '../DynamicForm';\nimport { Location } from '../DynamicForm';\n\nconst renderLocationField = ({\n    key,\n    field,\n    value,\n    error,\n    isTouched,\n    isInverted,\n    setField,\n}: FieldGenerationProps<Location>) => {\n    const locationData = value as LocationData;\n    const mappedData = {\n        ...locationData,\n        position:\n            !locationData?.position?.[0] && !locationData?.position?.[1]\n                ? undefined\n                : locationData.position,\n    };\n\n    const handleChange = (location: LocationData) => {\n        setField({\n            key,\n            value: { ...location },\n            shouldValidate: true,\n        });\n    };\n\n    return (\n        <LocationField\n            key={key}\n            enableMemo\n            name={`['${key}']`}\n            label={`${key}${field.isRequired ? ' *' : ''}`}\n            placeholder={field.placeholder}\n            initialMapCenter={field.initialMapCenter}\n            zoom={field.zoom}\n            isInverted={isInverted}\n            infoMessage={field.info}\n            errorMessage={error && isTouched ? error : undefined}\n            value={mappedData}\n            onChange={handleChange}\n            customLocationControl={field.customLocationControl}\n            customToggle={field.customToggle}\n            customResetControl={field.customResetControl}\n            toggleLabel={field.toggleLabel}\n            trackLocationLabel={field.trackLocationLabel}\n        />\n    );\n};\n\nexport default renderLocationField;\n","import React from 'react';\n\nimport SelectDropdown from 'components/fields/SelectDropdown';\nimport { Select, FieldGenerationProps } from '../DynamicForm';\n\nconst renderSelectField = ({\n    field,\n    key,\n    value,\n    error,\n    isTouched,\n    isInverted,\n    setField,\n    setTouched,\n    validateField,\n    validateOnChange,\n    validateOnBlur,\n}: FieldGenerationProps<Select>) => {\n    const selectedItem = value as string;\n\n    return (\n        <SelectDropdown\n            key={key}\n            enableMemo\n            label={`${key}${field.isRequired ? ' *' : ''}`}\n            name={key}\n            placeholder={field.placeholder}\n            errorMessage={error && isTouched ? error : undefined}\n            items={field.dropdownItems\n                ?.filter((item) => item.label)\n                ?.map((item) => ({\n                    label: item.label || '',\n                    value: item.value || {},\n                }))}\n            selectedItem={selectedItem}\n            onChange={async (selectedOption) => {\n                setField({ key, value: selectedOption });\n                await setTouched(key, true);\n                if (validateOnChange) validateField(key);\n            }}\n            onBlur={() => setTouched(key, true, validateOnBlur)}\n            indicator={field.indicator}\n            isInverted={isInverted}\n        />\n    );\n};\n\nexport default renderSelectField;\n","import FileUploadCmp from 'components/fields/FileUpload';\nimport React from 'react';\n\nimport { FileUpload, FieldGenerationProps } from '../DynamicForm';\n\nconst renderUploadField = ({\n    field,\n    key,\n    error,\n    isTouched,\n    isInverted,\n    setField,\n}: FieldGenerationProps<FileUpload>) => (\n    <FileUploadCmp\n        key={key}\n        enableMemo\n        label={`${key}${field.isRequired ? ' *' : ''}`}\n        name={key}\n        infoMessage={field.info}\n        uploadLabel={field.addBtnLabel}\n        errorMessage={error && isTouched ? error : undefined}\n        acceptedFormats={field.acceptedFormats}\n        onUploadFiles={(files) => {\n            setField({ key, value: files });\n        }}\n        customUploadIcon={field.customUploadIcon}\n        customDeleteIcon={field.customDeleteIcon}\n        isInverted={isInverted}\n    />\n);\n\nexport default renderUploadField;\n"],"names":["FieldSet","styled","fieldset","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","Fields","div","templateObject_2","spacings","nudge","fieldValidator","key","value","config","__awaiter","inputType","error","isRequired","errorMsg","test","areaValidator","selectValidator","selectedItem","datepickerValidator","single","singleSelect","singleDateError","multiDateError","locationValidator","description","position","_a","_b","fieldGroupValidator","type","groupType","selectValues","length","uploadValidator","files","StyledSection","Section","Form","form","mq","semilarge","FieldContainer","templateObject_3","FormFooter","templateObject_4","spacer","Status","Copy","templateObject_5","ActionContainer","templateObject_6","DynamicForm$1","withLibTheme","anchorId","fields","onSubmit","submitAction","definitions","subjectLine","targetEmails","bgMode","isInverted","hasBg","useState","submitReponse","setSubmitResponse","initalData","initialValue","initialOption","initialDates","group","initalArray_1","forEach","field","initialChecked","text","push","every","_c","useFormik","initialValues","__assign","values","helpers","valuesAndMails","setSubmitting","response","sent","resetForm","isError","validateOnBlur","validateOnChange","validate","errors","error_1","_d","error_2","error_3","error_4","error_5","error_6","error_7","handleSubmit","handleChange","handleBlur","setFieldTouched","validateField","submitForm","setValues","isSubmitting","touched","dirty","latestValuesRef","useRef","theme","useLibTheme","setField","useCallback","props","current","shouldValidate","fieldKeys","Object","keys","useEffect","React","createElement","addSeperation","bgColor","color","getColors","sectionBg","dark","medium","light","mapToBgMode","Wrapper","addWhitespace","noValidate","map","label","i","index","isTouched","setTouched","Textfield","enableMemo","concat","placeholder","name","onChange","onBlur","infoMessage","info","errorMessage","undefined","renderField","area","Textarea","renderAreaField","datepicker","dates","start","end","DatepickerCmp","onDataChange","customIcon","minDate","maxDate","deleteAction","handleReset","ButtonGhost","View","onClick","Button","nextCtrlUrl","prevCtrlUrl","renderDatepickerField","location","locationData","mappedData","LocationField","initialMapCenter","zoom","customLocationControl","customToggle","customResetControl","toggleLabel","trackLocationLabel","renderLocationField","checkbox","groupData","FieldWrapper","Head","ci","Checkbox","ev","currentTarget","cIndex","indexOf","splice","isSelected","Messages","renderCheckboxGroupField","radio","fi","RadioButton","e","renderRadioGroupField","select","SelectDropdown","items","dropdownItems","filter","item","selectedOption","indicator","renderSelectField","upload","FileUploadCmp","uploadLabel","addBtnLabel","acceptedFormats","onUploadFiles","customUploadIcon","customDeleteIcon","renderUploadField","message","textColor","copyInverted","copy","Actions","primary","as","Label"],"mappings":"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"}