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

package/cjs/POICard-492bf8d0.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),i=require("./Copy-e860efe7.js"),a=require("./styles-0f1a0aea.js"),l=require("./arrays-c272ed59.js"),r=require("./InfoList-577f3c57.js");function d(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,s,p,m,c,f,g,u,x,w,b=d(e),y=d(t),v=y.default.div.withConfig({displayName:"POIFacts__View",componentId:"sc-zp61fw-0"})(o||(o=n.__makeTemplateObject(["\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin-top: -","px;\n    margin-left: -","px;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n"],["\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin-top: -","px;\n    margin-left: -","px;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n"])),a.spacings.nudge,2*a.spacings.nudge,3*a.spacings.nudge),_=y.default.div.withConfig({displayName:"POIFacts__FactsWrapper",componentId:"sc-zp61fw-1"})(s||(s=n.__makeTemplateObject(["\n    padding-top: ","px;\n    padding-left: ","px;\n"],["\n    padding-top: ","px;\n    padding-left: ","px;\n"])),a.spacings.nudge,2*a.spacings.nudge),I=y.default.span.withConfig({displayName:"POIFacts__Fact",componentId:"sc-zp61fw-2"})(p||(p=n.__makeTemplateObject(["\n    display: inline-flex;\n    align-items: center;\n    ","\n    color: ",";\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: inline-flex;\n    align-items: center;\n    ","\n    color: ",";\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),i.copyStyle("copy","medium"),(function(n){var e=n.theme;return n.isInverted?a.getColors(e).text.copyInverted:a.getColors(e).text.copy}),.5*a.spacings.nudge),h=function(e){var t=e.facts,i=e.customFact,a=e.isInverted;return b.default.createElement(v,null,t.map((function(e,t){return b.default.createElement(_,{key:"tag_"+t},i?i({key:"headtag-".concat(t),name:e||"",isInverted:a}):b.default.createElement(I,{isInverted:a},b.default.createElement(n.Check,null),b.default.createElement("span",null,e)))})))},k=y.default.div.withConfig({displayName:"POICard__View",componentId:"sc-1l0tnmw-0"})(m||(m=n.__makeTemplateObject(["\n    border: 1px solid\n        ",";\n    padding: ","px;\n    border-radius: ","px;\n    overflow: hidden;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    border: 1px solid\n        ",";\n    padding: ","px;\n    border-radius: ","px;\n    overflow: hidden;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),(function(n){var e=n.theme;return n.isInverted?a.getColors(e).elementBg.light:a.getColors(e).elementBg.dark}),2*a.spacings.nudge,a.spacings.nudge,3*a.spacings.nudge),C=y.default(i.Copy).withConfig({displayName:"POICard__Title",componentId:"sc-1l0tnmw-1"})(c||(c=n.__makeTemplateObject(["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n"],["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n\n    &:not(:first-child) {\n        margin-top: ","px;\n    }\n"])),3*a.spacings.nudge),O=y.default(i.Copy).withConfig({displayName:"POICard__Description",componentId:"sc-1l0tnmw-2"})(f||(f=n.__makeTemplateObject(["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 4; /* number of lines to show */\n    line-clamp: 4;\n    -webkit-box-orient: vertical;\n"],["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 4; /* number of lines to show */\n    line-clamp: 4;\n    -webkit-box-orient: vertical;\n"]))),j=y.default.div.withConfig({displayName:"POICard__Body",componentId:"sc-1l0tnmw-3"})(g||(g=n.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    /* align-items: flex-start; */\n\n    @media "," {\n        margin-left: -","px;\n        margin-right: -","px;\n\n        & > * + * {\n            border-left: 1px solid\n                ",";\n        }\n    }\n"],["\n    display: flex;\n    flex-direction: row;\n    /* align-items: flex-start; */\n\n    @media "," {\n        margin-left: -","px;\n        margin-right: -","px;\n\n        & > * + * {\n            border-left: 1px solid\n                ",";\n        }\n    }\n"])),a.mq.semilarge,a.spacings.spacer,a.spacings.spacer,(function(n){var e=n.theme;return n.isInverted?a.getColors(e).elementBg.light:a.getColors(e).elementBg.dark})),E=y.default.div.withConfig({displayName:"POICard__Col",componentId:"sc-1l0tnmw-4"})(u||(u=n.__makeTemplateObject(["\n    flex: 1 0 100%;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        flex: 1 0 60%;\n        padding: 0 ","px;\n    }\n\n    @media "," {\n        flex: 1 0 ","%;\n    }\n"],["\n    flex: 1 0 100%;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        flex: 1 0 60%;\n        padding: 0 ","px;\n    }\n\n    @media "," {\n        flex: 1 0 ","%;\n    }\n"])),3*a.spacings.nudge,a.mq.semilarge,a.spacings.spacer,a.mq.large,2/3*100),q=y.default(E).withConfig({displayName:"POICard__InfoCol",componentId:"sc-1l0tnmw-5"})(x||(x=n.__makeTemplateObject(["\n    display: none;\n    margin-bottom: ","px;\n\n    @media "," {\n        display: block;\n        flex: 1 0 40%;\n    }\n\n    @media "," {\n        display: block;\n        flex: 1 0 ","%;\n    }\n"],["\n    display: none;\n    margin-bottom: ","px;\n\n    @media "," {\n        display: block;\n        flex: 1 0 40%;\n    }\n\n    @media "," {\n        display: block;\n        flex: 1 0 ","%;\n    }\n"])),2*a.spacings.nudge,a.mq.semilarge,a.mq.large,1/3*100),P=y.default.div.withConfig({displayName:"POICard__Action",componentId:"sc-1l0tnmw-6"})(w||(w=n.__makeTemplateObject([""],[""])));exports.POICard=function(n){var e=n.isInverted,t=n.name,i=n.shortDescription,a=n.facts,d=n.infos,o=n.customFact,s=n.action,p=l.isValidArray(a,!1),m=l.isValidArray(d,!1);return b.default.createElement(k,{isInverted:e},t&&b.default.createElement(C,{type:"copy-b",size:"big",isInverted:e},t),(p||i||m||s)&&b.default.createElement(j,{isInverted:e},b.default.createElement(E,null,l.isValidArray(a,!1)&&b.default.createElement(h,{facts:a,isInverted:e,customFact:o}),i&&b.default.createElement(O,{isInverted:e,innerHTML:i}),s&&b.default.createElement(P,null,s(e))),l.isValidArray(d,!1)&&b.default.createElement(q,null,b.default.createElement(r.InfoList,{isInverted:e,items:[{items:d}]}))))},exports.POIFacts=h;
+//# sourceMappingURL=POICard-492bf8d0.js.map

package/cjs/POICard-492bf8d0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"POICard-492bf8d0.js","sources":["../src/components/blocks/POIFacts.tsx","../src/components/blocks/POICard.tsx"],"sourcesContent":["import Check from 'components/base/icons/Check';\nimport { copyStyle } from 'components/typography/Copy';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { getColors as color, spacings } from 'utils/styles';\n\nconst View = styled.div`\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin-top: -${spacings.nudge}px;\n    margin-left: -${spacings.nudge * 2}px;\n\n    &:not(:first-child) {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst FactsWrapper = styled.div`\n    padding-top: ${spacings.nudge}px;\n    padding-left: ${spacings.nudge * 2}px;\n`;\n\nconst Fact = styled.span<{ isInverted?: boolean }>`\n    display: inline-flex;\n    align-items: center;\n    ${copyStyle('copy', 'medium')}\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.copyInverted : color(theme).text.copy};\n\n    & > * + * {\n        margin-left: ${spacings.nudge * 0.5}px;\n    }\n`;\n\nconst POIFacts: React.FC<{\n    facts: string[];\n    customFact?: (props: {\n        key: React.Key;\n        name: string;\n        isInverted?: boolean;\n    }) => React.ReactNode;\n    isInverted?: boolean;\n}> = ({ facts, customFact, isInverted }) => {\n    return (\n        <View>\n            {facts.map((fact, i) => (\n                <FactsWrapper key={'tag_' + i}>\n                    {customFact ? (\n                        customFact({\n                            key: `headtag-${i}`,\n                            name: fact || '',\n                            isInverted: isInverted,\n                        })\n                    ) : (\n                        <Fact isInverted={isInverted}>\n                            <Check />\n                            <span>{fact}</span>\n                        </Fact>\n                    )}\n                </FactsWrapper>\n            ))}\n        </View>\n    );\n};\n\nexport default POIFacts;\n","import React from 'react';\nimport styled from 'styled-components';\n\nimport POIFacts from 'components/blocks/POIFacts';\nimport Copy from 'components/typography/Copy';\nimport { isValidArray } from 'utils/arrays';\nimport { getColors as color, mq, spacings } from 'utils/styles';\nimport InfoList, { Info } from './InfoList';\n\nconst View = styled.div<{ isInverted?: boolean }>`\n    border: 1px solid\n        ${({ theme, isInverted }) =>\n            isInverted\n                ? color(theme).elementBg.light\n                : color(theme).elementBg.dark};\n    padding: ${spacings.nudge * 2}px;\n    border-radius: ${spacings.nudge}px;\n    overflow: hidden;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst Title = styled(Copy)`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n\n    &:not(:first-child) {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst Description = styled(Copy)`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 4; /* number of lines to show */\n    line-clamp: 4;\n    -webkit-box-orient: vertical;\n`;\n\nconst Body = styled.div<{ isInverted?: boolean }>`\n    display: flex;\n    flex-direction: row;\n    /* align-items: flex-start; */\n\n    @media ${mq.semilarge} {\n        margin-left: -${spacings.spacer}px;\n        margin-right: -${spacings.spacer}px;\n\n        & > * + * {\n            border-left: 1px solid\n                ${({ theme, isInverted }) =>\n                    isInverted\n                        ? color(theme).elementBg.light\n                        : color(theme).elementBg.dark};\n        }\n    }\n`;\n\nconst Col = styled.div`\n    flex: 1 0 100%;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n\n    @media ${mq.semilarge} {\n        flex: 1 0 60%;\n        padding: 0 ${spacings.spacer}px;\n    }\n\n    @media ${mq.large} {\n        flex: 1 0 ${(2 / 3) * 100}%;\n    }\n`;\n\nconst InfoCol = styled(Col)`\n    display: none;\n    margin-bottom: ${spacings.nudge * 2}px;\n\n    @media ${mq.semilarge} {\n        display: block;\n        flex: 1 0 40%;\n    }\n\n    @media ${mq.large} {\n        display: block;\n        flex: 1 0 ${(1 / 3) * 100}%;\n    }\n`;\n\nconst Action = styled.div``;\n\nexport type POILocation = {\n    address: string;\n    street: string;\n    postalCode: string;\n    city: string;\n    coordinates?: { lat: number; long: number };\n    mail: string;\n    phone: string;\n    web: string;\n};\n\nexport type POIContact = {\n    name: string;\n    position: string;\n    street: string;\n    postalCode: string;\n    city: string;\n    mail: string;\n    phone: string;\n};\n\nexport interface POICardProps {\n    /** Invert text and background for use on dark sections */\n    isInverted?: boolean;\n\n    /** POI name */\n    name: string;\n\n    /** Short POI description text (RichText) */\n    shortDescription?: string;\n\n    /** Array of additional POI informations */\n    infos?: Info[];\n\n    /** Array of POI facts */\n    facts?: string[];\n\n    /** Function to inject custom fact node */\n    customFact?: (props: {\n        key: React.Key;\n        name: string;\n        isInverted?: boolean;\n    }) => React.ReactNode;\n\n    /** Function to inject custom action node */\n    action?: (isInverted?: boolean) => React.ReactNode;\n}\n\nconst POICard: React.FC<POICardProps> = ({\n    isInverted,\n    name,\n    shortDescription,\n    facts,\n    infos,\n    customFact,\n    action,\n}) => {\n    const hasFacts = isValidArray(facts, false);\n    const hasInfos = isValidArray(infos, false);\n\n    return (\n        <View isInverted={isInverted}>\n            {name && (\n                <Title type=\"copy-b\" size=\"big\" isInverted={isInverted}>\n                    {name}\n                </Title>\n            )}\n            {(hasFacts || shortDescription || hasInfos || action) && (\n                <Body isInverted={isInverted}>\n                    <Col>\n                        {isValidArray(facts, false) && (\n                            <POIFacts\n                                facts={facts}\n                                isInverted={isInverted}\n                                customFact={customFact}\n                            />\n                        )}\n                        {shortDescription && (\n                            <Description\n                                isInverted={isInverted}\n                                innerHTML={shortDescription}\n                            />\n                        )}\n                        {action && <Action>{action(isInverted)}</Action>}\n                    </Col>\n                    {isValidArray(infos, false) && (\n                        <InfoCol>\n                            <InfoList\n                                isInverted={isInverted}\n                                items={[\n                                    {\n                                        items: infos,\n                                    },\n                                ]}\n                            />\n                        </InfoCol>\n                    )}\n                </Body>\n            )}\n        </View>\n    );\n};\n\nexport default POICard;\n"],"names":["View","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","spacings","nudge","FactsWrapper","templateObject_2","Fact","span","templateObject_3","copyStyle","_a","theme","isInverted","color","text","copyInverted","copy","POIFacts","facts","customFact","React","createElement","map","fact","i","key","concat","name","Check","elementBg","light","dark","Title","Copy","Description","Body","templateObject_4","mq","semilarge","spacer","Col","templateObject_5","large","InfoCol","templateObject_6","Action","templateObject_7","shortDescription","infos","action","hasFacts","isValidArray","hasInfos","type","size","innerHTML","InfoList","items"],"mappings":"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"}

package/cjs/Pointer-3588eadf.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),o=require("./styles-0f1a0aea.js");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function r(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach((function(t){if("default"!==t){var o=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,o.get?o:{enumerable:!0,get:function(){return n[t]}})}})),e.default=n,Object.freeze(e)}var a=r(e),l=i(t),c=l.default.a.withConfig({displayName:"Pointer__View",componentId:"sc-1jne5k6-0"})(d||(d=n.__makeTemplateObject(["\n    padding: 0.2em 0;\n\n    display: inline-block;\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: center;\n    align-items: center;\n    vertical-align: middle;\n\n    font-family: ",";\n    ","\n    font-weight: ",";\n    text-align: center;\n    text-decoration: ",";\n    line-height: 1;\n    letter-spacing: ",";\n\n    perspective: 1000;\n    -webkit-font-smoothing: subpixel-antialiased;\n    -webkit-perspective: 1000;\n    -moz-osx-font-smoothing: grayscale;\n    will-change: auto;\n\n    outline-color: ",";\n    border: none;\n    cursor: pointer;\n\n    pointer-events: ",";\n\n    background: none;\n    color: ",";\n\n    & > * {\n        color: ",";\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n\n    & > :not(:last-child) {\n        padding-right: ","px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            opacity: 0.6;\n        }\n    }\n\n    &:focus {\n        outline: 2px solid ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:active {\n        opacity: 0.6;\n    }\n"],["\n    padding: 0.2em 0;\n\n    display: inline-block;\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: center;\n    align-items: center;\n    vertical-align: middle;\n\n    font-family: ",";\n    ","\n    font-weight: ",";\n    text-align: center;\n    text-decoration: ",";\n    line-height: 1;\n    letter-spacing: ",";\n\n    perspective: 1000;\n    -webkit-font-smoothing: subpixel-antialiased;\n    -webkit-perspective: 1000;\n    -moz-osx-font-smoothing: grayscale;\n    will-change: auto;\n\n    outline-color: ",";\n    border: none;\n    cursor: pointer;\n\n    pointer-events: ",";\n\n    background: none;\n    color: ",";\n\n    & > * {\n        color: ",";\n    }\n\n    & > * + * {\n        margin-left: ","px;\n    }\n\n    & > :not(:last-child) {\n        padding-right: ","px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            opacity: 0.6;\n        }\n    }\n\n    &:focus {\n        outline: 2px solid ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:active {\n        opacity: 0.6;\n    }\n"])),(function(n){var e=n.theme;return o.getFonts(e).copy.medium.family}),(function(n){var e=n.theme;return o.withRange(o.getFonts(e).copy.medium.size,"font-size")}),(function(n){var e=n.theme;return o.getFonts(e).copy.medium.weight}),(function(n){var e=n.textDecoration;return e||"underline"}),(function(n){var e=n.theme;return o.getFonts(e).copy.medium.letterSpacing}),(function(n){var e=n.theme;return n.inverted?o.getColors(e).primary.inverted:o.getColors(e).primary.default}),(function(n){return n.disable?"none":"all"}),(function(n){var e=n.theme,t=n.inverted;return n.disable?o.getColors(e).elementBg.medium:t?o.getColors(e).text.copyInverted:o.getColors(e).text.copy}),(function(n){var e=n.theme,t=n.inverted;return n.disable?o.getColors(e).elementBg.medium:t?o.getColors(e).text.copyInverted:o.getColors(e).text.copy}),o.spacings.nudge,o.spacings.nudge,(function(n){var e=n.theme;return o.getColors(e).primary.default})),s=a.forwardRef((function(e,t){var o=e.as,i=e.isInverted,r=e.isDisabled,l=e.onClick,s=e.className,d=e.textDecoration,u=e.children,f=n.__rest(e,["as","isInverted","isDisabled","onClick","className","textDecoration","children"]);return"button"===o?a.createElement(c,n.__assign({textDecoration:d,ref:t,as:o,inverted:i,disable:r,onClick:l,className:s},f),u):a.createElement(c,n.__assign({textDecoration:d,ref:t,as:o,href:f.href,"data-disabled":r,"data-inverted":i,target:f.isExternal?"_blank":void 0,rel:f.isExternal?"noopener noreferrer":void 0,inverted:i,disable:r,onClick:l,className:s},f),u)}));s.displayName="Button";var d,u,f,p=l.default.div.withConfig({displayName:"Pointer__Icon",componentId:"sc-1jne5k6-1"})(u||(u=n.__makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-end;\n    align-items: center;\n\n    color: ",";\n\n    transition: transform 0.2s ease-in-out;\n\n    ","[data-inverted='true'] > & {\n        color: ",";\n    }\n\n    ","[data-disabled='true'] > & {\n        color: ",";\n    }\n\n    ",":hover > & {\n        transform: translateX(3px);\n    }\n"],["\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-end;\n    align-items: center;\n\n    color: ",";\n\n    transition: transform 0.2s ease-in-out;\n\n    ","[data-inverted='true'] > & {\n        color: ",";\n    }\n\n    ","[data-disabled='true'] > & {\n        color: ",";\n    }\n\n    ",":hover > & {\n        transform: translateX(3px);\n    }\n"])),(function(n){var e=n.theme;return n.iconColor||o.getColors(e).text.copy}),c,(function(n){var e=n.theme;return n.iconColor||o.getColors(e).text.copyInverted}),c,(function(n){var e=n.theme;return n.iconColor||o.getColors(e).elementBg.medium}),c),m={View:s,Label:l.default.span.withConfig({displayName:"Pointer__Label",componentId:"sc-1jne5k6-2"})(f||(f=n.__makeTemplateObject(["\n    display: inline-block;\n"],["\n    display: inline-block;\n"]))),Icon:p};exports.Pointer=m;
+//# sourceMappingURL=Pointer-3588eadf.js.map

package/cjs/Pointer-3588eadf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pointer-3588eadf.js","sources":["../src/components/buttons/Pointer.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport {\n    getColors as color,\n    getFonts as font,\n    spacings,\n    withRange,\n} from 'utils/styles';\n\nconst View = styled.a<{\n    inverted?: boolean;\n    disable?: boolean;\n    textDecoration?: 'none' | 'underline';\n}>`\n    padding: 0.2em 0;\n\n    display: inline-block;\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: center;\n    align-items: center;\n    vertical-align: middle;\n\n    font-family: ${({ theme }) => font(theme).copy.medium.family};\n    ${({ theme }) => withRange(font(theme).copy.medium.size, 'font-size')}\n    font-weight: ${({ theme }) => font(theme).copy.medium.weight};\n    text-align: center;\n    text-decoration: ${({ textDecoration }) =>\n        textDecoration ? textDecoration : 'underline'};\n    line-height: 1;\n    letter-spacing: ${({ theme }) => font(theme).copy.medium.letterSpacing};\n\n    perspective: 1000;\n    -webkit-font-smoothing: subpixel-antialiased;\n    -webkit-perspective: 1000;\n    -moz-osx-font-smoothing: grayscale;\n    will-change: auto;\n\n    outline-color: ${({ theme, inverted }) =>\n        inverted\n            ? color(theme).primary.inverted\n            : color(theme).primary.default};\n    border: none;\n    cursor: pointer;\n\n    pointer-events: ${({ disable }) => (disable ? 'none' : 'all')};\n\n    background: none;\n    color: ${({ theme, inverted, disable }) =>\n        disable\n            ? color(theme).elementBg.medium\n            : inverted\n            ? color(theme).text.copyInverted\n            : color(theme).text.copy};\n\n    & > * {\n        color: ${({ theme, inverted, disable }) =>\n            disable\n                ? color(theme).elementBg.medium\n                : inverted\n                ? color(theme).text.copyInverted\n                : color(theme).text.copy};\n    }\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n\n    & > :not(:last-child) {\n        padding-right: ${spacings.nudge}px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            opacity: 0.6;\n        }\n    }\n\n    &:focus {\n        outline: 2px solid ${({ theme }) => color(theme).primary.default};\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:active {\n        opacity: 0.6;\n    }\n`;\n\ninterface Props {\n    isInverted?: boolean;\n    isDisabled?: boolean;\n    onClick?: () => void;\n    textDecoration?: 'none' | 'underline';\n    className?: string;\n    children?: React.ReactNode;\n}\n\nexport type BtnProps = Props & {\n    as?: 'button';\n};\n\nexport type LinkProps = Props & {\n    as?: 'a';\n    href?: string;\n    isExternal?: boolean;\n};\n\nconst Pointer: React.FC<BtnProps | LinkProps> = React.forwardRef(\n    (\n        {\n            as,\n            isInverted,\n            isDisabled,\n            onClick,\n            className,\n            textDecoration,\n            children,\n            ...rest\n        },\n        ref\n    ) => {\n        if (as === 'button') {\n            return (\n                <View\n                    textDecoration={textDecoration}\n                    ref={ref}\n                    as={as as any}\n                    inverted={isInverted}\n                    disable={isDisabled}\n                    onClick={onClick}\n                    className={className}\n                    {...rest}\n                >\n                    {children}\n                </View>\n            );\n        } else {\n            return (\n                <View\n                    textDecoration={textDecoration}\n                    ref={ref}\n                    as={as as any}\n                    href={(rest as LinkProps).href}\n                    data-disabled={isDisabled}\n                    data-inverted={isInverted}\n                    target={\n                        (rest as LinkProps).isExternal ? '_blank' : undefined\n                    }\n                    rel={\n                        (rest as LinkProps).isExternal\n                            ? 'noopener noreferrer'\n                            : undefined\n                    }\n                    inverted={isInverted}\n                    disable={isDisabled}\n                    onClick={onClick}\n                    className={className}\n                    {...rest}\n                >\n                    {children}\n                </View>\n            );\n        }\n    }\n);\n\nPointer.displayName = 'Button';\n\nconst Icon = styled.div<{ iconColor?: string }>`\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-end;\n    align-items: center;\n\n    color: ${({ theme, iconColor }) => iconColor || color(theme).text.copy};\n\n    transition: transform 0.2s ease-in-out;\n\n    ${View}[data-inverted='true'] > & {\n        color: ${({ theme, iconColor }) =>\n            iconColor || color(theme).text.copyInverted};\n    }\n\n    ${View}[data-disabled='true'] > & {\n        color: ${({ theme, iconColor }) =>\n            iconColor || color(theme).elementBg.medium};\n    }\n\n    ${View}:hover > & {\n        transform: translateX(3px);\n    }\n`;\n\nconst Label = styled.span`\n    display: inline-block;\n`;\n\nexport default { View: Pointer, Label: Label, Icon: Icon };\n"],"names":["View","styled","a","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","theme","font","getFonts","copy","medium","family","withRange","size","weight","textDecoration","letterSpacing","inverted","color","primary","default","disable","elementBg","text","copyInverted","spacings","nudge","Pointer","React","forwardRef","ref","as","isInverted","isDisabled","onClick","className","children","rest","__rest","createElement","__assign","href","target","isExternal","undefined","rel","Icon","div","templateObject_2","iconColor","getColors","Pointer$1","Label","span","templateObject_3"],"mappings":"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"}

package/cjs/SocialList-da77e994.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),i=require("./styles-0f1a0aea.js"),l=require("./Link-70143bb7.js"),a=require("./Copy-e860efe7.js");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var s,r,c,d,u=o(e),p=o(t),f=p.default.div.withConfig({displayName:"SocialList__View",componentId:"sc-w600sr-0"})(s||(s=n.__makeTemplateObject(["\n    & > * {\n        margin: 0;\n        padding: 0;\n    }\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    & > * {\n        margin: 0;\n        padding: 0;\n    }\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),2*i.spacings.nudge),m=p.default.ul.withConfig({displayName:"SocialList__List",componentId:"sc-w600sr-1"})(r||(r=n.__makeTemplateObject(["\n    display: inline-flex;\n    flex-direction: row;\n    align-items: center;\n    list-style: none;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"],["\n    display: inline-flex;\n    flex-direction: row;\n    align-items: center;\n    list-style: none;\n\n    & > * + * {\n        margin-left: ","px;\n    }\n"])),3*i.spacings.nudge),g=p.default.li.withConfig({displayName:"SocialList__IconContainer",componentId:"sc-w600sr-2"})(c||(c=n.__makeTemplateObject(["\n    display: block;\n    padding: 0;\n"],["\n    display: block;\n    padding: 0;\n"]))),x=p.default(l.Link).withConfig({displayName:"SocialList__StyledLink",componentId:"sc-w600sr-3"})(d||(d=n.__makeTemplateObject(["\n    display: block;\n    padding: ","px ","px;\n    margin: -","px -","px;\n    color: ",";\n    outline: none;\n\n    transition: all ease-in-out 0.2s;\n\n    &:focus {\n        outline: none;\n    }\n\n    &:focus > * {\n        outline: 2px solid\n            ",";\n        outline-offset: 2px;\n    }\n\n    &:focus:not(:focus-visible) > * {\n        outline: none;\n    }\n"],["\n    display: block;\n    padding: ","px ","px;\n    margin: -","px -","px;\n    color: ",";\n    outline: none;\n\n    transition: all ease-in-out 0.2s;\n\n    &:focus {\n        outline: none;\n    }\n\n    &:focus > * {\n        outline: 2px solid\n            ",";\n        outline-offset: 2px;\n    }\n\n    &:focus:not(:focus-visible) > * {\n        outline: none;\n    }\n"])),2*i.spacings.nudge,1.5*i.spacings.nudge,2*i.spacings.nudge,1.5*i.spacings.nudge,(function(n){var e=n.theme;return n.isInverted?i.getColors(e).text.inverted:i.getColors(e).text.default}),(function(n){var e=n.theme;return n.isInverted?i.getColors(e).primary.inverted:i.getColors(e).primary.default}));exports.SocialList=function(n){var e=n.isInverted,t=void 0!==e&&e,i=n.title,l=n.items,o=n.className;return u.default.createElement(f,{className:o},i&&u.default.createElement(a.Copy,{type:"copy-b",isInverted:t},i),u.default.createElement(m,null,null==l?void 0:l.map((function(n,e){return u.default.createElement(g,{key:e},u.default.createElement(x,{isExternal:!0,href:n.href,isInverted:t,ariaLabel:n.title||"social_".concat(e)},n.icon&&n.icon({isInverted:t,title:n.title})))}))))};
+//# sourceMappingURL=SocialList-da77e994.js.map

package/cjs/SocialList-da77e994.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SocialList-da77e994.js","sources":["../src/components/blocks/SocialList.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport { getColors as color, spacings } from 'utils/styles';\nimport Link from 'components/typography/Link';\nimport Copy from 'components/typography/Copy';\n\nconst View = styled.div`\n    & > * {\n        margin: 0;\n        padding: 0;\n    }\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n`;\n\nconst List = styled.ul`\n    display: inline-flex;\n    flex-direction: row;\n    align-items: center;\n    list-style: none;\n\n    & > * + * {\n        margin-left: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst IconContainer = styled.li`\n    display: block;\n    padding: 0;\n`;\n\nconst StyledLink = styled(Link)`\n    display: block;\n    padding: ${spacings.nudge * 2}px ${spacings.nudge * 1.5}px;\n    margin: -${spacings.nudge * 2}px -${spacings.nudge * 1.5}px;\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n    outline: none;\n\n    transition: all ease-in-out 0.2s;\n\n    &:focus {\n        outline: none;\n    }\n\n    &:focus > * {\n        outline: 2px solid\n            ${({ theme, isInverted }) =>\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default};\n        outline-offset: 2px;\n    }\n\n    &:focus:not(:focus-visible) > * {\n        outline: none;\n    }\n`;\n\nexport interface SocialItem {\n    href: string;\n    icon: (props: { isInverted?: boolean; title?: string }) => React.ReactNode;\n    title?: string;\n}\n\nconst SocialList: FC<{\n    isInverted?: boolean;\n    title?: string;\n    items?: SocialItem[];\n    className?: string;\n}> = ({ isInverted = false, title, items, className }) => {\n    return (\n        <View className={className}>\n            {title && (\n                <Copy type=\"copy-b\" isInverted={isInverted}>\n                    {title}\n                </Copy>\n            )}\n            <List>\n                {items?.map((item, i) => (\n                    <IconContainer key={i}>\n                        <StyledLink\n                            isExternal\n                            href={item.href}\n                            isInverted={isInverted}\n                            ariaLabel={item.title || `social_${i}`}\n                        >\n                            {item.icon &&\n                                item.icon({ isInverted, title: item.title })}\n                        </StyledLink>\n                    </IconContainer>\n                ))}\n            </List>\n        </View>\n    );\n};\n\nexport default SocialList;\n"],"names":["View","styled","div","withConfig","displayName","componentId","spacings","nudge","List","ul","IconContainer","li","templateObject_3","__makeTemplateObject","StyledLink","Link","templateObject_4","_a","theme","isInverted","color","text","inverted","default","primary","_b","title","items","className","React","createElement","Copy","type","map","item","i","key","isExternal","href","ariaLabel","concat","icon"],"mappings":"8SAOMA,EAAOC,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,eAAGJ,yJAAU,yGAOiB,kBAAD,EAAjBK,EAAQA,SAACC,OAIzBC,EAAOP,EAAAA,QAAOQ,GAAVN,WAAA,CAAAC,YAAA,mBAAAC,YAAA,eAAGJ,mMAAS,mJAOmB,kBAAD,EAAjBK,EAAQA,SAACC,OAI1BG,EAAgBT,EAAAA,QAAOU,GAAVR,WAAA,CAAAC,YAAA,4BAAAC,YAAA,eAAGJ,CAASW,IAAAA,EAAAC,uBAAA,CAAA,4CAAA,CAAA,+CAKzBC,EAAab,EAAM,QAACc,QAAVZ,WAAA,CAAAC,YAAA,yBAAAC,YAAA,eAAGJ,CAAYe,IAAAA,EAAAH,EAAAA,qBAAA,CAAA,uCAAA,MAAA,qBAAA,OAAA,mBAAA,gLAAA,oHAAA,CAAA,uCAEE,MAA0B,qBAC1B,OAA2B,mBAEe,gLAczB,sHAjBlB,EAAjBP,EAAAA,SAASC,MAAgC,IAAjBD,EAAAA,SAASC,MAChB,EAAjBD,EAAQA,SAACC,MAAiC,IAAjBD,EAAAA,SAASC,OACpC,SAACU,OAAEC,EAAKD,EAAAC,MACb,OADyBD,EAAAE,WACZC,EAAAA,UAAMF,GAAOG,KAAKC,SAAWF,EAAAA,UAAMF,GAAOG,KAAKE,WAWtD,SAACN,OAAEC,EAAKD,EAAAC,MACN,OADkBD,EAAAE,WAEZC,EAAAA,UAAMF,GAAOM,QAAQF,SACrBF,EAAAA,UAAMF,GAAOM,QAAQD,8BAoBtC,SAACN,GAAE,IAAAQ,EAAAR,EAAAE,WAAAA,OAAa,IAAAM,GAAKA,EAAEC,EAAKT,EAAAS,MAAEC,EAAKV,EAAAU,MAAEC,EAASX,EAAAW,UAC/C,OACIC,EAAC,QAAAC,cAAA9B,EAAK,CAAA4B,UAAWA,GACZF,GACGG,EAAAA,QAACC,cAAAC,QAAKC,KAAK,SAASb,WAAYA,GAC3BO,GAGTG,UAACC,cAAAtB,OACImB,MAAAA,OAAA,EAAAA,EAAOM,KAAI,SAACC,EAAMC,GAAM,OACrBN,wBAACnB,EAAa,CAAC0B,IAAKD,GAChBN,EAAC,QAAAC,cAAAhB,EACG,CAAAuB,YACA,EAAAC,KAAMJ,EAAKI,KACXnB,WAAYA,EACZoB,UAAWL,EAAKR,OAAS,UAAUc,OAAAL,IAElCD,EAAKO,MACFP,EAAKO,KAAK,CAAEtB,WAAUA,EAAEO,MAAOQ,EAAKR"}

package/cjs/TableBlock-a5b16e8f.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./ClockFilled-2483aa4a.js"),n=require("react"),t=require("styled-components"),i=require("./Copy-e860efe7.js"),l=require("./styles-0f1a0aea.js"),o=require("./LibThemeProvider-fb99fd6d.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r,d,s,c,p,m,u,g,f,b,h=a(n),x=a(t),w=x.default.div.withConfig({displayName:"Title__View",componentId:"sc-1pyc768-0"})(r||(r=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),v=x.default(i.Heading).withConfig({displayName:"Title__SuperTitle",componentId:"sc-1pyc768-1"})(d||(d=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"]))),k=x.default(i.Heading).withConfig({displayName:"Title__MainTitle",componentId:"sc-1pyc768-2"})(c||(c=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(s||(s=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)})),y=x.default.div.withConfig({displayName:"TableBlock__View",componentId:"sc-1n2im8m-0"})(p||(p=e.__makeTemplateObject(["\n    &:focus {\n        outline: 1px dashed ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"],["\n    &:focus {\n        outline: 1px dashed ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"])),(function(e){var n=e.theme;return l.getColors(n).primary.default})),_=x.default(i.Copy).withConfig({displayName:"TableBlock__Caption",componentId:"sc-1n2im8m-1"})(m||(m=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),T=x.default.div.withConfig({displayName:"TableBlock__TableContainer",componentId:"sc-1n2im8m-2"})(u||(u=e.__makeTemplateObject(["\n    overflow-x: scroll;\n    overflow-y: hidden;\n    white-space: nowrap;\n\n    &:focus {\n        outline: none;\n        border: 1px solid ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        border: none;\n    }\n\n    &::-webkit-scrollbar {\n        display: none;\n        scrollbar-width: none;\n    }\n"],["\n    overflow-x: scroll;\n    overflow-y: hidden;\n    white-space: nowrap;\n\n    &:focus {\n        outline: none;\n        border: 1px solid ",";\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        border: none;\n    }\n\n    &::-webkit-scrollbar {\n        display: none;\n        scrollbar-width: none;\n    }\n"])),(function(e){var n=e.theme;return l.getColors(n).primary.default})),C=x.default.table.withConfig({displayName:"TableBlock__TableBody",componentId:"sc-1n2im8m-3"})(g||(g=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),I=x.default(i.Copy).withConfig({displayName:"TableBlock__TableHead",componentId:"sc-1n2im8m-4"})(f||(f=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"})),B=x.default(i.Copy).withConfig({displayName:"TableBlock__TableData",componentId:"sc-1n2im8m-5"})(b||(b=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),j=n.forwardRef((function(e,n){var t=e.row,i=e.tableTitle,l=e.rowTitle,o=e.isInverted,a=void 0!==o&&o,r=e.hasBack,d=void 0!==r&&r,s=e.lastCol,c=void 0===s?"left":s;return h.default.createElement(y,{ref:n},h.default.createElement(T,{tabIndex:1},h.default.createElement(C,null,i&&h.default.createElement(_,{renderAs:"caption",type:"copy-b",isInverted:a},i),l&&h.default.createElement("thead",null,h.default.createElement("tr",null,l.map((function(e,n){return h.default.createElement(I,{key:n,type:"copy-b",renderAs:"th",isInverted:!a,alignRight:"right"===c},e)})))),h.default.createElement("tbody",null,t.map((function(e,n){var t=e.cols;return h.default.createElement("tr",{key:n},t.map((function(e,n){return h.default.createElement(B,{key:n,renderAs:"td",hasBack:d,alignRight:"right"===c,innerHTML:e})})))}))))))}));j.displayName="TableBlock",exports.TableBlock=j,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,d=e.titleSize,s=void 0===d?"heading-2":d,c=e.maxLines,p=e.isCentered,m=void 0!==p&&p,u=e.titleHyphens,g=e.className,f=o.useLibTheme().colors;return h.default.createElement(w,{isCentered:m,className:g},i&&h.default.createElement(v,{renderAs:l||"div",size:"super",textColor:"onImage"===t?f.text.inverted:void 0,isInverted:"inverted"===t,innerHTML:i}),a&&h.default.createElement(k,{renderAs:r||"h2",size:"heading-1"===s?"heading-1":"heading-2",hyphens:u,textColor:"onImage"===t?f.text.inverted:void 0,isInverted:"inverted"===t,innerHTML:a,maxLines:c}))};
+//# sourceMappingURL=TableBlock-a5b16e8f.js.map

package/cjs/TableBlock-a5b16e8f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBlock-a5b16e8f.js","sources":["../src/components/blocks/Title.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 Copy from 'components/typography/Copy';\nimport React, { forwardRef } from 'react';\nimport styled from 'styled-components';\n\nimport { getColors as color, spacings } from 'utils/styles';\n\nconst View = styled.div`\n    &:focus {\n        outline: 1px dashed ${({ theme }) => color(theme).primary.default};\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n`;\n\nconst Caption = styled(Copy)`\n    margin-bottom: ${spacings.nudge}px;\n    padding: 0 ${spacings.nudge * 2}px;\n    text-align: left;\n`;\n\nconst TableContainer = styled.div`\n    overflow-x: scroll;\n    overflow-y: hidden;\n    white-space: nowrap;\n\n    &:focus {\n        outline: none;\n        border: 1px solid ${({ theme }) => color(theme).primary.default};\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        border: none;\n    }\n\n    &::-webkit-scrollbar {\n        display: none;\n        scrollbar-width: none;\n    }\n`;\n\nconst TableBody = styled.table`\n    width: 100%;\n    max-width: 100%;\n\n    border-collapse: separate;\n    border-spacing: 0 ${spacings.nudge * 0.5}px;\n\n    padding: 0 ${spacings.nudge * 2}px;\n`;\n\nconst TableHead = styled(Copy)<{\n    isInverted?: boolean;\n    alignRight?: boolean;\n}>`\n    text-align: left;\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n    background-color: ${({ theme, isInverted }) =>\n        isInverted\n            ? color(theme).elementBg.dark\n            : color(theme).elementBg.medium};\n\n    padding: 0 ${spacings.nudge * 3}px;\n    height: 56px;\n    box-sizing: content-box;\n\n    :last-child {\n        padding-right: ${spacings.spacer * 2.5}px;\n        text-align: ${({ alignRight }) => (alignRight ? 'right' : 'left')};\n    }\n`;\n\nconst TableData = styled(Copy)<{\n    hasBack?: boolean;\n    alignRight?: boolean;\n}>`\n    padding: 0 ${spacings.nudge * 3}px;\n    height: 56px;\n    box-sizing: content-box;\n\n    background-color: ${({ hasBack, theme }) =>\n        hasBack ? color(theme).elementBg.light : color(theme).elementBg.medium};\n\n    :last-child {\n        text-align: ${({ alignRight }) => (alignRight ? 'right' : 'left')};\n        padding-right: ${spacings.spacer * 2.5}px;\n    }\n`;\n\nexport interface TableProps {\n    tableTitle?: string;\n    rowTitle?: string[];\n    row: Array<{\n        cols: string[];\n    }>;\n    isInverted?: boolean;\n    hasBack?: boolean;\n    lastCol?: 'left' | 'right';\n}\n\nconst TableBlock = forwardRef<HTMLDivElement, TableProps>(\n    (\n        {\n            row,\n            tableTitle,\n            rowTitle,\n            isInverted = false,\n            hasBack = false,\n            lastCol = 'left',\n        },\n        ref\n    ) => {\n        return (\n            <View ref={ref}>\n                <TableContainer tabIndex={1}>\n                    <TableBody>\n                        {tableTitle && (\n                            <Caption\n                                renderAs=\"caption\"\n                                type=\"copy-b\"\n                                isInverted={isInverted}\n                            >\n                                {tableTitle}\n                            </Caption>\n                        )}\n                        {rowTitle && (\n                            <thead>\n                                <tr>\n                                    {rowTitle.map((item, ii) => (\n                                        <TableHead\n                                            key={ii}\n                                            type=\"copy-b\"\n                                            renderAs=\"th\"\n                                            isInverted={!isInverted}\n                                            alignRight={lastCol === 'right'}\n                                        >\n                                            {item}\n                                        </TableHead>\n                                    ))}\n                                </tr>\n                            </thead>\n                        )}\n                        <tbody>\n                            {row.map(({ cols }, i) => (\n                                <tr key={i}>\n                                    {cols.map((itemText, ii) => {\n                                        return (\n                                            <TableData\n                                                key={ii}\n                                                renderAs=\"td\"\n                                                hasBack={hasBack}\n                                                alignRight={lastCol === 'right'}\n                                                innerHTML={itemText}\n                                            />\n                                        );\n                                    })}\n                                </tr>\n                            ))}\n                        </tbody>\n                    </TableBody>\n                </TableContainer>\n            </View>\n        );\n    }\n);\n\nTableBlock.displayName = 'TableBlock';\n\nexport default TableBlock;\n"],"names":["View","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","isCentered","spacings","nudge","SuperTitle","Heading","templateObject_2","MainTitle","templateObject_4","maxLines","css","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","TableBlock","forwardRef","ref","row","tableTitle","rowTitle","_b","_c","_d","lastCol","React","createElement","tabIndex","renderAs","type","map","item","ii","key","i","cols","itemText","innerHTML","colorMode","superTitle","superTitleAs","title","titleAs","titleSize","titleHyphens","className","colors","useLibTheme","size","textColor","undefined","hyphens"],"mappings":"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"}

package/cjs/Tag-5c72cc0d.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),o=require("styled-components"),r=require("./Copy-e860efe7.js"),i=require("./Link-70143bb7.js"),t=require("./styles-0f1a0aea.js");function d(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a,c,s=d(e),l=d(o).default(i.Link).withConfig({displayName:"Tag__View",componentId:"sc-1mw8uhi-0"})(c||(c=n.__makeTemplateObject(["\n    display: inline-block;\n    border: 1px solid\n        ",";\n    border-radius: 8px;\n\n    padding: 1px ","px;\n    max-height: 28px;\n    min-width: 60px;\n    user-select: none;\n\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    text-align: center;\n\n    text-decoration: none;\n\n    ","\n\n    background: none;\n\n    && {\n        background-color: ",";\n        color: ",";\n\n        transition: background-color 0.2s ease-in-out, color 0.1s ease-in-out;\n    }\n\n    cursor: ",";\n\n    ","\n\n    &:focus {\n        /* background-color: ",";\n        color: ","; */\n        outline: 2px solid\n            ",";\n        outline-offset: -1px;\n        text-decoration: underline;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        text-decoration: none;\n    }\n"],["\n    display: inline-block;\n    border: 1px solid\n        ",";\n    border-radius: 8px;\n\n    padding: 1px ","px;\n    max-height: 28px;\n    min-width: 60px;\n    user-select: none;\n\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    text-align: center;\n\n    text-decoration: none;\n\n    ","\n\n    background: none;\n\n    && {\n        background-color: ",";\n        color: ",";\n\n        transition: background-color 0.2s ease-in-out, color 0.1s ease-in-out;\n    }\n\n    cursor: ",";\n\n    ","\n\n    &:focus {\n        /* background-color: ",";\n        color: ","; */\n        outline: 2px solid\n            ",";\n        outline-offset: -1px;\n        text-decoration: underline;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        text-decoration: none;\n    }\n"])),(function(n){return n.isInverted?"#dddddd":"#444444"}),t.spacings.nudge,r.copyStyle("copy","small"),(function(n){var e=n.isActive,o=n.isInverted;return e&&(o?"#dddddd":"#444444")}),(function(n){var e=n.isActive,o=n.isInverted;return e?o?"#444444":"#ffff":o?"#dddddd":"#444444"}),(function(n){return n.isClickable?"pointer":"default"}),(function(e){var r=e.isClickable,i=e.isInverted;return r&&o.css(a||(a=n.__makeTemplateObject(["\n            @media (hover: hover) and (pointer: fine) {\n                &&:hover {\n                    background-color: ",";\n                    color: ",";\n                }\n            }\n        "],["\n            @media (hover: hover) and (pointer: fine) {\n                &&:hover {\n                    background-color: ",";\n                    color: ",";\n                }\n            }\n        "])),i?"#dddddd":"#444444",i?"#444444":"#ffff")}),(function(n){return n.isInverted?"#dddddd":"#444444"}),(function(n){return n.isInverted?"#444444":"#ffff"}),(function(n){var e=n.isInverted,o=n.theme;return e?t.getColors(o).primary.inverted:t.getColors(o).primary.default}));exports.Tag=function(e){var o=e.name,r=e.link,i=e.isInverted,t=e.isActive,d=e.onClick,a=e.className,c=e.children,u=(null==r?void 0:r.href)?"a":d?"button":"span";return s.default.createElement(l,n.__assign({as:u,isInverted:i,isActive:t,onClick:d,isClickable:!!d||!(!r||!r.href),className:a},r),o||c)};
+//# sourceMappingURL=Tag-5c72cc0d.js.map

package/cjs/Tag-5c72cc0d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag-5c72cc0d.js","sources":["../src/components/blocks/Tag.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { copyStyle } from 'components/typography/Copy';\nimport Link, { LinkProps } from 'components/typography/Link';\nimport { getColors, spacings } from 'utils/styles';\n\nconst View = styled(Link)<{\n    isInverted?: boolean;\n    isActive?: boolean;\n    isClickable?: boolean;\n}>`\n    display: inline-block;\n    border: 1px solid\n        ${({ isInverted }) => (isInverted ? '#dddddd' : '#444444')};\n    border-radius: 8px;\n\n    padding: 1px ${spacings.nudge}px;\n    max-height: 28px;\n    min-width: 60px;\n    user-select: none;\n\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    text-align: center;\n\n    text-decoration: none;\n\n    ${copyStyle('copy', 'small')}\n\n    background: none;\n\n    && {\n        background-color: ${({ isActive, isInverted }) =>\n            isActive && (isInverted ? '#dddddd' : '#444444')};\n        color: ${({ isActive, isInverted }) => {\n            if (isActive) {\n                return isInverted ? '#444444' : '#ffff';\n            } else {\n                return isInverted ? '#dddddd' : '#444444';\n            }\n        }};\n\n        transition: background-color 0.2s ease-in-out, color 0.1s ease-in-out;\n    }\n\n    cursor: ${({ isClickable }) => (isClickable ? 'pointer' : 'default')};\n\n    ${({ isClickable, isInverted }) =>\n        isClickable &&\n        css`\n            @media (hover: hover) and (pointer: fine) {\n                &&:hover {\n                    background-color: ${isInverted ? '#dddddd' : '#444444'};\n                    color: ${isInverted ? '#444444' : '#ffff'};\n                }\n            }\n        `}\n\n    &:focus {\n        /* background-color: ${({ isInverted }) =>\n            isInverted ? '#dddddd' : '#444444'};\n        color: ${({ isInverted }) => (isInverted ? '#444444' : '#ffff')}; */\n        outline: 2px solid\n            ${({ isInverted, theme }) =>\n                isInverted\n                    ? getColors(theme).primary.inverted\n                    : getColors(theme).primary.default};\n        outline-offset: -1px;\n        text-decoration: underline;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        text-decoration: none;\n    }\n`;\n\nexport interface TagProps {\n    name?: string;\n    link?: LinkProps;\n}\n\nconst Tag: FC<\n    TagProps & {\n        /** Invert colors to use on dark background */\n        isInverted?: boolean;\n\n        /** Highlight tag if active */\n        isActive?: boolean;\n\n        /** Click callback */\n        onClick?: (ev?: React.SyntheticEvent<HTMLElement>) => void;\n        className?: string;\n        children?: React.ReactNode;\n    }\n> = ({ name, link, isInverted, isActive, onClick, className, children }) => {\n    const tag = link?.href ? 'a' : onClick ? 'button' : 'span';\n\n    return (\n        <View\n            as={tag}\n            isInverted={isInverted}\n            isActive={isActive}\n            onClick={onClick}\n            isClickable={!!onClick || !!(link && link.href)}\n            className={className}\n            {...link}\n        >\n            {name || children}\n        </View>\n    );\n};\n\nexport default Tag;\n"],"names":["View","Link","withConfig","displayName","componentId","styled","templateObject_2","__makeTemplateObject","_a","isInverted","spacings","nudge","copyStyle","isActive","isClickable","css","templateObject_1","theme","getColors","primary","inverted","default","name","link","onClick","className","children","tag","href","React","__assign","as"],"mappings":"mSAOMA,OAAa,QAACC,QAAVC,WAAA,CAAAC,YAAA,YAAAC,YAAA,gBAAGC,CAIXC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,gEAAA,kDAAA,2NAAA,oEAAA,qBAAA,6GAAA,YAAA,mDAAA,qBAAA,iDAAA,sLAAA,CAAA,gEAGgE,kDAGjC,2NAYD,oEAM4B,qBAOnD,6GAK+D,YAW/D,mDAIqC,qBACyB,iDAKjB,yLAtD5C,SAACC,GAAmB,OAAPA,EAAAC,WAAqB,UAAY,YAGrCC,EAAAA,SAASC,MAYtBC,EAASA,UAAC,OAAQ,UAKI,SAACJ,OAAEK,EAAQL,EAAAK,SAAEJ,EAAUD,EAAAC,WACvC,OAAAI,IAAaJ,EAAa,UAAY,cACjC,SAACD,OAAEK,EAAQL,EAAAK,SAAEJ,EAAUD,EAAAC,WAC5B,OAAII,EACOJ,EAAa,UAAY,QAEzBA,EAAa,UAAY,aAOlC,SAACD,GAAoB,OAAPA,EAAAM,YAAsB,UAAY,aAExD,SAACN,OAAEM,EAAWN,EAAAM,YAAEL,EAAUD,EAAAC,WACxB,OAAAK,GACAC,MAAGC,IAAAA,EAAAT,EAAAA,qBAAA,CAAA,gIAAA,iCAAA,iDAAA,CAAA,gIAG+D,iCACb,mDADrBE,EAAa,UAAY,UACpCA,EAAa,UAAY,YAMvB,SAACD,GACpB,OADgCA,EAAAC,WACnB,UAAY,aACpB,SAACD,GAAmB,OAAPA,EAAAC,WAAqB,UAAY,WAEjD,SAACD,OAAEC,EAAUD,EAAAC,WAAEQ,EAAKT,EAAAS,MAClB,OAAAR,EACMS,EAAAA,UAAUD,GAAOE,QAAQC,SACzBF,EAAAA,UAAUD,GAAOE,QAAQE,uBA6B3C,SAACb,GAAE,IAAAc,SAAMC,SAAMd,eAAYI,EAAQL,EAAAK,SAAEW,EAAOhB,EAAAgB,QAAEC,EAASjB,EAAAiB,UAAEC,EAAQlB,EAAAkB,SAC3DC,GAAMJ,MAAAA,OAAI,EAAJA,EAAMK,MAAO,IAAMJ,EAAU,SAAW,OAEpD,OACIK,wBAAC7B,EAAI8B,WAAA,CACDC,GAAIJ,EACJlB,WAAYA,EACZI,SAAUA,EACVW,QAASA,EACTV,cAAeU,MAAcD,IAAQA,EAAKK,MAC1CH,UAAWA,GACPF,GAEHD,GAAQI"}

package/cjs/VideoBlock-301997a9.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),i=require("./styles-0f1a0aea.js"),o=require("./TableBlock-a5b16e8f.js"),a=require("./Copy-e860efe7.js"),r=require("./Actions-6dd616e0.js"),l=require("./Image-d9681be0.js"),s=require("./useMediaQuery-d4f81f88.js"),c=require("./clamp-bd21d587.js"),d=require("./useObserverSupport-5ab320dd.js"),u=require("./useUpdateEffect-4d233e2c.js");function m(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var p,f,g,v,h,b,w,x,_,y,I,k,j,C,T,E,z,N,P,O=m(e),q=m(t),B=q.default.div.withConfig({displayName:"IntroBlock__View",componentId:"sc-w71lok-0"})(p||(p=n.__makeTemplateObject(["\n    display: block;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    text-align: ",";\n\n    @media "," {\n        display: flex;\n        flex-direction: row;\n\n        & > * + * {\n            margin-left: ","px;\n        }\n    }\n"],["\n    display: block;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    text-align: ",";\n\n    @media "," {\n        display: flex;\n        flex-direction: row;\n\n        & > * + * {\n            margin-left: ","px;\n        }\n    }\n"])),(function(n){return n.isCentered&&"center"}),i.mq.semilarge,i.spacings.spacer),S=q.default.div.withConfig({displayName:"IntroBlock__Content",componentId:"sc-w71lok-1"})(f||(f=n.__makeTemplateObject(["\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    max-width: 100%;\n\n    @media "," {\n        flex: 1 0 66.66%;\n    }\n"],["\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    max-width: 100%;\n\n    @media "," {\n        flex: 1 0 66.66%;\n    }\n"])),i.spacings.spacer,i.mq.semilarge),A=q.default(o.Title).withConfig({displayName:"IntroBlock__StyledTitle",componentId:"sc-w71lok-2"})(g||(g=n.__makeTemplateObject(["\n    max-width: ",";\n"],["\n    max-width: ",";\n"])),(function(n){return n.clamp&&"880px"})),V=q.default(a.Copy).withConfig({displayName:"IntroBlock__ContentBlock",componentId:"sc-w71lok-3"})(h||(h=n.__makeTemplateObject(["\n    display: block;\n    max-width: ",";\n    margin-left: ",";\n    margin-right: ",";\n\n    ","\n\n    & + & {\n        margin-top: ","px;\n    }\n"],["\n    display: block;\n    max-width: ",";\n    margin-left: ",";\n    margin-right: ",";\n\n    ","\n\n    & + & {\n        margin-top: ","px;\n    }\n"])),(function(n){return n.clamp&&"880px"}),(function(n){return n.isCentered&&"auto"}),(function(n){return n.isCentered&&"auto"}),(function(e){var i=e.maxLines;return i&&i>0&&t.css(v||(v=n.__makeTemplateObject(["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ","; /* number of lines to show */\n            line-clamp: ",";\n            -webkit-box-orient: vertical;\n        "],["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ","; /* number of lines to show */\n            line-clamp: ",";\n            -webkit-box-orient: vertical;\n        "])),i,i)}),3*i.spacings.nudge),H=q.default(r.Actions).withConfig({displayName:"IntroBlock__StyledActions",componentId:"sc-w71lok-4"})(b||(b=n.__makeTemplateObject(["\n    @media "," {\n        display: block;\n        text-align: ",";\n    }\n"],["\n    @media "," {\n        display: block;\n        text-align: ",";\n    }\n"])),i.mq.medium,(function(n){return n.isCentered&&"center"})),M=q.default.div.withConfig({displayName:"IntroBlock__MobileImageContainer",componentId:"sc-w71lok-5"})(w||(w=n.__makeTemplateObject(["\n    width: 100%;\n    height: 100%;\n    max-width: 400px;\n    max-height: 400px;\n    text-align: center;\n\n    margin: 0 auto;\n    margin-top: ","px;\n\n    @media "," {\n        display: ",";\n    }\n"],["\n    width: 100%;\n    height: 100%;\n    max-width: 400px;\n    max-height: 400px;\n    text-align: center;\n\n    margin: 0 auto;\n    margin-top: ","px;\n\n    @media "," {\n        display: ",";\n    }\n"])),i.spacings.spacer,i.mq.semilarge,(function(n){return n.isCentered?"block":"none"})),L=q.default.div.withConfig({displayName:"IntroBlock__DesktopImageContainer",componentId:"sc-w71lok-6"})(x||(x=n.__makeTemplateObject(["\n    display: none;\n    width: 100%;\n\n    @media "," {\n        display: block;\n        /* flex: 1 0 33.33%; */\n\n        max-width: 400px;\n    }\n"],["\n    display: none;\n    width: 100%;\n\n    @media "," {\n        display: block;\n        /* flex: 1 0 33.33%; */\n\n        max-width: 400px;\n    }\n"])),i.mq.semilarge),R=q.default.div.withConfig({displayName:"HeaderKenBurns__AnimationContainer",componentId:"sc-1hmc5d0-0"})(_||(_=n.__makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n"],["\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n"]))),K=q.default(l.Image).withConfig({displayName:"HeaderKenBurns__PosterImage",componentId:"sc-1hmc5d0-1"})(y||(y=n.__makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    height: 100%;\n    width: 100%;\n\n    img {\n        height: 100%;\n    }\n"],["\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    height: 100%;\n    width: 100%;\n\n    img {\n        height: 100%;\n    }\n"]))),G=q.default.img.withConfig({displayName:"HeaderKenBurns__AnimationImage",componentId:"sc-1hmc5d0-2"})(I||(I=n.__makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    transition-property: opacity, transform;\n    transition-duration: ",";\n    transition-delay: ",";\n\n    opacity: ",";\n    transform: scale(",")\n        rotate(","deg);\n    transform-origin: ",";\n\n    will-change: transform, opacity;\n"],["\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    transition-property: opacity, transform;\n    transition-duration: ",";\n    transition-delay: ",";\n\n    opacity: ",";\n    transform: scale(",")\n        rotate(","deg);\n    transform-origin: ",";\n\n    will-change: transform, opacity;\n"])),(function(n){var e=n.scale;return"2s, ".concat(1===e?"0s":"13s")}),(function(n){var e=n.scale;return"".concat(1===e?"1s":"0s",", ").concat(1===e?"3s":"0s")}),(function(n){var e=n.opacity;return e&&e}),(function(n){return n.scale||1}),(function(n){return 1!==n.scale?.04:0}),(function(n){var e=n.zoomPoint;return e?"".concat(100*e[0],"% ").concat(100*e[1],"%"):"center"})),Q=function(n){var t=n.zoom,i=void 0===t?1.08:t,o=n.zoomPoint,a=void 0===o?[.5,.5]:o,r=n.interval,l=void 0===r?1e4:r,s=n.images,c=n.onChange,d=e.useRef(),u=e.useRef(),m=e.useState(-1),p=m[0],f=m[1];return e.useEffect((function(){var n=function(){f((function(n){return(n+1)%s.length}))};return u.current=window.setTimeout(n,200),d.current&&window.clearInterval(d.current),d.current=window.setInterval(n,l),function(){u.current&&window.clearTimeout(u.current),d.current&&window.clearInterval(d.current)}}),[s,l]),e.useEffect((function(){-1!==p&&c&&c(p)}),[p]),O.default.createElement(O.default.Fragment,null,s.map((function(n,e){var t=1,o=a;return e===p&&(t=void 0!==n.zoom?n.zoom:i),n.zoomPoint&&(o=U(n.zoomPoint)),O.default.createElement(G,{key:e,style:{zIndex:e===p?1:0},src:n.image,scale:t,opacity:e===p?1:0,zoomPoint:o,alt:n.alt||""})})))},U=function(n){return[c.clampValue(n[0],0,1),c.clampValue(n[1],0,1)]},F=q.default.div.withConfig({displayName:"HeaderPoster__PosterView",componentId:"sc-9zhj-0"})(k||(k=n.__makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    height: 100%;\n"],["\n    position: relative;\n    width: 100%;\n    height: 100%;\n"]))),D=q.default(l.Image).withConfig({displayName:"HeaderPoster__BgImage",componentId:"sc-9zhj-1"})(j||(j=n.__makeTemplateObject(["\n    height: 100%;\n\n    img {\n        height: 100%;\n        object-position: ",";\n    }\n"],["\n    height: 100%;\n\n    img {\n        height: 100%;\n        object-position: ",";\n    }\n"])),(function(n){var e=n.focus;return"".concat((null==e?void 0:e[0])||"center"," ").concat((null==e?void 0:e[1])||"center")})),J=q.default.div.withConfig({displayName:"HeaderVideo__PosterView",componentId:"sc-i0iu8j-0"})(C||(C=n.__makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    height: 100%;\n"],["\n    position: relative;\n    width: 100%;\n    height: 100%;\n"]))),W=q.default(l.Image).withConfig({displayName:"HeaderVideo__PlaceholderImg",componentId:"sc-i0iu8j-1"})(T||(T=n.__makeTemplateObject(["\n    position: relative;\n    height: 100%;\n\n    img {\n        object-position: ",";\n\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        height: 100%;\n        z-index: 0;\n    }\n\n    margin: 0 auto;\n\n    @media "," {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        padding: ","px;\n        z-index: 2;\n\n        & > * {\n            margin-top: ","px;\n            max-width: 880px;\n        }\n    }\n"],["\n    position: relative;\n    height: 100%;\n\n    img {\n        object-position: ",";\n\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        height: 100%;\n        z-index: 0;\n    }\n\n    margin: 0 auto;\n\n    @media "," {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        padding: ","px;\n        z-index: 2;\n\n        & > * {\n            margin-top: ","px;\n            max-width: 880px;\n        }\n    }\n"])),(function(n){var e=n.focus;return"".concat((null==e?void 0:e[0])||"center"," ").concat((null==e?void 0:e[1])||"center")}),i.mq.medium,2*i.spacings.spacer,i.spacings.spacer),X=q.default.video.withConfig({displayName:"HeaderVideo__AutoplayVideo",componentId:"sc-i0iu8j-2"})(E||(E=n.__makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    object-fit: cover;\n    object-position: ",";\n    opacity: ",";\n    pointer-events: none;\n    z-index: 1;\n\n    transition: opacity 0.3s ease-in-out;\n"],["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    object-fit: cover;\n    object-position: ",";\n    opacity: ",";\n    pointer-events: none;\n    z-index: 1;\n\n    transition: opacity 0.3s ease-in-out;\n"])),(function(n){var e=n.focus;return"".concat((null==e?void 0:e[0])||"center"," ").concat((null==e?void 0:e[1])||"center")}),(function(n){return n.isVisible?1:0})),Y=q.default.div.withConfig({displayName:"VideoBlock__AspectContainer",componentId:"sc-160aafd-0"})(N||(N=n.__makeTemplateObject(["\n    position: relative;\n    border-radius: ",";\n    overflow: hidden;\n\n    aspect-ratio: ",";\n    width: ",";\n    max-width: 100%;\n\n    background: ",";\n    object-position: center;\n\n    @supports not (aspect-ratio: auto) {\n        height: ",";\n        padding-top: ",";\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    ","\n"],["\n    position: relative;\n    border-radius: ",";\n    overflow: hidden;\n\n    aspect-ratio: ",";\n    width: ",";\n    max-width: 100%;\n\n    background: ",";\n    object-position: center;\n\n    @supports not (aspect-ratio: auto) {\n        height: ",";\n        padding-top: ",";\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    ","\n"])),(function(n){var e=n.theme;return i.getGlobals(e).sections.edgeRadius}),(function(n){var e=n.ratios;return null==e?void 0:e.small}),(function(n){var e=n.ratios;return(null==e?void 0:e.small)&&"100%"}),(function(n){var e=n.theme;return n.isInverted?i.getGlobals(e).sections.imagePlaceholderBg.inverted:i.getGlobals(e).sections.imagePlaceholderBg.default}),(function(n){var e=n.ratios;return(null==e?void 0:e.small)&&0}),(function(n){var e=n.ratios;return(null==e?void 0:e.small)&&"calc(100% / ".concat(null==e?void 0:e.small,")")}),i.mq.medium,(function(n){var e=n.ratios;return null==e?void 0:e.medium}),(function(n){var e=n.ratios;return(null==e?void 0:e.medium)&&"calc(100% / ".concat(null==e?void 0:e.medium,")")}),i.mq.semilarge,(function(n){var e=n.ratios;return null==e?void 0:e.semilarge}),(function(n){var e=n.ratios;return(null==e?void 0:e.semilarge)&&"calc(100% / ".concat(null==e?void 0:e.semilarge,")")}),i.mq.large,(function(n){var e=n.ratios;return null==e?void 0:e.large}),(function(n){var e=n.ratios;return(null==e?void 0:e.large)&&"calc(100% / ".concat(null==e?void 0:e.large,")")}),i.mq.xlarge,(function(n){var e=n.ratios;return null==e?void 0:e.xlarge}),(function(n){var e=n.ratios;return(null==e?void 0:e.xlarge)&&"calc(100% / ".concat(null==e?void 0:e.xlarge,")")}),(function(e){return e.ratios&&t.css(z||(z=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        "])))})),Z=q.default.video.withConfig({displayName:"VideoBlock__Video",componentId:"sc-160aafd-1"})(P||(P=n.__makeTemplateObject(["\n    display: block;\n"],["\n    display: block;\n"]))),$=e.forwardRef((function(n,t){var i=n.urls,o=n.ratios,a=n.isInverted,r=n.muted,l=void 0!==r&&r,s=n.autoPlay,c=void 0!==s&&s,d=n.loop,u=void 0!==d&&d,m=n.controls,p=void 0!==m&&m,f=n.playsInline,g=void 0===f||f,v=n.onCanPlayThrough,h=n.className,b=e.useRef(null);return e.useImperativeHandle(t,(function(){return b.current})),e.useEffect((function(){b.current&&b.current.readyState>3&&(null==v||v())}),[v]),O.default.createElement(Y,{ratios:o,isInverted:a,className:h},O.default.createElement(Z,{ref:b,muted:l,autoPlay:c,loop:u,controls:p,onCanPlayThrough:v,playsInline:g},null==i?void 0:i.map((function(n,e){return O.default.createElement("source",{src:n,key:e})}))))}));$.displayName="VideoBlock",exports.HeaderKenBurns=function(t){var i=t.images,o=t.zoom,a=void 0===o?1.08:o,r=t.zoomPoint,l=void 0===r?[.5,.5]:r,c=t.interval,d=void 0===c?1e4:c,u=t.onImageChange,m=t.className,p=t.children,f=s.useMediaQuery(["small","medium","large","xlarge"]),g=e.useState({small:[],medium:[],large:[],xlarge:[]}),v=g[0],h=g[1];return e.useEffect((function(){var e;if(f&&(v[f].length<i.length&&i.length>=2)){var t=i.map((function(n,e){return{id:e,image:n[f],zoom:n.zoom||a,zoomPoint:n.zoomPoint||l,alt:n.alt}}));e=function(n){return n.map((function(n){return new Promise((function(e){var t=new window.Image;t.src=n.image,t.onload=function(){return e(n)}}))}))}(t),n.__awaiter(void 0,void 0,void 0,(function(){var t,i,o,a;return n.__generator(this,(function(r){switch(r.label){case 0:t=function(e){var t;return n.__generator(this,(function(i){switch(i.label){case 0:return[4,e];case 1:return t=i.sent(),h((function(e){var i;return e[f].find((function(n){return n.id===t.id}))?e:n.__assign(n.__assign({},e),((i={})[f]=n.__spreadArray(n.__spreadArray([],e[f],!0),[t],!1),i))})),[2]}}))},i=0,o=e,r.label=1;case 1:return i<o.length?(a=o[i],[5,t(a)]):[3,4];case 2:r.sent(),r.label=3;case 3:return i++,[3,1];case 4:return[2]}}))}))}}),[f,i,v,a,l]),O.default.createElement(R,{className:m},O.default.createElement(K,n.__assign({},i[0],{coverSpace:!0,ratios:void 0})),f&&v[f].length>=i.length&&O.default.createElement(Q,{zoom:a,zoomPoint:U(l),interval:d,images:v[f],onChange:function(n){return i[n]&&u&&u(i[n])}}),p)},exports.HeaderPoster=function(e){var t=e.isInverted,i=e.bgImage,o=e.focus,a=e.className,r=e.children;return O.default.createElement(F,{className:a},i&&O.default.createElement(D,n.__assign({},i,{coverSpace:!0,ratios:void 0,isInverted:t,focus:o})),r)},exports.HeaderVideo=function(t){var i=t.isInverted,o=t.loadOnMobile,a=void 0===o||o,r=t.placeholderImg,l=t.focus,c=t.videoUrl,m=t.className,p=t.children,f=e.useRef(null),g=e.useRef(null),v=e.useState(!(null==r?void 0:r.small)||!1),h=v[0],b=v[1],w=d.useObserverSupport(),x=s.useMediaQuery(["small","medium","semilarge","large","xlarge"]),_=void 0===x||"small"===x,y=a||!_,I=e.useState(!1),k=I[0],j=I[1];return e.useEffect((function(){y||b(!1)}),[_,y,a]),e.useEffect((function(){f.current&&f.current.readyState>3&&b(!0)}),[]),u.useUpdateEffect((function(){if(y&&c&&g.current){if(w){var n=new IntersectionObserver((function(n,e){var t=n[0];t.isIntersecting&&(e.unobserve(t.target),j(!0))}),{rootMargin:"200px 0px 200px 0px"}),e=g.current;return n.observe(e),function(){e&&n.unobserve(e)}}j(!0)}}),[w,y]),O.default.createElement(J,{ref:g,className:m},(null==r?void 0:r.small)&&!h&&O.default.createElement(W,n.__assign({},r,{coverSpace:!0,ratios:void 0,isInverted:i,focus:l})),c&&y&&O.default.createElement(X,{ref:f,isVisible:h,src:k?c:void 0,muted:!0,autoPlay:!0,loop:!0,playsInline:!0,onCanPlayThrough:function(){b(!0)},focus:l}),p)},exports.IntroBlock=function(e){var t=e.renderAs,i=void 0===t?"div":t,o=e.colorMode,a=void 0===o?"default":o,r=e.title,s=e.titleAs,c=e.titleSize,d=void 0===c?"heading-2":c,u=e.superTitle,m=e.superTitleAs,p=e.abstract,f=e.text,g=e.textType,v=void 0===g?"copy":g,h=e.textSize,b=void 0===h?"medium":h,w=e.primaryAction,x=e.secondaryAction,_=e.isCentered,y=void 0!==_&&_,I=e.clampTitle,k=void 0!==I&&I,j=e.clampAbstract,C=void 0!==j&&j,T=e.maxTitleLines,E=e.maxAbstractLines,z=e.clampText,N=void 0!==z&&z,P=e.maxTextLines,q=e.className,R=e.titleHyphens,K=e.image,G="inverted"===a||"onImage"===a,Q=!1!==(null==K?void 0:K.coverSpace);return O.default.createElement(B,{as:i,isCentered:y,className:q},O.default.createElement(S,null,(r||u)&&O.default.createElement(A,{colorMode:a,title:r,titleAs:s,titleSize:d,superTitle:u,superTitleAs:m,isCentered:y,clamp:k,maxLines:T,titleHyphens:R}),(null==K?void 0:K.small)&&O.default.createElement(M,{isCentered:y},O.default.createElement(l.Image,n.__assign({},K,{coverSpace:Q,allowEdgeRadius:!0,isInverted:G}))),p&&O.default.createElement(V,{type:"copy",size:"big",textColor:"onImage"===a?"#fff":void 0,isInverted:G,isCentered:y,innerHTML:p,clamp:C,maxLines:E}),f&&O.default.createElement(V,{type:v,size:b,textColor:"onImage"===a?"#fff":void 0,isInverted:G,isCentered:y,innerHTML:f,clamp:N,maxLines:P}),(w||x)&&O.default.createElement(H,{primary:w&&w(G),secondary:x&&x(G)})),(null==K?void 0:K.small)&&!y&&O.default.createElement(L,null,O.default.createElement(l.Image,n.__assign({},K,{coverSpace:Q,allowEdgeRadius:!0,isInverted:G}))))},exports.VideoBlock=$;
+//# sourceMappingURL=VideoBlock-301997a9.js.map

package/cjs/VideoBlock-301997a9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoBlock-301997a9.js","sources":["../src/components/blocks/IntroBlock.tsx","../src/components/sections/header/HeaderKenBurns.tsx","../src/components/sections/header/HeaderPoster.tsx","../src/components/sections/header/HeaderVideo.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<{ isCentered?: boolean }>`\n    width: 100%;\n    height: 100%;\n    max-width: 400px;\n    max-height: 400px;\n    text-align: center;\n\n    margin: 0 auto;\n    margin-top: ${spacings.spacer}px;\n\n    @media ${mq.semilarge} {\n        display: ${({ isCentered }) => (isCentered ? 'block' : 'none')};\n    }\n`;\n\nconst DesktopImageContainer = styled.div`\n    display: none;\n    width: 100%;\n\n    @media ${mq.semilarge} {\n        display: block;\n        /* flex: 1 0 33.33%; */\n\n        max-width: 400px;\n    }\n`;\n\nconst IntroBlock: React.FC<{\n    /** Define rendered HTML DOM tag of intro container */\n    renderAs?: 'div' | 'figcaption';\n\n    /** Color presets for text and blocks. onImage has always a white text color */\n    colorMode?: 'default' | 'inverted' | 'onImage';\n\n    /** Main title text */\n    title?: string;\n\n    /** Main title HTML tag type (h2, h3, h4...) */\n    titleAs?: HeadlineTag;\n\n    /** Main title size */\n    titleSize?: TitleSize;\n\n    /** Superior title that stands above main title */\n    superTitle?: string;\n\n    /** Superior title HTML tag type (h3, h4 ...) */\n    superTitleAs?: HeadlineTag;\n\n    /** Intro text underneath the title (richtext) */\n    abstract?: string;\n\n    /** Main intro text (richtext) */\n    text?: string;\n\n    /** Intro image. coverSpace defaults to true */\n    image?: ImageProps;\n\n    /** Copy type of intro text (limits richtext capabilites on textType == copy-b or copy-i) */\n    textType?: CopyType;\n\n    /** Copy size of intro text */\n    textSize?: keyof FontOptions;\n\n    /** Function to inject custom primary button */\n    primaryAction?: (isInverted?: boolean) => React.ReactNode;\n\n    /** Function to inject custom secondary button */\n    secondaryAction?: (isInverted?: boolean) => React.ReactNode;\n\n    /** Center text and actions */\n    isCentered?: boolean;\n\n    /** Clamp title to max width of 880px */\n    clampTitle?: boolean;\n\n    /** Limit lines of title. Cut of with elipsis */\n    maxTitleLines?: number;\n\n    /** Clamp text to max width of 880px */\n    clampText?: boolean;\n\n    /** Clamp abstract to max width of 880px */\n    clampAbstract?: boolean;\n\n    /** Limit lines of text. Cut of with elipsis */\n    maxTextLines?: number;\n\n    /** Limit lines of abstract text. Cut of with elipsis */\n    maxAbstractLines?: number;\n\n    /** Main title hyphens */\n    titleHyphens?: boolean;\n\n    className?: string;\n}> = ({\n    renderAs = 'div',\n    colorMode = 'default',\n    title,\n    titleAs,\n    titleSize = 'heading-2',\n    superTitle,\n    superTitleAs,\n    abstract,\n    text,\n    textType = 'copy',\n    textSize = 'medium',\n    primaryAction,\n    secondaryAction,\n    isCentered = false,\n    clampTitle = false,\n    clampAbstract = false,\n    maxTitleLines,\n    maxAbstractLines,\n    clampText = false,\n    maxTextLines,\n    className,\n    titleHyphens,\n    image,\n}) => {\n    const isInverted = colorMode === 'inverted' || colorMode === 'onImage';\n    const coverSpace = image?.coverSpace === false ? false : true;\n\n    return (\n        <View as={renderAs} isCentered={isCentered} className={className}>\n            <Content>\n                {(title || superTitle) && (\n                    <StyledTitle\n                        colorMode={colorMode}\n                        title={title}\n                        titleAs={titleAs}\n                        titleSize={titleSize}\n                        superTitle={superTitle}\n                        superTitleAs={superTitleAs}\n                        isCentered={isCentered}\n                        clamp={clampTitle}\n                        maxLines={maxTitleLines}\n                        titleHyphens={titleHyphens}\n                    />\n                )}\n                {image?.small && (\n                    <MobileImageContainer isCentered={isCentered}>\n                        <Image\n                            {...image}\n                            coverSpace={coverSpace}\n                            allowEdgeRadius\n                            isInverted={isInverted}\n                        />\n                    </MobileImageContainer>\n                )}\n                {abstract && (\n                    <ContentBlock\n                        type=\"copy\"\n                        size=\"big\"\n                        textColor={colorMode === 'onImage' ? '#fff' : undefined}\n                        isInverted={isInverted}\n                        isCentered={isCentered}\n                        innerHTML={abstract}\n                        clamp={clampAbstract}\n                        maxLines={maxAbstractLines}\n                    />\n                )}\n                {text && (\n                    <ContentBlock\n                        type={textType}\n                        size={textSize}\n                        textColor={colorMode === 'onImage' ? '#fff' : undefined}\n                        isInverted={isInverted}\n                        isCentered={isCentered}\n                        innerHTML={text}\n                        clamp={clampText}\n                        maxLines={maxTextLines}\n                    />\n                )}\n                {(primaryAction || secondaryAction) && (\n                    <StyledActions\n                        primary={primaryAction && primaryAction(isInverted)}\n                        secondary={\n                            secondaryAction && secondaryAction(isInverted)\n                        }\n                    />\n                )}\n            </Content>\n\n            {image?.small && !isCentered && (\n                <DesktopImageContainer>\n                    <Image\n                        {...image}\n                        coverSpace={coverSpace}\n                        allowEdgeRadius\n                        isInverted={isInverted}\n                    />\n                </DesktopImageContainer>\n            )}\n        </View>\n    );\n};\n\nexport default IntroBlock;\n","import React, { FC, useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\n\nimport { useMediaQuery } from 'utils/useMediaQuery';\nimport Image from 'components/blocks/Image';\nimport { clampValue } from 'utils/clamp';\nimport { HeaderImage } from './Header';\n\nconst AnimationContainer = styled.div`\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n`;\n\nconst PosterImage = styled(Image)`\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    height: 100%;\n    width: 100%;\n\n    img {\n        height: 100%;\n    }\n`;\n\nconst AnimationImage = styled.img<{\n    scale?: number;\n    opacity?: number;\n    zoomPoint?: [number, number];\n}>`\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    transition-property: opacity, transform;\n    transition-duration: ${({ scale }) => `2s, ${scale === 1 ? '0s' : '13s'}`};\n    transition-delay: ${({ scale }) =>\n        `${scale === 1 ? '1s' : '0s'}, ${scale === 1 ? '3s' : '0s'}`};\n\n    opacity: ${({ opacity }) => opacity && opacity};\n    transform: scale(${({ scale }) => scale || 1})\n        rotate(${({ scale }) => (scale !== 1 ? 0.04 : 0)}deg);\n    transform-origin: ${({ zoomPoint }) =>\n        zoomPoint ? `${zoomPoint[0] * 100}% ${zoomPoint[1] * 100}%` : 'center'};\n\n    will-change: transform, opacity;\n`;\n\nconst AnimationImages: FC<{\n    zoom?: number;\n    zoomPoint?: [number, number];\n    images: KenBurnsImage[];\n    interval?: number;\n    onChange?: (imgId: number) => void;\n}> = ({\n    zoom = 1.08,\n    zoomPoint = [0.5, 0.5],\n    interval = 10000,\n    images,\n    onChange,\n}) => {\n    const intervalRef = useRef<number | null>();\n    const initialTimeoutRef = useRef<number | null>();\n    const [activeImg, setActiveImg] = useState<number>(-1);\n\n    useEffect(() => {\n        const changeImage = () => {\n            setActiveImg((prev) => {\n                return (prev + 1) % images.length;\n            });\n        };\n\n        // changeImage();\n        initialTimeoutRef.current = window.setTimeout(changeImage, 200);\n        if (intervalRef.current) window.clearInterval(intervalRef.current);\n        intervalRef.current = window.setInterval(changeImage, interval);\n\n        return () => {\n            if (initialTimeoutRef.current)\n                window.clearTimeout(initialTimeoutRef.current);\n            if (intervalRef.current) window.clearInterval(intervalRef.current);\n        };\n    }, [images, interval]);\n\n    useEffect(() => {\n        if (activeImg !== -1) onChange && onChange(activeImg);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [activeImg]);\n\n    return (\n        <React.Fragment>\n            {images.map((img, i) => {\n                let imgZoom = 1;\n                let imgZoomPoint = zoomPoint;\n\n                if (i === activeImg) {\n                    imgZoom = img.zoom !== undefined ? img.zoom : zoom;\n                }\n\n                if (img.zoomPoint) {\n                    imgZoomPoint = getValidZoomPoint(img.zoomPoint);\n                }\n\n                return (\n                    <AnimationImage\n                        key={i}\n                        style={{\n                            zIndex: i === activeImg ? 1 : 0,\n                        }}\n                        src={img.image}\n                        scale={imgZoom}\n                        opacity={i === activeImg ? 1 : 0}\n                        zoomPoint={imgZoomPoint}\n                        alt={img.alt || ''}\n                    />\n                );\n            })}\n        </React.Fragment>\n    );\n};\n\nconst preloadImages = (images: KenBurnsImage[]): Promise<KenBurnsImage>[] => {\n    const loadedImages: Promise<KenBurnsImage>[] = images.map((req) => {\n        return new Promise((resolve) => {\n            const img = new window.Image();\n            img.src = req.image;\n            img.onload = () => resolve(req);\n        });\n    });\n\n    return loadedImages;\n};\n\ntype KenBurnsMq = 'small' | 'medium' | 'large' | 'xlarge';\n\ninterface KenBurnsImage {\n    id: number | string;\n    image: string;\n    alt?: string;\n    zoom?: number;\n    zoomPoint?: [number, number];\n}\n\nconst getValidZoomPoint = (point: [number, number]) => {\n    return [clampValue(point[0], 0, 1), clampValue(point[1], 0, 1)] as [\n        number,\n        number\n    ];\n};\n\nconst HeaderKenBurns: React.FC<{\n    images: HeaderImage[];\n    zoom?: number;\n    zoomPoint?: [number, number];\n    interval?: number;\n    onImageChange?: (currentImg: HeaderImage) => void;\n    className?: string;\n    children?: React.ReactNode;\n}> = ({\n    images,\n    zoom = 1.08,\n    zoomPoint = [0.5, 0.5],\n    interval = 10000,\n    onImageChange,\n    className,\n    children,\n}) => {\n    const mqs: KenBurnsMq[] = ['small', 'medium', 'large', 'xlarge'];\n    const currentMq = useMediaQuery(mqs) as KenBurnsMq | undefined;\n\n    const [loadedImages, setLoadedImages] = useState<{\n        [key: string]: KenBurnsImage[];\n    }>({\n        small: [],\n        medium: [],\n        large: [],\n        xlarge: [],\n    });\n\n    useEffect(() => {\n        if (currentMq) {\n            const loadedForMq = loadedImages[currentMq];\n\n            if (loadedForMq.length < images.length && images.length >= 2) {\n                const requestedImages: KenBurnsImage[] = images.map(\n                    (img, i) => ({\n                        id: i,\n                        image: img[currentMq] as string,\n                        zoom: img.zoom || zoom,\n                        zoomPoint: img.zoomPoint || zoomPoint,\n                        alt: img.alt,\n                    })\n                );\n\n                const resolve = async (\n                    imagePromises: Promise<KenBurnsImage>[]\n                ) => {\n                    for (const promise of imagePromises) {\n                        const loadedImg = await promise;\n\n                        setLoadedImages((prev) => {\n                            // check if image id already exists in array\n                            if (\n                                !prev[currentMq].find(\n                                    (e) => e.id === loadedImg.id\n                                )\n                            ) {\n                                return {\n                                    ...prev,\n                                    [currentMq]: [\n                                        ...prev[currentMq],\n                                        loadedImg,\n                                    ],\n                                };\n                            } else return prev;\n                        });\n                    }\n                };\n\n                resolve(preloadImages(requestedImages));\n            }\n        }\n    }, [currentMq, images, loadedImages, zoom, zoomPoint]);\n\n    return (\n        <AnimationContainer className={className}>\n            <PosterImage {...images[0]} coverSpace ratios={undefined} />\n            {currentMq && loadedImages[currentMq].length >= images.length && (\n                <AnimationImages\n                    zoom={zoom}\n                    zoomPoint={getValidZoomPoint(zoomPoint)}\n                    interval={interval}\n                    images={loadedImages[currentMq]}\n                    onChange={(id) =>\n                        images[id] && onImageChange && onImageChange(images[id])\n                    }\n                />\n            )}\n            {children}\n        </AnimationContainer>\n    );\n};\n\nexport default HeaderKenBurns;\n","import React from 'react';\nimport styled from 'styled-components';\n\nimport Image, { ImageProps } from 'components/blocks/Image';\nimport { HeaderFocus } from './Header';\n\nconst PosterView = styled.div`\n    position: relative;\n    width: 100%;\n    height: 100%;\n`;\n\nconst BgImage = styled(Image)<{ focus?: HeaderFocus }>`\n    height: 100%;\n\n    img {\n        height: 100%;\n        object-position: ${({ focus }) =>\n            `${focus?.[0] || 'center'} ${focus?.[1] || 'center'}`};\n    }\n`;\n\nconst HeaderPoster: React.FC<{\n    isInverted?: boolean;\n    bgImage?: Omit<ImageProps, 'ratios' | 'coverSpace'>;\n    focus?: HeaderFocus;\n    className?: string;\n    children?: React.ReactNode;\n}> = ({ isInverted, bgImage, focus, className, children }) => {\n    return (\n        <PosterView className={className}>\n            {bgImage && (\n                <BgImage\n                    {...bgImage}\n                    coverSpace\n                    ratios={undefined}\n                    isInverted={isInverted}\n                    focus={focus}\n                />\n            )}\n            {children}\n        </PosterView>\n    );\n};\n\nexport default HeaderPoster;\n","import React, { useRef } from 'react';\nimport styled from 'styled-components';\n\nimport { useState, useEffect } from 'react';\nimport Image from 'components/blocks/Image';\nimport { useMediaQuery } from 'utils/useMediaQuery';\nimport { HeaderFocus, HeaderImage } from './Header';\nimport { mq, spacings } from 'utils/styles';\nimport { useObserverSupport } from 'utils/useObserverSupport';\nimport useUpdateEffect from 'utils/useUpdateEffect';\n\nconst PosterView = styled.div`\n    position: relative;\n    width: 100%;\n    height: 100%;\n`;\n\nconst PlaceholderImg = styled(Image)<{ focus?: HeaderFocus }>`\n    position: relative;\n    height: 100%;\n\n    img {\n        object-position: ${({ focus }) =>\n            `${focus?.[0] || 'center'} ${focus?.[1] || 'center'}`};\n\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        height: 100%;\n        z-index: 0;\n    }\n\n    margin: 0 auto;\n\n    @media ${mq.medium} {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        padding: ${spacings.spacer * 2}px;\n        z-index: 2;\n\n        & > * {\n            margin-top: ${spacings.spacer}px;\n            max-width: 880px;\n        }\n    }\n`;\n\nconst AutoplayVideo = styled.video<{\n    isVisible?: boolean;\n    focus?: HeaderFocus;\n}>`\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    object-fit: cover;\n    object-position: ${({ focus }) =>\n        `${focus?.[0] || 'center'} ${focus?.[1] || 'center'}`};\n    opacity: ${({ isVisible }) => (isVisible ? 1 : 0)};\n    pointer-events: none;\n    z-index: 1;\n\n    transition: opacity 0.3s ease-in-out;\n`;\n\ntype HeaderVideoMq = 'small' | 'medium' | 'semilarge' | 'large' | 'xlarge';\n\nconst HeaderVideo: React.FC<{\n    isInverted?: boolean;\n    loadOnMobile?: boolean;\n    placeholderImg?: HeaderImage;\n    focus?: HeaderFocus;\n    videoUrl?: string;\n    className?: string;\n    children?: React.ReactNode;\n}> = ({\n    isInverted,\n    loadOnMobile = true,\n    placeholderImg,\n    focus,\n    videoUrl,\n    className,\n    children,\n}) => {\n    const videoRef = useRef<HTMLVideoElement | null>(null);\n    const viewRef = useRef<HTMLDivElement | null>(null);\n    const [isLoaded, setLoaded] = useState<boolean>(\n        !placeholderImg?.small || false\n    );\n    const isObserverSupported = useObserverSupport();\n    const currentMq = useMediaQuery([\n        'small',\n        'medium',\n        'semilarge',\n        'large',\n        'xlarge',\n    ]) as HeaderVideoMq | undefined;\n\n    const isMobile = currentMq === undefined || currentMq === 'small';\n    const isVideoAllowed = loadOnMobile || !isMobile;\n\n    const [isVideoActive, setVideoActive] = useState<boolean>(false);\n\n    useEffect(() => {\n        if (!isVideoAllowed) setLoaded(false);\n    }, [isMobile, isVideoAllowed, loadOnMobile]);\n\n    useEffect(() => {\n        if (!videoRef.current) return;\n\n        if (videoRef.current.readyState > 3) {\n            setLoaded(true);\n        }\n    }, []);\n\n    useUpdateEffect(() => {\n        if (!isVideoAllowed || !videoUrl || !viewRef.current) return;\n        if (!isObserverSupported) {\n            setVideoActive(true);\n            return;\n        }\n\n        const observer = new IntersectionObserver(\n            (entries, observer) => {\n                const [entry] = entries;\n\n                if (entry.isIntersecting) {\n                    observer.unobserve(entry.target);\n                    setVideoActive(true);\n                }\n            },\n            {\n                rootMargin: '200px 0px 200px 0px',\n            }\n        );\n\n        const viewEl = viewRef.current;\n        observer.observe(viewEl);\n\n        return () => {\n            if (viewEl) observer.unobserve(viewEl);\n        };\n    }, [isObserverSupported, isVideoAllowed]);\n\n    return (\n        <PosterView ref={viewRef} className={className}>\n            {placeholderImg?.small && !isLoaded && (\n                <PlaceholderImg\n                    {...placeholderImg}\n                    coverSpace\n                    ratios={undefined}\n                    isInverted={isInverted}\n                    focus={focus}\n                />\n            )}\n            {videoUrl && isVideoAllowed && (\n                <AutoplayVideo\n                    ref={videoRef}\n                    isVisible={isLoaded}\n                    src={isVideoActive ? videoUrl : undefined}\n                    muted\n                    autoPlay\n                    loop\n                    playsInline\n                    onCanPlayThrough={() => {\n                        setLoaded(true);\n                    }}\n                    focus={focus}\n                />\n            )}\n            {children}\n        </PosterView>\n    );\n};\n\nexport default HeaderVideo;\n","import React, {\n    forwardRef,\n    useEffect,\n    useImperativeHandle,\n    useRef,\n} from 'react';\nimport styled, { css } from 'styled-components';\nimport { getGlobals as global, mq } from 'utils/styles';\n\nconst AspectContainer = styled.div<{\n    ratios?: VideoAspectRatios;\n    isInverted?: boolean;\n}>`\n    position: relative;\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n    overflow: hidden;\n\n    aspect-ratio: ${({ ratios }) => ratios?.small};\n    width: ${({ ratios }) => ratios?.small && '100%'};\n    max-width: 100%;\n\n    background: ${({ theme, isInverted }) =>\n        isInverted\n            ? global(theme).sections.imagePlaceholderBg.inverted\n            : global(theme).sections.imagePlaceholderBg.default};\n    object-position: center;\n\n    @supports not (aspect-ratio: auto) {\n        height: ${({ ratios }) => ratios?.small && 0};\n        padding-top: ${({ ratios }) =>\n            ratios?.small && `calc(100% / ${ratios?.small})`};\n    }\n\n    @media ${mq.medium} {\n        aspect-ratio: ${({ ratios }) => ratios?.medium};\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ${({ ratios }) =>\n                ratios?.medium && `calc(100% / ${ratios?.medium})`};\n        }\n    }\n\n    @media ${mq.semilarge} {\n        aspect-ratio: ${({ ratios }) => ratios?.semilarge};\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ${({ ratios }) =>\n                ratios?.semilarge && `calc(100% / ${ratios?.semilarge})`};\n        }\n    }\n\n    @media ${mq.large} {\n        aspect-ratio: ${({ ratios }) => ratios?.large};\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ${({ ratios }) =>\n                ratios?.large && `calc(100% / ${ratios?.large})`};\n        }\n    }\n\n    @media ${mq.xlarge} {\n        aspect-ratio: ${({ ratios }) => ratios?.xlarge};\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ${({ ratios }) =>\n                ratios?.xlarge && `calc(100% / ${ratios?.xlarge})`};\n        }\n    }\n\n    ${({ ratios }) =>\n        ratios &&\n        css`\n            video {\n                height: 100%;\n                width: 100%;\n                object-fit: cover;\n\n                @supports not (aspect-ratio: auto) {\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                }\n            }\n        `}\n`;\n\nconst Video = styled.video`\n    display: block;\n`;\n\nexport interface VideoAspectRatios {\n    small: number;\n    medium?: number;\n    semilarge?: number;\n    large?: number;\n    xlarge?: number;\n}\n\nexport interface VideoProps {\n    urls?: string[];\n    ratios?: VideoAspectRatios;\n    isInverted?: boolean;\n\n    muted?: boolean;\n    autoPlay?: boolean;\n    loop?: boolean;\n    controls?: boolean;\n    playsInline?: boolean;\n    onCanPlayThrough?: () => void;\n}\n\nconst VideoBlock = forwardRef<\n    HTMLVideoElement,\n    VideoProps & { className?: string }\n>(\n    (\n        {\n            urls,\n            ratios,\n            isInverted,\n            muted = false,\n            autoPlay = false,\n            loop = false,\n            controls = false,\n            playsInline = true,\n            onCanPlayThrough,\n            className,\n        },\n        ref\n    ) => {\n        const videoRef = useRef<HTMLVideoElement | null>(null);\n\n        useImperativeHandle<HTMLVideoElement | null, HTMLVideoElement | null>(\n            ref,\n            () => videoRef.current\n        );\n\n        useEffect(() => {\n            if (videoRef.current && videoRef.current.readyState > 3) {\n                onCanPlayThrough?.();\n            }\n        }, [onCanPlayThrough]);\n\n        return (\n            <AspectContainer\n                ratios={ratios}\n                isInverted={isInverted}\n                className={className}\n            >\n                <Video\n                    ref={videoRef}\n                    muted={muted}\n                    autoPlay={autoPlay}\n                    loop={loop}\n                    controls={controls}\n                    onCanPlayThrough={onCanPlayThrough}\n                    playsInline={playsInline}\n                >\n                    {urls?.map((url, i) => (\n                        <source src={url} key={i} />\n                    ))}\n                </Video>\n            </AspectContainer>\n        );\n    }\n);\n\nVideoBlock.displayName = 'VideoBlock';\n\nexport default VideoBlock;\n"],"names":["View","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","isCentered","mq","semilarge","spacings","spacer","Content","templateObject_2","StyledTitle","Title","templateObject_3","clamp","ContentBlock","Copy","templateObject_5","maxLines","css","nudge","StyledActions","Actions","medium","MobileImageContainer","templateObject_7","DesktopImageContainer","templateObject_8","AnimationContainer","PosterImage","Image","AnimationImage","img","scale","concat","opacity","zoomPoint","AnimationImages","_b","zoom","_c","_d","interval","images","onChange","intervalRef","useRef","initialTimeoutRef","_e","useState","activeImg","setActiveImg","useEffect","changeImage","prev","length","current","window","setTimeout","clearInterval","setInterval","clearTimeout","React","createElement","Fragment","map","i","imgZoom","imgZoomPoint","undefined","getValidZoomPoint","key","style","zIndex","src","image","alt","point","clampValue","PosterView","BgImage","focus","PlaceholderImg","AutoplayVideo","video","isVisible","AspectContainer","theme","global","sections","edgeRadius","ratios","small","isInverted","getGlobals","imagePlaceholderBg","inverted","default","large","xlarge","Video","VideoBlock","forwardRef","ref","urls","muted","autoPlay","loop","controls","_f","playsInline","onCanPlayThrough","className","videoRef","useImperativeHandle","readyState","url","onImageChange","children","currentMq","useMediaQuery","loadedImages","setLoadedImages","imagePromises","requestedImages","id","req","Promise","resolve","onload","preloadImages","__awaiter","promise","loadedImg","sent","find","e","__assign","_i","imagePromises_1","coverSpace","bgImage","loadOnMobile","placeholderImg","videoUrl","viewRef","isLoaded","setLoaded","isObserverSupported","useObserverSupport","isMobile","isVideoAllowed","isVideoActive","setVideoActive","useUpdateEffect","observer","IntersectionObserver","entries","entry","isIntersecting","unobserve","target","rootMargin","viewEl","observe","renderAs","colorMode","title","titleAs","titleSize","superTitle","superTitleAs","abstract","text","textType","textSize","primaryAction","secondaryAction","_g","_h","clampTitle","_j","clampAbstract","maxTitleLines","maxAbstractLines","_k","clampText","maxTextLines","titleHyphens","as","allowEdgeRadius","type","size","textColor","innerHTML","primary","secondary"],"mappings":"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"}

package/cjs/VideoCard-405b518a.js

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

package/cjs/VideoCard-405b518a.js.map

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

package/cjs/Wrapper-91748bdb.js

@@ -0,0 +1,2 @@
+"use strict";var n=require("./ClockFilled-2483aa4a.js"),t=require("react"),e=require("styled-components"),a=require("./concat-f387d848.js"),r=require("./styles-0f1a0aea.js");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function o(n){if(n&&n.__esModule)return n;var t=Object.create(null);return n&&Object.keys(n).forEach((function(e){if("default"!==e){var a=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(t,e,a.get?a:{enumerable:!0,get:function(){return n[e]}})}})),t.default=n,Object.freeze(t)}var d=i(t),g=o(t),l=i(e),c=l.default.section.withConfig({displayName:"Section__View",componentId:"sc-14g80mr-0"})(m||(m=n.__makeTemplateObject(["\n    position: relative;\n    overflow: ",";\n\n    // section paddings\n    ","\n\n    // section margins\n    ","\n"],["\n    position: relative;\n    overflow: ",";\n\n    // section paddings\n    ","\n\n    // section margins\n    ","\n"])),(function(n){return"div"===n.as?"visible":"hidden"}),(function(t){var a=t.addSeperation,i=t.isStackable,o=t.bgIdent,d=t.theme,g=r.getGlobals(d).sections.seperation.padding.default,l=r.getGlobals(d).sections.seperation.padding.stackable,c=r.getGlobals(d).sections.seperation.forcePadding;return a?e.css(u||(u=n.__makeTemplateObject(["\n                ","\n                ","\n\n                section[data-stack-ident='true'] + & {\n                    ",";\n                }\n\n                section[data-bg-ident='","']\n                    + &[data-bg-ident='","'] {\n                    padding-top: ",";\n\n                    @media "," {\n                        padding-top: ",";\n                    }\n                }\n            "],["\n                ","\n                ","\n\n                section[data-stack-ident='true'] + & {\n                    ",";\n                }\n\n                section[data-bg-ident='","']\n                    + &[data-bg-ident='","'] {\n                    padding-top: ",";\n\n                    @media "," {\n                        padding-top: ",";\n                    }\n                }\n            "])),r.withRange(g,"padding-top"),r.withRange(i?l:g,"padding-bottom"),r.withRange(l,"padding-top"),o,o,c?void 0:"0 !important",r.mq.xxlarge,c?void 0:"0 !important"):""}),(function(t){var a=t.addSeperation,i=t.isStackable,o=t.bgIdent,d=t.bgColor,g=t.theme,l=r.getGlobals(g).sections.seperation.margin.default,c=r.getGlobals(g).sections.seperation.margin.stackable,s=d?"__".concat(d):"";return a?e.css(b||(b=n.__makeTemplateObject(["\n                *:not([data-bg-ident='light'])\n                    + &[data-bg-ident='larger-left","'] {\n                    ",";\n                }\n\n                *:not([data-bg-ident='light'])\n                    + &[data-bg-ident='larger-right","'] {\n                    ",";\n                }\n\n                section[data-bg-ident='larger-left","']\n                    + &:not([data-bg-ident='light']) {\n                    ",";\n                }\n\n                section[data-bg-ident='larger-right","']\n                    + &:not([data-bg-ident='light']) {\n                    ",";\n                }\n\n                section[data-bg-ident='","']\n                    + &[data-bg-ident='","'] {\n                    margin-top: 0 !important;\n\n                    @media "," {\n                        margin-top: 0 !important;\n                    }\n                }\n            "],["\n                *:not([data-bg-ident='light'])\n                    + &[data-bg-ident='larger-left","'] {\n                    ",";\n                }\n\n                *:not([data-bg-ident='light'])\n                    + &[data-bg-ident='larger-right","'] {\n                    ",";\n                }\n\n                section[data-bg-ident='larger-left","']\n                    + &:not([data-bg-ident='light']) {\n                    ",";\n                }\n\n                section[data-bg-ident='larger-right","']\n                    + &:not([data-bg-ident='light']) {\n                    ",";\n                }\n\n                section[data-bg-ident='","']\n                    + &[data-bg-ident='","'] {\n                    margin-top: 0 !important;\n\n                    @media "," {\n                        margin-top: 0 !important;\n                    }\n                }\n            "])),s,r.withRange(l,"margin-top"),s,r.withRange(l,"margin-top"),s,r.withRange(i?c:l,"margin-top"),s,r.withRange(i?c:l,"margin-top"),o,o,r.mq.xxlarge):""})),s=l.default.div.withConfig({displayName:"Section__Back",componentId:"sc-14g80mr-1"})(f||(f=n.__makeTemplateObject(["\n    display: ",";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    max-width: ",";\n    background: ",";\n    margin: 0 auto;\n    z-index: -1;\n\n    @media "," {\n        background: ",";\n    }\n\n    @media "," {\n        :before {\n            content: ",";\n            position: absolute;\n            top: 0;\n            left: 0;\n            bottom: 0;\n            width: ","px;\n            background-color: ",";\n            transform: translateX(-100%);\n        }\n        :after {\n            content: ",";\n            position: absolute;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            width: ","px;\n            background-color: ",";\n            transform: translateX(100%);\n        }\n    }\n"],["\n    display: ",";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    max-width: ",";\n    background: ",";\n    margin: 0 auto;\n    z-index: -1;\n\n    @media "," {\n        background: ",";\n    }\n\n    @media "," {\n        :before {\n            content: ",";\n            position: absolute;\n            top: 0;\n            left: 0;\n            bottom: 0;\n            width: ","px;\n            background-color: ",";\n            transform: translateX(-100%);\n        }\n        :after {\n            content: ",";\n            position: absolute;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            width: ","px;\n            background-color: ",";\n            transform: translateX(100%);\n        }\n    }\n"])),(function(n){return n.bgColor?"block":"none"}),(function(n){var t=n.bgMode,e=n.clampSolidBg;return"larger-left"!==t&&"larger-right"!==t?e?"".concat(r.spacings.wrapperLarge,"px"):void 0:"".concat(r.spacings.wrapper,"px")}),(function(n){return n.bgColor||void 0}),r.mq.semilarge,(function(n){var t=n.bgColor,e=n.bgMode;return t&&e?function(n,t){var e=void 0;switch(t){case"full":case"inverted":default:e=n;break;case"larger-left":e="linear-gradient(to left, transparent 40%, ".concat(n," 40%)");break;case"larger-right":e="linear-gradient(to right, transparent 40%, ".concat(n," 40%)")}return e}(t,e):void 0}),r.mq.xlarge,(function(n){return"larger-left"===n.bgMode?'""':void 0}),(r.spacings.wrapperLarge-r.spacings.wrapper)/2,(function(n){var t=n.bgColor;return t&&t}),(function(n){return"larger-right"===n.bgMode?'""':void 0}),(r.spacings.wrapperLarge-r.spacings.wrapper)/2,(function(n){var t=n.bgColor;return t&&t})),p=t.forwardRef((function(n,t){var e=n.anchorId,r=n.renderAs,i=n.bgColor,o=n.bgMode,g=n.clampSolidBg,l=void 0===g||g,p=n.addSeperation,u=void 0!==p&&p,b=n.isStackable,m=void 0!==b&&b,f=n.className,h=n.children;switch(o){case"larger-left":o="larger-left";break;case"larger-right":o="larger-right";break;case"inverted":o="inverted";break;case"full":o="full";break;default:o=void 0}var v=u?"":"nopad",w=i&&o?a.concat(["".concat(o,"__").concat(i),v],"--"):"light";return d.default.createElement(c,{ref:t,id:e||void 0,as:r,"data-bg-ident":w,bgIdent:w,bgColor:i||"",addSeperation:!(r&&(!r||"div"===r))&&u,isStackable:m,"data-stack-ident":m?"true":"false",className:f},i&&d.default.createElement(s,{bgColor:i,bgMode:o,clampSolidBg:l}),h)}));p.displayName="Section";var u,b,m,f,h,v=2*r.spacings.nudge,w=l.default.div.withConfig({displayName:"Wrapper__View",componentId:"sc-1ll038z-0"})(h||(h=n.__makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    max-width: ",";\n    margin-left: auto;\n    margin-right: auto;\n    padding: 0\n        ","px;\n"],["\n    position: relative;\n    width: 100%;\n    max-width: ",";\n    margin-left: auto;\n    margin-right: auto;\n    padding: 0\n        ","px;\n"])),(function(n){switch(n.clampWidth){case"large":return"".concat(r.spacings.wrapperLarge,"px");case"small":return"".concat(r.spacings.wrapperSmall,"px");default:return"".concat(r.spacings.wrapper,"px")}}),(function(n){return n.addWhitespace?v:0}));exports.Section=p,exports.Wrapper=function(n){var t=n.addWhitespace,e=void 0!==t&&t,a=n.clampWidth,r=void 0===a?"normal":a,i=n.className,o=n.children;return g.createElement(w,{className:i,addWhitespace:e,clampWidth:r},o)},exports.mapToBgMode=function(n,t,e){switch(void 0===t&&(t=!1),void 0===e&&(e=!1),n){case"full":return"full";case"inverted":return"inverted";case"splitted":return t?void 0:e?"larger-left":"larger-right";default:return}},exports.wrapperWhitespace=v;
+//# sourceMappingURL=Wrapper-91748bdb.js.map

package/cjs/Wrapper-91748bdb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wrapper-91748bdb.js","sources":["../src/components/base/Section.tsx","../src/components/base/Wrapper.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\nimport { concat } from 'utils/concat';\nimport { mq, spacings, withRange, getGlobals as global } from 'utils/styles';\n\nexport type BgMode = 'full' | 'larger-left' | 'larger-right' | 'inverted';\n\nconst getBackground = (bgColor: string, mode?: BgMode) => {\n    let bgValue = undefined;\n\n    switch (mode) {\n        case 'full':\n            bgValue = bgColor;\n            break;\n\n        case 'inverted':\n            bgValue = bgColor;\n            break;\n\n        case 'larger-left':\n            bgValue = `linear-gradient(to left, transparent 40%, ${bgColor} 40%)`;\n            break;\n\n        case 'larger-right':\n            bgValue = `linear-gradient(to right, transparent 40%, ${bgColor} 40%)`;\n            break;\n\n        default:\n            bgValue = bgColor;\n            break;\n    }\n    return bgValue;\n};\n\nconst View = styled.section<{\n    as?: SectionType;\n    bgIdent: string;\n    bgColor: string;\n    isStackable?: boolean;\n    addSeperation?: boolean;\n}>`\n    position: relative;\n    overflow: ${({ as }) => (as === 'div' ? 'visible' : 'hidden')};\n\n    // section paddings\n    ${({ addSeperation, isStackable, bgIdent, theme }) => {\n        const padding = global(theme).sections.seperation.padding.default;\n        const paddingStacked =\n            global(theme).sections.seperation.padding.stackable;\n        const forcePadding = global(theme).sections.seperation.forcePadding;\n\n        if (addSeperation) {\n            return css`\n                ${withRange(padding, 'padding-top')}\n                ${withRange(\n                    isStackable ? paddingStacked : padding,\n                    'padding-bottom'\n                )}\n\n                section[data-stack-ident='true'] + & {\n                    ${withRange(paddingStacked, 'padding-top')};\n                }\n\n                section[data-bg-ident='${bgIdent}']\n                    + &[data-bg-ident='${bgIdent}'] {\n                    padding-top: ${forcePadding ? undefined : '0 !important'};\n\n                    @media ${mq.xxlarge} {\n                        padding-top: ${forcePadding\n                            ? undefined\n                            : '0 !important'};\n                    }\n                }\n            `;\n        } else return '';\n    }}\n\n    // section margins\n    ${({ addSeperation, isStackable, bgIdent, bgColor, theme }) => {\n        const margin = global(theme).sections.seperation.margin.default;\n        const marginStacked =\n            global(theme).sections.seperation.margin.stackable;\n\n        const bgColorPart = bgColor ? `__${bgColor}` : '';\n\n        if (addSeperation) {\n            return css`\n                *:not([data-bg-ident='light'])\n                    + &[data-bg-ident='larger-left${bgColorPart}'] {\n                    ${withRange(margin, 'margin-top')};\n                }\n\n                *:not([data-bg-ident='light'])\n                    + &[data-bg-ident='larger-right${bgColorPart}'] {\n                    ${withRange(margin, 'margin-top')};\n                }\n\n                section[data-bg-ident='larger-left${bgColorPart}']\n                    + &:not([data-bg-ident='light']) {\n                    ${withRange(\n                        isStackable ? marginStacked : margin,\n                        'margin-top'\n                    )};\n                }\n\n                section[data-bg-ident='larger-right${bgColorPart}']\n                    + &:not([data-bg-ident='light']) {\n                    ${withRange(\n                        isStackable ? marginStacked : margin,\n                        'margin-top'\n                    )};\n                }\n\n                section[data-bg-ident='${bgIdent}']\n                    + &[data-bg-ident='${bgIdent}'] {\n                    margin-top: 0 !important;\n\n                    @media ${mq.xxlarge} {\n                        margin-top: 0 !important;\n                    }\n                }\n            `;\n        } else return '';\n    }}\n`;\n\nconst Back = styled.div<{\n    bgColor?: string;\n    bgMode?: BgMode;\n    clampSolidBg?: boolean;\n}>`\n    display: ${({ bgColor }) => (bgColor ? 'block' : 'none')};\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    max-width: ${({ bgMode, clampSolidBg }) => {\n        if (bgMode !== 'larger-left' && bgMode !== 'larger-right') {\n            return clampSolidBg ? `${spacings.wrapperLarge}px` : undefined;\n        } else {\n            return `${spacings.wrapper}px`;\n        }\n    }};\n    background: ${({ bgColor }) => bgColor || undefined};\n    margin: 0 auto;\n    z-index: -1;\n\n    @media ${mq.semilarge} {\n        background: ${({ bgColor, bgMode }) =>\n            bgColor && bgMode ? getBackground(bgColor, bgMode) : undefined};\n    }\n\n    @media ${mq.xlarge} {\n        :before {\n            content: ${({ bgMode }) =>\n                bgMode === 'larger-left' ? `\"\"` : undefined};\n            position: absolute;\n            top: 0;\n            left: 0;\n            bottom: 0;\n            width: ${(spacings.wrapperLarge - spacings.wrapper) / 2}px;\n            background-color: ${({ bgColor }) => bgColor && bgColor};\n            transform: translateX(-100%);\n        }\n        :after {\n            content: ${({ bgMode }) =>\n                bgMode === 'larger-right' ? `\"\"` : undefined};\n            position: absolute;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            width: ${(spacings.wrapperLarge - spacings.wrapper) / 2}px;\n            background-color: ${({ bgColor }) => bgColor && bgColor};\n            transform: translateX(100%);\n        }\n    }\n`;\n\nexport type SectionType = 'header' | 'footer' | 'div';\n\nexport interface SectionProps {\n    /** ID value for targeting section with anchor hashes */\n    anchorId?: string;\n\n    /** Render as specific HTML tag type */\n    renderAs?: SectionType;\n\n    /** Background color */\n    bgColor?: string;\n\n    /** Background mode */\n    bgMode?: BgMode;\n\n    /** Clamp solid backgrounds (full, inverted) to large wrapper width */\n    clampSolidBg?: boolean;\n\n    /** Enable section seperation spacing */\n    addSeperation?: boolean;\n\n    /** Allow stack feature for reduced section spacing to following section */\n    isStackable?: boolean;\n}\n\nconst Section = forwardRef<\n    HTMLElement,\n    SectionProps & {\n        className?: string;\n        children?: React.ReactNode;\n    }\n>(\n    (\n        {\n            anchorId,\n            renderAs,\n            bgColor,\n            bgMode,\n            clampSolidBg = true,\n            addSeperation = false,\n            isStackable = false,\n            className,\n            children,\n        },\n        ref\n    ) => {\n        switch (bgMode) {\n            case 'larger-left':\n                bgMode = 'larger-left';\n                break;\n            case 'larger-right':\n                bgMode = 'larger-right';\n                break;\n            case 'inverted':\n                bgMode = 'inverted';\n                break;\n            case 'full':\n                bgMode = 'full';\n                break;\n            default:\n                bgMode = undefined;\n        }\n\n        const noPadIdent = addSeperation ? '' : 'nopad';\n        const ident =\n            bgColor && bgMode\n                ? concat([`${bgMode}__${bgColor}`, noPadIdent], '--')\n                : 'light';\n\n        return (\n            <View\n                ref={ref}\n                id={anchorId || undefined}\n                as={renderAs}\n                data-bg-ident={ident}\n                bgIdent={ident}\n                bgColor={bgColor || ''}\n                addSeperation={\n                    !renderAs || (renderAs && renderAs !== 'div')\n                        ? addSeperation\n                        : false\n                }\n                isStackable={isStackable}\n                data-stack-ident={isStackable ? 'true' : 'false'}\n                className={className}\n            >\n                {bgColor && (\n                    <Back\n                        bgColor={bgColor}\n                        bgMode={bgMode}\n                        clampSolidBg={clampSolidBg}\n                    />\n                )}\n                {children}\n            </View>\n        );\n    }\n);\n\nSection.displayName = 'Section';\n\nexport default Section;\n\nexport const mapToBgMode = (\n    mode?: 'full' | 'splitted' | 'inverted',\n    preventSplit = false,\n    isMirrored = false\n): BgMode | undefined => {\n    switch (mode) {\n        case 'full':\n            return 'full';\n        case 'inverted':\n            return 'inverted';\n        case 'splitted': {\n            if (!preventSplit)\n                return isMirrored ? 'larger-left' : 'larger-right';\n            else return undefined;\n        }\n\n        default:\n            return undefined;\n    }\n};\n","import * as React from 'react';\nimport styled from 'styled-components';\n\nimport { spacings } from 'utils/styles';\n\nexport type ClampWidthType = 'small' | 'normal' | 'large';\n\nexport const wrapperWhitespace = spacings.nudge * 2;\n\nconst View = styled.div<{\n    clampWidth?: ClampWidthType;\n    addWhitespace?: boolean;\n}>`\n    position: relative;\n    width: 100%;\n    max-width: ${({ clampWidth }) => {\n        switch (clampWidth) {\n            case 'large':\n                return `${spacings.wrapperLarge}px`;\n\n            case 'small':\n                return `${spacings.wrapperSmall}px`;\n\n            default:\n            case 'normal':\n                return `${spacings.wrapper}px`;\n        }\n    }};\n    margin-left: auto;\n    margin-right: auto;\n    padding: 0\n        ${({ addWhitespace }) => (addWhitespace ? wrapperWhitespace : 0)}px;\n`;\n\nconst Wrapper: React.FC<{\n    addWhitespace?: boolean;\n    clampWidth?: ClampWidthType;\n    className?: string;\n    children?: React.ReactNode;\n}> = ({\n    addWhitespace = false,\n    clampWidth = 'normal',\n    className,\n    children,\n}) => {\n    return (\n        <View\n            className={className}\n            addWhitespace={addWhitespace}\n            clampWidth={clampWidth}\n        >\n            {children}\n        </View>\n    );\n};\n\nexport default Wrapper;\n"],"names":["View","styled","section","withConfig","displayName","componentId","templateObject_3","__makeTemplateObject","_a","as","addSeperation","isStackable","bgIdent","theme","padding","global","sections","seperation","default","paddingStacked","stackable","forcePadding","css","templateObject_1","withRange","undefined","mq","xxlarge","bgColor","margin","marginStacked","bgColorPart","concat","templateObject_2","Back","div","templateObject_4","bgMode","clampSolidBg","spacings","wrapperLarge","wrapper","semilarge","mode","bgValue","getBackground","xlarge","Section","forwardRef","ref","anchorId","renderAs","_b","_c","_d","className","children","noPadIdent","ident","React","createElement","id","wrapperWhitespace","nudge","clampWidth","wrapperSmall","addWhitespace","preventSplit","isMirrored"],"mappings":"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"}

package/cjs/base.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Wrapper-3b9c9e89.js");require("./ClockFilled-2483aa4a.js"),require("react"),require("styled-components"),require("./clamp-bd21d587.js"),require("./styles-0f1a0aea.js"),require("react-dom/server"),require("./concat-f387d848.js"),require("./arrays-c272ed59.js"),exports.Grid=e.Grid,exports.Section=e.Section,exports.Wrapper=e.Wrapper,exports.getGridWidth=e.getGridWidth,exports.gridSettings=e.gridSettings,exports.mapToBgMode=e.mapToBgMode,exports.wrapperWhitespace=e.wrapperWhitespace;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Grid-39b12e21.js"),r=require("./Wrapper-91748bdb.js");require("./ClockFilled-2483aa4a.js"),require("react"),require("styled-components"),require("./clamp-bd21d587.js"),require("./styles-0f1a0aea.js"),require("react-dom/server"),require("./concat-f387d848.js"),require("./arrays-c272ed59.js"),exports.Grid=e.Grid,exports.getGridWidth=e.getGridWidth,exports.gridSettings=e.gridSettings,exports.Section=r.Section,exports.Wrapper=r.Wrapper,exports.mapToBgMode=r.mapToBgMode,exports.wrapperWhitespace=r.wrapperWhitespace;
 //# sourceMappingURL=base.js.map

package/cjs/blocks.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Bdot-760e0e3a.js"),r=require("./Actions-487104b2.js"),s=require("./SocialList-79ddf9d6.js");require("./ClockFilled-2483aa4a.js"),require("react"),require("styled-components"),require("./styles-0f1a0aea.js"),require("react-dom/server"),require("./Copy-e860efe7.js"),require("./clamp-bd21d587.js"),require("./LibThemeProvider-fb99fd6d.js"),require("./Link-70143bb7.js"),require("./arrays-c272ed59.js"),require("./useMediaQuery-d4f81f88.js"),require("./useObserverSupport-5ab320dd.js"),require("./useUpdateEffect-4d233e2c.js"),exports.Bdot=e.Bdot,exports.EventBlock=e.EventBlock,exports.HeaderKenBurns=e.HeaderKenBurns,exports.HeaderPoster=e.HeaderPoster,exports.HeaderVideo=e.HeaderVideo,exports.InfoList=e.InfoList,exports.IntroBlock=e.IntroBlock,exports.POICard=e.POICard,exports.POIFacts=e.POIFacts,exports.TableBlock=e.TableBlock,exports.Tag=e.Tag,exports.Title=e.Title,exports.VideoBlock=e.VideoBlock,exports.Actions=r.Actions,exports.Image=s.Image,exports.LanguageSwitcher=s.LanguageSwitcher,exports.SocialList=s.SocialList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./TableBlock-a5b16e8f.js"),r=require("./Actions-6dd616e0.js"),s=require("./Bdot-d898ba3b.js"),o=require("./VideoBlock-301997a9.js"),t=require("./Image-d9681be0.js"),i=require("./LanguageSwitcher-47e25e95.js"),a=require("./EventBlock-10b9d78d.js"),d=require("./Tag-5c72cc0d.js"),u=require("./POICard-492bf8d0.js"),c=require("./InfoList-577f3c57.js"),l=require("./SocialList-da77e994.js");require("./ClockFilled-2483aa4a.js"),require("react"),require("styled-components"),require("./Copy-e860efe7.js"),require("./clamp-bd21d587.js"),require("./LibThemeProvider-fb99fd6d.js"),require("./styles-0f1a0aea.js"),require("react-dom/server"),require("./Link-70143bb7.js"),require("./useMediaQuery-d4f81f88.js"),require("./useObserverSupport-5ab320dd.js"),require("./useUpdateEffect-4d233e2c.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.HeaderKenBurns=o.HeaderKenBurns,exports.HeaderPoster=o.HeaderPoster,exports.HeaderVideo=o.HeaderVideo,exports.IntroBlock=o.IntroBlock,exports.VideoBlock=o.VideoBlock,exports.Image=t.Image,exports.LanguageSwitcher=i.LanguageSwitcher,exports.EventBlock=a.EventBlock,exports.Tag=d.Tag,exports.POICard=u.POICard,exports.POIFacts=u.POIFacts,exports.InfoList=c.InfoList,exports.SocialList=l.SocialList;
 //# sourceMappingURL=blocks.js.map

package/cjs/buttons.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./ButtonGhost-e9644acd.js"),r=require("./Control-23259241.js");require("./ClockFilled-2483aa4a.js"),require("react"),require("styled-components"),require("./hexRgbConverter-91b28aea.js"),require("./clamp-bd21d587.js"),require("./styles-0f1a0aea.js"),require("react-dom/server"),exports.Button=e.Button,exports.ButtonGhost=e.ButtonGhost,exports.Control=r.Control,exports.Pointer=r.Pointer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Button-72747f63.js"),r=require("./ButtonGhost-046437c5.js"),t=require("./Pointer-3588eadf.js"),o=require("./Control-eead1a4c.js");require("./ClockFilled-2483aa4a.js"),require("react"),require("styled-components"),require("./hexRgbConverter-91b28aea.js"),require("./clamp-bd21d587.js"),require("./styles-0f1a0aea.js"),require("react-dom/server"),exports.Button=e.Button,exports.ButtonGhost=r.ButtonGhost,exports.Pointer=t.Pointer,exports.Control=o.Control;
 //# sourceMappingURL=buttons.js.map