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

package/cjs/Pointer-3588eadf.js

@@ -1,2 +0,0 @@
-"use strict";var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),o=require("./styles-0f1a0aea.js");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

@@ -1 +0,0 @@
-{"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

@@ -1,2 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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-080c9c2e.js

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

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

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

package/cjs/VideoCard-1fa209fc.js

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

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

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

package/cjs/Wrapper-3b9c9e89.js

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

package/cjs/Wrapper-3b9c9e89.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Wrapper-3b9c9e89.js","sources":["../src/components/base/Grid.tsx","../src/components/base/Section.tsx","../src/components/base/Wrapper.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled, { css } from 'styled-components';\nimport { clampValue } from 'utils/clamp';\nimport { spacings, mq } from 'utils/styles';\n\nexport interface ColPropsSettings {\n    /** Normalisierte Werte zwischen 0 und 1: z.B.  12 von 28 Spalten (12 / 28) */\n    span?: number;\n    /** Normalisierte Werte zwischen -1 und 1: z.B. -12 von 28 Spalten (-12 / 28) */\n    move?: number;\n    /** Vertical alignment of column content */\n    valign?: VerticalAlign;\n    /** Text alignment of column content  */\n    textAlign?: TextAlign;\n}\n\ntype VerticalAlign = 'top' | 'center' | 'bottom';\ntype HorizontalAlign = 'left' | 'center' | 'right';\ntype TextAlign = 'left' | 'center' | 'right';\n\ninterface ColProps extends ColPropsSettings {\n    medium?: ColPropsSettings;\n    semilarge?: ColPropsSettings;\n    large?: ColPropsSettings;\n    xlarge?: ColPropsSettings;\n    /** force column to the right */\n    toRight?: boolean;\n    /** force column to the left */\n    toLeft?: boolean;\n}\n\nexport const gridSettings = {\n    cols: 12,\n    gutter: spacings.spacer,\n};\n\n/** Get width of grid cols incl. gutter (relative to container element)  */\nexport const getGridWidth = (props?: {\n    cols?: number;\n    gutter?: number;\n    gridWidth?: string;\n}) => {\n    const columns = props?.cols || gridSettings.cols;\n\n    const width = props?.gridWidth || '100%';\n    const gridGutter =\n        props?.gutter !== undefined ? props.gutter : gridSettings.gutter;\n    const gridCols = gridSettings.cols;\n\n    return css`\n        calc(((${width} - ${\n        (gridCols - 1) * gridGutter\n    }px) / ${gridCols}) * ${columns} + ${(columns - 1) * gridGutter}px)\n    `;\n};\n\nconst validateValue = (\n    value: number | undefined,\n    min: number,\n    max?: number\n) => {\n    if (value === undefined || value === null) return value;\n    return value !== clampValue(value, min, max) ? undefined : value;\n};\n\nconst getWidth = (props: ColProps) => {\n    const span = validateValue(props.span, 0, 1);\n    const mediumSpan = validateValue(props.medium?.span, 0, 1);\n    const semilargeSpan = validateValue(props.semilarge?.span, 0, 1);\n    const largeSpan = validateValue(props.large?.span, 0, 1);\n    const xlargeSpan = validateValue(props.xlarge?.span, 0, 1);\n\n    return css`\n        width: ${(span || 1) * 100}%;\n\n        ${mediumSpan &&\n        css`\n            @media ${mq.medium} {\n                width: ${(mediumSpan || 1) * 100}%;\n            }\n        `}\n\n        ${semilargeSpan &&\n        css`\n            @media ${mq.semilarge} {\n                width: ${(semilargeSpan || 1) * 100}%;\n            }\n        `}\n\n        ${largeSpan &&\n        css`\n            @media ${mq.large} {\n                width: ${(largeSpan || 1) * 100}%;\n            }\n        `}\n\n        ${xlargeSpan &&\n        css`\n            @media ${mq.xlarge} {\n                width: ${(xlargeSpan || 1) * 100}%;\n            }\n        `}\n    `;\n};\n\nconst getLeftRight = (props: ColProps) => {\n    const mediumMove = props?.medium?.move;\n    const semilargeMove = props?.semilarge?.move;\n    const largeMove = props?.large?.move;\n    const xlargeMove = props?.xlarge?.move;\n\n    return css`\n        left: ${props?.move && props?.move > 0\n            ? props?.move * 100 + '%'\n            : 'auto'};\n        right: ${props?.move && props?.move < 0\n            ? props?.move * -100 + '%'\n            : 'auto'};\n\n        ${mediumMove !== undefined &&\n        css`\n            @media ${mq.medium} {\n                left: ${mediumMove && mediumMove > 0\n                    ? mediumMove * 100 + '%'\n                    : 'auto'};\n                right: ${mediumMove && mediumMove < 0\n                    ? mediumMove * -100 + '%'\n                    : 'auto'};\n            }\n        `}\n\n        ${semilargeMove !== undefined &&\n        css`\n            @media ${mq.semilarge} {\n                left: ${semilargeMove && semilargeMove > 0\n                    ? semilargeMove * 100 + '%'\n                    : 'auto'};\n                right: ${semilargeMove && semilargeMove < 0\n                    ? semilargeMove * -100 + '%'\n                    : 'auto'};\n            }\n        `}\n\n        ${largeMove !== undefined &&\n        css`\n            @media ${mq.large} {\n                left: ${largeMove && largeMove > 0\n                    ? largeMove * 100 + '%'\n                    : 'auto'};\n                right: ${largeMove && largeMove < 0\n                    ? largeMove * -100 + '%'\n                    : 'auto'};\n            }\n        `}\n\n        ${xlargeMove !== undefined &&\n        css`\n            @media ${mq.xlarge} {\n                left: ${xlargeMove && xlargeMove > 0\n                    ? xlargeMove * 100 + '%'\n                    : 'auto'};\n                right: ${xlargeMove && xlargeMove < 0\n                    ? xlargeMove * -100 + '%'\n                    : 'auto'};\n            }\n        `}\n    `;\n};\n\nconst getGutter = (mode: 'grid' | 'col') => (props: GridProps) => {\n    const gutter = validateValue(props.gutter, 0) || 0;\n    const mediumGutter = validateValue(props?.medium?.gutter, 0);\n    const semilargeGutter = validateValue(props?.semilarge?.gutter, 0);\n    const largeGutter = validateValue(props?.large?.gutter, 0);\n    const xlargeGutter = validateValue(props?.xlarge?.gutter, 0);\n\n    const propertyTop = mode === 'grid' ? 'margin-top: -' : 'padding-top: ';\n    const propertyLeft = mode === 'grid' ? 'margin-left: -' : 'padding-left: ';\n\n    return css`\n        ${propertyTop}${gutter}px;\n        ${propertyLeft}${gutter}px;\n\n        ${mediumGutter !== undefined &&\n        css`\n            @media ${mq.medium} {\n                ${propertyTop}${mediumGutter}px;\n                ${propertyLeft}${mediumGutter}px;\n            }\n        `}\n\n        ${semilargeGutter !== undefined &&\n        css`\n            @media ${mq.semilarge} {\n                ${propertyTop}${semilargeGutter}px;\n                ${propertyLeft}${semilargeGutter}px;\n            }\n        `}\n        \n        ${largeGutter !== undefined &&\n        css`\n            @media ${mq.large} {\n                ${propertyTop}${largeGutter}px;\n                ${propertyLeft}${largeGutter}px;\n            }\n        `}\n\n        ${xlargeGutter !== undefined &&\n        css`\n            @media ${mq.xlarge} {\n                ${propertyTop}${xlargeGutter}px;\n                ${propertyLeft}${xlargeGutter}px;\n            }\n        `}\n    `;\n};\n\nconst getTextAlign = (props: ColProps) => {\n    const mediumTextAlign = props?.medium?.textAlign;\n    const semilargeTextAlign = props?.semilarge?.textAlign;\n    const largeTextAlign = props?.large?.textAlign;\n    const xlargeTextAlign = props?.xlarge?.textAlign;\n\n    return css`\n        text-align: ${props?.textAlign || undefined};\n\n        ${mediumTextAlign !== undefined &&\n        css`\n            @media ${mq.medium} {\n                text-align: ${mediumTextAlign};\n            }\n        `}\n\n        ${semilargeTextAlign !== undefined &&\n        css`\n            @media ${mq.semilarge} {\n                text-align: ${semilargeTextAlign};\n            }\n        `}\n\n        ${largeTextAlign !== undefined &&\n        css`\n            @media ${mq.large} {\n                text-align: ${largeTextAlign};\n            }\n        `}\n\n        ${xlargeTextAlign !== undefined &&\n        css`\n            @media ${mq.xlarge} {\n                text-align: ${xlargeTextAlign};\n            }\n        `}\n    `;\n};\n\nconst mapVerticalAlign = (alignMode?: VerticalAlign) => {\n    switch (alignMode) {\n        case 'top':\n            return 'flex-start';\n        case 'center':\n            return 'center';\n        case 'bottom':\n            return 'flex-end';\n        default:\n            return undefined;\n    }\n};\n\nconst getVerticalAlign =\n    (selfAlign?: boolean) => (props: ColProps & GridProps) => {\n        const vAlign = mapVerticalAlign(props.valign);\n        const mediumAlign = mapVerticalAlign(props?.medium?.valign);\n        const semilargelAlign = mapVerticalAlign(props?.semilarge?.valign);\n        const largeAlign = mapVerticalAlign(props?.large?.valign);\n        const xlargeAlign = mapVerticalAlign(props?.xlarge?.valign);\n\n        const property = selfAlign ? 'align-self: ' : 'align-items: ';\n\n        return css`\n            ${property}${vAlign || undefined};\n\n            ${mediumAlign !== undefined &&\n            css`\n                @media ${mq.medium} {\n                    ${property}${mediumAlign};\n                }\n            `}\n\n            ${semilargelAlign !== undefined &&\n            css`\n                @media ${mq.semilarge} {\n                    ${property}${semilargelAlign};\n                }\n            `}\n\n        ${largeAlign !== undefined &&\n            css`\n                @media ${mq.large} {\n                    ${property}${largeAlign};\n                }\n            `}\n\n        ${xlargeAlign !== undefined &&\n            css`\n                @media ${mq.xlarge} {\n                    ${property}${xlargeAlign};\n                }\n            `}\n        `;\n    };\n\nconst mapHorizontalAlign = (alignMode?: HorizontalAlign) => {\n    switch (alignMode) {\n        case 'left':\n            return 'flex-start';\n        case 'center':\n            return 'center';\n        case 'right':\n            return 'flex-end';\n        default:\n            return undefined;\n    }\n};\n\nconst getHorinzontalAlign = (props: GridProps) => {\n    const hAlign = mapHorizontalAlign(props.halign);\n    const mediumAlign = mapHorizontalAlign(props?.medium?.halign);\n    const semilargelAlign = mapHorizontalAlign(props?.semilarge?.halign);\n    const largeAlign = mapHorizontalAlign(props?.large?.halign);\n    const xlargeAlign = mapHorizontalAlign(props?.xlarge?.halign);\n\n    return css`\n        justify-content: ${hAlign || undefined};\n\n        ${mediumAlign !== undefined &&\n        css`\n            @media ${mq.medium} {\n                justify-content: ${mediumAlign};\n            }\n        `}\n\n        ${semilargelAlign !== undefined &&\n        css`\n            @media ${mq.semilarge} {\n                justify-content: ${semilargelAlign};\n            }\n        `}\n\n        ${largeAlign !== undefined &&\n        css`\n            @media ${mq.large} {\n                justify-content: ${largeAlign};\n            }\n        `}\n\n        ${xlargeAlign !== undefined &&\n        css`\n            @media ${mq.xlarge} {\n                justify-content: ${xlargeAlign};\n            }\n        `}\n    `;\n};\n\nconst StyledCol = styled.div<GridProps & ColProps>`\n    ${getWidth};\n    ${getLeftRight};\n    ${getGutter('col')}\n    display: inline-grid;\n    grid-template-columns: 100%;\n    position: relative;\n\n    ${getTextAlign}\n    ${getVerticalAlign(true)}\n    ${({ toRight }) =>\n        toRight &&\n        css`\n            margin-left: auto;\n        `}\n        ${({ toLeft }) =>\n        toLeft &&\n        css`\n            margin-right: auto;\n        `}\n`;\n\nconst Col: React.FC<ColProps & { children?: React.ReactNode }> = (props) => {\n    return <React.Fragment>{props?.children}</React.Fragment>;\n};\n\ninterface GridPropsSettings {\n    gutter?: number;\n    valign?: VerticalAlign;\n    halign?: HorizontalAlign;\n}\n\ninterface GridProps extends GridPropsSettings {\n    medium?: GridPropsSettings;\n    semilarge?: GridPropsSettings;\n    large?: GridPropsSettings;\n    xlarge?: GridPropsSettings;\n}\n\nconst StyledGrid = styled.div<GridProps>`\n    ${getGutter('grid')}\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    ${getVerticalAlign()}\n    ${getHorinzontalAlign}\n`;\n\nconst mapGutterToCol = (gutter?: number, colSettings?: any) => {\n    if (gutter === undefined) return colSettings;\n    if (colSettings) {\n        return {\n            ...colSettings,\n            gutter,\n        };\n    } else {\n        return {\n            gutter,\n        };\n    }\n};\n\nconst Grid: React.FC<GridProps & { children?: React.ReactNode }> = ({\n    gutter,\n    valign,\n    children,\n    halign,\n    medium,\n    semilarge,\n    large,\n    xlarge,\n}) => {\n    return (\n        <StyledGrid\n            gutter={gutter}\n            valign={valign}\n            halign={halign}\n            medium={medium}\n            semilarge={semilarge}\n            large={large}\n            xlarge={xlarge}\n        >\n            {React.Children.map(children, (comp: any) => {\n                return comp ? (\n                    <StyledCol\n                        {...comp?.props}\n                        gutter={gutter}\n                        medium={mapGutterToCol(\n                            medium?.gutter,\n                            comp?.props?.medium\n                        )}\n                        semilarge={mapGutterToCol(\n                            semilarge?.gutter,\n                            comp?.props?.semilarge\n                        )}\n                        large={mapGutterToCol(\n                            large?.gutter,\n                            comp?.props?.large\n                        )}\n                        xlarge={mapGutterToCol(\n                            xlarge?.gutter,\n                            comp?.props?.xlarge\n                        )}\n                    />\n                ) : undefined;\n            })}\n        </StyledGrid>\n    );\n};\n\nGrid.defaultProps = {\n    gutter: gridSettings.gutter,\n};\n\nexport default {\n    Row: Grid,\n    Col,\n};\n","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":["gridSettings","cols","gutter","spacings","spacer","validateValue","value","min","max","clampValue","undefined","getGutter","mode","props","mediumGutter","_a","medium","semilargeGutter","_b","semilarge","largeGutter","_c","large","xlargeGutter","_d","xlarge","propertyTop","propertyLeft","css","templateObject_16","__makeTemplateObject","mq","templateObject_13","templateObject_14","templateObject_15","mapVerticalAlign","alignMode","getVerticalAlign","selfAlign","vAlign","valign","mediumAlign","semilargelAlign","largeAlign","xlargeAlign","property","templateObject_26","templateObject_23","templateObject_24","templateObject_25","mapHorizontalAlign","StyledCol","styled","div","withConfig","displayName","componentId","span","mediumSpan","semilargeSpan","largeSpan","xlargeSpan","templateObject_6","templateObject_2","templateObject_3","templateObject_4","templateObject_5","mediumMove","move","semilargeMove","largeMove","xlargeMove","templateObject_11","templateObject_7","templateObject_8","templateObject_9","templateObject_10","mediumTextAlign","textAlign","semilargeTextAlign","largeTextAlign","xlargeTextAlign","templateObject_18","templateObject_19","templateObject_20","toRight","templateObject_32","toLeft","templateObject_33","StyledGrid","hAlign","halign","templateObject_27","templateObject_28","templateObject_30","mapGutterToCol","colSettings","__assign","Grid","children","React","createElement","Children","map","comp","defaultProps","Grid$1","Row","Col","Fragment","View","section","as","addSeperation","isStackable","bgIdent","theme","padding","global","sections","seperation","default","paddingStacked","stackable","forcePadding","templateObject_1","withRange","xxlarge","bgColor","margin","marginStacked","bgColorPart","concat","Back","bgMode","clampSolidBg","wrapperLarge","wrapper","bgValue","getBackground","Section","forwardRef","ref","anchorId","renderAs","className","noPadIdent","ident","id","wrapperWhitespace","nudge","clampWidth","wrapperSmall","addWhitespace","columns","width","gridWidth","gridGutter","gridCols","preventSplit","isMirrored"],"mappings":"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"}

package/cjs/arrays-c272ed59.js

@@ -1,2 +0,0 @@
-"use strict";exports.isEmptyArray=function(r){if(r&&Array.isArray(r))return r.length<=0},exports.isValidArray=function(r,t){return void 0===t&&(t=!0),!!r&&(!!Array.isArray(r)&&(!!t||r.length>0))};
-//# sourceMappingURL=arrays-c272ed59.js.map

package/cjs/arrays-c272ed59.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"arrays-c272ed59.js","sources":["../src/utils/arrays.ts"],"sourcesContent":["export const isEmptyArray = <T>(array?: Array<T>) => {\n    if (!array) return undefined;\n    if (!Array.isArray(array)) return undefined;\n    return array.length <= 0;\n};\n\nexport const isValidArray = <T>(\n    array?: Array<T>,\n    allowEmpty = true\n): array is Array<T> => {\n    if (!array) return false;\n    if (!Array.isArray(array)) return false;\n    return allowEmpty ? true : array.length > 0;\n};\n"],"names":["array","Array","isArray","length","allowEmpty"],"mappings":"kCAA4B,SAAIA,GAC5B,GAAKA,GACAC,MAAMC,QAAQF,GACnB,OAAOA,EAAMG,QAAU,wBAGC,SACxBH,EACAI,GAEA,YAFA,IAAAA,IAAAA,GAAiB,KAEZJ,MACAC,MAAMC,QAAQF,OACZI,GAAoBJ,EAAMG,OAAS"}

