@blateral/b.kit 2.5.4 → 2.6.0

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