@blateral/b.kit 2.7.2 → 2.7.3-patch1.0
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.
- package/cjs/{Checkbox-1c34c7e6.js → Checkbox-367283ac.js} +2 -2
- package/cjs/{Checkbox-1c34c7e6.js.map → Checkbox-367283ac.js.map} +1 -1
- package/cjs/{Copy-ea6ab025.js → Copy-b579f268.js} +2 -2
- package/cjs/{Copy-ea6ab025.js.map → Copy-b579f268.js.map} +1 -1
- package/cjs/{EventBlock-04e719a7.js → EventBlock-701e70fa.js} +2 -2
- package/cjs/{EventBlock-04e719a7.js.map → EventBlock-701e70fa.js.map} +1 -1
- package/cjs/{FilterField-cce38ffb.js → FilterField-82610ee9.js} +2 -2
- package/cjs/{FilterField-cce38ffb.js.map → FilterField-82610ee9.js.map} +1 -1
- package/cjs/{Image-c72f7a80.js → Image-b47c0c2d.js} +2 -2
- package/cjs/{Image-c72f7a80.js.map → Image-b47c0c2d.js.map} +1 -1
- package/cjs/{InfoList-71d3388a.js → InfoList-43067979.js} +2 -2
- package/cjs/{InfoList-71d3388a.js.map → InfoList-43067979.js.map} +1 -1
- package/cjs/{LanguageSwitcher-8fdd22ba.js → LanguageSwitcher-296643d1.js} +2 -2
- package/cjs/{LanguageSwitcher-8fdd22ba.js.map → LanguageSwitcher-296643d1.js.map} +1 -1
- package/cjs/{Navigation-d205ed34.js → Navigation-8f27999b.js} +2 -2
- package/cjs/{Navigation-d205ed34.js.map → Navigation-8f27999b.js.map} +1 -1
- package/cjs/{POICard-e46f9041.js → POICard-38e65e37.js} +2 -2
- package/cjs/{POICard-e46f9041.js.map → POICard-38e65e37.js.map} +1 -1
- package/cjs/{SocialList-1d5f75a8.js → SocialList-b13025f9.js} +2 -2
- package/cjs/{SocialList-1d5f75a8.js.map → SocialList-b13025f9.js.map} +1 -1
- package/cjs/{TableBlock-f2c59d9b.js → TableBlock-86c20502.js} +2 -2
- package/cjs/{TableBlock-f2c59d9b.js.map → TableBlock-86c20502.js.map} +1 -1
- package/cjs/{Tag-9238cf0c.js → Tag-d70327a2.js} +2 -2
- package/cjs/{Tag-9238cf0c.js.map → Tag-d70327a2.js.map} +1 -1
- package/cjs/{Textarea-03bd2c34.js → Textarea-f5c4fbb5.js} +2 -2
- package/cjs/{Textarea-03bd2c34.js.map → Textarea-f5c4fbb5.js.map} +1 -1
- package/cjs/{Textfield-56996c98.js → Textfield-8357291d.js} +2 -2
- package/cjs/{Textfield-56996c98.js.map → Textfield-8357291d.js.map} +1 -1
- package/cjs/{VideoBlock-dea7de8a.js → VideoBlock-49d1cee3.js} +2 -2
- package/cjs/{VideoBlock-dea7de8a.js.map → VideoBlock-49d1cee3.js.map} +1 -1
- package/cjs/{VideoCard-a51690c9.js → VideoCard-c486fdf3.js} +2 -2
- package/cjs/VideoCard-c486fdf3.js.map +1 -0
- package/cjs/blocks.js +1 -1
- package/cjs/cookies.js +1 -1
- package/cjs/fields.js +1 -1
- package/cjs/footer.js +1 -1
- package/cjs/headers.js +1 -1
- package/cjs/hooks.js +1 -1
- package/cjs/hooks.js.map +1 -1
- package/cjs/navigation-5a6ad6bf.js +2 -0
- package/cjs/navigation-5a6ad6bf.js.map +1 -0
- package/cjs/navigation.js +1 -1
- package/cjs/sections.dynamicform.js +1 -1
- package/cjs/sections.events.js +1 -1
- package/cjs/sections.forms.js +1 -1
- package/cjs/sections.jobs.js +1 -1
- package/cjs/sections.js +1 -1
- package/cjs/sections.js.map +1 -1
- package/cjs/sections.news.js +1 -1
- package/cjs/sections.news.js.map +1 -1
- package/cjs/sections.pois.js +1 -1
- package/cjs/typography.js +1 -1
- package/esm/{Checkbox-dd12facd.js → Checkbox-5ec1d4f4.js} +2 -2
- package/esm/{Checkbox-dd12facd.js.map → Checkbox-5ec1d4f4.js.map} +1 -1
- package/esm/{Copy-a28aeb61.js → Copy-fe52e5fb.js} +2 -2
- package/esm/{Copy-a28aeb61.js.map → Copy-fe52e5fb.js.map} +1 -1
- package/esm/{EventBlock-b9204a0d.js → EventBlock-b93ed65b.js} +4 -4
- package/esm/{EventBlock-b9204a0d.js.map → EventBlock-b93ed65b.js.map} +1 -1
- package/esm/{FilterField-962ec61f.js → FilterField-524c0fd8.js} +2 -2
- package/esm/{FilterField-962ec61f.js.map → FilterField-524c0fd8.js.map} +1 -1
- package/esm/{Image-dc2b33c1.js → Image-2441b8c0.js} +2 -2
- package/esm/{Image-dc2b33c1.js.map → Image-2441b8c0.js.map} +1 -1
- package/esm/{InfoList-5c4586ed.js → InfoList-b5e9198c.js} +2 -2
- package/esm/{InfoList-5c4586ed.js.map → InfoList-b5e9198c.js.map} +1 -1
- package/esm/{LanguageSwitcher-3fa20077.js → LanguageSwitcher-25434743.js} +2 -2
- package/esm/{LanguageSwitcher-3fa20077.js.map → LanguageSwitcher-25434743.js.map} +1 -1
- package/esm/{Navigation-42c123d2.js → Navigation-8223249d.js} +17 -5
- package/esm/Navigation-8223249d.js.map +1 -0
- package/esm/{POICard-96ec71d8.js → POICard-34ade3c0.js} +3 -3
- package/esm/{POICard-96ec71d8.js.map → POICard-34ade3c0.js.map} +1 -1
- package/esm/{SocialList-402b8f20.js → SocialList-2391367c.js} +2 -2
- package/esm/{SocialList-402b8f20.js.map → SocialList-2391367c.js.map} +1 -1
- package/esm/{TableBlock-67fe2385.js → TableBlock-e6b1d85d.js} +2 -2
- package/esm/{TableBlock-67fe2385.js.map → TableBlock-e6b1d85d.js.map} +1 -1
- package/esm/{Tag-ac51e916.js → Tag-74910213.js} +2 -2
- package/esm/{Tag-ac51e916.js.map → Tag-74910213.js.map} +1 -1
- package/esm/{Textarea-266f1e45.js → Textarea-b4aeea21.js} +3 -3
- package/esm/{Textarea-266f1e45.js.map → Textarea-b4aeea21.js.map} +1 -1
- package/esm/{Textfield-d2f201a9.js → Textfield-acbdbb3f.js} +2 -2
- package/esm/{Textfield-d2f201a9.js.map → Textfield-acbdbb3f.js.map} +1 -1
- package/esm/{VideoBlock-b227ae6e.js → VideoBlock-22f76f03.js} +4 -4
- package/esm/{VideoBlock-b227ae6e.js.map → VideoBlock-22f76f03.js.map} +1 -1
- package/esm/{VideoCard-2cb3b442.js → VideoCard-96a60634.js} +5 -5
- package/esm/VideoCard-96a60634.js.map +1 -0
- package/esm/blocks.js +10 -10
- package/esm/cookies.js +2 -2
- package/esm/fields.js +5 -5
- package/esm/footer.js +3 -3
- package/esm/headers.js +5 -5
- package/esm/hooks.js +23 -2
- package/esm/hooks.js.map +1 -1
- package/esm/{navigation-b89325f8.js → navigation-32f9866b.js} +37 -3
- package/esm/navigation-32f9866b.js.map +1 -0
- package/esm/navigation.js +7 -7
- package/esm/sections.dynamicform.js +4 -4
- package/esm/sections.events.js +5 -5
- package/esm/sections.forms.js +2 -2
- package/esm/sections.jobs.js +2 -2
- package/esm/sections.js +116 -37
- package/esm/sections.js.map +1 -1
- package/esm/sections.news.js +8 -6
- package/esm/sections.news.js.map +1 -1
- package/esm/sections.pois.js +8 -8
- package/esm/typography.js +1 -1
- package/package.json +2 -2
- package/types/components/blocks/VideoCard.d.ts +1 -1
- package/types/components/blocks/VideoCard.d.ts.map +1 -1
- package/types/components/sections/CallToActionTwoUp.d.ts +52 -0
- package/types/components/sections/CallToActionTwoUp.d.ts.map +1 -0
- package/types/components/sections/Video.d.ts +2 -2
- package/types/components/sections/Video.d.ts.map +1 -1
- package/types/components/sections/navigation/Navigation.d.ts +11 -1
- package/types/components/sections/navigation/Navigation.d.ts.map +1 -1
- package/types/components/sections/news/NewsVideo.d.ts +10 -0
- package/types/components/sections/news/NewsVideo.d.ts.map +1 -1
- package/types/hooks.d.ts +2 -0
- package/types/hooks.d.ts.map +1 -1
- package/types/sections.d.ts +1 -0
- package/types/sections.d.ts.map +1 -1
- package/types/utils/useMessage.d.ts +11 -0
- package/types/utils/useMessage.d.ts.map +1 -0
- package/types/utils/useNavigationState.d.ts +3 -0
- package/types/utils/useNavigationState.d.ts.map +1 -0
- package/cjs/VideoCard-a51690c9.js.map +0 -1
- package/cjs/navigation-bf154e6e.js +0 -2
- package/cjs/navigation-bf154e6e.js.map +0 -1
- package/esm/Navigation-42c123d2.js.map +0 -1
- package/esm/VideoCard-2cb3b442.js.map +0 -1
- package/esm/navigation-b89325f8.js.map +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { a as __makeTemplateObject } from './ClockFilled-62515a8f.js';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import styled from 'styled-components';
|
|
4
|
-
import { C as Copy, c as copyStyle } from './Copy-
|
|
4
|
+
import { C as Copy, c as copyStyle } from './Copy-fe52e5fb.js';
|
|
5
5
|
import { s as spacings, a as getFonts, g as getColors, c as getGlobals, w as withRange } from './styles-da982973.js';
|
|
6
6
|
import { u as useLibTheme } from './LibThemeProvider-52555ac9.js';
|
|
7
7
|
import { c as clampValue } from './clamp-12d37b65.js';
|
|
@@ -199,4 +199,4 @@ var Textfield$1 = React__default.memo(Textfield, areEqual);
|
|
|
199
199
|
var templateObject_1;
|
|
200
200
|
|
|
201
201
|
export { FieldWrapper$1 as F, Textfield$1 as T, getFormFieldTextSize as g };
|
|
202
|
-
//# sourceMappingURL=Textfield-
|
|
202
|
+
//# sourceMappingURL=Textfield-acbdbb3f.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textfield-d2f201a9.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 <span>{children}</span>;\n return <React.Fragment>{children}</React.Fragment>;\n};\n\nexport default {\n View: FieldWrapper,\n Head: Head,\n Messages: Messages,\n Content: Content,\n};\n","import { DefaultTheme } from 'styled-components';\n\nimport { getFonts as font } from 'utils/styles';\nimport { clampValue } from './clamp';\n\nexport const getFormFieldTextSize = (\n theme: DefaultTheme\n): [number, number?] => {\n const min = clampValue(font(theme).copy.small.size[0], 16);\n const max = font(theme).copy.small.size[1];\n return [min, max];\n};\n","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","templateObject_1","__makeTemplateObject","_a","isDisabled","FieldHead","Copy","templateObject_2","spacings","nudge","FieldMessage","templateObject_3","FieldWrapper","onClick","className","children","React","createElement","Head","isRequired","isInverted","renderAs","size","type","concat","Messages","errorMessage","infoMessage","colors","useLibTheme","Fragment","textColor","text","errorInverted","error","Content","addWrapper","String","getFormFieldTextSize","theme","min","clampValue","font","copy","small","max","InputField","input","hasError","color","elementBg","light","dark","global","sections","edgeRadius","copyStyle","withRange","colorInverted","primary","inverted","default","subtileInverted","subtile","Textfield","_b","placeholder","value","name","onChange","onBlur","required","areEqual","prev","next","enableMemo","memo"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Textfield-acbdbb3f.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 <span>{children}</span>;\n return <React.Fragment>{children}</React.Fragment>;\n};\n\nexport default {\n View: FieldWrapper,\n Head: Head,\n Messages: Messages,\n Content: Content,\n};\n","import { DefaultTheme } from 'styled-components';\n\nimport { getFonts as font } from 'utils/styles';\nimport { clampValue } from './clamp';\n\nexport const getFormFieldTextSize = (\n theme: DefaultTheme\n): [number, number?] => {\n const min = clampValue(font(theme).copy.small.size[0], 16);\n const max = font(theme).copy.small.size[1];\n return [min, max];\n};\n","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","templateObject_1","__makeTemplateObject","_a","isDisabled","FieldHead","Copy","templateObject_2","spacings","nudge","FieldMessage","templateObject_3","FieldWrapper","onClick","className","children","React","createElement","Head","isRequired","isInverted","renderAs","size","type","concat","Messages","errorMessage","infoMessage","colors","useLibTheme","Fragment","textColor","text","errorInverted","error","Content","addWrapper","String","getFormFieldTextSize","theme","min","clampValue","font","copy","small","max","InputField","input","hasError","color","elementBg","light","dark","global","sections","edgeRadius","copyStyle","withRange","colorInverted","primary","inverted","default","subtileInverted","subtile","Textfield","_b","placeholder","value","name","onChange","onBlur","required","areEqual","prev","next","enableMemo","memo"],"mappings":"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"}
|
|
@@ -2,10 +2,10 @@ import { a as __makeTemplateObject, _ as __assign } from './ClockFilled-62515a8f
|
|
|
2
2
|
import React__default, { forwardRef, useRef, useImperativeHandle, useEffect } from 'react';
|
|
3
3
|
import styled, { css } from 'styled-components';
|
|
4
4
|
import { m as mq, s as spacings, c as getGlobals } from './styles-da982973.js';
|
|
5
|
-
import { T as Title } from './TableBlock-
|
|
6
|
-
import { C as Copy } from './Copy-
|
|
5
|
+
import { T as Title } from './TableBlock-e6b1d85d.js';
|
|
6
|
+
import { C as Copy } from './Copy-fe52e5fb.js';
|
|
7
7
|
import { A as Actions } from './Actions-21372b3a.js';
|
|
8
|
-
import { I as Image } from './Image-
|
|
8
|
+
import { I as Image } from './Image-2441b8c0.js';
|
|
9
9
|
|
|
10
10
|
var View = styled.div.withConfig({
|
|
11
11
|
displayName: "IntroBlock__View",
|
|
@@ -257,4 +257,4 @@ VideoBlock.displayName = 'VideoBlock';
|
|
|
257
257
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
258
258
|
|
|
259
259
|
export { IntroBlock as I, VideoBlock as V };
|
|
260
|
-
//# sourceMappingURL=VideoBlock-
|
|
260
|
+
//# sourceMappingURL=VideoBlock-22f76f03.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VideoBlock-b227ae6e.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","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","IntroBlock","_b","renderAs","_c","colorMode","title","titleAs","_d","titleSize","superTitle","superTitleAs","abstract","text","_e","textType","_f","textSize","primaryAction","secondaryAction","_g","_h","clampTitle","_j","clampAbstract","maxTitleLines","maxAbstractLines","_k","clampText","maxTextLines","className","titleHyphens","image","isInverted","React","createElement","as","small","Image","__assign","allowEdgeRadius","type","size","textColor","undefined","innerHTML","primary","isTextCentered","secondary","AspectContainer","theme","global","sections","edgeRadius","ratios","imagePlaceholderBg","inverted","default","concat","large","xlarge","Video","video","VideoBlock","forwardRef","ref","urls","muted","autoPlay","loop","controls","playsInline","onCanPlayThrough","videoRef","useRef","useImperativeHandle","current","useEffect","readyState","map","url","i","src","key","displayName"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"VideoBlock-22f76f03.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","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","IntroBlock","_b","renderAs","_c","colorMode","title","titleAs","_d","titleSize","superTitle","superTitleAs","abstract","text","_e","textType","_f","textSize","primaryAction","secondaryAction","_g","_h","clampTitle","_j","clampAbstract","maxTitleLines","maxAbstractLines","_k","clampText","maxTextLines","className","titleHyphens","image","isInverted","React","createElement","as","small","Image","__assign","allowEdgeRadius","type","size","textColor","undefined","innerHTML","primary","isTextCentered","secondary","AspectContainer","theme","global","sections","edgeRadius","ratios","imagePlaceholderBg","inverted","default","concat","large","xlarge","Video","video","VideoBlock","forwardRef","ref","urls","muted","autoPlay","loop","controls","playsInline","onCanPlayThrough","videoRef","useRef","useImperativeHandle","current","useEffect","readyState","map","url","i","src","key","displayName"],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import React__default, { useState } from 'react';
|
|
|
3
3
|
import styled from 'styled-components';
|
|
4
4
|
import { c as getGlobals, m as mq, g as getColors, s as spacings } from './styles-da982973.js';
|
|
5
5
|
import { s as selectors, g as getCookie } from './useCookieConsent-6b2d4d93.js';
|
|
6
|
-
import { C as Copy } from './Copy-
|
|
6
|
+
import { C as Copy } from './Copy-fe52e5fb.js';
|
|
7
7
|
import { B as ButtonGhost } from './ButtonGhost-ae2e97a2.js';
|
|
8
8
|
import { u as useLibTheme } from './LibThemeProvider-52555ac9.js';
|
|
9
9
|
|
|
@@ -94,7 +94,7 @@ var VideoCard = function (_a) {
|
|
|
94
94
|
_c = _a.consentText,
|
|
95
95
|
consentText = _c === void 0 ? 'Für die Wiedergabe von Videos muss der Nutzung von Cookies & Daten zugestimmt werden.' : _c,
|
|
96
96
|
consentAction = _a.consentAction,
|
|
97
|
-
|
|
97
|
+
onPlayClick = _a.onPlayClick,
|
|
98
98
|
className = _a.className;
|
|
99
99
|
var globals = useLibTheme().globals;
|
|
100
100
|
|
|
@@ -109,8 +109,8 @@ var VideoCard = function (_a) {
|
|
|
109
109
|
var handlePlayClick = function () {
|
|
110
110
|
var isAccepted = false;
|
|
111
111
|
|
|
112
|
-
if (
|
|
113
|
-
isAccepted =
|
|
112
|
+
if (onPlayClick) {
|
|
113
|
+
isAccepted = onPlayClick();
|
|
114
114
|
} else {
|
|
115
115
|
var cookie_1 = getCookie(globals.cookie.name);
|
|
116
116
|
isAccepted = globals.cookie.videoCookieTypeRestrictions.reduce(function (acc, current) {
|
|
@@ -164,4 +164,4 @@ var VideoCard = function (_a) {
|
|
|
164
164
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
165
165
|
|
|
166
166
|
export { VideoCard as V };
|
|
167
|
-
//# sourceMappingURL=VideoCard-
|
|
167
|
+
//# sourceMappingURL=VideoCard-96a60634.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VideoCard-96a60634.js","sources":["../src/components/blocks/VideoCard.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\nimport styled from 'styled-components';\n\nimport { ImageProps } from 'components/blocks/Image';\nimport {\n mq,\n getColors as color,\n getGlobals as global,\n spacings,\n} from 'utils/styles';\nimport Play from 'components/base/icons/Play';\nimport {\n CookieConsentData,\n selectors,\n} from 'utils/cookie-consent/useCookieConsent';\nimport { Cookie, getCookie } from 'utils/cookie-consent/cookie';\nimport Copy from 'components/typography/Copy';\nimport ButtonGhost from 'components/buttons/ButtonGhost';\nimport { useLibTheme } from 'utils/LibThemeProvider';\n\nconst View = styled.div<{\n bgImage?: ImageProps;\n isActive?: boolean;\n onClick?: () => void;\n}>`\n text-align: center;\n\n cursor: ${({ onClick }) => onClick && 'pointer'};\n position: relative;\n\n padding-bottom: 56.25%;\n\n background-image: url('${({ bgImage }) => (bgImage ? bgImage.small : '')}');\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center;\n\n border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n overflow: hidden;\n\n @media ${mq.medium} {\n text-align: left;\n\n background-image: ${({ bgImage }) =>\n bgImage?.medium && `url(\"${bgImage.medium}\")`};\n }\n\n @media ${mq.semilarge} {\n background-image: ${({ bgImage }) =>\n bgImage?.semilarge && `url(\"${bgImage.semilarge}\")`};\n }\n\n @media ${mq.large} {\n background-image: ${({ bgImage }) =>\n bgImage?.large && `url(\"${bgImage.large}\")`};\n }\n\n @media ${mq.xlarge} {\n background-image: ${({ bgImage }) =>\n bgImage?.xlarge && `url(\"${bgImage.xlarge}\")`};\n }\n\n &:before {\n content: ${({ isActive, bgImage }) => !isActive && bgImage && '\"\"'};\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background-color: ${({ theme }) => color(theme).elementBg.medium};\n opacity: ${({ bgImage }) => (bgImage ? '0.3' : '0')};\n\n pointer-events: none;\n }\n\n &:after {\n content: ${({ isActive, bgImage }) => !isActive && bgImage && '\"\"'};\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n pointer-events: none;\n\n background: linear-gradient(\n 358.19deg,\n rgba(29, 34, 35, 0.52) 12.37%,\n rgba(29, 34, 35, 0) 59.02%\n );\n }\n`;\n\nconst VideoControls = styled.button`\n display: block;\n border: none;\n background: none;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: ${({ theme }) => color(theme).elementBg.light};\n z-index: 1;\n padding: 0;\n\n cursor: pointer;\n\n & > * {\n opacity: 0.8;\n transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n height: 80px;\n width: 80px;\n\n color: ${({ theme }) => color(theme).elementBg.dark};\n }\n\n ${View}:hover > & > * {\n transform: scale(1.05);\n opacity: 1;\n }\n\n ${View}:active > & > * {\n transform: scale(0.95);\n opacity: 1;\n }\n\n &:focus {\n outline: 2px solid ${({ theme }) => color(theme).primary.default};\n border-radius: 50%;\n opacity: 1;\n\n & > * {\n color: ${({ theme }) => color(theme).primary.default};\n }\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n box-shadow: none;\n }\n`;\n\nconst ConsentOverlay = styled.div<{ isVisible?: boolean }>`\n display: ${({ isVisible }) => (isVisible ? 'flex' : 'none')};\n justify-content: center;\n align-items: center;\n\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 2;\n background-color: rgba(0, 0, 0, 0.6);\n pointer-events: ${({ isVisible }) => (isVisible ? 'all' : 'none')};\n`;\n\nconst ConsentContent = styled.div`\n max-width: 330px;\n text-align: center;\n\n & > * + * {\n margin-top: ${spacings.nudge * 3}px;\n }\n`;\n\nconst ConsentText = styled(Copy)``;\n\nconst Iframe = styled.iframe`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n\n border: none;\n`;\n\nexport interface VideoCardProps {\n bgImage: ImageProps;\n embedId: string;\n playIcon?: React.ReactNode;\n consentText?: string;\n consentAction?: (props: {\n handleClick?: () => void;\n consentProps: Record<string, string>;\n }) => React.ReactNode;\n /**\n * Custom handler for play button click\n * @returns true if video should be played\n */\n onPlayClick?: () => boolean;\n}\n\nconst VideoCard: FC<VideoCardProps & { className?: string }> = ({\n bgImage,\n embedId,\n playIcon,\n consentText = 'Für die Wiedergabe von Videos muss der Nutzung von Cookies & Daten zugestimmt werden.',\n consentAction,\n onPlayClick,\n className,\n}) => {\n const { globals } = useLibTheme();\n const [isActive, setIsActive] = useState(false);\n const [showConsent, setShowConsent] = useState(false);\n\n const handlePlayClick = () => {\n let isAccepted = false;\n\n if (onPlayClick) {\n isAccepted = onPlayClick();\n } else {\n const cookie = getCookie(\n globals.cookie.name\n ) as Cookie<CookieConsentData>;\n\n isAccepted =\n globals.cookie.videoCookieTypeRestrictions.reduce<boolean>(\n (acc, current) => {\n if (!acc) return acc;\n if (!cookie || !cookie?.data.types) return false;\n\n // set acc to false if type is not defined or set to false\n acc = !!cookie?.data?.types?.[current];\n return acc;\n },\n true\n );\n }\n\n if (isAccepted) {\n setIsActive(true);\n setShowConsent(false);\n } else {\n setShowConsent(true);\n }\n };\n\n const handleConsentActionClick = () => {\n setShowConsent(false);\n };\n\n return (\n <View\n onClick={!showConsent ? handlePlayClick : undefined}\n bgImage={isActive ? undefined : bgImage}\n isActive={isActive}\n className={className}\n >\n {!isActive && !showConsent && (\n <VideoControls>\n {playIcon || <Play iconColor=\"#000\" />}\n </VideoControls>\n )}\n {isActive && (\n <Iframe\n id=\"ytplayer\"\n src={`https://www.youtube.com/embed/${embedId}?autoplay=1`}\n allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n />\n )}\n <ConsentOverlay isVisible={showConsent}>\n <ConsentContent>\n {consentText && (\n <ConsentText isInverted>{consentText}</ConsentText>\n )}\n {consentAction ? (\n consentAction({\n handleClick: handleConsentActionClick,\n consentProps: {\n [selectors.buttons.attribute]: '',\n },\n })\n ) : (\n <ButtonGhost.View\n as=\"button\"\n isInverted\n onClick={handleConsentActionClick}\n className={selectors.buttons.class}\n >\n <ButtonGhost.Label>\n Zustimmung ändern\n </ButtonGhost.Label>\n </ButtonGhost.View>\n )}\n </ConsentContent>\n </ConsentOverlay>\n </View>\n );\n};\n\nexport default VideoCard;\n"],"names":["View","styled","div","_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","VideoCard","embedId","playIcon","_c","consentText","consentAction","onPlayClick","className","globals","useLibTheme","_d","useState","setIsActive","_e","showConsent","setShowConsent","handlePlayClick","isAccepted","cookie_1","getCookie","cookie","name","videoCookieTypeRestrictions","reduce","acc","current","data","types","_b","handleConsentActionClick","React","createElement","undefined","Play","iconColor","id","src","allow","isInverted","handleClick","consentProps","selectors","buttons","attribute","ButtonGhost","as","class","Label"],"mappings":"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"}
|
package/esm/blocks.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
export { a as TableBlock, T as Title } from './TableBlock-
|
|
1
|
+
export { a as TableBlock, T as Title } from './TableBlock-e6b1d85d.js';
|
|
2
2
|
export { A as Actions } from './Actions-21372b3a.js';
|
|
3
3
|
export { B as Bdot } from './Bdot-4db38753.js';
|
|
4
|
-
export { I as IntroBlock, V as VideoBlock } from './VideoBlock-
|
|
5
|
-
export { I as Image } from './Image-
|
|
6
|
-
export { L as LanguageSwitcher } from './LanguageSwitcher-
|
|
7
|
-
export { E as EventBlock } from './EventBlock-
|
|
8
|
-
export { T as Tag } from './Tag-
|
|
9
|
-
export { a as POICard, P as POIFacts } from './POICard-
|
|
10
|
-
export { I as InfoList } from './InfoList-
|
|
11
|
-
export { S as SocialList } from './SocialList-
|
|
4
|
+
export { I as IntroBlock, V as VideoBlock } from './VideoBlock-22f76f03.js';
|
|
5
|
+
export { I as Image } from './Image-2441b8c0.js';
|
|
6
|
+
export { L as LanguageSwitcher } from './LanguageSwitcher-25434743.js';
|
|
7
|
+
export { E as EventBlock } from './EventBlock-b93ed65b.js';
|
|
8
|
+
export { T as Tag } from './Tag-74910213.js';
|
|
9
|
+
export { a as POICard, P as POIFacts } from './POICard-34ade3c0.js';
|
|
10
|
+
export { I as InfoList } from './InfoList-b5e9198c.js';
|
|
11
|
+
export { S as SocialList } from './SocialList-2391367c.js';
|
|
12
12
|
import './ClockFilled-62515a8f.js';
|
|
13
13
|
import 'react';
|
|
14
14
|
import 'styled-components';
|
|
15
|
-
import './Copy-
|
|
15
|
+
import './Copy-fe52e5fb.js';
|
|
16
16
|
import './clamp-12d37b65.js';
|
|
17
17
|
import './LibThemeProvider-52555ac9.js';
|
|
18
18
|
import './styles-da982973.js';
|
package/esm/cookies.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { a as __makeTemplateObject, C as Check, f as Cross, U as UnfoldMore } from './ClockFilled-62515a8f.js';
|
|
2
2
|
import { A as Actions } from './Actions-21372b3a.js';
|
|
3
|
-
import { C as Checkbox } from './Checkbox-
|
|
4
|
-
import { C as Copy } from './Copy-
|
|
3
|
+
import { C as Checkbox } from './Checkbox-5ec1d4f4.js';
|
|
4
|
+
import { C as Copy } from './Copy-fe52e5fb.js';
|
|
5
5
|
import React__default, { useCallback, useState, useEffect, useRef } from 'react';
|
|
6
6
|
import styled from 'styled-components';
|
|
7
7
|
import { u as useCookieConsent, b as bindConsentButtons, s as selectors, i as isUrlInWhitelist } from './useCookieConsent-6b2d4d93.js';
|
package/esm/fields.js
CHANGED
|
@@ -3,12 +3,12 @@ import React__default from 'react';
|
|
|
3
3
|
import styled from 'styled-components';
|
|
4
4
|
import { u as useLibTheme } from './LibThemeProvider-52555ac9.js';
|
|
5
5
|
import { g as getColors, m as mq, s as spacings, a as getFonts, w as withRange } from './styles-da982973.js';
|
|
6
|
-
export { F as FilterField } from './FilterField-
|
|
7
|
-
export { F as FormField, T as Textfield } from './Textfield-
|
|
8
|
-
export { D as Datepicker, F as FileUpload, L as LocationField, R as Radio, S as SelectDropdown, T as Textarea } from './Textarea-
|
|
9
|
-
export { C as Checkbox } from './Checkbox-
|
|
6
|
+
export { F as FilterField } from './FilterField-524c0fd8.js';
|
|
7
|
+
export { F as FormField, T as Textfield } from './Textfield-acbdbb3f.js';
|
|
8
|
+
export { D as Datepicker, F as FileUpload, L as LocationField, R as Radio, S as SelectDropdown, T as Textarea } from './Textarea-b4aeea21.js';
|
|
9
|
+
export { C as Checkbox } from './Checkbox-5ec1d4f4.js';
|
|
10
10
|
import 'react-dom/server';
|
|
11
|
-
import './Copy-
|
|
11
|
+
import './Copy-fe52e5fb.js';
|
|
12
12
|
import './clamp-12d37b65.js';
|
|
13
13
|
import './useLazyInput-54d1785c.js';
|
|
14
14
|
import './ButtonGhost-ae2e97a2.js';
|
package/esm/footer.js
CHANGED
|
@@ -2,16 +2,16 @@ import { a as __makeTemplateObject, _ as __assign, o as LanguageIcon } from './C
|
|
|
2
2
|
import { G as Grid } from './Grid-5eec127f.js';
|
|
3
3
|
import { S as Section, m as mapToBgMode } from './Section-b76e6909.js';
|
|
4
4
|
import { W as Wrapper } from './Wrapper-90dccc89.js';
|
|
5
|
-
import { c as copyStyle, C as Copy } from './Copy-
|
|
5
|
+
import { c as copyStyle, C as Copy } from './Copy-fe52e5fb.js';
|
|
6
6
|
import { L as Link } from './Link-3fd9c9b8.js';
|
|
7
7
|
import React__default, { useMemo } from 'react';
|
|
8
8
|
import styled from 'styled-components';
|
|
9
9
|
import { w as withLibTheme, u as useLibTheme } from './LibThemeProvider-52555ac9.js';
|
|
10
10
|
import { g as getColors, s as spacings, m as mq, w as withRange } from './styles-da982973.js';
|
|
11
|
-
import { L as LanguageSwitcher } from './LanguageSwitcher-
|
|
11
|
+
import { L as LanguageSwitcher } from './LanguageSwitcher-25434743.js';
|
|
12
12
|
import { B as Bdot } from './Bdot-4db38753.js';
|
|
13
13
|
import { i as isValidArray } from './arrays-65b644ef.js';
|
|
14
|
-
import { S as SocialList } from './SocialList-
|
|
14
|
+
import { S as SocialList } from './SocialList-2391367c.js';
|
|
15
15
|
import './clamp-12d37b65.js';
|
|
16
16
|
import './concat-ab3c66f2.js';
|
|
17
17
|
import 'react-dom/server';
|
package/esm/headers.js
CHANGED
|
@@ -4,20 +4,20 @@ import styled, { css } from 'styled-components';
|
|
|
4
4
|
import { m as mq, s as spacings, w as withRange } from './styles-da982973.js';
|
|
5
5
|
import { w as withLibTheme, u as useLibTheme } from './LibThemeProvider-52555ac9.js';
|
|
6
6
|
import { u as useMediaQuery } from './useMediaQuery-b42fd64e.js';
|
|
7
|
-
import { I as Image } from './Image-
|
|
7
|
+
import { I as Image } from './Image-2441b8c0.js';
|
|
8
8
|
import { c as clampValue } from './clamp-12d37b65.js';
|
|
9
9
|
import { A as Actions } from './Actions-21372b3a.js';
|
|
10
10
|
import { u as useObserverSupport } from './useObserverSupport-02bce7f5.js';
|
|
11
11
|
import { u as useUpdateEffect } from './useUpdateEffect-824c0c84.js';
|
|
12
|
-
import { H as Heading, C as Copy } from './Copy-
|
|
12
|
+
import { H as Heading, C as Copy } from './Copy-fe52e5fb.js';
|
|
13
13
|
import { S as Section, m as mapToBgMode } from './Section-b76e6909.js';
|
|
14
|
-
import { g as generateNavbarIdent, a as getFullNavbarHeights } from './Navigation-
|
|
14
|
+
import { g as generateNavbarIdent, a as getFullNavbarHeights } from './Navigation-8223249d.js';
|
|
15
15
|
import 'react-dom/server';
|
|
16
16
|
import './concat-ab3c66f2.js';
|
|
17
17
|
import './arrays-65b644ef.js';
|
|
18
|
-
import './navigation-
|
|
18
|
+
import './navigation-32f9866b.js';
|
|
19
19
|
import './Link-3fd9c9b8.js';
|
|
20
|
-
import './LanguageSwitcher-
|
|
20
|
+
import './LanguageSwitcher-25434743.js';
|
|
21
21
|
|
|
22
22
|
var AnimationContainer = styled.div.withConfig({
|
|
23
23
|
displayName: "HeaderKenBurns__AnimationContainer",
|
package/esm/hooks.js
CHANGED
|
@@ -7,7 +7,8 @@ export { u as useScrollTo } from './useScrollTo-70af34bf.js';
|
|
|
7
7
|
export { u as useUpdateEffect } from './useUpdateEffect-824c0c84.js';
|
|
8
8
|
export { u as useMounted } from './useMounted-1e4cc87b.js';
|
|
9
9
|
export { b as useDebounce, u as useLazyInput, a as useTimeout } from './useLazyInput-54d1785c.js';
|
|
10
|
-
|
|
10
|
+
import { b as useMessage } from './navigation-32f9866b.js';
|
|
11
|
+
export { a as getCurrentNavItem, g as getCurrentNavPath, b as useMessage, u as useScrollThrottle } from './navigation-32f9866b.js';
|
|
11
12
|
import { e as __spreadArray, h as __awaiter, i as __generator, _ as __assign } from './ClockFilled-62515a8f.js';
|
|
12
13
|
export { h as hexToRgba } from './hexRgbConverter-edb91624.js';
|
|
13
14
|
export { c as clampValue } from './clamp-12d37b65.js';
|
|
@@ -527,5 +528,25 @@ var useParams = function () {
|
|
|
527
528
|
};
|
|
528
529
|
};
|
|
529
530
|
|
|
530
|
-
|
|
531
|
+
var useNavigationState = function (initialState) {
|
|
532
|
+
var lastNavState = useRef(initialState || null);
|
|
533
|
+
|
|
534
|
+
var _a = useState(initialState || null),
|
|
535
|
+
navState = _a[0],
|
|
536
|
+
setNavState = _a[1];
|
|
537
|
+
|
|
538
|
+
var listen = useMessage().listen;
|
|
539
|
+
useEffect(function () {
|
|
540
|
+
var unsubscribe = listen('NAVIGATION_STATE', function (message) {
|
|
541
|
+
if (JSON.stringify(lastNavState.current) !== JSON.stringify(message.data)) {
|
|
542
|
+
lastNavState.current = message.data;
|
|
543
|
+
setNavState(message.data);
|
|
544
|
+
}
|
|
545
|
+
});
|
|
546
|
+
return unsubscribe;
|
|
547
|
+
}, [listen]);
|
|
548
|
+
return navState;
|
|
549
|
+
};
|
|
550
|
+
|
|
551
|
+
export { ScrollDirection, canUseWebP, getBgImage, getLinkIcon, importFonts, useArray, useImgPreload, useInterval, useItemHeight, useNavigationState, useParams, usePoster, useScroll, useTouch };
|
|
531
552
|
//# sourceMappingURL=hooks.js.map
|