@blateral/b.kit 2.7.5 → 2.8.1

package/cjs/fields.js.map

@@ -1 +1 @@
-{"version":3,"file":"fields.js","sources":["../src/components/fields/CompactForm.tsx","../src/components/fields/SearchInput.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled from 'styled-components';\nimport { useLibTheme } from 'utils/LibThemeProvider';\n\nimport {\n    getColors as color,\n    getFonts as font,\n    mq,\n    spacings,\n    withRange,\n} from 'utils/styles';\n\nconst View = styled.form`\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n\n    color: ${({ theme }) => color(theme).text.default};\n\n    @media ${mq.medium} {\n        flex-direction: row;\n    }\n`;\n\nconst InputField = styled.input<{ backColor?: string }>`\n    display: block;\n    width: 100%;\n    height: 49px;\n    max-height: 49px;\n    padding: ${spacings.nudge}px ${spacings.nudge * 3}px;\n    color: inherit;\n\n    background-color: ${({ backColor }) => backColor && backColor};\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: ${({ theme }) => font(theme).copy.small.family};\n    font-weight: ${({ theme }) => font(theme).copy.small.weight};\n    ${({ theme }) => withRange(font(theme).copy.small.size, 'font-size')}\n    line-height: ${({ theme }) => font(theme).copy.small.lineHeight};\n\n    &:focus {\n        outline: ${({ theme }) => `2px solid ${color(theme).primary.default}`};\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &::placeholder {\n        color: inherit;\n    }\n`;\n\nconst SubmitBtn = styled.button<{ isInverted?: boolean }>`\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: ${spacings.spacer * 0.5}px;\n\n    background-color: ${({ theme }) => color(theme).primary.default};\n    color: ${({ theme }) => color(theme).text.inverted};\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 ${mq.medium} {\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\nconst CompactForm: FC<{\n    mode?: 'onSoft' | 'onDark' | 'default';\n    value?: string;\n    placeholder?: string;\n    method?: string;\n    action?: string;\n    buttonIcon?: React.ReactNode;\n    onSubmit?: (ev: React.SyntheticEvent<HTMLFormElement>) => void;\n    onClick?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    onFocus?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    onBlur?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    className?: string;\n}> = ({\n    mode = 'default',\n    value,\n    placeholder,\n    method,\n    action,\n    buttonIcon,\n    onSubmit,\n    onClick,\n    onBlur,\n    onFocus,\n    className,\n}) => {\n    const { colors } = useLibTheme();\n    const bgColor =\n        mode === 'default' ? colors.elementBg.medium : colors.elementBg.light;\n\n    return (\n        <View\n            onSubmit={onSubmit}\n            method={method}\n            action={action}\n            className={className}\n        >\n            <InputField\n                placeholder={placeholder}\n                value={value}\n                onClick={onClick}\n                onBlur={onBlur}\n                onFocus={onFocus}\n                backColor={bgColor}\n            />\n            {buttonIcon && (\n                <SubmitBtn isInverted={mode === 'onDark'}>\n                    {buttonIcon}\n                </SubmitBtn>\n            )}\n        </View>\n    );\n};\n\nexport default CompactForm;\n","import React, { FC } 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.div<{ isInverted?: boolean }>`\n    position: relative;\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n\n    color: ${({ theme }) => color(theme).text.default};\n\n    background-color: ${({ theme, isInverted }) =>\n        isInverted\n            ? color(theme).elementBg.light\n            : color(theme).elementBg.medium};\n`;\n\nconst InputField = styled.input<{\n    hasLeftIcon?: boolean;\n    hasRightIcon?: boolean;\n}>`\n    display: block;\n    width: 100%;\n    height: 100%;\n    padding: ${spacings.nudge * 3}px ${spacings.nudge * 3.5}px;\n    padding-left: ${({ hasLeftIcon }) =>\n        hasLeftIcon && spacings.spacer * 2.5 + 'px'};\n    padding-right: ${({ hasRightIcon }) =>\n        hasRightIcon && spacings.spacer * 2.5 + 'px'};\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: ${({ theme }) => font(theme).copy.small.family};\n    font-weight: 400;\n    ${({ theme }) => withRange(font(theme).copy.small.size, 'font-size')}\n    line-height: 1.25;\n\n    &::placeholder {\n        color: inherit;\n    }\n\n    &:focus {\n        outline: ${({ theme }) => `1px solid ${color(theme).primary.default}`};\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n`;\n\nconst ControlBtn = styled.button<{ isInverted?: boolean }>`\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: ${({ theme }) => color(theme).text.default};\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\nconst SubmitBtn = styled(ControlBtn)`\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n`;\n\nconst ClearBtn = styled(ControlBtn)`\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n`;\n\nconst SearchInput: FC<{\n    isInverted?: boolean;\n    value?: string;\n    placeholder?: string;\n    submitIcon?: React.ReactNode;\n    clearIcon?: React.ReactNode;\n    onSubmit?: () => void;\n    onClear?: () => void;\n    onClick?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    onBlur?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    onFocus?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    className?: string;\n}> = ({\n    isInverted = false,\n    value,\n    placeholder,\n    submitIcon,\n    clearIcon,\n    onSubmit,\n    onClick,\n    onClear,\n    onBlur,\n    onFocus,\n    className,\n}) => {\n    const handleKeyDown = (ev: React.KeyboardEvent<HTMLInputElement>) => {\n        if (ev.keyCode === 13) {\n            onSubmit && onSubmit();\n            ev.preventDefault();\n        }\n    };\n\n    return (\n        <View isInverted={isInverted} className={className}>\n            {submitIcon && (\n                <SubmitBtn\n                    isInverted={isInverted}\n                    onClick={() => onSubmit && onSubmit()}\n                >\n                    {submitIcon}\n                </SubmitBtn>\n            )}\n            <InputField\n                hasLeftIcon={submitIcon !== undefined}\n                hasRightIcon={clearIcon !== undefined}\n                placeholder={placeholder}\n                value={value}\n                onClick={onClick}\n                onBlur={onBlur}\n                onFocus={onFocus}\n                onKeyDown={handleKeyDown}\n            />\n            {clearIcon && (\n                <ClearBtn\n                    isInverted={isInverted}\n                    onClick={() => onClear && onClear()}\n                >\n                    {clearIcon}\n                </ClearBtn>\n            )}\n        </View>\n    );\n};\n\nexport default SearchInput;\n"],"names":["View","styled","form","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","theme","color","text","default","mq","medium","InputField","input","templateObject_2","spacings","nudge","backColor","font","getFonts","copy","small","family","weight","withRange","size","lineHeight","concat","getColors","primary","SubmitBtn","button","templateObject_3","spacer","inverted","div","isInverted","elementBg","light","hasLeftIcon","hasRightIcon","ControlBtn","templateObject_4","ClearBtn","templateObject_5","_b","mode","value","placeholder","method","action","buttonIcon","onSubmit","onClick","onBlur","onFocus","className","colors","useLibTheme","bgColor","React","createElement","submitIcon","clearIcon","onClear","undefined","onKeyDown","ev","keyCode","preventDefault"],"mappings":"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"}
+{"version":3,"file":"fields.js","sources":["../src/components/fields/CompactForm.tsx","../src/components/fields/SearchInput.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled from 'styled-components';\nimport { useLibTheme } from 'utils/LibThemeProvider';\n\nimport {\n    getColors as color,\n    getFonts as font,\n    mq,\n    spacings,\n    withRange,\n} from 'utils/styles';\n\nconst View = styled.form`\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n\n    color: ${({ theme }) => color(theme).text.default};\n\n    @media ${mq.medium} {\n        flex-direction: row;\n    }\n`;\n\nconst InputField = styled.input<{ backColor?: string }>`\n    display: block;\n    width: 100%;\n    height: 49px;\n    max-height: 49px;\n    padding: ${spacings.nudge}px ${spacings.nudge * 3}px;\n    color: inherit;\n\n    background-color: ${({ backColor }) => backColor && backColor};\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: ${({ theme }) => font(theme).copy.small.family};\n    font-weight: ${({ theme }) => font(theme).copy.small.weight};\n    ${({ theme }) => withRange(font(theme).copy.small.size, 'font-size')}\n    line-height: ${({ theme }) => font(theme).copy.small.lineHeight};\n\n    &:focus {\n        outline: ${({ theme }) => `2px solid ${color(theme).primary.default}`};\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &::placeholder {\n        color: inherit;\n    }\n`;\n\nconst SubmitBtn = styled.button<{ isInverted?: boolean }>`\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: ${spacings.spacer * 0.5}px;\n\n    background-color: ${({ theme }) => color(theme).primary.default};\n    color: ${({ theme }) => color(theme).text.inverted};\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 ${mq.medium} {\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\nconst CompactForm: FC<{\n    mode?: 'onSoft' | 'onDark' | 'default';\n    value?: string;\n    placeholder?: string;\n    method?: string;\n    action?: string;\n    buttonIcon?: React.ReactNode;\n    onSubmit?: (ev: React.SyntheticEvent<HTMLFormElement>) => void;\n    onClick?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    onFocus?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    onBlur?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    className?: string;\n}> = ({\n    mode = 'default',\n    value,\n    placeholder,\n    method,\n    action,\n    buttonIcon,\n    onSubmit,\n    onClick,\n    onBlur,\n    onFocus,\n    className,\n}) => {\n    const { colors } = useLibTheme();\n    const bgColor =\n        mode === 'default' ? colors.elementBg.medium : colors.elementBg.light;\n\n    return (\n        <View\n            onSubmit={onSubmit}\n            method={method}\n            action={action}\n            className={className}\n        >\n            <InputField\n                placeholder={placeholder}\n                value={value}\n                onClick={onClick}\n                onBlur={onBlur}\n                onFocus={onFocus}\n                backColor={bgColor}\n            />\n            {buttonIcon && (\n                <SubmitBtn isInverted={mode === 'onDark'}>\n                    {buttonIcon}\n                </SubmitBtn>\n            )}\n        </View>\n    );\n};\n\nexport default CompactForm;\n","import React, { FC } 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.div<{ isInverted?: boolean }>`\n    position: relative;\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n\n    color: ${({ theme }) => color(theme).text.default};\n\n    background-color: ${({ theme, isInverted }) =>\n        isInverted\n            ? color(theme).elementBg.light\n            : color(theme).elementBg.medium};\n`;\n\nconst InputField = styled.input<{\n    hasLeftIcon?: boolean;\n    hasRightIcon?: boolean;\n}>`\n    display: block;\n    width: 100%;\n    height: 100%;\n    padding: ${spacings.nudge * 3}px ${spacings.nudge * 3.5}px;\n    padding-left: ${({ hasLeftIcon }) =>\n        hasLeftIcon && spacings.spacer * 2.5 + 'px'};\n    padding-right: ${({ hasRightIcon }) =>\n        hasRightIcon && spacings.spacer * 2.5 + 'px'};\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: ${({ theme }) => font(theme).copy.small.family};\n    font-weight: 400;\n    ${({ theme }) => withRange(font(theme).copy.small.size, 'font-size')}\n    line-height: 1.25;\n\n    &::placeholder {\n        color: inherit;\n    }\n\n    &:focus {\n        outline: ${({ theme }) => `1px solid ${color(theme).primary.default}`};\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n`;\n\nconst ControlBtn = styled.button<{ isInverted?: boolean }>`\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: ${({ theme }) => color(theme).text.default};\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\nconst SubmitBtn = styled(ControlBtn)`\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n`;\n\nconst ClearBtn = styled(ControlBtn)`\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n`;\n\nconst SearchInput: FC<{\n    isInverted?: boolean;\n    value?: string;\n    placeholder?: string;\n    submitIcon?: React.ReactNode;\n    clearIcon?: React.ReactNode;\n    onSubmit?: () => void;\n    onClear?: () => void;\n    onClick?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    onBlur?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    onFocus?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    className?: string;\n}> = ({\n    isInverted = false,\n    value,\n    placeholder,\n    submitIcon,\n    clearIcon,\n    onSubmit,\n    onClick,\n    onClear,\n    onBlur,\n    onFocus,\n    className,\n}) => {\n    const handleKeyDown = (ev: React.KeyboardEvent<HTMLInputElement>) => {\n        if (ev.keyCode === 13) {\n            onSubmit && onSubmit();\n            ev.preventDefault();\n        }\n    };\n\n    return (\n        <View isInverted={isInverted} className={className}>\n            {submitIcon && (\n                <SubmitBtn\n                    isInverted={isInverted}\n                    onClick={() => onSubmit && onSubmit()}\n                >\n                    {submitIcon}\n                </SubmitBtn>\n            )}\n            <InputField\n                hasLeftIcon={submitIcon !== undefined}\n                hasRightIcon={clearIcon !== undefined}\n                placeholder={placeholder}\n                value={value}\n                onClick={onClick}\n                onBlur={onBlur}\n                onFocus={onFocus}\n                onKeyDown={handleKeyDown}\n            />\n            {clearIcon && (\n                <ClearBtn\n                    isInverted={isInverted}\n                    onClick={() => onClear && onClear()}\n                >\n                    {clearIcon}\n                </ClearBtn>\n            )}\n        </View>\n    );\n};\n\nexport default SearchInput;\n"],"names":["View","styled","form","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","theme","color","text","default","mq","medium","InputField","input","templateObject_2","spacings","nudge","backColor","font","getFonts","copy","small","family","weight","withRange","size","lineHeight","concat","getColors","primary","SubmitBtn","button","templateObject_3","spacer","inverted","div","isInverted","elementBg","light","hasLeftIcon","hasRightIcon","ControlBtn","templateObject_4","ClearBtn","templateObject_5","_b","mode","value","placeholder","method","action","buttonIcon","onSubmit","onClick","onBlur","onFocus","className","colors","useLibTheme","bgColor","React","createElement","submitIcon","clearIcon","onClear","undefined","onKeyDown","ev","keyCode","preventDefault"],"mappings":"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"}

