@blateral/b.kit 2.8.2 → 2.8.4-patch-1.0

package/cjs/{Textfield-24f468be.js → Textfield-b3769184.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./Filter-89286db9.js"),n=require("react"),r=require("styled-components"),t=require("./Copy-a0bc570d.js"),o=require("./styles-13e5d9ac.js"),i=require("./formFieldText-046fcbf4.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a,s=l(n),d=l(r).default.input.withConfig({displayName:"Textfield__InputField",componentId:"sc-11gw2iv-0"})(a||(a=e.__makeTemplateObject(["\n    display: block;\n    outline: none;\n    width: 100%;\n    min-height: 40px;\n    box-shadow: none;\n\n    border-radius: 0px;\n    -webkit-appearance: none;\n\n    padding: ","px;\n\n    border: 1px solid\n        ",";\n    border-radius: ",";\n\n    background: transparent;\n\n    ","\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ","\n\n    color: ",";\n\n    &:active {\n        border: ",";\n    }\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &::placeholder {\n        color: ",";\n    }\n"],["\n    display: block;\n    outline: none;\n    width: 100%;\n    min-height: 40px;\n    box-shadow: none;\n\n    border-radius: 0px;\n    -webkit-appearance: none;\n\n    padding: ","px;\n\n    border: 1px solid\n        ",";\n    border-radius: ",";\n\n    background: transparent;\n\n    ","\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ","\n\n    color: ",";\n\n    &:active {\n        border: ",";\n    }\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &::placeholder {\n        color: ",";\n    }\n"])),o.spacings.nudge,(function(e){var n=e.theme,r=e.isInverted,t=e.hasError;return r?t?o.getColors(n).errorInverted:o.getColors(n).elementBg.light:t?o.getColors(n).error:o.getColors(n).elementBg.dark}),(function(e){var n=e.theme;return o.getGlobals(n).sections.edgeRadius}),t.copyStyle("copy","small"),(function(e){var n=e.theme;return o.withRange(i.getFormFieldTextSize(n),"font-size")}),(function(e){var n=e.theme,r=e.isInverted,t=e.hasError;return r?t?o.getColors(n).text.errorInverted:o.getFonts(n).copy.small.colorInverted:t?o.getColors(n).text.error:o.getFonts(n).copy.small.color}),(function(e){var n=e.theme,r=e.isInverted;return"1px solid ".concat(r?o.getColors(n).primary.inverted:o.getColors(n).primary.default)}),(function(e){var n=e.theme,r=e.isInverted;return"1px solid ".concat(r?o.getColors(n).primary.inverted:o.getColors(n).primary.default)}),(function(e){var n=e.theme;return e.isInverted?o.getColors(n).text.subtileInverted:o.getColors(n).text.subtile})),u=s.default.memo((function(e){var n=e.type,r=void 0===n?"text":n,t=e.label,o=e.errorMessage,l=e.infoMessage,a=e.isRequired,u=e.isDisabled,c=e.isInverted,p=e.placeholder,g=e.value,f=e.name,m=e.onChange,v=e.onBlur;return u&&(o=""),s.default.createElement(i.FieldWrapper.View,{isDisabled:u},s.default.createElement(i.FieldWrapper.Head,{label:t,isRequired:a,isInverted:c}),s.default.createElement(i.FieldWrapper.Content,null,s.default.createElement(d,{placeholder:p,hasError:!!o,type:r,isInverted:c,name:f,value:g,required:a,onChange:m,onBlur:v})),s.default.createElement(i.FieldWrapper.Messages,{infoMessage:l,errorMessage:o,isInverted:c}))}),(function(e,n){return!!e.enableMemo&&(e.value===n.value&&(e.errorMessage===n.errorMessage&&(e.infoMessage===n.infoMessage&&(e.label===n.label&&e.placeholder===n.placeholder))))}));exports.Textfield=u;
-//# sourceMappingURL=Textfield-24f468be.js.map
+"use strict";var e=require("./Filter-89286db9.js"),n=require("react"),r=require("styled-components"),t=require("./Copy-2a9d4b5d.js"),o=require("./styles-13e5d9ac.js"),i=require("./formFieldText-21f5f620.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a,s=l(n),d=l(r).default.input.withConfig({displayName:"Textfield__InputField",componentId:"sc-11gw2iv-0"})(a||(a=e.__makeTemplateObject(["\n    display: block;\n    outline: none;\n    width: 100%;\n    min-height: 40px;\n    box-shadow: none;\n\n    border-radius: 0px;\n    -webkit-appearance: none;\n\n    padding: ","px;\n\n    border: 1px solid\n        ",";\n    border-radius: ",";\n\n    background: transparent;\n\n    ","\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ","\n\n    color: ",";\n\n    &:active {\n        border: ",";\n    }\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &::placeholder {\n        color: ",";\n    }\n"],["\n    display: block;\n    outline: none;\n    width: 100%;\n    min-height: 40px;\n    box-shadow: none;\n\n    border-radius: 0px;\n    -webkit-appearance: none;\n\n    padding: ","px;\n\n    border: 1px solid\n        ",";\n    border-radius: ",";\n\n    background: transparent;\n\n    ","\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ","\n\n    color: ",";\n\n    &:active {\n        border: ",";\n    }\n\n    &:focus {\n        outline: ",";\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &::placeholder {\n        color: ",";\n    }\n"])),o.spacings.nudge,(function(e){var n=e.theme,r=e.isInverted,t=e.hasError;return r?t?o.getColors(n).errorInverted:o.getColors(n).elementBg.light:t?o.getColors(n).error:o.getColors(n).elementBg.dark}),(function(e){var n=e.theme;return o.getGlobals(n).sections.edgeRadius}),t.copyStyle("copy","small"),(function(e){var n=e.theme;return o.withRange(i.getFormFieldTextSize(n),"font-size")}),(function(e){var n=e.theme,r=e.isInverted,t=e.hasError;return r?t?o.getColors(n).text.errorInverted:o.getFonts(n).copy.small.colorInverted:t?o.getColors(n).text.error:o.getFonts(n).copy.small.color}),(function(e){var n=e.theme,r=e.isInverted;return"1px solid ".concat(r?o.getColors(n).primary.inverted:o.getColors(n).primary.default)}),(function(e){var n=e.theme,r=e.isInverted;return"1px solid ".concat(r?o.getColors(n).primary.inverted:o.getColors(n).primary.default)}),(function(e){var n=e.theme;return e.isInverted?o.getColors(n).text.subtileInverted:o.getColors(n).text.subtile})),u=s.default.memo((function(e){var n=e.type,r=void 0===n?"text":n,t=e.label,o=e.errorMessage,l=e.infoMessage,a=e.isRequired,u=e.isDisabled,p=e.isInverted,c=e.placeholder,g=e.value,f=e.name,m=e.onChange,v=e.onBlur;return u&&(o=""),s.default.createElement(i.FieldWrapper.View,{isDisabled:u},s.default.createElement(i.FieldWrapper.Head,{label:t,isRequired:a,isInverted:p}),s.default.createElement(i.FieldWrapper.Content,null,s.default.createElement(d,{placeholder:c,hasError:!!o,type:r,isInverted:p,name:f,value:g,required:a,onChange:m,onBlur:v})),s.default.createElement(i.FieldWrapper.Messages,{infoMessage:l,errorMessage:o,isInverted:p}))}),(function(e,n){return!!e.enableMemo&&(e.value===n.value&&(e.errorMessage===n.errorMessage&&(e.infoMessage===n.infoMessage&&(e.label===n.label&&e.placeholder===n.placeholder))))}));exports.Textfield=u;
+//# sourceMappingURL=Textfield-b3769184.js.map

package/cjs/{Textfield-24f468be.js.map → Textfield-b3769184.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Textfield-24f468be.js","sources":["../src/components/fields/Textfield.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\nimport { copyStyle } from 'components/typography/Copy';\nimport {\n    getColors as color,\n    getFonts as font,\n    spacings,\n    getGlobals as global,\n    withRange,\n} from 'utils/styles';\nimport FieldWrapper, { FieldProps } from './FormField';\nimport { getFormFieldTextSize } from 'utils/formFieldText';\n\nconst InputField = styled.input<{\n    isInverted?: boolean;\n    hasError?: boolean;\n}>`\n    display: block;\n    outline: none;\n    width: 100%;\n    min-height: 40px;\n    box-shadow: none;\n\n    border-radius: 0px;\n    -webkit-appearance: none;\n\n    padding: ${spacings.nudge}px;\n\n    border: 1px solid\n        ${({ theme, isInverted, hasError }) => {\n            if (isInverted) {\n                return hasError\n                    ? color(theme).errorInverted\n                    : color(theme).elementBg.light;\n            }\n            return hasError ? color(theme).error : color(theme).elementBg.dark;\n        }};\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n\n    background: transparent;\n\n    ${copyStyle('copy', 'small')}\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ${({ theme }) => withRange(getFormFieldTextSize(theme), 'font-size')}\n\n    color: ${({ theme, isInverted, hasError }) => {\n        if (isInverted) {\n            return hasError\n                ? color(theme).text.errorInverted\n                : font(theme).copy.small.colorInverted;\n        }\n        return hasError\n            ? color(theme).text.error\n            : font(theme).copy.small.color;\n    }};\n\n    &:active {\n        border: ${({ theme, isInverted }) =>\n            `1px solid ${\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default\n            }`};\n    }\n\n    &:focus {\n        outline: ${({ theme, isInverted }) =>\n            `1px solid ${\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default\n            }`};\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &::placeholder {\n        color: ${({ theme, isInverted }) =>\n            isInverted\n                ? color(theme).text.subtileInverted\n                : color(theme).text.subtile};\n    }\n`;\n\nexport type FormProps = FieldProps & {\n    value?: string;\n    name?: string;\n    placeholder?: string;\n};\n\nexport type TextfieldProps = FormProps & {\n    enableMemo?: boolean;\n    type?: 'number' | 'text' | 'tel' | 'email' | 'password';\n    isInverted?: boolean;\n    onChange?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    onBlur?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n};\n\nconst Textfield: React.FC<TextfieldProps> = ({\n    type = 'text',\n    label,\n    errorMessage,\n    infoMessage,\n    isRequired,\n    isDisabled,\n    isInverted,\n    placeholder,\n    value,\n    name,\n    onChange,\n    onBlur,\n}) => {\n    if (isDisabled) {\n        errorMessage = '';\n    }\n\n    return (\n        <FieldWrapper.View isDisabled={isDisabled}>\n            <FieldWrapper.Head\n                label={label}\n                isRequired={isRequired}\n                isInverted={isInverted}\n            />\n            <FieldWrapper.Content>\n                <InputField\n                    placeholder={placeholder}\n                    hasError={!!errorMessage}\n                    type={type}\n                    isInverted={isInverted}\n                    name={name}\n                    value={value}\n                    required={isRequired}\n                    onChange={onChange}\n                    onBlur={onBlur}\n                />\n            </FieldWrapper.Content>\n            <FieldWrapper.Messages\n                infoMessage={infoMessage}\n                errorMessage={errorMessage}\n                isInverted={isInverted}\n            />\n        </FieldWrapper.View>\n    );\n};\n\n/**\n * Function to compare both field prop states\n * @param prev Previous props\n * @param next Next props\n * @returns\n */\nconst areEqual = (prev: TextfieldProps, next: TextfieldProps) => {\n    // only apply logic if memo functionality is enabled\n    if (!prev.enableMemo) return false;\n\n    if (prev.value !== next.value) return false;\n    if (prev.errorMessage !== next.errorMessage) return false;\n    if (prev.infoMessage !== next.infoMessage) return false;\n    if (prev.label !== next.label) return false;\n    if (prev.placeholder !== next.placeholder) return false;\n\n    return true;\n};\n\nexport default React.memo(Textfield, areEqual);\n"],"names":["InputField","styled","input","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","spacings","nudge","_a","theme","isInverted","hasError","color","errorInverted","elementBg","light","error","dark","global","sections","edgeRadius","copyStyle","withRange","getFormFieldTextSize","text","font","getFonts","copy","small","colorInverted","primary","inverted","default","subtileInverted","subtile","React","memo","_b","type","label","errorMessage","infoMessage","isRequired","isDisabled","placeholder","value","name","onChange","onBlur","FieldWrapper","View","createElement","Head","Content","required","Messages","prev","next","enableMemo"],"mappings":"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"}
+{"version":3,"file":"Textfield-b3769184.js","sources":["../src/components/fields/Textfield.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\nimport { copyStyle } from 'components/typography/Copy';\nimport {\n    getColors as color,\n    getFonts as font,\n    spacings,\n    getGlobals as global,\n    withRange,\n} from 'utils/styles';\nimport FieldWrapper, { FieldProps } from './FormField';\nimport { getFormFieldTextSize } from 'utils/formFieldText';\n\nconst InputField = styled.input<{\n    isInverted?: boolean;\n    hasError?: boolean;\n}>`\n    display: block;\n    outline: none;\n    width: 100%;\n    min-height: 40px;\n    box-shadow: none;\n\n    border-radius: 0px;\n    -webkit-appearance: none;\n\n    padding: ${spacings.nudge}px;\n\n    border: 1px solid\n        ${({ theme, isInverted, hasError }) => {\n            if (isInverted) {\n                return hasError\n                    ? color(theme).errorInverted\n                    : color(theme).elementBg.light;\n            }\n            return hasError ? color(theme).error : color(theme).elementBg.dark;\n        }};\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n\n    background: transparent;\n\n    ${copyStyle('copy', 'small')}\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ${({ theme }) => withRange(getFormFieldTextSize(theme), 'font-size')}\n\n    color: ${({ theme, isInverted, hasError }) => {\n        if (isInverted) {\n            return hasError\n                ? color(theme).text.errorInverted\n                : font(theme).copy.small.colorInverted;\n        }\n        return hasError\n            ? color(theme).text.error\n            : font(theme).copy.small.color;\n    }};\n\n    &:active {\n        border: ${({ theme, isInverted }) =>\n            `1px solid ${\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default\n            }`};\n    }\n\n    &:focus {\n        outline: ${({ theme, isInverted }) =>\n            `1px solid ${\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default\n            }`};\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &::placeholder {\n        color: ${({ theme, isInverted }) =>\n            isInverted\n                ? color(theme).text.subtileInverted\n                : color(theme).text.subtile};\n    }\n`;\n\nexport type FormProps = FieldProps & {\n    value?: string;\n    name?: string;\n    placeholder?: string;\n};\n\nexport type TextfieldProps = FormProps & {\n    enableMemo?: boolean;\n    type?: 'number' | 'text' | 'tel' | 'email' | 'password';\n    isInverted?: boolean;\n    onChange?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    onBlur?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n};\n\nconst Textfield: React.FC<TextfieldProps> = ({\n    type = 'text',\n    label,\n    errorMessage,\n    infoMessage,\n    isRequired,\n    isDisabled,\n    isInverted,\n    placeholder,\n    value,\n    name,\n    onChange,\n    onBlur,\n}) => {\n    if (isDisabled) {\n        errorMessage = '';\n    }\n\n    return (\n        <FieldWrapper.View isDisabled={isDisabled}>\n            <FieldWrapper.Head\n                label={label}\n                isRequired={isRequired}\n                isInverted={isInverted}\n            />\n            <FieldWrapper.Content>\n                <InputField\n                    placeholder={placeholder}\n                    hasError={!!errorMessage}\n                    type={type}\n                    isInverted={isInverted}\n                    name={name}\n                    value={value}\n                    required={isRequired}\n                    onChange={onChange}\n                    onBlur={onBlur}\n                />\n            </FieldWrapper.Content>\n            <FieldWrapper.Messages\n                infoMessage={infoMessage}\n                errorMessage={errorMessage}\n                isInverted={isInverted}\n            />\n        </FieldWrapper.View>\n    );\n};\n\n/**\n * Function to compare both field prop states\n * @param prev Previous props\n * @param next Next props\n * @returns\n */\nconst areEqual = (prev: TextfieldProps, next: TextfieldProps) => {\n    // only apply logic if memo functionality is enabled\n    if (!prev.enableMemo) return false;\n\n    if (prev.value !== next.value) return false;\n    if (prev.errorMessage !== next.errorMessage) return false;\n    if (prev.infoMessage !== next.infoMessage) return false;\n    if (prev.label !== next.label) return false;\n    if (prev.placeholder !== next.placeholder) return false;\n\n    return true;\n};\n\nexport default React.memo(Textfield, areEqual);\n"],"names":["InputField","styled","input","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","spacings","nudge","_a","theme","isInverted","hasError","color","errorInverted","elementBg","light","error","dark","global","sections","edgeRadius","copyStyle","withRange","getFormFieldTextSize","text","font","getFonts","copy","small","colorInverted","primary","inverted","default","subtileInverted","subtile","React","memo","_b","type","label","errorMessage","infoMessage","isRequired","isDisabled","placeholder","value","name","onChange","onBlur","FieldWrapper","View","createElement","Head","Content","required","Messages","prev","next","enableMemo"],"mappings":"qSAcMA,OAAaC,QAAOC,MAAVC,WAAA,CAAAC,YAAA,wBAAAC,YAAA,gBAAGJ,CAAYK,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,uLAAA,yCAAA,yBAAA,4CAAA,+EAAA,kBAAA,wCAAA,+CAAA,oJAAA,cAAA,CAG7B,uLAU2B,yCAUpB,yBAC4D,4CAIrC,+EAEwC,kBAWnE,wCAQS,+CASA,oJAY6B,gBAzD5BC,EAAQA,SAACC,OAGd,SAACC,GAAE,IAAAC,UAAOC,EAAUF,EAAAE,WAAEC,EAAQH,EAAAG,SAC5B,OAAID,EACOC,EACDC,YAAMH,GAAOI,cACbD,EAAAA,UAAMH,GAAOK,UAAUC,MAE1BJ,EAAWC,YAAMH,GAAOO,MAAQJ,EAAAA,UAAMH,GAAOK,UAAUG,QAErD,SAACT,GAAE,IAAAC,EAAKD,EAAAC,MAAO,OAAAS,aAAOT,GAAOU,SAASC,aAIrDC,EAASA,UAAC,OAAQ,UAElB,SAACb,GAAE,IAAAC,EAAKD,EAAAC,MAAOa,OAAAA,EAASA,UAACC,EAAoBA,qBAACd,GAAQ,gBAE/C,SAACD,GAAE,IAAAC,UAAOC,EAAUF,EAAAE,WAAEC,EAAQH,EAAAG,SACnC,OAAID,EACOC,EACDC,EAAAA,UAAMH,GAAOe,KAAKX,cAClBY,EAAIC,SAACjB,GAAOkB,KAAKC,MAAMC,cAE1BlB,EACDC,EAAAA,UAAMH,GAAOe,KAAKR,MAClBS,EAAIC,SAACjB,GAAOkB,KAAKC,MAAMhB,SAInB,SAACJ,OAAEC,EAAKD,EAAAC,MAAEC,EAAUF,EAAAE,WAC1B,MAAA,oBACIA,EACME,EAAAA,UAAMH,GAAOqB,QAAQC,SACrBnB,EAAAA,UAAMH,GAAOqB,QAAQE,YAKxB,SAACxB,OAAEC,EAAKD,EAAAC,MAAEC,EAAUF,EAAAE,WAC3B,MAAA,oBACIA,EACME,EAAAA,UAAMH,GAAOqB,QAAQC,SACrBnB,EAAAA,UAAMH,GAAOqB,QAAQE,YAU1B,SAACxB,OAAEC,EAAKD,EAAAC,MACb,OADyBD,EAAAE,WAEnBE,EAAAA,UAAMH,GAAOe,KAAKS,gBAClBrB,EAAAA,UAAMH,GAAOe,KAAKU,WAoFrBC,EAAAA,EAAAA,QAAMC,MAlEuB,SAAC5B,GACzC,IAAA6B,EAAA7B,EAAA8B,KAAAA,OAAI,IAAAD,EAAG,OAAMA,EACbE,EAAK/B,EAAA+B,MACLC,iBACAC,EAAWjC,EAAAiC,YACXC,EAAUlC,EAAAkC,WACVC,EAAUnC,EAAAmC,WACVjC,EAAUF,EAAAE,WACVkC,gBACAC,EAAKrC,EAAAqC,MACLC,EAAItC,EAAAsC,KACJC,EAAQvC,EAAAuC,SACRC,EAAMxC,EAAAwC,OAMN,OAJIL,IACAH,EAAe,IAIfL,wBAACc,EAAYA,aAACC,KAAK,CAAAP,WAAYA,GAC3BR,UAAAgB,cAACF,EAAYA,aAACG,KAAI,CACdb,MAAOA,EACPG,WAAYA,EACZhC,WAAYA,IAEhByB,EAAAA,QAACgB,cAAAF,EAAYA,aAACI,QAAO,KACjBlB,EAAAA,QAAAgB,cAACrD,EACG,CAAA8C,YAAaA,EACbjC,WAAY6B,EACZF,KAAMA,EACN5B,WAAYA,EACZoC,KAAMA,EACND,MAAOA,EACPS,SAAUZ,EACVK,SAAUA,EACVC,OAAQA,KAGhBb,EAAA,QAAAgB,cAACF,EAAAA,aAAaM,UACVd,YAAaA,EACbD,aAAcA,EACd9B,WAAYA,QAYX,SAAC8C,EAAsBC,GAEpC,QAAKD,EAAKE,aAENF,EAAKX,QAAUY,EAAKZ,QACpBW,EAAKhB,eAAiBiB,EAAKjB,eAC3BgB,EAAKf,cAAgBgB,EAAKhB,cAC1Be,EAAKjB,QAAUkB,EAAKlB,OACpBiB,EAAKZ,cAAgBa,EAAKb"}

package/cjs/{VideoBlock-1fbf598b.js → VideoBlock-0cae22f0.js}

@@ -1,2 +1,2 @@
-"use strict";var n=require("./Filter-89286db9.js"),e=require("react"),t=require("styled-components"),i=require("./styles-13e5d9ac.js"),a=require("./TableBlock-c545ca8d.js"),o=require("./Copy-a0bc570d.js"),r=require("./Actions-c52a14e4.js"),l=require("./Image-94820dfd.js");function d(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var s,c,p,m,u,g,f,v,x,h,w,b=d(e),y=d(t),k=y.default.div.withConfig({displayName:"IntroBlock__View",componentId:"sc-w71lok-0"})(s||(s=n.__makeTemplateObject(["\n    display: block;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    text-align: ",";\n\n    @media "," {\n        display: flex;\n        flex-direction: row;\n\n        & > * + * {\n            margin-left: ","px;\n        }\n    }\n"],["\n    display: block;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    text-align: ",";\n\n    @media "," {\n        display: flex;\n        flex-direction: row;\n\n        & > * + * {\n            margin-left: ","px;\n        }\n    }\n"])),(function(n){return n.isCentered&&"center"}),i.mq.semilarge,i.spacings.spacer),_=y.default.div.withConfig({displayName:"IntroBlock__Content",componentId:"sc-w71lok-1"})(c||(c=n.__makeTemplateObject(["\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    max-width: 100%;\n\n    @media "," {\n        flex: 1 0 66.66%;\n    }\n"],["\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    max-width: 100%;\n\n    @media "," {\n        flex: 1 0 66.66%;\n    }\n"])),i.spacings.spacer,i.mq.semilarge),I=y.default(a.Title).withConfig({displayName:"IntroBlock__StyledTitle",componentId:"sc-w71lok-2"})(p||(p=n.__makeTemplateObject(["\n    max-width: ",";\n"],["\n    max-width: ",";\n"])),(function(n){return n.clamp&&"880px"})),C=y.default(o.Copy).withConfig({displayName:"IntroBlock__ContentBlock",componentId:"sc-w71lok-3"})(u||(u=n.__makeTemplateObject(["\n    display: block;\n    max-width: ",";\n    margin-left: ",";\n    margin-right: ",";\n\n    ","\n\n    & + & {\n        margin-top: ","px;\n    }\n"],["\n    display: block;\n    max-width: ",";\n    margin-left: ",";\n    margin-right: ",";\n\n    ","\n\n    & + & {\n        margin-top: ","px;\n    }\n"])),(function(n){return n.clamp&&"880px"}),(function(n){return n.isCentered&&"auto"}),(function(n){return n.isCentered&&"auto"}),(function(e){var i=e.maxLines;return i&&i>0&&t.css(m||(m=n.__makeTemplateObject(["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ","; /* number of lines to show */\n            line-clamp: ",";\n            -webkit-box-orient: vertical;\n        "],["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ","; /* number of lines to show */\n            line-clamp: ",";\n            -webkit-box-orient: vertical;\n        "])),i,i)}),3*i.spacings.nudge),T=y.default(r.Actions).withConfig({displayName:"IntroBlock__StyledActions",componentId:"sc-w71lok-4"})(g||(g=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"})),j=y.default.div.withConfig({displayName:"IntroBlock__MobileImageContainer",componentId:"sc-w71lok-5"})(f||(f=n.__makeTemplateObject(["\n    width: 100%;\n    height: 100%;\n    max-width: 400px;\n    max-height: ",";\n    text-align: center;\n\n    margin: 0 auto;\n    margin-top: ","px;\n\n    @media "," {\n        display: ",";\n    }\n"],["\n    width: 100%;\n    height: 100%;\n    max-width: 400px;\n    max-height: ",";\n    text-align: center;\n\n    margin: 0 auto;\n    margin-top: ","px;\n\n    @media "," {\n        display: ",";\n    }\n"])),(function(n){return n.coverSpace&&"400px"}),i.spacings.spacer,i.mq.semilarge,(function(n){return n.isCentered?"block":"none"})),q=y.default.div.withConfig({displayName:"IntroBlock__DesktopImageContainer",componentId:"sc-w71lok-6"})(v||(v=n.__makeTemplateObject(["\n    display: none;\n    width: 100%;\n\n    @media "," {\n        display: block;\n\n        max-width: 400px;\n        max-width: calc(100% - 66.66% - ","px);\n    }\n"],["\n    display: none;\n    width: 100%;\n\n    @media "," {\n        display: block;\n\n        max-width: 400px;\n        max-width: calc(100% - 66.66% - ","px);\n    }\n"])),i.mq.semilarge,i.spacings.spacer),B=y.default.div.withConfig({displayName:"VideoBlock__AspectContainer",componentId:"sc-160aafd-0"})(h||(h=n.__makeTemplateObject(["\n    position: relative;\n    border-radius: ",";\n    overflow: hidden;\n\n    aspect-ratio: ",";\n    width: ",";\n    max-width: 100%;\n\n    background: ",";\n    object-position: center;\n\n    @supports not (aspect-ratio: auto) {\n        height: ",";\n        padding-top: ",";\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    ","\n"],["\n    position: relative;\n    border-radius: ",";\n    overflow: hidden;\n\n    aspect-ratio: ",";\n    width: ",";\n    max-width: 100%;\n\n    background: ",";\n    object-position: center;\n\n    @supports not (aspect-ratio: auto) {\n        height: ",";\n        padding-top: ",";\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    ","\n"])),(function(n){var e=n.theme;return i.getGlobals(e).sections.edgeRadius}),(function(n){var e=n.ratios;return null==e?void 0:e.small}),(function(n){var e=n.ratios;return(null==e?void 0:e.small)&&"100%"}),(function(n){var e=n.theme;return n.isInverted?i.getGlobals(e).sections.imagePlaceholderBg.inverted:i.getGlobals(e).sections.imagePlaceholderBg.default}),(function(n){var e=n.ratios;return(null==e?void 0:e.small)&&0}),(function(n){var e=n.ratios;return(null==e?void 0:e.small)&&"calc(100% / ".concat(null==e?void 0:e.small,")")}),i.mq.medium,(function(n){var e=n.ratios;return null==e?void 0:e.medium}),(function(n){var e=n.ratios;return(null==e?void 0:e.medium)&&"calc(100% / ".concat(null==e?void 0:e.medium,")")}),i.mq.semilarge,(function(n){var e=n.ratios;return null==e?void 0:e.semilarge}),(function(n){var e=n.ratios;return(null==e?void 0:e.semilarge)&&"calc(100% / ".concat(null==e?void 0:e.semilarge,")")}),i.mq.large,(function(n){var e=n.ratios;return null==e?void 0:e.large}),(function(n){var e=n.ratios;return(null==e?void 0:e.large)&&"calc(100% / ".concat(null==e?void 0:e.large,")")}),i.mq.xlarge,(function(n){var e=n.ratios;return null==e?void 0:e.xlarge}),(function(n){var e=n.ratios;return(null==e?void 0:e.xlarge)&&"calc(100% / ".concat(null==e?void 0:e.xlarge,")")}),(function(e){return e.ratios&&t.css(x||(x=n.__makeTemplateObject(["\n            video {\n                height: 100%;\n                width: 100%;\n                object-fit: cover;\n\n                @supports not (aspect-ratio: auto) {\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                }\n            }\n        "],["\n            video {\n                height: 100%;\n                width: 100%;\n                object-fit: cover;\n\n                @supports not (aspect-ratio: auto) {\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                }\n            }\n        "])))})),E=y.default.video.withConfig({displayName:"VideoBlock__Video",componentId:"sc-160aafd-1"})(w||(w=n.__makeTemplateObject(["\n    display: block;\n"],["\n    display: block;\n"]))),N=e.forwardRef((function(n,t){var i=n.urls,a=n.ratios,o=n.isInverted,r=n.muted,l=void 0!==r&&r,d=n.autoPlay,s=void 0!==d&&d,c=n.loop,p=void 0!==c&&c,m=n.controls,u=void 0!==m&&m,g=n.playsInline,f=void 0===g||g,v=n.onCanPlayThrough,x=n.className,h=e.useRef(null);return e.useImperativeHandle(t,(function(){return h.current})),e.useEffect((function(){h.current&&h.current.readyState>3&&(null==v||v())}),[v]),b.default.createElement(B,{ratios:a,isInverted:o,className:x},b.default.createElement(E,{ref:h,muted:l,autoPlay:s,loop:p,controls:u,onCanPlayThrough:v,playsInline:f},null==i?void 0:i.map((function(n,e){return b.default.createElement("source",{src:n,key:e})}))))}));N.displayName="VideoBlock",exports.IntroBlock=function(e){var t=e.renderAs,i=void 0===t?"div":t,a=e.colorMode,o=void 0===a?"default":a,r=e.title,d=e.titleAs,s=e.titleSize,c=void 0===s?"heading-2":s,p=e.superTitle,m=e.superTitleAs,u=e.abstract,g=e.text,f=e.textType,v=void 0===f?"copy":f,x=e.textSize,h=void 0===x?"medium":x,w=e.primaryAction,y=e.secondaryAction,B=e.isCentered,E=void 0!==B&&B,N=e.clampTitle,A=void 0!==N&&N,O=e.clampAbstract,S=void 0!==O&&O,L=e.maxTitleLines,P=e.maxAbstractLines,V=e.clampText,z=void 0!==V&&V,H=e.maxTextLines,M=e.className,R=e.titleHyphens,G=e.image,D="inverted"===o||"onImage"===o,F=!1!==(null==G?void 0:G.coverSpace);return b.default.createElement(k,{as:i,isCentered:E,className:M},b.default.createElement(_,null,(r||p)&&b.default.createElement(I,{colorMode:o,title:r,titleAs:d,titleSize:c,superTitle:p,superTitleAs:m,isCentered:E,clamp:A,maxLines:L,titleHyphens:R}),(null==G?void 0:G.small)&&b.default.createElement(j,{isCentered:E,coverSpace:F},b.default.createElement(l.Image,n.__assign({},G,{coverSpace:F,allowEdgeRadius:!0,isInverted:D}))),u&&b.default.createElement(C,{type:"copy",size:"big",textColor:"onImage"===o?"#fff":void 0,isInverted:D,isCentered:E,innerHTML:u,clamp:S,maxLines:P}),g&&b.default.createElement(C,{type:v,size:h,textColor:"onImage"===o?"#fff":void 0,isInverted:D,isCentered:E,innerHTML:g,clamp:z,maxLines:H}),(w||y)&&b.default.createElement(T,{primary:w&&w({isInverted:D,isTextCentered:E}),secondary:y&&y({isInverted:D,isTextCentered:E})})),(null==G?void 0:G.small)&&!E&&b.default.createElement(q,null,b.default.createElement(l.Image,n.__assign({},G,{coverSpace:F,allowEdgeRadius:!0,isInverted:D}))))},exports.VideoBlock=N;
-//# sourceMappingURL=VideoBlock-1fbf598b.js.map
+"use strict";var n=require("./Filter-89286db9.js"),e=require("react"),t=require("styled-components"),i=require("./styles-13e5d9ac.js"),a=require("./TableBlock-532c7e1e.js"),o=require("./Copy-2a9d4b5d.js"),r=require("./Actions-c52a14e4.js"),l=require("./Image-69a9c116.js");function d(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var s,c,p,m,u,g,f,v,x,h,w,b=d(e),y=d(t),k=y.default.div.withConfig({displayName:"IntroBlock__View",componentId:"sc-w71lok-0"})(s||(s=n.__makeTemplateObject(["\n    display: block;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    text-align: ",";\n\n    @media "," {\n        display: flex;\n        flex-direction: row;\n\n        & > * + * {\n            margin-left: ","px;\n        }\n    }\n"],["\n    display: block;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    text-align: ",";\n\n    @media "," {\n        display: flex;\n        flex-direction: row;\n\n        & > * + * {\n            margin-left: ","px;\n        }\n    }\n"])),(function(n){return n.isCentered&&"center"}),i.mq.semilarge,i.spacings.spacer),_=y.default.div.withConfig({displayName:"IntroBlock__Content",componentId:"sc-w71lok-1"})(c||(c=n.__makeTemplateObject(["\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    max-width: 100%;\n\n    @media "," {\n        flex: 1 0 66.66%;\n    }\n"],["\n    & > * + * {\n        margin-top: ","px;\n    }\n\n    max-width: 100%;\n\n    @media "," {\n        flex: 1 0 66.66%;\n    }\n"])),i.spacings.spacer,i.mq.semilarge),I=y.default(a.Title).withConfig({displayName:"IntroBlock__StyledTitle",componentId:"sc-w71lok-2"})(p||(p=n.__makeTemplateObject(["\n    max-width: ",";\n"],["\n    max-width: ",";\n"])),(function(n){return n.clamp&&"880px"})),C=y.default(o.Copy).withConfig({displayName:"IntroBlock__ContentBlock",componentId:"sc-w71lok-3"})(u||(u=n.__makeTemplateObject(["\n    display: block;\n    max-width: ",";\n    margin-left: ",";\n    margin-right: ",";\n\n    ","\n\n    & + & {\n        margin-top: ","px;\n    }\n"],["\n    display: block;\n    max-width: ",";\n    margin-left: ",";\n    margin-right: ",";\n\n    ","\n\n    & + & {\n        margin-top: ","px;\n    }\n"])),(function(n){return n.clamp&&"880px"}),(function(n){return n.isCentered&&"auto"}),(function(n){return n.isCentered&&"auto"}),(function(e){var i=e.maxLines;return i&&i>0&&t.css(m||(m=n.__makeTemplateObject(["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ","; /* number of lines to show */\n            line-clamp: ",";\n            -webkit-box-orient: vertical;\n        "],["\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ","; /* number of lines to show */\n            line-clamp: ",";\n            -webkit-box-orient: vertical;\n        "])),i,i)}),3*i.spacings.nudge),T=y.default(r.Actions).withConfig({displayName:"IntroBlock__StyledActions",componentId:"sc-w71lok-4"})(g||(g=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"})),j=y.default.div.withConfig({displayName:"IntroBlock__MobileImageContainer",componentId:"sc-w71lok-5"})(f||(f=n.__makeTemplateObject(["\n    width: 100%;\n    height: 100%;\n    max-width: 400px;\n    max-height: ",";\n    text-align: center;\n\n    margin: 0 auto;\n    margin-top: ","px;\n\n    @media "," {\n        display: ",";\n    }\n"],["\n    width: 100%;\n    height: 100%;\n    max-width: 400px;\n    max-height: ",";\n    text-align: center;\n\n    margin: 0 auto;\n    margin-top: ","px;\n\n    @media "," {\n        display: ",";\n    }\n"])),(function(n){return n.coverSpace&&"400px"}),i.spacings.spacer,i.mq.semilarge,(function(n){return n.isCentered?"block":"none"})),q=y.default.div.withConfig({displayName:"IntroBlock__DesktopImageContainer",componentId:"sc-w71lok-6"})(v||(v=n.__makeTemplateObject(["\n    display: none;\n    width: 100%;\n\n    @media "," {\n        display: block;\n\n        max-width: 400px;\n        max-width: calc(100% - 66.66% - ","px);\n    }\n"],["\n    display: none;\n    width: 100%;\n\n    @media "," {\n        display: block;\n\n        max-width: 400px;\n        max-width: calc(100% - 66.66% - ","px);\n    }\n"])),i.mq.semilarge,i.spacings.spacer),B=y.default.div.withConfig({displayName:"VideoBlock__AspectContainer",componentId:"sc-160aafd-0"})(h||(h=n.__makeTemplateObject(["\n    position: relative;\n    border-radius: ",";\n    overflow: hidden;\n\n    aspect-ratio: ",";\n    width: ",";\n    max-width: 100%;\n\n    background: ",";\n    object-position: center;\n\n    @supports not (aspect-ratio: auto) {\n        height: ",";\n        padding-top: ",";\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    ","\n"],["\n    position: relative;\n    border-radius: ",";\n    overflow: hidden;\n\n    aspect-ratio: ",";\n    width: ",";\n    max-width: 100%;\n\n    background: ",";\n    object-position: center;\n\n    @supports not (aspect-ratio: auto) {\n        height: ",";\n        padding-top: ",";\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    @media "," {\n        aspect-ratio: ",";\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ",";\n        }\n    }\n\n    ","\n"])),(function(n){var e=n.theme;return i.getGlobals(e).sections.edgeRadius}),(function(n){var e=n.ratios;return null==e?void 0:e.small}),(function(n){var e=n.ratios;return(null==e?void 0:e.small)&&"100%"}),(function(n){var e=n.theme;return n.isInverted?i.getGlobals(e).sections.imagePlaceholderBg.inverted:i.getGlobals(e).sections.imagePlaceholderBg.default}),(function(n){var e=n.ratios;return(null==e?void 0:e.small)&&0}),(function(n){var e=n.ratios;return(null==e?void 0:e.small)&&"calc(100% / ".concat(null==e?void 0:e.small,")")}),i.mq.medium,(function(n){var e=n.ratios;return null==e?void 0:e.medium}),(function(n){var e=n.ratios;return(null==e?void 0:e.medium)&&"calc(100% / ".concat(null==e?void 0:e.medium,")")}),i.mq.semilarge,(function(n){var e=n.ratios;return null==e?void 0:e.semilarge}),(function(n){var e=n.ratios;return(null==e?void 0:e.semilarge)&&"calc(100% / ".concat(null==e?void 0:e.semilarge,")")}),i.mq.large,(function(n){var e=n.ratios;return null==e?void 0:e.large}),(function(n){var e=n.ratios;return(null==e?void 0:e.large)&&"calc(100% / ".concat(null==e?void 0:e.large,")")}),i.mq.xlarge,(function(n){var e=n.ratios;return null==e?void 0:e.xlarge}),(function(n){var e=n.ratios;return(null==e?void 0:e.xlarge)&&"calc(100% / ".concat(null==e?void 0:e.xlarge,")")}),(function(e){return e.ratios&&t.css(x||(x=n.__makeTemplateObject(["\n            video {\n                height: 100%;\n                width: 100%;\n                object-fit: cover;\n\n                @supports not (aspect-ratio: auto) {\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                }\n            }\n        "],["\n            video {\n                height: 100%;\n                width: 100%;\n                object-fit: cover;\n\n                @supports not (aspect-ratio: auto) {\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                }\n            }\n        "])))})),E=y.default.video.withConfig({displayName:"VideoBlock__Video",componentId:"sc-160aafd-1"})(w||(w=n.__makeTemplateObject(["\n    display: block;\n"],["\n    display: block;\n"]))),N=e.forwardRef((function(n,t){var i=n.urls,a=n.ratios,o=n.isInverted,r=n.muted,l=void 0!==r&&r,d=n.autoPlay,s=void 0!==d&&d,c=n.loop,p=void 0!==c&&c,m=n.controls,u=void 0!==m&&m,g=n.playsInline,f=void 0===g||g,v=n.onCanPlayThrough,x=n.className,h=e.useRef(null);return e.useImperativeHandle(t,(function(){return h.current})),e.useEffect((function(){h.current&&h.current.readyState>3&&(null==v||v())}),[v]),b.default.createElement(B,{ratios:a,isInverted:o,className:x},b.default.createElement(E,{ref:h,muted:l,autoPlay:s,loop:p,controls:u,onCanPlayThrough:v,playsInline:f},null==i?void 0:i.map((function(n,e){return b.default.createElement("source",{src:n,key:e})}))))}));N.displayName="VideoBlock",exports.IntroBlock=function(e){var t=e.renderAs,i=void 0===t?"div":t,a=e.colorMode,o=void 0===a?"default":a,r=e.title,d=e.titleAs,s=e.titleSize,c=void 0===s?"heading-2":s,p=e.superTitle,m=e.superTitleAs,u=e.abstract,g=e.text,f=e.textType,v=void 0===f?"copy":f,x=e.textSize,h=void 0===x?"medium":x,w=e.primaryAction,y=e.secondaryAction,B=e.isCentered,E=void 0!==B&&B,N=e.clampTitle,A=void 0!==N&&N,O=e.clampAbstract,S=void 0!==O&&O,L=e.maxTitleLines,P=e.maxAbstractLines,V=e.clampText,z=void 0!==V&&V,H=e.maxTextLines,M=e.className,R=e.titleHyphens,G=e.image,D="inverted"===o||"onImage"===o,F=!1!==(null==G?void 0:G.coverSpace);return b.default.createElement(k,{as:i,isCentered:E,className:M},b.default.createElement(_,null,(r||p)&&b.default.createElement(I,{colorMode:o,title:r,titleAs:d,titleSize:c,superTitle:p,superTitleAs:m,isCentered:E,clamp:A,maxLines:L,titleHyphens:R}),(null==G?void 0:G.small)&&b.default.createElement(j,{isCentered:E,coverSpace:F},b.default.createElement(l.Image,n.__assign({},G,{coverSpace:F,allowEdgeRadius:!0,isInverted:D}))),u&&b.default.createElement(C,{type:"copy",size:"big",textColor:"onImage"===o?"#fff":void 0,isInverted:D,isCentered:E,innerHTML:u,clamp:S,maxLines:P}),g&&b.default.createElement(C,{type:v,size:h,textColor:"onImage"===o?"#fff":void 0,isInverted:D,isCentered:E,innerHTML:g,clamp:z,maxLines:H}),(w||y)&&b.default.createElement(T,{primary:w&&w({isInverted:D,isTextCentered:E}),secondary:y&&y({isInverted:D,isTextCentered:E})})),(null==G?void 0:G.small)&&!E&&b.default.createElement(q,null,b.default.createElement(l.Image,n.__assign({},G,{coverSpace:F,allowEdgeRadius:!0,isInverted:D}))))},exports.VideoBlock=N;
+//# sourceMappingURL=VideoBlock-0cae22f0.js.map

package/cjs/{VideoBlock-1fbf598b.js.map → VideoBlock-0cae22f0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VideoBlock-1fbf598b.js","sources":["../src/components/blocks/IntroBlock.tsx","../src/components/blocks/VideoBlock.tsx"],"sourcesContent":["import React from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { spacings, mq, FontOptions } from 'utils/styles';\n\nimport Title, { TitleSize } from 'components/blocks/Title';\nimport Copy, { CopyType } from 'components/typography/Copy';\nimport Actions from 'components/blocks/Actions';\nimport { HeadlineTag } from 'components/typography/Heading';\nimport Image, { ImageProps } from './Image';\n\nconst View = styled.div<{ isCentered?: boolean }>`\n    display: block;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    text-align: ${({ isCentered }) => isCentered && 'center'};\n\n    @media ${mq.semilarge} {\n        display: flex;\n        flex-direction: row;\n\n        & > * + * {\n            margin-left: ${spacings.spacer}px;\n        }\n    }\n`;\n\nconst Content = styled.div`\n    & > * + * {\n        margin-top: ${spacings.spacer}px;\n    }\n\n    max-width: 100%;\n\n    @media ${mq.semilarge} {\n        flex: 1 0 66.66%;\n    }\n`;\n\nconst StyledTitle = styled(Title)<{ clamp?: boolean }>`\n    max-width: ${({ clamp }) => clamp && '880px'};\n`;\n\nconst ContentBlock = styled(Copy)<{\n    isCentered?: boolean;\n    clamp?: boolean;\n    maxLines?: number;\n}>`\n    display: block;\n    max-width: ${({ clamp }) => clamp && '880px'};\n    margin-left: ${({ isCentered }) => isCentered && 'auto'};\n    margin-right: ${({ isCentered }) => isCentered && 'auto'};\n\n    ${({ maxLines }) =>\n        maxLines &&\n        maxLines > 0 &&\n        css`\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ${maxLines}; /* number of lines to show */\n            line-clamp: ${maxLines};\n            -webkit-box-orient: vertical;\n        `}\n\n    & + & {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst StyledActions = styled(Actions)<{ isCentered?: boolean }>`\n    @media ${mq.medium} {\n        display: block;\n        text-align: ${({ isCentered }) => isCentered && 'center'};\n    }\n`;\n\nconst MobileImageContainer = styled.div<{\n    isCentered?: boolean;\n    coverSpace?: boolean;\n}>`\n    width: 100%;\n    height: 100%;\n    max-width: 400px;\n    max-height: ${({ coverSpace }) => coverSpace && '400px'};\n    text-align: center;\n\n    margin: 0 auto;\n    margin-top: ${spacings.spacer}px;\n\n    @media ${mq.semilarge} {\n        display: ${({ isCentered }) => (isCentered ? 'block' : 'none')};\n    }\n`;\n\nconst DesktopImageContainer = styled.div`\n    display: none;\n    width: 100%;\n\n    @media ${mq.semilarge} {\n        display: block;\n\n        max-width: 400px;\n        max-width: calc(100% - 66.66% - ${spacings.spacer}px);\n    }\n`;\n\nexport interface IntroActionProps {\n    isInverted?: boolean;\n    isTextCentered?: boolean;\n}\n\nconst IntroBlock: React.FC<{\n    /** Define rendered HTML DOM tag of intro container */\n    renderAs?: 'div' | 'figcaption';\n\n    /** Color presets for text and blocks. onImage has always a white text color */\n    colorMode?: 'default' | 'inverted' | 'onImage';\n\n    /** Main title text */\n    title?: string;\n\n    /** Main title HTML tag type (h2, h3, h4...) */\n    titleAs?: HeadlineTag;\n\n    /** Main title size */\n    titleSize?: TitleSize;\n\n    /** Superior title that stands above main title */\n    superTitle?: string;\n\n    /** Superior title HTML tag type (h3, h4 ...) */\n    superTitleAs?: HeadlineTag;\n\n    /** Intro text underneath the title (richtext) */\n    abstract?: string;\n\n    /** Main intro text (richtext) */\n    text?: string;\n\n    /** Intro image. coverSpace defaults to true */\n    image?: ImageProps;\n\n    /** Copy type of intro text (limits richtext capabilites on textType == copy-b or copy-i) */\n    textType?: CopyType;\n\n    /** Copy size of intro text */\n    textSize?: keyof FontOptions;\n\n    /** Function to inject custom primary button */\n    primaryAction?: (props: IntroActionProps) => React.ReactNode;\n\n    /** Function to inject custom secondary button */\n    secondaryAction?: (props: IntroActionProps) => React.ReactNode;\n\n    /** Center text and actions */\n    isCentered?: boolean;\n\n    /** Clamp title to max width of 880px */\n    clampTitle?: boolean;\n\n    /** Limit lines of title. Cut of with elipsis */\n    maxTitleLines?: number;\n\n    /** Clamp text to max width of 880px */\n    clampText?: boolean;\n\n    /** Clamp abstract to max width of 880px */\n    clampAbstract?: boolean;\n\n    /** Limit lines of text. Cut of with elipsis */\n    maxTextLines?: number;\n\n    /** Limit lines of abstract text. Cut of with elipsis */\n    maxAbstractLines?: number;\n\n    /** Main title hyphens */\n    titleHyphens?: boolean;\n\n    className?: string;\n}> = ({\n    renderAs = 'div',\n    colorMode = 'default',\n    title,\n    titleAs,\n    titleSize = 'heading-2',\n    superTitle,\n    superTitleAs,\n    abstract,\n    text,\n    textType = 'copy',\n    textSize = 'medium',\n    primaryAction,\n    secondaryAction,\n    isCentered = false,\n    clampTitle = false,\n    clampAbstract = false,\n    maxTitleLines,\n    maxAbstractLines,\n    clampText = false,\n    maxTextLines,\n    className,\n    titleHyphens,\n    image,\n}) => {\n    const isInverted = colorMode === 'inverted' || colorMode === 'onImage';\n    const coverSpace = image?.coverSpace === false ? false : true;\n\n    return (\n        <View as={renderAs} isCentered={isCentered} className={className}>\n            <Content>\n                {(title || superTitle) && (\n                    <StyledTitle\n                        colorMode={colorMode}\n                        title={title}\n                        titleAs={titleAs}\n                        titleSize={titleSize}\n                        superTitle={superTitle}\n                        superTitleAs={superTitleAs}\n                        isCentered={isCentered}\n                        clamp={clampTitle}\n                        maxLines={maxTitleLines}\n                        titleHyphens={titleHyphens}\n                    />\n                )}\n                {image?.small && (\n                    <MobileImageContainer\n                        isCentered={isCentered}\n                        coverSpace={coverSpace}\n                    >\n                        <Image\n                            {...image}\n                            coverSpace={coverSpace}\n                            allowEdgeRadius\n                            isInverted={isInverted}\n                        />\n                    </MobileImageContainer>\n                )}\n                {abstract && (\n                    <ContentBlock\n                        type=\"copy\"\n                        size=\"big\"\n                        textColor={colorMode === 'onImage' ? '#fff' : undefined}\n                        isInverted={isInverted}\n                        isCentered={isCentered}\n                        innerHTML={abstract}\n                        clamp={clampAbstract}\n                        maxLines={maxAbstractLines}\n                    />\n                )}\n                {text && (\n                    <ContentBlock\n                        type={textType}\n                        size={textSize}\n                        textColor={colorMode === 'onImage' ? '#fff' : undefined}\n                        isInverted={isInverted}\n                        isCentered={isCentered}\n                        innerHTML={text}\n                        clamp={clampText}\n                        maxLines={maxTextLines}\n                    />\n                )}\n                {(primaryAction || secondaryAction) && (\n                    <StyledActions\n                        primary={\n                            primaryAction &&\n                            primaryAction({\n                                isInverted,\n                                isTextCentered: isCentered,\n                            })\n                        }\n                        secondary={\n                            secondaryAction &&\n                            secondaryAction({\n                                isInverted,\n                                isTextCentered: isCentered,\n                            })\n                        }\n                    />\n                )}\n            </Content>\n\n            {image?.small && !isCentered && (\n                <DesktopImageContainer>\n                    <Image\n                        {...image}\n                        coverSpace={coverSpace}\n                        allowEdgeRadius\n                        isInverted={isInverted}\n                    />\n                </DesktopImageContainer>\n            )}\n        </View>\n    );\n};\n\nexport default IntroBlock;\n","import React, {\n    forwardRef,\n    useEffect,\n    useImperativeHandle,\n    useRef,\n} from 'react';\nimport styled, { css } from 'styled-components';\nimport { getGlobals as global, mq } from 'utils/styles';\n\nconst AspectContainer = styled.div<{\n    ratios?: VideoAspectRatios;\n    isInverted?: boolean;\n}>`\n    position: relative;\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n    overflow: hidden;\n\n    aspect-ratio: ${({ ratios }) => ratios?.small};\n    width: ${({ ratios }) => ratios?.small && '100%'};\n    max-width: 100%;\n\n    background: ${({ theme, isInverted }) =>\n        isInverted\n            ? global(theme).sections.imagePlaceholderBg.inverted\n            : global(theme).sections.imagePlaceholderBg.default};\n    object-position: center;\n\n    @supports not (aspect-ratio: auto) {\n        height: ${({ ratios }) => ratios?.small && 0};\n        padding-top: ${({ ratios }) =>\n            ratios?.small && `calc(100% / ${ratios?.small})`};\n    }\n\n    @media ${mq.medium} {\n        aspect-ratio: ${({ ratios }) => ratios?.medium};\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ${({ ratios }) =>\n                ratios?.medium && `calc(100% / ${ratios?.medium})`};\n        }\n    }\n\n    @media ${mq.semilarge} {\n        aspect-ratio: ${({ ratios }) => ratios?.semilarge};\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ${({ ratios }) =>\n                ratios?.semilarge && `calc(100% / ${ratios?.semilarge})`};\n        }\n    }\n\n    @media ${mq.large} {\n        aspect-ratio: ${({ ratios }) => ratios?.large};\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ${({ ratios }) =>\n                ratios?.large && `calc(100% / ${ratios?.large})`};\n        }\n    }\n\n    @media ${mq.xlarge} {\n        aspect-ratio: ${({ ratios }) => ratios?.xlarge};\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ${({ ratios }) =>\n                ratios?.xlarge && `calc(100% / ${ratios?.xlarge})`};\n        }\n    }\n\n    ${({ ratios }) =>\n        ratios &&\n        css`\n            video {\n                height: 100%;\n                width: 100%;\n                object-fit: cover;\n\n                @supports not (aspect-ratio: auto) {\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                }\n            }\n        `}\n`;\n\nconst Video = styled.video`\n    display: block;\n`;\n\nexport interface VideoAspectRatios {\n    small: number;\n    medium?: number;\n    semilarge?: number;\n    large?: number;\n    xlarge?: number;\n}\n\nexport interface VideoProps {\n    urls?: string[];\n    ratios?: VideoAspectRatios;\n    isInverted?: boolean;\n\n    muted?: boolean;\n    autoPlay?: boolean;\n    loop?: boolean;\n    controls?: boolean;\n    playsInline?: boolean;\n    onCanPlayThrough?: () => void;\n}\n\nconst VideoBlock = forwardRef<\n    HTMLVideoElement,\n    VideoProps & { className?: string }\n>(\n    (\n        {\n            urls,\n            ratios,\n            isInverted,\n            muted = false,\n            autoPlay = false,\n            loop = false,\n            controls = false,\n            playsInline = true,\n            onCanPlayThrough,\n            className,\n        },\n        ref\n    ) => {\n        const videoRef = useRef<HTMLVideoElement | null>(null);\n\n        useImperativeHandle<HTMLVideoElement | null, HTMLVideoElement | null>(\n            ref,\n            () => videoRef.current\n        );\n\n        useEffect(() => {\n            if (videoRef.current && videoRef.current.readyState > 3) {\n                onCanPlayThrough?.();\n            }\n        }, [onCanPlayThrough]);\n\n        return (\n            <AspectContainer\n                ratios={ratios}\n                isInverted={isInverted}\n                className={className}\n            >\n                <Video\n                    ref={videoRef}\n                    muted={muted}\n                    autoPlay={autoPlay}\n                    loop={loop}\n                    controls={controls}\n                    onCanPlayThrough={onCanPlayThrough}\n                    playsInline={playsInline}\n                >\n                    {urls?.map((url, i) => (\n                        <source src={url} key={i} />\n                    ))}\n                </Video>\n            </AspectContainer>\n        );\n    }\n);\n\nVideoBlock.displayName = 'VideoBlock';\n\nexport default VideoBlock;\n"],"names":["View","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","isCentered","mq","semilarge","spacings","spacer","Content","templateObject_2","StyledTitle","Title","templateObject_3","clamp","ContentBlock","Copy","templateObject_5","maxLines","css","nudge","StyledActions","Actions","medium","MobileImageContainer","coverSpace","DesktopImageContainer","templateObject_8","AspectContainer","theme","global","sections","edgeRadius","ratios","small","isInverted","getGlobals","imagePlaceholderBg","inverted","default","concat","large","xlarge","Video","video","VideoBlock","forwardRef","ref","urls","_b","muted","_c","autoPlay","_d","loop","_e","controls","_f","playsInline","onCanPlayThrough","className","videoRef","useRef","useImperativeHandle","current","useEffect","readyState","React","createElement","map","url","i","src","key","renderAs","colorMode","title","titleAs","titleSize","superTitle","superTitleAs","abstract","text","textType","textSize","primaryAction","secondaryAction","_g","_h","clampTitle","_j","clampAbstract","maxTitleLines","maxAbstractLines","_k","clampText","maxTextLines","titleHyphens","image","as","Image","__assign","allowEdgeRadius","type","size","textColor","undefined","innerHTML","primary","isTextCentered","secondary"],"mappings":"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"}
+{"version":3,"file":"VideoBlock-0cae22f0.js","sources":["../src/components/blocks/IntroBlock.tsx","../src/components/blocks/VideoBlock.tsx"],"sourcesContent":["import React from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { spacings, mq, FontOptions } from 'utils/styles';\n\nimport Title, { TitleSize } from 'components/blocks/Title';\nimport Copy, { CopyType } from 'components/typography/Copy';\nimport Actions from 'components/blocks/Actions';\nimport { HeadlineTag } from 'components/typography/Heading';\nimport Image, { ImageProps } from './Image';\n\nconst View = styled.div<{ isCentered?: boolean }>`\n    display: block;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    text-align: ${({ isCentered }) => isCentered && 'center'};\n\n    @media ${mq.semilarge} {\n        display: flex;\n        flex-direction: row;\n\n        & > * + * {\n            margin-left: ${spacings.spacer}px;\n        }\n    }\n`;\n\nconst Content = styled.div`\n    & > * + * {\n        margin-top: ${spacings.spacer}px;\n    }\n\n    max-width: 100%;\n\n    @media ${mq.semilarge} {\n        flex: 1 0 66.66%;\n    }\n`;\n\nconst StyledTitle = styled(Title)<{ clamp?: boolean }>`\n    max-width: ${({ clamp }) => clamp && '880px'};\n`;\n\nconst ContentBlock = styled(Copy)<{\n    isCentered?: boolean;\n    clamp?: boolean;\n    maxLines?: number;\n}>`\n    display: block;\n    max-width: ${({ clamp }) => clamp && '880px'};\n    margin-left: ${({ isCentered }) => isCentered && 'auto'};\n    margin-right: ${({ isCentered }) => isCentered && 'auto'};\n\n    ${({ maxLines }) =>\n        maxLines &&\n        maxLines > 0 &&\n        css`\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ${maxLines}; /* number of lines to show */\n            line-clamp: ${maxLines};\n            -webkit-box-orient: vertical;\n        `}\n\n    & + & {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst StyledActions = styled(Actions)<{ isCentered?: boolean }>`\n    @media ${mq.medium} {\n        display: block;\n        text-align: ${({ isCentered }) => isCentered && 'center'};\n    }\n`;\n\nconst MobileImageContainer = styled.div<{\n    isCentered?: boolean;\n    coverSpace?: boolean;\n}>`\n    width: 100%;\n    height: 100%;\n    max-width: 400px;\n    max-height: ${({ coverSpace }) => coverSpace && '400px'};\n    text-align: center;\n\n    margin: 0 auto;\n    margin-top: ${spacings.spacer}px;\n\n    @media ${mq.semilarge} {\n        display: ${({ isCentered }) => (isCentered ? 'block' : 'none')};\n    }\n`;\n\nconst DesktopImageContainer = styled.div`\n    display: none;\n    width: 100%;\n\n    @media ${mq.semilarge} {\n        display: block;\n\n        max-width: 400px;\n        max-width: calc(100% - 66.66% - ${spacings.spacer}px);\n    }\n`;\n\nexport interface IntroActionProps {\n    isInverted?: boolean;\n    isTextCentered?: boolean;\n}\n\nconst IntroBlock: React.FC<{\n    /** Define rendered HTML DOM tag of intro container */\n    renderAs?: 'div' | 'figcaption';\n\n    /** Color presets for text and blocks. onImage has always a white text color */\n    colorMode?: 'default' | 'inverted' | 'onImage';\n\n    /** Main title text */\n    title?: string;\n\n    /** Main title HTML tag type (h2, h3, h4...) */\n    titleAs?: HeadlineTag;\n\n    /** Main title size */\n    titleSize?: TitleSize;\n\n    /** Superior title that stands above main title */\n    superTitle?: string;\n\n    /** Superior title HTML tag type (h3, h4 ...) */\n    superTitleAs?: HeadlineTag;\n\n    /** Intro text underneath the title (richtext) */\n    abstract?: string;\n\n    /** Main intro text (richtext) */\n    text?: string;\n\n    /** Intro image. coverSpace defaults to true */\n    image?: ImageProps;\n\n    /** Copy type of intro text (limits richtext capabilites on textType == copy-b or copy-i) */\n    textType?: CopyType;\n\n    /** Copy size of intro text */\n    textSize?: keyof FontOptions;\n\n    /** Function to inject custom primary button */\n    primaryAction?: (props: IntroActionProps) => React.ReactNode;\n\n    /** Function to inject custom secondary button */\n    secondaryAction?: (props: IntroActionProps) => React.ReactNode;\n\n    /** Center text and actions */\n    isCentered?: boolean;\n\n    /** Clamp title to max width of 880px */\n    clampTitle?: boolean;\n\n    /** Limit lines of title. Cut of with elipsis */\n    maxTitleLines?: number;\n\n    /** Clamp text to max width of 880px */\n    clampText?: boolean;\n\n    /** Clamp abstract to max width of 880px */\n    clampAbstract?: boolean;\n\n    /** Limit lines of text. Cut of with elipsis */\n    maxTextLines?: number;\n\n    /** Limit lines of abstract text. Cut of with elipsis */\n    maxAbstractLines?: number;\n\n    /** Main title hyphens */\n    titleHyphens?: boolean;\n\n    className?: string;\n}> = ({\n    renderAs = 'div',\n    colorMode = 'default',\n    title,\n    titleAs,\n    titleSize = 'heading-2',\n    superTitle,\n    superTitleAs,\n    abstract,\n    text,\n    textType = 'copy',\n    textSize = 'medium',\n    primaryAction,\n    secondaryAction,\n    isCentered = false,\n    clampTitle = false,\n    clampAbstract = false,\n    maxTitleLines,\n    maxAbstractLines,\n    clampText = false,\n    maxTextLines,\n    className,\n    titleHyphens,\n    image,\n}) => {\n    const isInverted = colorMode === 'inverted' || colorMode === 'onImage';\n    const coverSpace = image?.coverSpace === false ? false : true;\n\n    return (\n        <View as={renderAs} isCentered={isCentered} className={className}>\n            <Content>\n                {(title || superTitle) && (\n                    <StyledTitle\n                        colorMode={colorMode}\n                        title={title}\n                        titleAs={titleAs}\n                        titleSize={titleSize}\n                        superTitle={superTitle}\n                        superTitleAs={superTitleAs}\n                        isCentered={isCentered}\n                        clamp={clampTitle}\n                        maxLines={maxTitleLines}\n                        titleHyphens={titleHyphens}\n                    />\n                )}\n                {image?.small && (\n                    <MobileImageContainer\n                        isCentered={isCentered}\n                        coverSpace={coverSpace}\n                    >\n                        <Image\n                            {...image}\n                            coverSpace={coverSpace}\n                            allowEdgeRadius\n                            isInverted={isInverted}\n                        />\n                    </MobileImageContainer>\n                )}\n                {abstract && (\n                    <ContentBlock\n                        type=\"copy\"\n                        size=\"big\"\n                        textColor={colorMode === 'onImage' ? '#fff' : undefined}\n                        isInverted={isInverted}\n                        isCentered={isCentered}\n                        innerHTML={abstract}\n                        clamp={clampAbstract}\n                        maxLines={maxAbstractLines}\n                    />\n                )}\n                {text && (\n                    <ContentBlock\n                        type={textType}\n                        size={textSize}\n                        textColor={colorMode === 'onImage' ? '#fff' : undefined}\n                        isInverted={isInverted}\n                        isCentered={isCentered}\n                        innerHTML={text}\n                        clamp={clampText}\n                        maxLines={maxTextLines}\n                    />\n                )}\n                {(primaryAction || secondaryAction) && (\n                    <StyledActions\n                        primary={\n                            primaryAction &&\n                            primaryAction({\n                                isInverted,\n                                isTextCentered: isCentered,\n                            })\n                        }\n                        secondary={\n                            secondaryAction &&\n                            secondaryAction({\n                                isInverted,\n                                isTextCentered: isCentered,\n                            })\n                        }\n                    />\n                )}\n            </Content>\n\n            {image?.small && !isCentered && (\n                <DesktopImageContainer>\n                    <Image\n                        {...image}\n                        coverSpace={coverSpace}\n                        allowEdgeRadius\n                        isInverted={isInverted}\n                    />\n                </DesktopImageContainer>\n            )}\n        </View>\n    );\n};\n\nexport default IntroBlock;\n","import React, {\n    forwardRef,\n    useEffect,\n    useImperativeHandle,\n    useRef,\n} from 'react';\nimport styled, { css } from 'styled-components';\nimport { getGlobals as global, mq } from 'utils/styles';\n\nconst AspectContainer = styled.div<{\n    ratios?: VideoAspectRatios;\n    isInverted?: boolean;\n}>`\n    position: relative;\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n    overflow: hidden;\n\n    aspect-ratio: ${({ ratios }) => ratios?.small};\n    width: ${({ ratios }) => ratios?.small && '100%'};\n    max-width: 100%;\n\n    background: ${({ theme, isInverted }) =>\n        isInverted\n            ? global(theme).sections.imagePlaceholderBg.inverted\n            : global(theme).sections.imagePlaceholderBg.default};\n    object-position: center;\n\n    @supports not (aspect-ratio: auto) {\n        height: ${({ ratios }) => ratios?.small && 0};\n        padding-top: ${({ ratios }) =>\n            ratios?.small && `calc(100% / ${ratios?.small})`};\n    }\n\n    @media ${mq.medium} {\n        aspect-ratio: ${({ ratios }) => ratios?.medium};\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ${({ ratios }) =>\n                ratios?.medium && `calc(100% / ${ratios?.medium})`};\n        }\n    }\n\n    @media ${mq.semilarge} {\n        aspect-ratio: ${({ ratios }) => ratios?.semilarge};\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ${({ ratios }) =>\n                ratios?.semilarge && `calc(100% / ${ratios?.semilarge})`};\n        }\n    }\n\n    @media ${mq.large} {\n        aspect-ratio: ${({ ratios }) => ratios?.large};\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ${({ ratios }) =>\n                ratios?.large && `calc(100% / ${ratios?.large})`};\n        }\n    }\n\n    @media ${mq.xlarge} {\n        aspect-ratio: ${({ ratios }) => ratios?.xlarge};\n\n        @supports not (aspect-ratio: auto) {\n            padding-top: ${({ ratios }) =>\n                ratios?.xlarge && `calc(100% / ${ratios?.xlarge})`};\n        }\n    }\n\n    ${({ ratios }) =>\n        ratios &&\n        css`\n            video {\n                height: 100%;\n                width: 100%;\n                object-fit: cover;\n\n                @supports not (aspect-ratio: auto) {\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                }\n            }\n        `}\n`;\n\nconst Video = styled.video`\n    display: block;\n`;\n\nexport interface VideoAspectRatios {\n    small: number;\n    medium?: number;\n    semilarge?: number;\n    large?: number;\n    xlarge?: number;\n}\n\nexport interface VideoProps {\n    urls?: string[];\n    ratios?: VideoAspectRatios;\n    isInverted?: boolean;\n\n    muted?: boolean;\n    autoPlay?: boolean;\n    loop?: boolean;\n    controls?: boolean;\n    playsInline?: boolean;\n    onCanPlayThrough?: () => void;\n}\n\nconst VideoBlock = forwardRef<\n    HTMLVideoElement,\n    VideoProps & { className?: string }\n>(\n    (\n        {\n            urls,\n            ratios,\n            isInverted,\n            muted = false,\n            autoPlay = false,\n            loop = false,\n            controls = false,\n            playsInline = true,\n            onCanPlayThrough,\n            className,\n        },\n        ref\n    ) => {\n        const videoRef = useRef<HTMLVideoElement | null>(null);\n\n        useImperativeHandle<HTMLVideoElement | null, HTMLVideoElement | null>(\n            ref,\n            () => videoRef.current\n        );\n\n        useEffect(() => {\n            if (videoRef.current && videoRef.current.readyState > 3) {\n                onCanPlayThrough?.();\n            }\n        }, [onCanPlayThrough]);\n\n        return (\n            <AspectContainer\n                ratios={ratios}\n                isInverted={isInverted}\n                className={className}\n            >\n                <Video\n                    ref={videoRef}\n                    muted={muted}\n                    autoPlay={autoPlay}\n                    loop={loop}\n                    controls={controls}\n                    onCanPlayThrough={onCanPlayThrough}\n                    playsInline={playsInline}\n                >\n                    {urls?.map((url, i) => (\n                        <source src={url} key={i} />\n                    ))}\n                </Video>\n            </AspectContainer>\n        );\n    }\n);\n\nVideoBlock.displayName = 'VideoBlock';\n\nexport default VideoBlock;\n"],"names":["View","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","isCentered","mq","semilarge","spacings","spacer","Content","templateObject_2","StyledTitle","Title","templateObject_3","clamp","ContentBlock","Copy","templateObject_5","maxLines","css","nudge","StyledActions","Actions","medium","MobileImageContainer","coverSpace","DesktopImageContainer","templateObject_8","AspectContainer","theme","global","sections","edgeRadius","ratios","small","isInverted","getGlobals","imagePlaceholderBg","inverted","default","concat","large","xlarge","Video","video","VideoBlock","forwardRef","ref","urls","_b","muted","_c","autoPlay","_d","loop","_e","controls","_f","playsInline","onCanPlayThrough","className","videoRef","useRef","useImperativeHandle","current","useEffect","readyState","React","createElement","map","url","i","src","key","renderAs","colorMode","title","titleAs","titleSize","superTitle","superTitleAs","abstract","text","textType","textSize","primaryAction","secondaryAction","_g","_h","clampTitle","_j","clampAbstract","maxTitleLines","maxAbstractLines","_k","clampText","maxTextLines","titleHyphens","image","as","Image","__assign","allowEdgeRadius","type","size","textColor","undefined","innerHTML","primary","isTextCentered","secondary"],"mappings":"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"}

package/cjs/{VideoCard-905c08d2.js → VideoCard-c9d4f46a.js}

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

package/cjs/{VideoCard-905c08d2.js.map → VideoCard-c9d4f46a.js.map}

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

package/cjs/blocks.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./TableBlock-c545ca8d.js"),r=require("./Actions-c52a14e4.js"),s=require("./Bdot-62c8e349.js"),i=require("./VideoBlock-1fbf598b.js"),t=require("./Image-94820dfd.js"),o=require("./LanguageSwitcher-aa96cc7d.js"),c=require("./EventBlock-4e406696.js"),a=require("./Tag-937849ad.js"),u=require("./FilterBar-0781490f.js"),l=require("./InfoList-e416058c.js"),d=require("./SocialList-aec9a5c2.js");require("./Filter-89286db9.js"),require("react"),require("styled-components"),require("./Copy-a0bc570d.js"),require("./clamp-bd21d587.js"),require("./LibThemeProvider-69109901.js"),require("./styles-13e5d9ac.js"),require("react-dom/server"),require("./Link-8951180c.js"),require("./statusFormatter-0393122b.js"),require("./arrays-c272ed59.js"),require("./FilterField-7efcacb7.js"),require("./useLazyInput-911b8eda.js"),require("./MultiselectDropdown-a16ea1c9.js"),require("./formFieldText-046fcbf4.js"),require("./useMounted-0bba9869.js"),require("./Checkbox-8dccd42f.js"),require("./useScroll-2f086e7f.js"),require("react-dom"),require("./Pointer-331140b6.js"),exports.TableBlock=e.TableBlock,exports.Title=e.Title,exports.Actions=r.Actions,exports.Bdot=s.Bdot,exports.IntroBlock=i.IntroBlock,exports.VideoBlock=i.VideoBlock,exports.Image=t.Image,exports.LanguageSwitcher=o.LanguageSwitcher,exports.EventBlock=c.EventBlock,exports.Tag=a.Tag,exports.FilterBar=u.FilterBar,exports.POICard=u.POICard,exports.POIFacts=u.POIFacts,exports.InfoList=l.InfoList,exports.SocialList=d.SocialList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./TableBlock-532c7e1e.js"),r=require("./Actions-c52a14e4.js"),s=require("./Bdot-62c8e349.js"),i=require("./VideoBlock-0cae22f0.js"),t=require("./Image-69a9c116.js"),o=require("./LanguageSwitcher-c6fd04df.js"),a=require("./EventBlock-0b0f0dd3.js"),u=require("./Tag-232f7aa9.js"),c=require("./FilterBar-bfd9db6e.js"),d=require("./InfoList-f040b8fb.js"),l=require("./SocialList-73af56b5.js");require("./Filter-89286db9.js"),require("react"),require("styled-components"),require("./Copy-2a9d4b5d.js"),require("./clamp-bd21d587.js"),require("./LibThemeProvider-69109901.js"),require("./styles-13e5d9ac.js"),require("react-dom/server"),require("./Link-8951180c.js"),require("./statusFormatter-0393122b.js"),require("./arrays-c272ed59.js"),require("./FilterField-d204feb1.js"),require("./useLazyInput-911b8eda.js"),require("./MultiselectDropdown-d46ae36f.js"),require("./formFieldText-21f5f620.js"),require("./useMounted-0bba9869.js"),require("./Checkbox-ddc9a87d.js"),require("./useScroll-2f086e7f.js"),require("react-dom"),require("./Pointer-0f69256f.js"),exports.TableBlock=e.TableBlock,exports.Title=e.Title,exports.Actions=r.Actions,exports.Bdot=s.Bdot,exports.IntroBlock=i.IntroBlock,exports.VideoBlock=i.VideoBlock,exports.Image=t.Image,exports.LanguageSwitcher=o.LanguageSwitcher,exports.EventBlock=a.EventBlock,exports.Tag=u.Tag,exports.FilterBar=c.FilterBar,exports.POICard=c.POICard,exports.POIFacts=c.POIFacts,exports.InfoList=d.InfoList,exports.SocialList=l.SocialList;
 //# sourceMappingURL=blocks.js.map

package/cjs/buttons.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Button-1adf99b8.js"),r=require("./ButtonGhost-fbab8769.js"),t=require("./Pointer-331140b6.js"),o=require("./Control-e15e1572.js");require("./Filter-89286db9.js"),require("react"),require("styled-components"),require("./hexRgbConverter-91b28aea.js"),require("./clamp-bd21d587.js"),require("./styles-13e5d9ac.js"),require("react-dom/server"),exports.Button=e.Button,exports.ButtonGhost=r.ButtonGhost,exports.Pointer=t.Pointer,exports.Control=o.Control;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Button-1adf99b8.js"),r=require("./ButtonGhost-fbab8769.js"),t=require("./Pointer-0f69256f.js"),o=require("./Control-e15e1572.js");require("./Filter-89286db9.js"),require("react"),require("styled-components"),require("./hexRgbConverter-91b28aea.js"),require("./clamp-bd21d587.js"),require("./styles-13e5d9ac.js"),require("react-dom/server"),exports.Button=e.Button,exports.ButtonGhost=r.ButtonGhost,exports.Pointer=t.Pointer,exports.Control=o.Control;
 //# sourceMappingURL=buttons.js.map

package/cjs/cookies.js

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

package/cjs/fields.js

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

package/cjs/footer.js

@@ -1,2 +1,2 @@
-"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;
+"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-2a9d4b5d.js"),o=require("./Link-8951180c.js"),r=require("react"),l=require("styled-components"),s=require("./LibThemeProvider-69109901.js"),d=require("./styles-13e5d9ac.js"),m=require("./LanguageSwitcher-c6fd04df.js"),c=require("./Bdot-62c8e349.js"),p=require("./arrays-c272ed59.js"),u=require("./SocialList-73af56b5.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(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,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(m.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,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=r.useMemo((function(){return m?m({isInverted:y,siteLinks:l,languages:_,bottomLinksLeft:g,bottomLinksRight:f}):void 0}),[g,f,m,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))),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,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/{formFieldText-046fcbf4.js → formFieldText-21f5f620.js}

@@ -1,2 +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
+"use strict";var e=require("./Filter-89286db9.js"),n=require("react"),t=require("styled-components"),i=require("./Copy-2a9d4b5d.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-21f5f620.js.map