package/cjs/base.js

@@ -1,2 +0,0 @@
-"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;
-//# sourceMappingURL=base.js.map

package/cjs/base.js.map

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

package/cjs/blocks.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./TableBlock-080c9c2e.js"),r=require("./Actions-6dd616e0.js"),s=require("./Bdot-d898ba3b.js"),t=require("./POICard-9911980e.js"),o=require("./Image-d9681be0.js"),a=require("./LanguageSwitcher-47e25e95.js"),i=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("./statusFormatter-0393122b.js"),require("./arrays-c272ed59.js"),require("./useMediaQuery-d4f81f88.js"),require("./useObserverSupport-5ab320dd.js"),require("./useUpdateEffect-4d233e2c.js"),exports.TableBlock=e.TableBlock,exports.Tag=e.Tag,exports.Title=e.Title,exports.Actions=r.Actions,exports.Bdot=s.Bdot,exports.EventBlock=t.EventBlock,exports.HeaderKenBurns=t.HeaderKenBurns,exports.HeaderPoster=t.HeaderPoster,exports.HeaderVideo=t.HeaderVideo,exports.InfoList=t.InfoList,exports.IntroBlock=t.IntroBlock,exports.POICard=t.POICard,exports.POIFacts=t.POIFacts,exports.VideoBlock=t.VideoBlock,exports.Image=o.Image,exports.LanguageSwitcher=a.LanguageSwitcher,exports.SocialList=i.SocialList;
-//# sourceMappingURL=blocks.js.map