package/cjs/footer.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./ClockFilled-2483aa4a.js"),n=require("./Grid-6f4f99bc.js"),t=require("./Section-e8e8cf81.js"),a=require("./Wrapper-ff6854d7.js"),i=require("./Copy-ea6ab025.js"),o=require("./Link-5a6f1633.js"),l=require("react"),r=require("styled-components"),s=require("./LibThemeProvider-4823de57.js"),d=require("./styles-3a495a2d.js"),m=require("./LanguageSwitcher-8fdd22ba.js"),c=require("./Bdot-5f8e0450.js"),p=require("./arrays-c272ed59.js"),u=require("./SocialList-1d5f75a8.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./clamp-bd21d587.js"),require("./concat-f387d848.js"),require("react-dom/server");var f,_,x,y,b,k,v,I,L,h,w,j,C,E,q=g(l),F=g(r),N=F.default.div.withConfig({displayName:"FooterBottomGrid__View",componentId:"sc-k4buhx-0"})(f||(f=e.__makeTemplateObject(["\n    border-top: 1px solid ",";\n    padding: ","px 0;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: space-between;\n\n        & > * + * {\n            margin-top: 0;\n            margin-left: ","px;\n        }\n    }\n"],["\n    border-top: 1px solid ",";\n    padding: ","px 0;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: space-between;\n\n        & > * + * {\n            margin-top: 0;\n            margin-left: ","px;\n        }\n    }\n"])),(function(e){var n=e.theme;return d.getColors(n).elementBg.medium}),2*d.spacings.nudge,2*d.spacings.nudge,d.mq.semilarge,2*d.spacings.nudge),T=F.default.ul.withConfig({displayName:"FooterBottomGrid__LinkListView",componentId:"sc-k4buhx-1"})(_||(_=e.__makeTemplateObject(["\n    padding: 0;\n    margin: 0;\n    list-style: none;\n\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: row;\n    align-items: center;\n\n    margin-left: -","px;\n"],["\n    padding: 0;\n    margin: 0;\n    list-style: none;\n\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: row;\n    align-items: center;\n\n    margin-left: -","px;\n"])),d.spacings.nudge),B=F.default.li.withConfig({displayName:"FooterBottomGrid__BottomLinkItem",componentId:"sc-k4buhx-2"})(x||(x=e.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n\n    padding-left: ","px;\n"],["\n    display: flex;\n    align-items: center;\n\n    padding-left: ","px;\n"])),d.spacings.nudge),O=F.default(o.Link).withConfig({displayName:"FooterBottomGrid__StyledLink",componentId:"sc-k4buhx-3"})(y||(y=e.__makeTemplateObject(["\n    display: block;\n    text-decoration: none;\n\n    ","\n    color: ",";\n"],["\n    display: block;\n    text-decoration: none;\n\n    ","\n    color: ",";\n"])),i.copyStyle("copy","small"),(function(e){var n=e.theme;return e.isInverted?d.getColors(n).text.inverted:d.getColors(n).text.default})),S={View:function(e){var n=e.className,t=e.children;return q.default.createElement(N,{className:n},t)},LinkList:function(n){var t=n.isInverted,a=n.links,i=n.brandIcon,o=n.className,r=l.useMemo((function(){return null==i?void 0:i(t)}),[i,t]);return q.default.createElement(T,{className:o},null==a?void 0:a.map((function(n,a){return q.default.createElement(B,{key:a},q.default.createElement(O,e.__assign({},n.link,{isInverted:t}),n.label))})),null!==r&&q.default.createElement(B,null,r||q.default.createElement(c.Bdot,null)))}},M=F.default.div.withConfig({displayName:"FooterBottomBar__LeftWrapper",componentId:"sc-bymlk0-0"})(b||(b=e.__makeTemplateObject(["\n    display: flex;\n    flex-wrap: wrap;\n    margin-left: -","px;\n\n    & > * {\n        padding-left: ","px;\n    }\n"],["\n    display: flex;\n    flex-wrap: wrap;\n    margin-left: -","px;\n\n    & > * {\n        padding-left: ","px;\n    }\n"])),d.spacings.spacer,d.spacings.spacer),V=function(n){var t=n.isInverted,a=n.languages,i=n.linksLeft,o=n.linksRight,l=n.brandIcon,r=n.languageIcon,s=n.className;return q.default.createElement(S.View,{className:s},q.default.createElement(M,null,a&&q.default.createElement(m.LanguageSwitcher,{isInverted:t,langs:a,languageIcon:r||function(){return q.default.createElement(e.LanguageIcon,null)},textSize:"small"}),p.isValidArray(i,!1)&&q.default.createElement(S.LinkList,{links:i,isInverted:t,brandIcon:function(){return null}})),p.isValidArray(o)&&q.default.createElement(S.LinkList,{links:o,isInverted:t,brandIcon:l}))},G=F.default(t.Section).withConfig({displayName:"Footer__FooterSection",componentId:"sc-9q145o-0"})(k||(k=e.__makeTemplateObject(["\n    ","\n    ","\n"],["\n    ","\n    ","\n"])),d.withRange([0],"padding-bottom"),d.withRange([0],"margin-bottom")),R=F.default.div.withConfig({displayName:"Footer__MainView",componentId:"sc-9q145o-1"})(v||(v=e.__makeTemplateObject(["\n    & > * {\n        margin-bottom: ","px;\n    }\n"],["\n    & > * {\n        margin-bottom: ","px;\n    }\n"])),2*d.spacings.nudge),A=F.default(i.Copy).withConfig({displayName:"Footer__ColTitle",componentId:"sc-9q145o-2"})(I||(I=e.__makeTemplateObject(["\n    margin-bottom: ","px;\n"],["\n    margin-bottom: ","px;\n"])),2*d.spacings.nudge),z=F.default(o.Link).withConfig({displayName:"Footer__StyledLink",componentId:"sc-9q145o-3"})(L||(L=e.__makeTemplateObject(["\n    display: inline-block;\n    text-decoration: none;\n\n    ","\n    color: ",";\n"],["\n    display: inline-block;\n    text-decoration: none;\n\n    ","\n    color: ",";\n"])),i.copyStyle("copy","medium"),(function(e){var n=e.theme;return e.isInverted?d.getColors(n).text.inverted:d.getColors(n).text.default})),W=F.default.ul.withConfig({displayName:"Footer__LinkList",componentId:"sc-9q145o-4"})(h||(h=e.__makeTemplateObject(["\n    padding: 0;\n    margin: 0;\n    list-style: none;\n"],["\n    padding: 0;\n    margin: 0;\n    list-style: none;\n"]))),P=F.default.li.withConfig({displayName:"Footer__LinkItem",componentId:"sc-9q145o-5"})(w||(w=e.__makeTemplateObject(["\n    & + & {\n        margin-top: ","px;\n    }\n"],["\n    & + & {\n        margin-top: ","px;\n    }\n"])),d.spacings.nudge),H=F.default.div.withConfig({displayName:"Footer__CustomCol",componentId:"sc-9q145o-6"})(j||(j=e.__makeTemplateObject(["\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        & > * + * {\n            margin-top: ","px;\n        }\n    }\n"],["\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        & > * + * {\n            margin-top: ","px;\n        }\n    }\n"])),5*d.spacings.nudge,d.mq.semilarge,d.spacings.spacer),D=F.default(i.Copy).withConfig({displayName:"Footer__FootNote",componentId:"sc-9q145o-7"})(C||(C=e.__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"])),5*d.spacings.nudge,d.mq.semilarge,d.spacings.spacer),J=s.withLibTheme((function(i){var o=i.bgMode,r=i.siteLinks,m=i.customColumn,c=i.footNote,u=i.bottomBar,g=i.bottomLinksLeft,f=i.bottomLinksRight,_=i.languages,x=s.useLibTheme().colors,y="inverted"===o,b=l.useMemo((function(){return m?m({isInverted:y,siteLinks:r,languages:_,bottomLinksLeft:g,bottomLinksRight:f}):void 0}),[g,f,m,y,_,r]),k=l.useMemo((function(){return u?u({isInverted:y,siteLinks:r,languages:_,bottomLinksLeft:g,bottomLinksRight:f}):void 0}),[u,g,f,y,_,r]),v=l.useMemo((function(){return null!==u&&(!!k||null!==k&&(p.isValidArray(_,!1)||p.isValidArray(g,!1)||p.isValidArray(f,!1)))}),[k,u,g,f,_]);return q.default.createElement(G,{addSeperation:!0,renderAs:"footer",clampSolidBg:!1,bgMode:t.mapToBgMode(o,!0),bgColor:y?x.sectionBg.dark:o?x.sectionBg.medium:x.sectionBg.light},q.default.createElement(a.Wrapper,{addWhitespace:!0},q.default.createElement(R,null,q.default.createElement(n.Grid.Row,{gutter:5*d.spacings.nudge,medium:{gutter:d.spacings.spacer}},null==r?void 0:r.map((function(t,a){var i=t.title,o=t.links;return q.default.createElement(n.Grid.Col,{key:a,medium:{span:.5},semilarge:{span:4/12},large:{span:.25},valign:"top"},q.default.createElement(A,{type:"copy-b",isInverted:y},i),q.default.createElement(W,null,null==o?void 0:o.map((function(n,t){var a=n.link,i=n.label;return q.default.createElement(P,{key:t},q.default.createElement(z,e.__assign({},a,{isInverted:y}),i))}))))})),b&&q.default.createElement(n.Grid.Col,{large:{span:.25},toRight:!0,valign:"top"},q.default.createElement(H,null,b))),c&&q.default.createElement(D,{size:"small",isInverted:y,innerHTML:c})),k||(v?q.default.createElement(V,{isInverted:y,linksLeft:g,linksRight:f,languages:_}):null)))})),K=F.default.div.withConfig({displayName:"FooterArticle__View",componentId:"sc-apxyjh-0"})(E||(E=e.__makeTemplateObject(["\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),2*d.spacings.nudge),Q=function(e){var n=e.isInverted,t=e.title,a=e.text,o=e.action,l=e.className;return q.default.createElement(K,{className:l},t&&q.default.createElement(i.Copy,{type:"copy-b",isInverted:n},t),a&&q.default.createElement(i.Copy,{size:"small",isInverted:n,innerHTML:a}),o&&o({isInverted:n}))},U=Object.freeze({__proto__:null,FooterColumn:function(e){var n=e.isInverted,t=e.title,a=e.text,i=e.action,o=e.socialTitle,l=e.socials;return q.default.createElement(q.default.Fragment,null,(t||a||i)&&q.default.createElement(Q,{isInverted:n,title:t,text:a,action:i}),l&&l.length>0&&q.default.createElement(u.SocialList,{isInverted:n,title:o,items:l}))},FooterBottomBar:V}),X=Object.freeze({__proto__:null,FooterArticle:Q,FooterBottomGrid:S});exports.Footer=J,exports.FooterPartials=U,exports.FooterSkeletons=X;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Filter-89286db9.js"),n=require("./Grid-1acefee9.js"),t=require("./Section-c9a16ccc.js"),a=require("./Wrapper-bca9463e.js"),i=require("./Copy-a0bc570d.js"),o=require("./Link-8951180c.js"),r=require("react"),l=require("styled-components"),s=require("./LibThemeProvider-69109901.js"),d=require("./styles-13e5d9ac.js"),c=require("./LanguageSwitcher-aa96cc7d.js"),m=require("./Bdot-62c8e349.js"),p=require("./arrays-c272ed59.js"),u=require("./SocialList-aec9a5c2.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./clamp-bd21d587.js"),require("./concat-f387d848.js"),require("react-dom/server");var f,_,x,y,b,k,v,I,L,h,w,j,C,E,q=g(r),F=g(l),N=F.default.div.withConfig({displayName:"FooterBottomGrid__View",componentId:"sc-k4buhx-0"})(f||(f=e.__makeTemplateObject(["\n    border-top: 1px solid ",";\n    padding: ","px 0;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: space-between;\n\n        & > * + * {\n            margin-top: 0;\n            margin-left: ","px;\n        }\n    }\n"],["\n    border-top: 1px solid ",";\n    padding: ","px 0;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: space-between;\n\n        & > * + * {\n            margin-top: 0;\n            margin-left: ","px;\n        }\n    }\n"])),(function(e){var n=e.theme;return d.getColors(n).elementBg.medium}),2*d.spacings.nudge,2*d.spacings.nudge,d.mq.semilarge,2*d.spacings.nudge),T=F.default.ul.withConfig({displayName:"FooterBottomGrid__LinkListView",componentId:"sc-k4buhx-1"})(_||(_=e.__makeTemplateObject(["\n    padding: 0;\n    margin: 0;\n    list-style: none;\n\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: row;\n    align-items: center;\n\n    margin-left: -","px;\n"],["\n    padding: 0;\n    margin: 0;\n    list-style: none;\n\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: row;\n    align-items: center;\n\n    margin-left: -","px;\n"])),d.spacings.nudge),B=F.default.li.withConfig({displayName:"FooterBottomGrid__BottomLinkItem",componentId:"sc-k4buhx-2"})(x||(x=e.__makeTemplateObject(["\n    display: flex;\n    align-items: center;\n\n    padding-left: ","px;\n"],["\n    display: flex;\n    align-items: center;\n\n    padding-left: ","px;\n"])),d.spacings.nudge),O=F.default(o.Link).withConfig({displayName:"FooterBottomGrid__StyledLink",componentId:"sc-k4buhx-3"})(y||(y=e.__makeTemplateObject(["\n    display: block;\n    text-decoration: none;\n\n    ","\n    color: ",";\n"],["\n    display: block;\n    text-decoration: none;\n\n    ","\n    color: ",";\n"])),i.copyStyle("copy","small"),(function(e){var n=e.theme;return e.isInverted?d.getColors(n).text.inverted:d.getColors(n).text.default})),S={View:function(e){var n=e.className,t=e.children;return q.default.createElement(N,{className:n},t)},LinkList:function(n){var t=n.isInverted,a=n.links,i=n.brandIcon,o=n.className,l=r.useMemo((function(){return null==i?void 0:i(t)}),[i,t]);return q.default.createElement(T,{className:o},null==a?void 0:a.map((function(n,a){return q.default.createElement(B,{key:a},q.default.createElement(O,e.__assign({},n.link,{isInverted:t}),n.label))})),null!==l&&q.default.createElement(B,null,l||q.default.createElement(m.Bdot,null)))}},M=F.default.div.withConfig({displayName:"FooterBottomBar__LeftWrapper",componentId:"sc-bymlk0-0"})(b||(b=e.__makeTemplateObject(["\n    display: flex;\n    flex-wrap: wrap;\n    margin-left: -","px;\n\n    & > * {\n        padding-left: ","px;\n    }\n"],["\n    display: flex;\n    flex-wrap: wrap;\n    margin-left: -","px;\n\n    & > * {\n        padding-left: ","px;\n    }\n"])),d.spacings.spacer,d.spacings.spacer),V=function(n){var t=n.isInverted,a=n.languages,i=n.linksLeft,o=n.linksRight,r=n.brandIcon,l=n.languageIcon,s=n.className;return q.default.createElement(S.View,{className:s},q.default.createElement(M,null,a&&q.default.createElement(c.LanguageSwitcher,{isInverted:t,langs:a,languageIcon:l||function(){return q.default.createElement(e.LanguageIcon,null)},textSize:"small"}),p.isValidArray(i,!1)&&q.default.createElement(S.LinkList,{links:i,isInverted:t,brandIcon:function(){return null}})),p.isValidArray(o)&&q.default.createElement(S.LinkList,{links:o,isInverted:t,brandIcon:r}))},G=F.default(t.Section).withConfig({displayName:"Footer__FooterSection",componentId:"sc-9q145o-0"})(k||(k=e.__makeTemplateObject(["\n    ","\n    ","\n"],["\n    ","\n    ","\n"])),d.withRange([0],"padding-bottom"),d.withRange([0],"margin-bottom")),R=F.default.div.withConfig({displayName:"Footer__MainView",componentId:"sc-9q145o-1"})(v||(v=e.__makeTemplateObject(["\n    & > * {\n        margin-bottom: ","px;\n    }\n"],["\n    & > * {\n        margin-bottom: ","px;\n    }\n"])),2*d.spacings.nudge),A=F.default(i.Copy).withConfig({displayName:"Footer__ColTitle",componentId:"sc-9q145o-2"})(I||(I=e.__makeTemplateObject(["\n    margin-bottom: ","px;\n"],["\n    margin-bottom: ","px;\n"])),2*d.spacings.nudge),z=F.default(o.Link).withConfig({displayName:"Footer__StyledLink",componentId:"sc-9q145o-3"})(L||(L=e.__makeTemplateObject(["\n    display: inline-block;\n    text-decoration: none;\n\n    ","\n    color: ",";\n"],["\n    display: inline-block;\n    text-decoration: none;\n\n    ","\n    color: ",";\n"])),i.copyStyle("copy","medium"),(function(e){var n=e.theme;return e.isInverted?d.getColors(n).text.inverted:d.getColors(n).text.default})),W=F.default.ul.withConfig({displayName:"Footer__LinkList",componentId:"sc-9q145o-4"})(h||(h=e.__makeTemplateObject(["\n    padding: 0;\n    margin: 0;\n    list-style: none;\n"],["\n    padding: 0;\n    margin: 0;\n    list-style: none;\n"]))),P=F.default.li.withConfig({displayName:"Footer__LinkItem",componentId:"sc-9q145o-5"})(w||(w=e.__makeTemplateObject(["\n    & + & {\n        margin-top: ","px;\n    }\n"],["\n    & + & {\n        margin-top: ","px;\n    }\n"])),d.spacings.nudge),H=F.default.div.withConfig({displayName:"Footer__CustomCol",componentId:"sc-9q145o-6"})(j||(j=e.__makeTemplateObject(["\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        & > * + * {\n            margin-top: ","px;\n        }\n    }\n"],["\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        & > * + * {\n            margin-top: ","px;\n        }\n    }\n"])),5*d.spacings.nudge,d.mq.semilarge,d.spacings.spacer),D=F.default(i.Copy).withConfig({displayName:"Footer__FootNote",componentId:"sc-9q145o-7"})(C||(C=e.__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"])),5*d.spacings.nudge,d.mq.semilarge,d.spacings.spacer),J=s.withLibTheme((function(i){var o=i.bgMode,l=i.siteLinks,c=i.customColumn,m=i.footNote,u=i.bottomBar,g=i.bottomLinksLeft,f=i.bottomLinksRight,_=i.languages,x=s.useLibTheme().colors,y="inverted"===o,b=r.useMemo((function(){return c?c({isInverted:y,siteLinks:l,languages:_,bottomLinksLeft:g,bottomLinksRight:f}):void 0}),[g,f,c,y,_,l]),k=r.useMemo((function(){return u?u({isInverted:y,siteLinks:l,languages:_,bottomLinksLeft:g,bottomLinksRight:f}):void 0}),[u,g,f,y,_,l]),v=r.useMemo((function(){return null!==u&&(!!k||null!==k&&(p.isValidArray(_,!1)||p.isValidArray(g,!1)||p.isValidArray(f,!1)))}),[k,u,g,f,_]);return q.default.createElement(G,{addSeperation:!0,renderAs:"footer",clampSolidBg:!1,bgMode:t.mapToBgMode(o,!0),bgColor:y?x.sectionBg.dark:o?x.sectionBg.medium:x.sectionBg.light},q.default.createElement(a.Wrapper,{addWhitespace:!0},q.default.createElement(R,null,q.default.createElement(n.Grid.Row,{gutter:5*d.spacings.nudge,medium:{gutter:d.spacings.spacer}},null==l?void 0:l.map((function(t,a){var i=t.title,o=t.links;return q.default.createElement(n.Grid.Col,{key:a,medium:{span:.5},semilarge:{span:4/12},large:{span:.25},valign:"top"},q.default.createElement(A,{type:"copy-b",isInverted:y},i),q.default.createElement(W,null,null==o?void 0:o.map((function(n,t){var a=n.link,i=n.label;return q.default.createElement(P,{key:t},q.default.createElement(z,e.__assign({},a,{isInverted:y}),i))}))))})),b&&q.default.createElement(n.Grid.Col,{large:{span:.25},toRight:!0,valign:"top"},q.default.createElement(H,null,b))),m&&q.default.createElement(D,{size:"small",isInverted:y,innerHTML:m})),k||(v?q.default.createElement(V,{isInverted:y,linksLeft:g,linksRight:f,languages:_}):null)))})),K=F.default.div.withConfig({displayName:"FooterArticle__View",componentId:"sc-apxyjh-0"})(E||(E=e.__makeTemplateObject(["\n    & > * + * {\n        margin-top: ","px;\n    }\n"],["\n    & > * + * {\n        margin-top: ","px;\n    }\n"])),2*d.spacings.nudge),Q=function(e){var n=e.isInverted,t=e.title,a=e.text,o=e.action,r=e.className;return q.default.createElement(K,{className:r},t&&q.default.createElement(i.Copy,{type:"copy-b",isInverted:n},t),a&&q.default.createElement(i.Copy,{size:"small",isInverted:n,innerHTML:a}),o&&o({isInverted:n}))},U=Object.freeze({__proto__:null,FooterColumn:function(e){var n=e.isInverted,t=e.title,a=e.text,i=e.action,o=e.socialTitle,r=e.socials;return q.default.createElement(q.default.Fragment,null,(t||a||i)&&q.default.createElement(Q,{isInverted:n,title:t,text:a,action:i}),r&&r.length>0&&q.default.createElement(u.SocialList,{isInverted:n,title:o,items:r}))},FooterBottomBar:V}),X=Object.freeze({__proto__:null,FooterArticle:Q,FooterBottomGrid:S});exports.Footer=J,exports.FooterPartials=U,exports.FooterSkeletons=X;
 //# sourceMappingURL=footer.js.map

