@blateral/b.kit 2.3.0-beta.1.3 → 2.3.0-beta.1.4

package/cjs/POICard-9911980e.js

@@ -1,2 +0,0 @@
-"use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),i=require("./styles-0f1a0aea.js"),a=require("./TableBlock-080c9c2e.js"),o=require("./Copy-e860efe7.js"),l=require("./Actions-6dd616e0.js"),r=require("./Image-d9681be0.js"),d=require("./statusFormatter-0393122b.js"),s=require("./LibThemeProvider-fb99fd6d.js"),c=require("./Link-70143bb7.js"),p=require("./arrays-c272ed59.js"),m=require("./useMediaQuery-d4f81f88.js"),u=require("./clamp-bd21d587.js"),f=require("./useObserverSupport-5ab320dd.js"),g=require("./useUpdateEffect-4d233e2c.js");function v(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var x,h,w,b,_,y,I,k,C,j,T,E,O,N,q,z,P,B,A,L,V,S,H,F,M,R,D,K,G,Q,U,W,J,X,Y=v(e),Z=v(t),$=Z.default.div.withConfig({displayName:"IntroBlock__View",componentId:"sc-w71lok-0"})(x||(x=n.__makeTemplateObject(["\n    display: block;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    text-align: ",";\n\n    @media "," {\n        display: flex;\n        flex-direction: row;\n\n        & > * + * {\n            margin-left: ","px;\n        }\n    }\n"],["\n    display: block;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    text-align: ",";\n\n    @media "," {\n        display: flex;\n        flex-direction: row;\n\n        & > * + * {\n            margin-left: ","px;\n        }\n    }\n"])),(function(n){return n.isCentered&&"center"}),i.mq.semilarge,i.spacings.spacer),nn=Z.default.div.withConfig({displayName:"IntroBlock__Content",componentId:"sc-w71lok-1"})(h||(h=n.__makeTemplateObject(["\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    max-width: 100%;\n\n    @media "," {\n        flex: 1 0 66.66%;\n    }\n"],["\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    max-width: 100%;\n\n    @media "," {\n        flex: 1 0 66.66%;\n    }\n"])),i.spacings.spacer,i.mq.semilarge),en=Z.default(a.Title).withConfig({displayName:"IntroBlock__StyledTitle",componentId:"sc-w71lok-2"})(w||(w=n.__makeTemplateObject(["\n    max-width: ",";\n"],["\n    max-width: ",";\n"])),(function(n){return n.clamp&&"880px"})),tn=Z.default(o.Copy).withConfig({displayName:"IntroBlock__ContentBlock",componentId:"sc-w71lok-3"})(_||(_=n.__makeTemplateObject(["\n    display: block;\n    max-width: ",";\n    margin-left: ",";\n    margin-right: ",";\n\n    ","\n\n    & + & {\n        margin-top: ","px;\n    }\n"],["\n    display: block;\n    max-width: ",";\n    margin-left: ",";\n    margin-right: ",";\n\n    ","\n\n    & + & {\n        margin-top: ","px;\n    }\n"])),(function(n){return n.clamp&&"880px"}),(function(n){return n.isCentered&&"auto"}),(function(n){return n.isCentered&&"auto"}),(function(e){var i=e.maxLines;return i&&i>0&&t.css(b||(b=n.__makeTemplateObject(["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ","; /* number of lines to show */\n            line-clamp: ",";\n            -webkit-box-orient: vertical;\n        "],["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ","; /* number of lines to show */\n            line-clamp: ",";\n            -webkit-box-orient: vertical;\n        "])),i,i)}),3*i.spacings.nudge),an=Z.default(l.Actions).withConfig({displayName:"IntroBlock__StyledActions",componentId:"sc-w71lok-4"})(y||(y=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"})),on=Z.default.div.withConfig({displayName:"IntroBlock__MobileImageContainer",componentId:"sc-w71lok-5"})(I||(I=n.__makeTemplateObject(["\n    width: 100%;\n    height: 100%;\n    max-width: 400px;\n    max-height: 400px;\n    text-align: center;\n\n    margin: 0 auto;\n    margin-top: ","px;\n\n    @media "," {\n        display: ",";\n    }\n"],["\n    width: 100%;\n    height: 100%;\n    max-width: 400px;\n    max-height: 400px;\n    text-align: center;\n\n    margin: 0 auto;\n    margin-top: ","px;\n\n    @media "," {\n        display: ",";\n    }\n"])),i.spacings.spacer,i.mq.semilarge,(function(n){return n.isCentered?"block":"none"})),ln=Z.default.div.withConfig({displayName:"IntroBlock__DesktopImageContainer",componentId:"sc-w71lok-6"})(k||(k=n.__makeTemplateObject(["\n    display: none;\n    width: 100%;\n\n    @media "," {\n        display: block;\n        /* flex: 1 0 33.33%; */\n\n        max-width: 400px;\n    }\n"],["\n    display: none;\n    width: 100%;\n\n    @media "," {\n        display: block;\n        /* flex: 1 0 33.33%; */\n\n        max-width: 400px;\n    }\n"])),i.mq.semilarge),rn=Z.default.div.withConfig({displayName:"EventBlock__View",componentId:"sc-1nnq189-0"})(C||(C=n.__makeTemplateObject(["\n    text-decoration: none;\n    color: inherit;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        display: flex;\n        justify-content: flex-end;\n        flex-direction: row-reverse;\n\n        & > * + * {\n            margin-top: 0;\n            padding-right: ","px;\n        }\n    }\n"],["\n    text-decoration: none;\n    color: inherit;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        display: flex;\n        justify-content: flex-end;\n        flex-direction: row-reverse;\n\n        & > * + * {\n            margin-top: 0;\n            padding-right: ","px;\n        }\n    }\n"])),3*i.spacings.nudge,i.mq.large,i.spacings.spacer),dn=Z.default.div.withConfig({displayName:"EventBlock__ImageContainer",componentId:"sc-1nnq189-1"})(j||(j=n.__makeTemplateObject(["\n    flex: 0 1 30%;\n    margin-left: auto;\n"],["\n    flex: 0 1 30%;\n    margin-left: auto;\n"]))),sn=Z.default.div.withConfig({displayName:"EventBlock__MainContent",componentId:"sc-1nnq189-2"})(T||(T=n.__makeTemplateObject(["\n    flex: 0 1 70%;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        max-width: 830px;\n    }\n"],["\n    flex: 0 1 70%;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        max-width: 830px;\n    }\n"])),3*i.spacings.nudge,i.mq.large),cn=Z.default.div.withConfig({displayName:"EventBlock__TagContainer",componentId:"sc-1nnq189-3"})(E||(E=n.__makeTemplateObject(["\n    margin-top: -","px;\n    margin-left: -","px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n"],["\n    margin-top: -","px;\n    margin-left: -","px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n"])),i.spacings.nudge,i.spacings.nudge),pn=Z.default.div.withConfig({displayName:"EventBlock__TitleWrapper",componentId:"sc-1nnq189-4"})(O||(O=n.__makeTemplateObject(["\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),i.spacings.nudge),mn=Z.default.div.withConfig({displayName:"EventBlock__TagWrapper",componentId:"sc-1nnq189-5"})(N||(N=n.__makeTemplateObject(["\n    padding-top: ","px;\n    padding-left: ","px;\n"],["\n    padding-top: ","px;\n    padding-left: ","px;\n"])),i.spacings.nudge,i.spacings.nudge),un=Z.default(c.Link).withConfig({displayName:"EventBlock__TitleLink",componentId:"sc-1nnq189-6"})(q||(q=n.__makeTemplateObject(["\n    display: inline-block;\n    ","\n\n    color: ",";\n    text-decoration: none;\n"],["\n    display: inline-block;\n    ","\n\n    color: ",";\n    text-decoration: none;\n"])),o.copyStyle("copy-b","big"),(function(n){var e=n.theme;return n.isInverted?i.getFonts(e)["copy-b"].big.colorInverted:i.getFonts(e)["copy-b"].big.color})),fn=Z.default(o.Copy).withConfig({displayName:"EventBlock__Text",componentId:"sc-1nnq189-7"})(z||(z=n.__makeTemplateObject(["\n    display: -webkit-box;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n"],["\n    display: -webkit-box;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n"]))),gn=Z.default.div.withConfig({displayName:"InfoList__View",componentId:"sc-1bggeo0-0"})(P||(P=n.__makeTemplateObject([""],[""]))),vn=Z.default.ul.withConfig({displayName:"InfoList__Container",componentId:"sc-1bggeo0-1"})(B||(B=n.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin: 0;\n    padding: 0;\n    margin-left: -","px;\n    margin-top: -","px;\n    list-style: none;\n"],["\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin: 0;\n    padding: 0;\n    margin-left: -","px;\n    margin-top: -","px;\n    list-style: none;\n"])),i.spacings.spacer,5*i.spacings.nudge),xn=Z.default.li.withConfig({displayName:"InfoList__Item",componentId:"sc-1bggeo0-2"})(A||(A=n.__makeTemplateObject(["\n    flex: 1 1 100%;\n    padding-left: ","px;\n    padding-top: ","px;\n\n    @media "," {\n        flex: 1 1 300px;\n    }\n"],["\n    flex: 1 1 100%;\n    padding-left: ","px;\n    padding-top: ","px;\n\n    @media "," {\n        flex: 1 1 300px;\n    }\n"])),i.spacings.spacer,5*i.spacings.nudge,i.mq.medium),hn=Z.default(o.Copy).withConfig({displayName:"InfoList__Title",componentId:"sc-1bggeo0-3"})(L||(L=n.__makeTemplateObject(["\n    display: block;\n    margin-bottom: ","px;\n"],["\n    display: block;\n    margin-bottom: ","px;\n"])),3*i.spacings.nudge),wn=Z.default.ul.withConfig({displayName:"InfoList__Infos",componentId:"sc-1bggeo0-4"})(V||(V=n.__makeTemplateObject(["\n    list-style: none;\n    margin: 0;\n    padding: 0;\n"],["\n    list-style: none;\n    margin: 0;\n    padding: 0;\n"]))),bn=Z.default.li.withConfig({displayName:"InfoList__Content",componentId:"sc-1bggeo0-5"})(S||(S=n.__makeTemplateObject(["\n    display: -ms-grid;\n    display: grid;\n    margin: 0;\n\n    -ms-grid-columns: min-content 1fr;\n    grid-template-columns: min-content 1fr;\n    -ms-grid-rows: min-content 1fr;\n    grid-auto-rows: min-content 1fr;\n\n    & + & {\n        margin-top: ","px;\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: -ms-grid;\n    display: grid;\n    margin: 0;\n\n    -ms-grid-columns: min-content 1fr;\n    grid-template-columns: min-content 1fr;\n    -ms-grid-rows: min-content 1fr;\n    grid-auto-rows: min-content 1fr;\n\n    & + & {\n        margin-top: ","px;\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),2*i.spacings.nudge,2*i.spacings.nudge),_n=Z.default(o.Copy).withConfig({displayName:"InfoList__Icon",componentId:"sc-1bggeo0-6"})(H||(H=n.__makeTemplateObject(["\n    height: 20px;\n    width: 20px;\n\n    & > * {\n        height: 20px;\n        width: 20px;\n    }\n"],["\n    height: 20px;\n    width: 20px;\n\n    & > * {\n        height: 20px;\n        width: 20px;\n    }\n"]))),yn=function(n){var e=n.isInverted,t=n.items,i=n.className;return Y.default.createElement(gn,{className:i},Y.default.createElement(vn,null,null==t?void 0:t.map((function(n,t){var i,a=(null===(i=null==n?void 0:n.items)||void 0===i?void 0:i.filter((function(n){return n.text})))||[],l=p.isValidArray(a,!1);return Y.default.createElement(xn,{key:t},n.title&&Y.default.createElement(hn,{size:"small",type:"copy-b",renderAs:"span",isInverted:e},n.title),l&&Y.default.createElement(wn,null,a.map((function(n,t){return Y.default.createElement(bn,{key:t},Y.default.createElement(_n,{isInverted:e},n.icon&&n.icon(e)),n.text&&Y.default.createElement(o.Copy,{size:"small",isInverted:e,innerHTML:n.text,allowLinkIcons:!1}))}))))}))))},In=Z.default.div.withConfig({displayName:"HeaderKenBurns__AnimationContainer",componentId:"sc-1hmc5d0-0"})(F||(F=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"]))),kn=Z.default(r.Image).withConfig({displayName:"HeaderKenBurns__PosterImage",componentId:"sc-1hmc5d0-1"})(M||(M=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"]))),Cn=Z.default.img.withConfig({displayName:"HeaderKenBurns__AnimationImage",componentId:"sc-1hmc5d0-2"})(R||(R=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"})),jn=function(n){var t=n.zoom,i=void 0===t?1.08:t,a=n.zoomPoint,o=void 0===a?[.5,.5]:a,l=n.interval,r=void 0===l?1e4:l,d=n.images,s=n.onChange,c=e.useRef(),p=e.useRef(),m=e.useState(-1),u=m[0],f=m[1];return e.useEffect((function(){var n=function(){f((function(n){return(n+1)%d.length}))};return p.current=window.setTimeout(n,200),c.current&&window.clearInterval(c.current),c.current=window.setInterval(n,r),function(){p.current&&window.clearTimeout(p.current),c.current&&window.clearInterval(c.current)}}),[d,r]),e.useEffect((function(){-1!==u&&s&&s(u)}),[u]),Y.default.createElement(Y.default.Fragment,null,d.map((function(n,e){var t=1,a=o;return e===u&&(t=void 0!==n.zoom?n.zoom:i),n.zoomPoint&&(a=Tn(n.zoomPoint)),Y.default.createElement(Cn,{key:e,style:{zIndex:e===u?1:0},src:n.image,scale:t,opacity:e===u?1:0,zoomPoint:a,alt:n.alt||""})})))},Tn=function(n){return[u.clampValue(n[0],0,1),u.clampValue(n[1],0,1)]},En=Z.default.div.withConfig({displayName:"HeaderPoster__PosterView",componentId:"sc-9zhj-0"})(D||(D=n.__makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    height: 100%;\n"],["\n    position: relative;\n    width: 100%;\n    height: 100%;\n"]))),On=Z.default(r.Image).withConfig({displayName:"HeaderPoster__BgImage",componentId:"sc-9zhj-1"})(K||(K=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")})),Nn=Z.default.div.withConfig({displayName:"HeaderVideo__PosterView",componentId:"sc-i0iu8j-0"})(G||(G=n.__makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    height: 100%;\n"],["\n    position: relative;\n    width: 100%;\n    height: 100%;\n"]))),qn=Z.default(r.Image).withConfig({displayName:"HeaderVideo__PlaceholderImg",componentId:"sc-i0iu8j-1"})(Q||(Q=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),zn=Z.default.video.withConfig({displayName:"HeaderVideo__AutoplayVideo",componentId:"sc-i0iu8j-2"})(U||(U=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})),Pn=Z.default.div.withConfig({displayName:"VideoBlock__AspectContainer",componentId:"sc-160aafd-0"})(J||(J=n.__makeTemplateObject(["\n    position: relative;\n    border-radius: ",";\n    overflow: hidden;\n\n    aspect-ratio: ",";\n    width: ",";\n    max-width: 100%;\n\n    background: ",";\n    object-position: center;\n\n    @supports not (aspect-ratio: auto) {\n        height: ",";\n        padding-top: ",";\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    ","\n"],["\n    position: relative;\n    border-radius: ",";\n    overflow: hidden;\n\n    aspect-ratio: ",";\n    width: ",";\n    max-width: 100%;\n\n    background: ",";\n    object-position: center;\n\n    @supports not (aspect-ratio: auto) {\n        height: ",";\n        padding-top: ",";\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    ","\n"])),(function(n){var e=n.theme;return i.getGlobals(e).sections.edgeRadius}),(function(n){var e=n.ratios;return null==e?void 0:e.small}),(function(n){var e=n.ratios;return(null==e?void 0:e.small)&&"100%"}),(function(n){var e=n.theme;return n.isInverted?i.getGlobals(e).sections.imagePlaceholderBg.inverted:i.getGlobals(e).sections.imagePlaceholderBg.default}),(function(n){var e=n.ratios;return(null==e?void 0:e.small)&&0}),(function(n){var e=n.ratios;return(null==e?void 0:e.small)&&"calc(100% / ".concat(null==e?void 0:e.small,")")}),i.mq.medium,(function(n){var e=n.ratios;return null==e?void 0:e.medium}),(function(n){var e=n.ratios;return(null==e?void 0:e.medium)&&"calc(100% / ".concat(null==e?void 0:e.medium,")")}),i.mq.semilarge,(function(n){var e=n.ratios;return null==e?void 0:e.semilarge}),(function(n){var e=n.ratios;return(null==e?void 0:e.semilarge)&&"calc(100% / ".concat(null==e?void 0:e.semilarge,")")}),i.mq.large,(function(n){var e=n.ratios;return null==e?void 0:e.large}),(function(n){var e=n.ratios;return(null==e?void 0:e.large)&&"calc(100% / ".concat(null==e?void 0:e.large,")")}),i.mq.xlarge,(function(n){var e=n.ratios;return null==e?void 0:e.xlarge}),(function(n){var e=n.ratios;return(null==e?void 0:e.xlarge)&&"calc(100% / ".concat(null==e?void 0:e.xlarge,")")}),(function(e){return e.ratios&&t.css(W||(W=n.__makeTemplateObject(["\n            video {\n                height: 100%;\n                width: 100%;\n                object-fit: cover;\n\n                @supports not (aspect-ratio: auto) {\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                }\n            }\n        "],["\n            video {\n                height: 100%;\n                width: 100%;\n                object-fit: cover;\n\n                @supports not (aspect-ratio: auto) {\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                }\n            }\n        "])))})),Bn=Z.default.video.withConfig({displayName:"VideoBlock__Video",componentId:"sc-160aafd-1"})(X||(X=n.__makeTemplateObject(["\n    display: block;\n"],["\n    display: block;\n"]))),An=e.forwardRef((function(n,t){var i=n.urls,a=n.ratios,o=n.isInverted,l=n.muted,r=void 0!==l&&l,d=n.autoPlay,s=void 0!==d&&d,c=n.loop,p=void 0!==c&&c,m=n.controls,u=void 0!==m&&m,f=n.playsInline,g=void 0===f||f,v=n.onCanPlayThrough,x=n.className,h=e.useRef(null);return e.useImperativeHandle(t,(function(){return h.current})),e.useEffect((function(){h.current&&h.current.readyState>3&&(null==v||v())}),[v]),Y.default.createElement(Pn,{ratios:a,isInverted:o,className:x},Y.default.createElement(Bn,{ref:h,muted:r,autoPlay:s,loop:p,controls:u,onCanPlayThrough:v,playsInline:g},null==i?void 0:i.map((function(n,e){return Y.default.createElement("source",{src:n,key:e})}))))}));An.displayName="VideoBlock";var Ln,Vn,Sn,Hn,Fn,Mn,Rn,Dn,Kn,Gn,Qn=Z.default.div.withConfig({displayName:"POIFacts__View",componentId:"sc-zp61fw-0"})(Ln||(Ln=n.__makeTemplateObject(["\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin-top: -","px;\n    margin-left: -","px;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n"],["\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin-top: -","px;\n    margin-left: -","px;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n"])),i.spacings.nudge,2*i.spacings.nudge,3*i.spacings.nudge),Un=Z.default.div.withConfig({displayName:"POIFacts__FactsWrapper",componentId:"sc-zp61fw-1"})(Vn||(Vn=n.__makeTemplateObject(["\n    padding-top: ","px;\n    padding-left: ","px;\n"],["\n    padding-top: ","px;\n    padding-left: ","px;\n"])),i.spacings.nudge,2*i.spacings.nudge),Wn=Z.default.span.withConfig({displayName:"POIFacts__Fact",componentId:"sc-zp61fw-2"})(Sn||(Sn=n.__makeTemplateObject(["\n    display: inline-flex;\n    align-items: center;\n    ","\n    color: ",";\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: inline-flex;\n    align-items: center;\n    ","\n    color: ",";\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),o.copyStyle("copy","medium"),(function(n){var e=n.theme;return n.isInverted?i.getColors(e).text.copyInverted:i.getColors(e).text.copy}),.5*i.spacings.nudge),Jn=function(e){var t=e.facts,i=e.customFact,a=e.isInverted;return Y.default.createElement(Qn,null,t.map((function(e,t){return Y.default.createElement(Un,{key:"tag_"+t},i?i({key:"headtag-".concat(t),name:e||"",isInverted:a}):Y.default.createElement(Wn,{isInverted:a},Y.default.createElement(n.Check,null),Y.default.createElement("span",null,e)))})))},Xn=Z.default.div.withConfig({displayName:"POICard__View",componentId:"sc-1l0tnmw-0"})(Hn||(Hn=n.__makeTemplateObject(["\n    border: 1px solid\n        ",";\n    padding: ","px;\n    border-radius: ","px;\n    overflow: hidden;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    border: 1px solid\n        ",";\n    padding: ","px;\n    border-radius: ","px;\n    overflow: hidden;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),(function(n){var e=n.theme;return n.isInverted?i.getColors(e).elementBg.light:i.getColors(e).elementBg.dark}),2*i.spacings.nudge,i.spacings.nudge,3*i.spacings.nudge),Yn=Z.default(o.Copy).withConfig({displayName:"POICard__Title",componentId:"sc-1l0tnmw-1"})(Fn||(Fn=n.__makeTemplateObject(["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n"],["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n"])),3*i.spacings.nudge),Zn=Z.default(o.Copy).withConfig({displayName:"POICard__Description",componentId:"sc-1l0tnmw-2"})(Mn||(Mn=n.__makeTemplateObject(["\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    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=Z.default.div.withConfig({displayName:"POICard__Body",componentId:"sc-1l0tnmw-3"})(Rn||(Rn=n.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    /* align-items: flex-start; */\n\n    @media "," {\n        margin-left: -","px;\n        margin-right: -","px;\n\n        & > * + * {\n            border-left: 1px solid\n                ",";\n        }\n    }\n"],["\n    display: flex;\n    flex-direction: row;\n    /* align-items: flex-start; */\n\n    @media "," {\n        margin-left: -","px;\n        margin-right: -","px;\n\n        & > * + * {\n            border-left: 1px solid\n                ",";\n        }\n    }\n"])),i.mq.semilarge,i.spacings.spacer,i.spacings.spacer,(function(n){var e=n.theme;return n.isInverted?i.getColors(e).elementBg.light:i.getColors(e).elementBg.dark})),ne=Z.default.div.withConfig({displayName:"POICard__Col",componentId:"sc-1l0tnmw-4"})(Dn||(Dn=n.__makeTemplateObject(["\n    flex: 1 0 100%;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        flex: 1 0 60%;\n        padding: 0 ","px;\n    }\n\n    @media "," {\n        flex: 1 0 ","%;\n    }\n"],["\n    flex: 1 0 100%;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        flex: 1 0 60%;\n        padding: 0 ","px;\n    }\n\n    @media "," {\n        flex: 1 0 ","%;\n    }\n"])),3*i.spacings.nudge,i.mq.semilarge,i.spacings.spacer,i.mq.large,2/3*100),ee=Z.default(ne).withConfig({displayName:"POICard__InfoCol",componentId:"sc-1l0tnmw-5"})(Kn||(Kn=n.__makeTemplateObject(["\n    display: none;\n    margin-bottom: ","px;\n\n    @media "," {\n        display: block;\n        flex: 1 0 40%;\n    }\n\n    @media "," {\n        display: block;\n        flex: 1 0 ","%;\n    }\n"],["\n    display: none;\n    margin-bottom: ","px;\n\n    @media "," {\n        display: block;\n        flex: 1 0 40%;\n    }\n\n    @media "," {\n        display: block;\n        flex: 1 0 ","%;\n    }\n"])),2*i.spacings.nudge,i.mq.semilarge,i.mq.large,1/3*100),te=Z.default.div.withConfig({displayName:"POICard__Action",componentId:"sc-1l0tnmw-6"})(Gn||(Gn=n.__makeTemplateObject([""],[""])));exports.EventBlock=function(t){var i=t.customTag,l=t.onTagClick,c=t.title,m=t.image,u=t.date,f=t.text,g=t.link,v=t.tags,x=t.isInverted,h=t.action,w=s.useLibTheme().globals,b="";u&&(b=new d.StatusFormatter(u.getTime(),"",w.sections.eventDateFormat(u),w.sections.eventTimeFormat(u),w.sections.eventLocaleKey).getFormattedDate());var _=function(n){return l?function(e){null==e||e.preventDefault(),l(n)}:void 0},y=e.useMemo((function(){return null==v?void 0:v.filter((function(n){return n.name}))}),[v]);return Y.default.createElement(rn,null,(null==m?void 0:m.small)&&Y.default.createElement(dn,null,Y.default.createElement(r.Image,n.__assign({},m,{coverSpace:!0,allowEdgeRadius:!0,isInverted:x,ratios:{small:{w:640,h:320},medium:{w:752,h:276},large:{w:375,h:250}}}))),Y.default.createElement(sn,null,p.isValidArray(y,!1)&&Y.default.createElement(cn,null,y.map((function(n,e){return n&&Y.default.createElement(mn,{key:"tag_"+e},i?i({key:"tag_"+e,name:n.name||"",isInverted:x,isActive:!1,link:n.link||{},clickHandler:_(n)}):Y.default.createElement(a.Tag,{isInverted:x,name:n.name,link:n.link,onClick:_(n)}))}))),Y.default.createElement(pn,null,u&&Y.default.createElement(o.Copy,{isInverted:x,size:"medium",type:"copy"},b),c&&Y.default.createElement(un,n.__assign({},g,{isInverted:x}),c)),f&&Y.default.createElement(fn,{size:"small",isInverted:x,innerHTML:f}),h&&Y.default.createElement("div",null," ",h({isInverted:x})," ")))},exports.HeaderKenBurns=function(t){var i=t.images,a=t.zoom,o=void 0===a?1.08:a,l=t.zoomPoint,r=void 0===l?[.5,.5]:l,d=t.interval,s=void 0===d?1e4:d,c=t.onImageChange,p=t.className,u=t.children,f=m.useMediaQuery(["small","medium","large","xlarge"]),g=e.useState({small:[],medium:[],large:[],xlarge:[]}),v=g[0],x=g[1];return e.useEffect((function(){var e;if(f&&(v[f].length<i.length&&i.length>=2)){var t=i.map((function(n,e){return{id:e,image:n[f],zoom:n.zoom||o,zoomPoint:n.zoomPoint||r,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(l){switch(l.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(),x((function(e){var i;return e[f].find((function(n){return n.id===t.id}))?e:n.__assign(n.__assign({},e),((i={})[f]=n.__spreadArray(n.__spreadArray([],e[f],!0),[t],!1),i))})),[2]}}))},i=0,a=e,l.label=1;case 1:return i<a.length?(o=a[i],[5,t(o)]):[3,4];case 2:l.sent(),l.label=3;case 3:return i++,[3,1];case 4:return[2]}}))}))}}),[f,i,v,o,r]),Y.default.createElement(In,{className:p},Y.default.createElement(kn,n.__assign({},i[0],{coverSpace:!0,ratios:void 0})),f&&v[f].length>=i.length&&Y.default.createElement(jn,{zoom:o,zoomPoint:Tn(r),interval:s,images:v[f],onChange:function(n){return i[n]&&c&&c(i[n])}}),u)},exports.HeaderPoster=function(e){var t=e.isInverted,i=e.bgImage,a=e.focus,o=e.className,l=e.children;return Y.default.createElement(En,{className:o},i&&Y.default.createElement(On,n.__assign({},i,{coverSpace:!0,ratios:void 0,isInverted:t,focus:a})),l)},exports.HeaderVideo=function(t){var i=t.isInverted,a=t.loadOnMobile,o=void 0===a||a,l=t.placeholderImg,r=t.focus,d=t.videoUrl,s=t.className,c=t.children,p=e.useRef(null),u=e.useRef(null),v=e.useState(!(null==l?void 0:l.small)||!1),x=v[0],h=v[1],w=f.useObserverSupport(),b=m.useMediaQuery(["small","medium","semilarge","large","xlarge"]),_=void 0===b||"small"===b,y=o||!_,I=e.useState(!1),k=I[0],C=I[1];return e.useEffect((function(){y||h(!1)}),[_,y,o]),e.useEffect((function(){p.current&&p.current.readyState>3&&h(!0)}),[]),g.useUpdateEffect((function(){if(y&&d&&u.current){if(w){var n=new IntersectionObserver((function(n,e){var t=n[0];t.isIntersecting&&(e.unobserve(t.target),C(!0))}),{rootMargin:"200px 0px 200px 0px"}),e=u.current;return n.observe(e),function(){e&&n.unobserve(e)}}C(!0)}}),[w,y]),Y.default.createElement(Nn,{ref:u,className:s},(null==l?void 0:l.small)&&!x&&Y.default.createElement(qn,n.__assign({},l,{coverSpace:!0,ratios:void 0,isInverted:i,focus:r})),d&&y&&Y.default.createElement(zn,{ref:p,isVisible:x,src:k?d:void 0,muted:!0,autoPlay:!0,loop:!0,playsInline:!0,onCanPlayThrough:function(){h(!0)},focus:r}),c)},exports.InfoList=yn,exports.IntroBlock=function(e){var t=e.renderAs,i=void 0===t?"div":t,a=e.colorMode,o=void 0===a?"default":a,l=e.title,d=e.titleAs,s=e.titleSize,c=void 0===s?"heading-2":s,p=e.superTitle,m=e.superTitleAs,u=e.abstract,f=e.text,g=e.textType,v=void 0===g?"copy":g,x=e.textSize,h=void 0===x?"medium":x,w=e.primaryAction,b=e.secondaryAction,_=e.isCentered,y=void 0!==_&&_,I=e.clampTitle,k=void 0!==I&&I,C=e.clampAbstract,j=void 0!==C&&C,T=e.maxTitleLines,E=e.maxAbstractLines,O=e.clampText,N=void 0!==O&&O,q=e.maxTextLines,z=e.className,P=e.titleHyphens,B=e.image,A="inverted"===o||"onImage"===o,L=!1!==(null==B?void 0:B.coverSpace);return Y.default.createElement($,{as:i,isCentered:y,className:z},Y.default.createElement(nn,null,(l||p)&&Y.default.createElement(en,{colorMode:o,title:l,titleAs:d,titleSize:c,superTitle:p,superTitleAs:m,isCentered:y,clamp:k,maxLines:T,titleHyphens:P}),(null==B?void 0:B.small)&&Y.default.createElement(on,{isCentered:y},Y.default.createElement(r.Image,n.__assign({},B,{coverSpace:L,allowEdgeRadius:!0,isInverted:A}))),u&&Y.default.createElement(tn,{type:"copy",size:"big",textColor:"onImage"===o?"#fff":void 0,isInverted:A,isCentered:y,innerHTML:u,clamp:j,maxLines:E}),f&&Y.default.createElement(tn,{type:v,size:h,textColor:"onImage"===o?"#fff":void 0,isInverted:A,isCentered:y,innerHTML:f,clamp:N,maxLines:q}),(w||b)&&Y.default.createElement(an,{primary:w&&w(A),secondary:b&&b(A)})),(null==B?void 0:B.small)&&!y&&Y.default.createElement(ln,null,Y.default.createElement(r.Image,n.__assign({},B,{coverSpace:L,allowEdgeRadius:!0,isInverted:A}))))},exports.POICard=function(n){var e=n.isInverted,t=n.name,i=n.shortDescription,a=n.facts,o=n.infos,l=n.customFact,r=n.action,d=p.isValidArray(a,!1),s=p.isValidArray(o,!1);return Y.default.createElement(Xn,{isInverted:e},t&&Y.default.createElement(Yn,{type:"copy-b",size:"big",isInverted:e},t),(d||i||s||r)&&Y.default.createElement($n,{isInverted:e},Y.default.createElement(ne,null,p.isValidArray(a,!1)&&Y.default.createElement(Jn,{facts:a,isInverted:e,customFact:l}),i&&Y.default.createElement(Zn,{isInverted:e,innerHTML:i}),r&&Y.default.createElement(te,null,r(e))),p.isValidArray(o,!1)&&Y.default.createElement(ee,null,Y.default.createElement(yn,{isInverted:e,items:[{items:o}]}))))},exports.POIFacts=Jn,exports.VideoBlock=An;
-//# sourceMappingURL=POICard-9911980e.js.map

package/cjs/POICard-9911980e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"POICard-9911980e.js","sources":["../src/components/blocks/IntroBlock.tsx","../src/components/blocks/EventBlock.tsx","../src/components/blocks/InfoList.tsx","../src/components/sections/header/HeaderKenBurns.tsx","../src/components/sections/header/HeaderPoster.tsx","../src/components/sections/header/HeaderVideo.tsx","../src/components/blocks/VideoBlock.tsx","../src/components/blocks/POIFacts.tsx","../src/components/blocks/POICard.tsx"],"sourcesContent":["import React from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { spacings, mq, FontOptions } from 'utils/styles';\n\nimport Title, { TitleSize } from 'components/blocks/Title';\nimport Copy, { CopyType } from 'components/typography/Copy';\nimport Actions from 'components/blocks/Actions';\nimport { HeadlineTag } from 'components/typography/Heading';\nimport Image, { ImageProps } from './Image';\n\nconst View = styled.div<{ isCentered?: boolean }>`\n    display: block;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    text-align: ${({ isCentered }) => isCentered && 'center'};\n\n    @media ${mq.semilarge} {\n        display: flex;\n        flex-direction: row;\n\n        & > * + * {\n            margin-left: ${spacings.spacer}px;\n        }\n    }\n`;\n\nconst Content = styled.div`\n    & > * + * {\n        margin-top: ${spacings.spacer}px;\n    }\n\n    max-width: 100%;\n\n    @media ${mq.semilarge} {\n        flex: 1 0 66.66%;\n    }\n`;\n\nconst StyledTitle = styled(Title)<{ clamp?: boolean }>`\n    max-width: ${({ clamp }) => clamp && '880px'};\n`;\n\nconst ContentBlock = styled(Copy)<{\n    isCentered?: boolean;\n    clamp?: boolean;\n    maxLines?: number;\n}>`\n    display: block;\n    max-width: ${({ clamp }) => clamp && '880px'};\n    margin-left: ${({ isCentered }) => isCentered && 'auto'};\n    margin-right: ${({ isCentered }) => isCentered && 'auto'};\n\n    ${({ maxLines }) =>\n        maxLines &&\n        maxLines > 0 &&\n        css`\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ${maxLines}; /* number of lines to show */\n            line-clamp: ${maxLines};\n            -webkit-box-orient: vertical;\n        `}\n\n    & + & {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst StyledActions = styled(Actions)<{ isCentered?: boolean }>`\n    @media ${mq.medium} {\n        display: block;\n        text-align: ${({ isCentered }) => isCentered && 'center'};\n    }\n`;\n\nconst MobileImageContainer = styled.div<{ isCentered?: boolean }>`\n    width: 100%;\n    height: 100%;\n    max-width: 400px;\n    max-height: 400px;\n    text-align: center;\n\n    margin: 0 auto;\n    margin-top: ${spacings.spacer}px;\n\n    @media ${mq.semilarge} {\n        display: ${({ isCentered }) => (isCentered ? 'block' : 'none')};\n    }\n`;\n\nconst DesktopImageContainer = styled.div`\n    display: none;\n    width: 100%;\n\n    @media ${mq.semilarge} {\n        display: block;\n        /* flex: 1 0 33.33%; */\n\n        max-width: 400px;\n    }\n`;\n\nconst IntroBlock: React.FC<{\n    /** Define rendered HTML DOM tag of intro container */\n    renderAs?: 'div' | 'figcaption';\n\n    /** Color presets for text and blocks. onImage has always a white text color */\n    colorMode?: 'default' | 'inverted' | 'onImage';\n\n    /** Main title text */\n    title?: string;\n\n    /** Main title HTML tag type (h2, h3, h4...) */\n    titleAs?: HeadlineTag;\n\n    /** Main title size */\n    titleSize?: TitleSize;\n\n    /** Superior title that stands above main title */\n    superTitle?: string;\n\n    /** Superior title HTML tag type (h3, h4 ...) */\n    superTitleAs?: HeadlineTag;\n\n    /** Intro text underneath the title (richtext) */\n    abstract?: string;\n\n    /** Main intro text (richtext) */\n    text?: string;\n\n    /** Intro image. coverSpace defaults to true */\n    image?: ImageProps;\n\n    /** Copy type of intro text (limits richtext capabilites on textType == copy-b or copy-i) */\n    textType?: CopyType;\n\n    /** Copy size of intro text */\n    textSize?: keyof FontOptions;\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    /** Center text and actions */\n    isCentered?: boolean;\n\n    /** Clamp title to max width of 880px */\n    clampTitle?: boolean;\n\n    /** Limit lines of title. Cut of with elipsis */\n    maxTitleLines?: number;\n\n    /** Clamp text to max width of 880px */\n    clampText?: boolean;\n\n    /** Clamp abstract to max width of 880px */\n    clampAbstract?: boolean;\n\n    /** Limit lines of text. Cut of with elipsis */\n    maxTextLines?: number;\n\n    /** Limit lines of abstract text. Cut of with elipsis */\n    maxAbstractLines?: number;\n\n    /** Main title hyphens */\n    titleHyphens?: boolean;\n\n    className?: string;\n}> = ({\n    renderAs = 'div',\n    colorMode = 'default',\n    title,\n    titleAs,\n    titleSize = 'heading-2',\n    superTitle,\n    superTitleAs,\n    abstract,\n    text,\n    textType = 'copy',\n    textSize = 'medium',\n    primaryAction,\n    secondaryAction,\n    isCentered = false,\n    clampTitle = false,\n    clampAbstract = false,\n    maxTitleLines,\n    maxAbstractLines,\n    clampText = false,\n    maxTextLines,\n    className,\n    titleHyphens,\n    image,\n}) => {\n    const isInverted = colorMode === 'inverted' || colorMode === 'onImage';\n    const coverSpace = image?.coverSpace === false ? false : true;\n\n    return (\n        <View as={renderAs} isCentered={isCentered} className={className}>\n            <Content>\n                {(title || superTitle) && (\n                    <StyledTitle\n                        colorMode={colorMode}\n                        title={title}\n                        titleAs={titleAs}\n                        titleSize={titleSize}\n                        superTitle={superTitle}\n                        superTitleAs={superTitleAs}\n                        isCentered={isCentered}\n                        clamp={clampTitle}\n                        maxLines={maxTitleLines}\n                        titleHyphens={titleHyphens}\n                    />\n                )}\n                {image?.small && (\n                    <MobileImageContainer isCentered={isCentered}>\n                        <Image\n                            {...image}\n                            coverSpace={coverSpace}\n                            allowEdgeRadius\n                            isInverted={isInverted}\n                        />\n                    </MobileImageContainer>\n                )}\n                {abstract && (\n                    <ContentBlock\n                        type=\"copy\"\n                        size=\"big\"\n                        textColor={colorMode === 'onImage' ? '#fff' : undefined}\n                        isInverted={isInverted}\n                        isCentered={isCentered}\n                        innerHTML={abstract}\n                        clamp={clampAbstract}\n                        maxLines={maxAbstractLines}\n                    />\n                )}\n                {text && (\n                    <ContentBlock\n                        type={textType}\n                        size={textSize}\n                        textColor={colorMode === 'onImage' ? '#fff' : undefined}\n                        isInverted={isInverted}\n                        isCentered={isCentered}\n                        innerHTML={text}\n                        clamp={clampText}\n                        maxLines={maxTextLines}\n                    />\n                )}\n                {(primaryAction || secondaryAction) && (\n                    <StyledActions\n                        primary={primaryAction && primaryAction(isInverted)}\n                        secondary={\n                            secondaryAction && secondaryAction(isInverted)\n                        }\n                    />\n                )}\n            </Content>\n\n            {image?.small && !isCentered && (\n                <DesktopImageContainer>\n                    <Image\n                        {...image}\n                        coverSpace={coverSpace}\n                        allowEdgeRadius\n                        isInverted={isInverted}\n                    />\n                </DesktopImageContainer>\n            )}\n        </View>\n    );\n};\n\nexport default IntroBlock;\n","import React, { useMemo } from 'react';\nimport styled from 'styled-components';\n\nimport Tag, { TagProps } from './Tag';\nimport Copy, { copyStyle } from 'components/typography/Copy';\nimport { spacings, mq, getFonts as font } from 'utils/styles';\nimport StatusFormatter from 'utils/statusFormatter';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport Image, { ImageProps } from './Image';\nimport Link, { LinkProps } from 'components/typography/Link';\nimport { isValidArray } from 'utils/arrays';\n\nconst View = styled.div`\n    text-decoration: none;\n    color: inherit;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n\n    @media ${mq.large} {\n        display: flex;\n        justify-content: flex-end;\n        flex-direction: row-reverse;\n\n        & > * + * {\n            margin-top: 0;\n            padding-right: ${spacings.spacer}px;\n        }\n    }\n`;\n\nconst ImageContainer = styled.div`\n    flex: 0 1 30%;\n    margin-left: auto;\n`;\n\nconst MainContent = styled.div`\n    flex: 0 1 70%;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n\n    @media ${mq.large} {\n        max-width: 830px;\n    }\n`;\n\nconst TagContainer = styled.div`\n    margin-top: -${spacings.nudge}px;\n    margin-left: -${spacings.nudge}px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n`;\n\nconst TitleWrapper = styled.div`\n    & > * + * {\n        margin-top: ${spacings.nudge}px;\n    }\n`;\n\nconst TagWrapper = styled.div`\n    padding-top: ${spacings.nudge}px;\n    padding-left: ${spacings.nudge}px;\n`;\n\nconst TitleLink = styled(Link)`\n    display: inline-block;\n    ${copyStyle('copy-b', 'big')}\n\n    color: ${({ theme, isInverted }) =>\n        isInverted\n            ? font(theme)['copy-b'].big.colorInverted\n            : font(theme)['copy-b'].big.color};\n    text-decoration: none;\n`;\n\nconst Text = styled(Copy)`\n    display: -webkit-box;\n    -webkit-line-clamp: 4;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n`;\n\nexport interface EventProps {\n    /** Array of tag item settings */\n    tags?: TagProps[];\n\n    /** Active tags that are highlighted in this event */\n    activeTags?: string[];\n\n    /** Event image */\n    image?: Omit<ImageProps, 'coverSpace' | 'ratios'>;\n\n    /** Event title */\n    title?: string;\n\n    /** Event publish date */\n    date?: Date;\n\n    /** Event duration in seconds  */\n    duration?: number;\n\n    /** Event text (richtext) */\n    text?: string;\n\n    /** Invert color and background for darker themes */\n    isInverted?: boolean;\n\n    /** Event link settings */\n    link?: LinkProps;\n\n    /** Function to inject action elements */\n    action?: (props: { isInverted?: boolean }) => React.ReactNode;\n\n    /** Function to inject custom tag node */\n    customTag?: (props: {\n        key: React.Key;\n        name: string;\n        isInverted?: boolean;\n        isActive?: boolean;\n        link: LinkProps;\n        clickHandler?: (ev?: React.SyntheticEvent<HTMLElement>) => void;\n    }) => React.ReactNode;\n\n    /** Callback function if tag in news iten has been clicked */\n    onTagClick?: (tag: TagProps) => void;\n}\n\nconst EventBlock: React.FC<EventProps> = ({\n    customTag,\n    onTagClick,\n    title,\n    image,\n    date,\n    text,\n    link,\n    tags,\n    isInverted,\n    action,\n}) => {\n    const { globals } = useLibTheme();\n\n    let publishedAt = '';\n    if (date) {\n        const formatter = new StatusFormatter(\n            date.getTime(),\n            '',\n            globals.sections.eventDateFormat(date),\n            globals.sections.eventTimeFormat(date),\n            globals.sections.eventLocaleKey\n        );\n        publishedAt = formatter.getFormattedDate();\n    }\n\n    const handleTagClick = (tag: TagProps) =>\n        onTagClick\n            ? (ev?: React.SyntheticEvent<HTMLElement>) => {\n                  ev?.preventDefault();\n                  onTagClick(tag);\n              }\n            : undefined;\n\n    const filteredTags = useMemo(() => {\n        return tags?.filter((tag) => tag.name);\n    }, [tags]);\n\n    return (\n        <View>\n            {image?.small && (\n                <ImageContainer>\n                    <Image\n                        {...image}\n                        coverSpace\n                        allowEdgeRadius\n                        isInverted={isInverted}\n                        ratios={{\n                            small: { w: 640, h: 320 },\n                            medium: { w: 752, h: 276 },\n                            large: { w: 375, h: 250 },\n                        }}\n                    />\n                </ImageContainer>\n            )}\n            <MainContent>\n                {isValidArray(filteredTags, false) && (\n                    <TagContainer>\n                        {filteredTags.map(\n                            (tag, i) =>\n                                tag && (\n                                    <TagWrapper key={'tag_' + i}>\n                                        {customTag ? (\n                                            customTag({\n                                                key: 'tag_' + i,\n                                                name: tag.name || '',\n                                                isInverted: isInverted,\n                                                isActive: false,\n                                                link: tag.link || {},\n                                                clickHandler:\n                                                    handleTagClick(tag),\n                                            })\n                                        ) : (\n                                            <Tag\n                                                isInverted={isInverted}\n                                                name={tag.name}\n                                                link={tag.link}\n                                                onClick={handleTagClick(tag)}\n                                            />\n                                        )}\n                                    </TagWrapper>\n                                )\n                        )}\n                    </TagContainer>\n                )}\n                <TitleWrapper>\n                    {date && (\n                        <Copy isInverted={isInverted} size=\"medium\" type=\"copy\">\n                            {publishedAt}\n                        </Copy>\n                    )}\n                    {title && (\n                        <TitleLink {...link} isInverted={isInverted}>\n                            {title}\n                        </TitleLink>\n                    )}\n                </TitleWrapper>\n                {text && (\n                    <Text\n                        size=\"small\"\n                        isInverted={isInverted}\n                        innerHTML={text}\n                    />\n                )}\n                {action && <div> {action({ isInverted })} </div>}\n            </MainContent>\n        </View>\n    );\n};\n\nexport default EventBlock;\n","import Copy from 'components/typography/Copy';\nimport React, { FC } from 'react';\nimport styled from 'styled-components';\nimport { isValidArray } from 'utils/arrays';\n\nimport { mq, spacings } from 'utils/styles';\n\nconst View = styled.div``;\n\nconst Container = styled.ul`\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin: 0;\n    padding: 0;\n    margin-left: -${spacings.spacer}px;\n    margin-top: -${spacings.nudge * 5}px;\n    list-style: none;\n`;\n\nconst Item = styled.li`\n    flex: 1 1 100%;\n    padding-left: ${spacings.spacer}px;\n    padding-top: ${spacings.nudge * 5}px;\n\n    @media ${mq.medium} {\n        flex: 1 1 300px;\n    }\n`;\n\nconst Title = styled(Copy)`\n    display: block;\n    margin-bottom: ${spacings.nudge * 3}px;\n`;\n\nconst Infos = styled.ul`\n    list-style: none;\n    margin: 0;\n    padding: 0;\n`;\n\nconst Content = styled.li`\n    display: -ms-grid;\n    display: grid;\n    margin: 0;\n\n    -ms-grid-columns: min-content 1fr;\n    grid-template-columns: min-content 1fr;\n    -ms-grid-rows: min-content 1fr;\n    grid-auto-rows: min-content 1fr;\n\n    & + & {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n\n    & > * + * {\n        margin-left: ${spacings.nudge * 2}px;\n    }\n`;\n\nconst Icon = styled(Copy)`\n    height: 20px;\n    width: 20px;\n\n    & > * {\n        height: 20px;\n        width: 20px;\n    }\n`;\n\nexport interface InfoGroup {\n    title?: string;\n    items: Info[];\n}\n\nexport interface Info {\n    /** icon injection function */\n    icon?: (isInverted?: boolean) => React.ReactNode;\n    /** info text (richtText) */\n    text?: string;\n}\n\nconst InfoList: FC<{\n    /** Invert text and icon color for dark backgrounds */\n    isInverted?: boolean;\n\n    /** Array of info groups */\n    items?: InfoGroup[];\n\n    className?: string;\n}> = ({ isInverted, items, className }) => {\n    return (\n        <View className={className}>\n            <Container>\n                {items?.map((group, i) => {\n                    const groupItems =\n                        group?.items?.filter((item) => item.text) || [];\n                    const hasItems = isValidArray(groupItems, false);\n\n                    return (\n                        <Item key={i}>\n                            {group.title && (\n                                <Title\n                                    size=\"small\"\n                                    type=\"copy-b\"\n                                    renderAs=\"span\"\n                                    isInverted={isInverted}\n                                >\n                                    {group.title}\n                                </Title>\n                            )}\n                            {hasItems && (\n                                <Infos>\n                                    {groupItems.map((info, ii) => (\n                                        <Content key={ii}>\n                                            <Icon isInverted={isInverted}>\n                                                {info.icon &&\n                                                    info.icon(isInverted)}\n                                            </Icon>\n                                            {info.text && (\n                                                <Copy\n                                                    size=\"small\"\n                                                    isInverted={isInverted}\n                                                    innerHTML={info.text}\n                                                    allowLinkIcons={false}\n                                                />\n                                            )}\n                                        </Content>\n                                    ))}\n                                </Infos>\n                            )}\n                        </Item>\n                    );\n                })}\n            </Container>\n        </View>\n    );\n};\n\nexport default InfoList;\n","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, {\n    forwardRef,\n    useEffect,\n    useImperativeHandle,\n    useRef,\n} from 'react';\nimport styled, { css } from 'styled-components';\nimport { getGlobals as global, mq } from 'utils/styles';\n\nconst AspectContainer = styled.div<{\n    ratios?: VideoAspectRatios;\n    isInverted?: boolean;\n}>`\n    position: relative;\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n    overflow: hidden;\n\n    aspect-ratio: ${({ ratios }) => ratios?.small};\n    width: ${({ ratios }) => ratios?.small && '100%'};\n    max-width: 100%;\n\n    background: ${({ theme, isInverted }) =>\n        isInverted\n            ? global(theme).sections.imagePlaceholderBg.inverted\n            : global(theme).sections.imagePlaceholderBg.default};\n    object-position: center;\n\n    @supports not (aspect-ratio: auto) {\n        height: ${({ ratios }) => ratios?.small && 0};\n        padding-top: ${({ ratios }) =>\n            ratios?.small && `calc(100% / ${ratios?.small})`};\n    }\n\n    @media ${mq.medium} {\n        aspect-ratio: ${({ ratios }) => ratios?.medium};\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ${({ ratios }) =>\n                ratios?.medium && `calc(100% / ${ratios?.medium})`};\n        }\n    }\n\n    @media ${mq.semilarge} {\n        aspect-ratio: ${({ ratios }) => ratios?.semilarge};\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ${({ ratios }) =>\n                ratios?.semilarge && `calc(100% / ${ratios?.semilarge})`};\n        }\n    }\n\n    @media ${mq.large} {\n        aspect-ratio: ${({ ratios }) => ratios?.large};\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ${({ ratios }) =>\n                ratios?.large && `calc(100% / ${ratios?.large})`};\n        }\n    }\n\n    @media ${mq.xlarge} {\n        aspect-ratio: ${({ ratios }) => ratios?.xlarge};\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ${({ ratios }) =>\n                ratios?.xlarge && `calc(100% / ${ratios?.xlarge})`};\n        }\n    }\n\n    ${({ ratios }) =>\n        ratios &&\n        css`\n            video {\n                height: 100%;\n                width: 100%;\n                object-fit: cover;\n\n                @supports not (aspect-ratio: auto) {\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                }\n            }\n        `}\n`;\n\nconst Video = styled.video`\n    display: block;\n`;\n\nexport interface VideoAspectRatios {\n    small: number;\n    medium?: number;\n    semilarge?: number;\n    large?: number;\n    xlarge?: number;\n}\n\nexport interface VideoProps {\n    urls?: string[];\n    ratios?: VideoAspectRatios;\n    isInverted?: boolean;\n\n    muted?: boolean;\n    autoPlay?: boolean;\n    loop?: boolean;\n    controls?: boolean;\n    playsInline?: boolean;\n    onCanPlayThrough?: () => void;\n}\n\nconst VideoBlock = forwardRef<\n    HTMLVideoElement,\n    VideoProps & { className?: string }\n>(\n    (\n        {\n            urls,\n            ratios,\n            isInverted,\n            muted = false,\n            autoPlay = false,\n            loop = false,\n            controls = false,\n            playsInline = true,\n            onCanPlayThrough,\n            className,\n        },\n        ref\n    ) => {\n        const videoRef = useRef<HTMLVideoElement | null>(null);\n\n        useImperativeHandle<HTMLVideoElement | null, HTMLVideoElement | null>(\n            ref,\n            () => videoRef.current\n        );\n\n        useEffect(() => {\n            if (videoRef.current && videoRef.current.readyState > 3) {\n                onCanPlayThrough?.();\n            }\n        }, [onCanPlayThrough]);\n\n        return (\n            <AspectContainer\n                ratios={ratios}\n                isInverted={isInverted}\n                className={className}\n            >\n                <Video\n                    ref={videoRef}\n                    muted={muted}\n                    autoPlay={autoPlay}\n                    loop={loop}\n                    controls={controls}\n                    onCanPlayThrough={onCanPlayThrough}\n                    playsInline={playsInline}\n                >\n                    {urls?.map((url, i) => (\n                        <source src={url} key={i} />\n                    ))}\n                </Video>\n            </AspectContainer>\n        );\n    }\n);\n\nVideoBlock.displayName = 'VideoBlock';\n\nexport default VideoBlock;\n","import Check from 'components/base/icons/Check';\nimport { copyStyle } from 'components/typography/Copy';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { getColors as color, spacings } from 'utils/styles';\n\nconst View = styled.div`\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin-top: -${spacings.nudge}px;\n    margin-left: -${spacings.nudge * 2}px;\n\n    &:not(:first-child) {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst FactsWrapper = styled.div`\n    padding-top: ${spacings.nudge}px;\n    padding-left: ${spacings.nudge * 2}px;\n`;\n\nconst Fact = styled.span<{ isInverted?: boolean }>`\n    display: inline-flex;\n    align-items: center;\n    ${copyStyle('copy', 'medium')}\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.copyInverted : color(theme).text.copy};\n\n    & > * + * {\n        margin-left: ${spacings.nudge * 0.5}px;\n    }\n`;\n\nconst POIFacts: React.FC<{\n    facts: string[];\n    customFact?: (props: {\n        key: React.Key;\n        name: string;\n        isInverted?: boolean;\n    }) => React.ReactNode;\n    isInverted?: boolean;\n}> = ({ facts, customFact, isInverted }) => {\n    return (\n        <View>\n            {facts.map((fact, i) => (\n                <FactsWrapper key={'tag_' + i}>\n                    {customFact ? (\n                        customFact({\n                            key: `headtag-${i}`,\n                            name: fact || '',\n                            isInverted: isInverted,\n                        })\n                    ) : (\n                        <Fact isInverted={isInverted}>\n                            <Check />\n                            <span>{fact}</span>\n                        </Fact>\n                    )}\n                </FactsWrapper>\n            ))}\n        </View>\n    );\n};\n\nexport default POIFacts;\n","import React from 'react';\nimport styled from 'styled-components';\n\nimport POIFacts from 'components/blocks/POIFacts';\nimport Copy from 'components/typography/Copy';\nimport { isValidArray } from 'utils/arrays';\nimport { getColors as color, mq, spacings } from 'utils/styles';\nimport InfoList, { Info } from './InfoList';\n\nconst View = styled.div<{ isInverted?: boolean }>`\n    border: 1px solid\n        ${({ theme, isInverted }) =>\n            isInverted\n                ? color(theme).elementBg.light\n                : color(theme).elementBg.dark};\n    padding: ${spacings.nudge * 2}px;\n    border-radius: ${spacings.nudge}px;\n    overflow: hidden;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst Title = styled(Copy)`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n\n    &:not(:first-child) {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst Description = styled(Copy)`\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 Body = styled.div<{ isInverted?: boolean }>`\n    display: flex;\n    flex-direction: row;\n    /* align-items: flex-start; */\n\n    @media ${mq.semilarge} {\n        margin-left: -${spacings.spacer}px;\n        margin-right: -${spacings.spacer}px;\n\n        & > * + * {\n            border-left: 1px solid\n                ${({ theme, isInverted }) =>\n                    isInverted\n                        ? color(theme).elementBg.light\n                        : color(theme).elementBg.dark};\n        }\n    }\n`;\n\nconst Col = styled.div`\n    flex: 1 0 100%;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n\n    @media ${mq.semilarge} {\n        flex: 1 0 60%;\n        padding: 0 ${spacings.spacer}px;\n    }\n\n    @media ${mq.large} {\n        flex: 1 0 ${(2 / 3) * 100}%;\n    }\n`;\n\nconst InfoCol = styled(Col)`\n    display: none;\n    margin-bottom: ${spacings.nudge * 2}px;\n\n    @media ${mq.semilarge} {\n        display: block;\n        flex: 1 0 40%;\n    }\n\n    @media ${mq.large} {\n        display: block;\n        flex: 1 0 ${(1 / 3) * 100}%;\n    }\n`;\n\nconst Action = styled.div``;\n\nexport type POILocation = {\n    address: string;\n    street: string;\n    postalCode: string;\n    city: string;\n    coordinates?: { lat: number; long: number };\n    mail: string;\n    phone: string;\n    web: string;\n};\n\nexport type POIContact = {\n    name: string;\n    position: string;\n    street: string;\n    postalCode: string;\n    city: string;\n    mail: string;\n    phone: string;\n};\n\nexport interface POICardProps {\n    /** Invert text and background for use on dark sections */\n    isInverted?: boolean;\n\n    /** POI name */\n    name: string;\n\n    /** Short POI description text (RichText) */\n    shortDescription?: string;\n\n    /** Array of additional POI informations */\n    infos?: Info[];\n\n    /** Array of POI facts */\n    facts?: string[];\n\n    /** Function to inject custom fact node */\n    customFact?: (props: {\n        key: React.Key;\n        name: string;\n        isInverted?: boolean;\n    }) => React.ReactNode;\n\n    /** Function to inject custom action node */\n    action?: (isInverted?: boolean) => React.ReactNode;\n}\n\nconst POICard: React.FC<POICardProps> = ({\n    isInverted,\n    name,\n    shortDescription,\n    facts,\n    infos,\n    customFact,\n    action,\n}) => {\n    const hasFacts = isValidArray(facts, false);\n    const hasInfos = isValidArray(infos, false);\n\n    return (\n        <View isInverted={isInverted}>\n            {name && (\n                <Title type=\"copy-b\" size=\"big\" isInverted={isInverted}>\n                    {name}\n                </Title>\n            )}\n            {(hasFacts || shortDescription || hasInfos || action) && (\n                <Body isInverted={isInverted}>\n                    <Col>\n                        {isValidArray(facts, false) && (\n                            <POIFacts\n                                facts={facts}\n                                isInverted={isInverted}\n                                customFact={customFact}\n                            />\n                        )}\n                        {shortDescription && (\n                            <Description\n                                isInverted={isInverted}\n                                innerHTML={shortDescription}\n                            />\n                        )}\n                        {action && <Action>{action(isInverted)}</Action>}\n                    </Col>\n                    {isValidArray(infos, false) && (\n                        <InfoCol>\n                            <InfoList\n                                isInverted={isInverted}\n                                items={[\n                                    {\n                                        items: infos,\n                                    },\n                                ]}\n                            />\n                        </InfoCol>\n                    )}\n                </Body>\n            )}\n        </View>\n    );\n};\n\nexport default POICard;\n"],"names":["View","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","isCentered","mq","semilarge","spacings","spacer","Content","templateObject_2","StyledTitle","Title","templateObject_3","clamp","ContentBlock","Copy","templateObject_5","maxLines","css","nudge","StyledActions","Actions","medium","MobileImageContainer","templateObject_7","DesktopImageContainer","templateObject_8","large","ImageContainer","MainContent","TagContainer","templateObject_4","TitleWrapper","TagWrapper","templateObject_6","TitleLink","Link","copyStyle","theme","isInverted","font","getFonts","big","colorInverted","color","Text","Container","ul","Item","li","Infos","Icon","InfoList","items","className","React","createElement","map","group","i","groupItems","filter","item","text","hasItems","isValidArray","key","title","size","type","renderAs","info","ii","icon","innerHTML","allowLinkIcons","AnimationContainer","PosterImage","Image","AnimationImage","img","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","Fragment","imgZoom","imgZoomPoint","undefined","getValidZoomPoint","style","zIndex","src","image","alt","point","clampValue","PosterView","BgImage","focus","PlaceholderImg","AutoplayVideo","video","isVisible","AspectContainer","global","sections","edgeRadius","ratios","small","getGlobals","imagePlaceholderBg","inverted","default","xlarge","Video","VideoBlock","forwardRef","ref","urls","muted","autoPlay","loop","controls","_f","playsInline","onCanPlayThrough","videoRef","useImperativeHandle","readyState","url","FactsWrapper","Fact","span","copyInverted","copy","POIFacts","facts","customFact","fact","name","Check","elementBg","light","dark","Description","Body","Col","InfoCol","Action","customTag","onTagClick","date","link","tags","action","globals","useLibTheme","publishedAt","StatusFormatter","getTime","eventDateFormat","eventTimeFormat","eventLocaleKey","getFormattedDate","handleTagClick","tag","ev","preventDefault","filteredTags","useMemo","__assign","coverSpace","allowEdgeRadius","w","h","isActive","clickHandler","Tag","onClick","onImageChange","children","currentMq","useMediaQuery","loadedImages","setLoadedImages","imagePromises","requestedImages","id","req","Promise","resolve","onload","preloadImages","__awaiter","promise","loadedImg","sent","find","e","_i","imagePromises_1","bgImage","loadOnMobile","placeholderImg","videoUrl","viewRef","isLoaded","setLoaded","isObserverSupported","useObserverSupport","isMobile","isVideoAllowed","isVideoActive","setVideoActive","useUpdateEffect","observer","IntersectionObserver","entries","entry","isIntersecting","unobserve","target","rootMargin","viewEl","observe","colorMode","titleAs","titleSize","superTitle","superTitleAs","abstract","textType","textSize","primaryAction","secondaryAction","_g","_h","clampTitle","_j","clampAbstract","maxTitleLines","maxAbstractLines","_k","clampText","maxTextLines","titleHyphens","as","textColor","primary","secondary","shortDescription","infos","hasFacts","hasInfos"],"mappings":"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"}

package/cjs/TableBlock-080c9c2e.js

@@ -1,2 +0,0 @@
-"use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),i=require("./Copy-e860efe7.js"),o=require("./styles-0f1a0aea.js"),l=require("./LibThemeProvider-fb99fd6d.js"),r=require("./Link-70143bb7.js");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var d,s,c,p,u,f,m,g,b,x,h,v,k=a(e),w=a(t),y=w.default.div.withConfig({displayName:"Title__View",componentId:"sc-1pyc768-0"})(d||(d=n.__makeTemplateObject(["\n    display: block;\n    text-align: ",";\n    margin: ",";\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    display: block;\n    text-align: ",";\n    margin: ",";\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),(function(n){return n.isCentered?"center":"left"}),(function(n){return n.isCentered&&"0 auto"}),2*o.spacings.nudge),_=w.default(i.Heading).withConfig({displayName:"Title__SuperTitle",componentId:"sc-1pyc768-1"})(s||(s=n.__makeTemplateObject(["\n    display: block;\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n"],["\n    display: block;\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n"]))),T=w.default(i.Heading).withConfig({displayName:"Title__MainTitle",componentId:"sc-1pyc768-2"})(p||(p=n.__makeTemplateObject(["\n    display: block;\n\n    ","\n"],["\n    display: block;\n\n    ","\n"])),(function(e){var i=e.maxLines;return i&&i>0&&t.css(c||(c=n.__makeTemplateObject(["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ","; /* number of lines to show */\n            line-clamp: ",";\n            -webkit-box-orient: vertical;\n        "],["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ","; /* number of lines to show */\n            line-clamp: ",";\n            -webkit-box-orient: vertical;\n        "])),i,i)})),C=w.default(r.Link).withConfig({displayName:"Tag__View",componentId:"sc-1mw8uhi-0"})(f||(f=n.__makeTemplateObject(["\n    display: inline-block;\n    border: 1px solid\n        ",";\n    border-radius: 8px;\n\n    padding: 1px ","px;\n    max-height: 28px;\n    min-width: 60px;\n    user-select: none;\n\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    text-align: center;\n\n    text-decoration: none;\n\n    ","\n\n    background: none;\n\n    && {\n        background-color: ",";\n        color: ",";\n\n        transition: background-color 0.2s ease-in-out, color 0.1s ease-in-out;\n    }\n\n    cursor: ",";\n\n    ","\n\n    &:focus {\n        /* background-color: ",";\n        color: ","; */\n        outline: 2px solid\n            ",";\n        outline-offset: -1px;\n        text-decoration: underline;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        text-decoration: none;\n    }\n"],["\n    display: inline-block;\n    border: 1px solid\n        ",";\n    border-radius: 8px;\n\n    padding: 1px ","px;\n    max-height: 28px;\n    min-width: 60px;\n    user-select: none;\n\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    text-align: center;\n\n    text-decoration: none;\n\n    ","\n\n    background: none;\n\n    && {\n        background-color: ",";\n        color: ",";\n\n        transition: background-color 0.2s ease-in-out, color 0.1s ease-in-out;\n    }\n\n    cursor: ",";\n\n    ","\n\n    &:focus {\n        /* background-color: ",";\n        color: ","; */\n        outline: 2px solid\n            ",";\n        outline-offset: -1px;\n        text-decoration: underline;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        text-decoration: none;\n    }\n"])),(function(n){return n.isInverted?"#dddddd":"#444444"}),o.spacings.nudge,i.copyStyle("copy","small"),(function(n){var e=n.isActive,t=n.isInverted;return e&&(t?"#dddddd":"#444444")}),(function(n){var e=n.isActive,t=n.isInverted;return e?t?"#444444":"#ffff":t?"#dddddd":"#444444"}),(function(n){return n.isClickable?"pointer":"default"}),(function(e){var i=e.isClickable,o=e.isInverted;return i&&t.css(u||(u=n.__makeTemplateObject(["\n            @media (hover: hover) and (pointer: fine) {\n                &&:hover {\n                    background-color: ",";\n                    color: ",";\n                }\n            }\n        "],["\n            @media (hover: hover) and (pointer: fine) {\n                &&:hover {\n                    background-color: ",";\n                    color: ",";\n                }\n            }\n        "])),o?"#dddddd":"#444444",o?"#444444":"#ffff")}),(function(n){return n.isInverted?"#dddddd":"#444444"}),(function(n){return n.isInverted?"#444444":"#ffff"}),(function(n){var e=n.isInverted,t=n.theme;return e?o.getColors(t).primary.inverted:o.getColors(t).primary.default})),I=w.default.div.withConfig({displayName:"TableBlock__View",componentId:"sc-1n2im8m-0"})(m||(m=n.__makeTemplateObject(["\n    &:focus {\n        outline: 1px dashed ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"],["\n    &:focus {\n        outline: 1px dashed ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"])),(function(n){var e=n.theme;return o.getColors(e).primary.default})),j=w.default(i.Copy).withConfig({displayName:"TableBlock__Caption",componentId:"sc-1n2im8m-1"})(g||(g=n.__makeTemplateObject(["\n    margin-bottom: ","px;\n    padding: 0 ","px;\n    text-align: left;\n"],["\n    margin-bottom: ","px;\n    padding: 0 ","px;\n    text-align: left;\n"])),o.spacings.nudge,2*o.spacings.nudge),B=w.default.div.withConfig({displayName:"TableBlock__TableContainer",componentId:"sc-1n2im8m-2"})(b||(b=n.__makeTemplateObject(["\n    overflow-x: scroll;\n    overflow-y: hidden;\n    white-space: nowrap;\n\n    &:focus {\n        outline: none;\n        border: 1px solid ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        border: none;\n    }\n\n    &::-webkit-scrollbar {\n        display: none;\n        scrollbar-width: none;\n    }\n"],["\n    overflow-x: scroll;\n    overflow-y: hidden;\n    white-space: nowrap;\n\n    &:focus {\n        outline: none;\n        border: 1px solid ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        border: none;\n    }\n\n    &::-webkit-scrollbar {\n        display: none;\n        scrollbar-width: none;\n    }\n"])),(function(n){var e=n.theme;return o.getColors(e).primary.default})),N=w.default.table.withConfig({displayName:"TableBlock__TableBody",componentId:"sc-1n2im8m-3"})(x||(x=n.__makeTemplateObject(["\n    width: 100%;\n    max-width: 100%;\n\n    border-collapse: separate;\n    border-spacing: 0 ","px;\n\n    padding: 0 ","px;\n"],["\n    width: 100%;\n    max-width: 100%;\n\n    border-collapse: separate;\n    border-spacing: 0 ","px;\n\n    padding: 0 ","px;\n"])),.5*o.spacings.nudge,2*o.spacings.nudge),E=w.default(i.Copy).withConfig({displayName:"TableBlock__TableHead",componentId:"sc-1n2im8m-4"})(h||(h=n.__makeTemplateObject(["\n    text-align: left;\n    color: ",";\n    background-color: ",";\n\n    padding: 0 ","px;\n    height: 56px;\n    box-sizing: content-box;\n\n    :last-child {\n        padding-right: ","px;\n        text-align: ",";\n    }\n"],["\n    text-align: left;\n    color: ",";\n    background-color: ",";\n\n    padding: 0 ","px;\n    height: 56px;\n    box-sizing: content-box;\n\n    :last-child {\n        padding-right: ","px;\n        text-align: ",";\n    }\n"])),(function(n){var e=n.theme;return n.isInverted?o.getColors(e).text.inverted:o.getColors(e).text.default}),(function(n){var e=n.theme;return n.isInverted?o.getColors(e).elementBg.dark:o.getColors(e).elementBg.medium}),3*o.spacings.nudge,2.5*o.spacings.spacer,(function(n){return n.alignRight?"right":"left"})),O=w.default(i.Copy).withConfig({displayName:"TableBlock__TableData",componentId:"sc-1n2im8m-5"})(v||(v=n.__makeTemplateObject(["\n    padding: 0 ","px;\n    height: 56px;\n    box-sizing: content-box;\n\n    background-color: ",";\n\n    :last-child {\n        text-align: ",";\n        padding-right: ","px;\n    }\n"],["\n    padding: 0 ","px;\n    height: 56px;\n    box-sizing: content-box;\n\n    background-color: ",";\n\n    :last-child {\n        text-align: ",";\n        padding-right: ","px;\n    }\n"])),3*o.spacings.nudge,(function(n){var e=n.hasBack,t=n.theme;return e?o.getColors(t).elementBg.light:o.getColors(t).elementBg.medium}),(function(n){return n.alignRight?"right":"left"}),2.5*o.spacings.spacer),A=e.forwardRef((function(n,e){var t=n.row,i=n.tableTitle,o=n.rowTitle,l=n.isInverted,r=void 0!==l&&l,a=n.hasBack,d=void 0!==a&&a,s=n.lastCol,c=void 0===s?"left":s;return k.default.createElement(I,{ref:e},k.default.createElement(B,{tabIndex:1},k.default.createElement(N,null,i&&k.default.createElement(j,{renderAs:"caption",type:"copy-b",isInverted:r},i),o&&k.default.createElement("thead",null,k.default.createElement("tr",null,o.map((function(n,e){return k.default.createElement(E,{key:e,type:"copy-b",renderAs:"th",isInverted:!r,alignRight:"right"===c},n)})))),k.default.createElement("tbody",null,t.map((function(n,e){var t=n.cols;return k.default.createElement("tr",{key:e},t.map((function(n,e){return k.default.createElement(O,{key:e,renderAs:"td",hasBack:d,alignRight:"right"===c,innerHTML:n})})))}))))))}));A.displayName="TableBlock",exports.TableBlock=A,exports.Tag=function(e){var t=e.name,i=e.link,o=e.isInverted,l=e.isActive,r=e.onClick,a=e.className,d=e.children,s=(null==i?void 0:i.href)?"a":r?"button":"span";return k.default.createElement(C,n.__assign({as:s,isInverted:o,isActive:l,onClick:r,isClickable:!!r||!(!i||!i.href),className:a},i),t||d)},exports.Title=function(n){var e=n.colorMode,t=void 0===e?"default":e,i=n.superTitle,o=n.superTitleAs,r=n.title,a=n.titleAs,d=n.titleSize,s=void 0===d?"heading-2":d,c=n.maxLines,p=n.isCentered,u=void 0!==p&&p,f=n.titleHyphens,m=n.className,g=l.useLibTheme().colors;return k.default.createElement(y,{isCentered:u,className:m},i&&k.default.createElement(_,{renderAs:o||"div",size:"super",textColor:"onImage"===t?g.text.inverted:void 0,isInverted:"inverted"===t,innerHTML:i}),r&&k.default.createElement(T,{renderAs:a||"h2",size:"heading-1"===s?"heading-1":"heading-2",hyphens:f,textColor:"onImage"===t?g.text.inverted:void 0,isInverted:"inverted"===t,innerHTML:r,maxLines:c}))};
-//# sourceMappingURL=TableBlock-080c9c2e.js.map

package/cjs/TableBlock-080c9c2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableBlock-080c9c2e.js","sources":["../src/components/blocks/Title.tsx","../src/components/blocks/Tag.tsx","../src/components/blocks/TableBlock.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport Heading, { HeadlineTag } from 'components/typography/Heading';\nimport { FontType, spacings } from 'utils/styles';\nimport { useLibTheme } from 'utils/LibThemeProvider';\n\nconst View = styled.div<{ isCentered?: boolean }>`\n    display: block;\n    text-align: ${({ isCentered }) => (isCentered ? 'center' : 'left')};\n    margin: ${({ isCentered }) => isCentered && '0 auto'};\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n`;\n\nconst SuperTitle = styled(Heading)`\n    display: block;\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n`;\n\nconst MainTitle = styled(Heading)<{ maxLines?: number }>`\n    display: block;\n\n    ${({ maxLines }) =>\n        maxLines &&\n        maxLines > 0 &&\n        css`\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ${maxLines}; /* number of lines to show */\n            line-clamp: ${maxLines};\n            -webkit-box-orient: vertical;\n        `}\n`;\n\nexport type TitleSize = Extract<FontType, 'heading-1' | 'heading-2'>;\n\nconst Title: FC<{\n    /**\n     * Text color mode mostly background dependent.\n     * The value onImage is used if the title is placed on an underlying image\n     * */\n    colorMode?: 'default' | 'inverted' | 'onImage';\n\n    /** Superior title that stands above main title */\n    superTitle?: string;\n\n    /** Superior title HTML tag type (h3, h4 ...) */\n    superTitleAs?: HeadlineTag;\n\n    /** Main title text */\n    title?: string;\n\n    /** Main title HTML tag type (h2, h3, h4...) */\n    titleAs?: HeadlineTag;\n\n    /** Style type of main title */\n    titleSize?: TitleSize;\n\n    /** Clamp lines of text to specific number */\n    maxLines?: number;\n\n    /** Center texts */\n    isCentered?: boolean;\n\n    /** Enable titel text hypens */\n    titleHyphens?: boolean;\n\n    className?: string;\n}> = ({\n    colorMode = 'default',\n    superTitle,\n    superTitleAs,\n    title,\n    titleAs,\n    titleSize = 'heading-2',\n    maxLines,\n    isCentered = false,\n    titleHyphens,\n    className,\n}) => {\n    const { colors } = useLibTheme();\n\n    return (\n        <View isCentered={isCentered} className={className}>\n            {superTitle && (\n                <SuperTitle\n                    renderAs={superTitleAs || 'div'}\n                    size=\"super\"\n                    textColor={\n                        colorMode === 'onImage'\n                            ? colors.text.inverted\n                            : undefined\n                    }\n                    isInverted={colorMode === 'inverted'}\n                    innerHTML={superTitle}\n                />\n            )}\n            {title && (\n                <MainTitle\n                    renderAs={titleAs || 'h2'}\n                    size={titleSize === 'heading-1' ? 'heading-1' : 'heading-2'}\n                    hyphens={titleHyphens}\n                    textColor={\n                        colorMode === 'onImage'\n                            ? colors.text.inverted\n                            : undefined\n                    }\n                    isInverted={colorMode === 'inverted'}\n                    innerHTML={title}\n                    maxLines={maxLines}\n                />\n            )}\n        </View>\n    );\n};\n\nexport default Title;\n","import React, { FC } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { copyStyle } from 'components/typography/Copy';\nimport Link, { LinkProps } from 'components/typography/Link';\nimport { getColors, spacings } from 'utils/styles';\n\nconst View = styled(Link)<{\n    isInverted?: boolean;\n    isActive?: boolean;\n    isClickable?: boolean;\n}>`\n    display: inline-block;\n    border: 1px solid\n        ${({ isInverted }) => (isInverted ? '#dddddd' : '#444444')};\n    border-radius: 8px;\n\n    padding: 1px ${spacings.nudge}px;\n    max-height: 28px;\n    min-width: 60px;\n    user-select: none;\n\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    text-align: center;\n\n    text-decoration: none;\n\n    ${copyStyle('copy', 'small')}\n\n    background: none;\n\n    && {\n        background-color: ${({ isActive, isInverted }) =>\n            isActive && (isInverted ? '#dddddd' : '#444444')};\n        color: ${({ isActive, isInverted }) => {\n            if (isActive) {\n                return isInverted ? '#444444' : '#ffff';\n            } else {\n                return isInverted ? '#dddddd' : '#444444';\n            }\n        }};\n\n        transition: background-color 0.2s ease-in-out, color 0.1s ease-in-out;\n    }\n\n    cursor: ${({ isClickable }) => (isClickable ? 'pointer' : 'default')};\n\n    ${({ isClickable, isInverted }) =>\n        isClickable &&\n        css`\n            @media (hover: hover) and (pointer: fine) {\n                &&:hover {\n                    background-color: ${isInverted ? '#dddddd' : '#444444'};\n                    color: ${isInverted ? '#444444' : '#ffff'};\n                }\n            }\n        `}\n\n    &:focus {\n        /* background-color: ${({ isInverted }) =>\n            isInverted ? '#dddddd' : '#444444'};\n        color: ${({ isInverted }) => (isInverted ? '#444444' : '#ffff')}; */\n        outline: 2px solid\n            ${({ isInverted, theme }) =>\n                isInverted\n                    ? getColors(theme).primary.inverted\n                    : getColors(theme).primary.default};\n        outline-offset: -1px;\n        text-decoration: underline;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        text-decoration: none;\n    }\n`;\n\nexport interface TagProps {\n    name?: string;\n    link?: LinkProps;\n}\n\nconst Tag: FC<\n    TagProps & {\n        /** Invert colors to use on dark background */\n        isInverted?: boolean;\n\n        /** Highlight tag if active */\n        isActive?: boolean;\n\n        /** Click callback */\n        onClick?: (ev?: React.SyntheticEvent<HTMLElement>) => void;\n        className?: string;\n        children?: React.ReactNode;\n    }\n> = ({ name, link, isInverted, isActive, onClick, className, children }) => {\n    const tag = link?.href ? 'a' : onClick ? 'button' : 'span';\n\n    return (\n        <View\n            as={tag}\n            isInverted={isInverted}\n            isActive={isActive}\n            onClick={onClick}\n            isClickable={!!onClick || !!(link && link.href)}\n            className={className}\n            {...link}\n        >\n            {name || children}\n        </View>\n    );\n};\n\nexport default Tag;\n","import Copy from 'components/typography/Copy';\nimport React, { forwardRef } from 'react';\nimport styled from 'styled-components';\n\nimport { getColors as color, spacings } from 'utils/styles';\n\nconst View = styled.div`\n    &:focus {\n        outline: 1px dashed ${({ theme }) => color(theme).primary.default};\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n`;\n\nconst Caption = styled(Copy)`\n    margin-bottom: ${spacings.nudge}px;\n    padding: 0 ${spacings.nudge * 2}px;\n    text-align: left;\n`;\n\nconst TableContainer = styled.div`\n    overflow-x: scroll;\n    overflow-y: hidden;\n    white-space: nowrap;\n\n    &:focus {\n        outline: none;\n        border: 1px solid ${({ theme }) => color(theme).primary.default};\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        border: none;\n    }\n\n    &::-webkit-scrollbar {\n        display: none;\n        scrollbar-width: none;\n    }\n`;\n\nconst TableBody = styled.table`\n    width: 100%;\n    max-width: 100%;\n\n    border-collapse: separate;\n    border-spacing: 0 ${spacings.nudge * 0.5}px;\n\n    padding: 0 ${spacings.nudge * 2}px;\n`;\n\nconst TableHead = styled(Copy)<{\n    isInverted?: boolean;\n    alignRight?: boolean;\n}>`\n    text-align: left;\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n    background-color: ${({ theme, isInverted }) =>\n        isInverted\n            ? color(theme).elementBg.dark\n            : color(theme).elementBg.medium};\n\n    padding: 0 ${spacings.nudge * 3}px;\n    height: 56px;\n    box-sizing: content-box;\n\n    :last-child {\n        padding-right: ${spacings.spacer * 2.5}px;\n        text-align: ${({ alignRight }) => (alignRight ? 'right' : 'left')};\n    }\n`;\n\nconst TableData = styled(Copy)<{\n    hasBack?: boolean;\n    alignRight?: boolean;\n}>`\n    padding: 0 ${spacings.nudge * 3}px;\n    height: 56px;\n    box-sizing: content-box;\n\n    background-color: ${({ hasBack, theme }) =>\n        hasBack ? color(theme).elementBg.light : color(theme).elementBg.medium};\n\n    :last-child {\n        text-align: ${({ alignRight }) => (alignRight ? 'right' : 'left')};\n        padding-right: ${spacings.spacer * 2.5}px;\n    }\n`;\n\nexport interface TableProps {\n    tableTitle?: string;\n    rowTitle?: string[];\n    row: Array<{\n        cols: string[];\n    }>;\n    isInverted?: boolean;\n    hasBack?: boolean;\n    lastCol?: 'left' | 'right';\n}\n\nconst TableBlock = forwardRef<HTMLDivElement, TableProps>(\n    (\n        {\n            row,\n            tableTitle,\n            rowTitle,\n            isInverted = false,\n            hasBack = false,\n            lastCol = 'left',\n        },\n        ref\n    ) => {\n        return (\n            <View ref={ref}>\n                <TableContainer tabIndex={1}>\n                    <TableBody>\n                        {tableTitle && (\n                            <Caption\n                                renderAs=\"caption\"\n                                type=\"copy-b\"\n                                isInverted={isInverted}\n                            >\n                                {tableTitle}\n                            </Caption>\n                        )}\n                        {rowTitle && (\n                            <thead>\n                                <tr>\n                                    {rowTitle.map((item, ii) => (\n                                        <TableHead\n                                            key={ii}\n                                            type=\"copy-b\"\n                                            renderAs=\"th\"\n                                            isInverted={!isInverted}\n                                            alignRight={lastCol === 'right'}\n                                        >\n                                            {item}\n                                        </TableHead>\n                                    ))}\n                                </tr>\n                            </thead>\n                        )}\n                        <tbody>\n                            {row.map(({ cols }, i) => (\n                                <tr key={i}>\n                                    {cols.map((itemText, ii) => {\n                                        return (\n                                            <TableData\n                                                key={ii}\n                                                renderAs=\"td\"\n                                                hasBack={hasBack}\n                                                alignRight={lastCol === 'right'}\n                                                innerHTML={itemText}\n                                            />\n                                        );\n                                    })}\n                                </tr>\n                            ))}\n                        </tbody>\n                    </TableBody>\n                </TableContainer>\n            </View>\n        );\n    }\n);\n\nTableBlock.displayName = 'TableBlock';\n\nexport default TableBlock;\n"],"names":["View","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","isCentered","spacings","nudge","SuperTitle","Heading","templateObject_2","MainTitle","templateObject_4","maxLines","css","Link","isInverted","copyStyle","isActive","isClickable","theme","getColors","primary","inverted","default","color","Caption","Copy","TableContainer","templateObject_3","TableBody","table","TableHead","templateObject_5","text","elementBg","dark","medium","spacer","alignRight","TableData","templateObject_6","hasBack","light","TableBlock","forwardRef","ref","row","tableTitle","rowTitle","_b","_c","_d","lastCol","React","createElement","tabIndex","renderAs","type","map","item","ii","key","i","cols","itemText","innerHTML","name","link","onClick","className","children","tag","href","__assign","as","colorMode","superTitle","superTitleAs","title","titleAs","titleSize","titleHyphens","colors","useLibTheme","size","textColor","undefined","hyphens"],"mappings":"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"}

package/cjs/VideoCard-1fa209fc.js

@@ -1,2 +0,0 @@
-"use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),o=require("./styles-0f1a0aea.js"),r=require("./useCookieConsent-0bf94751.js"),a=require("./Copy-e860efe7.js"),i=require("./ButtonGhost-046437c5.js"),l=require("./LibThemeProvider-fb99fd6d.js");function c(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function s(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach((function(t){if("default"!==t){var o=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,o.get?o:{enumerable:!0,get:function(){return n[t]}})}})),e.default=n,Object.freeze(e)}var d,u,m,g,p,b,f,v=s(e),h=c(e),y=c(t),k=y.default.svg.withConfig({displayName:"Filter__SVG",componentId:"sc-noawe1-0"})(d||(d=n.__makeTemplateObject(["\n    display: block;\n"],["\n    display: block;\n"]))),C=y.default.div.withConfig({displayName:"VideoCard__View",componentId:"sc-7e1mvm-0"})(u||(u=n.__makeTemplateObject(["\n    text-align: center;\n\n    cursor: ",";\n    position: relative;\n\n    padding-bottom: 56.25%;\n\n    background-image: url('","');\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n\n    border-radius: ",";\n    overflow: hidden;\n\n    @media "," {\n        text-align: left;\n\n        background-image: ",";\n    }\n\n    @media "," {\n        background-image: ",";\n    }\n\n    @media "," {\n        background-image: ",";\n    }\n\n    @media "," {\n        background-image: ",";\n    }\n\n    &:before {\n        content: ",";\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background-color: ",";\n        opacity: ",";\n\n        pointer-events: none;\n    }\n\n    &:after {\n        content: ",";\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        pointer-events: none;\n\n        background: linear-gradient(\n            358.19deg,\n            rgba(29, 34, 35, 0.52) 12.37%,\n            rgba(29, 34, 35, 0) 59.02%\n        );\n    }\n"],["\n    text-align: center;\n\n    cursor: ",";\n    position: relative;\n\n    padding-bottom: 56.25%;\n\n    background-image: url('","');\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n\n    border-radius: ",";\n    overflow: hidden;\n\n    @media "," {\n        text-align: left;\n\n        background-image: ",";\n    }\n\n    @media "," {\n        background-image: ",";\n    }\n\n    @media "," {\n        background-image: ",";\n    }\n\n    @media "," {\n        background-image: ",";\n    }\n\n    &:before {\n        content: ",";\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background-color: ",";\n        opacity: ",";\n\n        pointer-events: none;\n    }\n\n    &:after {\n        content: ",";\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        pointer-events: none;\n\n        background: linear-gradient(\n            358.19deg,\n            rgba(29, 34, 35, 0.52) 12.37%,\n            rgba(29, 34, 35, 0) 59.02%\n        );\n    }\n"])),(function(n){return n.onClick&&"pointer"}),(function(n){var e=n.bgImage;return e?e.small:""}),(function(n){var e=n.theme;return o.getGlobals(e).sections.edgeRadius}),o.mq.medium,(function(n){var e=n.bgImage;return(null==e?void 0:e.medium)&&'url("'.concat(e.medium,'")')}),o.mq.semilarge,(function(n){var e=n.bgImage;return(null==e?void 0:e.semilarge)&&'url("'.concat(e.semilarge,'")')}),o.mq.large,(function(n){var e=n.bgImage;return(null==e?void 0:e.large)&&'url("'.concat(e.large,'")')}),o.mq.xlarge,(function(n){var e=n.bgImage;return(null==e?void 0:e.xlarge)&&'url("'.concat(e.xlarge,'")')}),(function(n){var e=n.isActive,t=n.bgImage;return!e&&t&&'""'}),(function(n){var e=n.theme;return o.getColors(e).elementBg.medium}),(function(n){return n.bgImage?"0.3":"0"}),(function(n){var e=n.isActive,t=n.bgImage;return!e&&t&&'""'})),x=y.default.button.withConfig({displayName:"VideoCard__VideoControls",componentId:"sc-7e1mvm-1"})(m||(m=n.__makeTemplateObject(["\n    display: block;\n    border: none;\n    background: none;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: ",";\n    z-index: 1;\n    padding: 0;\n\n    cursor: pointer;\n\n    & > * {\n        opacity: 0.8;\n        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n        height: 80px;\n        width: 80px;\n\n        color: ",";\n    }\n\n    ",":hover > & > * {\n        transform: scale(1.05);\n        opacity: 1;\n    }\n\n    ",":active > & > * {\n        transform: scale(0.95);\n        opacity: 1;\n    }\n\n    &:focus {\n        outline: 2px solid ",";\n        border-radius: 50%;\n        opacity: 1;\n\n        & > * {\n            color: ",";\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        box-shadow: none;\n    }\n"],["\n    display: block;\n    border: none;\n    background: none;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: ",";\n    z-index: 1;\n    padding: 0;\n\n    cursor: pointer;\n\n    & > * {\n        opacity: 0.8;\n        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n        height: 80px;\n        width: 80px;\n\n        color: ",";\n    }\n\n    ",":hover > & > * {\n        transform: scale(1.05);\n        opacity: 1;\n    }\n\n    ",":active > & > * {\n        transform: scale(0.95);\n        opacity: 1;\n    }\n\n    &:focus {\n        outline: 2px solid ",";\n        border-radius: 50%;\n        opacity: 1;\n\n        & > * {\n            color: ",";\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        box-shadow: none;\n    }\n"])),(function(n){var e=n.theme;return o.getColors(e).elementBg.light}),(function(n){var e=n.theme;return o.getColors(e).elementBg.dark}),C,C,(function(n){var e=n.theme;return o.getColors(e).primary.default}),(function(n){var e=n.theme;return o.getColors(e).primary.default})),w=y.default.div.withConfig({displayName:"VideoCard__ConsentOverlay",componentId:"sc-7e1mvm-2"})(g||(g=n.__makeTemplateObject(["\n    display: ",";\n    justify-content: center;\n    align-items: center;\n\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 2;\n    background-color: rgba(0, 0, 0, 0.6);\n    pointer-events: ",";\n"],["\n    display: ",";\n    justify-content: center;\n    align-items: center;\n\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 2;\n    background-color: rgba(0, 0, 0, 0.6);\n    pointer-events: ",";\n"])),(function(n){return n.isVisible?"flex":"none"}),(function(n){return n.isVisible?"all":"none"})),_=y.default.div.withConfig({displayName:"VideoCard__ConsentContent",componentId:"sc-7e1mvm-3"})(p||(p=n.__makeTemplateObject(["\n    max-width: 330px;\n    text-align: center;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    max-width: 330px;\n    text-align: center;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),3*o.spacings.nudge),I=y.default(a.Copy).withConfig({displayName:"VideoCard__ConsentText",componentId:"sc-7e1mvm-4"})(b||(b=n.__makeTemplateObject([""],[""]))),j=y.default.iframe.withConfig({displayName:"VideoCard__Iframe",componentId:"sc-7e1mvm-5"})(f||(f=n.__makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n\n    border: none;\n"],["\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n\n    border: none;\n"])));exports.Filter=function(n){var e=n.iconColor,t=void 0===e?"currentColor":e,o=n.className,r=n.ariaHidden,a=void 0===r||r;return v.createElement(k,{width:"24",height:"24",viewBox:"0 0 24 24",className:o,fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":a},v.createElement("path",{d:"M10 18h4v-2h-4v2ZM3 6v2h18V6H3Zm3 7h12v-2H6v2Z",fill:t}))},exports.VideoCard=function(t){var o,a=t.bgImage,c=t.embedId,s=t.playIcon,d=t.consentText,u=void 0===d?"Für die Wiedergabe von Videos muss der Nutzung von Cookies & Daten zugestimmt werden.":d,m=t.consentAction,g=t.className,p=l.useLibTheme().globals,b=e.useState(!1),f=b[0],v=b[1],y=e.useState(!1),k=y[0],V=y[1],O=function(){V(!1)};return h.default.createElement(C,{onClick:k?void 0:function(){var n=r.getCookie(p.cookie.name),e=p.cookie.videoCookieTypeRestrictions.reduce((function(e,t){var o,r;return e?!(!n||!(null==n?void 0:n.data.types))&&(e=!!(null===(r=null===(o=null==n?void 0:n.data)||void 0===o?void 0:o.types)||void 0===r?void 0:r[t])):e}),!0);e?(v(!0),V(!1)):V(!0)},bgImage:f?void 0:a,isActive:f,className:g},!f&&!k&&h.default.createElement(x,null,s||h.default.createElement(n.Play,{iconColor:"#000"})),f&&h.default.createElement(j,{id:"ytplayer",src:"https://www.youtube.com/embed/".concat(c,"?autoplay=1"),allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"}),h.default.createElement(w,{isVisible:k},h.default.createElement(_,null,u&&h.default.createElement(I,{isInverted:!0},u),m?m({handleClick:O,consentProps:(o={},o[r.selectors.buttons.attribute]="",o)}):h.default.createElement(i.ButtonGhost.View,{as:"button",isInverted:!0,onClick:O,className:r.selectors.buttons.class},h.default.createElement(i.ButtonGhost.Label,null,"Zustimmung ändern")))))};
-//# sourceMappingURL=VideoCard-1fa209fc.js.map

package/cjs/VideoCard-1fa209fc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VideoCard-1fa209fc.js","sources":["../src/components/base/icons/Filter.tsx","../src/components/blocks/VideoCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nconst SVG = styled.svg`\n    display: block;\n`;\n\nconst Filter: React.FC<{\n    iconColor?: string;\n    className?: string;\n    ariaHidden?: boolean;\n}> = ({ iconColor = 'currentColor', className, ariaHidden = true }) => (\n    <SVG\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        className={className}\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        aria-hidden={ariaHidden}\n    >\n        <path\n            d=\"M10 18h4v-2h-4v2ZM3 6v2h18V6H3Zm3 7h12v-2H6v2Z\"\n            fill={iconColor}\n        />\n    </SVG>\n);\n\nexport default Filter;\n","import React, { FC, useState } from 'react';\nimport styled from 'styled-components';\n\nimport { ImageProps } from 'components/blocks/Image';\nimport {\n    mq,\n    getColors as color,\n    getGlobals as global,\n    spacings,\n} from 'utils/styles';\nimport Play from 'components/base/icons/Play';\nimport {\n    CookieConsentData,\n    selectors,\n} from 'utils/cookie-consent/useCookieConsent';\nimport { Cookie, getCookie } from 'utils/cookie-consent/cookie';\nimport Copy from 'components/typography/Copy';\nimport ButtonGhost from 'components/buttons/ButtonGhost';\nimport { useLibTheme } from 'utils/LibThemeProvider';\n\nconst View = styled.div<{\n    bgImage?: ImageProps;\n    isActive?: boolean;\n    onClick?: () => void;\n}>`\n    text-align: center;\n\n    cursor: ${({ onClick }) => onClick && 'pointer'};\n    position: relative;\n\n    padding-bottom: 56.25%;\n\n    background-image: url('${({ bgImage }) => (bgImage ? bgImage.small : '')}');\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n    overflow: hidden;\n\n    @media ${mq.medium} {\n        text-align: left;\n\n        background-image: ${({ bgImage }) =>\n            bgImage?.medium && `url(\"${bgImage.medium}\")`};\n    }\n\n    @media ${mq.semilarge} {\n        background-image: ${({ bgImage }) =>\n            bgImage?.semilarge && `url(\"${bgImage.semilarge}\")`};\n    }\n\n    @media ${mq.large} {\n        background-image: ${({ bgImage }) =>\n            bgImage?.large && `url(\"${bgImage.large}\")`};\n    }\n\n    @media ${mq.xlarge} {\n        background-image: ${({ bgImage }) =>\n            bgImage?.xlarge && `url(\"${bgImage.xlarge}\")`};\n    }\n\n    &:before {\n        content: ${({ isActive, bgImage }) => !isActive && bgImage && '\"\"'};\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        background-color: ${({ theme }) => color(theme).elementBg.medium};\n        opacity: ${({ bgImage }) => (bgImage ? '0.3' : '0')};\n\n        pointer-events: none;\n    }\n\n    &:after {\n        content: ${({ isActive, bgImage }) => !isActive && bgImage && '\"\"'};\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        pointer-events: none;\n\n        background: linear-gradient(\n            358.19deg,\n            rgba(29, 34, 35, 0.52) 12.37%,\n            rgba(29, 34, 35, 0) 59.02%\n        );\n    }\n`;\n\nconst VideoControls = styled.button`\n    display: block;\n    border: none;\n    background: none;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    color: ${({ theme }) => color(theme).elementBg.light};\n    z-index: 1;\n    padding: 0;\n\n    cursor: pointer;\n\n    & > * {\n        opacity: 0.8;\n        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n        height: 80px;\n        width: 80px;\n\n        color: ${({ theme }) => color(theme).elementBg.dark};\n    }\n\n    ${View}:hover > & > * {\n        transform: scale(1.05);\n        opacity: 1;\n    }\n\n    ${View}:active > & > * {\n        transform: scale(0.95);\n        opacity: 1;\n    }\n\n    &:focus {\n        outline: 2px solid ${({ theme }) => color(theme).primary.default};\n        border-radius: 50%;\n        opacity: 1;\n\n        & > * {\n            color: ${({ theme }) => color(theme).primary.default};\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        box-shadow: none;\n    }\n`;\n\nconst ConsentOverlay = styled.div<{ isVisible?: boolean }>`\n    display: ${({ isVisible }) => (isVisible ? 'flex' : 'none')};\n    justify-content: center;\n    align-items: center;\n\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 2;\n    background-color: rgba(0, 0, 0, 0.6);\n    pointer-events: ${({ isVisible }) => (isVisible ? 'all' : 'none')};\n`;\n\nconst ConsentContent = styled.div`\n    max-width: 330px;\n    text-align: center;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst ConsentText = styled(Copy)``;\n\nconst Iframe = styled.iframe`\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n\n    border: none;\n`;\n\nexport interface VideoCardProps {\n    bgImage: ImageProps;\n    embedId: string;\n    playIcon?: React.ReactNode;\n    consentText?: string;\n    consentAction?: (props: {\n        handleClick?: () => void;\n        consentProps: Record<string, string>;\n    }) => React.ReactNode;\n}\n\nconst VideoCard: FC<VideoCardProps & { className?: string }> = ({\n    bgImage,\n    embedId,\n    playIcon,\n    consentText = 'Für die Wiedergabe von Videos muss der Nutzung von Cookies & Daten zugestimmt werden.',\n    consentAction,\n    className,\n}) => {\n    const { globals } = useLibTheme();\n    const [isActive, setIsActive] = useState(false);\n    const [showConsent, setShowConsent] = useState(false);\n\n    const handlePlayClick = () => {\n        const cookie = getCookie(\n            globals.cookie.name\n        ) as Cookie<CookieConsentData>;\n\n        const isAccepted =\n            globals.cookie.videoCookieTypeRestrictions.reduce<boolean>(\n                (acc, current) => {\n                    if (!acc) return acc;\n                    if (!cookie || !cookie?.data.types) return false;\n\n                    // set acc to false if type is not defined or set to false\n                    acc = !!cookie?.data?.types?.[current];\n                    return acc;\n                },\n                true\n            );\n\n        if (isAccepted) {\n            setIsActive(true);\n            setShowConsent(false);\n        } else {\n            setShowConsent(true);\n        }\n    };\n\n    const handleConsentActionClick = () => {\n        setShowConsent(false);\n    };\n\n    return (\n        <View\n            onClick={!showConsent ? handlePlayClick : undefined}\n            bgImage={isActive ? undefined : bgImage}\n            isActive={isActive}\n            className={className}\n        >\n            {!isActive && !showConsent && (\n                <VideoControls>\n                    {playIcon || <Play iconColor=\"#000\" />}\n                </VideoControls>\n            )}\n            {isActive && (\n                <Iframe\n                    id=\"ytplayer\"\n                    src={`https://www.youtube.com/embed/${embedId}?autoplay=1`}\n                    allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n                />\n            )}\n            <ConsentOverlay isVisible={showConsent}>\n                <ConsentContent>\n                    {consentText && (\n                        <ConsentText isInverted>{consentText}</ConsentText>\n                    )}\n                    {consentAction ? (\n                        consentAction({\n                            handleClick: handleConsentActionClick,\n                            consentProps: {\n                                [selectors.buttons.attribute]: '',\n                            },\n                        })\n                    ) : (\n                        <ButtonGhost.View\n                            as=\"button\"\n                            isInverted\n                            onClick={handleConsentActionClick}\n                            className={selectors.buttons.class}\n                        >\n                            <ButtonGhost.Label>\n                                Zustimmung ändern\n                            </ButtonGhost.Label>\n                        </ButtonGhost.View>\n                    )}\n                </ConsentContent>\n            </ConsentOverlay>\n        </View>\n    );\n};\n\nexport default VideoCard;\n"],"names":["SVG","styled","svg","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","View","div","_a","onClick","bgImage","small","theme","global","sections","edgeRadius","mq","medium","concat","semilarge","large","xlarge","isActive","color","elementBg","VideoControls","button","templateObject_2","light","dark","primary","default","ConsentOverlay","templateObject_3","isVisible","ConsentContent","spacings","nudge","ConsentText","Copy","templateObject_5","Iframe","iframe","templateObject_6","_b","iconColor","className","_c","ariaHidden","React","createElement","width","height","viewBox","fill","xmlns","d","embedId","playIcon","consentText","consentAction","globals","useLibTheme","_d","useState","setIsActive","_e","showConsent","setShowConsent","handleConsentActionClick","undefined","cookie","getCookie","name","isAccepted","videoCookieTypeRestrictions","reduce","acc","current","data","types","Play","id","src","allow","isInverted","handleClick","consentProps","selectors","buttons","attribute","ButtonGhost","as","class","Label"],"mappings":"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"}

package/cjs/Wrapper-3b9c9e89.js

@@ -1,2 +0,0 @@
-"use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),a=require("./clamp-bd21d587.js"),i=require("./styles-0f1a0aea.js"),l=require("./concat-f387d848.js");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function o(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,a.get?a:{enumerable:!0,get:function(){return n[t]}})}})),e.default=n,Object.freeze(e)}var d=o(e),m=r(e),g=r(t),c={cols:12,gutter:i.spacings.spacer},s=function(n,e,t){return null==n?n:n!==a.clampValue(n,e,t)?void 0:n},u=function(e){return function(a){var l,r,o,d,m=s(a.gutter,0)||0,g=s(null===(l=null==a?void 0:a.medium)||void 0===l?void 0:l.gutter,0),c=s(null===(r=null==a?void 0:a.semilarge)||void 0===r?void 0:r.gutter,0),u=s(null===(o=null==a?void 0:a.large)||void 0===o?void 0:o.gutter,0),p=s(null===(d=null==a?void 0:a.xlarge)||void 0===d?void 0:d.gutter,0),v="grid"===e?"margin-top: -":"padding-top: ",f="grid"===e?"margin-left: -":"padding-left: ";return t.css(E||(E=n.__makeTemplateObject(["\n        ","","px;\n        ","","px;\n\n        ","\n\n        ","\n        \n        ","\n\n        ","\n    "],["\n        ","","px;\n        ","","px;\n\n        ","\n\n        ","\n        \n        ","\n\n        ","\n    "])),v,m,f,m,void 0!==g&&t.css(N||(N=n.__makeTemplateObject(["\n            @media "," {\n                ","","px;\n                ","","px;\n            }\n        "],["\n            @media "," {\n                ","","px;\n                ","","px;\n            }\n        "])),i.mq.medium,v,g,f,g),void 0!==c&&t.css(R||(R=n.__makeTemplateObject(["\n            @media "," {\n                ","","px;\n                ","","px;\n            }\n        "],["\n            @media "," {\n                ","","px;\n                ","","px;\n            }\n        "])),i.mq.semilarge,v,c,f,c),void 0!==u&&t.css(I||(I=n.__makeTemplateObject(["\n            @media "," {\n                ","","px;\n                ","","px;\n            }\n        "],["\n            @media "," {\n                ","","px;\n                ","","px;\n            }\n        "])),i.mq.large,v,u,f,u),void 0!==p&&t.css(M||(M=n.__makeTemplateObject(["\n            @media "," {\n                ","","px;\n                ","","px;\n            }\n        "],["\n            @media "," {\n                ","","px;\n                ","","px;\n            }\n        "])),i.mq.xlarge,v,p,f,p))}},p=function(n){switch(n){case"top":return"flex-start";case"center":return"center";case"bottom":return"flex-end";default:return}},v=function(e){return function(a){var l,r,o,d,m=p(a.valign),g=p(null===(l=null==a?void 0:a.medium)||void 0===l?void 0:l.valign),c=p(null===(r=null==a?void 0:a.semilarge)||void 0===r?void 0:r.valign),s=p(null===(o=null==a?void 0:a.large)||void 0===o?void 0:o.valign),u=p(null===(d=null==a?void 0:a.xlarge)||void 0===d?void 0:d.valign),v=e?"align-self: ":"align-items: ";return t.css(H||(H=n.__makeTemplateObject(["\n            ","",";\n\n            ","\n\n            ","\n\n        ","\n\n        ","\n        "],["\n            ","",";\n\n            ","\n\n            ","\n\n        ","\n\n        ","\n        "])),v,m||void 0,void 0!==g&&t.css(X||(X=n.__makeTemplateObject(["\n                @media "," {\n                    ","",";\n                }\n            "],["\n                @media "," {\n                    ","",";\n                }\n            "])),i.mq.medium,v,g),void 0!==c&&t.css(V||(V=n.__makeTemplateObject(["\n                @media "," {\n                    ","",";\n                }\n            "],["\n                @media "," {\n                    ","",";\n                }\n            "])),i.mq.semilarge,v,c),void 0!==s&&t.css(F||(F=n.__makeTemplateObject(["\n                @media "," {\n                    ","",";\n                }\n            "],["\n                @media "," {\n                    ","",";\n                }\n            "])),i.mq.large,v,s),void 0!==u&&t.css(D||(D=n.__makeTemplateObject(["\n                @media "," {\n                    ","",";\n                }\n            "],["\n                @media "," {\n                    ","",";\n                }\n            "])),i.mq.xlarge,v,u))}},f=function(n){switch(n){case"left":return"flex-start";case"center":return"center";case"right":return"flex-end";default:return}},b=g.default.div.withConfig({displayName:"Grid__StyledCol",componentId:"sc-cwn14w-0"})(nn||(nn=n.__makeTemplateObject(["\n    ",";\n    ",";\n    ","\n    display: inline-grid;\n    grid-template-columns: 100%;\n    position: relative;\n\n    ","\n    ","\n    ","\n        ","\n"],["\n    ",";\n    ",";\n    ","\n    display: inline-grid;\n    grid-template-columns: 100%;\n    position: relative;\n\n    ","\n    ","\n    ","\n        ","\n"])),(function(e){var a,l,r,o,d=s(e.span,0,1),m=s(null===(a=e.medium)||void 0===a?void 0:a.span,0,1),g=s(null===(l=e.semilarge)||void 0===l?void 0:l.span,0,1),c=s(null===(r=e.large)||void 0===r?void 0:r.span,0,1),u=s(null===(o=e.xlarge)||void 0===o?void 0:o.span,0,1);return t.css(q||(q=n.__makeTemplateObject(["\n        width: ","%;\n\n        ","\n\n        ","\n\n        ","\n\n        ","\n    "],["\n        width: ","%;\n\n        ","\n\n        ","\n\n        ","\n\n        ","\n    "])),100*(d||1),m&&t.css(w||(w=n.__makeTemplateObject(["\n            @media "," {\n                width: ","%;\n            }\n        "],["\n            @media "," {\n                width: ","%;\n            }\n        "])),i.mq.medium,100*(m||1)),g&&t.css(j||(j=n.__makeTemplateObject(["\n            @media "," {\n                width: ","%;\n            }\n        "],["\n            @media "," {\n                width: ","%;\n            }\n        "])),i.mq.semilarge,100*(g||1)),c&&t.css(O||(O=n.__makeTemplateObject(["\n            @media "," {\n                width: ","%;\n            }\n        "],["\n            @media "," {\n                width: ","%;\n            }\n        "])),i.mq.large,100*(c||1)),u&&t.css(T||(T=n.__makeTemplateObject(["\n            @media "," {\n                width: ","%;\n            }\n        "],["\n            @media "," {\n                width: ","%;\n            }\n        "])),i.mq.xlarge,100*(u||1)))}),(function(e){var a,l,r,o,d=null===(a=null==e?void 0:e.medium)||void 0===a?void 0:a.move,m=null===(l=null==e?void 0:e.semilarge)||void 0===l?void 0:l.move,g=null===(r=null==e?void 0:e.large)||void 0===r?void 0:r.move,c=null===(o=null==e?void 0:e.xlarge)||void 0===o?void 0:o.move;return t.css(G||(G=n.__makeTemplateObject(["\n        left: ",";\n        right: ",";\n\n        ","\n\n        ","\n\n        ","\n\n        ","\n    "],["\n        left: ",";\n        right: ",";\n\n        ","\n\n        ","\n\n        ","\n\n        ","\n    "])),(null==e?void 0:e.move)&&(null==e?void 0:e.move)>0?100*(null==e?void 0:e.move)+"%":"auto",(null==e?void 0:e.move)&&(null==e?void 0:e.move)<0?-100*(null==e?void 0:e.move)+"%":"auto",void 0!==d&&t.css(y||(y=n.__makeTemplateObject(["\n            @media "," {\n                left: ",";\n                right: ",";\n            }\n        "],["\n            @media "," {\n                left: ",";\n                right: ",";\n            }\n        "])),i.mq.medium,d&&d>0?100*d+"%":"auto",d&&d<0?-100*d+"%":"auto"),void 0!==m&&t.css(S||(S=n.__makeTemplateObject(["\n            @media "," {\n                left: ",";\n                right: ",";\n            }\n        "],["\n            @media "," {\n                left: ",";\n                right: ",";\n            }\n        "])),i.mq.semilarge,m&&m>0?100*m+"%":"auto",m&&m<0?-100*m+"%":"auto"),void 0!==g&&t.css(C||(C=n.__makeTemplateObject(["\n            @media "," {\n                left: ",";\n                right: ",";\n            }\n        "],["\n            @media "," {\n                left: ",";\n                right: ",";\n            }\n        "])),i.mq.large,g&&g>0?100*g+"%":"auto",g&&g<0?-100*g+"%":"auto"),void 0!==c&&t.css(W||(W=n.__makeTemplateObject(["\n            @media "," {\n                left: ",";\n                right: ",";\n            }\n        "],["\n            @media "," {\n                left: ",";\n                right: ",";\n            }\n        "])),i.mq.xlarge,c&&c>0?100*c+"%":"auto",c&&c<0?-100*c+"%":"auto"))}),u("col"),(function(e){var a,l,r,o,d=null===(a=null==e?void 0:e.medium)||void 0===a?void 0:a.textAlign,m=null===(l=null==e?void 0:e.semilarge)||void 0===l?void 0:l.textAlign,g=null===(r=null==e?void 0:e.large)||void 0===r?void 0:r.textAlign,c=null===(o=null==e?void 0:e.xlarge)||void 0===o?void 0:o.textAlign;return t.css(P||(P=n.__makeTemplateObject(["\n        text-align: ",";\n\n        ","\n\n        ","\n\n        ","\n\n        ","\n    "],["\n        text-align: ",";\n\n        ","\n\n        ","\n\n        ","\n\n        ","\n    "])),(null==e?void 0:e.textAlign)||void 0,void 0!==d&&t.css(A||(A=n.__makeTemplateObject(["\n            @media "," {\n                text-align: ",";\n            }\n        "],["\n            @media "," {\n                text-align: ",";\n            }\n        "])),i.mq.medium,d),void 0!==m&&t.css(B||(B=n.__makeTemplateObject(["\n            @media "," {\n                text-align: ",";\n            }\n        "],["\n            @media "," {\n                text-align: ",";\n            }\n        "])),i.mq.semilarge,m),void 0!==g&&t.css(L||(L=n.__makeTemplateObject(["\n            @media "," {\n                text-align: ",";\n            }\n        "],["\n            @media "," {\n                text-align: ",";\n            }\n        "])),i.mq.large,g),void 0!==c&&t.css(z||(z=n.__makeTemplateObject(["\n            @media "," {\n                text-align: ",";\n            }\n        "],["\n            @media "," {\n                text-align: ",";\n            }\n        "])),i.mq.xlarge,c))}),v(!0),(function(e){return e.toRight&&t.css(Z||(Z=n.__makeTemplateObject(["\n            margin-left: auto;\n        "],["\n            margin-left: auto;\n        "])))}),(function(e){return e.toLeft&&t.css($||($=n.__makeTemplateObject(["\n            margin-right: auto;\n        "],["\n            margin-right: auto;\n        "])))})),h=g.default.div.withConfig({displayName:"Grid__StyledGrid",componentId:"sc-cwn14w-1"})(en||(en=n.__makeTemplateObject(["\n    ","\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    ","\n    ","\n"],["\n    ","\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    ","\n    ","\n"])),u("grid"),v(),(function(e){var a,l,r,o,d=f(e.halign),m=f(null===(a=null==e?void 0:e.medium)||void 0===a?void 0:a.halign),g=f(null===(l=null==e?void 0:e.semilarge)||void 0===l?void 0:l.halign),c=f(null===(r=null==e?void 0:e.large)||void 0===r?void 0:r.halign),s=f(null===(o=null==e?void 0:e.xlarge)||void 0===o?void 0:o.halign);return t.css(Y||(Y=n.__makeTemplateObject(["\n        justify-content: ",";\n\n        ","\n\n        ","\n\n        ","\n\n        ","\n    "],["\n        justify-content: ",";\n\n        ","\n\n        ","\n\n        ","\n\n        ","\n    "])),d||void 0,void 0!==m&&t.css(J||(J=n.__makeTemplateObject(["\n            @media "," {\n                justify-content: ",";\n            }\n        "],["\n            @media "," {\n                justify-content: ",";\n            }\n        "])),i.mq.medium,m),void 0!==g&&t.css(K||(K=n.__makeTemplateObject(["\n            @media "," {\n                justify-content: ",";\n            }\n        "],["\n            @media "," {\n                justify-content: ",";\n            }\n        "])),i.mq.semilarge,g),void 0!==c&&t.css(Q||(Q=n.__makeTemplateObject(["\n            @media "," {\n                justify-content: ",";\n            }\n        "],["\n            @media "," {\n                justify-content: ",";\n            }\n        "])),i.mq.large,c),void 0!==s&&t.css(U||(U=n.__makeTemplateObject(["\n            @media "," {\n                justify-content: ",";\n            }\n        "],["\n            @media "," {\n                justify-content: ",";\n            }\n        "])),i.mq.xlarge,s))})),_=function(e,t){return void 0===e?t:t?n.__assign(n.__assign({},t),{gutter:e}):{gutter:e}},x=function(e){var t=e.gutter,a=e.valign,i=e.children,l=e.halign,r=e.medium,o=e.semilarge,m=e.large,g=e.xlarge;return d.createElement(h,{gutter:t,valign:a,halign:l,medium:r,semilarge:o,large:m,xlarge:g},d.Children.map(i,(function(e){var a,i,l,c;return e?d.createElement(b,n.__assign({},null==e?void 0:e.props,{gutter:t,medium:_(null==r?void 0:r.gutter,null===(a=null==e?void 0:e.props)||void 0===a?void 0:a.medium),semilarge:_(null==o?void 0:o.gutter,null===(i=null==e?void 0:e.props)||void 0===i?void 0:i.semilarge),large:_(null==m?void 0:m.gutter,null===(l=null==e?void 0:e.props)||void 0===l?void 0:l.large),xlarge:_(null==g?void 0:g.gutter,null===(c=null==e?void 0:e.props)||void 0===c?void 0:c.xlarge)})):void 0})))};x.defaultProps={gutter:c.gutter};var k,w,j,O,T,q,y,S,C,W,G,N,R,I,M,E,A,B,L,z,P,X,V,F,D,H,J,K,Q,U,Y,Z,$,nn,en,tn={Row:x,Col:function(n){return d.createElement(d.Fragment,null,null==n?void 0:n.children)}},an=g.default.section.withConfig({displayName:"Section__View",componentId:"sc-14g80mr-0"})(mn||(mn=n.__makeTemplateObject(["\n    position: relative;\n    overflow: ",";\n\n    // section paddings\n    ","\n\n    // section margins\n    ","\n"],["\n    position: relative;\n    overflow: ",";\n\n    // section paddings\n    ","\n\n    // section margins\n    ","\n"])),(function(n){return"div"===n.as?"visible":"hidden"}),(function(e){var a=e.addSeperation,l=e.isStackable,r=e.bgIdent,o=e.theme,d=i.getGlobals(o).sections.seperation.padding.default,m=i.getGlobals(o).sections.seperation.padding.stackable,g=i.getGlobals(o).sections.seperation.forcePadding;return a?t.css(on||(on=n.__makeTemplateObject(["\n                ","\n                ","\n\n                section[data-stack-ident='true'] + & {\n                    ",";\n                }\n\n                section[data-bg-ident='","']\n                    + &[data-bg-ident='","'] {\n                    padding-top: ",";\n\n                    @media "," {\n                        padding-top: ",";\n                    }\n                }\n            "],["\n                ","\n                ","\n\n                section[data-stack-ident='true'] + & {\n                    ",";\n                }\n\n                section[data-bg-ident='","']\n                    + &[data-bg-ident='","'] {\n                    padding-top: ",";\n\n                    @media "," {\n                        padding-top: ",";\n                    }\n                }\n            "])),i.withRange(d,"padding-top"),i.withRange(l?m:d,"padding-bottom"),i.withRange(m,"padding-top"),r,r,g?void 0:"0 !important",i.mq.xxlarge,g?void 0:"0 !important"):""}),(function(e){var a=e.addSeperation,l=e.isStackable,r=e.bgIdent,o=e.bgColor,d=e.theme,m=i.getGlobals(d).sections.seperation.margin.default,g=i.getGlobals(d).sections.seperation.margin.stackable,c=o?"__".concat(o):"";return a?t.css(dn||(dn=n.__makeTemplateObject(["\n                *:not([data-bg-ident='light'])\n                    + &[data-bg-ident='larger-left","'] {\n                    ",";\n                }\n\n                *:not([data-bg-ident='light'])\n                    + &[data-bg-ident='larger-right","'] {\n                    ",";\n                }\n\n                section[data-bg-ident='larger-left","']\n                    + &:not([data-bg-ident='light']) {\n                    ",";\n                }\n\n                section[data-bg-ident='larger-right","']\n                    + &:not([data-bg-ident='light']) {\n                    ",";\n                }\n\n                section[data-bg-ident='","']\n                    + &[data-bg-ident='","'] {\n                    margin-top: 0 !important;\n\n                    @media "," {\n                        margin-top: 0 !important;\n                    }\n                }\n            "],["\n                *:not([data-bg-ident='light'])\n                    + &[data-bg-ident='larger-left","'] {\n                    ",";\n                }\n\n                *:not([data-bg-ident='light'])\n                    + &[data-bg-ident='larger-right","'] {\n                    ",";\n                }\n\n                section[data-bg-ident='larger-left","']\n                    + &:not([data-bg-ident='light']) {\n                    ",";\n                }\n\n                section[data-bg-ident='larger-right","']\n                    + &:not([data-bg-ident='light']) {\n                    ",";\n                }\n\n                section[data-bg-ident='","']\n                    + &[data-bg-ident='","'] {\n                    margin-top: 0 !important;\n\n                    @media "," {\n                        margin-top: 0 !important;\n                    }\n                }\n            "])),c,i.withRange(m,"margin-top"),c,i.withRange(m,"margin-top"),c,i.withRange(l?g:m,"margin-top"),c,i.withRange(l?g:m,"margin-top"),r,r,i.mq.xxlarge):""})),ln=g.default.div.withConfig({displayName:"Section__Back",componentId:"sc-14g80mr-1"})(gn||(gn=n.__makeTemplateObject(["\n    display: ",";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    max-width: ",";\n    background: ",";\n    margin: 0 auto;\n    z-index: -1;\n\n    @media "," {\n        background: ",";\n    }\n\n    @media "," {\n        :before {\n            content: ",";\n            position: absolute;\n            top: 0;\n            left: 0;\n            bottom: 0;\n            width: ","px;\n            background-color: ",";\n            transform: translateX(-100%);\n        }\n        :after {\n            content: ",";\n            position: absolute;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            width: ","px;\n            background-color: ",";\n            transform: translateX(100%);\n        }\n    }\n"],["\n    display: ",";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    max-width: ",";\n    background: ",";\n    margin: 0 auto;\n    z-index: -1;\n\n    @media "," {\n        background: ",";\n    }\n\n    @media "," {\n        :before {\n            content: ",";\n            position: absolute;\n            top: 0;\n            left: 0;\n            bottom: 0;\n            width: ","px;\n            background-color: ",";\n            transform: translateX(-100%);\n        }\n        :after {\n            content: ",";\n            position: absolute;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            width: ","px;\n            background-color: ",";\n            transform: translateX(100%);\n        }\n    }\n"])),(function(n){return n.bgColor?"block":"none"}),(function(n){var e=n.bgMode,t=n.clampSolidBg;return"larger-left"!==e&&"larger-right"!==e?t?"".concat(i.spacings.wrapperLarge,"px"):void 0:"".concat(i.spacings.wrapper,"px")}),(function(n){return n.bgColor||void 0}),i.mq.semilarge,(function(n){var e=n.bgColor,t=n.bgMode;return e&&t?function(n,e){var t=void 0;switch(e){case"full":case"inverted":default:t=n;break;case"larger-left":t="linear-gradient(to left, transparent 40%, ".concat(n," 40%)");break;case"larger-right":t="linear-gradient(to right, transparent 40%, ".concat(n," 40%)")}return t}(e,t):void 0}),i.mq.xlarge,(function(n){return"larger-left"===n.bgMode?'""':void 0}),(i.spacings.wrapperLarge-i.spacings.wrapper)/2,(function(n){var e=n.bgColor;return e&&e}),(function(n){return"larger-right"===n.bgMode?'""':void 0}),(i.spacings.wrapperLarge-i.spacings.wrapper)/2,(function(n){var e=n.bgColor;return e&&e})),rn=e.forwardRef((function(n,e){var t=n.anchorId,a=n.renderAs,i=n.bgColor,r=n.bgMode,o=n.clampSolidBg,d=void 0===o||o,g=n.addSeperation,c=void 0!==g&&g,s=n.isStackable,u=void 0!==s&&s,p=n.className,v=n.children;switch(r){case"larger-left":r="larger-left";break;case"larger-right":r="larger-right";break;case"inverted":r="inverted";break;case"full":r="full";break;default:r=void 0}var f=c?"":"nopad",b=i&&r?l.concat(["".concat(r,"__").concat(i),f],"--"):"light";return m.default.createElement(an,{ref:e,id:t||void 0,as:a,"data-bg-ident":b,bgIdent:b,bgColor:i||"",addSeperation:!(a&&(!a||"div"===a))&&c,isStackable:u,"data-stack-ident":u?"true":"false",className:p},i&&m.default.createElement(ln,{bgColor:i,bgMode:r,clampSolidBg:d}),v)}));rn.displayName="Section";var on,dn,mn,gn,cn,sn=2*i.spacings.nudge,un=g.default.div.withConfig({displayName:"Wrapper__View",componentId:"sc-1ll038z-0"})(cn||(cn=n.__makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    max-width: ",";\n    margin-left: auto;\n    margin-right: auto;\n    padding: 0\n        ","px;\n"],["\n    position: relative;\n    width: 100%;\n    max-width: ",";\n    margin-left: auto;\n    margin-right: auto;\n    padding: 0\n        ","px;\n"])),(function(n){switch(n.clampWidth){case"large":return"".concat(i.spacings.wrapperLarge,"px");case"small":return"".concat(i.spacings.wrapperSmall,"px");default:return"".concat(i.spacings.wrapper,"px")}}),(function(n){return n.addWhitespace?sn:0}));exports.Grid=tn,exports.Section=rn,exports.Wrapper=function(n){var e=n.addWhitespace,t=void 0!==e&&e,a=n.clampWidth,i=void 0===a?"normal":a,l=n.className,r=n.children;return d.createElement(un,{className:l,addWhitespace:t,clampWidth:i},r)},exports.getGridWidth=function(e){var a=(null==e?void 0:e.cols)||c.cols,i=(null==e?void 0:e.gridWidth)||"100%",l=void 0!==(null==e?void 0:e.gutter)?e.gutter:c.gutter,r=c.cols;return t.css(k||(k=n.__makeTemplateObject(["\n        calc((("," - ","px) / ",") * "," + ","px)\n    "],["\n        calc((("," - ","px) / ",") * "," + ","px)\n    "])),i,(r-1)*l,r,a,(a-1)*l)},exports.gridSettings=c,exports.mapToBgMode=function(n,e,t){switch(void 0===e&&(e=!1),void 0===t&&(t=!1),n){case"full":return"full";case"inverted":return"inverted";case"splitted":return e?void 0:t?"larger-left":"larger-right";default:return}},exports.wrapperWhitespace=sn;
-//# sourceMappingURL=Wrapper-3b9c9e89.js.map