@blateral/b.kit 2.5.2 → 2.6.0

package/README.md

@@ -129,7 +129,7 @@ Install yalc globally: `yarn global add yalc`.
 **Inside the library/package repository:**
 
 1. Run `yarn build` to bundle the package.
-2. Run `yalc push` to push it to local global store (~/.yalc).
+2. Run `yalc push --sig` or `yarn push-yalc` to push it to local global store (~/.yalc).
 
 **Inside a repository that consumes the package:**
 

package/cjs/TableBlock-f2c59d9b.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./ClockFilled-2483aa4a.js"),n=require("react"),t=require("styled-components"),i=require("./Copy-ea6ab025.js"),l=require("./styles-3a495a2d.js"),o=require("./LibThemeProvider-4823de57.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function r(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var s,c,d,p,u,f,m,g,b,h,v,x,w,y,k,_=a(n),T=r(n),C=a(t),E=C.default.div.withConfig({displayName:"Title__View",componentId:"sc-1pyc768-0"})(s||(s=e.__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(e){return e.isCentered?"center":"left"}),(function(e){return e.isCentered&&"0 auto"}),2*l.spacings.nudge),j=C.default(i.Heading).withConfig({displayName:"Title__SuperTitle",componentId:"sc-1pyc768-1"})(c||(c=e.__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"]))),B=C.default(i.Heading).withConfig({displayName:"Title__MainTitle",componentId:"sc-1pyc768-2"})(p||(p=e.__makeTemplateObject(["\n    display: block;\n\n    ","\n"],["\n    display: block;\n\n    ","\n"])),(function(n){var i=n.maxLines;return i&&i>0&&t.css(d||(d=e.__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)})),I=C.default.svg.withConfig({displayName:"ButtonLeft__SVG",componentId:"sc-1k7dd0m-0"})(u||(u=e.__makeTemplateObject(["\n    display: block;\n"],["\n    display: block;\n"]))),O=function(e){var n=e.id,t=e.className,i=e.ariaHidden,l=void 0===i||i;return T.createElement(I,{width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,"aria-hidden":l},T.createElement("circle",{cx:"24",cy:"24",r:"24",transform:"rotate(-180 24 24)",fill:"#000",fillOpacity:".4"}),T.createElement("g",{clipPath:"url(#button-left-path-".concat(n,")")},T.createElement("path",{d:"m29.51 15.87-1.77-1.77-9.9 9.9 9.9 9.9 1.77-1.77L21.38 24l8.13-8.13Z",fill:"#fff"})),T.createElement("defs",null,T.createElement("clipPath",{id:"button-left-path-".concat(n)},T.createElement("path",{fill:"#fff",d:"M36 36H12V12h24z"}))))},N=C.default.svg.withConfig({displayName:"ButtonRight__SVG",componentId:"sc-ibg8un-0"})(f||(f=e.__makeTemplateObject(["\n    display: block;\n"],["\n    display: block;\n"]))),L=function(e){var n=e.id,t=e.className,i=e.ariaHidden,l=void 0===i||i;return T.createElement(N,{width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,"aria-hidden":l},T.createElement("circle",{cx:"24",cy:"24",r:"24",fill:"#000",fillOpacity:".4"}),T.createElement("g",{clipPath:"url(#button-right-path-".concat(n,")")},T.createElement("path",{d:"m18.49 32.13 1.77 1.77 9.9-9.9-9.9-9.9-1.77 1.77L26.62 24l-8.13 8.13Z",fill:"#fff"})),T.createElement("defs",null,T.createElement("clipPath",{id:"button-right-path-".concat(n)},T.createElement("path",{fill:"#fff",d:"M12 12h24v24H12z"}))))},z=C.default.div.withConfig({displayName:"TableBlock__View",componentId:"sc-1n2im8m-0"})(m||(m=e.__makeTemplateObject(["\n    display: grid;\n    position: relative;\n\n    &:focus {\n        outline: 1px dashed ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"],["\n    display: grid;\n    position: relative;\n\n    &:focus {\n        outline: 1px dashed ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"])),(function(e){var n=e.theme;return l.getColors(n).primary.default})),H=C.default(i.Copy).withConfig({displayName:"TableBlock__Caption",componentId:"sc-1n2im8m-1"})(g||(g=e.__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"])),l.spacings.nudge,2*l.spacings.nudge),V=C.default.div.withConfig({displayName:"TableBlock__TableContainer",componentId:"sc-1n2im8m-2"})(b||(b=e.__makeTemplateObject(["\n    position: relative;\n    overflow-x: scroll;\n    overflow-y: hidden;\n    white-space: nowrap;\n\n    grid-column: 1;\n    grid-row: 1;\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    position: relative;\n    overflow-x: scroll;\n    overflow-y: hidden;\n    white-space: nowrap;\n\n    grid-column: 1;\n    grid-row: 1;\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(e){var n=e.theme;return l.getColors(n).primary.default})),M=C.default.table.withConfig({displayName:"TableBlock__TableBody",componentId:"sc-1n2im8m-3"})(h||(h=e.__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*l.spacings.nudge,2*l.spacings.nudge),A=C.default(i.Copy).withConfig({displayName:"TableBlock__TableHead",componentId:"sc-1n2im8m-4"})(v||(v=e.__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(e){var n=e.theme;return e.isInverted?l.getColors(n).text.inverted:l.getColors(n).text.default}),(function(e){var n=e.theme;return e.isInverted?l.getColors(n).elementBg.dark:l.getColors(n).elementBg.medium}),3*l.spacings.nudge,2.5*l.spacings.spacer,(function(e){return e.alignRight?"right":"left"})),P=C.default(i.Copy).withConfig({displayName:"TableBlock__TableData",componentId:"sc-1n2im8m-5"})(x||(x=e.__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*l.spacings.nudge,(function(e){var n=e.hasBack,t=e.theme;return n?l.getColors(t).elementBg.light:l.getColors(t).elementBg.medium}),(function(e){return e.alignRight?"right":"left"}),2.5*l.spacings.spacer),R=C.default.button.withConfig({displayName:"TableBlock__ButtonContainer",componentId:"sc-1n2im8m-6"})(w||(w=e.__makeTemplateObject(["\n    position: sticky;\n    bottom: 40px;\n    opacity: ",";\n    pointer-events: ",";\n    border: none;\n    background: none;\n\n    grid-column: 1;\n    grid-row: 1;\n    align-self: end;\n    margin: ","px ","px;\n\n    cursor: ",";\n    pointer-events: none;\n\n    transition: opacity ease-in-out 0.2s;\n\n    &:hover {\n        opacity: ",";\n    }\n\n    & > * {\n        pointer-events: all;\n    }\n"],["\n    position: sticky;\n    bottom: 40px;\n    opacity: ",";\n    pointer-events: ",";\n    border: none;\n    background: none;\n\n    grid-column: 1;\n    grid-row: 1;\n    align-self: end;\n    margin: ","px ","px;\n\n    cursor: ",";\n    pointer-events: none;\n\n    transition: opacity ease-in-out 0.2s;\n\n    &:hover {\n        opacity: ",";\n    }\n\n    & > * {\n        pointer-events: all;\n    }\n"])),(function(e){return e.isVisible?1:0}),(function(e){return e.isVisible?"all":"none"}),l.spacings.spacer,2*l.spacings.nudge,(function(e){return e.isVisible?"pointer":"default"}),(function(e){return e.isVisible?.7:0})),q=C.default(R).withConfig({displayName:"TableBlock__ButtonRightContainer",componentId:"sc-1n2im8m-7"})(y||(y=e.__makeTemplateObject(["\n    float: right;\n    justify-self: end;\n"],["\n    float: right;\n    justify-self: end;\n"]))),S=C.default(R).withConfig({displayName:"TableBlock__ButtonLeftContainer",componentId:"sc-1n2im8m-8"})(k||(k=e.__makeTemplateObject(["\n    float: left;\n    justify-self: start;\n"],["\n    float: left;\n    justify-self: start;\n"]))),W=function(e){var t=e.row,i=e.tableTitle,l=e.rowTitle,o=e.isInverted,a=void 0!==o&&o,r=e.hasBack,s=void 0!==r&&r,c=e.lastCol,d=void 0===c?"left":c,p=n.useRef(null),u=_.default.useState(!1),f=u[0],m=u[1],g=_.default.useState(!1),b=g[0],h=g[1];n.useEffect((function(){var e=p.current;if(e){var n=function(){e.scrollWidth>e.offsetWidth?(h(e.scrollLeft>0),m(e.scrollLeft+e.offsetWidth<e.scrollWidth-1)):(h(!1),m(!1))};return n(),window.addEventListener("resize",n),e.addEventListener("scroll",n),function(){window.removeEventListener("resize",n),e.removeEventListener("scroll",n)}}}),[]);var v=l||t.length>0;return _.default.createElement(z,null,_.default.createElement(V,{tabIndex:1,ref:p},_.default.createElement(M,null,i&&_.default.createElement(H,{renderAs:"caption",type:"copy-b",isInverted:a},i),l&&_.default.createElement("thead",null,_.default.createElement("tr",null,l.map((function(e,n){return _.default.createElement(A,{key:n,type:"copy-b",renderAs:"th",isInverted:!a,alignRight:"right"===d},e)})))),_.default.createElement("tbody",null,t.map((function(e,n){var t=e.cols;return _.default.createElement("tr",{key:n},t.map((function(e,n){return _.default.createElement(P,{key:n,renderAs:"td",hasBack:s,alignRight:"right"===d,innerHTML:e})})))}))))),_.default.createElement(S,{style:{marginTop:l&&t.length>1?"80px":void 0},isVisible:v&&b,onClick:function(){var e=p.current;e&&(null==e||e.scrollBy({left:-1*e.offsetWidth,behavior:"smooth"}))}},_.default.createElement(O,{id:"left"})),_.default.createElement(q,{style:{marginTop:l&&t.length>1?"80px":void 0},isVisible:v&&f,onClick:function(){var e=p.current;e&&(null==e||e.scrollBy({left:e.offsetWidth,behavior:"smooth"}))}},_.default.createElement(L,{id:"right"})))};W.displayName="TableBlock",exports.TableBlock=W,exports.Title=function(e){var n=e.colorMode,t=void 0===n?"default":n,i=e.superTitle,l=e.superTitleAs,a=e.title,r=e.titleAs,s=e.titleSize,c=void 0===s?"heading-2":s,d=e.maxLines,p=e.isCentered,u=void 0!==p&&p,f=e.titleHyphens,m=e.className,g=o.useLibTheme().colors;return _.default.createElement(E,{isCentered:u,className:m},i&&_.default.createElement(j,{renderAs:l||"div",size:"super",textColor:"onImage"===t?g.text.inverted:void 0,isInverted:"inverted"===t,innerHTML:i}),a&&_.default.createElement(B,{renderAs:r||"h2",size:"heading-1"===c?"heading-1":"heading-2",hyphens:f,textColor:"onImage"===t?g.text.inverted:void 0,isInverted:"inverted"===t,innerHTML:a,maxLines:d}))};
+//# sourceMappingURL=TableBlock-f2c59d9b.js.map

package/cjs/TableBlock-f2c59d9b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBlock-f2c59d9b.js","sources":["../src/components/blocks/Title.tsx","../src/components/base/icons/ButtonLeft.tsx","../src/components/base/icons/ButtonRight.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 * as React from 'react';\nimport styled from 'styled-components';\n\nconst SVG = styled.svg`\n    display: block;\n`;\n\nconst ButtonLeft: React.FC<{\n    id?: string;\n    iconColor?: string;\n    className?: string;\n    ariaHidden?: boolean;\n}> = ({ id, className, ariaHidden = true }) => (\n    <SVG\n        width=\"48\"\n        height=\"48\"\n        viewBox=\"0 0 48 48\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        className={className}\n        aria-hidden={ariaHidden}\n    >\n        <circle\n            cx=\"24\"\n            cy=\"24\"\n            r=\"24\"\n            transform=\"rotate(-180 24 24)\"\n            fill=\"#000\"\n            fillOpacity=\".4\"\n        />\n        <g clipPath={`url(#button-left-path-${id})`}>\n            <path\n                d=\"m29.51 15.87-1.77-1.77-9.9 9.9 9.9 9.9 1.77-1.77L21.38 24l8.13-8.13Z\"\n                fill=\"#fff\"\n            />\n        </g>\n        <defs>\n            <clipPath id={`button-left-path-${id}`}>\n                <path fill=\"#fff\" d=\"M36 36H12V12h24z\" />\n            </clipPath>\n        </defs>\n    </SVG>\n);\n\nexport default ButtonLeft;\n","import * as React from 'react';\nimport styled from 'styled-components';\n\nconst SVG = styled.svg`\n    display: block;\n`;\n\nconst ButtonRight: React.FC<{\n    id?: string;\n    iconColor?: string;\n    className?: string;\n    ariaHidden?: boolean;\n}> = ({ id, className, ariaHidden = true }) => (\n    <SVG\n        width=\"48\"\n        height=\"48\"\n        viewBox=\"0 0 48 48\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        className={className}\n        aria-hidden={ariaHidden}\n    >\n        <circle cx=\"24\" cy=\"24\" r=\"24\" fill=\"#000\" fillOpacity=\".4\" />\n        <g clipPath={`url(#button-right-path-${id})`}>\n            <path\n                d=\"m18.49 32.13 1.77 1.77 9.9-9.9-9.9-9.9-1.77 1.77L26.62 24l-8.13 8.13Z\"\n                fill=\"#fff\"\n            />\n        </g>\n        <defs>\n            <clipPath id={`button-right-path-${id}`}>\n                <path fill=\"#fff\" d=\"M12 12h24v24H12z\" />\n            </clipPath>\n        </defs>\n    </SVG>\n);\n\nexport default ButtonRight;\n","import ButtonLeft from 'components/base/icons/ButtonLeft';\nimport ButtonRight from 'components/base/icons/ButtonRight';\nimport Copy from 'components/typography/Copy';\nimport React, { FC, useEffect, useRef } from 'react';\nimport styled from 'styled-components';\n\nimport { getColors as color, spacings } from 'utils/styles';\n\nconst View = styled.div`\n    display: grid;\n    position: relative;\n\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    position: relative;\n    overflow-x: scroll;\n    overflow-y: hidden;\n    white-space: nowrap;\n\n    grid-column: 1;\n    grid-row: 1;\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\nconst ButtonContainer = styled.button<{ isVisible?: boolean }>`\n    position: sticky;\n    bottom: 40px;\n    opacity: ${({ isVisible }) => (isVisible ? 1 : 0)};\n    pointer-events: ${({ isVisible }) => (isVisible ? 'all' : 'none')};\n    border: none;\n    background: none;\n\n    grid-column: 1;\n    grid-row: 1;\n    align-self: end;\n    margin: ${spacings.spacer}px ${spacings.nudge * 2}px;\n\n    cursor: ${({ isVisible }) => (isVisible ? 'pointer' : 'default')};\n    pointer-events: none;\n\n    transition: opacity ease-in-out 0.2s;\n\n    &:hover {\n        opacity: ${({ isVisible }) => (isVisible ? 0.7 : 0)};\n    }\n\n    & > * {\n        pointer-events: all;\n    }\n`;\n\nconst ButtonRightContainer = styled(ButtonContainer)`\n    float: right;\n    justify-self: end;\n`;\n\nconst ButtonLeftContainer = styled(ButtonContainer)`\n    float: left;\n    justify-self: start;\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: FC<TableProps> = ({\n    row,\n    tableTitle,\n    rowTitle,\n    isInverted = false,\n    hasBack = false,\n    lastCol = 'left',\n}) => {\n    const scrollRef = useRef<HTMLDivElement>(null);\n    const [showButtonRight, setShowButtonRight] = React.useState(false);\n    const [showButtonLeft, setShowButtonLeft] = React.useState(false);\n\n    useEffect(() => {\n        const scrollEl = scrollRef.current;\n        if (!scrollEl) return;\n\n        const calcControls = () => {\n            if (scrollEl.scrollWidth > scrollEl.offsetWidth) {\n                setShowButtonLeft(scrollEl.scrollLeft > 0);\n                setShowButtonRight(\n                    scrollEl.scrollLeft + scrollEl.offsetWidth <\n                        scrollEl.scrollWidth - 1 // reduced by 1 pixel to prevent bug on some viewport widths\n                );\n            } else {\n                setShowButtonLeft(false);\n                setShowButtonRight(false);\n            }\n        };\n\n        calcControls();\n        window.addEventListener('resize', calcControls);\n        scrollEl.addEventListener('scroll', calcControls);\n\n        return () => {\n            window.removeEventListener('resize', calcControls);\n            scrollEl.removeEventListener('scroll', calcControls);\n        };\n    }, []);\n\n    const handleRightClick = () => {\n        const scrollEl = scrollRef.current;\n        if (!scrollEl) return;\n\n        scrollEl?.scrollBy({ left: scrollEl.offsetWidth, behavior: 'smooth' });\n    };\n\n    const handleLeftClick = () => {\n        const scrollEl = scrollRef.current;\n        if (!scrollEl) return;\n\n        scrollEl?.scrollBy({\n            left: scrollEl.offsetWidth * -1,\n            behavior: 'smooth',\n        });\n    };\n\n    const showButtons = rowTitle || row.length > 0;\n\n    return (\n        <View>\n            <TableContainer tabIndex={1} ref={scrollRef}>\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            <ButtonLeftContainer\n                style={{\n                    marginTop: rowTitle && row.length > 1 ? '80px' : undefined,\n                }}\n                isVisible={showButtons && showButtonLeft}\n                onClick={handleLeftClick}\n            >\n                <ButtonLeft id=\"left\" />\n            </ButtonLeftContainer>\n            <ButtonRightContainer\n                style={{\n                    marginTop: rowTitle && row.length > 1 ? '80px' : undefined,\n                }}\n                isVisible={showButtons && showButtonRight}\n                onClick={handleRightClick}\n            >\n                <ButtonRight id=\"right\" />\n            </ButtonRightContainer>\n        </View>\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","SVG","svg","ButtonLeft","id","className","_b","ariaHidden","React","createElement","width","height","viewBox","fill","xmlns","cx","cy","r","transform","fillOpacity","clipPath","concat","d","ButtonRight","theme","color","primary","default","Caption","Copy","TableContainer","templateObject_3","TableBody","table","TableHead","templateObject_5","isInverted","text","inverted","elementBg","dark","medium","spacer","alignRight","TableData","templateObject_6","hasBack","light","ButtonContainer","button","templateObject_7","isVisible","ButtonRightContainer","templateObject_8","ButtonLeftContainer","templateObject_9","TableBlock","row","tableTitle","rowTitle","_c","_d","lastCol","scrollRef","useRef","_e","useState","showButtonRight","setShowButtonRight","_f","showButtonLeft","setShowButtonLeft","useEffect","scrollEl","current","calcControls","scrollWidth","offsetWidth","scrollLeft","window","addEventListener","removeEventListener","handleRightClick","showButtons","length","tabIndex","ref","renderAs","type","map","item","ii","key","i","cols","itemText","innerHTML","style","marginTop","undefined","onClick","scrollBy","left","behavior","colorMode","superTitle","superTitleAs","title","titleAs","titleSize","titleHyphens","colors","useLibTheme","size","textColor","hyphens"],"mappings":"snBAOMA,EAAOC,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,cAAAC,YAAA,gBAAGJ,CAAoCK,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,0CAAA,kBAAA,6CAAA,gBAAA,CAAA,0CAEqB,kBACd,6CAGhB,mBAJtB,SAACC,GAAmB,OAAPA,EAAAC,WAAqB,SAAW,UACjD,SAACD,GAAmBC,OAAPD,EAAAC,YAAqB,WAGT,EAAjBC,EAAQA,SAACC,OAIzBC,EAAaX,EAAM,QAACY,WAAVV,WAAA,CAAAC,YAAA,oBAAAC,YAAA,gBAAGJ,CAAea,IAAAA,EAAAP,uBAAA,CAAA,wPAAA,CAAA,2PAY5BQ,EAAYd,EAAM,QAACY,WAAVV,WAAA,CAAAC,YAAA,mBAAAC,YAAA,gBAAGJ,CAAsCe,IAAAA,EAAAT,EAAAA,qBAAA,CAAA,gCAAA,MAAA,CAAA,gCAa/C,SAVH,SAACC,GAAE,IAAAS,EAAQT,EAAAS,SACT,OAAAA,GACAA,EAAW,GACXC,EAAAA,sSAAG,6IAI+B,4DACR,4DADAD,EACRA,MCrCpBE,EAAMlB,EAAAA,QAAOmB,IAAVjB,WAAA,CAAAC,YAAA,kBAAAC,YAAA,gBAAGJ,CAAUK,IAAAA,EAAAC,uBAAA,CAAA,2BAAA,CAAA,8BAIhBc,EAKD,SAACb,OAAEc,EAAEd,EAAAc,GAAEC,EAASf,EAAAe,UAAEC,eAAAC,OAAa,IAAAD,GAAIA,EAAO,OAC3CE,EAAAC,cAACR,EAAG,CACAS,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BACNT,UAAWA,EACEE,cAAAA,GAEbC,EACIC,cAAA,SAAA,CAAAM,GAAG,KACHC,GAAG,KACHC,EAAE,KACFC,UAAU,qBACVL,KAAK,OACLM,YAAY,OAEhBX,EAAAC,cAAA,IAAA,CAAGW,SAAU,yBAAyBC,OAAAjB,EAAK,MACvCI,EACIC,cAAA,OAAA,CAAAa,EAAE,uEACFT,KAAK,UAGbL,EAAAC,cAAA,OAAA,KACID,EAAAC,cAAA,WAAA,CAAUL,GAAI,oBAAoBiB,OAAAjB,IAC9BI,EAAMC,cAAA,OAAA,CAAAI,KAAK,OAAOS,EAAE,yBCnC9BrB,EAAMlB,EAAAA,QAAOmB,IAAVjB,WAAA,CAAAC,YAAA,mBAAAC,YAAA,eAAGJ,CAAUK,IAAAA,EAAAC,uBAAA,CAAA,2BAAA,CAAA,8BAIhBkC,EAKD,SAACjC,OAAEc,EAAEd,EAAAc,GAAEC,EAASf,EAAAe,UAAEC,eAAAC,OAAa,IAAAD,GAAIA,EAAO,OAC3CE,EAAAC,cAACR,EAAG,CACAS,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BACNT,UAAWA,EACEE,cAAAA,GAEbC,EAAAC,cAAA,SAAA,CAAQM,GAAG,KAAKC,GAAG,KAAKC,EAAE,KAAKJ,KAAK,OAAOM,YAAY,OACvDX,EAAAC,cAAA,IAAA,CAAGW,SAAU,0BAA0BC,OAAAjB,EAAK,MACxCI,EACIC,cAAA,OAAA,CAAAa,EAAE,wEACFT,KAAK,UAGbL,EAAAC,cAAA,OAAA,KACID,EAAAC,cAAA,WAAA,CAAUL,GAAI,qBAAqBiB,OAAAjB,IAC/BI,EAAMC,cAAA,OAAA,CAAAI,KAAK,OAAOS,EAAE,yBCvB9BxC,EAAOC,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,gBAAGJ,CAAUK,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,+FAAA,kFAAA,CAAA,+FAKkD,qFAA3C,SAACC,GAAE,IAAAkC,EAAKlC,EAAAkC,MAAO,OAAAC,YAAMD,GAAOE,QAAQC,WAQ5DC,EAAU7C,EAAM,QAAC8C,QAAV5C,WAAA,CAAAC,YAAA,sBAAAC,YAAA,gBAAGJ,CAAYa,IAAAA,EAAAP,EAAAA,qBAAA,CAAA,wBAAA,uBAAA,gCAAA,CAAA,wBACO,uBACA,kCADdG,EAAQA,SAACC,MACI,EAAjBD,WAASC,OAIpBqC,EAAiB/C,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,6BAAAC,YAAA,gBAAGJ,CAAUgD,IAAAA,EAAA1C,EAAAA,qBAAA,CAAA,sNAAA,sMAAA,CAAA,sNAWsC,yMAA3C,SAACC,GAAE,IAAAkC,EAAKlC,EAAAkC,MAAO,OAAAC,YAAMD,GAAOE,QAAQC,WAc1DK,EAAYjD,EAAAA,QAAOkD,MAAVhD,WAAA,CAAAC,YAAA,wBAAAC,YAAA,gBAAGJ,uKAAY,qGAKc,yBAET,WAFM,GAAjBS,WAASC,MAEC,EAAjBD,EAAQA,SAACC,OAGpByC,EAAYnD,EAAM,QAAC8C,QAAV5C,WAAA,CAAAC,YAAA,wBAAAC,YAAA,gBAAGJ,CAAYoD,IAAAA,EAAA9C,uBAAA,CAAA,uCAAA,4BAAA,uBAAA,qGAAA,4BAAA,cAAA,CAG5B,uCAGyE,4BAIhC,uBAER,qGAKW,4BAC2B,iBAb5D,SAACC,OAAEkC,EAAKlC,EAAAkC,MACb,OADyBlC,EAAA8C,WACZX,EAAAA,UAAMD,GAAOa,KAAKC,SAAWb,EAAAA,UAAMD,GAAOa,KAAKV,WAC5C,SAACrC,OAAEkC,EAAKlC,EAAAkC,MACxB,OADoClC,EAAA8C,WAE9BX,EAAAA,UAAMD,GAAOe,UAAUC,KACvBf,EAAAA,UAAMD,GAAOe,UAAUE,SAEH,EAAjBjD,EAAAA,SAASC,MAKiB,IAAlBD,EAAQA,SAACkD,QACZ,SAACpD,GAAmB,OAAPA,EAAAqD,WAAqB,QAAU,UAI5DC,EAAY7D,EAAM,QAAC8C,QAAV5C,WAAA,CAAAC,YAAA,wBAAAC,YAAA,gBAAGJ,CAGhB8D,IAAAA,EAAAxD,uBAAA,CAAA,oBAAA,iFAAA,+CAAA,6BAAA,gBAAA,CAAA,oBACiC,iFAK2C,+CAGL,6BAC3B,kBATZ,EAAjBG,EAAAA,SAASC,OAIF,SAACH,OAAEwD,EAAOxD,EAAAwD,QAAEtB,EAAKlC,EAAAkC,MACjC,OAAAsB,EAAUrB,EAAAA,UAAMD,GAAOe,UAAUQ,MAAQtB,EAAAA,UAAMD,GAAOe,UAAUE,UAGlD,SAACnD,GAAmB,OAAPA,EAAAqD,WAAqB,QAAU,SACvB,IAAlBnD,EAAQA,SAACkD,QAI5BM,EAAkBjE,EAAAA,QAAOkE,OAAVhE,WAAA,CAAAC,YAAA,8BAAAC,YAAA,gBAAGJ,CAAsCmE,IAAAA,EAAA7D,EAAAA,qBAAA,CAAA,4DAAA,0BAAA,2HAAA,MAAA,sBAAA,gHAAA,kEAAA,CAAA,4DAGT,0BACgB,2HAOxC,MAAwB,sBAEe,gHAMT,qEAhB5C,SAACC,GAAkB,OAAPA,EAAA6D,UAAoB,EAAI,KAC7B,SAAC7D,GAAkB,OAAPA,EAAA6D,UAAoB,MAAQ,SAOhD3D,EAAAA,SAASkD,OAA6B,EAAjBlD,EAAAA,SAASC,OAE9B,SAACH,GAAkB,OAAPA,EAAA6D,UAAoB,UAAY,aAMvC,SAAC7D,GAAkB,OAAPA,EAAA6D,UAAoB,GAAM,KAQnDC,EAAuBrE,EAAM,QAACiE,GAAV/D,WAAA,CAAAC,YAAA,mCAAAC,YAAA,gBAAGJ,CAAuBsE,IAAAA,EAAAhE,uBAAA,CAAA,iDAAA,CAAA,oDAK9CiE,EAAsBvE,EAAM,QAACiE,GAAV/D,WAAA,CAAAC,YAAA,kCAAAC,YAAA,gBAAGJ,CAAuBwE,IAAAA,EAAAlE,uBAAA,CAAA,kDAAA,CAAA,qDAgB7CmE,EAA6B,SAAClE,OAChCmE,EAAGnE,EAAAmE,IACHC,EAAUpE,EAAAoE,WACVC,EAAQrE,EAAAqE,SACRrD,EAAAhB,EAAA8C,WAAAA,OAAa,IAAA9B,GAAKA,EAClBsD,EAAetE,EAAAwD,QAAfA,OAAO,IAAAc,GAAQA,EACfC,EAAAvE,EAAAwE,QAAAA,OAAU,IAAAD,EAAA,OAAMA,EAEVE,EAAYC,SAAuB,MACnCC,EAAwCzD,EAAAA,QAAM0D,UAAS,GAAtDC,EAAeF,EAAA,GAAEG,OAClBC,EAAsC7D,EAAAA,QAAM0D,UAAS,GAApDI,EAAcD,EAAA,GAAEE,OAEvBC,EAAAA,WAAU,WACN,IAAMC,EAAWV,EAAUW,QACvB,GAACD,EAAD,CAEEE,IAAAA,EAAe,WACbF,EAASG,YAAcH,EAASI,aAChCN,EAAkBE,EAASK,WAAa,GACxCV,EACIK,EAASK,WAAaL,EAASI,YAC3BJ,EAASG,YAAc,KAG/BL,GAAkB,GAClBH,GAAmB,KAQ3B,OAJAO,IACAI,OAAOC,iBAAiB,SAAUL,GAClCF,EAASO,iBAAiB,SAAUL,GAE7B,WACHI,OAAOE,oBAAoB,SAAUN,GACrCF,EAASQ,oBAAoB,SAAUN,OAE5C,IAEGO,IAiBAC,EAAcxB,GAAYF,EAAI2B,OAAS,EAE7C,OACI5E,EAAAA,sBAAC1B,EAAI,KACD0B,EAAC,QAAAC,cAAAqB,GAAeuD,SAAU,EAAGC,IAAKvB,GAC9BvD,EAAA,QAAAC,cAACuB,EAAS,KACL0B,GACGlD,EAAA,QAAAC,cAACmB,EACG,CAAA2D,SAAS,UACTC,KAAK,SACLpD,WAAYA,GAEXsB,GAGRC,GACGnD,EAAA,QAAAC,cAAA,QAAA,KACID,EAAAA,QACKC,cAAA,KAAA,KAAAkD,EAAS8B,KAAI,SAACC,EAAMC,GAAO,OACxBnF,EAAC,QAAAC,cAAAyB,GACG0D,IAAKD,EACLH,KAAK,SACLD,SAAS,KACTnD,YAAaA,EACbO,WAAwB,UAAZmB,GAEX4B,QAMrBlF,UAAAC,cAAA,QAAA,KACKgD,EAAIgC,KAAI,SAACnG,EAAUuG,GAAR,IAAAC,EAAIxG,EAAAwG,KAAU,OACtBtF,EAAA,QAAAC,cAAA,KAAA,CAAImF,IAAKC,GACJC,EAAKL,KAAI,SAACM,EAAUJ,GACjB,OACInF,EAAC,QAAAC,cAAAmC,EACG,CAAAgD,IAAKD,EACLJ,SAAS,KACTzC,QAASA,EACTH,WAAwB,UAAZmB,EACZkC,UAAWD,cAS3CvF,UAACC,cAAA6C,EACG,CAAA2C,MAAO,CACHC,UAAWvC,GAAYF,EAAI2B,OAAS,EAAI,YAASe,GAErDhD,UAAWgC,GAAeb,EAC1B8B,QAlEY,WACpB,IAAM3B,EAAWV,EAAUW,QACtBD,IAELA,MAAAA,GAAAA,EAAU4B,SAAS,CACfC,MAA8B,EAAxB7B,EAASI,YACf0B,SAAU,cA8DN/F,EAAA,QAAAC,cAACN,EAAW,CAAAC,GAAG,UAEnBI,EAAAA,QAACC,cAAA2C,EACG,CAAA6C,MAAO,CACHC,UAAWvC,GAAYF,EAAI2B,OAAS,EAAI,YAASe,GAErDhD,UAAWgC,GAAehB,EAC1BiC,QAlFa,WACrB,IAAM3B,EAAWV,EAAUW,QACtBD,IAELA,MAAAA,GAAAA,EAAU4B,SAAS,CAAEC,KAAM7B,EAASI,YAAa0B,SAAU,cAgFnD/F,EAAC,QAAAC,cAAAc,GAAYnB,GAAG,aAMhCoD,EAAWtE,YAAc,gDHvMpB,SAACI,GACF,IAAAgB,EAAAhB,EAAAkH,UAAAA,OAAS,IAAAlG,EAAG,UAASA,EACrBmG,EAAUnH,EAAAmH,WACVC,iBACAC,UACAC,YACAhD,EAAAtE,EAAAuH,UAAAA,aAAY,YAAWjD,EACvB7D,EAAQT,EAAAS,SACR8D,EAAkBvE,EAAAC,WAAlBA,OAAU,IAAAsE,GAAQA,EAClBiD,EAAYxH,EAAAwH,aACZzG,EAASf,EAAAe,UAED0G,EAAWC,uBAEnB,OACIxG,EAAC,QAAAC,cAAA3B,EAAK,CAAAS,WAAYA,EAAYc,UAAWA,GACpCoG,GACGjG,EAAAA,QAAAC,cAACf,EACG,CAAA6F,SAAUmB,GAAgB,MAC1BO,KAAK,QACLC,UACkB,YAAdV,EACMO,EAAO1E,KAAKC,cACZ6D,EAEV/D,WAA0B,aAAdoE,EACZR,UAAWS,IAGlBE,GACGnG,UAACC,cAAAZ,GACG0F,SAAUqB,GAAW,KACrBK,KAAoB,cAAdJ,EAA4B,YAAc,YAChDM,QAASL,EACTI,UACkB,YAAdV,EACMO,EAAO1E,KAAKC,cACZ6D,EAEV/D,WAA0B,aAAdoE,EACZR,UAAWW,EACX5G,SAAUA"}

package/cjs/{VideoBlock-a7d6ff7d.js → VideoBlock-dea7de8a.js}

@@ -1,2 +1,2 @@
-"use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),a=require("./styles-3a495a2d.js"),i=require("./TableBlock-007f8e34.js"),o=require("./Copy-ea6ab025.js"),r=require("./Actions-c7b16449.js"),l=require("./Image-c72f7a80.js");function d(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var s,c,p,m,u,f,g,v,x,h,w,b=d(e),k=d(t),y=k.default.div.withConfig({displayName:"IntroBlock__View",componentId:"sc-w71lok-0"})(s||(s=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"}),a.mq.semilarge,a.spacings.spacer),_=k.default.div.withConfig({displayName:"IntroBlock__Content",componentId:"sc-w71lok-1"})(c||(c=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"])),a.spacings.spacer,a.mq.semilarge),I=k.default(i.Title).withConfig({displayName:"IntroBlock__StyledTitle",componentId:"sc-w71lok-2"})(p||(p=n.__makeTemplateObject(["\n    max-width: ",";\n"],["\n    max-width: ",";\n"])),(function(n){return n.clamp&&"880px"})),C=k.default(o.Copy).withConfig({displayName:"IntroBlock__ContentBlock",componentId:"sc-w71lok-3"})(u||(u=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 a=e.maxLines;return a&&a>0&&t.css(m||(m=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        "])),a,a)}),3*a.spacings.nudge),T=k.default(r.Actions).withConfig({displayName:"IntroBlock__StyledActions",componentId:"sc-w71lok-4"})(f||(f=n.__makeTemplateObject(["\n    @media "," {\n        display: block;\n        text-align: ",";\n    }\n"],["\n    @media "," {\n        display: block;\n        text-align: ",";\n    }\n"])),a.mq.medium,(function(n){return n.isCentered&&"center"})),j=k.default.div.withConfig({displayName:"IntroBlock__MobileImageContainer",componentId:"sc-w71lok-5"})(g||(g=n.__makeTemplateObject(["\n    width: 100%;\n    height: 100%;\n    max-width: 400px;\n    max-height: ",";\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: ",";\n    text-align: center;\n\n    margin: 0 auto;\n    margin-top: ","px;\n\n    @media "," {\n        display: ",";\n    }\n"])),(function(n){return n.coverSpace&&"400px"}),a.spacings.spacer,a.mq.semilarge,(function(n){return n.isCentered?"block":"none"})),q=k.default.div.withConfig({displayName:"IntroBlock__DesktopImageContainer",componentId:"sc-w71lok-6"})(v||(v=n.__makeTemplateObject(["\n    display: none;\n    width: 100%;\n\n    @media "," {\n        display: block;\n\n        max-width: 400px;\n        max-width: calc(100% - 66.66% - ","px);\n    }\n"],["\n    display: none;\n    width: 100%;\n\n    @media "," {\n        display: block;\n\n        max-width: 400px;\n        max-width: calc(100% - 66.66% - ","px);\n    }\n"])),a.mq.semilarge,a.spacings.spacer),B=k.default.div.withConfig({displayName:"VideoBlock__AspectContainer",componentId:"sc-160aafd-0"})(h||(h=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 a.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?a.getGlobals(e).sections.imagePlaceholderBg.inverted:a.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,")")}),a.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,")")}),a.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,")")}),a.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,")")}),a.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(x||(x=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        "])))})),E=k.default.video.withConfig({displayName:"VideoBlock__Video",componentId:"sc-160aafd-1"})(w||(w=n.__makeTemplateObject(["\n    display: block;\n"],["\n    display: block;\n"]))),N=e.forwardRef((function(n,t){var a=n.urls,i=n.ratios,o=n.isInverted,r=n.muted,l=void 0!==r&&r,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]),b.default.createElement(B,{ratios:i,isInverted:o,className:x},b.default.createElement(E,{ref:h,muted:l,autoPlay:s,loop:p,controls:u,onCanPlayThrough:v,playsInline:g},null==a?void 0:a.map((function(n,e){return b.default.createElement("source",{src:n,key:e})}))))}));N.displayName="VideoBlock",exports.IntroBlock=function(e){var t=e.renderAs,a=void 0===t?"div":t,i=e.colorMode,o=void 0===i?"default":i,r=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,k=e.secondaryAction,B=e.isCentered,E=void 0!==B&&B,N=e.clampTitle,A=void 0!==N&&N,O=e.clampAbstract,S=void 0!==O&&O,L=e.maxTitleLines,P=e.maxAbstractLines,V=e.clampText,z=void 0!==V&&V,H=e.maxTextLines,M=e.className,R=e.titleHyphens,G=e.image,D="inverted"===o||"onImage"===o,F=!1!==(null==G?void 0:G.coverSpace);return b.default.createElement(y,{as:a,isCentered:E,className:M},b.default.createElement(_,null,(r||p)&&b.default.createElement(I,{colorMode:o,title:r,titleAs:d,titleSize:c,superTitle:p,superTitleAs:m,isCentered:E,clamp:A,maxLines:L,titleHyphens:R}),(null==G?void 0:G.small)&&b.default.createElement(j,{isCentered:E,coverSpace:F},b.default.createElement(l.Image,n.__assign({},G,{coverSpace:F,allowEdgeRadius:!0,isInverted:D}))),u&&b.default.createElement(C,{type:"copy",size:"big",textColor:"onImage"===o?"#fff":void 0,isInverted:D,isCentered:E,innerHTML:u,clamp:S,maxLines:P}),f&&b.default.createElement(C,{type:v,size:h,textColor:"onImage"===o?"#fff":void 0,isInverted:D,isCentered:E,innerHTML:f,clamp:z,maxLines:H}),(w||k)&&b.default.createElement(T,{primary:w&&w({isInverted:D,isTextCentered:E}),secondary:k&&k({isInverted:D,isTextCentered:E})})),(null==G?void 0:G.small)&&!E&&b.default.createElement(q,null,b.default.createElement(l.Image,n.__assign({},G,{coverSpace:F,allowEdgeRadius:!0,isInverted:D}))))},exports.VideoBlock=N;
-//# sourceMappingURL=VideoBlock-a7d6ff7d.js.map
+"use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),a=require("./styles-3a495a2d.js"),i=require("./TableBlock-f2c59d9b.js"),o=require("./Copy-ea6ab025.js"),r=require("./Actions-c7b16449.js"),l=require("./Image-c72f7a80.js");function d(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var s,c,p,m,u,f,g,v,x,h,w,b=d(e),k=d(t),y=k.default.div.withConfig({displayName:"IntroBlock__View",componentId:"sc-w71lok-0"})(s||(s=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"}),a.mq.semilarge,a.spacings.spacer),_=k.default.div.withConfig({displayName:"IntroBlock__Content",componentId:"sc-w71lok-1"})(c||(c=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"])),a.spacings.spacer,a.mq.semilarge),I=k.default(i.Title).withConfig({displayName:"IntroBlock__StyledTitle",componentId:"sc-w71lok-2"})(p||(p=n.__makeTemplateObject(["\n    max-width: ",";\n"],["\n    max-width: ",";\n"])),(function(n){return n.clamp&&"880px"})),C=k.default(o.Copy).withConfig({displayName:"IntroBlock__ContentBlock",componentId:"sc-w71lok-3"})(u||(u=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 a=e.maxLines;return a&&a>0&&t.css(m||(m=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        "])),a,a)}),3*a.spacings.nudge),T=k.default(r.Actions).withConfig({displayName:"IntroBlock__StyledActions",componentId:"sc-w71lok-4"})(f||(f=n.__makeTemplateObject(["\n    @media "," {\n        display: block;\n        text-align: ",";\n    }\n"],["\n    @media "," {\n        display: block;\n        text-align: ",";\n    }\n"])),a.mq.medium,(function(n){return n.isCentered&&"center"})),j=k.default.div.withConfig({displayName:"IntroBlock__MobileImageContainer",componentId:"sc-w71lok-5"})(g||(g=n.__makeTemplateObject(["\n    width: 100%;\n    height: 100%;\n    max-width: 400px;\n    max-height: ",";\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: ",";\n    text-align: center;\n\n    margin: 0 auto;\n    margin-top: ","px;\n\n    @media "," {\n        display: ",";\n    }\n"])),(function(n){return n.coverSpace&&"400px"}),a.spacings.spacer,a.mq.semilarge,(function(n){return n.isCentered?"block":"none"})),q=k.default.div.withConfig({displayName:"IntroBlock__DesktopImageContainer",componentId:"sc-w71lok-6"})(v||(v=n.__makeTemplateObject(["\n    display: none;\n    width: 100%;\n\n    @media "," {\n        display: block;\n\n        max-width: 400px;\n        max-width: calc(100% - 66.66% - ","px);\n    }\n"],["\n    display: none;\n    width: 100%;\n\n    @media "," {\n        display: block;\n\n        max-width: 400px;\n        max-width: calc(100% - 66.66% - ","px);\n    }\n"])),a.mq.semilarge,a.spacings.spacer),B=k.default.div.withConfig({displayName:"VideoBlock__AspectContainer",componentId:"sc-160aafd-0"})(h||(h=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 a.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?a.getGlobals(e).sections.imagePlaceholderBg.inverted:a.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,")")}),a.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,")")}),a.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,")")}),a.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,")")}),a.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(x||(x=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        "])))})),E=k.default.video.withConfig({displayName:"VideoBlock__Video",componentId:"sc-160aafd-1"})(w||(w=n.__makeTemplateObject(["\n    display: block;\n"],["\n    display: block;\n"]))),N=e.forwardRef((function(n,t){var a=n.urls,i=n.ratios,o=n.isInverted,r=n.muted,l=void 0!==r&&r,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]),b.default.createElement(B,{ratios:i,isInverted:o,className:x},b.default.createElement(E,{ref:h,muted:l,autoPlay:s,loop:p,controls:u,onCanPlayThrough:v,playsInline:g},null==a?void 0:a.map((function(n,e){return b.default.createElement("source",{src:n,key:e})}))))}));N.displayName="VideoBlock",exports.IntroBlock=function(e){var t=e.renderAs,a=void 0===t?"div":t,i=e.colorMode,o=void 0===i?"default":i,r=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,k=e.secondaryAction,B=e.isCentered,E=void 0!==B&&B,N=e.clampTitle,A=void 0!==N&&N,O=e.clampAbstract,S=void 0!==O&&O,L=e.maxTitleLines,P=e.maxAbstractLines,V=e.clampText,z=void 0!==V&&V,H=e.maxTextLines,M=e.className,R=e.titleHyphens,G=e.image,D="inverted"===o||"onImage"===o,F=!1!==(null==G?void 0:G.coverSpace);return b.default.createElement(y,{as:a,isCentered:E,className:M},b.default.createElement(_,null,(r||p)&&b.default.createElement(I,{colorMode:o,title:r,titleAs:d,titleSize:c,superTitle:p,superTitleAs:m,isCentered:E,clamp:A,maxLines:L,titleHyphens:R}),(null==G?void 0:G.small)&&b.default.createElement(j,{isCentered:E,coverSpace:F},b.default.createElement(l.Image,n.__assign({},G,{coverSpace:F,allowEdgeRadius:!0,isInverted:D}))),u&&b.default.createElement(C,{type:"copy",size:"big",textColor:"onImage"===o?"#fff":void 0,isInverted:D,isCentered:E,innerHTML:u,clamp:S,maxLines:P}),f&&b.default.createElement(C,{type:v,size:h,textColor:"onImage"===o?"#fff":void 0,isInverted:D,isCentered:E,innerHTML:f,clamp:z,maxLines:H}),(w||k)&&b.default.createElement(T,{primary:w&&w({isInverted:D,isTextCentered:E}),secondary:k&&k({isInverted:D,isTextCentered:E})})),(null==G?void 0:G.small)&&!E&&b.default.createElement(q,null,b.default.createElement(l.Image,n.__assign({},G,{coverSpace:F,allowEdgeRadius:!0,isInverted:D}))))},exports.VideoBlock=N;
+//# sourceMappingURL=VideoBlock-dea7de8a.js.map

package/cjs/{VideoBlock-a7d6ff7d.js.map → VideoBlock-dea7de8a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VideoBlock-a7d6ff7d.js","sources":["../src/components/blocks/IntroBlock.tsx","../src/components/blocks/VideoBlock.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<{\n    isCentered?: boolean;\n    coverSpace?: boolean;\n}>`\n    width: 100%;\n    height: 100%;\n    max-width: 400px;\n    max-height: ${({ coverSpace }) => coverSpace && '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\n        max-width: 400px;\n        max-width: calc(100% - 66.66% - ${spacings.spacer}px);\n    }\n`;\n\nexport interface IntroActionProps {\n    isInverted?: boolean;\n    isTextCentered?: boolean;\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?: (props: IntroActionProps) => React.ReactNode;\n\n    /** Function to inject custom secondary button */\n    secondaryAction?: (props: IntroActionProps) => 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\n                        isCentered={isCentered}\n                        coverSpace={coverSpace}\n                    >\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={\n                            primaryAction &&\n                            primaryAction({\n                                isInverted,\n                                isTextCentered: isCentered,\n                            })\n                        }\n                        secondary={\n                            secondaryAction &&\n                            secondaryAction({\n                                isInverted,\n                                isTextCentered: isCentered,\n                            })\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, {\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"],"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","coverSpace","DesktopImageContainer","templateObject_8","AspectContainer","theme","global","sections","edgeRadius","ratios","small","isInverted","getGlobals","imagePlaceholderBg","inverted","default","concat","large","xlarge","Video","video","VideoBlock","forwardRef","ref","urls","_b","muted","_c","autoPlay","_d","loop","_e","controls","_f","playsInline","onCanPlayThrough","className","videoRef","useRef","useImperativeHandle","current","useEffect","readyState","React","createElement","map","url","i","src","key","renderAs","colorMode","title","titleAs","titleSize","superTitle","superTitleAs","abstract","text","textType","textSize","primaryAction","secondaryAction","_g","_h","clampTitle","_j","clampAbstract","maxTitleLines","maxAbstractLines","_k","clampText","maxTextLines","titleHyphens","image","as","Image","__assign","allowEdgeRadius","type","size","textColor","undefined","innerHTML","primary","isTextCentered","secondary"],"mappings":"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"}
+{"version":3,"file":"VideoBlock-dea7de8a.js","sources":["../src/components/blocks/IntroBlock.tsx","../src/components/blocks/VideoBlock.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<{\n    isCentered?: boolean;\n    coverSpace?: boolean;\n}>`\n    width: 100%;\n    height: 100%;\n    max-width: 400px;\n    max-height: ${({ coverSpace }) => coverSpace && '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\n        max-width: 400px;\n        max-width: calc(100% - 66.66% - ${spacings.spacer}px);\n    }\n`;\n\nexport interface IntroActionProps {\n    isInverted?: boolean;\n    isTextCentered?: boolean;\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?: (props: IntroActionProps) => React.ReactNode;\n\n    /** Function to inject custom secondary button */\n    secondaryAction?: (props: IntroActionProps) => 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\n                        isCentered={isCentered}\n                        coverSpace={coverSpace}\n                    >\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={\n                            primaryAction &&\n                            primaryAction({\n                                isInverted,\n                                isTextCentered: isCentered,\n                            })\n                        }\n                        secondary={\n                            secondaryAction &&\n                            secondaryAction({\n                                isInverted,\n                                isTextCentered: isCentered,\n                            })\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, {\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"],"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","coverSpace","DesktopImageContainer","templateObject_8","AspectContainer","theme","global","sections","edgeRadius","ratios","small","isInverted","getGlobals","imagePlaceholderBg","inverted","default","concat","large","xlarge","Video","video","VideoBlock","forwardRef","ref","urls","_b","muted","_c","autoPlay","_d","loop","_e","controls","_f","playsInline","onCanPlayThrough","className","videoRef","useRef","useImperativeHandle","current","useEffect","readyState","React","createElement","map","url","i","src","key","renderAs","colorMode","title","titleAs","titleSize","superTitle","superTitleAs","abstract","text","textType","textSize","primaryAction","secondaryAction","_g","_h","clampTitle","_j","clampAbstract","maxTitleLines","maxAbstractLines","_k","clampText","maxTextLines","titleHyphens","image","as","Image","__assign","allowEdgeRadius","type","size","textColor","undefined","innerHTML","primary","isTextCentered","secondary"],"mappings":"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"}

package/cjs/blocks.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./TableBlock-007f8e34.js"),r=require("./Actions-c7b16449.js"),s=require("./Bdot-5f8e0450.js"),o=require("./VideoBlock-a7d6ff7d.js"),t=require("./Image-c72f7a80.js"),i=require("./LanguageSwitcher-8fdd22ba.js"),a=require("./EventBlock-04e719a7.js"),c=require("./Tag-9238cf0c.js"),u=require("./POICard-e46f9041.js"),l=require("./InfoList-71d3388a.js"),d=require("./SocialList-1d5f75a8.js");require("./ClockFilled-2483aa4a.js"),require("react"),require("styled-components"),require("./Copy-ea6ab025.js"),require("./clamp-bd21d587.js"),require("./LibThemeProvider-4823de57.js"),require("./styles-3a495a2d.js"),require("react-dom/server"),require("./Link-5a6f1633.js"),require("./statusFormatter-0393122b.js"),require("./arrays-c272ed59.js"),exports.TableBlock=e.TableBlock,exports.Title=e.Title,exports.Actions=r.Actions,exports.Bdot=s.Bdot,exports.IntroBlock=o.IntroBlock,exports.VideoBlock=o.VideoBlock,exports.Image=t.Image,exports.LanguageSwitcher=i.LanguageSwitcher,exports.EventBlock=a.EventBlock,exports.Tag=c.Tag,exports.POICard=u.POICard,exports.POIFacts=u.POIFacts,exports.InfoList=l.InfoList,exports.SocialList=d.SocialList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./TableBlock-f2c59d9b.js"),r=require("./Actions-c7b16449.js"),s=require("./Bdot-5f8e0450.js"),o=require("./VideoBlock-dea7de8a.js"),t=require("./Image-c72f7a80.js"),i=require("./LanguageSwitcher-8fdd22ba.js"),a=require("./EventBlock-04e719a7.js"),c=require("./Tag-9238cf0c.js"),u=require("./POICard-e46f9041.js"),d=require("./InfoList-71d3388a.js"),l=require("./SocialList-1d5f75a8.js");require("./ClockFilled-2483aa4a.js"),require("react"),require("styled-components"),require("./Copy-ea6ab025.js"),require("./clamp-bd21d587.js"),require("./LibThemeProvider-4823de57.js"),require("./styles-3a495a2d.js"),require("react-dom/server"),require("./Link-5a6f1633.js"),require("./statusFormatter-0393122b.js"),require("./arrays-c272ed59.js"),exports.TableBlock=e.TableBlock,exports.Title=e.Title,exports.Actions=r.Actions,exports.Bdot=s.Bdot,exports.IntroBlock=o.IntroBlock,exports.VideoBlock=o.VideoBlock,exports.Image=t.Image,exports.LanguageSwitcher=i.LanguageSwitcher,exports.EventBlock=a.EventBlock,exports.Tag=c.Tag,exports.POICard=u.POICard,exports.POIFacts=u.POIFacts,exports.InfoList=d.InfoList,exports.SocialList=l.SocialList;
 //# sourceMappingURL=blocks.js.map

package/cjs/sections.events.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./ClockFilled-2483aa4a.js"),n=require("react"),t=require("styled-components"),a=require("./Section-e8e8cf81.js"),i=require("./Wrapper-ff6854d7.js"),r=require("./EventBlock-04e719a7.js"),o=require("./styles-3a495a2d.js"),l=require("./LibThemeProvider-4823de57.js"),d=require("./statusFormatter-0393122b.js"),s=require("./concat-f387d848.js"),c=require("./Filter-d6d90b8b.js"),m=require("./Tag-9238cf0c.js"),p=require("./Pointer-fde7b548.js"),u=require("./Copy-ea6ab025.js"),g=require("./arrays-c272ed59.js"),f=require("./urlParams-7525f638.js"),v=require("./useMounted-0bba9869.js"),x=require("./useObserverSupport-5ab320dd.js"),h=require("./useScrollTo-fdd665da.js"),b=require("./useUpdateEffect-4d233e2c.js"),y=require("./Image-c72f7a80.js"),w=require("./Grid-6f4f99bc.js"),_=require("./InfoList-71d3388a.js");function k(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./Link-5a6f1633.js"),require("react-dom/server"),require("./clamp-bd21d587.js");var E,T,I,C,j,q,B,O,F,L,M,S,A,N,D,z,P,U,V,R=k(n),W=k(t),G=W.default.div.withConfig({displayName:"EventOverview__TagContainer",componentId:"sc-u2afqs-0"})(E||(E=e.__makeTemplateObject(["\n    margin-top: -","px;\n    margin-left: -","px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    &:not(:only-child) {\n        margin-bottom: ","px;\n    }\n"],["\n    margin-top: -","px;\n    margin-left: -","px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    &:not(:only-child) {\n        margin-bottom: ","px;\n    }\n"])),o.spacings.nudge,o.spacings.nudge,6*o.spacings.nudge),H=W.default.div.withConfig({displayName:"EventOverview__TagWrapper",componentId:"sc-u2afqs-1"})(T||(T=e.__makeTemplateObject(["\n    padding-top: ","px;\n    padding-left: ","px;\n"],["\n    padding-top: ","px;\n    padding-left: ","px;\n"])),o.spacings.nudge,o.spacings.nudge),K=W.default.ul.withConfig({displayName:"EventOverview__Events",componentId:"sc-u2afqs-2"})(I||(I=e.__makeTemplateObject(["\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n\n    /* & > * + * {\n        border-top: 1px solid\n            ",";\n    }\n\n    & > *:first-of-type {\n        border-top: 1px solid\n            ",";\n    }\n\n    & > *:last-of-type {\n        border-bottom: 1px solid\n            ",";\n    } */\n\n    & > * + * {\n        padding-top: ","px;\n    }\n"],["\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n\n    /* & > * + * {\n        border-top: 1px solid\n            ",";\n    }\n\n    & > *:first-of-type {\n        border-top: 1px solid\n            ",";\n    }\n\n    & > *:last-of-type {\n        border-bottom: 1px solid\n            ",";\n    } */\n\n    & > * + * {\n        padding-top: ","px;\n    }\n"])),(function(e){var n=e.theme;return e.hasBg?o.getColors(n).elementBg.light:o.getColors(n).elementBg.medium}),(function(e){var n=e.theme;return e.hasBg?o.getColors(n).elementBg.light:o.getColors(n).elementBg.medium}),(function(e){var n=e.theme;return e.hasBg?o.getColors(n).elementBg.light:o.getColors(n).elementBg.medium}),3*o.spacings.nudge),J=W.default(u.Copy).withConfig({displayName:"EventOverview__FilterIcon",componentId:"sc-u2afqs-3"})(C||(C=e.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    padding: ","px ","px 0 0;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    padding: ","px ","px 0 0;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),o.spacings.nudge/2,o.spacings.nudge,o.spacings.nudge),Q=W.default.li.withConfig({displayName:"EventOverview__EventItem",componentId:"sc-u2afqs-4"})(j||(j=e.__makeTemplateObject(["\n    /* padding: ","px 0; */\n"],["\n    /* padding: ","px 0; */\n"])),3*o.spacings.nudge),X=W.default.div.withConfig({displayName:"EventOverview__ListFooter",componentId:"sc-u2afqs-5"})(q||(q=e.__makeTemplateObject(["\n    margin-top: ","px;\n    text-align: center;\n\n    @media "," {\n        text-align: left;\n    }\n"],["\n    margin-top: ","px;\n    text-align: center;\n\n    @media "," {\n        text-align: left;\n    }\n"])),6*o.spacings.nudge,o.mq.medium),Y=W.default.span.withConfig({displayName:"EventOverview__ShowMore",componentId:"sc-u2afqs-6"})(B||(B=e.__makeTemplateObject(["\n    display: ",";\n"],["\n    display: ",";\n"])),(function(e){var n=e.itemCount;return n&&n>2?"block":"none"})),Z=l.withLibTheme((function(t){var o=t.tags,y=t.events,w=t.bgMode,_=t.anchorId,k=t.initial,E=t.showMoreText,T=t.onTagClick,I=t.customTag,C="inverted"===w,j="full"===w,q=l.useLibTheme(),B=q.colors,O=q.globals,F=O.sections.eventFilterName,L=R.default.useState((null==k?void 0:k.activeTags)||[]),M=L[0],S=L[1],A=R.default.useState(1)[0],N=R.default.useState((null==k?void 0:k.visibleRows)||3),D=N[0],z=N[1],P=R.default.useRef(null),U=x.useObserverSupport(),V=v.useMounted(),W=(null==y?void 0:y.length)||0,Z=h.useScrollTo(800),$=n.useCallback((function(){var e=[],n=f.getUrlParams()[F];if(n){var t=null==n?void 0:n.split(",");g.isValidArray(t,!1)&&e.push.apply(e,t)}return e}),[F]);n.useEffect((function(){if(!k){var e=$();g.isValidArray(e,!1)&&S(e)}}),[$,k]),n.useEffect((function(){var e;k&&!V&&(f.setUrlParam("rows",(null==k?void 0:k.visibleRows)||3),g.isValidArray(null==k?void 0:k.activeTags,!1)?f.setUrlParam(F,null===(e=null==k?void 0:k.activeTags)||void 0===e?void 0:e.join(",")):f.deleteUrlParam(F))}),[F,k,V]),b.useUpdateEffect((function(){f.setUrlParam("rows",D)}),[D]),b.useUpdateEffect((function(){!T&&g.isValidArray(M)&&(M.length>0?f.setUrlParam(F,M.join(",")):f.deleteUrlParam(F))}),[M]);var ee=function(n,t){void 0===t&&(t=!0),S((function(a){var i=e.__spreadArray([],a,!0),r=n.name?a.indexOf(n.name):-1;return-1===r&&n.name?e.__spreadArray(e.__spreadArray([],i,!0),[n.name],!1):t?(i.splice(r,1),i):a})),z(3)},ne=n.useMemo((function(){var n=g.isValidArray(y)?e.__spreadArray([],y,!0):[];return n=null==n?void 0:n.filter((function(e){if(!g.isValidArray(M,!1))return!0;if(!e.tags)return!1;for(var n=!1,t=0;t<e.tags.length;t++)if(-1!==M.indexOf(e.tags[t].name||"")){n=!0;break}return n}))}),[y,M]),te=n.useMemo((function(){return(null==ne?void 0:ne.filter((function(e,n){return n<D*A})))||[]}),[ne,A,D]);n.useEffect((function(){if(U){var e,n=P.current;if(n){(e=new IntersectionObserver((function(e){var n=e[0];(null==n?void 0:n.isIntersecting)&&D<Math.ceil(ne.length/A)&&z((function(e){return e+1}))}),{rootMargin:"0px 0px 100px 0px",threshold:0})).observe(n)}return function(){e&&e.disconnect()}}}),[A,W,D,U,ne.length]);var ae=n.useMemo((function(){return null==o?void 0:o.filter((function(e){return e}))}),[o]);return R.default.createElement(a.Section,{addSeperation:!0,anchorId:_,bgColor:C?B.sectionBg.dark:j?B.sectionBg.medium:"transparent",bgMode:a.mapToBgMode(w,!0)},R.default.createElement(i.Wrapper,{addWhitespace:!0},g.isValidArray(ae,!1)&&R.default.createElement(G,null,R.default.createElement(J,{size:"small",type:"copy",isInverted:C},R.default.createElement(c.Filter,null),R.default.createElement("span",null,"Filter")),ae.map((function(e,n){return R.default.createElement(H,{key:n},I?I({key:n,name:e,isInverted:C,isActive:-1!==M.indexOf(e),clickHandler:function(n){null==n||n.preventDefault(),T?T({name:e}):ee({name:e})}}):R.default.createElement(m.Tag,{isInverted:C,onClick:function(n){null==n||n.preventDefault(),T?T({name:e},!1):ee({name:e})},isActive:-1!==M.indexOf(e)},e))}))),R.default.createElement(K,{hasBg:j},te.map((function(n,t){var a,i="";n.date&&(i=new d.StatusFormatter(n.date.getTime(),"",O.sections.eventDateFormat(n.date),O.sections.eventTimeFormat(n.date),O.sections.eventLocaleKey).getFormattedTimespan(O.sections.eventTimespanFormat(n.date,n.duration),n.duration));var o=s.concat([i,n.address]," | ");return R.default.createElement(Q,{key:"".concat(t,"_event_").concat(n.title)},R.default.createElement(r.EventBlock,e.__assign({hasBg:"full"===w},n,{text:o,tags:null===(a=n.tags)||void 0===a?void 0:a.map((function(e){return{name:e.name}})),isInverted:C,onTagClick:function(e){Z(0),T?T({name:e.name},!0):ee({name:e.name},!1)},customTag:I})))}))),R.default.createElement("div",{ref:P}),!U&&R.default.createElement(X,null,y&&y.length>0&&R.default.createElement(u.Copy,{type:"copy",size:"medium",isInverted:C},R.default.createElement(Y,{itemCount:y.length,onClick:function(e){e.preventDefault(),D<Math.ceil(ne.length/A)&&z((function(e){return e+1}))}},D<ne.length/A&&R.default.createElement(p.Pointer.View,{as:"button",isInverted:C},R.default.createElement(p.Pointer.Label,null,E||"mehr anzeigen")))))))})),$=W.default.ul.withConfig({displayName:"EventList__List",componentId:"sc-1ssgszz-0"})(O||(O=e.__makeTemplateObject(["\n    list-style: none;\n    margin: 0;\n    padding: 0;\n\n    /* & > * + * {\n        border-top: 1px solid\n            ",";\n    }\n\n    & > *:first-of-type {\n        border-top: 1px solid\n            ",";\n    }\n\n    & > *:last-of-type {\n        border-bottom: 1px solid\n            ",";\n    } */\n\n    & > * + * {\n        padding-top: ","px;\n    }\n"],["\n    list-style: none;\n    margin: 0;\n    padding: 0;\n\n    /* & > * + * {\n        border-top: 1px solid\n            ",";\n    }\n\n    & > *:first-of-type {\n        border-top: 1px solid\n            ",";\n    }\n\n    & > *:last-of-type {\n        border-bottom: 1px solid\n            ",";\n    } */\n\n    & > * + * {\n        padding-top: ","px;\n    }\n"])),(function(e){var n=e.theme;return e.hasBg?o.getColors(n).elementBg.light:o.getColors(n).elementBg.medium}),(function(e){var n=e.theme;return e.hasBg?o.getColors(n).elementBg.light:o.getColors(n).elementBg.medium}),(function(e){var n=e.theme;return e.hasBg?o.getColors(n).elementBg.light:o.getColors(n).elementBg.medium}),3*o.spacings.nudge),ee=W.default.li.withConfig({displayName:"EventList__ListItem",componentId:"sc-1ssgszz-1"})(F||(F=e.__makeTemplateObject(["\n    /* padding: ","px 0; */\n"],["\n    /* padding: ","px 0; */\n"])),3*o.spacings.nudge),ne=l.withLibTheme((function(n){var t=n.anchorId,o=n.events,c=n.bgMode,m=n.customTag,p=l.useLibTheme(),u=p.colors,f=p.globals,v=p.theme,x="inverted"===c,h="full"===c;return R.default.createElement(a.Section,{addSeperation:!0,anchorId:t,bgColor:x?u.sectionBg.dark:c?u.sectionBg.medium:u.sectionBg.light,bgMode:a.mapToBgMode(c,!0)},R.default.createElement(i.Wrapper,{addWhitespace:!0},R.default.createElement($,{hasBg:h},null==o?void 0:o.map((function(n,t){var a,i="";n.date&&(i=new d.StatusFormatter(n.date.getTime(),"",f.sections.eventDateFormat(n.date),f.sections.eventTimeFormat(n.date),f.sections.eventLocaleKey).getFormattedTimespan(f.sections.eventTimespanFormat(n.date,n.duration),n.duration));var o=s.concat([i,n.address]," | ");return R.default.createElement(ee,{key:t},R.default.createElement(r.EventBlock,e.__assign({hasBg:"full"===c},n,{tags:null===(a=n.tags)||void 0===a?void 0:a.map((function(n){var t,a,i=void 0;return n.name&&(null===(t=n.link)||void 0===t?void 0:t.href)&&(i=function(e,n,t){if(void 0===t&&(t=[]),!e||!n)return"";if(!g.isValidArray(t,!1))return e;var a=n.globals.sections.eventFilterName;if(!a)return e;try{var i=new URL(e),r=new URLSearchParams(i.search);return r.set(a,encodeURIComponent(t.join(","))),"".concat(e,"?").concat(r.toString())}catch(n){return"".concat(e,"?").concat(a,"=").concat(encodeURIComponent(t.join(",")))}}(n.link.href,v,[n.name])),{name:n.name,link:(null===(a=n.link)||void 0===a?void 0:a.href)?e.__assign(e.__assign({},n.link),{href:i}):void 0}})),isInverted:x,text:o,customTag:m})))})))))})),te=W.default.div.withConfig({displayName:"EventDetail__ImageContainer",componentId:"sc-1ko6neq-0"})(L||(L=e.__makeTemplateObject(["\n    position: relative;\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: ",";\n\n    overflow: hidden;\n\n    margin-bottom: ","px;\n"],["\n    position: relative;\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: ",";\n\n    overflow: hidden;\n\n    margin-bottom: ","px;\n"])),(function(e){switch(e.hAlign){case"center":return"center";case"right":return"flex-end";default:return"flex-start"}}),o.spacings.spacer),ae=W.default(y.Image).withConfig({displayName:"EventDetail__StyledImage",componentId:"sc-1ko6neq-1"})(M||(M=e.__makeTemplateObject(["\n    &:not(:first-child) {\n        display: none;\n    }\n\n    @media "," {\n        max-width: 50%;\n\n        &:not(:first-child) {\n            display: inline-block;\n        }\n\n        & + & {\n            margin-left: ","px;\n        }\n    }\n"],["\n    &:not(:first-child) {\n        display: none;\n    }\n\n    @media "," {\n        max-width: 50%;\n\n        &:not(:first-child) {\n            display: inline-block;\n        }\n\n        & + & {\n            margin-left: ","px;\n        }\n    }\n"])),o.mq.medium,o.spacings.nudge),ie=W.default.div.withConfig({displayName:"EventDetail__ImageBackground",componentId:"sc-1ko6neq-2"})(S||(S=e.__makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n\n    background-position: center;\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-color: ",";\n\n    filter: blur(10px);\n    transform: scale(1.5);\n    z-index: -1;\n"],["\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n\n    background-position: center;\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-color: ",";\n\n    filter: blur(10px);\n    transform: scale(1.5);\n    z-index: -1;\n"])),(function(e){var n=e.theme;return e.isInverted?o.getGlobals(n).sections.imagePlaceholderBg.inverted:o.getGlobals(n).sections.imagePlaceholderBg.default})),re=W.default(y.Image).withConfig({displayName:"EventDetail__StyledTextImage",componentId:"sc-1ko6neq-3"})(A||(A=e.__makeTemplateObject(["\n    margin-top: ","px;\n\n    @media "," {\n        display: none;\n    }\n"],["\n    margin-top: ","px;\n\n    @media "," {\n        display: none;\n    }\n"])),3*o.spacings.nudge,o.mq.medium),oe=W.default.div.withConfig({displayName:"EventDetail__TagContainer",componentId:"sc-1ko6neq-4"})(N||(N=e.__makeTemplateObject(["\n    max-width: 880px;\n    margin-top: -","px;\n    margin-left: -","px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n"],["\n    max-width: 880px;\n    margin-top: -","px;\n    margin-left: -","px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n"])),o.spacings.nudge,o.spacings.nudge),le=W.default.div.withConfig({displayName:"EventDetail__TagWrapper",componentId:"sc-1ko6neq-5"})(D||(D=e.__makeTemplateObject(["\n    padding-top: ","px;\n    padding-left: ","px;\n"],["\n    padding-top: ","px;\n    padding-left: ","px;\n"])),o.spacings.nudge,o.spacings.nudge),de=W.default(u.Heading).withConfig({displayName:"EventDetail__EventTitle",componentId:"sc-1ko6neq-6"})(z||(z=e.__makeTemplateObject(["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n\n    @media "," {\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"],["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n\n    @media "," {\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"])),3*o.spacings.nudge,o.mq.semilarge),se=W.default(u.Copy).withConfig({displayName:"EventDetail__EventDateTime",componentId:"sc-1ko6neq-7"})(P||(P=e.__makeTemplateObject(["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n"],["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n"])),3*o.spacings.nudge),ce=W.default(u.Copy).withConfig({displayName:"EventDetail__EventAddress",componentId:"sc-1ko6neq-8"})(U||(U=e.__makeTemplateObject(["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n\n    "," + & {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n"],["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n\n    "," + & {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n"])),3*o.spacings.nudge,se,o.spacings.nudge,o.mq.semilarge),me=W.default(u.Copy).withConfig({displayName:"EventDetail__EventText",componentId:"sc-1ko6neq-9"})(V||(V=e.__makeTemplateObject(["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n"],["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n"])),3*o.spacings.nudge),pe=l.withLibTheme((function(t){var r,s=t.anchorId,c=t.event,p=t.infos,u=t.useImageAsBg,f=t.bgMode,v=t.customTag,x=l.useLibTheme(),h=x.colors,b=x.globals,y="inverted"===f,k="full"===f,E=n.useMemo((function(){return g.isValidArray(null==p?void 0:p.filter((function(e){return g.isValidArray(e.items,!1)})),!1)}),[p]),T="",I="";if(null==c?void 0:c.date){var C=new d.StatusFormatter(c.date.getTime(),"",b.sections.eventDateFormat(c.date),b.sections.eventTimeFormat(c.date),b.sections.eventLocaleKey);T=C.getFormattedDate(),I=C.getFormattedTimespan(b.sections.eventTimespanFormat(c.date,c.duration),c.duration)}var j=n.useMemo((function(){var e;return null===(e=null==c?void 0:c.images)||void 0===e?void 0:e.slice(0,2)}),[null==c?void 0:c.images]),q=null==j?void 0:j[1];return R.default.createElement(a.Section,{addSeperation:!0,anchorId:s,bgColor:y?h.sectionBg.dark:k?h.sectionBg.medium:h.sectionBg.light,bgMode:a.mapToBgMode(f,!0)},R.default.createElement(i.Wrapper,{addWhitespace:!0},g.isValidArray(j,!1)&&R.default.createElement(te,{hAlign:u?"center":"left"},j.map((function(n,t){return n.small?R.default.createElement(ae,e.__assign({key:t},n,{coverSpace:!0,allowEdgeRadius:!0,isInverted:y,ratios:{small:{w:4,h:3}}})):null})),R.default.createElement(ie,{isInverted:y,style:{backgroundImage:u&&j.length<2?"url(".concat(null===(r=null==c?void 0:c.images)||void 0===r?void 0:r[0].small,")"):void 0}})),R.default.createElement(w.Grid.Row,{gutter:5*o.spacings.nudge,semilarge:{gutter:o.spacings.spacer}},R.default.createElement(w.Grid.Col,{semilarge:{span:E?5.7/8:1}},(null==c?void 0:c.tags)&&R.default.createElement(oe,null,c.tags.map((function(e,n){return R.default.createElement(le,{key:"tag_"+n},v?v({key:"headtag-".concat(n),name:e.name||"",isInverted:y,isActive:!1,link:e.link}):R.default.createElement(m.Tag,{link:e.link,isInverted:y},e.name))}))),(null==c?void 0:c.title)&&R.default.createElement(de,{size:"heading-2",isInverted:y},c.title),T&&R.default.createElement(se,{size:"big",type:"copy-b",isInverted:y},T||"",T&&I?" | ":"",I),(null==c?void 0:c.address)&&R.default.createElement(ce,{size:"big",type:"copy",innerHTML:c.address,isInverted:y}),(null==c?void 0:c.abstract)&&R.default.createElement(me,{size:"medium",type:"copy-b",isInverted:y},c.abstract),q&&R.default.createElement(re,e.__assign({},q,{coverSpace:!0,allowEdgeRadius:!0,isInverted:y,ratios:{small:{w:4,h:3}}})),(null==c?void 0:c.text)&&R.default.createElement(me,{size:"medium",isInverted:y,innerHTML:c.text})),E&&R.default.createElement(w.Grid.Col,{semilarge:{span:2.3/8}},R.default.createElement(_.InfoList,{isInverted:y,items:p})))))}));exports.EventDetail=pe,exports.EventList=ne,exports.EventOverview=Z;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./ClockFilled-2483aa4a.js"),n=require("react"),t=require("styled-components"),a=require("./Section-e8e8cf81.js"),i=require("./Wrapper-ff6854d7.js"),r=require("./EventBlock-04e719a7.js"),o=require("./styles-3a495a2d.js"),l=require("./LibThemeProvider-4823de57.js"),d=require("./statusFormatter-0393122b.js"),s=require("./concat-f387d848.js"),m=require("./Filter-d6d90b8b.js"),c=require("./Tag-9238cf0c.js"),p=require("./Pointer-fde7b548.js"),u=require("./Copy-ea6ab025.js"),g=require("./arrays-c272ed59.js"),f=require("./urlParams-7525f638.js"),v=require("./useMounted-0bba9869.js"),x=require("./useObserverSupport-5ab320dd.js"),h=require("./useScrollTo-fdd665da.js"),b=require("./useUpdateEffect-4d233e2c.js"),y=require("./Image-c72f7a80.js"),w=require("./Grid-6f4f99bc.js"),_=require("./InfoList-71d3388a.js");function E(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./Link-5a6f1633.js"),require("react-dom/server"),require("./clamp-bd21d587.js");var k,T,I,C,j,q,B,O,F,L,M,S,A,N,D,z,P,U,V,R=E(n),W=E(t),G=W.default.div.withConfig({displayName:"EventOverview__TagContainer",componentId:"sc-u2afqs-0"})(k||(k=e.__makeTemplateObject(["\n    margin-top: -","px;\n    margin-left: -","px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    &:not(:only-child) {\n        margin-bottom: ","px;\n    }\n"],["\n    margin-top: -","px;\n    margin-left: -","px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    &:not(:only-child) {\n        margin-bottom: ","px;\n    }\n"])),o.spacings.nudge,o.spacings.nudge,6*o.spacings.nudge),H=W.default.div.withConfig({displayName:"EventOverview__TagWrapper",componentId:"sc-u2afqs-1"})(T||(T=e.__makeTemplateObject(["\n    padding-top: ","px;\n    padding-left: ","px;\n"],["\n    padding-top: ","px;\n    padding-left: ","px;\n"])),o.spacings.nudge,o.spacings.nudge),K=W.default.ul.withConfig({displayName:"EventOverview__Events",componentId:"sc-u2afqs-2"})(I||(I=e.__makeTemplateObject(["\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n\n    /* & > * + * {\n        border-top: 1px solid\n            ",";\n    }\n\n    & > *:first-of-type {\n        border-top: 1px solid\n            ",";\n    }\n\n    & > *:last-of-type {\n        border-bottom: 1px solid\n            ",";\n    } */\n\n    & > * + * {\n        padding-top: ","px;\n    }\n"],["\n    list-style-type: none;\n    margin: 0;\n    padding: 0;\n\n    /* & > * + * {\n        border-top: 1px solid\n            ",";\n    }\n\n    & > *:first-of-type {\n        border-top: 1px solid\n            ",";\n    }\n\n    & > *:last-of-type {\n        border-bottom: 1px solid\n            ",";\n    } */\n\n    & > * + * {\n        padding-top: ","px;\n    }\n"])),(function(e){var n=e.theme;return e.hasBg?o.getColors(n).elementBg.light:o.getColors(n).elementBg.medium}),(function(e){var n=e.theme;return e.hasBg?o.getColors(n).elementBg.light:o.getColors(n).elementBg.medium}),(function(e){var n=e.theme;return e.hasBg?o.getColors(n).elementBg.light:o.getColors(n).elementBg.medium}),3*o.spacings.nudge),J=W.default(u.Copy).withConfig({displayName:"EventOverview__FilterIcon",componentId:"sc-u2afqs-3"})(C||(C=e.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    padding: ","px ","px 0 0;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    padding: ","px ","px 0 0;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),o.spacings.nudge/2,o.spacings.nudge,o.spacings.nudge),Q=W.default.li.withConfig({displayName:"EventOverview__EventItem",componentId:"sc-u2afqs-4"})(j||(j=e.__makeTemplateObject(["\n    /* padding: ","px 0; */\n"],["\n    /* padding: ","px 0; */\n"])),3*o.spacings.nudge),X=W.default.div.withConfig({displayName:"EventOverview__ListFooter",componentId:"sc-u2afqs-5"})(q||(q=e.__makeTemplateObject(["\n    margin-top: ","px;\n    text-align: center;\n\n    @media "," {\n        text-align: left;\n    }\n"],["\n    margin-top: ","px;\n    text-align: center;\n\n    @media "," {\n        text-align: left;\n    }\n"])),6*o.spacings.nudge,o.mq.medium),Y=W.default.span.withConfig({displayName:"EventOverview__ShowMore",componentId:"sc-u2afqs-6"})(B||(B=e.__makeTemplateObject(["\n    display: ",";\n"],["\n    display: ",";\n"])),(function(e){var n=e.itemCount;return n&&n>2?"block":"none"})),Z=l.withLibTheme((function(t){var o=t.tags,y=t.events,w=t.bgMode,_=t.anchorId,E=t.initial,k=t.showMoreText,T=t.onTagClick,I=t.customTag,C="inverted"===w,j="full"===w,q=l.useLibTheme(),B=q.colors,O=q.globals,F=O.sections.eventFilterName,L=R.default.useState((null==E?void 0:E.activeTags)||[]),M=L[0],S=L[1],A=R.default.useState(1)[0],N=R.default.useState((null==E?void 0:E.visibleRows)||3),D=N[0],z=N[1],P=R.default.useRef(null),U=x.useObserverSupport(),V=v.useMounted(),W=(null==y?void 0:y.length)||0,Z=h.useScrollTo(800),$=n.useCallback((function(){var e=[],n=f.getUrlParams()[F];if(n){var t=null==n?void 0:n.split(",");g.isValidArray(t,!1)&&e.push.apply(e,t)}return e}),[F]);n.useEffect((function(){if(!E){var e=$();g.isValidArray(e,!1)&&S(e)}}),[$,E]),n.useEffect((function(){var e;E&&!V&&(f.setUrlParam("rows",(null==E?void 0:E.visibleRows)||3),g.isValidArray(null==E?void 0:E.activeTags,!1)?f.setUrlParam(F,null===(e=null==E?void 0:E.activeTags)||void 0===e?void 0:e.join(",")):f.deleteUrlParam(F))}),[F,E,V]),b.useUpdateEffect((function(){f.setUrlParam("rows",D)}),[D]),b.useUpdateEffect((function(){!T&&g.isValidArray(M)&&(M.length>0?f.setUrlParam(F,M.join(",")):f.deleteUrlParam(F))}),[M]);var ee=function(n,t){void 0===t&&(t=!0),S((function(a){var i=e.__spreadArray([],a,!0),r=n.name?a.indexOf(n.name):-1;return-1===r&&n.name?e.__spreadArray(e.__spreadArray([],i,!0),[n.name],!1):t?(i.splice(r,1),i):a})),z(3)},ne=n.useMemo((function(){var n=g.isValidArray(y)?e.__spreadArray([],y,!0):[];return n=null==n?void 0:n.filter((function(e){if(!g.isValidArray(M,!1))return!0;if(!e.tags)return!1;for(var n=!1,t=0;t<e.tags.length;t++)if(-1!==M.indexOf(e.tags[t].name||"")){n=!0;break}return n}))}),[y,M]),te=n.useMemo((function(){return(null==ne?void 0:ne.filter((function(e,n){return n<D*A})))||[]}),[ne,A,D]);n.useEffect((function(){if(U){var e,n=P.current;if(n){(e=new IntersectionObserver((function(e){var n=e[0];(null==n?void 0:n.isIntersecting)&&D<Math.ceil(ne.length/A)&&z((function(e){return e+1}))}),{rootMargin:"0px 0px 100px 0px",threshold:0})).observe(n)}return function(){e&&e.disconnect()}}}),[A,W,D,U,ne.length]);var ae=n.useMemo((function(){return null==o?void 0:o.filter((function(e){return e}))}),[o]);return R.default.createElement(a.Section,{addSeperation:!0,anchorId:_,bgColor:C?B.sectionBg.dark:j?B.sectionBg.medium:"transparent",bgMode:a.mapToBgMode(w,!0)},R.default.createElement(i.Wrapper,{addWhitespace:!0},g.isValidArray(ae,!1)&&R.default.createElement(G,null,R.default.createElement(J,{size:"small",type:"copy",isInverted:C},R.default.createElement(m.Filter,null),R.default.createElement("span",null,"Filter")),ae.map((function(e,n){return R.default.createElement(H,{key:n},I?I({key:n,name:e,isInverted:C,isActive:-1!==M.indexOf(e),clickHandler:function(n){null==n||n.preventDefault(),T?T({name:e}):ee({name:e})}}):R.default.createElement(c.Tag,{isInverted:C,onClick:function(n){null==n||n.preventDefault(),T?T({name:e},!1):ee({name:e})},isActive:-1!==M.indexOf(e)},e))}))),R.default.createElement(K,{hasBg:j},te.map((function(n,t){var a,i="";n.date&&(i=new d.StatusFormatter(n.date.getTime(),"",O.sections.eventDateFormat(n.date),O.sections.eventTimeFormat(n.date),O.sections.eventLocaleKey).getFormattedTimespan(O.sections.eventTimespanFormat(n.date,n.duration),n.duration));var o=s.concat([i,n.address]," | ");return R.default.createElement(Q,{key:"".concat(t,"_event_").concat(n.title)},R.default.createElement(r.EventBlock,e.__assign({hasBg:"full"===w},n,{text:o,tags:null===(a=n.tags)||void 0===a?void 0:a.map((function(e){return{name:e.name}})),isInverted:C,onTagClick:function(e){Z(0),T?T({name:e.name},!0):ee({name:e.name},!1)},customTag:I})))}))),R.default.createElement("div",{ref:P}),!U&&R.default.createElement(X,null,y&&y.length>0&&R.default.createElement(u.Copy,{type:"copy",size:"medium",isInverted:C},R.default.createElement(Y,{itemCount:y.length,onClick:function(e){e.preventDefault(),D<Math.ceil(ne.length/A)&&z((function(e){return e+1}))}},D<ne.length/A&&R.default.createElement(p.Pointer.View,{as:"button",isInverted:C},R.default.createElement(p.Pointer.Label,null,k||"mehr anzeigen")))))))})),$=W.default.ul.withConfig({displayName:"EventList__List",componentId:"sc-1ssgszz-0"})(O||(O=e.__makeTemplateObject(["\n    list-style: none;\n    margin: 0;\n    padding: 0;\n\n    /* & > * + * {\n        border-top: 1px solid\n            ",";\n    }\n\n    & > *:first-of-type {\n        border-top: 1px solid\n            ",";\n    }\n\n    & > *:last-of-type {\n        border-bottom: 1px solid\n            ",";\n    } */\n\n    & > * + * {\n        padding-top: ","px;\n    }\n"],["\n    list-style: none;\n    margin: 0;\n    padding: 0;\n\n    /* & > * + * {\n        border-top: 1px solid\n            ",";\n    }\n\n    & > *:first-of-type {\n        border-top: 1px solid\n            ",";\n    }\n\n    & > *:last-of-type {\n        border-bottom: 1px solid\n            ",";\n    } */\n\n    & > * + * {\n        padding-top: ","px;\n    }\n"])),(function(e){var n=e.theme;return e.hasBg?o.getColors(n).elementBg.light:o.getColors(n).elementBg.medium}),(function(e){var n=e.theme;return e.hasBg?o.getColors(n).elementBg.light:o.getColors(n).elementBg.medium}),(function(e){var n=e.theme;return e.hasBg?o.getColors(n).elementBg.light:o.getColors(n).elementBg.medium}),3*o.spacings.nudge),ee=W.default.li.withConfig({displayName:"EventList__ListItem",componentId:"sc-1ssgszz-1"})(F||(F=e.__makeTemplateObject(["\n    /* padding: ","px 0; */\n"],["\n    /* padding: ","px 0; */\n"])),3*o.spacings.nudge),ne=l.withLibTheme((function(n){var t=n.anchorId,o=n.events,m=n.bgMode,c=n.customTag,p=l.useLibTheme(),u=p.colors,f=p.globals,v=p.theme,x="inverted"===m,h="full"===m;return R.default.createElement(a.Section,{addSeperation:!0,anchorId:t,bgColor:x?u.sectionBg.dark:m?u.sectionBg.medium:u.sectionBg.light,bgMode:a.mapToBgMode(m,!0)},R.default.createElement(i.Wrapper,{addWhitespace:!0},R.default.createElement($,{hasBg:h},null==o?void 0:o.map((function(n,t){var a,i="";n.date&&(i=new d.StatusFormatter(n.date.getTime(),"",f.sections.eventDateFormat(n.date),f.sections.eventTimeFormat(n.date),f.sections.eventLocaleKey).getFormattedTimespan(f.sections.eventTimespanFormat(n.date,n.duration),n.duration));var o=s.concat([i,n.address]," | ");return R.default.createElement(ee,{key:t},R.default.createElement(r.EventBlock,e.__assign({hasBg:"full"===m},n,{tags:null===(a=n.tags)||void 0===a?void 0:a.map((function(n){var t,a,i=void 0;return n.name&&(null===(t=n.link)||void 0===t?void 0:t.href)&&(i=function(e,n,t){if(void 0===t&&(t=[]),!e||!n)return"";if(!g.isValidArray(t,!1))return e;var a=n.globals.sections.eventFilterName;if(!a)return e;try{var i=new URL(e),r=new URLSearchParams(i.search);return r.set(a,encodeURIComponent(t.join(","))),"".concat(e,"?").concat(r.toString())}catch(n){return"".concat(e,"?").concat(a,"=").concat(encodeURIComponent(t.join(",")))}}(n.link.href,v,[n.name])),{name:n.name,link:(null===(a=n.link)||void 0===a?void 0:a.href)?e.__assign(e.__assign({},n.link),{href:i}):void 0}})),isInverted:x,text:o,customTag:c})))})))))})),te=W.default.div.withConfig({displayName:"EventDetail__ImageContainer",componentId:"sc-1ko6neq-0"})(L||(L=e.__makeTemplateObject(["\n    position: relative;\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: ",";\n\n    overflow: hidden;\n\n    margin-bottom: ","px;\n"],["\n    position: relative;\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: ",";\n\n    overflow: hidden;\n\n    margin-bottom: ","px;\n"])),(function(e){switch(e.hAlign){case"center":return"center";case"right":return"flex-end";default:return"flex-start"}}),o.spacings.spacer),ae=W.default.div.withConfig({displayName:"EventDetail__ImgWrapper",componentId:"sc-1ko6neq-1"})(M||(M=e.__makeTemplateObject(["\n    flex: 0 0 100%;\n    margin-bottom: -6px;\n\n    &:not(:first-child) {\n        display: none;\n    }\n\n    @media "," {\n        max-width: 50%;\n        flex: 0 0 50%;\n\n        &:not(:first-child) {\n            display: inline-block;\n        }\n\n        & + & {\n            margin-left: ","px;\n        }\n    }\n"],["\n    flex: 0 0 100%;\n    margin-bottom: -6px;\n\n    &:not(:first-child) {\n        display: none;\n    }\n\n    @media "," {\n        max-width: 50%;\n        flex: 0 0 50%;\n\n        &:not(:first-child) {\n            display: inline-block;\n        }\n\n        & + & {\n            margin-left: ","px;\n        }\n    }\n"])),o.mq.medium,o.spacings.nudge),ie=W.default.div.withConfig({displayName:"EventDetail__ImageBackground",componentId:"sc-1ko6neq-2"})(S||(S=e.__makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n\n    background-position: center;\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-color: ",";\n\n    filter: blur(10px);\n    transform: scale(1.5);\n    z-index: -1;\n"],["\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n\n    background-position: center;\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-color: ",";\n\n    filter: blur(10px);\n    transform: scale(1.5);\n    z-index: -1;\n"])),(function(e){var n=e.theme;return e.isInverted?o.getGlobals(n).sections.imagePlaceholderBg.inverted:o.getGlobals(n).sections.imagePlaceholderBg.default})),re=W.default(y.Image).withConfig({displayName:"EventDetail__StyledTextImage",componentId:"sc-1ko6neq-3"})(A||(A=e.__makeTemplateObject(["\n    margin-top: ","px;\n\n    @media "," {\n        display: none;\n    }\n"],["\n    margin-top: ","px;\n\n    @media "," {\n        display: none;\n    }\n"])),3*o.spacings.nudge,o.mq.medium),oe=W.default.div.withConfig({displayName:"EventDetail__TagContainer",componentId:"sc-1ko6neq-4"})(N||(N=e.__makeTemplateObject(["\n    max-width: 880px;\n    margin-top: -","px;\n    margin-left: -","px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n"],["\n    max-width: 880px;\n    margin-top: -","px;\n    margin-left: -","px;\n\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n"])),o.spacings.nudge,o.spacings.nudge),le=W.default.div.withConfig({displayName:"EventDetail__TagWrapper",componentId:"sc-1ko6neq-5"})(D||(D=e.__makeTemplateObject(["\n    padding-top: ","px;\n    padding-left: ","px;\n"],["\n    padding-top: ","px;\n    padding-left: ","px;\n"])),o.spacings.nudge,o.spacings.nudge),de=W.default(u.Heading).withConfig({displayName:"EventDetail__EventTitle",componentId:"sc-1ko6neq-6"})(z||(z=e.__makeTemplateObject(["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n\n    @media "," {\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"],["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n\n    @media "," {\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"])),3*o.spacings.nudge,o.mq.semilarge),se=W.default(u.Copy).withConfig({displayName:"EventDetail__EventDateTime",componentId:"sc-1ko6neq-7"})(P||(P=e.__makeTemplateObject(["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n"],["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n"])),3*o.spacings.nudge),me=W.default(u.Copy).withConfig({displayName:"EventDetail__EventAddress",componentId:"sc-1ko6neq-8"})(U||(U=e.__makeTemplateObject(["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n\n    "," + & {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n"],["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n\n    "," + & {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n"])),3*o.spacings.nudge,se,o.spacings.nudge,o.mq.semilarge),ce=W.default(u.Copy).withConfig({displayName:"EventDetail__EventText",componentId:"sc-1ko6neq-9"})(V||(V=e.__makeTemplateObject(["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n"],["\n    max-width: 880px;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n"])),3*o.spacings.nudge),pe=l.withLibTheme((function(t){var r,s=t.anchorId,m=t.event,p=t.infos,u=t.useImageAsBg,f=t.bgMode,v=t.customTag,x=l.useLibTheme(),h=x.colors,b=x.globals,E="inverted"===f,k="full"===f,T=n.useMemo((function(){return g.isValidArray(null==p?void 0:p.filter((function(e){return g.isValidArray(e.items,!1)})),!1)}),[p]),I="",C="";if(null==m?void 0:m.date){var j=new d.StatusFormatter(m.date.getTime(),"",b.sections.eventDateFormat(m.date),b.sections.eventTimeFormat(m.date),b.sections.eventLocaleKey);I=j.getFormattedDate(),C=j.getFormattedTimespan(b.sections.eventTimespanFormat(m.date,m.duration),m.duration)}var q=n.useMemo((function(){var e;return null===(e=null==m?void 0:m.images)||void 0===e?void 0:e.slice(0,2)}),[null==m?void 0:m.images]),B=null==q?void 0:q[1];return R.default.createElement(a.Section,{addSeperation:!0,anchorId:s,bgColor:E?h.sectionBg.dark:k?h.sectionBg.medium:h.sectionBg.light,bgMode:a.mapToBgMode(f,!0)},R.default.createElement(i.Wrapper,{addWhitespace:!0},g.isValidArray(q,!1)&&R.default.createElement(te,{hAlign:u?"center":"left"},q.map((function(n,t){return n.small?R.default.createElement(ae,{key:t},R.default.createElement(y.Image,e.__assign({},n,{coverSpace:!0,allowEdgeRadius:!0,isInverted:E,ratios:{small:{w:4,h:3}}}))):null})),R.default.createElement(ie,{isInverted:E,style:{backgroundImage:u&&q.length<2?"url(".concat(null===(r=null==m?void 0:m.images)||void 0===r?void 0:r[0].small,")"):void 0}})),R.default.createElement(w.Grid.Row,{gutter:5*o.spacings.nudge,semilarge:{gutter:o.spacings.spacer}},R.default.createElement(w.Grid.Col,{semilarge:{span:T?5.7/8:1}},(null==m?void 0:m.tags)&&R.default.createElement(oe,null,m.tags.map((function(e,n){return R.default.createElement(le,{key:"tag_"+n},v?v({key:"headtag-".concat(n),name:e.name||"",isInverted:E,isActive:!1,link:e.link}):R.default.createElement(c.Tag,{link:e.link,isInverted:E},e.name))}))),(null==m?void 0:m.title)&&R.default.createElement(de,{size:"heading-2",isInverted:E},m.title),I&&R.default.createElement(se,{size:"big",type:"copy-b",isInverted:E},I||"",I&&C?" | ":"",C),(null==m?void 0:m.address)&&R.default.createElement(me,{size:"big",type:"copy",innerHTML:m.address,isInverted:E}),(null==m?void 0:m.abstract)&&R.default.createElement(ce,{size:"medium",type:"copy-b",isInverted:E},m.abstract),B&&R.default.createElement(re,e.__assign({},B,{coverSpace:!0,allowEdgeRadius:!0,isInverted:E,ratios:{small:{w:4,h:3}}})),(null==m?void 0:m.text)&&R.default.createElement(ce,{size:"medium",isInverted:E,innerHTML:m.text})),T&&R.default.createElement(w.Grid.Col,{semilarge:{span:2.3/8}},R.default.createElement(_.InfoList,{isInverted:E,items:p})))))}));exports.EventDetail=pe,exports.EventList=ne,exports.EventOverview=Z;
 //# sourceMappingURL=sections.events.js.map