package/cjs/footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer.js","sources":["../src/components/sections/footer/skeletons/FooterBottomGrid.tsx","../src/components/sections/footer/partials/FooterBottomBar.tsx","../src/components/sections/footer/Footer.tsx","../src/components/sections/footer/skeletons/FooterArticle.tsx","../src/components/sections/footer/partials/FooterColumn.tsx"],"sourcesContent":["import React, { FC, useMemo } from 'react';\nimport styled from 'styled-components';\n\nimport Bdot from 'components/blocks/Bdot';\nimport { copyStyle } from 'components/typography/Copy';\nimport Link from 'components/typography/Link';\n\nimport { spacings, getColors as color, mq } from 'utils/styles';\nimport { BottomLink } from '../Footer';\n\nconst View = styled.div`\n    border-top: 1px solid ${({ theme }) => color(theme).elementBg.medium};\n    padding: ${spacings.nudge * 2}px 0;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n\n    @media ${mq.semilarge} {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: space-between;\n\n        & > * + * {\n            margin-top: 0;\n            margin-left: ${spacings.nudge * 2}px;\n        }\n    }\n`;\n\nconst LinkListView = styled.ul`\n    padding: 0;\n    margin: 0;\n    list-style: none;\n\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: row;\n    align-items: center;\n\n    margin-left: -${spacings.nudge}px;\n`;\n\nconst BottomLinkItem = styled.li`\n    display: flex;\n    align-items: center;\n\n    padding-left: ${spacings.nudge}px;\n`;\n\nconst StyledLink = styled(Link)<{ isInverted?: boolean }>`\n    display: block;\n    text-decoration: none;\n\n    ${copyStyle('copy', 'small')}\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n`;\n\nconst LinkList: FC<{\n    isInverted?: boolean;\n    links?: BottomLink[];\n    brandIcon?: (isInverted?: boolean) => React.ReactNode | null;\n    className?: string;\n}> = ({ isInverted, links, brandIcon, className }) => {\n    const brand = useMemo(\n        () => brandIcon?.(isInverted),\n        [brandIcon, isInverted]\n    );\n\n    return (\n        <LinkListView className={className}>\n            {links?.map((item, i) => (\n                <BottomLinkItem key={i}>\n                    <StyledLink {...item.link} isInverted={isInverted}>\n                        {item.label}\n                    </StyledLink>\n                </BottomLinkItem>\n            ))}\n            {brand !== null && (\n                <BottomLinkItem>{brand || <Bdot />}</BottomLinkItem>\n            )}\n        </LinkListView>\n    );\n};\n\nconst FooterBottomGrid: FC<{\n    className?: string;\n    children?: React.ReactNode;\n}> = ({ className, children }) => {\n    return <View className={className}>{children}</View>;\n};\n\nexport default {\n    View: FooterBottomGrid,\n    LinkList: LinkList,\n};\n","import React, { FC } from 'react';\n\nimport LanguageSwitcher, { Language } from 'components/blocks/LanguageSwitcher';\nimport FooterBottomGrid from '../skeletons/FooterBottomGrid';\nimport { BottomLink } from '../Footer';\nimport * as Icons from 'components/base/icons/Icons';\nimport { isValidArray } from 'utils/arrays';\nimport styled from 'styled-components';\nimport { spacings } from 'utils/styles';\n\nconst LeftWrapper = styled.div`\n    display: flex;\n    flex-wrap: wrap;\n    margin-left: -${spacings.spacer}px;\n\n    & > * {\n        padding-left: ${spacings.spacer}px;\n    }\n`;\n\nconst FooterBottomBar: FC<{\n    isInverted?: boolean;\n    languages?: Language[];\n    linksLeft?: BottomLink[];\n    linksRight?: BottomLink[];\n    brandIcon?: (isInverted?: boolean) => React.ReactNode;\n    languageIcon?: (isInverted?: boolean) => React.ReactNode;\n    className?: string;\n}> = ({\n    isInverted,\n    languages,\n    linksLeft,\n    linksRight,\n    brandIcon,\n    languageIcon,\n    className,\n}) => {\n    return (\n        <FooterBottomGrid.View className={className}>\n            <LeftWrapper>\n                {languages && (\n                    <LanguageSwitcher\n                        isInverted={isInverted}\n                        langs={languages}\n                        languageIcon={\n                            languageIcon\n                                ? languageIcon\n                                : () => <Icons.Language />\n                        }\n                        textSize=\"small\"\n                    />\n                )}\n                {isValidArray(linksLeft, false) && (\n                    <FooterBottomGrid.LinkList\n                        links={linksLeft}\n                        isInverted={isInverted}\n                        brandIcon={() => null}\n                    />\n                )}\n            </LeftWrapper>\n            {isValidArray(linksRight) && (\n                <FooterBottomGrid.LinkList\n                    links={linksRight}\n                    isInverted={isInverted}\n                    brandIcon={brandIcon}\n                />\n            )}\n        </FooterBottomGrid.View>\n    );\n};\n\nexport default FooterBottomBar;\n","import Grid from 'components/base/Grid';\nimport Section, { mapToBgMode } from 'components/base/Section';\nimport Wrapper from 'components/base/Wrapper';\nimport { Language } from 'components/blocks/LanguageSwitcher';\nimport Copy, { copyStyle } from 'components/typography/Copy';\nimport Link, { LinkProps } from 'components/typography/Link';\nimport React, { useMemo } from 'react';\nimport styled from 'styled-components';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport { getColors as color, mq, spacings, withRange } from 'utils/styles';\nimport { withLibTheme } from 'utils/LibThemeProvider';\nimport FooterBottomBar from './partials/FooterBottomBar';\nimport { isValidArray } from 'utils/arrays';\n\nconst FooterSection = styled(Section)`\n    ${withRange([0], 'padding-bottom')}\n    ${withRange([0], 'margin-bottom')}\n`;\n\nconst MainView = styled.div`\n    & > * {\n        margin-bottom: ${spacings.nudge * 2}px;\n    }\n`;\n\nconst ColTitle = styled(Copy)`\n    margin-bottom: ${spacings.nudge * 2}px;\n`;\n\nconst StyledLink = styled(Link)<{ isInverted?: boolean }>`\n    display: inline-block;\n    text-decoration: none;\n\n    ${copyStyle('copy', 'medium')}\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n`;\n\nconst LinkList = styled.ul`\n    padding: 0;\n    margin: 0;\n    list-style: none;\n`;\n\nconst LinkItem = styled.li`\n    & + & {\n        margin-top: ${spacings.nudge}px;\n    }\n`;\n\nconst CustomCol = styled.div`\n    & > * + * {\n        margin-top: ${spacings.nudge * 5}px;\n    }\n\n    @media ${mq.semilarge} {\n        & > * + * {\n            margin-top: ${spacings.spacer}px;\n        }\n    }\n`;\n\nconst FootNote = styled(Copy)`\n    margin-top: ${spacings.nudge * 5}px;\n\n    @media ${mq.semilarge} {\n        margin-top: ${spacings.spacer}px;\n    }\n`;\n\nexport interface SiteLinkGroup {\n    title?: string;\n    links?: Array<{ label?: string; link?: LinkProps }>;\n}\n\nexport interface FooterState {\n    isInverted?: boolean;\n    siteLinks?: SiteLinkGroup[];\n    bottomLinksLeft?: BottomLink[];\n    bottomLinksRight?: BottomLink[];\n    languages?: Language[];\n}\n\nexport interface BottomLink {\n    label?: string;\n    link?: LinkProps;\n}\n\nconst Footer: React.FC<{\n    /** ID value for targeting section with anchor hashes */\n    anchorId?: string;\n\n    /** Section background */\n    bgMode?: 'full' | 'inverted';\n\n    /** Array of sitelink groups */\n    siteLinks?: SiteLinkGroup[];\n\n    /** Function to inject custom footer column content */\n    customColumn?: (props: FooterState) => React.ReactNode;\n\n    /** Footnote text of main section (richtext) */\n    footNote?: string;\n\n    /** Link list in left bottom bar */\n    bottomLinksLeft?: BottomLink[];\n\n    /** Link list in right bottom bar */\n    bottomLinksRight?: BottomLink[];\n\n    /** Language toggler settings */\n    languages?: Language[];\n\n    /** Inject function to suppress bottom bar or define a custom definition */\n    bottomBar?: ((props: FooterState) => React.ReactNode | null) | null;\n}> = ({\n    bgMode,\n    siteLinks,\n    customColumn,\n    footNote,\n    bottomBar,\n    bottomLinksLeft,\n    bottomLinksRight,\n    languages,\n}) => {\n    const { colors } = useLibTheme();\n    const isInverted = bgMode === 'inverted';\n\n    const customCol = useMemo(() => {\n        return customColumn\n            ? customColumn({\n                  isInverted,\n                  siteLinks,\n                  languages,\n                  bottomLinksLeft,\n                  bottomLinksRight,\n              })\n            : undefined;\n    }, [\n        bottomLinksLeft,\n        bottomLinksRight,\n        customColumn,\n        isInverted,\n        languages,\n        siteLinks,\n    ]);\n\n    const bottom = useMemo(() => {\n        return bottomBar\n            ? bottomBar({\n                  isInverted,\n                  siteLinks,\n                  languages,\n                  bottomLinksLeft,\n                  bottomLinksRight,\n              })\n            : undefined;\n    }, [\n        bottomBar,\n        bottomLinksLeft,\n        bottomLinksRight,\n        isInverted,\n        languages,\n        siteLinks,\n    ]);\n\n    const hasBottomBar = useMemo(() => {\n        if (bottomBar === null) return false;\n        if (bottom) return true;\n        if (bottom === null) return false;\n\n        return (\n            isValidArray(languages, false) ||\n            isValidArray(bottomLinksLeft, false) ||\n            isValidArray(bottomLinksRight, false)\n        );\n    }, [bottom, bottomBar, bottomLinksLeft, bottomLinksRight, languages]);\n\n    return (\n        <FooterSection\n            addSeperation\n            renderAs=\"footer\"\n            clampSolidBg={false}\n            bgMode={mapToBgMode(bgMode, true)}\n            bgColor={\n                isInverted\n                    ? colors.sectionBg.dark\n                    : bgMode\n                    ? colors.sectionBg.medium\n                    : colors.sectionBg.light\n            }\n        >\n            <Wrapper addWhitespace>\n                <MainView>\n                    <Grid.Row\n                        gutter={spacings.nudge * 5}\n                        medium={{ gutter: spacings.spacer }}\n                    >\n                        {siteLinks?.map(({ title, links }, i) => {\n                            return (\n                                <Grid.Col\n                                    key={i}\n                                    medium={{ span: 6 / 12 }}\n                                    semilarge={{ span: 4 / 12 }}\n                                    large={{ span: 3 / 12 }}\n                                    valign=\"top\"\n                                >\n                                    <ColTitle\n                                        type=\"copy-b\"\n                                        isInverted={isInverted}\n                                    >\n                                        {title}\n                                    </ColTitle>\n                                    <LinkList>\n                                        {links?.map(({ link, label }, ii) => (\n                                            <LinkItem key={ii}>\n                                                <StyledLink\n                                                    {...link}\n                                                    isInverted={isInverted}\n                                                >\n                                                    {label}\n                                                </StyledLink>\n                                            </LinkItem>\n                                        ))}\n                                    </LinkList>\n                                </Grid.Col>\n                            );\n                        })}\n                        {customCol && (\n                            <Grid.Col\n                                large={{ span: 3 / 12 }}\n                                toRight\n                                valign=\"top\"\n                            >\n                                <CustomCol>{customCol}</CustomCol>\n                            </Grid.Col>\n                        )}\n                    </Grid.Row>\n                    {footNote && (\n                        <FootNote\n                            size=\"small\"\n                            isInverted={isInverted}\n                            innerHTML={footNote}\n                        />\n                    )}\n                </MainView>\n                {bottom ? (\n                    bottom\n                ) : hasBottomBar ? (\n                    <FooterBottomBar\n                        isInverted={isInverted}\n                        linksLeft={bottomLinksLeft}\n                        linksRight={bottomLinksRight}\n                        languages={languages}\n                    />\n                ) : null}\n            </Wrapper>\n        </FooterSection>\n    );\n};\n\nexport const FooterComponent = Footer;\nexport default withLibTheme(Footer);\n","import React, { FC } from 'react';\nimport styled from 'styled-components';\nimport { spacings } from 'utils/styles';\n\nimport Copy from 'components/typography/Copy';\n\nconst View = styled.div`\n    & > * + * {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n`;\n\nconst FooterArticle: FC<{\n    isInverted?: boolean;\n    title?: string;\n    text?: string;\n    action?: (props: { isInverted?: boolean }) => React.ReactNode;\n    className?: string;\n}> = ({ isInverted, title, text, action, className }) => {\n    return (\n        <View className={className}>\n            {title && (\n                <Copy type=\"copy-b\" isInverted={isInverted}>\n                    {title}\n                </Copy>\n            )}\n            {text && (\n                <Copy size=\"small\" isInverted={isInverted} innerHTML={text} />\n            )}\n            {action && action({ isInverted })}\n        </View>\n    );\n};\n\nexport default FooterArticle;\n","import SocialList, { SocialItem } from 'components/blocks/SocialList';\nimport React, { FC } from 'react';\nimport FooterArticle from '../skeletons/FooterArticle';\n\nconst FooterColumn: FC<{\n    isInverted?: boolean;\n    title?: string;\n    text?: string;\n    action?: (props: { isInverted?: boolean }) => React.ReactNode;\n    socialTitle?: string;\n    socials?: SocialItem[];\n}> = ({ isInverted, title, text, action, socialTitle, socials }) => {\n    return (\n        <React.Fragment>\n            {(title || text || action) && (\n                <FooterArticle\n                    isInverted={isInverted}\n                    title={title}\n                    text={text}\n                    action={action}\n                />\n            )}\n            {socials && socials.length > 0 && (\n                <SocialList\n                    isInverted={isInverted}\n                    title={socialTitle}\n                    items={socials}\n                />\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default FooterColumn;\n"],"names":["View","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","theme","color","elementBg","medium","spacings","nudge","mq","semilarge","LinkListView","ul","templateObject_2","BottomLinkItem","li","templateObject_3","StyledLink","Link","templateObject_4","copyStyle","isInverted","text","inverted","default","FooterBottomGrid$1","className","children","React","createElement","LinkList","links","brandIcon","brand","useMemo","map","item","i","key","__assign","link","label","Bdot","LeftWrapper","spacer","FooterBottomBar","languages","linksLeft","linksRight","languageIcon","FooterBottomGrid","LanguageSwitcher","langs","Icons","LanguageIcon","textSize","isValidArray","FooterSection","Section","withRange","MainView","ColTitle","Copy","templateObject_5","LinkItem","templateObject_6","CustomCol","templateObject_7","FootNote","templateObject_8","Footer$1","withLibTheme","bgMode","siteLinks","customColumn","footNote","bottomBar","bottomLinksLeft","bottomLinksRight","colors","useLibTheme","customCol","undefined","bottom","hasBottomBar","addSeperation","renderAs","clampSolidBg","mapToBgMode","bgColor","sectionBg","dark","light","Wrapper","addWhitespace","Grid","Row","gutter","title","Col","span","large","valign","type","ii","toRight","size","innerHTML","FooterArticle","action","socialTitle","socials","Fragment","length","SocialList","items"],"mappings":"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"}
+{"version":3,"file":"footer.js","sources":["../src/components/sections/footer/skeletons/FooterBottomGrid.tsx","../src/components/sections/footer/partials/FooterBottomBar.tsx","../src/components/sections/footer/Footer.tsx","../src/components/sections/footer/skeletons/FooterArticle.tsx","../src/components/sections/footer/partials/FooterColumn.tsx"],"sourcesContent":["import React, { FC, useMemo } from 'react';\nimport styled from 'styled-components';\n\nimport Bdot from 'components/blocks/Bdot';\nimport { copyStyle } from 'components/typography/Copy';\nimport Link from 'components/typography/Link';\n\nimport { spacings, getColors as color, mq } from 'utils/styles';\nimport { BottomLink } from '../Footer';\n\nconst View = styled.div`\n    border-top: 1px solid ${({ theme }) => color(theme).elementBg.medium};\n    padding: ${spacings.nudge * 2}px 0;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n\n    @media ${mq.semilarge} {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: space-between;\n\n        & > * + * {\n            margin-top: 0;\n            margin-left: ${spacings.nudge * 2}px;\n        }\n    }\n`;\n\nconst LinkListView = styled.ul`\n    padding: 0;\n    margin: 0;\n    list-style: none;\n\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: row;\n    align-items: center;\n\n    margin-left: -${spacings.nudge}px;\n`;\n\nconst BottomLinkItem = styled.li`\n    display: flex;\n    align-items: center;\n\n    padding-left: ${spacings.nudge}px;\n`;\n\nconst StyledLink = styled(Link)<{ isInverted?: boolean }>`\n    display: block;\n    text-decoration: none;\n\n    ${copyStyle('copy', 'small')}\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n`;\n\nconst LinkList: FC<{\n    isInverted?: boolean;\n    links?: BottomLink[];\n    brandIcon?: (isInverted?: boolean) => React.ReactNode | null;\n    className?: string;\n}> = ({ isInverted, links, brandIcon, className }) => {\n    const brand = useMemo(\n        () => brandIcon?.(isInverted),\n        [brandIcon, isInverted]\n    );\n\n    return (\n        <LinkListView className={className}>\n            {links?.map((item, i) => (\n                <BottomLinkItem key={i}>\n                    <StyledLink {...item.link} isInverted={isInverted}>\n                        {item.label}\n                    </StyledLink>\n                </BottomLinkItem>\n            ))}\n            {brand !== null && (\n                <BottomLinkItem>{brand || <Bdot />}</BottomLinkItem>\n            )}\n        </LinkListView>\n    );\n};\n\nconst FooterBottomGrid: FC<{\n    className?: string;\n    children?: React.ReactNode;\n}> = ({ className, children }) => {\n    return <View className={className}>{children}</View>;\n};\n\nexport default {\n    View: FooterBottomGrid,\n    LinkList: LinkList,\n};\n","import React, { FC } from 'react';\n\nimport LanguageSwitcher, { Language } from 'components/blocks/LanguageSwitcher';\nimport FooterBottomGrid from '../skeletons/FooterBottomGrid';\nimport { BottomLink } from '../Footer';\nimport * as Icons from 'components/base/icons/Icons';\nimport { isValidArray } from 'utils/arrays';\nimport styled from 'styled-components';\nimport { spacings } from 'utils/styles';\n\nconst LeftWrapper = styled.div`\n    display: flex;\n    flex-wrap: wrap;\n    margin-left: -${spacings.spacer}px;\n\n    & > * {\n        padding-left: ${spacings.spacer}px;\n    }\n`;\n\nconst FooterBottomBar: FC<{\n    isInverted?: boolean;\n    languages?: Language[];\n    linksLeft?: BottomLink[];\n    linksRight?: BottomLink[];\n    brandIcon?: (isInverted?: boolean) => React.ReactNode;\n    languageIcon?: (isInverted?: boolean) => React.ReactNode;\n    className?: string;\n}> = ({\n    isInverted,\n    languages,\n    linksLeft,\n    linksRight,\n    brandIcon,\n    languageIcon,\n    className,\n}) => {\n    return (\n        <FooterBottomGrid.View className={className}>\n            <LeftWrapper>\n                {languages && (\n                    <LanguageSwitcher\n                        isInverted={isInverted}\n                        langs={languages}\n                        languageIcon={\n                            languageIcon\n                                ? languageIcon\n                                : () => <Icons.Language />\n                        }\n                        textSize=\"small\"\n                    />\n                )}\n                {isValidArray(linksLeft, false) && (\n                    <FooterBottomGrid.LinkList\n                        links={linksLeft}\n                        isInverted={isInverted}\n                        brandIcon={() => null}\n                    />\n                )}\n            </LeftWrapper>\n            {isValidArray(linksRight) && (\n                <FooterBottomGrid.LinkList\n                    links={linksRight}\n                    isInverted={isInverted}\n                    brandIcon={brandIcon}\n                />\n            )}\n        </FooterBottomGrid.View>\n    );\n};\n\nexport default FooterBottomBar;\n","import Grid from 'components/base/Grid';\nimport Section, { mapToBgMode } from 'components/base/Section';\nimport Wrapper from 'components/base/Wrapper';\nimport { Language } from 'components/blocks/LanguageSwitcher';\nimport Copy, { copyStyle } from 'components/typography/Copy';\nimport Link, { LinkProps } from 'components/typography/Link';\nimport React, { useMemo } from 'react';\nimport styled from 'styled-components';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport { getColors as color, mq, spacings, withRange } from 'utils/styles';\nimport { withLibTheme } from 'utils/LibThemeProvider';\nimport FooterBottomBar from './partials/FooterBottomBar';\nimport { isValidArray } from 'utils/arrays';\n\nconst FooterSection = styled(Section)`\n    ${withRange([0], 'padding-bottom')}\n    ${withRange([0], 'margin-bottom')}\n`;\n\nconst MainView = styled.div`\n    & > * {\n        margin-bottom: ${spacings.nudge * 2}px;\n    }\n`;\n\nconst ColTitle = styled(Copy)`\n    margin-bottom: ${spacings.nudge * 2}px;\n`;\n\nconst StyledLink = styled(Link)<{ isInverted?: boolean }>`\n    display: inline-block;\n    text-decoration: none;\n\n    ${copyStyle('copy', 'medium')}\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n`;\n\nconst LinkList = styled.ul`\n    padding: 0;\n    margin: 0;\n    list-style: none;\n`;\n\nconst LinkItem = styled.li`\n    & + & {\n        margin-top: ${spacings.nudge}px;\n    }\n`;\n\nconst CustomCol = styled.div`\n    & > * + * {\n        margin-top: ${spacings.nudge * 5}px;\n    }\n\n    @media ${mq.semilarge} {\n        & > * + * {\n            margin-top: ${spacings.spacer}px;\n        }\n    }\n`;\n\nconst FootNote = styled(Copy)`\n    margin-top: ${spacings.nudge * 5}px;\n\n    @media ${mq.semilarge} {\n        margin-top: ${spacings.spacer}px;\n    }\n`;\n\nexport interface SiteLinkGroup {\n    title?: string;\n    links?: Array<{ label?: string; link?: LinkProps }>;\n}\n\nexport interface FooterState {\n    isInverted?: boolean;\n    siteLinks?: SiteLinkGroup[];\n    bottomLinksLeft?: BottomLink[];\n    bottomLinksRight?: BottomLink[];\n    languages?: Language[];\n}\n\nexport interface BottomLink {\n    label?: string;\n    link?: LinkProps;\n}\n\nconst Footer: React.FC<{\n    /** ID value for targeting section with anchor hashes */\n    anchorId?: string;\n\n    /** Section background */\n    bgMode?: 'full' | 'inverted';\n\n    /** Array of sitelink groups */\n    siteLinks?: SiteLinkGroup[];\n\n    /** Function to inject custom footer column content */\n    customColumn?: (props: FooterState) => React.ReactNode;\n\n    /** Footnote text of main section (richtext) */\n    footNote?: string;\n\n    /** Link list in left bottom bar */\n    bottomLinksLeft?: BottomLink[];\n\n    /** Link list in right bottom bar */\n    bottomLinksRight?: BottomLink[];\n\n    /** Language toggler settings */\n    languages?: Language[];\n\n    /** Inject function to suppress bottom bar or define a custom definition */\n    bottomBar?: ((props: FooterState) => React.ReactNode | null) | null;\n}> = ({\n    bgMode,\n    siteLinks,\n    customColumn,\n    footNote,\n    bottomBar,\n    bottomLinksLeft,\n    bottomLinksRight,\n    languages,\n}) => {\n    const { colors } = useLibTheme();\n    const isInverted = bgMode === 'inverted';\n\n    const customCol = useMemo(() => {\n        return customColumn\n            ? customColumn({\n                  isInverted,\n                  siteLinks,\n                  languages,\n                  bottomLinksLeft,\n                  bottomLinksRight,\n              })\n            : undefined;\n    }, [\n        bottomLinksLeft,\n        bottomLinksRight,\n        customColumn,\n        isInverted,\n        languages,\n        siteLinks,\n    ]);\n\n    const bottom = useMemo(() => {\n        return bottomBar\n            ? bottomBar({\n                  isInverted,\n                  siteLinks,\n                  languages,\n                  bottomLinksLeft,\n                  bottomLinksRight,\n              })\n            : undefined;\n    }, [\n        bottomBar,\n        bottomLinksLeft,\n        bottomLinksRight,\n        isInverted,\n        languages,\n        siteLinks,\n    ]);\n\n    const hasBottomBar = useMemo(() => {\n        if (bottomBar === null) return false;\n        if (bottom) return true;\n        if (bottom === null) return false;\n\n        return (\n            isValidArray(languages, false) ||\n            isValidArray(bottomLinksLeft, false) ||\n            isValidArray(bottomLinksRight, false)\n        );\n    }, [bottom, bottomBar, bottomLinksLeft, bottomLinksRight, languages]);\n\n    return (\n        <FooterSection\n            addSeperation\n            renderAs=\"footer\"\n            clampSolidBg={false}\n            bgMode={mapToBgMode(bgMode, true)}\n            bgColor={\n                isInverted\n                    ? colors.sectionBg.dark\n                    : bgMode\n                    ? colors.sectionBg.medium\n                    : colors.sectionBg.light\n            }\n        >\n            <Wrapper addWhitespace>\n                <MainView>\n                    <Grid.Row\n                        gutter={spacings.nudge * 5}\n                        medium={{ gutter: spacings.spacer }}\n                    >\n                        {siteLinks?.map(({ title, links }, i) => {\n                            return (\n                                <Grid.Col\n                                    key={i}\n                                    medium={{ span: 6 / 12 }}\n                                    semilarge={{ span: 4 / 12 }}\n                                    large={{ span: 3 / 12 }}\n                                    valign=\"top\"\n                                >\n                                    <ColTitle\n                                        type=\"copy-b\"\n                                        isInverted={isInverted}\n                                    >\n                                        {title}\n                                    </ColTitle>\n                                    <LinkList>\n                                        {links?.map(({ link, label }, ii) => (\n                                            <LinkItem key={ii}>\n                                                <StyledLink\n                                                    {...link}\n                                                    isInverted={isInverted}\n                                                >\n                                                    {label}\n                                                </StyledLink>\n                                            </LinkItem>\n                                        ))}\n                                    </LinkList>\n                                </Grid.Col>\n                            );\n                        })}\n                        {customCol && (\n                            <Grid.Col\n                                large={{ span: 3 / 12 }}\n                                toRight\n                                valign=\"top\"\n                            >\n                                <CustomCol>{customCol}</CustomCol>\n                            </Grid.Col>\n                        )}\n                    </Grid.Row>\n                    {footNote && (\n                        <FootNote\n                            size=\"small\"\n                            isInverted={isInverted}\n                            innerHTML={footNote}\n                        />\n                    )}\n                </MainView>\n                {bottom ? (\n                    bottom\n                ) : hasBottomBar ? (\n                    <FooterBottomBar\n                        isInverted={isInverted}\n                        linksLeft={bottomLinksLeft}\n                        linksRight={bottomLinksRight}\n                        languages={languages}\n                    />\n                ) : null}\n            </Wrapper>\n        </FooterSection>\n    );\n};\n\nexport const FooterComponent = Footer;\nexport default withLibTheme(Footer);\n","import React, { FC } from 'react';\nimport styled from 'styled-components';\nimport { spacings } from 'utils/styles';\n\nimport Copy from 'components/typography/Copy';\n\nconst View = styled.div`\n    & > * + * {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n`;\n\nconst FooterArticle: FC<{\n    isInverted?: boolean;\n    title?: string;\n    text?: string;\n    action?: (props: { isInverted?: boolean }) => React.ReactNode;\n    className?: string;\n}> = ({ isInverted, title, text, action, className }) => {\n    return (\n        <View className={className}>\n            {title && (\n                <Copy type=\"copy-b\" isInverted={isInverted}>\n                    {title}\n                </Copy>\n            )}\n            {text && (\n                <Copy size=\"small\" isInverted={isInverted} innerHTML={text} />\n            )}\n            {action && action({ isInverted })}\n        </View>\n    );\n};\n\nexport default FooterArticle;\n","import SocialList, { SocialItem } from 'components/blocks/SocialList';\nimport React, { FC } from 'react';\nimport FooterArticle from '../skeletons/FooterArticle';\n\nconst FooterColumn: FC<{\n    isInverted?: boolean;\n    title?: string;\n    text?: string;\n    action?: (props: { isInverted?: boolean }) => React.ReactNode;\n    socialTitle?: string;\n    socials?: SocialItem[];\n}> = ({ isInverted, title, text, action, socialTitle, socials }) => {\n    return (\n        <React.Fragment>\n            {(title || text || action) && (\n                <FooterArticle\n                    isInverted={isInverted}\n                    title={title}\n                    text={text}\n                    action={action}\n                />\n            )}\n            {socials && socials.length > 0 && (\n                <SocialList\n                    isInverted={isInverted}\n                    title={socialTitle}\n                    items={socials}\n                />\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default FooterColumn;\n"],"names":["View","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","theme","color","elementBg","medium","spacings","nudge","mq","semilarge","LinkListView","ul","templateObject_2","BottomLinkItem","li","templateObject_3","StyledLink","Link","templateObject_4","copyStyle","isInverted","text","inverted","default","FooterBottomGrid$1","className","children","React","createElement","LinkList","links","brandIcon","brand","useMemo","map","item","i","key","__assign","link","label","Bdot","LeftWrapper","spacer","FooterBottomBar","languages","linksLeft","linksRight","languageIcon","FooterBottomGrid","LanguageSwitcher","langs","Icons","LanguageIcon","textSize","isValidArray","FooterSection","Section","withRange","MainView","ColTitle","Copy","templateObject_5","LinkItem","templateObject_6","CustomCol","templateObject_7","FootNote","templateObject_8","Footer$1","withLibTheme","bgMode","siteLinks","customColumn","footNote","bottomBar","bottomLinksLeft","bottomLinksRight","colors","useLibTheme","customCol","undefined","bottom","hasBottomBar","addSeperation","renderAs","clampSolidBg","mapToBgMode","bgColor","sectionBg","dark","light","Wrapper","addWhitespace","Grid","Row","gutter","title","Col","span","large","valign","type","ii","toRight","size","innerHTML","FooterArticle","action","socialTitle","socials","Fragment","length","SocialList","items"],"mappings":"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"}

package/cjs/formFieldText-046fcbf4.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./Filter-89286db9.js"),n=require("react"),t=require("styled-components"),i=require("./Copy-a0bc570d.js"),l=require("./LibThemeProvider-69109901.js"),a=require("./styles-13e5d9ac.js"),r=require("./clamp-bd21d587.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o,c,d,p=s(n),u=s(t),m=u.default.label.withConfig({displayName:"FormField__View",componentId:"sc-1rjz0eq-0"})(o||(o=e.__makeTemplateObject(["\n    display: block;\n    text-align: left;\n\n    pointer-events: ",";\n    user-select: ",";\n    opacity: ",";\n"],["\n    display: block;\n    text-align: left;\n\n    pointer-events: ",";\n    user-select: ",";\n    opacity: ",";\n"])),(function(e){return e.isDisabled&&"none"}),(function(e){return e.isDisabled&&"none"}),(function(e){return e.isDisabled?.3:1})),f=u.default(i.Copy).withConfig({displayName:"FormField__FieldHead",componentId:"sc-1rjz0eq-1"})(c||(c=e.__makeTemplateObject(["\n    display: inline-flex;\n    flex-direction: row;\n    align-items: top;\n    justify-content: space-between;\n    padding-bottom: ","px;\n"],["\n    display: inline-flex;\n    flex-direction: row;\n    align-items: top;\n    justify-content: space-between;\n    padding-bottom: ","px;\n"])),a.spacings.nudge),g=u.default(i.Copy).withConfig({displayName:"FormField__FieldMessage",componentId:"sc-1rjz0eq-2"})(d||(d=e.__makeTemplateObject(["\n    margin-top: ","px;\n"],["\n    margin-top: ","px;\n"])),a.spacings.nudge),y={View:function(e){var n=e.isDisabled,t=e.onClick,i=e.className,l=e.children;return p.default.createElement(m,{onClick:t,isDisabled:n,className:i},l)},Head:function(e){var n=e.label,t=e.isRequired,i=e.isInverted,l=e.className;return n?p.default.createElement(f,{renderAs:"span",isInverted:i,size:"small",type:"copy-b",className:l},"".concat(n).concat(t?" *":"")):null},Messages:function(e){var n=e.errorMessage,t=e.infoMessage,i=e.isInverted,a=l.useLibTheme().colors;return p.default.createElement(p.default.Fragment,null,t&&p.default.createElement(g,{size:"small",type:"copy",isInverted:i},t),n&&p.default.createElement(g,{size:"small",type:"copy",textColor:i?a.text.errorInverted:a.text.error},n||"Bitte geben Sie einen gültigen Text ein"))},Content:function(e){var n=e.children;return"string"==typeof n||n instanceof String?p.default.createElement("span",null,n):p.default.createElement(p.default.Fragment,null,n)}};exports.FieldWrapper=y,exports.getFormFieldTextSize=function(e){return[r.clampValue(a.getFonts(e).copy.small.size[0],16),a.getFonts(e).copy.small.size[1]]};
+//# sourceMappingURL=formFieldText-046fcbf4.js.map

package/cjs/formFieldText-046fcbf4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formFieldText-046fcbf4.js","sources":["../src/components/fields/FormField.tsx","../src/utils/formFieldText.ts"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\nimport Copy from 'components/typography/Copy';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport { spacings } from 'utils/styles';\n\nconst View = styled.label<{ isDisabled?: boolean }>`\n    display: block;\n    text-align: left;\n\n    pointer-events: ${({ isDisabled }) => isDisabled && 'none'};\n    user-select: ${({ isDisabled }) => isDisabled && 'none'};\n    opacity: ${({ isDisabled }) => (isDisabled ? 0.3 : 1)};\n`;\n\nconst FieldHead = styled(Copy)`\n    display: inline-flex;\n    flex-direction: row;\n    align-items: top;\n    justify-content: space-between;\n    padding-bottom: ${spacings.nudge}px;\n`;\n\nconst FieldMessage = styled(Copy)`\n    margin-top: ${spacings.nudge}px;\n`;\n\nexport interface FieldProps {\n    label?: string;\n    errorMessage?: string;\n    infoMessage?: string;\n    isRequired?: boolean;\n    isDisabled?: boolean;\n    isInverted?: boolean;\n}\n\nconst FieldWrapper: React.FC<{\n    isDisabled?: boolean;\n    onClick?: (ev: React.SyntheticEvent<HTMLLabelElement>) => void;\n    className?: string;\n    children: React.ReactNode;\n}> = ({ isDisabled, onClick, className, children }) => {\n    return (\n        <View onClick={onClick} isDisabled={isDisabled} className={className}>\n            {children}\n        </View>\n    );\n};\n\nconst Head: React.FC<{\n    label?: string;\n    isRequired?: boolean;\n    isInverted?: boolean;\n    className?: string;\n}> = ({ label, isRequired, isInverted, className }) => {\n    if (!label) return null;\n    return (\n        <FieldHead\n            renderAs=\"span\"\n            isInverted={isInverted}\n            size=\"small\"\n            type=\"copy-b\"\n            className={className}\n        >\n            {`${label}${isRequired ? ' *' : ''}`}\n        </FieldHead>\n    );\n};\n\nconst Messages: React.FC<{\n    errorMessage?: string;\n    infoMessage?: string;\n    isInverted?: boolean;\n}> = ({ errorMessage, infoMessage, isInverted }) => {\n    const { colors } = useLibTheme();\n\n    return (\n        <React.Fragment>\n            {infoMessage && (\n                <FieldMessage size=\"small\" type=\"copy\" isInverted={isInverted}>\n                    {infoMessage}\n                </FieldMessage>\n            )}\n            {errorMessage && (\n                <FieldMessage\n                    size=\"small\"\n                    type=\"copy\"\n                    textColor={\n                        isInverted\n                            ? colors.text.errorInverted\n                            : colors.text.error\n                    }\n                >\n                    {errorMessage\n                        ? errorMessage\n                        : 'Bitte geben Sie einen gültigen Text ein'}\n                </FieldMessage>\n            )}\n        </React.Fragment>\n    );\n};\n\nconst Content: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n    const addWrapper =\n        typeof children === 'string' || children instanceof String;\n\n    if (addWrapper) return <span>{children}</span>;\n    return <React.Fragment>{children}</React.Fragment>;\n};\n\nexport default {\n    View: FieldWrapper,\n    Head: Head,\n    Messages: Messages,\n    Content: Content,\n};\n","import { DefaultTheme } from 'styled-components';\n\nimport { getFonts as font } from 'utils/styles';\nimport { clampValue } from './clamp';\n\nexport const getFormFieldTextSize = (\n    theme: DefaultTheme\n): [number, number?] => {\n    const min = clampValue(font(theme).copy.small.size[0], 16);\n    const max = font(theme).copy.small.size[1];\n    return [min, max];\n};\n"],"names":["View","styled","label","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","isDisabled","FieldHead","Copy","templateObject_2","spacings","nudge","FieldMessage","templateObject_3","FieldWrapper$1","onClick","className","children","React","createElement","Head","isRequired","isInverted","renderAs","size","type","concat","Messages","errorMessage","infoMessage","colors","useLibTheme","Fragment","textColor","text","errorInverted","error","Content","String","theme","clampValue","font","getFonts","copy","small"],"mappings":"oVAOMA,EAAOC,EAAAA,QAAOC,MAAVC,WAAA,CAAAC,YAAA,kBAAAC,YAAA,gBAAGJ,CAAsCK,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,uEAAA,uBAAA,mBAAA,OAAA,CAAA,uEAIW,uBACH,mBACF,UAFnC,SAACC,GAAmBC,OAAPD,EAAAC,YAAqB,UACrC,SAACD,GAAmBC,OAAPD,EAAAC,YAAqB,UACtC,SAACD,GAAmB,OAAPA,EAAAC,WAAqB,GAAM,KAGjDC,EAAYT,EAAM,QAACU,QAAVR,WAAA,CAAAC,YAAA,uBAAAC,YAAA,gBAAGJ,CAAYW,IAAAA,EAAAL,EAAAA,qBAAA,CAAA,0IAAA,SAAA,CAAA,0IAKM,WAAdM,EAAQA,SAACC,OAGzBC,EAAed,EAAM,QAACU,QAAVR,WAAA,CAAAC,YAAA,0BAAAC,YAAA,gBAAGJ,CAAYe,IAAAA,EAAAT,EAAAA,qBAAA,CAAA,qBAAA,SAAA,CAAA,qBACD,WAAdM,EAAQA,SAACC,OAsFZG,EAAA,CACXjB,KAtEC,SAACQ,OAAEC,EAAUD,EAAAC,WAAES,EAAOV,EAAAU,QAAEC,EAASX,EAAAW,UAAEC,EAAQZ,EAAAY,SAC5C,OACIC,EAAC,QAAAC,cAAAtB,GAAKkB,QAASA,EAAST,WAAYA,EAAYU,UAAWA,GACtDC,IAoETG,KA1DC,SAACf,OAAEN,EAAKM,EAAAN,MAAEsB,EAAUhB,EAAAgB,WAAEC,EAAUjB,EAAAiB,WAAEN,EAASX,EAAAW,UAC5C,OAAKjB,EAEDmB,EAAC,QAAAC,cAAAZ,EACG,CAAAgB,SAAS,OACTD,WAAYA,EACZE,KAAK,QACLC,KAAK,SACLT,UAAWA,GAEV,UAAGjB,GAAK2B,OAAGL,EAAa,KAAO,KATrB,MA0DnBM,SAxCC,SAACtB,GAAE,IAAAuB,iBAAcC,EAAWxB,EAAAwB,YAAEP,EAAUjB,EAAAiB,WACjCQ,EAAWC,uBAEnB,OACIb,EAAA,QAAAC,cAACD,EAAAA,QAAMc,SAAQ,KACVH,GACGX,EAAAA,QAAAC,cAACP,EAAa,CAAAY,KAAK,QAAQC,KAAK,OAAOH,WAAYA,GAC9CO,GAGRD,GACGV,EAAAA,QAACC,cAAAP,GACGY,KAAK,QACLC,KAAK,OACLQ,UACIX,EACMQ,EAAOI,KAAKC,cACZL,EAAOI,KAAKE,OAGrBR,GAEK,6CAmBtBS,QAZqD,SAAChC,GAAE,IAAAY,EAAQZ,EAAAY,SAIhE,MAFwB,iBAAbA,GAAyBA,aAAoBqB,OAEjCpB,UAAAC,cAAA,OAAA,KAAOF,GACvBC,EAAAA,sBAACA,EAAAA,QAAMc,SAAU,KAAAf,yDCvGQ,SAChCsB,GAIA,MAAO,CAFKC,EAAAA,WAAWC,EAAIC,SAACH,GAAOI,KAAKC,MAAMpB,KAAK,GAAI,IAC3CiB,EAAIC,SAACH,GAAOI,KAAKC,MAAMpB,KAAK"}