package/cjs/blocks.js.map

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

package/cjs/buttons.js

@@ -1,2 +0,0 @@
-"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

package/cjs/buttons.js.map

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

package/cjs/clamp-bd21d587.js

@@ -1,2 +0,0 @@
-"use strict";exports.clampValue=function(t,a,n){return null!=n?Math.max(a,Math.min(t,n)):Math.max(t,a)};
-//# sourceMappingURL=clamp-bd21d587.js.map

package/cjs/clamp-bd21d587.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"clamp-bd21d587.js","sources":["../src/utils/clamp.ts"],"sourcesContent":["export const clampValue = (value: number, min: number, max?: number) => {\n    if (max !== undefined && max !== null) {\n        return Math.max(min, Math.min(value, max));\n    } else {\n        return Math.max(value, min);\n    }\n};\n"],"names":["value","min","max","Math"],"mappings":"gCAA0B,SAACA,EAAeC,EAAaC,GACnD,OAAIA,MAAAA,EACOC,KAAKD,IAAID,EAAKE,KAAKF,IAAID,EAAOE,IAE9BC,KAAKD,IAAIF,EAAOC"}

package/cjs/concat-f387d848.js

@@ -1,2 +0,0 @@
-"use strict";var r=require("./arrays-c272ed59.js");exports.concat=function(e,t){void 0===t&&(t=", ");var n=[];if(!r.isValidArray(e,!1))return"";for(var a=0,o=e;a<o.length;a++){var i=o[a];null!=i&&("string"!=typeof i||""===i?"number"!=typeof i||n.push(i.toString()):n.push(i))}return n.join(t)},exports.printAnchorTag=function(r){if(!(null==r?void 0:r.href))return"";var e="";return"mail"===r.type&&(e="mailto:"),"phone"===r.type&&(e="tel:"),"<a ".concat(r.isExternal?'target="_blank" rel="noopener noreferrer" ':"",'href="').concat(e).concat(r.href,'">').concat(r.label||r.href,"</a>")};
-//# sourceMappingURL=concat-f387d848.js.map

