npm - @blateral/b.kit - Versions diffs - 2.4.2 → 2.5.0-beta.1.1 - Mend

@blateral/b.kit 2.4.2 → 2.5.0-beta.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (845) hide show

package/cjs/Textfield-56996c98.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var e=require("./ClockFilled-2483aa4a.js"),n=require("react"),t=require("styled-components"),r=require("./Copy-ea6ab025.js"),o=require("./styles-3a495a2d.js"),a=require("./LibThemeProvider-4823de57.js"),i=require("./clamp-bd21d587.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s,d,c,u,p=l(n),m=l(t),f=m.default.label.withConfig({displayName:"FormField__View",componentId:"sc-1rjz0eq-0"})(s\|\|(s=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})),g=m.default(r.Copy).withConfig({displayName:"FormField__FieldHead",componentId:"sc-1rjz0eq-1"})(d\|\|(d=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"])),o.spacings.nudge),b=m.default(r.Copy).withConfig({displayName:"FormField__FieldMessage",componentId:"sc-1rjz0eq-2"})(c\|\|(c=e.__makeTemplateObject(["\n margin-top: ","px;\n"],["\n margin-top: ","px;\n"])),o.spacings.nudge),v={View:function(e){var n=e.isDisabled,t=e.onClick,r=e.className,o=e.children;return p.default.createElement(f,{onClick:t,isDisabled:n,className:r},o)},Head:function(e){var n=e.label,t=e.isRequired,r=e.isInverted,o=e.className;return n?p.default.createElement(g,{renderAs:"span",isInverted:r,size:"small",type:"copy-b",className:o},"".concat(n).concat(t?" ":"")):null},Messages:function(e){var n=e.errorMessage,t=e.infoMessage,r=e.isInverted,o=a.useLibTheme().colors;return p.default.createElement(p.default.Fragment,null,t&&p.default.createElement(b,{size:"small",type:"copy",isInverted:r},t),n&&p.default.createElement(b,{size:"small",type:"copy",textColor:r?o.text.errorInverted:o.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)}},y=function(e){return[i.clampValue(o.getFonts(e).copy.small.size[0],16),o.getFonts(e).copy.small.size[1]]},x=m.default.input.withConfig({displayName:"Textfield__InputField",componentId:"sc-11gw2iv-0"})(u\|\|(u=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,t=e.isInverted,r=e.hasError;return t?r?o.getColors(n).errorInverted:o.getColors(n).elementBg.light:r?o.getColors(n).error:o.getColors(n).elementBg.dark}),(function(e){var n=e.theme;return o.getGlobals(n).sections.edgeRadius}),r.copyStyle("copy","small"),(function(e){var n=e.theme;return o.withRange(y(n),"font-size")}),(function(e){var n=e.theme,t=e.isInverted,r=e.hasError;return t?r?o.getColors(n).text.errorInverted:o.getFonts(n).copy.small.colorInverted:r?o.getColors(n).text.error:o.getFonts(n).copy.small.color}),(function(e){var n=e.theme,t=e.isInverted;return"1px solid ".concat(t?o.getColors(n).primary.inverted:o.getColors(n).primary.default)}),(function(e){var n=e.theme,t=e.isInverted;return"1px solid ".concat(t?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})),h=p.default.memo((function(e){var n=e.type,t=void 0===n?"text":n,r=e.label,o=e.errorMessage,a=e.infoMessage,i=e.isRequired,l=e.isDisabled,s=e.isInverted,d=e.placeholder,c=e.value,u=e.name,m=e.onChange,f=e.onBlur;return l&&(o=""),p.default.createElement(v.View,{isDisabled:l},p.default.createElement(v.Head,{label:r,isRequired:i,isInverted:s}),p.default.createElement(v.Content,null,p.default.createElement(x,{placeholder:d,hasError:!!o,type:t,isInverted:s,name:u,value:c,required:i,onChange:m,onBlur:f})),p.default.createElement(v.Messages,{infoMessage:a,errorMessage:o,isInverted:s}))}),(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.FieldWrapper=v,exports.Textfield=h,exports.getFormFieldTextSize=y;
2	+ //# sourceMappingURL=Textfield-56996c98.js.map

package/cjs/Textfield-56996c98.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Textfield-56996c98.js","sources":["../src/components/fields/FormField.tsx","../src/utils/formFieldText.ts","../src/components/fields/Textfield.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\nimport Copy from 'components/typography/Copy';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport { spacings } from 'utils/styles';\n\nconst View = styled.label<{ isDisabled?: boolean }>`\n display: block;\n text-align: left;\n\n pointer-events: ${({ isDisabled }) => isDisabled && 'none'};\n user-select: ${({ isDisabled }) => isDisabled && 'none'};\n opacity: ${({ isDisabled }) => (isDisabled ? 0.3 : 1)};\n`;\n\nconst FieldHead = styled(Copy)`\n display: inline-flex;\n flex-direction: row;\n align-items: top;\n justify-content: space-between;\n padding-bottom: ${spacings.nudge}px;\n`;\n\nconst FieldMessage = styled(Copy)`\n margin-top: ${spacings.nudge}px;\n`;\n\nexport interface FieldProps {\n label?: string;\n errorMessage?: string;\n infoMessage?: string;\n isRequired?: boolean;\n isDisabled?: boolean;\n isInverted?: boolean;\n}\n\nconst FieldWrapper: React.FC<{\n isDisabled?: boolean;\n onClick?: (ev: React.SyntheticEvent<HTMLLabelElement>) => void;\n className?: string;\n children: React.ReactNode;\n}> = ({ isDisabled, onClick, className, children }) => {\n return (\n <View onClick={onClick} isDisabled={isDisabled} className={className}>\n {children}\n </View>\n );\n};\n\nconst Head: React.FC<{\n label?: string;\n isRequired?: boolean;\n isInverted?: boolean;\n className?: string;\n}> = ({ label, isRequired, isInverted, className }) => {\n if (!label) return null;\n return (\n <FieldHead\n renderAs=\"span\"\n isInverted={isInverted}\n size=\"small\"\n type=\"copy-b\"\n className={className}\n >\n {`${label}${isRequired ? ' *' : ''}`}\n </FieldHead>\n );\n};\n\nconst Messages: React.FC<{\n errorMessage?: string;\n infoMessage?: string;\n isInverted?: boolean;\n}> = ({ errorMessage, infoMessage, isInverted }) => {\n const { colors } = useLibTheme();\n\n return (\n <React.Fragment>\n {infoMessage && (\n <FieldMessage size=\"small\" type=\"copy\" isInverted={isInverted}>\n {infoMessage}\n </FieldMessage>\n )}\n {errorMessage && (\n <FieldMessage\n size=\"small\"\n type=\"copy\"\n textColor={\n isInverted\n ? colors.text.errorInverted\n : colors.text.error\n }\n >\n {errorMessage\n ? errorMessage\n : 'Bitte geben Sie einen gültigen Text ein'}\n </FieldMessage>\n )}\n </React.Fragment>\n );\n};\n\nconst Content: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n const addWrapper =\n typeof children === 'string' || children instanceof String;\n\n if (addWrapper) return {children};\n return <React.Fragment>{children}</React.Fragment>;\n};\n\nexport default {\n View: FieldWrapper,\n Head: Head,\n Messages: Messages,\n Content: Content,\n};\n","import { DefaultTheme } from 'styled-components';\n\nimport { getFonts as font } from 'utils/styles';\nimport { clampValue } from './clamp';\n\nexport const getFormFieldTextSize = (\n theme: DefaultTheme\n): [number, number?] => {\n const min = clampValue(font(theme).copy.small.size[0], 16);\n const max = font(theme).copy.small.size[1];\n return [min, max];\n};\n","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":["View","styled","label","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","isDisabled","FieldHead","Copy","templateObject_2","spacings","nudge","FieldMessage","templateObject_3","FieldWrapper$1","onClick","className","children","React","createElement","Head","isRequired","isInverted","renderAs","size","type","concat","Messages","errorMessage","infoMessage","colors","useLibTheme","Fragment","textColor","text","errorInverted","error","Content","String","getFormFieldTextSize","theme","clampValue","font","getFonts","copy","small","InputField","input","hasError","color","elementBg","light","dark","global","sections","edgeRadius","copyStyle","withRange","colorInverted","primary","inverted","default","subtileInverted","subtile","memo","_b","placeholder","value","name","onChange","onBlur","FieldWrapper","required","prev","next","enableMemo"],"mappings":"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"}

package/cjs/VideoBlock-a7d6ff7d.js ADDED Viewed

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

package/cjs/VideoBlock-a7d6ff7d.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/cjs/VideoCard-d48a37fe.js ADDED Viewed

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

package/cjs/VideoCard-d48a37fe.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/cjs/Wrapper-ff6854d7.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var e=require("./ClockFilled-2483aa4a.js"),t=require("react"),a=require("styled-components"),r=require("./styles-3a495a2d.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var c,p=i(t),s=n(a),l=2*r.spacings.nudge,o=s.default.div.withConfig({displayName:"Wrapper__View",componentId:"sc-1ll038z-0"})(c\|\|(c=e.__makeTemplateObject(["\n position: relative;\n width: 100%;\n max-width: ",";\n margin-left: auto;\n margin-right: auto;\n padding: 0\n ","px;\n"],["\n position: relative;\n width: 100%;\n max-width: ",";\n margin-left: auto;\n margin-right: auto;\n padding: 0\n ","px;\n"])),(function(e){switch(e.clampWidth){case"large":return"".concat(r.spacings.wrapperLarge,"px");case"small":return"".concat(r.spacings.wrapperSmall,"px");default:return"".concat(r.spacings.wrapper,"px")}}),(function(e){return e.addWhitespace?l:0}));exports.Wrapper=function(e){var t=e.addWhitespace,a=void 0!==t&&t,r=e.clampWidth,n=void 0===r?"normal":r,i=e.className,c=e.children;return p.createElement(o,{className:i,addWhitespace:a,clampWidth:n},c)},exports.wrapperWhitespace=l;
2	+ //# sourceMappingURL=Wrapper-ff6854d7.js.map

package/cjs/Wrapper-ff6854d7.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Wrapper-ff6854d7.js","sources":["../src/components/base/Wrapper.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport { spacings } from 'utils/styles';\n\nexport type ClampWidthType = 'small' | 'normal' | 'large';\n\nexport const wrapperWhitespace = spacings.nudge * 2;\n\nconst View = styled.div<{\n clampWidth?: ClampWidthType;\n addWhitespace?: boolean;\n}>`\n position: relative;\n width: 100%;\n max-width: ${({ clampWidth }) => {\n switch (clampWidth) {\n case 'large':\n return `${spacings.wrapperLarge}px`;\n\n case 'small':\n return `${spacings.wrapperSmall}px`;\n\n default:\n case 'normal':\n return `${spacings.wrapper}px`;\n }\n }};\n margin-left: auto;\n margin-right: auto;\n padding: 0\n ${({ addWhitespace }) => (addWhitespace ? wrapperWhitespace : 0)}px;\n`;\n\nconst Wrapper: React.FC<{\n addWhitespace?: boolean;\n clampWidth?: ClampWidthType;\n className?: string;\n children?: React.ReactNode;\n}> = ({\n addWhitespace = false,\n clampWidth = 'normal',\n className,\n children,\n}) => {\n return (\n <View\n className={className}\n addWhitespace={addWhitespace}\n clampWidth={clampWidth}\n >\n {children}\n </View>\n );\n};\n\nexport default Wrapper;\n"],"names":["wrapperWhitespace","spacings","nudge","View","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","clampWidth","concat","wrapperLarge","wrapperSmall","wrapper","addWhitespace","_b","_c","className","children","React","createElement"],"mappings":"ugBAOaA,EAAqC,EAAjBC,EAAAA,SAASC,MAEpCC,EAAOC,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,gBAAAC,YAAA,gBAAGJ,CAAUK,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,+DAAA,+EAAA,SAAA,CAGrB,+DAeG,+EAImE,YAhBvD,SAACC,GACV,OADsBA,EAAAC,YAElB,IAAK,QACM,MAAA,GAAGC,OAAAZ,EAAQA,SAACa,mBAEvB,IAAK,QACM,MAAA,GAAGD,OAAAZ,EAAQA,SAACc,mBAEvB,QAEW,MAAA,GAAGF,OAAAZ,EAAQA,SAACe,kBAMzB,SAACL,GAAsB,OAAPA,EAAAM,cAAwBjB,EAAoB,qBAQjE,SAACW,GACF,IAAAO,EAAAP,EAAAM,cAAAA,OAAa,IAAAC,GAAQA,EACrBC,EAAqBR,EAAAC,WAArBA,OAAU,IAAAO,EAAG,SAAQA,EACrBC,EAAST,EAAAS,UACTC,EAAQV,EAAAU,SAER,OACIC,EAACC,cAAApB,GACGiB,UAAWA,EACXH,cAAeA,EACfL,WAAYA,GAEXS"}

package/cjs/arrays-c272ed59.js ADDED Viewed

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

package/cjs/arrays-c272ed59.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/cjs/base.js ADDED Viewed

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

package/cjs/base.js.map ADDED Viewed

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

package/cjs/blocks.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./TableBlock-007f8e34.js"),r=require("./Actions-c7b16449.js"),s=require("./Bdot-5f8e0450.js"),o=require("./VideoBlock-a7d6ff7d.js"),t=require("./Image-c72f7a80.js"),i=require("./LanguageSwitcher-8fdd22ba.js"),a=require("./EventBlock-d191a8ae.js"),c=require("./Tag-9238cf0c.js"),u=require("./POICard-e46f9041.js"),d=require("./InfoList-71d3388a.js"),l=require("./SocialList-1d5f75a8.js");require("./ClockFilled-2483aa4a.js"),require("react"),require("styled-components"),require("./Copy-ea6ab025.js"),require("./clamp-bd21d587.js"),require("./LibThemeProvider-4823de57.js"),require("./styles-3a495a2d.js"),require("react-dom/server"),require("./Link-5a6f1633.js"),require("./statusFormatter-0393122b.js"),require("./arrays-c272ed59.js"),exports.TableBlock=e.TableBlock,exports.Title=e.Title,exports.Actions=r.Actions,exports.Bdot=s.Bdot,exports.IntroBlock=o.IntroBlock,exports.VideoBlock=o.VideoBlock,exports.Image=t.Image,exports.LanguageSwitcher=i.LanguageSwitcher,exports.EventBlock=a.EventBlock,exports.Tag=c.Tag,exports.POICard=u.POICard,exports.POIFacts=u.POIFacts,exports.InfoList=d.InfoList,exports.SocialList=l.SocialList;
2	+ //# sourceMappingURL=blocks.js.map

package/cjs/blocks.js.map ADDED Viewed

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

package/cjs/buttons.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Button-51ea72b7.js"),r=require("./ButtonGhost-628bbd60.js"),t=require("./Pointer-fde7b548.js"),o=require("./Control-08d09950.js");require("./ClockFilled-2483aa4a.js"),require("react"),require("styled-components"),require("./hexRgbConverter-91b28aea.js"),require("./clamp-bd21d587.js"),require("./styles-3a495a2d.js"),require("react-dom/server"),exports.Button=e.Button,exports.ButtonGhost=r.ButtonGhost,exports.Pointer=t.Pointer,exports.Control=o.Control;
2	+ //# sourceMappingURL=buttons.js.map

package/cjs/buttons.js.map ADDED Viewed

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

package/cjs/clamp-bd21d587.js ADDED Viewed

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

package/cjs/clamp-bd21d587.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/cjs/concat-f387d848.js ADDED Viewed

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

package/cjs/concat-f387d848.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/cjs/cookies.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./ClockFilled-2483aa4a.js"),n=require("./Actions-c7b16449.js"),t=require("./Checkbox-1c34c7e6.js"),o=require("./Copy-ea6ab025.js"),i=require("react"),a=require("styled-components"),l=require("./useCookieConsent-1af2af74.js"),r=require("./hexRgbConverter-91b28aea.js"),c=require("./LibThemeProvider-4823de57.js"),s=require("./statusFormatter-0393122b.js"),d=require("./styles-3a495a2d.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,2d.spacings.nudge,(function(e){var n=e.theme;return d.getColors(n).elementBg.light}),2d.spacings.nudge,d.mq.medium,5d.spacings.nudge,3d.spacings.nudge,d.mq.semilarge,1.5d.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,2d.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"])),2d.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,5d.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)}})})))};
2	+ //# sourceMappingURL=cookies.js.map

package/cjs/cookies.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/cjs/escape-1ef8dd83.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";exports.escapeRegExp=function(e){return e.replace(/[.*+?^${}()\|[\]\\]/g,"\\$&")};
2	+ //# sourceMappingURL=escape-1ef8dd83.js.map

package/cjs/escape-1ef8dd83.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"escape-1ef8dd83.js","sources":["../src/utils/escape.ts"],"sourcesContent":["export const escapeRegExp = (value: string) => {\n return value.replace(/[.*+?^${}()\|[\\]\\\\]/g, '\\\\$&'); // $& means the whole matched string\n};\n"],"names":["value","replace"],"mappings":"kCAA4B,SAACA,GAClBA,OAAAA,EAAMC,QAAQ,sBAAuB"}

package/cjs/fields.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),t=require("styled-components"),o=require("./LibThemeProvider-4823de57.js"),r=require("./styles-3a495a2d.js"),i=require("./FilterField-b1547fb4.js"),a=require("./Textfield-56996c98.js"),l=require("./Textarea-485efa2d.js"),c=require("./Checkbox-1c34c7e6.js");function s(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}require("react-dom/server"),require("./Copy-ea6ab025.js"),require("./clamp-bd21d587.js"),require("./useLazyInput-0b912584.js"),require("./ButtonGhost-628bbd60.js"),require("./hexRgbConverter-91b28aea.js"),require("./Button-51ea72b7.js"),require("react-datepicker"),require("./useLeafletMap-2e608b01.js"),require("./useUpdateEffect-4d233e2c.js"),require("./useGeolocation-d8946470.js"),require("./useMounted-0bba9869.js"),require("./arrays-c272ed59.js");var u,d,p,f,m,h,g,b,x=s(e),v=s(t),w=v.default.form.withConfig({displayName:"CompactForm__View",componentId:"sc-v44fzp-0"})(u\|\|(u=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),y=v.default.input.withConfig({displayName:"CompactForm__InputField",componentId:"sc-v44fzp-1"})(d\|\|(d=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,3r.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)})),k=v.default.button.withConfig({displayName:"CompactForm__SubmitBtn",componentId:"sc-v44fzp-2"})(p\|\|(p=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"])),.5r.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),C=v.default.div.withConfig({displayName:"SearchInput__View",componentId:"sc-21j67n-0"})(f\|\|(f=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})),j=v.default.input.withConfig({displayName:"SearchInput__InputField",componentId:"sc-21j67n-1"})(m\|\|(m=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"])),3r.spacings.nudge,3.5r.spacings.nudge,(function(n){return n.hasLeftIcon&&2.5r.spacings.spacer+"px"}),(function(n){return n.hasRightIcon&&2.5r.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)})),_=v.default.button.withConfig({displayName:"SearchInput__ControlBtn",componentId:"sc-21j67n-2"})(h\|\|(h=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})),F=v.default(_).withConfig({displayName:"SearchInput__SubmitBtn",componentId:"sc-21j67n-3"})(g\|\|(g=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"]))),I=v.default(_).withConfig({displayName:"SearchInput__ClearBtn",componentId:"sc-21j67n-4"})(b\|\|(b=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.Textfield=a.Textfield,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.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 x.default.createElement(w,{onSubmit:s,method:a,action:l,className:f},x.default.createElement(y,{placeholder:i,value:r,onClick:u,onBlur:d,onFocus:p,backColor:h}),c&&x.default.createElement(k,{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 x.default.createElement(C,{isInverted:t,className:p},i&&x.default.createElement(F,{isInverted:t,onClick:function(){return l&&l()}},i),x.default.createElement(j,{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&&x.default.createElement(I,{isInverted:t,onClick:function(){return s&&s()}},a))};
2	+ //# sourceMappingURL=fields.js.map

package/cjs/fields.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"fields.js","sources":["../src/components/fields/CompactForm.tsx","../src/components/fields/SearchInput.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled from 'styled-components';\nimport { useLibTheme } from 'utils/LibThemeProvider';\n\nimport {\n getColors as color,\n getFonts as font,\n mq,\n spacings,\n withRange,\n} from 'utils/styles';\n\nconst View = styled.form`\n width: 100%;\n display: flex;\n flex-direction: column;\n\n color: ${({ theme }) => color(theme).text.default};\n\n @media ${mq.medium} {\n flex-direction: row;\n }\n`;\n\nconst InputField = styled.input<{ backColor?: string }>`\n display: block;\n width: 100%;\n height: 49px;\n max-height: 49px;\n padding: ${spacings.nudge}px ${spacings.nudge * 3}px;\n color: inherit;\n\n background-color: ${({ backColor }) => backColor && backColor};\n box-shadow: none;\n border: none;\n border-right: none;\n border-radius: 0px;\n outline: none;\n -webkit-appearance: none;\n\n font-family: ${({ theme }) => font(theme).copy.small.family};\n font-weight: ${({ theme }) => font(theme).copy.small.weight};\n ${({ theme }) => withRange(font(theme).copy.small.size, 'font-size')}\n line-height: ${({ theme }) => font(theme).copy.small.lineHeight};\n\n &:focus {\n outline: ${({ theme }) => `2px solid ${color(theme).primary.default}`};\n outline-offset: 0;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n\n &::placeholder {\n color: inherit;\n }\n`;\n\nconst SubmitBtn = styled.button<{ isInverted?: boolean }>`\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 49px;\n\n margin-top: ${spacings.spacer * 0.5}px;\n\n background-color: ${({ theme }) => color(theme).primary.default};\n color: ${({ theme }) => color(theme).text.inverted};\n\n outline: none;\n border: none;\n user-select: none;\n cursor: pointer;\n transition: all ease-in-out 0.2s;\n\n @media ${mq.medium} {\n width: 100px;\n margin-top: 0;\n }\n\n &:hover {\n transform: scale(1.05);\n }\n\n &:focus {\n text-decoration: underline;\n transform: scale(1.012);\n }\n\n &:focus:not(:focus-visible) {\n text-decoration: none;\n }\n\n &:active {\n transform: scale(0.95);\n }\n`;\n\nconst CompactForm: FC<{\n mode?: 'onSoft' | 'onDark' | 'default';\n value?: string;\n placeholder?: string;\n method?: string;\n action?: string;\n buttonIcon?: React.ReactNode;\n onSubmit?: (ev: React.SyntheticEvent<HTMLFormElement>) => void;\n onClick?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n onFocus?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n onBlur?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n className?: string;\n}> = ({\n mode = 'default',\n value,\n placeholder,\n method,\n action,\n buttonIcon,\n onSubmit,\n onClick,\n onBlur,\n onFocus,\n className,\n}) => {\n const { colors } = useLibTheme();\n const bgColor =\n mode === 'default' ? colors.elementBg.medium : colors.elementBg.light;\n\n return (\n <View\n onSubmit={onSubmit}\n method={method}\n action={action}\n className={className}\n >\n <InputField\n placeholder={placeholder}\n value={value}\n onClick={onClick}\n onBlur={onBlur}\n onFocus={onFocus}\n backColor={bgColor}\n />\n {buttonIcon && (\n <SubmitBtn isInverted={mode === 'onDark'}>\n {buttonIcon}\n </SubmitBtn>\n )}\n </View>\n );\n};\n\nexport default CompactForm;\n","import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport {\n getColors as color,\n getFonts as font,\n spacings,\n withRange,\n} from 'utils/styles';\n\nconst View = styled.div<{ isInverted?: boolean }>`\n position: relative;\n width: 100%;\n display: flex;\n flex-direction: row;\n\n color: ${({ theme }) => color(theme).text.default};\n\n background-color: ${({ theme, isInverted }) =>\n isInverted\n ? color(theme).elementBg.light\n : color(theme).elementBg.medium};\n`;\n\nconst InputField = styled.input<{\n hasLeftIcon?: boolean;\n hasRightIcon?: boolean;\n}>`\n display: block;\n width: 100%;\n height: 100%;\n padding: ${spacings.nudge * 3}px ${spacings.nudge * 3.5}px;\n padding-left: ${({ hasLeftIcon }) =>\n hasLeftIcon && spacings.spacer * 2.5 + 'px'};\n padding-right: ${({ hasRightIcon }) =>\n hasRightIcon && spacings.spacer * 2.5 + 'px'};\n color: inherit;\n\n background-color: transparent;\n box-shadow: none;\n border: none;\n border-right: none;\n border-radius: 0px;\n outline: none;\n -webkit-appearance: none;\n\n font-family: ${({ theme }) => font(theme).copy.small.family};\n font-weight: 400;\n ${({ theme }) => withRange(font(theme).copy.small.size, 'font-size')}\n line-height: 1.25;\n\n &::placeholder {\n color: inherit;\n }\n\n &:focus {\n outline: ${({ theme }) => `1px solid ${color(theme).primary.default}`};\n outline-offset: 0;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n`;\n\nconst ControlBtn = styled.button<{ isInverted?: boolean }>`\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 53px;\n\n margin: -2px;\n background-color: transparent;\n color: ${({ theme }) => color(theme).text.default};\n\n outline: none;\n border: none;\n user-select: none;\n cursor: pointer;\n /* transition: all ease-in-out 0.2s; */\n\n &:hover {\n transform: scale(1.02);\n }\n\n &:focus {\n text-decoration: underline;\n transform: scale(1.012);\n }\n\n &:focus:not(:focus-visible) {\n text-decoration: none;\n }\n\n &:active {\n transform: scale(0.95);\n }\n`;\n\nconst SubmitBtn = styled(ControlBtn)`\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n`;\n\nconst ClearBtn = styled(ControlBtn)`\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n`;\n\nconst SearchInput: FC<{\n isInverted?: boolean;\n value?: string;\n placeholder?: string;\n submitIcon?: React.ReactNode;\n clearIcon?: React.ReactNode;\n onSubmit?: () => void;\n onClear?: () => void;\n onClick?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n onBlur?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n onFocus?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n className?: string;\n}> = ({\n isInverted = false,\n value,\n placeholder,\n submitIcon,\n clearIcon,\n onSubmit,\n onClick,\n onClear,\n onBlur,\n onFocus,\n className,\n}) => {\n const handleKeyDown = (ev: React.KeyboardEvent<HTMLInputElement>) => {\n if (ev.keyCode === 13) {\n onSubmit && onSubmit();\n ev.preventDefault();\n }\n };\n\n return (\n <View isInverted={isInverted} className={className}>\n {submitIcon && (\n <SubmitBtn\n isInverted={isInverted}\n onClick={() => onSubmit && onSubmit()}\n >\n {submitIcon}\n </SubmitBtn>\n )}\n <InputField\n hasLeftIcon={submitIcon !== undefined}\n hasRightIcon={clearIcon !== undefined}\n placeholder={placeholder}\n value={value}\n onClick={onClick}\n onBlur={onBlur}\n onFocus={onFocus}\n onKeyDown={handleKeyDown}\n />\n {clearIcon && (\n <ClearBtn\n isInverted={isInverted}\n onClick={() => onClear && onClear()}\n >\n {clearIcon}\n </ClearBtn>\n )}\n </View>\n );\n};\n\nexport default SearchInput;\n"],"names":["View","styled","form","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","theme","color","text","default","mq","medium","InputField","input","templateObject_2","spacings","nudge","backColor","font","getFonts","copy","small","family","weight","withRange","size","lineHeight","concat","getColors","primary","SubmitBtn","button","templateObject_3","spacer","inverted","div","isInverted","elementBg","light","hasLeftIcon","hasRightIcon","ControlBtn","templateObject_4","ClearBtn","templateObject_5","_b","mode","value","placeholder","method","action","buttonIcon","onSubmit","onClick","onBlur","onFocus","className","colors","useLibTheme","bgColor","React","createElement","submitIcon","clearIcon","onClear","undefined","onKeyDown","ev","keyCode","preventDefault"],"mappings":"k7BAYMA,EAAOC,EAAAA,QAAOC,KAAVC,WAAA,CAAAC,YAAA,oBAAAC,YAAA,eAAGJ,CAAWK,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,qFAAA,mBAAA,6CAAA,CAAA,qFAK6B,mBAE/B,gDAFT,SAACC,GAAE,IAAAC,EAAKD,EAAAC,MAAO,OAAAC,YAAMD,GAAOE,KAAKC,UAEjCC,EAAAA,GAAGC,QAKVC,EAAad,EAAAA,QAAOe,MAAVb,WAAA,CAAAC,YAAA,0BAAAC,YAAA,eAAGJ,CAAoCgB,IAAAA,EAAAV,EAAAA,qBAAA,CAAA,mGAAA,MAAA,qDAAA,wKAAA,uBAAA,UAAA,sBAAA,wCAAA,sKAAA,CAAA,mGAK1B,MAAwB,qDAGY,wKAQF,uBACA,UACS,sBACL,wCAGU,wKAjB9DW,EAAAA,SAASC,MAA4B,EAAjBD,EAAAA,SAASC,OAGpB,SAACX,GAAE,IAAAY,EAASZ,EAAAY,UAAOA,OAAAA,GAAaA,KAQrC,SAACZ,GAAE,IAAAC,EAAKD,EAAAC,MAAOY,OAAAA,EAAIC,SAACb,GAAOc,KAAKC,MAAMC,UACtC,SAACjB,GAAE,IAAAC,EAAKD,EAAAC,MAAOY,OAAAA,EAAIC,SAACb,GAAOc,KAAKC,MAAME,UACnD,SAAClB,GAAE,IAAAC,EAAKD,EAAAC,MAAO,OAAAkB,EAASA,UAACN,EAAIC,SAACb,GAAOc,KAAKC,MAAMI,KAAM,gBACzC,SAACpB,GAAE,IAAAC,EAAKD,EAAAC,MAAOY,OAAAA,EAAIC,SAACb,GAAOc,KAAKC,MAAMK,cAGtC,SAACrB,GAAE,IAAAC,EAAKD,EAAAC,MAAO,MAAA,aAAAqB,OAAapB,EAAKqB,UAACtB,GAAOuB,QAAQpB,YAa9DqB,EAAYhC,EAAAA,QAAOiC,OAAV/B,WAAA,CAAAC,YAAA,yBAAAC,YAAA,eAAGJ,CAAuCkC,IAAAA,EAAA5B,uBAAA,CAAA,yKAAA,gCAAA,iBAAA,iJAAA,4VAAA,CAAA,yKAQlB,gCAE4B,iBACb,iJAQhC,8VAXc,GAAlBW,EAAAA,SAASkB,QAEH,SAAC5B,GAAE,IAAAC,EAAKD,EAAAC,MAAO,OAAAC,YAAMD,GAAOuB,QAAQpB,WAC/C,SAACJ,GAAE,IAAAC,EAAKD,EAAAC,MAAO,OAAAC,YAAMD,GAAOE,KAAK0B,WAQjCxB,EAAAA,GAAGC,QCpEVd,EAAOC,EAAAA,QAAOqC,IAAVnC,WAAA,CAAAC,YAAA,oBAAAC,YAAA,eAAGJ,CAAUK,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,2GAAA,8BAAA,OAAA,CAA0B,2GAMI,8BAKV,UAL9B,SAACC,GAAE,IAAAC,EAAKD,EAAAC,MAAO,OAAAC,YAAMD,GAAOE,KAAKC,WAEtB,SAACJ,OAAEC,EAAKD,EAAAC,MACxB,OADoCD,EAAA+B,WAE9B7B,EAAAA,UAAMD,GAAO+B,UAAUC,MACvB/B,EAAAA,UAAMD,GAAO+B,UAAU1B,UAG/BC,EAAad,EAAAA,QAAOe,MAAVb,WAAA,CAAAC,YAAA,0BAAAC,YAAA,eAAGJ,CAGjBgB,IAAAA,EAAAV,EAAAA,qBAAA,CAAA,4EAAA,MAAA,0BAAA,yBAAA,mOAAA,iCAAA,uHAAA,8GAAA,CAAA,4EAI+B,MAA0B,0BAER,yBAEC,mOAWW,iCAES,uHAQK,gHAzB7C,EAAjBW,EAAQA,SAACC,MAAgC,IAAjBD,EAAQA,SAACC,OAC5B,SAACX,GACbkC,OAD0BlC,EAAAkC,aACO,IAAlBxB,EAAQA,SAACkB,OAAe,QAC1B,SAAC5B,GACdmC,OAD4BnC,EAAAmC,cACM,IAAlBzB,EAAQA,SAACkB,OAAe,QAW7B,SAAC5B,GAAE,IAAAC,EAAKD,EAAAC,MAAOY,OAAAA,EAAIC,SAACb,GAAOc,KAAKC,MAAMC,UAEnD,SAACjB,GAAE,IAAAC,EAAKD,EAAAC,MAAO,OAAAkB,EAASA,UAACN,EAAIC,SAACb,GAAOc,KAAKC,MAAMI,KAAM,gBAQzC,SAACpB,GAAE,IAAAC,EAAKD,EAAAC,MAAO,MAAA,aAAAqB,OAAapB,EAAKqB,UAACtB,GAAOuB,QAAQpB,YAS9DgC,EAAa3C,EAAAA,QAAOiC,OAAV/B,WAAA,CAAAC,YAAA,0BAAAC,YAAA,eAAGJ,CAAuCkC,IAAAA,EAAA5B,EAAAA,qBAAA,CAAA,wMAAA,yaAAA,CAAA,wMASL,4aAAxC,SAACC,GAAE,IAAAC,EAAKD,EAAAC,MAAO,OAAAC,YAAMD,GAAOE,KAAKC,WA0BxCqB,EAAYhC,EAAM,QAAC2C,GAAVzC,WAAA,CAAAC,YAAA,yBAAAC,YAAA,eAAGJ,CAAkB4C,IAAAA,EAAAtC,uBAAA,CAAA,0EAAA,CAAA,6EAO9BuC,EAAW7C,EAAM,QAAC2C,GAAVzC,WAAA,CAAAC,YAAA,wBAAAC,YAAA,eAAGJ,CAAkB8C,IAAAA,EAAAxC,uBAAA,CAAA,2EAAA,CAAA,2aDM9B,SAACC,GACF,IAAAwC,EAAAxC,EAAAyC,KAAAA,OAAO,IAAAD,EAAA,YACPE,EAAK1C,EAAA0C,MACLC,EAAW3C,EAAA2C,YACXC,EAAM5C,EAAA4C,OACNC,EAAM7C,EAAA6C,OACNC,EAAU9C,EAAA8C,WACVC,EAAQ/C,EAAA+C,SACRC,EAAOhD,EAAAgD,QACPC,WACAC,EAAOlD,EAAAkD,QACPC,EAASnD,EAAAmD,UAEDC,EAAWC,uBACbC,EACO,YAATb,EAAqBW,EAAOpB,UAAU1B,OAAS8C,EAAOpB,UAAUC,MAEpE,OACIsB,EAAC,QAAAC,cAAAhE,GACGuD,SAAUA,EACVH,OAAQA,EACRC,OAAQA,EACRM,UAAWA,GAEXI,EAAC,QAAAC,cAAAjD,EACG,CAAAoC,YAAaA,EACbD,MAAOA,EACPM,QAASA,EACTC,OAAQA,EACRC,QAASA,EACTtC,UAAW0C,IAEdR,GACGS,UAAAC,cAAC/B,EAAS,CAACM,WAAqB,WAATU,GAClBK,yBCrBhB,SAAC9C,GACF,IAAAwC,EAAAxC,EAAA+B,WAAAA,OAAa,IAAAS,KACbE,EAAK1C,EAAA0C,MACLC,EAAW3C,EAAA2C,YACXc,EAAUzD,EAAAyD,WACVC,EAAS1D,EAAA0D,UACTX,EAAQ/C,EAAA+C,SACRC,EAAOhD,EAAAgD,QACPW,EAAO3D,EAAA2D,QACPV,WACAC,EAAOlD,EAAAkD,QACPC,EAASnD,EAAAmD,UAST,OACII,EAAC,QAAAC,cAAAhE,EAAK,CAAAuC,WAAYA,EAAYoB,UAAWA,GACpCM,GACGF,EAAAA,QAACC,cAAA/B,GACGM,WAAYA,EACZiB,QAAS,WAAMD,OAAAA,GAAYA,MAE1BU,GAGTF,UAAAC,cAACjD,EACG,CAAA2B,iBAA4B0B,IAAfH,EACbtB,kBAA4ByB,IAAdF,EACdf,YAAaA,EACbD,MAAOA,EACPM,QAASA,EACTC,OAAQA,EACRC,QAASA,EACTW,UAzBU,SAACC,GACA,KAAfA,EAAGC,UACHhB,GAAYA,IACZe,EAAGE,qBAwBFN,GACGH,UAAAC,cAAClB,EAAQ,CACLP,WAAYA,EACZiB,QAAS,WAAMW,OAAAA,GAAWA,MAEzBD"}

package/cjs/footer.js ADDED Viewed

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

package/cjs/footer.js.map ADDED Viewed

@@ -0,0 +1 @@

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