package/cjs/headers.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),i=require("./styles-3a495a2d.js"),a=require("./LibThemeProvider-4823de57.js"),o=require("./useMediaQuery-3d1054e5.js"),r=require("./Image-c72f7a80.js"),l=require("./clamp-bd21d587.js"),s=require("./Actions-c7b16449.js"),c=require("./useObserverSupport-5ab320dd.js"),d=require("./useUpdateEffect-4d233e2c.js"),m=require("./Copy-ea6ab025.js"),u=require("./Section-e8e8cf81.js"),p=require("./Navigation-939e4d0e.js");function h(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}require("react-dom/server"),require("./concat-f387d848.js"),require("./arrays-c272ed59.js"),require("./navigation-bf154e6e.js"),require("./Link-5a6f1633.js"),require("./LanguageSwitcher-8fdd22ba.js");var g,f,v,b,x,w,_,y,I,j,k,C,z,N,T,E,H,O,q,P,S=h(e),B=h(t),M=B.default.div.withConfig({displayName:"HeaderKenBurns__AnimationContainer",componentId:"sc-1hmc5d0-0"})(g||(g=n.__makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n"],["\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n"]))),A=B.default(r.Image).withConfig({displayName:"HeaderKenBurns__PosterImage",componentId:"sc-1hmc5d0-1"})(f||(f=n.__makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    height: 100%;\n    width: 100%;\n\n    img {\n        height: 100%;\n    }\n"],["\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    height: 100%;\n    width: 100%;\n\n    img {\n        height: 100%;\n    }\n"]))),V=B.default.img.withConfig({displayName:"HeaderKenBurns__AnimationImage",componentId:"sc-1hmc5d0-2"})(v||(v=n.__makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    transition-property: opacity, transform;\n    transition-duration: ",";\n    transition-delay: ",";\n\n    opacity: ",";\n    transform: scale(",")\n        rotate(","deg);\n    transform-origin: ",";\n\n    will-change: transform, opacity;\n"],["\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    transition-property: opacity, transform;\n    transition-duration: ",";\n    transition-delay: ",";\n\n    opacity: ",";\n    transform: scale(",")\n        rotate(","deg);\n    transform-origin: ",";\n\n    will-change: transform, opacity;\n"])),(function(n){var e=n.scale;return"2s, ".concat(1===e?"0s":"13s")}),(function(n){var e=n.scale;return"".concat(1===e?"1s":"0s",", ").concat(1===e?"3s":"0s")}),(function(n){var e=n.opacity;return e&&e}),(function(n){return n.scale||1}),(function(n){return 1!==n.scale?.04:0}),(function(n){var e=n.zoomPoint;return e?"".concat(100*e[0],"% ").concat(100*e[1],"%"):"center"})),F=function(n){var t=n.zoom,i=void 0===t?1.08:t,a=n.zoomPoint,o=void 0===a?[.5,.5]:a,r=n.interval,l=void 0===r?1e4:r,s=n.images,c=n.onChange,d=e.useRef(),m=e.useRef(),u=e.useState(-1),p=u[0],h=u[1];return e.useEffect((function(){var n=function(){h((function(n){return(n+1)%s.length}))};return m.current=window.setTimeout(n,200),d.current&&window.clearInterval(d.current),d.current=window.setInterval(n,l),function(){m.current&&window.clearTimeout(m.current),d.current&&window.clearInterval(d.current)}}),[s,l]),e.useEffect((function(){-1!==p&&c&&c(p)}),[p]),S.default.createElement(S.default.Fragment,null,s.map((function(n,e){var t=1,a=o;return e===p&&(t=void 0!==n.zoom?n.zoom:i),n.zoomPoint&&(a=L(n.zoomPoint)),S.default.createElement(V,{key:e,style:{zIndex:e===p?1:0},src:n.image,scale:t,opacity:e===p?1:0,zoomPoint:a,alt:n.alt||""})})))},L=function(n){return[l.clampValue(n[0],0,1),l.clampValue(n[1],0,1)]},R=function(t){var i=t.images,a=t.zoom,r=void 0===a?1.08:a,l=t.zoomPoint,s=void 0===l?[.5,.5]:l,c=t.interval,d=void 0===c?1e4:c,m=t.onImageChange,u=t.className,p=t.children,h=o.useMediaQuery(["small","medium","large","xlarge"]),g=e.useState({small:[],medium:[],large:[],xlarge:[]}),f=g[0],v=g[1];return e.useEffect((function(){var e;if(h&&(f[h].length<i.length&&i.length>=2)){var t=i.map((function(n,e){return{id:e,image:n[h],zoom:n.zoom||r,zoomPoint:n.zoomPoint||s,alt:n.alt}}));e=function(n){return n.map((function(n){return new Promise((function(e){var t=new window.Image;t.src=n.image,t.onload=function(){return e(n)}}))}))}(t),n.__awaiter(void 0,void 0,void 0,(function(){var t,i,a,o;return n.__generator(this,(function(r){switch(r.label){case 0:t=function(e){var t;return n.__generator(this,(function(i){switch(i.label){case 0:return[4,e];case 1:return t=i.sent(),v((function(e){var i;return e[h].find((function(n){return n.id===t.id}))?e:n.__assign(n.__assign({},e),((i={})[h]=n.__spreadArray(n.__spreadArray([],e[h],!0),[t],!1),i))})),[2]}}))},i=0,a=e,r.label=1;case 1:return i<a.length?(o=a[i],[5,t(o)]):[3,4];case 2:r.sent(),r.label=3;case 3:return i++,[3,1];case 4:return[2]}}))}))}}),[h,i,f,r,s]),S.default.createElement(M,{className:u},S.default.createElement(A,n.__assign({},i[0],{coverSpace:!0,ratios:void 0})),h&&f[h].length>=i.length&&S.default.createElement(F,{zoom:r,zoomPoint:L(s),interval:d,images:f[h],onChange:function(n){return i[n]&&m&&m(i[n])}}),p)},U=B.default.div.withConfig({displayName:"HeaderPoster__PosterView",componentId:"sc-9zhj-0"})(b||(b=n.__makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    height: 100%;\n"],["\n    position: relative;\n    width: 100%;\n    height: 100%;\n"]))),Z=B.default(r.Image).withConfig({displayName:"HeaderPoster__BgImage",componentId:"sc-9zhj-1"})(x||(x=n.__makeTemplateObject(["\n    height: 100%;\n\n    img {\n        height: 100%;\n        object-position: ",";\n    }\n"],["\n    height: 100%;\n\n    img {\n        height: 100%;\n        object-position: ",";\n    }\n"])),(function(n){var e=n.focus;return"".concat((null==e?void 0:e[0])||"center"," ").concat((null==e?void 0:e[1])||"center")})),K=function(e){var t=e.isInverted,i=e.bgImage,a=e.focus,o=e.className,r=e.children;return S.default.createElement(U,{className:o},i&&S.default.createElement(Z,n.__assign({},i,{coverSpace:!0,ratios:void 0,isInverted:t,focus:a})),r)},Q=B.default.div.withConfig({displayName:"HeaderVideo__PosterView",componentId:"sc-i0iu8j-0"})(w||(w=n.__makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    height: 100%;\n"],["\n    position: relative;\n    width: 100%;\n    height: 100%;\n"]))),D=B.default(r.Image).withConfig({displayName:"HeaderVideo__PlaceholderImg",componentId:"sc-i0iu8j-1"})(_||(_=n.__makeTemplateObject(["\n    position: relative;\n    height: 100%;\n\n    img {\n        object-position: ",";\n\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        height: 100%;\n        z-index: 0;\n    }\n\n    margin: 0 auto;\n\n    @media "," {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        padding: ","px;\n        z-index: 2;\n\n        & > * {\n            margin-top: ","px;\n            max-width: 880px;\n        }\n    }\n"],["\n    position: relative;\n    height: 100%;\n\n    img {\n        object-position: ",";\n\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        height: 100%;\n        z-index: 0;\n    }\n\n    margin: 0 auto;\n\n    @media "," {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        padding: ","px;\n        z-index: 2;\n\n        & > * {\n            margin-top: ","px;\n            max-width: 880px;\n        }\n    }\n"])),(function(n){var e=n.focus;return"".concat((null==e?void 0:e[0])||"center"," ").concat((null==e?void 0:e[1])||"center")}),i.mq.medium,2*i.spacings.spacer,i.spacings.spacer),G=B.default.video.withConfig({displayName:"HeaderVideo__AutoplayVideo",componentId:"sc-i0iu8j-2"})(y||(y=n.__makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    object-fit: cover;\n    object-position: ",";\n    opacity: ",";\n    pointer-events: none;\n    z-index: 1;\n\n    transition: opacity 0.3s ease-in-out;\n"],["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    object-fit: cover;\n    object-position: ",";\n    opacity: ",";\n    pointer-events: none;\n    z-index: 1;\n\n    transition: opacity 0.3s ease-in-out;\n"])),(function(n){var e=n.focus;return"".concat((null==e?void 0:e[0])||"center"," ").concat((null==e?void 0:e[1])||"center")}),(function(n){return n.isVisible?1:0})),J=function(t){var i=t.isInverted,a=t.loadOnMobile,r=void 0===a||a,l=t.placeholderImg,s=t.focus,m=t.videoUrl,u=t.className,p=t.children,h=e.useRef(null),g=e.useRef(null),f=e.useState(!(null==l?void 0:l.small)||!1),v=f[0],b=f[1],x=c.useObserverSupport(),w=o.useMediaQuery(["small","medium","semilarge","large","xlarge"]),_=void 0===w||"small"===w,y=r||!_,I=e.useState(!1),j=I[0],k=I[1];return e.useEffect((function(){y||b(!1)}),[_,y,r]),e.useEffect((function(){h.current&&h.current.readyState>3&&b(!0)}),[]),d.useUpdateEffect((function(){if(y&&m&&g.current){if(x){var n=new IntersectionObserver((function(n,e){var t=n[0];t.isIntersecting&&(e.unobserve(t.target),k(!0))}),{rootMargin:"200px 0px 200px 0px"}),e=g.current;return n.observe(e),function(){e&&n.unobserve(e)}}k(!0)}}),[x,y]),S.default.createElement(Q,{ref:g,className:u},(null==l?void 0:l.small)&&!v&&S.default.createElement(D,n.__assign({},l,{coverSpace:!0,ratios:void 0,isInverted:i,focus:s})),m&&y&&S.default.createElement(G,{ref:h,isVisible:v,src:j?m:void 0,muted:!0,autoPlay:!0,loop:!0,playsInline:!0,onCanPlayThrough:function(){b(!0)},focus:s}),p)},W=function(e){return t.css(j||(j=n.__makeTemplateObject(["\n    // Doing some crazy shit to calculate curent navbar height in CSS\n    ","\n"],["\n    // Doing some crazy shit to calculate curent navbar height in CSS\n    ","\n"])),(function(a){var o=a.theme,r=p.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0}),l=p.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0,hasTop:!0}),s=p.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0,hasBottom:!0}),c=p.generateNavbarIdent({pageFlow:"beforeContent",hasTop:!0,hasMain:!0,hasBottom:!0}),d=p.getFullNavbarHeights(o,r).large,m=p.getFullNavbarHeights(o,l).large,u=p.getFullNavbarHeights(o,s).large,h=p.getFullNavbarHeights(o,c).large,g=function(n){return n.map((function(n){return"[data-navbar-ident*='".concat(n,"']")})).join("")},f=e?"100vh":"80vh";return t.css(I||(I=n.__makeTemplateObject(["\n            & > "," {\n                min-height: 500px;\n                height: ",";\n            }\n\n            // with main navbar element\n            header"," + & {\n                & > "," {\n                    height: calc("," - ","px);\n                }\n            }\n\n            // with main and top navbar elements\n            header"," + & {\n                & > "," {\n                    height: calc("," - ","px);\n                }\n            }\n\n            // with main and bottom navbar elements\n            header"," + & {\n                & > "," {\n                    height: calc("," - ","px);\n                }\n            }\n\n            // with all navbar elements\n            header"," + & {\n                & > "," {\n                    height: calc("," - ","px);\n                }\n            }\n\n            @media "," {\n                // with main navbar element\n                header"," + & {\n                    & > "," {\n                        height: calc("," - ","px);\n                    }\n                }\n\n                // with main and top navbar elements\n                header"," + & {\n                    & > "," {\n                        height: calc("," - ","px);\n                    }\n                }\n\n                // with main and bottom navbar elements\n                header"," + & {\n                    & > "," {\n                        height: calc(\n                            "," - ","px\n                        );\n                    }\n                }\n\n                // with all navbar elements\n                header"," + & {\n                    & > "," {\n                        height: calc("," - ","px);\n                    }\n                }\n            }\n        "],["\n            & > "," {\n                min-height: 500px;\n                height: ",";\n            }\n\n            // with main navbar element\n            header"," + & {\n                & > "," {\n                    height: calc("," - ","px);\n                }\n            }\n\n            // with main and top navbar elements\n            header"," + & {\n                & > "," {\n                    height: calc("," - ","px);\n                }\n            }\n\n            // with main and bottom navbar elements\n            header"," + & {\n                & > "," {\n                    height: calc("," - ","px);\n                }\n            }\n\n            // with all navbar elements\n            header"," + & {\n                & > "," {\n                    height: calc("," - ","px);\n                }\n            }\n\n            @media "," {\n                // with main navbar element\n                header"," + & {\n                    & > "," {\n                        height: calc("," - ","px);\n                    }\n                }\n\n                // with main and top navbar elements\n                header"," + & {\n                    & > "," {\n                        height: calc("," - ","px);\n                    }\n                }\n\n                // with main and bottom navbar elements\n                header"," + & {\n                    & > "," {\n                        height: calc(\n                            "," - ","px\n                        );\n                    }\n                }\n\n                // with all navbar elements\n                header"," + & {\n                    & > "," {\n                        height: calc("," - ","px);\n                    }\n                }\n            }\n        "])),$,f,g(r.split("-")),$,f,d[0],g(l.split("-")),$,f,m[0],g(s.split("-")),$,f,u[0],g(c.split("-")),$,f,h[0],i.mq.semilarge,g(r.split("-")),$,f,d[1],g(l.split("-")),$,f,m[1],g(s.split("-")),$,f,u[1],g(c.split("-")),$,f,h[1])}))},X=B.default(u.Section).withConfig({displayName:"Header__HeaderSection",componentId:"sc-12uexfr-0"})(k||(k=n.__makeTemplateObject(["\n    position: relative;\n    ","\n\n    header + & {\n        ","\n        ","\n    }\n"],["\n    position: relative;\n    ","\n\n    header + & {\n        ","\n        ","\n    }\n"])),W(!0),i.withRange([0],"padding-top"),i.withRange([0],"margin-top")),Y=B.default(u.Section).withConfig({displayName:"Header__HeaderSectionSmall",componentId:"sc-12uexfr-1"})(C||(C=n.__makeTemplateObject(["\n    position: relative;\n    ","\n\n    header + & {\n        ","\n        ","\n    }\n"],["\n    position: relative;\n    ","\n\n    header + & {\n        ","\n        ","\n    }\n"])),W(!1),i.withRange([0],"padding-top"),i.withRange([0],"margin-top")),$=B.default((function(n){var e=n.isInverted,t=n.videoUrl,i=n.images,a=n.focus,o=n.kenBurnsZoom,r=n.kenBurnsZoomPoint,l=n.kenBurnsInterval,s=n.onImageChange,c=n.className,d=n.children;switch(!0){case!!t:return S.default.createElement(J,{isInverted:e,videoUrl:t,focus:a,placeholderImg:null==i?void 0:i[0],className:c},d);case i&&i.length>1:return S.default.createElement(R,{images:i||[],zoom:o,zoomPoint:r,interval:l,onImageChange:s,className:c},d);case i&&1===i.length:return S.default.createElement(K,{isInverted:e,bgImage:null==i?void 0:i[0],focus:a,className:c},d);default:return S.default.createElement("div",null,d)}})).withConfig({displayName:"Header__StyledPoster",componentId:"sc-12uexfr-2"})(z||(z=n.__makeTemplateObject(["\n    position: relative;\n    height: 100vh;\n    max-height: 1300px;\n    max-width: ","px;\n    margin: 0 auto;\n"],["\n    position: relative;\n    height: 100vh;\n    max-height: 1300px;\n    max-width: ","px;\n    margin: 0 auto;\n"])),i.spacings.wrapperLarge),nn=B.default.div.withConfig({displayName:"Header__Overlay",componentId:"sc-12uexfr-3"})(N||(N=n.__makeTemplateObject(["\n    display: ",";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background: ",";\n    z-index: 2;\n\n    @media "," {\n        display: block;\n    }\n"],["\n    display: ",";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background: ",";\n    z-index: 2;\n\n    @media "," {\n        display: block;\n    }\n"])),(function(n){return n.textOnImage?"block":"none"}),(function(n){var e=n.bgValue;return e&&e}),i.mq.medium),en=B.default.div.withConfig({displayName:"Header__Content",componentId:"sc-12uexfr-4"})(E||(E=n.__makeTemplateObject(["\n    display: none;\n    max-width: ","px;\n    margin: 0 auto;\n\n    ","\n\n    @media "," {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        align-items: ",";\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        padding: ","px;\n        z-index: 2;\n\n        & > * {\n            margin-top: ","px;\n            max-width: 880px;\n        }\n    }\n"],["\n    display: none;\n    max-width: ","px;\n    margin: 0 auto;\n\n    ","\n\n    @media "," {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        align-items: ",";\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        padding: ","px;\n        z-index: 2;\n\n        & > * {\n            margin-top: ","px;\n            max-width: 880px;\n        }\n    }\n"])),i.spacings.wrapper,(function(e){var a=e.textOnImage,o=e.isCentered;return a&&t.css(T||(T=n.__makeTemplateObject(["\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n            align-items: ",";\n            position: absolute;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            left: 0;\n            padding: ","px;\n            z-index: 2;\n\n            & > * {\n                margin-top: ","px;\n                max-width: 880px;\n            }\n        "],["\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n            align-items: ",";\n            position: absolute;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            left: 0;\n            padding: ","px;\n            z-index: 2;\n\n            & > * {\n                margin-top: ","px;\n                max-width: 880px;\n            }\n        "])),o&&"center",i.spacings.spacer,i.spacings.spacer)}),i.mq.medium,(function(n){return n.isCentered&&"center"}),2*i.spacings.spacer,i.spacings.spacer),tn=B.default.div.withConfig({displayName:"Header__ContentMobile",componentId:"sc-12uexfr-5"})(H||(H=n.__makeTemplateObject(["\n    padding: ","px ","px;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        display: none;\n    }\n"],["\n    padding: ","px ","px;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        display: none;\n    }\n"])),i.spacings.spacer,2*i.spacings.nudge,i.spacings.spacer,i.mq.medium),an=B.default(m.Heading).withConfig({displayName:"Header__Title",componentId:"sc-12uexfr-6"})(O||(O=n.__makeTemplateObject(["\n    text-align: ",";\n\n    @media "," {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        display: -webkit-box;\n        -webkit-line-clamp: 3; /* number of lines to show */\n        line-clamp: 3;\n        -webkit-box-orient: vertical;\n    }\n"],["\n    text-align: ",";\n\n    @media "," {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        display: -webkit-box;\n        -webkit-line-clamp: 3; /* number of lines to show */\n        line-clamp: 3;\n        -webkit-box-orient: vertical;\n    }\n"])),(function(n){return n.isCentered&&"center"}),i.mq.medium),on=B.default(m.Copy).withConfig({displayName:"Header__Text",componentId:"sc-12uexfr-7"})(q||(q=n.__makeTemplateObject(["\n    text-align: ",";\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 4; /* number of lines to show */\n    line-clamp: 4;\n    -webkit-box-orient: vertical;\n"],["\n    text-align: ",";\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 4; /* number of lines to show */\n    line-clamp: 4;\n    -webkit-box-orient: vertical;\n"])),(function(n){return n.isCentered&&"center"})),rn=B.default(s.Actions).withConfig({displayName:"Header__StyledActions",componentId:"sc-12uexfr-8"})(P||(P=n.__makeTemplateObject(["\n    @media "," {\n        display: block;\n        text-align: ",";\n    }\n"],["\n    @media "," {\n        display: block;\n        text-align: ",";\n    }\n"])),i.mq.medium,(function(n){return n.isCentered&&"center"})),ln=a.withLibTheme((function(n){var e=n.anchorId,t=n.size,i=void 0===t?"full":t,o=n.focusPoint,r=void 0===o?["center","center"]:o,l=n.isCentered,s=n.title,c=n.titleAs,d=n.text,m=n.primaryAction,p=n.secondaryAction,h=n.videoUrl,g=n.images,f=n.customImgOverlay,v=n.kenBurnsZoom,b=void 0===v?1.08:v,x=n.kenBurnsZoomPoint,w=void 0===x?[.5,.5]:x,_=n.kenBurnsInterval,y=void 0===_?1e4:_,I=n.onImageChange,j=n.bgMode,k=n.textOnImage,C=a.useLibTheme(),z=C.globals,N=C.colors,T="inverted"===j,E=s||d||m||p,H=E?f||z.sections.imageTextGradient:void 0,O="full"===i?X:Y;return S.default.createElement(O,{addSeperation:!0,anchorId:e,bgColor:T?N.sectionBg.dark:j?N.sectionBg.medium:N.sectionBg.light,bgMode:u.mapToBgMode(j,!0)},S.default.createElement($,{isInverted:T,images:g,videoUrl:h,kenBurnsInterval:y,kenBurnsZoom:b,kenBurnsZoomPoint:w,onImageChange:I,focus:r},E&&S.default.createElement(S.default.Fragment,null,S.default.createElement(nn,{bgValue:H,textOnImage:k}),S.default.createElement(en,{isCentered:l,textOnImage:k},s&&S.default.createElement(an,{isInverted:!0,size:"heading-1",isCentered:l,renderAs:c,innerHTML:s}),d&&S.default.createElement(on,{isInverted:!0,isCentered:l,type:"copy-b",size:"big",innerHTML:d}),(m||p)&&S.default.createElement(rn,{isCentered:l,primary:m&&m(!0),secondary:p&&p(!0)})))),E&&!k&&S.default.createElement(tn,null,s&&S.default.createElement(an,{size:"heading-1",isCentered:l,renderAs:c,innerHTML:s,isInverted:T}),d&&S.default.createElement(on,{type:"copy-b",size:"big",isCentered:l,innerHTML:d,isInverted:T}),(m||p)&&S.default.createElement(rn,{isCentered:l,primary:m&&m(T),secondary:p&&p(T)})))}));exports.Header=ln,exports.HeaderKenBurns=R,exports.HeaderPoster=K,exports.HeaderVideo=J;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("./Filter-89286db9.js"),e=require("react"),t=require("styled-components"),i=require("./styles-13e5d9ac.js"),a=require("./LibThemeProvider-69109901.js"),o=require("./useMediaQuery-619d7203.js"),r=require("./Image-94820dfd.js"),l=require("./clamp-bd21d587.js"),s=require("./Actions-c52a14e4.js"),c=require("./useObserverSupport-5ab320dd.js"),d=require("./useUpdateEffect-4d233e2c.js"),m=require("./Copy-a0bc570d.js"),u=require("./Section-c9a16ccc.js"),p=require("./Navigation-6abb6213.js");function h(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}require("react-dom/server"),require("./concat-f387d848.js"),require("./arrays-c272ed59.js"),require("./navigation-3f9d4ac4.js"),require("./Link-8951180c.js"),require("./LanguageSwitcher-aa96cc7d.js");var g,f,v,b,x,w,_,y,I,j,k,C,z,N,T,E,H,O,q,P,S=h(e),B=h(t),M=B.default.div.withConfig({displayName:"HeaderKenBurns__AnimationContainer",componentId:"sc-1hmc5d0-0"})(g||(g=n.__makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n"],["\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n"]))),A=B.default(r.Image).withConfig({displayName:"HeaderKenBurns__PosterImage",componentId:"sc-1hmc5d0-1"})(f||(f=n.__makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    height: 100%;\n    width: 100%;\n\n    img {\n        height: 100%;\n    }\n"],["\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    height: 100%;\n    width: 100%;\n\n    img {\n        height: 100%;\n    }\n"]))),V=B.default.img.withConfig({displayName:"HeaderKenBurns__AnimationImage",componentId:"sc-1hmc5d0-2"})(v||(v=n.__makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    transition-property: opacity, transform;\n    transition-duration: ",";\n    transition-delay: ",";\n\n    opacity: ",";\n    transform: scale(",")\n        rotate(","deg);\n    transform-origin: ",";\n\n    will-change: transform, opacity;\n"],["\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    transition-property: opacity, transform;\n    transition-duration: ",";\n    transition-delay: ",";\n\n    opacity: ",";\n    transform: scale(",")\n        rotate(","deg);\n    transform-origin: ",";\n\n    will-change: transform, opacity;\n"])),(function(n){var e=n.scale;return"2s, ".concat(1===e?"0s":"13s")}),(function(n){var e=n.scale;return"".concat(1===e?"1s":"0s",", ").concat(1===e?"3s":"0s")}),(function(n){var e=n.opacity;return e&&e}),(function(n){return n.scale||1}),(function(n){return 1!==n.scale?.04:0}),(function(n){var e=n.zoomPoint;return e?"".concat(100*e[0],"% ").concat(100*e[1],"%"):"center"})),F=function(n){var t=n.zoom,i=void 0===t?1.08:t,a=n.zoomPoint,o=void 0===a?[.5,.5]:a,r=n.interval,l=void 0===r?1e4:r,s=n.images,c=n.onChange,d=e.useRef(),m=e.useRef(),u=e.useState(-1),p=u[0],h=u[1];return e.useEffect((function(){var n=function(){h((function(n){return(n+1)%s.length}))};return m.current=window.setTimeout(n,200),d.current&&window.clearInterval(d.current),d.current=window.setInterval(n,l),function(){m.current&&window.clearTimeout(m.current),d.current&&window.clearInterval(d.current)}}),[s,l]),e.useEffect((function(){-1!==p&&c&&c(p)}),[p]),S.default.createElement(S.default.Fragment,null,s.map((function(n,e){var t=1,a=o;return e===p&&(t=void 0!==n.zoom?n.zoom:i),n.zoomPoint&&(a=L(n.zoomPoint)),S.default.createElement(V,{key:e,style:{zIndex:e===p?1:0},src:n.image,scale:t,opacity:e===p?1:0,zoomPoint:a,alt:n.alt||""})})))},L=function(n){return[l.clampValue(n[0],0,1),l.clampValue(n[1],0,1)]},R=function(t){var i=t.images,a=t.zoom,r=void 0===a?1.08:a,l=t.zoomPoint,s=void 0===l?[.5,.5]:l,c=t.interval,d=void 0===c?1e4:c,m=t.onImageChange,u=t.className,p=t.children,h=o.useMediaQuery(["small","medium","large","xlarge"]),g=e.useState({small:[],medium:[],large:[],xlarge:[]}),f=g[0],v=g[1];return e.useEffect((function(){var e;if(h&&(f[h].length<i.length&&i.length>=2)){var t=i.map((function(n,e){return{id:e,image:n[h],zoom:n.zoom||r,zoomPoint:n.zoomPoint||s,alt:n.alt}}));e=function(n){return n.map((function(n){return new Promise((function(e){var t=new window.Image;t.src=n.image,t.onload=function(){return e(n)}}))}))}(t),n.__awaiter(void 0,void 0,void 0,(function(){var t,i,a,o;return n.__generator(this,(function(r){switch(r.label){case 0:t=function(e){var t;return n.__generator(this,(function(i){switch(i.label){case 0:return[4,e];case 1:return t=i.sent(),v((function(e){var i;return e[h].find((function(n){return n.id===t.id}))?e:n.__assign(n.__assign({},e),((i={})[h]=n.__spreadArray(n.__spreadArray([],e[h],!0),[t],!1),i))})),[2]}}))},i=0,a=e,r.label=1;case 1:return i<a.length?(o=a[i],[5,t(o)]):[3,4];case 2:r.sent(),r.label=3;case 3:return i++,[3,1];case 4:return[2]}}))}))}}),[h,i,f,r,s]),S.default.createElement(M,{className:u},S.default.createElement(A,n.__assign({},i[0],{coverSpace:!0,ratios:void 0})),h&&f[h].length>=i.length&&S.default.createElement(F,{zoom:r,zoomPoint:L(s),interval:d,images:f[h],onChange:function(n){return i[n]&&m&&m(i[n])}}),p)},U=B.default.div.withConfig({displayName:"HeaderPoster__PosterView",componentId:"sc-9zhj-0"})(b||(b=n.__makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    height: 100%;\n"],["\n    position: relative;\n    width: 100%;\n    height: 100%;\n"]))),Z=B.default(r.Image).withConfig({displayName:"HeaderPoster__BgImage",componentId:"sc-9zhj-1"})(x||(x=n.__makeTemplateObject(["\n    height: 100%;\n\n    img {\n        height: 100%;\n        object-position: ",";\n    }\n"],["\n    height: 100%;\n\n    img {\n        height: 100%;\n        object-position: ",";\n    }\n"])),(function(n){var e=n.focus;return"".concat((null==e?void 0:e[0])||"center"," ").concat((null==e?void 0:e[1])||"center")})),K=function(e){var t=e.isInverted,i=e.bgImage,a=e.focus,o=e.className,r=e.children;return S.default.createElement(U,{className:o},i&&S.default.createElement(Z,n.__assign({},i,{coverSpace:!0,ratios:void 0,isInverted:t,focus:a})),r)},Q=B.default.div.withConfig({displayName:"HeaderVideo__PosterView",componentId:"sc-i0iu8j-0"})(w||(w=n.__makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    height: 100%;\n"],["\n    position: relative;\n    width: 100%;\n    height: 100%;\n"]))),D=B.default(r.Image).withConfig({displayName:"HeaderVideo__PlaceholderImg",componentId:"sc-i0iu8j-1"})(_||(_=n.__makeTemplateObject(["\n    position: relative;\n    height: 100%;\n\n    img {\n        object-position: ",";\n\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        height: 100%;\n        z-index: 0;\n    }\n\n    margin: 0 auto;\n\n    @media "," {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        padding: ","px;\n        z-index: 2;\n\n        & > * {\n            margin-top: ","px;\n            max-width: 880px;\n        }\n    }\n"],["\n    position: relative;\n    height: 100%;\n\n    img {\n        object-position: ",";\n\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        height: 100%;\n        z-index: 0;\n    }\n\n    margin: 0 auto;\n\n    @media "," {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        padding: ","px;\n        z-index: 2;\n\n        & > * {\n            margin-top: ","px;\n            max-width: 880px;\n        }\n    }\n"])),(function(n){var e=n.focus;return"".concat((null==e?void 0:e[0])||"center"," ").concat((null==e?void 0:e[1])||"center")}),i.mq.medium,2*i.spacings.spacer,i.spacings.spacer),G=B.default.video.withConfig({displayName:"HeaderVideo__AutoplayVideo",componentId:"sc-i0iu8j-2"})(y||(y=n.__makeTemplateObject(["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    object-fit: cover;\n    object-position: ",";\n    opacity: ",";\n    pointer-events: none;\n    z-index: 1;\n\n    transition: opacity 0.3s ease-in-out;\n"],["\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    object-fit: cover;\n    object-position: ",";\n    opacity: ",";\n    pointer-events: none;\n    z-index: 1;\n\n    transition: opacity 0.3s ease-in-out;\n"])),(function(n){var e=n.focus;return"".concat((null==e?void 0:e[0])||"center"," ").concat((null==e?void 0:e[1])||"center")}),(function(n){return n.isVisible?1:0})),J=function(t){var i=t.isInverted,a=t.loadOnMobile,r=void 0===a||a,l=t.placeholderImg,s=t.focus,m=t.videoUrl,u=t.className,p=t.children,h=e.useRef(null),g=e.useRef(null),f=e.useState(!(null==l?void 0:l.small)||!1),v=f[0],b=f[1],x=c.useObserverSupport(),w=o.useMediaQuery(["small","medium","semilarge","large","xlarge"]),_=void 0===w||"small"===w,y=r||!_,I=e.useState(!1),j=I[0],k=I[1];return e.useEffect((function(){y||b(!1)}),[_,y,r]),e.useEffect((function(){h.current&&h.current.readyState>3&&b(!0)}),[]),d.useUpdateEffect((function(){if(y&&m&&g.current){if(x){var n=new IntersectionObserver((function(n,e){var t=n[0];t.isIntersecting&&(e.unobserve(t.target),k(!0))}),{rootMargin:"200px 0px 200px 0px"}),e=g.current;return n.observe(e),function(){e&&n.unobserve(e)}}k(!0)}}),[x,y]),S.default.createElement(Q,{ref:g,className:u},(null==l?void 0:l.small)&&!v&&S.default.createElement(D,n.__assign({},l,{coverSpace:!0,ratios:void 0,isInverted:i,focus:s})),m&&y&&S.default.createElement(G,{ref:h,isVisible:v,src:j?m:void 0,muted:!0,autoPlay:!0,loop:!0,playsInline:!0,onCanPlayThrough:function(){b(!0)},focus:s}),p)},W=function(e){return t.css(j||(j=n.__makeTemplateObject(["\n    // Doing some crazy shit to calculate curent navbar height in CSS\n    ","\n"],["\n    // Doing some crazy shit to calculate curent navbar height in CSS\n    ","\n"])),(function(a){var o=a.theme,r=p.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0}),l=p.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0,hasTop:!0}),s=p.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0,hasBottom:!0}),c=p.generateNavbarIdent({pageFlow:"beforeContent",hasTop:!0,hasMain:!0,hasBottom:!0}),d=p.getFullNavbarHeights(o,r).large,m=p.getFullNavbarHeights(o,l).large,u=p.getFullNavbarHeights(o,s).large,h=p.getFullNavbarHeights(o,c).large,g=function(n){return n.map((function(n){return"[data-navbar-ident*='".concat(n,"']")})).join("")},f=e?"100vh":"80vh";return t.css(I||(I=n.__makeTemplateObject(["\n            & > "," {\n                min-height: 500px;\n                height: ",";\n            }\n\n            // with main navbar element\n            header"," + & {\n                & > "," {\n                    height: calc("," - ","px);\n                }\n            }\n\n            // with main and top navbar elements\n            header"," + & {\n                & > "," {\n                    height: calc("," - ","px);\n                }\n            }\n\n            // with main and bottom navbar elements\n            header"," + & {\n                & > "," {\n                    height: calc("," - ","px);\n                }\n            }\n\n            // with all navbar elements\n            header"," + & {\n                & > "," {\n                    height: calc("," - ","px);\n                }\n            }\n\n            @media "," {\n                // with main navbar element\n                header"," + & {\n                    & > "," {\n                        height: calc("," - ","px);\n                    }\n                }\n\n                // with main and top navbar elements\n                header"," + & {\n                    & > "," {\n                        height: calc("," - ","px);\n                    }\n                }\n\n                // with main and bottom navbar elements\n                header"," + & {\n                    & > "," {\n                        height: calc(\n                            "," - ","px\n                        );\n                    }\n                }\n\n                // with all navbar elements\n                header"," + & {\n                    & > "," {\n                        height: calc("," - ","px);\n                    }\n                }\n            }\n        "],["\n            & > "," {\n                min-height: 500px;\n                height: ",";\n            }\n\n            // with main navbar element\n            header"," + & {\n                & > "," {\n                    height: calc("," - ","px);\n                }\n            }\n\n            // with main and top navbar elements\n            header"," + & {\n                & > "," {\n                    height: calc("," - ","px);\n                }\n            }\n\n            // with main and bottom navbar elements\n            header"," + & {\n                & > "," {\n                    height: calc("," - ","px);\n                }\n            }\n\n            // with all navbar elements\n            header"," + & {\n                & > "," {\n                    height: calc("," - ","px);\n                }\n            }\n\n            @media "," {\n                // with main navbar element\n                header"," + & {\n                    & > "," {\n                        height: calc("," - ","px);\n                    }\n                }\n\n                // with main and top navbar elements\n                header"," + & {\n                    & > "," {\n                        height: calc("," - ","px);\n                    }\n                }\n\n                // with main and bottom navbar elements\n                header"," + & {\n                    & > "," {\n                        height: calc(\n                            "," - ","px\n                        );\n                    }\n                }\n\n                // with all navbar elements\n                header"," + & {\n                    & > "," {\n                        height: calc("," - ","px);\n                    }\n                }\n            }\n        "])),$,f,g(r.split("-")),$,f,d[0],g(l.split("-")),$,f,m[0],g(s.split("-")),$,f,u[0],g(c.split("-")),$,f,h[0],i.mq.semilarge,g(r.split("-")),$,f,d[1],g(l.split("-")),$,f,m[1],g(s.split("-")),$,f,u[1],g(c.split("-")),$,f,h[1])}))},X=B.default(u.Section).withConfig({displayName:"Header__HeaderSection",componentId:"sc-12uexfr-0"})(k||(k=n.__makeTemplateObject(["\n    position: relative;\n    ","\n\n    header + & {\n        ","\n        ","\n    }\n"],["\n    position: relative;\n    ","\n\n    header + & {\n        ","\n        ","\n    }\n"])),W(!0),i.withRange([0],"padding-top"),i.withRange([0],"margin-top")),Y=B.default(u.Section).withConfig({displayName:"Header__HeaderSectionSmall",componentId:"sc-12uexfr-1"})(C||(C=n.__makeTemplateObject(["\n    position: relative;\n    ","\n\n    header + & {\n        ","\n        ","\n    }\n"],["\n    position: relative;\n    ","\n\n    header + & {\n        ","\n        ","\n    }\n"])),W(!1),i.withRange([0],"padding-top"),i.withRange([0],"margin-top")),$=B.default((function(n){var e=n.isInverted,t=n.videoUrl,i=n.images,a=n.focus,o=n.kenBurnsZoom,r=n.kenBurnsZoomPoint,l=n.kenBurnsInterval,s=n.onImageChange,c=n.className,d=n.children;switch(!0){case!!t:return S.default.createElement(J,{isInverted:e,videoUrl:t,focus:a,placeholderImg:null==i?void 0:i[0],className:c},d);case i&&i.length>1:return S.default.createElement(R,{images:i||[],zoom:o,zoomPoint:r,interval:l,onImageChange:s,className:c},d);case i&&1===i.length:return S.default.createElement(K,{isInverted:e,bgImage:null==i?void 0:i[0],focus:a,className:c},d);default:return S.default.createElement("div",null,d)}})).withConfig({displayName:"Header__StyledPoster",componentId:"sc-12uexfr-2"})(z||(z=n.__makeTemplateObject(["\n    position: relative;\n    height: 100vh;\n    max-height: 1300px;\n    max-width: ","px;\n    margin: 0 auto;\n"],["\n    position: relative;\n    height: 100vh;\n    max-height: 1300px;\n    max-width: ","px;\n    margin: 0 auto;\n"])),i.spacings.wrapperLarge),nn=B.default.div.withConfig({displayName:"Header__Overlay",componentId:"sc-12uexfr-3"})(N||(N=n.__makeTemplateObject(["\n    display: ",";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background: ",";\n    z-index: 2;\n\n    @media "," {\n        display: block;\n    }\n"],["\n    display: ",";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background: ",";\n    z-index: 2;\n\n    @media "," {\n        display: block;\n    }\n"])),(function(n){return n.textOnImage?"block":"none"}),(function(n){var e=n.bgValue;return e&&e}),i.mq.medium),en=B.default.div.withConfig({displayName:"Header__Content",componentId:"sc-12uexfr-4"})(E||(E=n.__makeTemplateObject(["\n    display: none;\n    max-width: ","px;\n    margin: 0 auto;\n\n    ","\n\n    @media "," {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        align-items: ",";\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        padding: ","px;\n        z-index: 2;\n\n        & > * {\n            margin-top: ","px;\n            max-width: 880px;\n        }\n    }\n"],["\n    display: none;\n    max-width: ","px;\n    margin: 0 auto;\n\n    ","\n\n    @media "," {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        align-items: ",";\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        padding: ","px;\n        z-index: 2;\n\n        & > * {\n            margin-top: ","px;\n            max-width: 880px;\n        }\n    }\n"])),i.spacings.wrapper,(function(e){var a=e.textOnImage,o=e.isCentered;return a&&t.css(T||(T=n.__makeTemplateObject(["\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n            align-items: ",";\n            position: absolute;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            left: 0;\n            padding: ","px;\n            z-index: 2;\n\n            & > * {\n                margin-top: ","px;\n                max-width: 880px;\n            }\n        "],["\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n            align-items: ",";\n            position: absolute;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            left: 0;\n            padding: ","px;\n            z-index: 2;\n\n            & > * {\n                margin-top: ","px;\n                max-width: 880px;\n            }\n        "])),o&&"center",i.spacings.spacer,i.spacings.spacer)}),i.mq.medium,(function(n){return n.isCentered&&"center"}),2*i.spacings.spacer,i.spacings.spacer),tn=B.default.div.withConfig({displayName:"Header__ContentMobile",componentId:"sc-12uexfr-5"})(H||(H=n.__makeTemplateObject(["\n    padding: ","px ","px;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        display: none;\n    }\n"],["\n    padding: ","px ","px;\n\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    @media "," {\n        display: none;\n    }\n"])),i.spacings.spacer,2*i.spacings.nudge,i.spacings.spacer,i.mq.medium),an=B.default(m.Heading).withConfig({displayName:"Header__Title",componentId:"sc-12uexfr-6"})(O||(O=n.__makeTemplateObject(["\n    text-align: ",";\n\n    @media "," {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        display: -webkit-box;\n        -webkit-line-clamp: 3; /* number of lines to show */\n        line-clamp: 3;\n        -webkit-box-orient: vertical;\n    }\n"],["\n    text-align: ",";\n\n    @media "," {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        display: -webkit-box;\n        -webkit-line-clamp: 3; /* number of lines to show */\n        line-clamp: 3;\n        -webkit-box-orient: vertical;\n    }\n"])),(function(n){return n.isCentered&&"center"}),i.mq.medium),on=B.default(m.Copy).withConfig({displayName:"Header__Text",componentId:"sc-12uexfr-7"})(q||(q=n.__makeTemplateObject(["\n    text-align: ",";\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 4; /* number of lines to show */\n    line-clamp: 4;\n    -webkit-box-orient: vertical;\n"],["\n    text-align: ",";\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 4; /* number of lines to show */\n    line-clamp: 4;\n    -webkit-box-orient: vertical;\n"])),(function(n){return n.isCentered&&"center"})),rn=B.default(s.Actions).withConfig({displayName:"Header__StyledActions",componentId:"sc-12uexfr-8"})(P||(P=n.__makeTemplateObject(["\n    @media "," {\n        display: block;\n        text-align: ",";\n    }\n"],["\n    @media "," {\n        display: block;\n        text-align: ",";\n    }\n"])),i.mq.medium,(function(n){return n.isCentered&&"center"})),ln=a.withLibTheme((function(n){var e=n.anchorId,t=n.size,i=void 0===t?"full":t,o=n.focusPoint,r=void 0===o?["center","center"]:o,l=n.isCentered,s=n.title,c=n.titleAs,d=n.text,m=n.primaryAction,p=n.secondaryAction,h=n.videoUrl,g=n.images,f=n.customImgOverlay,v=n.kenBurnsZoom,b=void 0===v?1.08:v,x=n.kenBurnsZoomPoint,w=void 0===x?[.5,.5]:x,_=n.kenBurnsInterval,y=void 0===_?1e4:_,I=n.onImageChange,j=n.bgMode,k=n.textOnImage,C=a.useLibTheme(),z=C.globals,N=C.colors,T="inverted"===j,E=s||d||m||p,H=E?f||z.sections.imageTextGradient:void 0,O="full"===i?X:Y;return S.default.createElement(O,{addSeperation:!0,anchorId:e,bgColor:T?N.sectionBg.dark:j?N.sectionBg.medium:N.sectionBg.light,bgMode:u.mapToBgMode(j,!0)},S.default.createElement($,{isInverted:T,images:g,videoUrl:h,kenBurnsInterval:y,kenBurnsZoom:b,kenBurnsZoomPoint:w,onImageChange:I,focus:r},E&&S.default.createElement(S.default.Fragment,null,S.default.createElement(nn,{bgValue:H,textOnImage:k}),S.default.createElement(en,{isCentered:l,textOnImage:k},s&&S.default.createElement(an,{isInverted:!0,size:"heading-1",isCentered:l,renderAs:c,innerHTML:s}),d&&S.default.createElement(on,{isInverted:!0,isCentered:l,type:"copy-b",size:"big",innerHTML:d}),(m||p)&&S.default.createElement(rn,{isCentered:l,primary:m&&m(!0),secondary:p&&p(!0)})))),E&&!k&&S.default.createElement(tn,null,s&&S.default.createElement(an,{size:"heading-1",isCentered:l,renderAs:c,innerHTML:s,isInverted:T}),d&&S.default.createElement(on,{type:"copy-b",size:"big",isCentered:l,innerHTML:d,isInverted:T}),(m||p)&&S.default.createElement(rn,{isCentered:l,primary:m&&m(T),secondary:p&&p(T)})))}));exports.Header=ln,exports.HeaderKenBurns=R,exports.HeaderPoster=K,exports.HeaderVideo=J;
 //# sourceMappingURL=headers.js.map