package/cjs/concat-f387d848.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"concat-f387d848.js","sources":["../src/utils/concat.ts"],"sourcesContent":["import { isValidArray } from './arrays';\n\nexport const concat = (\n    values: Array<string | number | undefined>,\n    delimeter = ', '\n): string => {\n    const parts: string[] = [];\n\n    if (!isValidArray(values, false)) {\n        return '';\n    }\n\n    for (const value of values) {\n        if (value === undefined || value === null) continue;\n        if (typeof value === 'string' && value !== '') {\n            parts.push(value);\n            continue;\n        }\n\n        if (typeof value === 'number') {\n            parts.push(value.toString());\n            continue;\n        }\n    }\n\n    return parts.join(delimeter);\n};\n\nexport const printAnchorTag = (props: {\n    href: string;\n    label?: string;\n    isExternal?: boolean;\n    type?: 'mail' | 'phone';\n}) => {\n    if (!props?.href) return '';\n    let pre = '';\n    if (props.type === 'mail') pre = 'mailto:';\n    if (props.type === 'phone') pre = 'tel:';\n\n    return `<a ${\n        props.isExternal ? 'target=\"_blank\" rel=\"noopener noreferrer\" ' : ''\n    }href=\"${pre}${props.href}\">${props.label || props.href}</a>`;\n};\n"],"names":["values","delimeter","parts","isValidArray","values_1","_i","length","value","push","toString","join","props","href","pre","type","concat","isExternal","label"],"mappings":"kEAEsB,SAClBA,EACAC,QAAA,IAAAA,IAAAA,EAAgB,MAEVC,IAAAA,EAAkB,GAExB,IAAKC,EAAYA,aAACH,GAAQ,GACtB,MAAO,GAGX,IAAoB,QAAAI,EAAAJ,EAAAK,EAAMD,EAAAE,OAAND,IAAQ,CAAvB,IAAME,EAAKH,EAAAC,GACRE,MAAAA,IACiB,iBAAVA,GAAgC,KAAVA,EAKZ,iBAAVA,GACPL,EAAMM,KAAKD,EAAME,YALjBP,EAAMM,KAAKD,IAUnB,OAAOL,EAAMQ,KAAKT,2BAGQ,SAACU,GAM3B,KAAKA,MAAAA,OAAA,EAAAA,EAAOC,MAAM,MAAO,GACrBC,IAAAA,EAAM,GAIV,MAHmB,SAAfF,EAAMG,OAAiBD,EAAM,WACd,UAAfF,EAAMG,OAAkBD,EAAM,QAE3B,MAAAE,OACHJ,EAAMK,WAAa,6CAA+C,GAAE,UAAAD,OAC/DF,GAAGE,OAAGJ,EAAMC,KAAI,MAAAG,OAAKJ,EAAMM,OAASN,EAAMC,KAAI"}

package/cjs/cookies.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./useCookieConsent-0bf94751.js"),n=require("./ClockFilled-2483aa4a.js"),t=require("./Actions-6dd616e0.js"),o=require("./Checkbox-14000bf0.js"),i=require("./Copy-e860efe7.js"),a=require("react"),l=require("styled-components"),r=require("./hexRgbConverter-91b28aea.js"),s=require("./LibThemeProvider-fb99fd6d.js"),c=require("./statusFormatter-0393122b.js"),d=require("./styles-0f1a0aea.js"),p=require("./useMounted-0bba9869.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("react-dom/server"),require("./clamp-bd21d587.js");var m,g,f,b,C,x,h,k,_,y,v,w,T,j,E=u(a),I=u(l),N=I.default.div.withConfig({displayName:"CookieConsent__Stage",componentId:"sc-b6420b-0"})(m||(m=n.__makeTemplateObject(["\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: rgba(0, 0, 0, ",");\n    z-index: ",";\n"],["\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: rgba(0, 0, 0, ",");\n    z-index: ",";\n"])),(function(e){return e.bgOpacity||.4}),(function(e){return e.zIndex||1e3})),O=I.default.div.withConfig({displayName:"CookieConsent__View",componentId:"sc-b6420b-1"})(g||(g=n.__makeTemplateObject(["\n    box-sizing: border-box;\n    max-width: 900px;\n    width: 100vw;\n\n    max-height: 85%;\n    overflow-y: scroll;\n    padding: ","px ","px;\n    position: fixed;\n    bottom: 0;\n    left: 50%;\n    transform: translate(-50%, 0);\n    text-align: center;\n\n    background-color: ",";\n    box-shadow: 0 2px 44px rgba(0, 0, 0, 0.3);\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        padding: ","px;\n\n        & > * + * {\n            margin-top: ","px;\n        }\n    }\n\n    @media "," {\n        bottom: ","px;\n        max-height: 100vh;\n        overflow: auto;\n    }\n"],["\n    box-sizing: border-box;\n    max-width: 900px;\n    width: 100vw;\n\n    max-height: 85%;\n    overflow-y: scroll;\n    padding: ","px ","px;\n    position: fixed;\n    bottom: 0;\n    left: 50%;\n    transform: translate(-50%, 0);\n    text-align: center;\n\n    background-color: ",";\n    box-shadow: 0 2px 44px rgba(0, 0, 0, 0.3);\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        padding: ","px;\n\n        & > * + * {\n            margin-top: ","px;\n        }\n    }\n\n    @media "," {\n        bottom: ","px;\n        max-height: 100vh;\n        overflow: auto;\n    }\n"])),d.spacings.spacer,2*d.spacings.nudge,(function(e){var n=e.theme;return d.getColors(n).elementBg.light}),2*d.spacings.nudge,d.mq.medium,5*d.spacings.nudge,3*d.spacings.nudge,d.mq.semilarge,1.5*d.spacings.spacer),q=I.default(i.Copy).withConfig({displayName:"CookieConsent__Status",componentId:"sc-b6420b-2"})(f||(f=n.__makeTemplateObject(["\n    li > * + * {\n        margin-left: ","px;\n    }\n"],["\n    li > * + * {\n        margin-left: ","px;\n    }\n"])),d.spacings.nudge),A=I.default(n.Check).withConfig({displayName:"CookieConsent__AcceptIcon",componentId:"sc-b6420b-3"})(b||(b=n.__makeTemplateObject(["\n    display: inline-block;\n    height: 20px;\n    width: 20px;\n"],["\n    display: inline-block;\n    height: 20px;\n    width: 20px;\n"]))),S=I.default(n.Cross).withConfig({displayName:"CookieConsent__DeclineIcon",componentId:"sc-b6420b-4"})(C||(C=n.__makeTemplateObject(["\n    display: inline-block;\n    height: 20px;\n    width: 20px;\n"],["\n    display: inline-block;\n    height: 20px;\n    width: 20px;\n"]))),L=I.default.img.withConfig({displayName:"CookieConsent__CookieIcon",componentId:"sc-b6420b-5"})(x||(x=n.__makeTemplateObject(["\n    display: block;\n    margin: 0 auto;\n"],["\n    display: block;\n    margin: 0 auto;\n"]))),M=I.default(i.Copy).withConfig({displayName:"CookieConsent__TitleView",componentId:"sc-b6420b-6"})(h||(h=n.__makeTemplateObject(["\n    text-align: ",";\n    margin-left: ",";\n    margin-right: auto;\n    max-width: 670px;\n"],["\n    text-align: ",";\n    margin-left: ",";\n    margin-right: auto;\n    max-width: 670px;\n"])),(function(e){return e.isCentered?"center":"left"}),(function(e){return e.isCentered?"auto":"0"})),z=I.default.div.withConfig({displayName:"CookieConsent__TextView",componentId:"sc-b6420b-7"})(k||(k=n.__makeTemplateObject([""],[""]))),F=I.default.div.withConfig({displayName:"CookieConsent__ClampWrapper",componentId:"sc-b6420b-8"})(_||(_=n.__makeTemplateObject(["\n    position: relative;\n    max-height: ",";\n    overflow: hidden;\n\n    &:after {\n        content: ",";\n        display: block;\n        position: absolute;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        height: 100%;\n        background: linear-gradient(\n            0deg,\n            "," 0%,\n            "," 25%,\n            "," 100%\n        );\n        pointer-events: none;\n    }\n"],["\n    position: relative;\n    max-height: ",";\n    overflow: hidden;\n\n    &:after {\n        content: ",";\n        display: block;\n        position: absolute;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        height: 100%;\n        background: linear-gradient(\n            0deg,\n            "," 0%,\n            "," 25%,\n            "," 100%\n        );\n        pointer-events: none;\n    }\n"])),(function(e){return e.isClamped&&"80px"}),(function(e){return e.isClamped&&"''"}),(function(e){var n=e.theme;return d.getColors(n).elementBg.light}),(function(e){var n=e.theme;return r.hexToRgba(d.getColors(n).elementBg.light,.9)}),(function(e){var n=e.theme;return r.hexToRgba(d.getColors(n).elementBg.light,0)})),H=I.default(i.Copy).withConfig({displayName:"CookieConsent__Text",componentId:"sc-b6420b-9"})(y||(y=n.__makeTemplateObject(["\n    text-align: ",";\n"],["\n    text-align: ",";\n"])),(function(e){return e.isCentered?"center":"left"})),B=I.default.button.withConfig({displayName:"CookieConsent__TextToggle",componentId:"sc-b6420b-10"})(v||(v=n.__makeTemplateObject(["\n    background: none;\n    margin: 0;\n    padding: 0;\n    border: none;\n    cursor: pointer;\n\n    padding: ","px ","px;\n"],["\n    background: none;\n    margin: 0;\n    padding: 0;\n    border: none;\n    cursor: pointer;\n\n    padding: ","px ","px;\n"])),d.spacings.nudge,2*d.spacings.nudge),D=I.default.div.withConfig({displayName:"CookieConsent__SelectView",componentId:"sc-b6420b-11"})(w||(w=n.__makeTemplateObject(["\n    margin-left: auto;\n    margin-right: auto;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    margin-left: auto;\n    margin-right: auto;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),d.spacings.nudge),P=I.default(i.Copy).withConfig({displayName:"CookieConsent__SelectTitle",componentId:"sc-b6420b-12"})(T||(T=n.__makeTemplateObject(["\n    text-align: left;\n\n    &:not(:last-child) {\n        margin-bottom: ","px;\n    }\n"],["\n    text-align: left;\n\n    &:not(:last-child) {\n        margin-bottom: ","px;\n    }\n"])),2*d.spacings.nudge),R=I.default(t.Actions).withConfig({displayName:"CookieConsent__CookieActions",componentId:"sc-b6420b-13"})(j||(j=n.__makeTemplateObject(["\n    margin-top: ","px;\n\n    @media "," {\n        margin-top: ","px;\n    }\n"],["\n    margin-top: ","px;\n\n    @media "," {\n        margin-top: ","px;\n    }\n"])),d.spacings.spacer,d.mq.medium,5*d.spacings.nudge);exports.deleteCookie=e.deleteCookie,exports.getCookie=e.getCookie,exports.setCookie=e.setCookie,exports.CookieActions=R,exports.CookieConsent=function(n){var t,o,i=n.urlWhitelist,l=void 0===i?[]:i,r=n.zIndex,d=n.overlayOpacity,u=void 0===d?.4:d,m=n.status,g=n.className,f=n.children,b=n.theme,C=s.useLibTheme().globals,x=a.useCallback((function(e){var n=new Date(e.updatedAt),t=new c.StatusFormatter(e.updatedAt,C.cookie.consentStatusFormat,C.cookie.consentDateFormat(n),C.cookie.consentTimeFormat(n),C.cookie.consentLocaleKey),o=Object.keys(e.state),i=e.state;return E.default.createElement(q,{renderAs:"span"},E.default.createElement("span",null,t.getFormattedStatus()),E.default.createElement("ul",null,null==o?void 0:o.map((function(e,n){return E.default.createElement("li",{key:n},E.default.createElement("span",null,i[e].label),i[e].isAccepted?E.default.createElement(A,null):E.default.createElement(S,null))}))))}),[C.cookie]),h=a.useState(!1),k=h[0],_=h[1],y=e.useCookieConsent({cookieName:C.cookie.name,initialCookieTypes:C.cookie.types,lifetime:C.cookie.lifetime},(function(){return _(!1)}),m||x),v=y.getCookieValue,w=y.cookieTypes,T=y.acceptAll,j=y.acceptSelected,I=y.declineAll,L=y.setConsent,M=p.useMounted();return a.useEffect((function(){M||(e.bindConsentButtons((function(){return _(!0)}),["[".concat(e.selectors.buttons.attribute,"]"),".".concat(e.selectors.buttons.class)]),e.isUrlInWhitelist(window.location.pathname,l)||_(!v()))}),[v,M,l]),a.useEffect((function(){document.body.style.overflow=k?"hidden":"visible"}),[k]),k?E.default.createElement(s.LibThemeProvider,{theme:b},E.default.createElement(N,{zIndex:r,bgOpacity:u},E.default.createElement(O,{className:g},null==f?void 0:f({types:w,acceptAll:T,acceptSelected:j,setConsent:L,declineAll:I,additionalAcceptProps:(t={},t["data-gtm"]="button-cookie-consent-accept",t),additionalDeclineProps:(o={},o["data-gtm"]="button-cookie-consent-decline",o)})))):null},exports.CookieIcon=L,exports.CookieText=function(e){var t=e.isCentered,o=e.innerHTML,i=e.allowClamping,l=void 0===i||i,r=e.toggle,s=e.className,c=e.children,d=a.useState(!0),p=d[0],u=d[1],m=a.useRef(!!l),g=a.useRef(null);a.useEffect((function(){var e;if(m.current){var n=null===(e=g.current)||void 0===e?void 0:e.scrollHeight;void 0!==n&&u(n>130)}}),[l]);var f=function(){u(!1),m.current=!1};return E.default.createElement(z,null,E.default.createElement(F,{ref:g,isClamped:p},E.default.createElement(H,{isCentered:t,innerHTML:o,className:s},c)),p&&(r?r(f):E.default.createElement(B,{onClick:f},E.default.createElement(n.UnfoldMore,null))))},exports.CookieTitle=function(e){var n=e.isCentered,t=e.innerHTML,o=e.className,i=e.children;return E.default.createElement(M,{size:"big",type:"copy-b",innerHTML:t,isCentered:n,className:o},i)},exports.CookieTypeSelect=function(e){var n=e.title,t=e.types,i=e.setConsent;return E.default.createElement(D,null,n&&E.default.createElement(P,{type:"copy-b",innerHTML:n}),t&&Object.keys(t).map((function(e){return E.default.createElement(o.Checkbox,{key:e,label:t[e].label,isSelected:t[e].isAccepted,isDisabled:!t[e].isEditable,onChange:function(){return i(e)}})})))};
-//# sourceMappingURL=cookies.js.map

package/cjs/cookies.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cookies.js","sources":["../src/components/blocks/CookieConsent.tsx"],"sourcesContent":["import Check from 'components/base/icons/Check';\nimport Cross from 'components/base/icons/Cross';\nimport UnfoldMore from 'components/base/icons/UnfoldMore';\nimport Actions from 'components/blocks/Actions';\nimport Checkbox from 'components/fields/Checkbox';\nimport Copy from 'components/typography/Copy';\nimport React, { FC, useCallback, useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport {\n    bindConsentButtons,\n    isUrlInWhitelist,\n} from 'utils/cookie-consent/mutations';\nimport useCookieConsent, {\n    CookieTypes,\n    selectors,\n} from 'utils/cookie-consent/useCookieConsent';\nimport { hexToRgba } from 'utils/hexRgbConverter';\nimport {\n    LibThemeProvider,\n    ThemeMods,\n    useLibTheme,\n} from 'utils/LibThemeProvider';\nimport StatusFormatter from 'utils/statusFormatter';\nimport { getColors as color, mq, spacings } from 'utils/styles';\nimport useMounted from 'utils/useMounted';\n\nconst Stage = styled.div<{ zIndex?: number; bgOpacity?: number }>`\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: rgba(0, 0, 0, ${({ bgOpacity }) => bgOpacity || 0.4});\n    z-index: ${({ zIndex }) => zIndex || 1000};\n`;\n\nconst View = styled.div`\n    box-sizing: border-box;\n    max-width: 900px;\n    width: 100vw;\n\n    max-height: 85%;\n    overflow-y: scroll;\n    padding: ${spacings.spacer}px ${spacings.nudge * 2}px;\n    position: fixed;\n    bottom: 0;\n    left: 50%;\n    transform: translate(-50%, 0);\n    text-align: center;\n\n    background-color: ${({ theme }) => color(theme).elementBg.light};\n    box-shadow: 0 2px 44px rgba(0, 0, 0, 0.3);\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n\n    @media ${mq.medium} {\n        padding: ${spacings.nudge * 5}px;\n\n        & > * + * {\n            margin-top: ${spacings.nudge * 3}px;\n        }\n    }\n\n    @media ${mq.semilarge} {\n        bottom: ${spacings.spacer * 1.5}px;\n        max-height: 100vh;\n        overflow: auto;\n    }\n`;\n\nconst Status = styled(Copy)`\n    li > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n`;\n\nconst AcceptIcon = styled(Check)`\n    display: inline-block;\n    height: 20px;\n    width: 20px;\n`;\n\nconst DeclineIcon = styled(Cross)`\n    display: inline-block;\n    height: 20px;\n    width: 20px;\n`;\n\ntype RenderProps = {\n    types: CookieTypes;\n    acceptAll: () => void;\n    acceptSelected: () => void;\n    declineAll: () => void;\n    setConsent: (type: keyof CookieTypes, isAccepted?: boolean) => void;\n    additionalDeclineProps: {\n        ['data-gtm']: string;\n    };\n    additionalAcceptProps: {\n        ['data-gtm']: string;\n    };\n};\n\nexport const CookieConsent: FC<{\n    /** URL's that should be excluded from consent */\n    urlWhitelist?: string[];\n    zIndex?: number;\n    overlayOpacity?: number;\n    status?: (props: {\n        updatedAt: number;\n        state: CookieTypes;\n    }) => React.ReactElement;\n    className?: string;\n    children?: (props: RenderProps) => React.ReactElement;\n    theme?: ThemeMods;\n}> = ({\n    /** URL's that should be excluded from consent */\n    urlWhitelist = [],\n    zIndex,\n    overlayOpacity = 0.4,\n    status,\n    className,\n    children,\n    theme,\n}) => {\n    const { globals } = useLibTheme();\n\n    const statusRenderer = useCallback(\n        (props: { updatedAt: number; state: CookieTypes }) => {\n            const updatedDate = new Date(props.updatedAt);\n\n            const formatter = new StatusFormatter(\n                props.updatedAt,\n                globals.cookie.consentStatusFormat,\n                globals.cookie.consentDateFormat(updatedDate),\n                globals.cookie.consentTimeFormat(updatedDate),\n                globals.cookie.consentLocaleKey\n            );\n            const typeKeys: string[] = Object.keys(props.state);\n            const types: CookieTypes = props.state;\n\n            return (\n                <Status renderAs=\"span\">\n                    <span>{formatter.getFormattedStatus()}</span>\n                    <ul>\n                        {typeKeys?.map((type, i) => (\n                            <li key={i}>\n                                <span>{types[type].label}</span>\n                                {types[type].isAccepted ? (\n                                    <AcceptIcon />\n                                ) : (\n                                    <DeclineIcon />\n                                )}\n                            </li>\n                        ))}\n                    </ul>\n                </Status>\n            );\n        },\n        [globals.cookie]\n    );\n\n    const [isVisible, setIsVisible] = useState(false);\n    const {\n        getCookieValue,\n        cookieTypes,\n        acceptAll,\n        acceptSelected,\n        declineAll,\n        setConsent,\n    } = useCookieConsent(\n        {\n            cookieName: globals.cookie.name,\n            initialCookieTypes: globals.cookie.types,\n            lifetime: globals.cookie.lifetime,\n        },\n        () => setIsVisible(false),\n        status || statusRenderer\n    );\n    const isMounted = useMounted();\n\n    useEffect(() => {\n        if (isMounted) return;\n\n        // bind buttons to open consent\n        bindConsentButtons(\n            () => setIsVisible(true),\n            [`[${selectors.buttons.attribute}]`, `.${selectors.buttons.class}`]\n        );\n\n        // check if consent banner should be open\n        const isInWhitelist = isUrlInWhitelist(\n            window.location.pathname,\n            urlWhitelist\n        );\n        if (!isInWhitelist) setIsVisible(!getCookieValue());\n    }, [getCookieValue, isMounted, urlWhitelist]);\n\n    useEffect(() => {\n        document.body.style.overflow = isVisible ? 'hidden' : 'visible';\n    }, [isVisible]);\n\n    if (!isVisible) return null;\n    return (\n        <LibThemeProvider theme={theme}>\n            <Stage zIndex={zIndex} bgOpacity={overlayOpacity}>\n                <View className={className}>\n                    {children?.({\n                        types: cookieTypes,\n                        acceptAll,\n                        acceptSelected,\n                        setConsent,\n                        declineAll,\n                        additionalAcceptProps: {\n                            ['data-gtm']: 'button-cookie-consent-accept',\n                        },\n                        additionalDeclineProps: {\n                            ['data-gtm']: 'button-cookie-consent-decline',\n                        },\n                    })}\n                </View>\n            </Stage>\n        </LibThemeProvider>\n    );\n};\n\n/** Example Cookie icon */\nexport const CookieIcon = styled.img`\n    display: block;\n    margin: 0 auto;\n`;\n\n/** Example Cookie title */\nconst TitleView = styled(Copy)<{ isCentered?: boolean }>`\n    text-align: ${({ isCentered }) => (isCentered ? 'center' : 'left')};\n    margin-left: ${({ isCentered }) => (isCentered ? 'auto' : '0')};\n    margin-right: auto;\n    max-width: 670px;\n`;\n\nexport const CookieTitle: FC<{\n    isCentered?: boolean;\n    innerHTML?: string;\n    className?: string;\n    children?: React.ReactNode;\n}> = ({ isCentered, innerHTML, className, children }) => {\n    return (\n        <TitleView\n            size=\"big\"\n            type=\"copy-b\"\n            innerHTML={innerHTML}\n            isCentered={isCentered}\n            className={className}\n        >\n            {children}\n        </TitleView>\n    );\n};\n\n/** Example Cookie title */\nconst TextView = styled.div``;\n\nconst ClampWrapper = styled.div<{ isClamped?: boolean }>`\n    position: relative;\n    max-height: ${({ isClamped }) => isClamped && '80px'};\n    overflow: hidden;\n\n    &:after {\n        content: ${({ isClamped }) => isClamped && \"''\"};\n        display: block;\n        position: absolute;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        height: 100%;\n        background: linear-gradient(\n            0deg,\n            ${({ theme }) => color(theme).elementBg.light} 0%,\n            ${({ theme }) => hexToRgba(color(theme).elementBg.light, 0.9)} 25%,\n            ${({ theme }) => hexToRgba(color(theme).elementBg.light, 0)} 100%\n        );\n        pointer-events: none;\n    }\n`;\n\nconst Text = styled(Copy)<{ isCentered?: boolean }>`\n    text-align: ${({ isCentered }) => (isCentered ? 'center' : 'left')};\n`;\n\nconst TextToggle = styled.button`\n    background: none;\n    margin: 0;\n    padding: 0;\n    border: none;\n    cursor: pointer;\n\n    padding: ${spacings.nudge}px ${spacings.nudge * 2}px;\n`;\n\nexport const CookieText: FC<{\n    isCentered?: boolean;\n    innerHTML?: string;\n    allowClamping?: boolean;\n    className?: string;\n    children?: React.ReactNode;\n    toggle?: (handleClick: () => void) => React.ReactNode;\n}> = ({\n    isCentered,\n    innerHTML,\n    allowClamping = true,\n    toggle,\n    className,\n    children,\n}) => {\n    const [isClamped, setIsClamped] = useState<boolean>(true);\n    const canClamp = useRef<boolean>(!!allowClamping);\n    const cRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        if (!canClamp.current) return;\n\n        const height = cRef.current?.scrollHeight;\n        if (height === undefined) return;\n\n        setIsClamped(height > 130);\n    }, [allowClamping]);\n\n    const handleToggleClick = () => {\n        setIsClamped(false);\n        canClamp.current = false;\n    };\n\n    return (\n        <TextView>\n            <ClampWrapper ref={cRef} isClamped={isClamped}>\n                <Text\n                    isCentered={isCentered}\n                    innerHTML={innerHTML}\n                    className={className}\n                >\n                    {children}\n                </Text>\n            </ClampWrapper>\n            {isClamped &&\n                (toggle ? (\n                    toggle(handleToggleClick)\n                ) : (\n                    <TextToggle onClick={handleToggleClick}>\n                        <UnfoldMore />\n                    </TextToggle>\n                ))}\n        </TextView>\n    );\n};\n\nconst SelectView = styled.div`\n    margin-left: auto;\n    margin-right: auto;\n\n    & > * + * {\n        margin-top: ${spacings.nudge}px;\n    }\n`;\n\nconst SelectTitle = styled(Copy)`\n    text-align: left;\n\n    &:not(:last-child) {\n        margin-bottom: ${spacings.nudge * 2}px;\n    }\n`;\n\nexport const CookieTypeSelect: FC<{\n    title?: string;\n    types: CookieTypes;\n    setConsent: (typeName: keyof CookieTypes, isAccepted?: boolean) => void;\n}> = ({ title, types, setConsent }) => (\n    <SelectView>\n        {title && <SelectTitle type=\"copy-b\" innerHTML={title} />}\n        {types &&\n            Object.keys(types).map((key) => (\n                <Checkbox\n                    key={key}\n                    label={types[key].label}\n                    isSelected={types[key].isAccepted}\n                    isDisabled={!types[key].isEditable}\n                    onChange={() => setConsent(key)}\n                />\n            ))}\n    </SelectView>\n);\n\n/** Example Cookie actions */\nexport const CookieActions = styled(Actions)`\n    margin-top: ${spacings.spacer}px;\n\n    @media ${mq.medium} {\n        margin-top: ${spacings.nudge * 5}px;\n    }\n`;\n\nexport default CookieConsent;\n"],"names":["Stage","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","bgOpacity","zIndex","View","spacings","spacer","nudge","theme","color","elementBg","light","mq","medium","semilarge","Status","Copy","templateObject_3","AcceptIcon","Check","templateObject_4","DeclineIcon","Cross","templateObject_5","CookieIcon","img","templateObject_6","TitleView","templateObject_7","isCentered","TextView","templateObject_8","ClampWrapper","templateObject_9","isClamped","hexToRgba","Text","templateObject_10","TextToggle","button","templateObject_11","SelectView","templateObject_12","SelectTitle","templateObject_13","CookieActions","Actions","templateObject_14","_d","urlWhitelist","_e","overlayOpacity","status","className","children","globals","useLibTheme","statusRenderer","useCallback","props","updatedDate","Date","updatedAt","formatter","StatusFormatter","cookie","consentStatusFormat","consentDateFormat","consentTimeFormat","consentLocaleKey","typeKeys","Object","keys","state","types","React","createElement","renderAs","getFormattedStatus","map","type","i","key","label","isAccepted","_f","useState","isVisible","setIsVisible","_g","useCookieConsent","cookieName","name","initialCookieTypes","lifetime","getCookieValue","cookieTypes","acceptAll","acceptSelected","declineAll","setConsent","isMounted","useMounted","useEffect","bindConsentButtons","concat","selectors","buttons","attribute","class","isUrlInWhitelist","window","location","pathname","document","body","style","overflow","LibThemeProvider","additionalAcceptProps","_b","additionalDeclineProps","_c","innerHTML","allowClamping","toggle","setIsClamped","canClamp","useRef","cRef","current","height","scrollHeight","undefined","handleToggleClick","ref","onClick","UnfoldMore","size","title","Checkbox","isSelected","isDisabled","isEditable","onChange"],"mappings":"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"}

package/cjs/fields.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),o=require("styled-components"),t=require("./LibThemeProvider-fb99fd6d.js"),r=require("./styles-0f1a0aea.js"),i=require("./FilterField-497e998f.js"),a=require("./Checkbox-14000bf0.js");function l(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}require("react-dom/server"),require("./Copy-e860efe7.js"),require("./clamp-bd21d587.js"),require("./useGeolocation-4d38150b.js"),require("./useUpdateEffect-4d233e2c.js"),require("./ButtonGhost-046437c5.js"),require("./hexRgbConverter-91b28aea.js"),require("./Button-72747f63.js"),require("react-datepicker"),require("./useMounted-0bba9869.js"),require("./arrays-c272ed59.js");var c,s,u,d,p,f,m,h,g=l(e),b=l(o),x=b.default.form.withConfig({displayName:"CompactForm__View",componentId:"sc-v44fzp-0"})(c||(c=n.__makeTemplateObject(["\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n\n    color: ",";\n\n    @media "," {\n        flex-direction: row;\n    }\n"],["\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n\n    color: ",";\n\n    @media "," {\n        flex-direction: row;\n    }\n"])),(function(n){var e=n.theme;return r.getColors(e).text.default}),r.mq.medium),v=b.default.input.withConfig({displayName:"CompactForm__InputField",componentId:"sc-v44fzp-1"})(s||(s=n.__makeTemplateObject(["\n    display: block;\n    width: 100%;\n    height: 49px;\n    max-height: 49px;\n    padding: ","px ","px;\n    color: inherit;\n\n    background-color: ",";\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n\n    font-family: ",";\n    font-weight: ",";\n    ","\n    line-height: ",";\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &::placeholder {\n        color: inherit;\n    }\n"],["\n    display: block;\n    width: 100%;\n    height: 49px;\n    max-height: 49px;\n    padding: ","px ","px;\n    color: inherit;\n\n    background-color: ",";\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n\n    font-family: ",";\n    font-weight: ",";\n    ","\n    line-height: ",";\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &::placeholder {\n        color: inherit;\n    }\n"])),r.spacings.nudge,3*r.spacings.nudge,(function(n){var e=n.backColor;return e&&e}),(function(n){var e=n.theme;return r.getFonts(e).copy.small.family}),(function(n){var e=n.theme;return r.getFonts(e).copy.small.weight}),(function(n){var e=n.theme;return r.withRange(r.getFonts(e).copy.small.size,"font-size")}),(function(n){var e=n.theme;return r.getFonts(e).copy.small.lineHeight}),(function(n){var e=n.theme;return"2px solid ".concat(r.getColors(e).primary.default)})),w=b.default.button.withConfig({displayName:"CompactForm__SubmitBtn",componentId:"sc-v44fzp-2"})(u||(u=n.__makeTemplateObject(["\n    display: inline-flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 49px;\n\n    margin-top: ","px;\n\n    background-color: ",";\n    color: ",";\n\n    outline: none;\n    border: none;\n    user-select: none;\n    cursor: pointer;\n    transition: all ease-in-out 0.2s;\n\n    @media "," {\n        width: 100px;\n        margin-top: 0;\n    }\n\n    &:hover {\n        transform: scale(1.05);\n    }\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n"],["\n    display: inline-flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 49px;\n\n    margin-top: ","px;\n\n    background-color: ",";\n    color: ",";\n\n    outline: none;\n    border: none;\n    user-select: none;\n    cursor: pointer;\n    transition: all ease-in-out 0.2s;\n\n    @media "," {\n        width: 100px;\n        margin-top: 0;\n    }\n\n    &:hover {\n        transform: scale(1.05);\n    }\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n"])),.5*r.spacings.spacer,(function(n){var e=n.theme;return r.getColors(e).primary.default}),(function(n){var e=n.theme;return r.getColors(e).text.inverted}),r.mq.medium),y=b.default.div.withConfig({displayName:"SearchInput__View",componentId:"sc-21j67n-0"})(d||(d=n.__makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n\n    color: ",";\n\n    background-color: ",";\n"],["\n    position: relative;\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n\n    color: ",";\n\n    background-color: ",";\n"])),(function(n){var e=n.theme;return r.getColors(e).text.default}),(function(n){var e=n.theme;return n.isInverted?r.getColors(e).elementBg.light:r.getColors(e).elementBg.medium})),k=b.default.input.withConfig({displayName:"SearchInput__InputField",componentId:"sc-21j67n-1"})(p||(p=n.__makeTemplateObject(["\n    display: block;\n    width: 100%;\n    height: 100%;\n    padding: ","px ","px;\n    padding-left: ",";\n    padding-right: ",";\n    color: inherit;\n\n    background-color: transparent;\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n\n    font-family: ",";\n    font-weight: 400;\n    ","\n    line-height: 1.25;\n\n    &::placeholder {\n        color: inherit;\n    }\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"],["\n    display: block;\n    width: 100%;\n    height: 100%;\n    padding: ","px ","px;\n    padding-left: ",";\n    padding-right: ",";\n    color: inherit;\n\n    background-color: transparent;\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n\n    font-family: ",";\n    font-weight: 400;\n    ","\n    line-height: 1.25;\n\n    &::placeholder {\n        color: inherit;\n    }\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n"])),3*r.spacings.nudge,3.5*r.spacings.nudge,(function(n){return n.hasLeftIcon&&2.5*r.spacings.spacer+"px"}),(function(n){return n.hasRightIcon&&2.5*r.spacings.spacer+"px"}),(function(n){var e=n.theme;return r.getFonts(e).copy.small.family}),(function(n){var e=n.theme;return r.withRange(r.getFonts(e).copy.small.size,"font-size")}),(function(n){var e=n.theme;return"1px solid ".concat(r.getColors(e).primary.default)})),C=b.default.button.withConfig({displayName:"SearchInput__ControlBtn",componentId:"sc-21j67n-2"})(f||(f=n.__makeTemplateObject(["\n    display: inline-flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 53px;\n\n    margin: -2px;\n    background-color: transparent;\n    color: ",";\n\n    outline: none;\n    border: none;\n    user-select: none;\n    cursor: pointer;\n    /* transition: all ease-in-out 0.2s; */\n\n    &:hover {\n        transform: scale(1.02);\n    }\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n"],["\n    display: inline-flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 53px;\n\n    margin: -2px;\n    background-color: transparent;\n    color: ",";\n\n    outline: none;\n    border: none;\n    user-select: none;\n    cursor: pointer;\n    /* transition: all ease-in-out 0.2s; */\n\n    &:hover {\n        transform: scale(1.02);\n    }\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n"])),(function(n){var e=n.theme;return r.getColors(e).text.default})),_=b.default(C).withConfig({displayName:"SearchInput__SubmitBtn",componentId:"sc-21j67n-3"})(m||(m=n.__makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n"],["\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n"]))),j=b.default(C).withConfig({displayName:"SearchInput__ClearBtn",componentId:"sc-21j67n-4"})(h||(h=n.__makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n"],["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n"])));exports.Datepicker=i.DatepickerCmp,exports.FileUpload=i.FileUploadCmp,exports.FilterField=i.FilterField,exports.FormField=i.FieldWrapper,exports.LocationField=i.LocationField,exports.Radio=i.RadioButton,exports.SelectDropdown=i.SelectDropdown,exports.Textarea=i.Textarea,exports.Textfield=i.Textfield,exports.Checkbox=a.Checkbox,exports.CompactForm=function(n){var e=n.mode,o=void 0===e?"default":e,r=n.value,i=n.placeholder,a=n.method,l=n.action,c=n.buttonIcon,s=n.onSubmit,u=n.onClick,d=n.onBlur,p=n.onFocus,f=n.className,m=t.useLibTheme().colors,h="default"===o?m.elementBg.medium:m.elementBg.light;return g.default.createElement(x,{onSubmit:s,method:a,action:l,className:f},g.default.createElement(v,{placeholder:i,value:r,onClick:u,onBlur:d,onFocus:p,backColor:h}),c&&g.default.createElement(w,{isInverted:"onDark"===o},c))},exports.SearchInput=function(n){var e=n.isInverted,o=void 0!==e&&e,t=n.value,r=n.placeholder,i=n.submitIcon,a=n.clearIcon,l=n.onSubmit,c=n.onClick,s=n.onClear,u=n.onBlur,d=n.onFocus,p=n.className;return g.default.createElement(y,{isInverted:o,className:p},i&&g.default.createElement(_,{isInverted:o,onClick:function(){return l&&l()}},i),g.default.createElement(k,{hasLeftIcon:void 0!==i,hasRightIcon:void 0!==a,placeholder:r,value:t,onClick:c,onBlur:u,onFocus:d,onKeyDown:function(n){13===n.keyCode&&(l&&l(),n.preventDefault())}}),a&&g.default.createElement(j,{isInverted:o,onClick:function(){return s&&s()}},a))};
-//# sourceMappingURL=fields.js.map