@blateral/b.kit 2.8.3 → 2.8.4-patch-1.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.
Files changed (109) hide show
  1. package/cjs/{Checkbox-8dccd42f.js → Checkbox-ddc9a87d.js} +2 -2
  2. package/cjs/{Checkbox-8dccd42f.js.map → Checkbox-ddc9a87d.js.map} +1 -1
  3. package/cjs/Copy-2a9d4b5d.js +2 -0
  4. package/cjs/Copy-2a9d4b5d.js.map +1 -0
  5. package/cjs/{EventBlock-4e406696.js → EventBlock-0b0f0dd3.js} +2 -2
  6. package/cjs/{EventBlock-4e406696.js.map → EventBlock-0b0f0dd3.js.map} +1 -1
  7. package/cjs/{FilterBar-0cb49472.js → FilterBar-bfd9db6e.js} +2 -2
  8. package/cjs/{FilterBar-0cb49472.js.map → FilterBar-bfd9db6e.js.map} +1 -1
  9. package/cjs/{FilterField-0ba59002.js → FilterField-d204feb1.js} +2 -2
  10. package/cjs/{FilterField-0ba59002.js.map → FilterField-d204feb1.js.map} +1 -1
  11. package/cjs/{Image-94820dfd.js → Image-69a9c116.js} +2 -2
  12. package/cjs/{Image-94820dfd.js.map → Image-69a9c116.js.map} +1 -1
  13. package/cjs/{InfoList-e416058c.js → InfoList-f040b8fb.js} +2 -2
  14. package/cjs/{InfoList-e416058c.js.map → InfoList-f040b8fb.js.map} +1 -1
  15. package/cjs/{LanguageSwitcher-aa96cc7d.js → LanguageSwitcher-c6fd04df.js} +2 -2
  16. package/cjs/{LanguageSwitcher-aa96cc7d.js.map → LanguageSwitcher-c6fd04df.js.map} +1 -1
  17. package/cjs/{MultiselectDropdown-07d543dc.js → MultiselectDropdown-d46ae36f.js} +2 -2
  18. package/cjs/{MultiselectDropdown-07d543dc.js.map → MultiselectDropdown-d46ae36f.js.map} +1 -1
  19. package/cjs/{Navigation-6abb6213.js → Navigation-6c5d9dee.js} +2 -2
  20. package/cjs/{Navigation-6abb6213.js.map → Navigation-6c5d9dee.js.map} +1 -1
  21. package/cjs/{SocialList-aec9a5c2.js → SocialList-73af56b5.js} +2 -2
  22. package/cjs/{SocialList-aec9a5c2.js.map → SocialList-73af56b5.js.map} +1 -1
  23. package/cjs/{TableBlock-c545ca8d.js → TableBlock-532c7e1e.js} +2 -2
  24. package/cjs/{TableBlock-c545ca8d.js.map → TableBlock-532c7e1e.js.map} +1 -1
  25. package/cjs/{Tag-937849ad.js → Tag-232f7aa9.js} +2 -2
  26. package/cjs/{Tag-937849ad.js.map → Tag-232f7aa9.js.map} +1 -1
  27. package/cjs/{Textarea-599e94a4.js → Textarea-d30682bd.js} +2 -2
  28. package/cjs/{Textarea-599e94a4.js.map → Textarea-d30682bd.js.map} +1 -1
  29. package/cjs/{Textfield-24f468be.js → Textfield-b3769184.js} +2 -2
  30. package/cjs/{Textfield-24f468be.js.map → Textfield-b3769184.js.map} +1 -1
  31. package/cjs/{VideoBlock-1fbf598b.js → VideoBlock-0cae22f0.js} +2 -2
  32. package/cjs/{VideoBlock-1fbf598b.js.map → VideoBlock-0cae22f0.js.map} +1 -1
  33. package/cjs/{VideoCard-905c08d2.js → VideoCard-c9d4f46a.js} +2 -2
  34. package/cjs/{VideoCard-905c08d2.js.map → VideoCard-c9d4f46a.js.map} +1 -1
  35. package/cjs/blocks.js +1 -1
  36. package/cjs/cookies.js +1 -1
  37. package/cjs/fields.js +1 -1
  38. package/cjs/footer.js +1 -1
  39. package/cjs/{formFieldText-046fcbf4.js → formFieldText-21f5f620.js} +2 -2
  40. package/cjs/{formFieldText-046fcbf4.js.map → formFieldText-21f5f620.js.map} +1 -1
  41. package/cjs/headers.js +1 -1
  42. package/cjs/navigation.js +1 -1
  43. package/cjs/sections.dynamicform.js +1 -1
  44. package/cjs/sections.dynamicform.js.map +1 -1
  45. package/cjs/sections.events.js +1 -1
  46. package/cjs/sections.forms.js +1 -1
  47. package/cjs/sections.jobs.js +1 -1
  48. package/cjs/sections.js +1 -1
  49. package/cjs/sections.news.js +1 -1
  50. package/cjs/sections.pois.js +1 -1
  51. package/cjs/typography.js +1 -1
  52. package/esm/{Checkbox-1957067a.js → Checkbox-962fea67.js} +2 -2
  53. package/esm/{Checkbox-1957067a.js.map → Checkbox-962fea67.js.map} +1 -1
  54. package/esm/{Copy-c6786949.js → Copy-fd9e25c0.js} +2 -2
  55. package/esm/Copy-fd9e25c0.js.map +1 -0
  56. package/esm/{EventBlock-8e130f6b.js → EventBlock-12361860.js} +4 -4
  57. package/esm/{EventBlock-8e130f6b.js.map → EventBlock-12361860.js.map} +1 -1
  58. package/esm/{FilterBar-821e43bc.js → FilterBar-8c258534.js} +6 -6
  59. package/esm/{FilterBar-821e43bc.js.map → FilterBar-8c258534.js.map} +1 -1
  60. package/esm/{FilterField-60359bfc.js → FilterField-8e64b355.js} +2 -2
  61. package/esm/{FilterField-60359bfc.js.map → FilterField-8e64b355.js.map} +1 -1
  62. package/esm/{Image-b26692a9.js → Image-c67870d4.js} +2 -2
  63. package/esm/{Image-b26692a9.js.map → Image-c67870d4.js.map} +1 -1
  64. package/esm/{InfoList-b6980a42.js → InfoList-d853db58.js} +2 -2
  65. package/esm/{InfoList-b6980a42.js.map → InfoList-d853db58.js.map} +1 -1
  66. package/esm/{LanguageSwitcher-f9218fdc.js → LanguageSwitcher-c9aa594a.js} +2 -2
  67. package/esm/{LanguageSwitcher-f9218fdc.js.map → LanguageSwitcher-c9aa594a.js.map} +1 -1
  68. package/esm/{MultiselectDropdown-91d0151c.js → MultiselectDropdown-61a5a1a6.js} +4 -4
  69. package/esm/{MultiselectDropdown-91d0151c.js.map → MultiselectDropdown-61a5a1a6.js.map} +1 -1
  70. package/esm/{Navigation-bb79a1eb.js → Navigation-6581bcdf.js} +4 -4
  71. package/esm/{Navigation-bb79a1eb.js.map → Navigation-6581bcdf.js.map} +1 -1
  72. package/esm/{SocialList-336b7f6d.js → SocialList-abaf970d.js} +2 -2
  73. package/esm/{SocialList-336b7f6d.js.map → SocialList-abaf970d.js.map} +1 -1
  74. package/esm/{TableBlock-1ddfd539.js → TableBlock-a65315ca.js} +2 -2
  75. package/esm/{TableBlock-1ddfd539.js.map → TableBlock-a65315ca.js.map} +1 -1
  76. package/esm/{Tag-c3bd6b7f.js → Tag-217cd89b.js} +2 -2
  77. package/esm/{Tag-c3bd6b7f.js.map → Tag-217cd89b.js.map} +1 -1
  78. package/esm/{Textarea-95352f50.js → Textarea-60503eb7.js} +3 -3
  79. package/esm/{Textarea-95352f50.js.map → Textarea-60503eb7.js.map} +1 -1
  80. package/esm/{Textfield-99d91b4e.js → Textfield-e8f48b5f.js} +3 -3
  81. package/esm/{Textfield-99d91b4e.js.map → Textfield-e8f48b5f.js.map} +1 -1
  82. package/esm/{VideoBlock-474e0aa4.js → VideoBlock-3f150172.js} +4 -4
  83. package/esm/{VideoBlock-474e0aa4.js.map → VideoBlock-3f150172.js.map} +1 -1
  84. package/esm/{VideoCard-91438667.js → VideoCard-aa60fbe5.js} +2 -2
  85. package/esm/{VideoCard-91438667.js.map → VideoCard-aa60fbe5.js.map} +1 -1
  86. package/esm/blocks.js +14 -14
  87. package/esm/cookies.js +2 -2
  88. package/esm/fields.js +7 -7
  89. package/esm/footer.js +3 -3
  90. package/esm/{formFieldText-f4188e55.js → formFieldText-c6fcd370.js} +2 -2
  91. package/esm/{formFieldText-f4188e55.js.map → formFieldText-c6fcd370.js.map} +1 -1
  92. package/esm/headers.js +4 -4
  93. package/esm/navigation.js +6 -6
  94. package/esm/sections.dynamicform.js +40 -12
  95. package/esm/sections.dynamicform.js.map +1 -1
  96. package/esm/sections.events.js +5 -5
  97. package/esm/sections.forms.js +3 -3
  98. package/esm/sections.jobs.js +2 -2
  99. package/esm/sections.js +7 -7
  100. package/esm/sections.news.js +5 -5
  101. package/esm/sections.pois.js +10 -10
  102. package/esm/typography.js +1 -1
  103. package/package.json +1 -1
  104. package/types/components/sections/form/DynamicForm.d.ts +7 -0
  105. package/types/components/sections/form/DynamicForm.d.ts.map +1 -1
  106. package/types/components/typography/Copy.d.ts.map +1 -1
  107. package/cjs/Copy-a0bc570d.js +0 -2
  108. package/cjs/Copy-a0bc570d.js.map +0 -1
  109. package/esm/Copy-c6786949.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"formFieldText-046fcbf4.js","sources":["../src/components/fields/FormField.tsx","../src/utils/formFieldText.ts"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\nimport Copy from 'components/typography/Copy';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport { spacings } from 'utils/styles';\n\nconst View = styled.label<{ isDisabled?: boolean }>`\n display: block;\n text-align: left;\n\n pointer-events: ${({ isDisabled }) => isDisabled && 'none'};\n user-select: ${({ isDisabled }) => isDisabled && 'none'};\n opacity: ${({ isDisabled }) => (isDisabled ? 0.3 : 1)};\n`;\n\nconst FieldHead = styled(Copy)`\n display: inline-flex;\n flex-direction: row;\n align-items: top;\n justify-content: space-between;\n padding-bottom: ${spacings.nudge}px;\n`;\n\nconst FieldMessage = styled(Copy)`\n margin-top: ${spacings.nudge}px;\n`;\n\nexport interface FieldProps {\n label?: string;\n errorMessage?: string;\n infoMessage?: string;\n isRequired?: boolean;\n isDisabled?: boolean;\n isInverted?: boolean;\n}\n\nconst FieldWrapper: React.FC<{\n isDisabled?: boolean;\n onClick?: (ev: React.SyntheticEvent<HTMLLabelElement>) => void;\n className?: string;\n children: React.ReactNode;\n}> = ({ isDisabled, onClick, className, children }) => {\n return (\n <View onClick={onClick} isDisabled={isDisabled} className={className}>\n {children}\n </View>\n );\n};\n\nconst Head: React.FC<{\n label?: string;\n isRequired?: boolean;\n isInverted?: boolean;\n className?: string;\n}> = ({ label, isRequired, isInverted, className }) => {\n if (!label) return null;\n return (\n <FieldHead\n renderAs=\"span\"\n isInverted={isInverted}\n size=\"small\"\n type=\"copy-b\"\n className={className}\n >\n {`${label}${isRequired ? ' *' : ''}`}\n </FieldHead>\n );\n};\n\nconst Messages: React.FC<{\n errorMessage?: string;\n infoMessage?: string;\n isInverted?: boolean;\n}> = ({ errorMessage, infoMessage, isInverted }) => {\n const { colors } = useLibTheme();\n\n return (\n <React.Fragment>\n {infoMessage && (\n <FieldMessage size=\"small\" type=\"copy\" isInverted={isInverted}>\n {infoMessage}\n </FieldMessage>\n )}\n {errorMessage && (\n <FieldMessage\n size=\"small\"\n type=\"copy\"\n textColor={\n isInverted\n ? colors.text.errorInverted\n : colors.text.error\n }\n >\n {errorMessage\n ? errorMessage\n : 'Bitte geben Sie einen gültigen Text ein'}\n </FieldMessage>\n )}\n </React.Fragment>\n );\n};\n\nconst Content: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n const addWrapper =\n typeof children === 'string' || children instanceof String;\n\n if (addWrapper) return <span>{children}</span>;\n return <React.Fragment>{children}</React.Fragment>;\n};\n\nexport default {\n View: FieldWrapper,\n Head: Head,\n Messages: Messages,\n Content: Content,\n};\n","import { DefaultTheme } from 'styled-components';\n\nimport { getFonts as font } from 'utils/styles';\nimport { clampValue } from './clamp';\n\nexport const getFormFieldTextSize = (\n theme: DefaultTheme\n): [number, number?] => {\n const min = clampValue(font(theme).copy.small.size[0], 16);\n const max = font(theme).copy.small.size[1];\n return [min, max];\n};\n"],"names":["View","styled","label","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","isDisabled","FieldHead","Copy","templateObject_2","spacings","nudge","FieldMessage","templateObject_3","FieldWrapper$1","onClick","className","children","React","createElement","Head","isRequired","isInverted","renderAs","size","type","concat","Messages","errorMessage","infoMessage","colors","useLibTheme","Fragment","textColor","text","errorInverted","error","Content","String","theme","clampValue","font","getFonts","copy","small"],"mappings":"oVAOMA,EAAOC,EAAAA,QAAOC,MAAVC,WAAA,CAAAC,YAAA,kBAAAC,YAAA,gBAAGJ,CAAsCK,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,uEAAA,uBAAA,mBAAA,OAAA,CAAA,uEAIW,uBACH,mBACF,UAFnC,SAACC,GAAmBC,OAAPD,EAAAC,YAAqB,UACrC,SAACD,GAAmBC,OAAPD,EAAAC,YAAqB,UACtC,SAACD,GAAmB,OAAPA,EAAAC,WAAqB,GAAM,KAGjDC,EAAYT,EAAM,QAACU,QAAVR,WAAA,CAAAC,YAAA,uBAAAC,YAAA,gBAAGJ,CAAYW,IAAAA,EAAAL,EAAAA,qBAAA,CAAA,0IAAA,SAAA,CAAA,0IAKM,WAAdM,EAAQA,SAACC,OAGzBC,EAAed,EAAM,QAACU,QAAVR,WAAA,CAAAC,YAAA,0BAAAC,YAAA,gBAAGJ,CAAYe,IAAAA,EAAAT,EAAAA,qBAAA,CAAA,qBAAA,SAAA,CAAA,qBACD,WAAdM,EAAQA,SAACC,OAsFZG,EAAA,CACXjB,KAtEC,SAACQ,OAAEC,EAAUD,EAAAC,WAAES,EAAOV,EAAAU,QAAEC,EAASX,EAAAW,UAAEC,EAAQZ,EAAAY,SAC5C,OACIC,EAAC,QAAAC,cAAAtB,GAAKkB,QAASA,EAAST,WAAYA,EAAYU,UAAWA,GACtDC,IAoETG,KA1DC,SAACf,OAAEN,EAAKM,EAAAN,MAAEsB,EAAUhB,EAAAgB,WAAEC,EAAUjB,EAAAiB,WAAEN,EAASX,EAAAW,UAC5C,OAAKjB,EAEDmB,EAAC,QAAAC,cAAAZ,EACG,CAAAgB,SAAS,OACTD,WAAYA,EACZE,KAAK,QACLC,KAAK,SACLT,UAAWA,GAEV,UAAGjB,GAAK2B,OAAGL,EAAa,KAAO,KATrB,MA0DnBM,SAxCC,SAACtB,GAAE,IAAAuB,iBAAcC,EAAWxB,EAAAwB,YAAEP,EAAUjB,EAAAiB,WACjCQ,EAAWC,uBAEnB,OACIb,EAAA,QAAAC,cAACD,EAAAA,QAAMc,SAAQ,KACVH,GACGX,EAAAA,QAAAC,cAACP,EAAa,CAAAY,KAAK,QAAQC,KAAK,OAAOH,WAAYA,GAC9CO,GAGRD,GACGV,EAAAA,QAACC,cAAAP,GACGY,KAAK,QACLC,KAAK,OACLQ,UACIX,EACMQ,EAAOI,KAAKC,cACZL,EAAOI,KAAKE,OAGrBR,GAEK,6CAmBtBS,QAZqD,SAAChC,GAAE,IAAAY,EAAQZ,EAAAY,SAIhE,MAFwB,iBAAbA,GAAyBA,aAAoBqB,OAEjCpB,UAAAC,cAAA,OAAA,KAAOF,GACvBC,EAAAA,sBAACA,EAAAA,QAAMc,SAAU,KAAAf,yDCvGQ,SAChCsB,GAIA,MAAO,CAFKC,EAAAA,WAAWC,EAAIC,SAACH,GAAOI,KAAKC,MAAMpB,KAAK,GAAI,IAC3CiB,EAAIC,SAACH,GAAOI,KAAKC,MAAMpB,KAAK"}
1
+ {"version":3,"file":"formFieldText-21f5f620.js","sources":["../src/components/fields/FormField.tsx","../src/utils/formFieldText.ts"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\nimport Copy from 'components/typography/Copy';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport { spacings } from 'utils/styles';\n\nconst View = styled.label<{ isDisabled?: boolean }>`\n display: block;\n text-align: left;\n\n pointer-events: ${({ isDisabled }) => isDisabled && 'none'};\n user-select: ${({ isDisabled }) => isDisabled && 'none'};\n opacity: ${({ isDisabled }) => (isDisabled ? 0.3 : 1)};\n`;\n\nconst FieldHead = styled(Copy)`\n display: inline-flex;\n flex-direction: row;\n align-items: top;\n justify-content: space-between;\n padding-bottom: ${spacings.nudge}px;\n`;\n\nconst FieldMessage = styled(Copy)`\n margin-top: ${spacings.nudge}px;\n`;\n\nexport interface FieldProps {\n label?: string;\n errorMessage?: string;\n infoMessage?: string;\n isRequired?: boolean;\n isDisabled?: boolean;\n isInverted?: boolean;\n}\n\nconst FieldWrapper: React.FC<{\n isDisabled?: boolean;\n onClick?: (ev: React.SyntheticEvent<HTMLLabelElement>) => void;\n className?: string;\n children: React.ReactNode;\n}> = ({ isDisabled, onClick, className, children }) => {\n return (\n <View onClick={onClick} isDisabled={isDisabled} className={className}>\n {children}\n </View>\n );\n};\n\nconst Head: React.FC<{\n label?: string;\n isRequired?: boolean;\n isInverted?: boolean;\n className?: string;\n}> = ({ label, isRequired, isInverted, className }) => {\n if (!label) return null;\n return (\n <FieldHead\n renderAs=\"span\"\n isInverted={isInverted}\n size=\"small\"\n type=\"copy-b\"\n className={className}\n >\n {`${label}${isRequired ? ' *' : ''}`}\n </FieldHead>\n );\n};\n\nconst Messages: React.FC<{\n errorMessage?: string;\n infoMessage?: string;\n isInverted?: boolean;\n}> = ({ errorMessage, infoMessage, isInverted }) => {\n const { colors } = useLibTheme();\n\n return (\n <React.Fragment>\n {infoMessage && (\n <FieldMessage size=\"small\" type=\"copy\" isInverted={isInverted}>\n {infoMessage}\n </FieldMessage>\n )}\n {errorMessage && (\n <FieldMessage\n size=\"small\"\n type=\"copy\"\n textColor={\n isInverted\n ? colors.text.errorInverted\n : colors.text.error\n }\n >\n {errorMessage\n ? errorMessage\n : 'Bitte geben Sie einen gültigen Text ein'}\n </FieldMessage>\n )}\n </React.Fragment>\n );\n};\n\nconst Content: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n const addWrapper =\n typeof children === 'string' || children instanceof String;\n\n if (addWrapper) return <span>{children}</span>;\n return <React.Fragment>{children}</React.Fragment>;\n};\n\nexport default {\n View: FieldWrapper,\n Head: Head,\n Messages: Messages,\n Content: Content,\n};\n","import { DefaultTheme } from 'styled-components';\n\nimport { getFonts as font } from 'utils/styles';\nimport { clampValue } from './clamp';\n\nexport const getFormFieldTextSize = (\n theme: DefaultTheme\n): [number, number?] => {\n const min = clampValue(font(theme).copy.small.size[0], 16);\n const max = font(theme).copy.small.size[1];\n return [min, max];\n};\n"],"names":["View","styled","label","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","isDisabled","FieldHead","Copy","templateObject_2","spacings","nudge","FieldMessage","templateObject_3","FieldWrapper$1","onClick","className","children","React","createElement","Head","isRequired","isInverted","renderAs","size","type","concat","Messages","errorMessage","infoMessage","colors","useLibTheme","Fragment","textColor","text","errorInverted","error","Content","String","theme","clampValue","font","getFonts","copy","small"],"mappings":"oVAOMA,EAAOC,EAAAA,QAAOC,MAAVC,WAAA,CAAAC,YAAA,kBAAAC,YAAA,gBAAGJ,CAAsCK,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,uEAAA,uBAAA,mBAAA,OAAA,CAAA,uEAIW,uBACH,mBACF,UAFnC,SAACC,GAAmBC,OAAPD,EAAAC,YAAqB,UACrC,SAACD,GAAmBC,OAAPD,EAAAC,YAAqB,UACtC,SAACD,GAAmB,OAAPA,EAAAC,WAAqB,GAAM,KAGjDC,EAAYT,EAAM,QAACU,QAAVR,WAAA,CAAAC,YAAA,uBAAAC,YAAA,gBAAGJ,CAAYW,IAAAA,EAAAL,EAAAA,qBAAA,CAAA,0IAAA,SAAA,CAAA,0IAKM,WAAdM,EAAQA,SAACC,OAGzBC,EAAed,EAAM,QAACU,QAAVR,WAAA,CAAAC,YAAA,0BAAAC,YAAA,gBAAGJ,CAAYe,IAAAA,EAAAT,EAAAA,qBAAA,CAAA,qBAAA,SAAA,CAAA,qBACD,WAAdM,EAAQA,SAACC,OAsFZG,EAAA,CACXjB,KAtEC,SAACQ,OAAEC,EAAUD,EAAAC,WAAES,EAAOV,EAAAU,QAAEC,EAASX,EAAAW,UAAEC,EAAQZ,EAAAY,SAC5C,OACIC,EAAC,QAAAC,cAAAtB,GAAKkB,QAASA,EAAST,WAAYA,EAAYU,UAAWA,GACtDC,IAoETG,KA1DC,SAACf,OAAEN,EAAKM,EAAAN,MAAEsB,EAAUhB,EAAAgB,WAAEC,EAAUjB,EAAAiB,WAAEN,EAASX,EAAAW,UAC5C,OAAKjB,EAEDmB,EAAC,QAAAC,cAAAZ,EACG,CAAAgB,SAAS,OACTD,WAAYA,EACZE,KAAK,QACLC,KAAK,SACLT,UAAWA,GAEV,UAAGjB,GAAK2B,OAAGL,EAAa,KAAO,KATrB,MA0DnBM,SAxCC,SAACtB,GAAE,IAAAuB,iBAAcC,EAAWxB,EAAAwB,YAAEP,EAAUjB,EAAAiB,WACjCQ,EAAWC,uBAEnB,OACIb,EAAA,QAAAC,cAACD,EAAAA,QAAMc,SAAQ,KACVH,GACGX,EAAAA,QAAAC,cAACP,EAAa,CAAAY,KAAK,QAAQC,KAAK,OAAOH,WAAYA,GAC9CO,GAGRD,GACGV,EAAAA,QAACC,cAAAP,GACGY,KAAK,QACLC,KAAK,OACLQ,UACIX,EACMQ,EAAOI,KAAKC,cACZL,EAAOI,KAAKE,OAGrBR,GAEK,6CAmBtBS,QAZqD,SAAChC,GAAE,IAAAY,EAAQZ,EAAAY,SAIhE,MAFwB,iBAAbA,GAAyBA,aAAoBqB,OAEjCpB,UAAAC,cAAA,OAAA,KAAOF,GACvBC,EAAAA,sBAACA,EAAAA,QAAMc,SAAU,KAAAf,yDCvGQ,SAChCsB,GAIA,MAAO,CAFKC,EAAAA,WAAWC,EAAIC,SAACH,GAAOI,KAAKC,MAAMpB,KAAK,GAAI,IAC3CiB,EAAIC,SAACH,GAAOI,KAAKC,MAAMpB,KAAK"}
package/cjs/headers.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("./Filter-89286db9.js"),e=require("react"),t=require("styled-components"),i=require("./styles-13e5d9ac.js"),a=require("./LibThemeProvider-69109901.js"),o=require("./useMediaQuery-619d7203.js"),r=require("./Image-94820dfd.js"),l=require("./clamp-bd21d587.js"),s=require("./Actions-c52a14e4.js"),c=require("./useObserverSupport-5ab320dd.js"),d=require("./useUpdateEffect-4d233e2c.js"),m=require("./Copy-a0bc570d.js"),u=require("./Section-c9a16ccc.js"),p=require("./Navigation-6abb6213.js");function h(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}require("react-dom/server"),require("./concat-f387d848.js"),require("./arrays-c272ed59.js"),require("./navigation-3f9d4ac4.js"),require("./Link-8951180c.js"),require("./LanguageSwitcher-aa96cc7d.js");var g,f,v,b,x,w,_,y,I,j,k,C,z,N,T,E,H,O,q,P,S=h(e),B=h(t),M=B.default.div.withConfig({displayName:"HeaderKenBurns__AnimationContainer",componentId:"sc-1hmc5d0-0"})(g||(g=n.__makeTemplateObject(["\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n"],["\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n"]))),A=B.default(r.Image).withConfig({displayName:"HeaderKenBurns__PosterImage",componentId:"sc-1hmc5d0-1"})(f||(f=n.__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n\n height: 100%;\n width: 100%;\n\n img {\n height: 100%;\n }\n"],["\n position: absolute;\n top: 0;\n left: 0;\n\n height: 100%;\n width: 100%;\n\n img {\n height: 100%;\n }\n"]))),V=B.default.img.withConfig({displayName:"HeaderKenBurns__AnimationImage",componentId:"sc-1hmc5d0-2"})(v||(v=n.__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n\n object-fit: cover;\n object-position: center;\n\n transition-property: opacity, transform;\n transition-duration: ",";\n transition-delay: ",";\n\n opacity: ",";\n transform: scale(",")\n rotate(","deg);\n transform-origin: ",";\n\n will-change: transform, opacity;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n\n object-fit: cover;\n object-position: center;\n\n transition-property: opacity, transform;\n transition-duration: ",";\n transition-delay: ",";\n\n opacity: ",";\n transform: scale(",")\n rotate(","deg);\n transform-origin: ",";\n\n will-change: transform, opacity;\n"])),(function(n){var e=n.scale;return"2s, ".concat(1===e?"0s":"13s")}),(function(n){var e=n.scale;return"".concat(1===e?"1s":"0s",", ").concat(1===e?"3s":"0s")}),(function(n){var e=n.opacity;return e&&e}),(function(n){return n.scale||1}),(function(n){return 1!==n.scale?.04:0}),(function(n){var e=n.zoomPoint;return e?"".concat(100*e[0],"% ").concat(100*e[1],"%"):"center"})),F=function(n){var t=n.zoom,i=void 0===t?1.08:t,a=n.zoomPoint,o=void 0===a?[.5,.5]:a,r=n.interval,l=void 0===r?1e4:r,s=n.images,c=n.onChange,d=e.useRef(),m=e.useRef(),u=e.useState(-1),p=u[0],h=u[1];return e.useEffect((function(){var n=function(){h((function(n){return(n+1)%s.length}))};return m.current=window.setTimeout(n,200),d.current&&window.clearInterval(d.current),d.current=window.setInterval(n,l),function(){m.current&&window.clearTimeout(m.current),d.current&&window.clearInterval(d.current)}}),[s,l]),e.useEffect((function(){-1!==p&&c&&c(p)}),[p]),S.default.createElement(S.default.Fragment,null,s.map((function(n,e){var t=1,a=o;return e===p&&(t=void 0!==n.zoom?n.zoom:i),n.zoomPoint&&(a=L(n.zoomPoint)),S.default.createElement(V,{key:e,style:{zIndex:e===p?1:0},src:n.image,scale:t,opacity:e===p?1:0,zoomPoint:a,alt:n.alt||""})})))},L=function(n){return[l.clampValue(n[0],0,1),l.clampValue(n[1],0,1)]},R=function(t){var i=t.images,a=t.zoom,r=void 0===a?1.08:a,l=t.zoomPoint,s=void 0===l?[.5,.5]:l,c=t.interval,d=void 0===c?1e4:c,m=t.onImageChange,u=t.className,p=t.children,h=o.useMediaQuery(["small","medium","large","xlarge"]),g=e.useState({small:[],medium:[],large:[],xlarge:[]}),f=g[0],v=g[1];return e.useEffect((function(){var e;if(h&&(f[h].length<i.length&&i.length>=2)){var t=i.map((function(n,e){return{id:e,image:n[h],zoom:n.zoom||r,zoomPoint:n.zoomPoint||s,alt:n.alt}}));e=function(n){return n.map((function(n){return new Promise((function(e){var t=new window.Image;t.src=n.image,t.onload=function(){return e(n)}}))}))}(t),n.__awaiter(void 0,void 0,void 0,(function(){var t,i,a,o;return n.__generator(this,(function(r){switch(r.label){case 0:t=function(e){var t;return n.__generator(this,(function(i){switch(i.label){case 0:return[4,e];case 1:return t=i.sent(),v((function(e){var i;return e[h].find((function(n){return n.id===t.id}))?e:n.__assign(n.__assign({},e),((i={})[h]=n.__spreadArray(n.__spreadArray([],e[h],!0),[t],!1),i))})),[2]}}))},i=0,a=e,r.label=1;case 1:return i<a.length?(o=a[i],[5,t(o)]):[3,4];case 2:r.sent(),r.label=3;case 3:return i++,[3,1];case 4:return[2]}}))}))}}),[h,i,f,r,s]),S.default.createElement(M,{className:u},S.default.createElement(A,n.__assign({},i[0],{coverSpace:!0,ratios:void 0})),h&&f[h].length>=i.length&&S.default.createElement(F,{zoom:r,zoomPoint:L(s),interval:d,images:f[h],onChange:function(n){return i[n]&&m&&m(i[n])}}),p)},U=B.default.div.withConfig({displayName:"HeaderPoster__PosterView",componentId:"sc-9zhj-0"})(b||(b=n.__makeTemplateObject(["\n position: relative;\n width: 100%;\n height: 100%;\n"],["\n position: relative;\n width: 100%;\n height: 100%;\n"]))),Z=B.default(r.Image).withConfig({displayName:"HeaderPoster__BgImage",componentId:"sc-9zhj-1"})(x||(x=n.__makeTemplateObject(["\n height: 100%;\n\n img {\n height: 100%;\n object-position: ",";\n }\n"],["\n height: 100%;\n\n img {\n height: 100%;\n object-position: ",";\n }\n"])),(function(n){var e=n.focus;return"".concat((null==e?void 0:e[0])||"center"," ").concat((null==e?void 0:e[1])||"center")})),K=function(e){var t=e.isInverted,i=e.bgImage,a=e.focus,o=e.className,r=e.children;return S.default.createElement(U,{className:o},i&&S.default.createElement(Z,n.__assign({},i,{coverSpace:!0,ratios:void 0,isInverted:t,focus:a})),r)},Q=B.default.div.withConfig({displayName:"HeaderVideo__PosterView",componentId:"sc-i0iu8j-0"})(w||(w=n.__makeTemplateObject(["\n position: relative;\n width: 100%;\n height: 100%;\n"],["\n position: relative;\n width: 100%;\n height: 100%;\n"]))),D=B.default(r.Image).withConfig({displayName:"HeaderVideo__PlaceholderImg",componentId:"sc-i0iu8j-1"})(_||(_=n.__makeTemplateObject(["\n position: relative;\n height: 100%;\n\n img {\n object-position: ",";\n\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n height: 100%;\n z-index: 0;\n }\n\n margin: 0 auto;\n\n @media "," {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: ","px;\n z-index: 2;\n\n & > * {\n margin-top: ","px;\n max-width: 880px;\n }\n }\n"],["\n position: relative;\n height: 100%;\n\n img {\n object-position: ",";\n\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n height: 100%;\n z-index: 0;\n }\n\n margin: 0 auto;\n\n @media "," {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: ","px;\n z-index: 2;\n\n & > * {\n margin-top: ","px;\n max-width: 880px;\n }\n }\n"])),(function(n){var e=n.focus;return"".concat((null==e?void 0:e[0])||"center"," ").concat((null==e?void 0:e[1])||"center")}),i.mq.medium,2*i.spacings.spacer,i.spacings.spacer),G=B.default.video.withConfig({displayName:"HeaderVideo__AutoplayVideo",componentId:"sc-i0iu8j-2"})(y||(y=n.__makeTemplateObject(["\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n height: 100%;\n width: 100%;\n object-fit: cover;\n object-position: ",";\n opacity: ",";\n pointer-events: none;\n z-index: 1;\n\n transition: opacity 0.3s ease-in-out;\n"],["\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n height: 100%;\n width: 100%;\n object-fit: cover;\n object-position: ",";\n opacity: ",";\n pointer-events: none;\n z-index: 1;\n\n transition: opacity 0.3s ease-in-out;\n"])),(function(n){var e=n.focus;return"".concat((null==e?void 0:e[0])||"center"," ").concat((null==e?void 0:e[1])||"center")}),(function(n){return n.isVisible?1:0})),J=function(t){var i=t.isInverted,a=t.loadOnMobile,r=void 0===a||a,l=t.placeholderImg,s=t.focus,m=t.videoUrl,u=t.className,p=t.children,h=e.useRef(null),g=e.useRef(null),f=e.useState(!(null==l?void 0:l.small)||!1),v=f[0],b=f[1],x=c.useObserverSupport(),w=o.useMediaQuery(["small","medium","semilarge","large","xlarge"]),_=void 0===w||"small"===w,y=r||!_,I=e.useState(!1),j=I[0],k=I[1];return e.useEffect((function(){y||b(!1)}),[_,y,r]),e.useEffect((function(){h.current&&h.current.readyState>3&&b(!0)}),[]),d.useUpdateEffect((function(){if(y&&m&&g.current){if(x){var n=new IntersectionObserver((function(n,e){var t=n[0];t.isIntersecting&&(e.unobserve(t.target),k(!0))}),{rootMargin:"200px 0px 200px 0px"}),e=g.current;return n.observe(e),function(){e&&n.unobserve(e)}}k(!0)}}),[x,y]),S.default.createElement(Q,{ref:g,className:u},(null==l?void 0:l.small)&&!v&&S.default.createElement(D,n.__assign({},l,{coverSpace:!0,ratios:void 0,isInverted:i,focus:s})),m&&y&&S.default.createElement(G,{ref:h,isVisible:v,src:j?m:void 0,muted:!0,autoPlay:!0,loop:!0,playsInline:!0,onCanPlayThrough:function(){b(!0)},focus:s}),p)},W=function(e){return t.css(j||(j=n.__makeTemplateObject(["\n // Doing some crazy shit to calculate curent navbar height in CSS\n ","\n"],["\n // Doing some crazy shit to calculate curent navbar height in CSS\n ","\n"])),(function(a){var o=a.theme,r=p.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0}),l=p.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0,hasTop:!0}),s=p.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0,hasBottom:!0}),c=p.generateNavbarIdent({pageFlow:"beforeContent",hasTop:!0,hasMain:!0,hasBottom:!0}),d=p.getFullNavbarHeights(o,r).large,m=p.getFullNavbarHeights(o,l).large,u=p.getFullNavbarHeights(o,s).large,h=p.getFullNavbarHeights(o,c).large,g=function(n){return n.map((function(n){return"[data-navbar-ident*='".concat(n,"']")})).join("")},f=e?"100vh":"80vh";return t.css(I||(I=n.__makeTemplateObject(["\n & > "," {\n min-height: 500px;\n height: ",";\n }\n\n // with main navbar element\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and top navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and bottom navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with all navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n @media "," {\n // with main navbar element\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and top navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and bottom navbar elements\n header"," + & {\n & > "," {\n height: calc(\n "," - ","px\n );\n }\n }\n\n // with all navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n }\n "],["\n & > "," {\n min-height: 500px;\n height: ",";\n }\n\n // with main navbar element\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and top navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and bottom navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with all navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n @media "," {\n // with main navbar element\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and top navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and bottom navbar elements\n header"," + & {\n & > "," {\n height: calc(\n "," - ","px\n );\n }\n }\n\n // with all navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n }\n "])),$,f,g(r.split("-")),$,f,d[0],g(l.split("-")),$,f,m[0],g(s.split("-")),$,f,u[0],g(c.split("-")),$,f,h[0],i.mq.semilarge,g(r.split("-")),$,f,d[1],g(l.split("-")),$,f,m[1],g(s.split("-")),$,f,u[1],g(c.split("-")),$,f,h[1])}))},X=B.default(u.Section).withConfig({displayName:"Header__HeaderSection",componentId:"sc-12uexfr-0"})(k||(k=n.__makeTemplateObject(["\n position: relative;\n ","\n\n header + & {\n ","\n ","\n }\n"],["\n position: relative;\n ","\n\n header + & {\n ","\n ","\n }\n"])),W(!0),i.withRange([0],"padding-top"),i.withRange([0],"margin-top")),Y=B.default(u.Section).withConfig({displayName:"Header__HeaderSectionSmall",componentId:"sc-12uexfr-1"})(C||(C=n.__makeTemplateObject(["\n position: relative;\n ","\n\n header + & {\n ","\n ","\n }\n"],["\n position: relative;\n ","\n\n header + & {\n ","\n ","\n }\n"])),W(!1),i.withRange([0],"padding-top"),i.withRange([0],"margin-top")),$=B.default((function(n){var e=n.isInverted,t=n.videoUrl,i=n.images,a=n.focus,o=n.kenBurnsZoom,r=n.kenBurnsZoomPoint,l=n.kenBurnsInterval,s=n.onImageChange,c=n.className,d=n.children;switch(!0){case!!t:return S.default.createElement(J,{isInverted:e,videoUrl:t,focus:a,placeholderImg:null==i?void 0:i[0],className:c},d);case i&&i.length>1:return S.default.createElement(R,{images:i||[],zoom:o,zoomPoint:r,interval:l,onImageChange:s,className:c},d);case i&&1===i.length:return S.default.createElement(K,{isInverted:e,bgImage:null==i?void 0:i[0],focus:a,className:c},d);default:return S.default.createElement("div",null,d)}})).withConfig({displayName:"Header__StyledPoster",componentId:"sc-12uexfr-2"})(z||(z=n.__makeTemplateObject(["\n position: relative;\n height: 100vh;\n max-height: 1300px;\n max-width: ","px;\n margin: 0 auto;\n"],["\n position: relative;\n height: 100vh;\n max-height: 1300px;\n max-width: ","px;\n margin: 0 auto;\n"])),i.spacings.wrapperLarge),nn=B.default.div.withConfig({displayName:"Header__Overlay",componentId:"sc-12uexfr-3"})(N||(N=n.__makeTemplateObject(["\n display: ",";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background: ",";\n z-index: 2;\n\n @media "," {\n display: block;\n }\n"],["\n display: ",";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background: ",";\n z-index: 2;\n\n @media "," {\n display: block;\n }\n"])),(function(n){return n.textOnImage?"block":"none"}),(function(n){var e=n.bgValue;return e&&e}),i.mq.medium),en=B.default.div.withConfig({displayName:"Header__Content",componentId:"sc-12uexfr-4"})(E||(E=n.__makeTemplateObject(["\n display: none;\n max-width: ","px;\n margin: 0 auto;\n\n ","\n\n @media "," {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: ",";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: ","px;\n z-index: 2;\n\n & > * {\n margin-top: ","px;\n max-width: 880px;\n }\n }\n"],["\n display: none;\n max-width: ","px;\n margin: 0 auto;\n\n ","\n\n @media "," {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: ",";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: ","px;\n z-index: 2;\n\n & > * {\n margin-top: ","px;\n max-width: 880px;\n }\n }\n"])),i.spacings.wrapper,(function(e){var a=e.textOnImage,o=e.isCentered;return a&&t.css(T||(T=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: ",";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: ","px;\n z-index: 2;\n\n & > * {\n margin-top: ","px;\n max-width: 880px;\n }\n "],["\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: ",";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: ","px;\n z-index: 2;\n\n & > * {\n margin-top: ","px;\n max-width: 880px;\n }\n "])),o&&"center",i.spacings.spacer,i.spacings.spacer)}),i.mq.medium,(function(n){return n.isCentered&&"center"}),2*i.spacings.spacer,i.spacings.spacer),tn=B.default.div.withConfig({displayName:"Header__ContentMobile",componentId:"sc-12uexfr-5"})(H||(H=n.__makeTemplateObject(["\n padding: ","px ","px;\n\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n display: none;\n }\n"],["\n padding: ","px ","px;\n\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n display: none;\n }\n"])),i.spacings.spacer,2*i.spacings.nudge,i.spacings.spacer,i.mq.medium),an=B.default(m.Heading).withConfig({displayName:"Header__Title",componentId:"sc-12uexfr-6"})(O||(O=n.__makeTemplateObject(["\n text-align: ",";\n\n @media "," {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 3; /* number of lines to show */\n line-clamp: 3;\n -webkit-box-orient: vertical;\n }\n"],["\n text-align: ",";\n\n @media "," {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 3; /* number of lines to show */\n line-clamp: 3;\n -webkit-box-orient: vertical;\n }\n"])),(function(n){return n.isCentered&&"center"}),i.mq.medium),on=B.default(m.Copy).withConfig({displayName:"Header__Text",componentId:"sc-12uexfr-7"})(q||(q=n.__makeTemplateObject(["\n text-align: ",";\n\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 4; /* number of lines to show */\n line-clamp: 4;\n -webkit-box-orient: vertical;\n"],["\n text-align: ",";\n\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 4; /* number of lines to show */\n line-clamp: 4;\n -webkit-box-orient: vertical;\n"])),(function(n){return n.isCentered&&"center"})),rn=B.default(s.Actions).withConfig({displayName:"Header__StyledActions",componentId:"sc-12uexfr-8"})(P||(P=n.__makeTemplateObject(["\n @media "," {\n display: block;\n text-align: ",";\n }\n"],["\n @media "," {\n display: block;\n text-align: ",";\n }\n"])),i.mq.medium,(function(n){return n.isCentered&&"center"})),ln=a.withLibTheme((function(n){var e=n.anchorId,t=n.size,i=void 0===t?"full":t,o=n.focusPoint,r=void 0===o?["center","center"]:o,l=n.isCentered,s=n.title,c=n.titleAs,d=n.text,m=n.primaryAction,p=n.secondaryAction,h=n.videoUrl,g=n.images,f=n.customImgOverlay,v=n.kenBurnsZoom,b=void 0===v?1.08:v,x=n.kenBurnsZoomPoint,w=void 0===x?[.5,.5]:x,_=n.kenBurnsInterval,y=void 0===_?1e4:_,I=n.onImageChange,j=n.bgMode,k=n.textOnImage,C=a.useLibTheme(),z=C.globals,N=C.colors,T="inverted"===j,E=s||d||m||p,H=E?f||z.sections.imageTextGradient:void 0,O="full"===i?X:Y;return S.default.createElement(O,{addSeperation:!0,anchorId:e,bgColor:T?N.sectionBg.dark:j?N.sectionBg.medium:N.sectionBg.light,bgMode:u.mapToBgMode(j,!0)},S.default.createElement($,{isInverted:T,images:g,videoUrl:h,kenBurnsInterval:y,kenBurnsZoom:b,kenBurnsZoomPoint:w,onImageChange:I,focus:r},E&&S.default.createElement(S.default.Fragment,null,S.default.createElement(nn,{bgValue:H,textOnImage:k}),S.default.createElement(en,{isCentered:l,textOnImage:k},s&&S.default.createElement(an,{isInverted:!0,size:"heading-1",isCentered:l,renderAs:c,innerHTML:s}),d&&S.default.createElement(on,{isInverted:!0,isCentered:l,type:"copy-b",size:"big",innerHTML:d}),(m||p)&&S.default.createElement(rn,{isCentered:l,primary:m&&m(!0),secondary:p&&p(!0)})))),E&&!k&&S.default.createElement(tn,null,s&&S.default.createElement(an,{size:"heading-1",isCentered:l,renderAs:c,innerHTML:s,isInverted:T}),d&&S.default.createElement(on,{type:"copy-b",size:"big",isCentered:l,innerHTML:d,isInverted:T}),(m||p)&&S.default.createElement(rn,{isCentered:l,primary:m&&m(T),secondary:p&&p(T)})))}));exports.Header=ln,exports.HeaderKenBurns=R,exports.HeaderPoster=K,exports.HeaderVideo=J;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("./Filter-89286db9.js"),e=require("react"),t=require("styled-components"),i=require("./styles-13e5d9ac.js"),a=require("./LibThemeProvider-69109901.js"),o=require("./useMediaQuery-619d7203.js"),r=require("./Image-69a9c116.js"),l=require("./clamp-bd21d587.js"),s=require("./Actions-c52a14e4.js"),c=require("./useObserverSupport-5ab320dd.js"),d=require("./useUpdateEffect-4d233e2c.js"),m=require("./Copy-2a9d4b5d.js"),u=require("./Section-c9a16ccc.js"),p=require("./Navigation-6c5d9dee.js");function h(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}require("react-dom/server"),require("./concat-f387d848.js"),require("./arrays-c272ed59.js"),require("./navigation-3f9d4ac4.js"),require("./Link-8951180c.js"),require("./LanguageSwitcher-c6fd04df.js");var g,f,v,b,x,w,_,y,I,j,k,C,z,N,T,E,H,O,q,P,S=h(e),B=h(t),M=B.default.div.withConfig({displayName:"HeaderKenBurns__AnimationContainer",componentId:"sc-1hmc5d0-0"})(g||(g=n.__makeTemplateObject(["\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n"],["\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n"]))),A=B.default(r.Image).withConfig({displayName:"HeaderKenBurns__PosterImage",componentId:"sc-1hmc5d0-1"})(f||(f=n.__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n\n height: 100%;\n width: 100%;\n\n img {\n height: 100%;\n }\n"],["\n position: absolute;\n top: 0;\n left: 0;\n\n height: 100%;\n width: 100%;\n\n img {\n height: 100%;\n }\n"]))),V=B.default.img.withConfig({displayName:"HeaderKenBurns__AnimationImage",componentId:"sc-1hmc5d0-2"})(v||(v=n.__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n\n object-fit: cover;\n object-position: center;\n\n transition-property: opacity, transform;\n transition-duration: ",";\n transition-delay: ",";\n\n opacity: ",";\n transform: scale(",")\n rotate(","deg);\n transform-origin: ",";\n\n will-change: transform, opacity;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n\n object-fit: cover;\n object-position: center;\n\n transition-property: opacity, transform;\n transition-duration: ",";\n transition-delay: ",";\n\n opacity: ",";\n transform: scale(",")\n rotate(","deg);\n transform-origin: ",";\n\n will-change: transform, opacity;\n"])),(function(n){var e=n.scale;return"2s, ".concat(1===e?"0s":"13s")}),(function(n){var e=n.scale;return"".concat(1===e?"1s":"0s",", ").concat(1===e?"3s":"0s")}),(function(n){var e=n.opacity;return e&&e}),(function(n){return n.scale||1}),(function(n){return 1!==n.scale?.04:0}),(function(n){var e=n.zoomPoint;return e?"".concat(100*e[0],"% ").concat(100*e[1],"%"):"center"})),F=function(n){var t=n.zoom,i=void 0===t?1.08:t,a=n.zoomPoint,o=void 0===a?[.5,.5]:a,r=n.interval,l=void 0===r?1e4:r,s=n.images,c=n.onChange,d=e.useRef(),m=e.useRef(),u=e.useState(-1),p=u[0],h=u[1];return e.useEffect((function(){var n=function(){h((function(n){return(n+1)%s.length}))};return m.current=window.setTimeout(n,200),d.current&&window.clearInterval(d.current),d.current=window.setInterval(n,l),function(){m.current&&window.clearTimeout(m.current),d.current&&window.clearInterval(d.current)}}),[s,l]),e.useEffect((function(){-1!==p&&c&&c(p)}),[p]),S.default.createElement(S.default.Fragment,null,s.map((function(n,e){var t=1,a=o;return e===p&&(t=void 0!==n.zoom?n.zoom:i),n.zoomPoint&&(a=L(n.zoomPoint)),S.default.createElement(V,{key:e,style:{zIndex:e===p?1:0},src:n.image,scale:t,opacity:e===p?1:0,zoomPoint:a,alt:n.alt||""})})))},L=function(n){return[l.clampValue(n[0],0,1),l.clampValue(n[1],0,1)]},R=function(t){var i=t.images,a=t.zoom,r=void 0===a?1.08:a,l=t.zoomPoint,s=void 0===l?[.5,.5]:l,c=t.interval,d=void 0===c?1e4:c,m=t.onImageChange,u=t.className,p=t.children,h=o.useMediaQuery(["small","medium","large","xlarge"]),g=e.useState({small:[],medium:[],large:[],xlarge:[]}),f=g[0],v=g[1];return e.useEffect((function(){var e;if(h&&(f[h].length<i.length&&i.length>=2)){var t=i.map((function(n,e){return{id:e,image:n[h],zoom:n.zoom||r,zoomPoint:n.zoomPoint||s,alt:n.alt}}));e=function(n){return n.map((function(n){return new Promise((function(e){var t=new window.Image;t.src=n.image,t.onload=function(){return e(n)}}))}))}(t),n.__awaiter(void 0,void 0,void 0,(function(){var t,i,a,o;return n.__generator(this,(function(r){switch(r.label){case 0:t=function(e){var t;return n.__generator(this,(function(i){switch(i.label){case 0:return[4,e];case 1:return t=i.sent(),v((function(e){var i;return e[h].find((function(n){return n.id===t.id}))?e:n.__assign(n.__assign({},e),((i={})[h]=n.__spreadArray(n.__spreadArray([],e[h],!0),[t],!1),i))})),[2]}}))},i=0,a=e,r.label=1;case 1:return i<a.length?(o=a[i],[5,t(o)]):[3,4];case 2:r.sent(),r.label=3;case 3:return i++,[3,1];case 4:return[2]}}))}))}}),[h,i,f,r,s]),S.default.createElement(M,{className:u},S.default.createElement(A,n.__assign({},i[0],{coverSpace:!0,ratios:void 0})),h&&f[h].length>=i.length&&S.default.createElement(F,{zoom:r,zoomPoint:L(s),interval:d,images:f[h],onChange:function(n){return i[n]&&m&&m(i[n])}}),p)},U=B.default.div.withConfig({displayName:"HeaderPoster__PosterView",componentId:"sc-9zhj-0"})(b||(b=n.__makeTemplateObject(["\n position: relative;\n width: 100%;\n height: 100%;\n"],["\n position: relative;\n width: 100%;\n height: 100%;\n"]))),Z=B.default(r.Image).withConfig({displayName:"HeaderPoster__BgImage",componentId:"sc-9zhj-1"})(x||(x=n.__makeTemplateObject(["\n height: 100%;\n\n img {\n height: 100%;\n object-position: ",";\n }\n"],["\n height: 100%;\n\n img {\n height: 100%;\n object-position: ",";\n }\n"])),(function(n){var e=n.focus;return"".concat((null==e?void 0:e[0])||"center"," ").concat((null==e?void 0:e[1])||"center")})),K=function(e){var t=e.isInverted,i=e.bgImage,a=e.focus,o=e.className,r=e.children;return S.default.createElement(U,{className:o},i&&S.default.createElement(Z,n.__assign({},i,{coverSpace:!0,ratios:void 0,isInverted:t,focus:a})),r)},Q=B.default.div.withConfig({displayName:"HeaderVideo__PosterView",componentId:"sc-i0iu8j-0"})(w||(w=n.__makeTemplateObject(["\n position: relative;\n width: 100%;\n height: 100%;\n"],["\n position: relative;\n width: 100%;\n height: 100%;\n"]))),D=B.default(r.Image).withConfig({displayName:"HeaderVideo__PlaceholderImg",componentId:"sc-i0iu8j-1"})(_||(_=n.__makeTemplateObject(["\n position: relative;\n height: 100%;\n\n img {\n object-position: ",";\n\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n height: 100%;\n z-index: 0;\n }\n\n margin: 0 auto;\n\n @media "," {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: ","px;\n z-index: 2;\n\n & > * {\n margin-top: ","px;\n max-width: 880px;\n }\n }\n"],["\n position: relative;\n height: 100%;\n\n img {\n object-position: ",";\n\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n height: 100%;\n z-index: 0;\n }\n\n margin: 0 auto;\n\n @media "," {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: ","px;\n z-index: 2;\n\n & > * {\n margin-top: ","px;\n max-width: 880px;\n }\n }\n"])),(function(n){var e=n.focus;return"".concat((null==e?void 0:e[0])||"center"," ").concat((null==e?void 0:e[1])||"center")}),i.mq.medium,2*i.spacings.spacer,i.spacings.spacer),G=B.default.video.withConfig({displayName:"HeaderVideo__AutoplayVideo",componentId:"sc-i0iu8j-2"})(y||(y=n.__makeTemplateObject(["\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n height: 100%;\n width: 100%;\n object-fit: cover;\n object-position: ",";\n opacity: ",";\n pointer-events: none;\n z-index: 1;\n\n transition: opacity 0.3s ease-in-out;\n"],["\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n height: 100%;\n width: 100%;\n object-fit: cover;\n object-position: ",";\n opacity: ",";\n pointer-events: none;\n z-index: 1;\n\n transition: opacity 0.3s ease-in-out;\n"])),(function(n){var e=n.focus;return"".concat((null==e?void 0:e[0])||"center"," ").concat((null==e?void 0:e[1])||"center")}),(function(n){return n.isVisible?1:0})),J=function(t){var i=t.isInverted,a=t.loadOnMobile,r=void 0===a||a,l=t.placeholderImg,s=t.focus,m=t.videoUrl,u=t.className,p=t.children,h=e.useRef(null),g=e.useRef(null),f=e.useState(!(null==l?void 0:l.small)||!1),v=f[0],b=f[1],x=c.useObserverSupport(),w=o.useMediaQuery(["small","medium","semilarge","large","xlarge"]),_=void 0===w||"small"===w,y=r||!_,I=e.useState(!1),j=I[0],k=I[1];return e.useEffect((function(){y||b(!1)}),[_,y,r]),e.useEffect((function(){h.current&&h.current.readyState>3&&b(!0)}),[]),d.useUpdateEffect((function(){if(y&&m&&g.current){if(x){var n=new IntersectionObserver((function(n,e){var t=n[0];t.isIntersecting&&(e.unobserve(t.target),k(!0))}),{rootMargin:"200px 0px 200px 0px"}),e=g.current;return n.observe(e),function(){e&&n.unobserve(e)}}k(!0)}}),[x,y]),S.default.createElement(Q,{ref:g,className:u},(null==l?void 0:l.small)&&!v&&S.default.createElement(D,n.__assign({},l,{coverSpace:!0,ratios:void 0,isInverted:i,focus:s})),m&&y&&S.default.createElement(G,{ref:h,isVisible:v,src:j?m:void 0,muted:!0,autoPlay:!0,loop:!0,playsInline:!0,onCanPlayThrough:function(){b(!0)},focus:s}),p)},W=function(e){return t.css(j||(j=n.__makeTemplateObject(["\n // Doing some crazy shit to calculate curent navbar height in CSS\n ","\n"],["\n // Doing some crazy shit to calculate curent navbar height in CSS\n ","\n"])),(function(a){var o=a.theme,r=p.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0}),l=p.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0,hasTop:!0}),s=p.generateNavbarIdent({pageFlow:"beforeContent",hasMain:!0,hasBottom:!0}),c=p.generateNavbarIdent({pageFlow:"beforeContent",hasTop:!0,hasMain:!0,hasBottom:!0}),d=p.getFullNavbarHeights(o,r).large,m=p.getFullNavbarHeights(o,l).large,u=p.getFullNavbarHeights(o,s).large,h=p.getFullNavbarHeights(o,c).large,g=function(n){return n.map((function(n){return"[data-navbar-ident*='".concat(n,"']")})).join("")},f=e?"100vh":"80vh";return t.css(I||(I=n.__makeTemplateObject(["\n & > "," {\n min-height: 500px;\n height: ",";\n }\n\n // with main navbar element\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and top navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and bottom navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with all navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n @media "," {\n // with main navbar element\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and top navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and bottom navbar elements\n header"," + & {\n & > "," {\n height: calc(\n "," - ","px\n );\n }\n }\n\n // with all navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n }\n "],["\n & > "," {\n min-height: 500px;\n height: ",";\n }\n\n // with main navbar element\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and top navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and bottom navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with all navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n @media "," {\n // with main navbar element\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and top navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n\n // with main and bottom navbar elements\n header"," + & {\n & > "," {\n height: calc(\n "," - ","px\n );\n }\n }\n\n // with all navbar elements\n header"," + & {\n & > "," {\n height: calc("," - ","px);\n }\n }\n }\n "])),$,f,g(r.split("-")),$,f,d[0],g(l.split("-")),$,f,m[0],g(s.split("-")),$,f,u[0],g(c.split("-")),$,f,h[0],i.mq.semilarge,g(r.split("-")),$,f,d[1],g(l.split("-")),$,f,m[1],g(s.split("-")),$,f,u[1],g(c.split("-")),$,f,h[1])}))},X=B.default(u.Section).withConfig({displayName:"Header__HeaderSection",componentId:"sc-12uexfr-0"})(k||(k=n.__makeTemplateObject(["\n position: relative;\n ","\n\n header + & {\n ","\n ","\n }\n"],["\n position: relative;\n ","\n\n header + & {\n ","\n ","\n }\n"])),W(!0),i.withRange([0],"padding-top"),i.withRange([0],"margin-top")),Y=B.default(u.Section).withConfig({displayName:"Header__HeaderSectionSmall",componentId:"sc-12uexfr-1"})(C||(C=n.__makeTemplateObject(["\n position: relative;\n ","\n\n header + & {\n ","\n ","\n }\n"],["\n position: relative;\n ","\n\n header + & {\n ","\n ","\n }\n"])),W(!1),i.withRange([0],"padding-top"),i.withRange([0],"margin-top")),$=B.default((function(n){var e=n.isInverted,t=n.videoUrl,i=n.images,a=n.focus,o=n.kenBurnsZoom,r=n.kenBurnsZoomPoint,l=n.kenBurnsInterval,s=n.onImageChange,c=n.className,d=n.children;switch(!0){case!!t:return S.default.createElement(J,{isInverted:e,videoUrl:t,focus:a,placeholderImg:null==i?void 0:i[0],className:c},d);case i&&i.length>1:return S.default.createElement(R,{images:i||[],zoom:o,zoomPoint:r,interval:l,onImageChange:s,className:c},d);case i&&1===i.length:return S.default.createElement(K,{isInverted:e,bgImage:null==i?void 0:i[0],focus:a,className:c},d);default:return S.default.createElement("div",null,d)}})).withConfig({displayName:"Header__StyledPoster",componentId:"sc-12uexfr-2"})(z||(z=n.__makeTemplateObject(["\n position: relative;\n height: 100vh;\n max-height: 1300px;\n max-width: ","px;\n margin: 0 auto;\n"],["\n position: relative;\n height: 100vh;\n max-height: 1300px;\n max-width: ","px;\n margin: 0 auto;\n"])),i.spacings.wrapperLarge),nn=B.default.div.withConfig({displayName:"Header__Overlay",componentId:"sc-12uexfr-3"})(N||(N=n.__makeTemplateObject(["\n display: ",";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background: ",";\n z-index: 2;\n\n @media "," {\n display: block;\n }\n"],["\n display: ",";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background: ",";\n z-index: 2;\n\n @media "," {\n display: block;\n }\n"])),(function(n){return n.textOnImage?"block":"none"}),(function(n){var e=n.bgValue;return e&&e}),i.mq.medium),en=B.default.div.withConfig({displayName:"Header__Content",componentId:"sc-12uexfr-4"})(E||(E=n.__makeTemplateObject(["\n display: none;\n max-width: ","px;\n margin: 0 auto;\n\n ","\n\n @media "," {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: ",";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: ","px;\n z-index: 2;\n\n & > * {\n margin-top: ","px;\n max-width: 880px;\n }\n }\n"],["\n display: none;\n max-width: ","px;\n margin: 0 auto;\n\n ","\n\n @media "," {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: ",";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: ","px;\n z-index: 2;\n\n & > * {\n margin-top: ","px;\n max-width: 880px;\n }\n }\n"])),i.spacings.wrapper,(function(e){var a=e.textOnImage,o=e.isCentered;return a&&t.css(T||(T=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: ",";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: ","px;\n z-index: 2;\n\n & > * {\n margin-top: ","px;\n max-width: 880px;\n }\n "],["\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: ",";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: ","px;\n z-index: 2;\n\n & > * {\n margin-top: ","px;\n max-width: 880px;\n }\n "])),o&&"center",i.spacings.spacer,i.spacings.spacer)}),i.mq.medium,(function(n){return n.isCentered&&"center"}),2*i.spacings.spacer,i.spacings.spacer),tn=B.default.div.withConfig({displayName:"Header__ContentMobile",componentId:"sc-12uexfr-5"})(H||(H=n.__makeTemplateObject(["\n padding: ","px ","px;\n\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n display: none;\n }\n"],["\n padding: ","px ","px;\n\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n display: none;\n }\n"])),i.spacings.spacer,2*i.spacings.nudge,i.spacings.spacer,i.mq.medium),an=B.default(m.Heading).withConfig({displayName:"Header__Title",componentId:"sc-12uexfr-6"})(O||(O=n.__makeTemplateObject(["\n text-align: ",";\n\n @media "," {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 3; /* number of lines to show */\n line-clamp: 3;\n -webkit-box-orient: vertical;\n }\n"],["\n text-align: ",";\n\n @media "," {\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 3; /* number of lines to show */\n line-clamp: 3;\n -webkit-box-orient: vertical;\n }\n"])),(function(n){return n.isCentered&&"center"}),i.mq.medium),on=B.default(m.Copy).withConfig({displayName:"Header__Text",componentId:"sc-12uexfr-7"})(q||(q=n.__makeTemplateObject(["\n text-align: ",";\n\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 4; /* number of lines to show */\n line-clamp: 4;\n -webkit-box-orient: vertical;\n"],["\n text-align: ",";\n\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 4; /* number of lines to show */\n line-clamp: 4;\n -webkit-box-orient: vertical;\n"])),(function(n){return n.isCentered&&"center"})),rn=B.default(s.Actions).withConfig({displayName:"Header__StyledActions",componentId:"sc-12uexfr-8"})(P||(P=n.__makeTemplateObject(["\n @media "," {\n display: block;\n text-align: ",";\n }\n"],["\n @media "," {\n display: block;\n text-align: ",";\n }\n"])),i.mq.medium,(function(n){return n.isCentered&&"center"})),ln=a.withLibTheme((function(n){var e=n.anchorId,t=n.size,i=void 0===t?"full":t,o=n.focusPoint,r=void 0===o?["center","center"]:o,l=n.isCentered,s=n.title,c=n.titleAs,d=n.text,m=n.primaryAction,p=n.secondaryAction,h=n.videoUrl,g=n.images,f=n.customImgOverlay,v=n.kenBurnsZoom,b=void 0===v?1.08:v,x=n.kenBurnsZoomPoint,w=void 0===x?[.5,.5]:x,_=n.kenBurnsInterval,y=void 0===_?1e4:_,I=n.onImageChange,j=n.bgMode,k=n.textOnImage,C=a.useLibTheme(),z=C.globals,N=C.colors,T="inverted"===j,E=s||d||m||p,H=E?f||z.sections.imageTextGradient:void 0,O="full"===i?X:Y;return S.default.createElement(O,{addSeperation:!0,anchorId:e,bgColor:T?N.sectionBg.dark:j?N.sectionBg.medium:N.sectionBg.light,bgMode:u.mapToBgMode(j,!0)},S.default.createElement($,{isInverted:T,images:g,videoUrl:h,kenBurnsInterval:y,kenBurnsZoom:b,kenBurnsZoomPoint:w,onImageChange:I,focus:r},E&&S.default.createElement(S.default.Fragment,null,S.default.createElement(nn,{bgValue:H,textOnImage:k}),S.default.createElement(en,{isCentered:l,textOnImage:k},s&&S.default.createElement(an,{isInverted:!0,size:"heading-1",isCentered:l,renderAs:c,innerHTML:s}),d&&S.default.createElement(on,{isInverted:!0,isCentered:l,type:"copy-b",size:"big",innerHTML:d}),(m||p)&&S.default.createElement(rn,{isCentered:l,primary:m&&m(!0),secondary:p&&p(!0)})))),E&&!k&&S.default.createElement(tn,null,s&&S.default.createElement(an,{size:"heading-1",isCentered:l,renderAs:c,innerHTML:s,isInverted:T}),d&&S.default.createElement(on,{type:"copy-b",size:"big",isCentered:l,innerHTML:d,isInverted:T}),(m||p)&&S.default.createElement(rn,{isCentered:l,primary:m&&m(T),secondary:p&&p(T)})))}));exports.Header=ln,exports.HeaderKenBurns=R,exports.HeaderPoster=K,exports.HeaderVideo=J;
2
2
  //# sourceMappingURL=headers.js.map
package/cjs/navigation.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Navigation-6abb6213.js"),n=require("./Filter-89286db9.js"),a=require("react"),t=require("styled-components"),i=require("./styles-13e5d9ac.js"),l=require("./SocialList-aec9a5c2.js"),r=require("./LanguageSwitcher-aa96cc7d.js"),o=require("./arrays-c272ed59.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./LibThemeProvider-69109901.js"),require("./useMediaQuery-619d7203.js"),require("./navigation-3f9d4ac4.js"),require("./Link-8951180c.js"),require("./clamp-bd21d587.js"),require("./Copy-a0bc570d.js"),require("./Image-94820dfd.js"),require("react-dom/server");var s,u,c,g,p,m,v,f=d(a),x=d(t),_=Object.freeze({__proto__:null,Breadcrumbs:e.BarBreadcrumbs,Column:e.Column,Logo:e.BarLogo,MenuToggle:e.BarMenuToggle,NavList:e.BarNavList}),y=x.default.div.withConfig({displayName:"MenuFooter__Footer",componentId:"sc-1skniyq-0"})(s||(s=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n\n padding: ","px;\n margin-top: auto;\n\n & > * + * {\n margin-top: ","px;\n }\n"],["\n display: flex;\n flex-direction: column;\n\n padding: ","px;\n margin-top: auto;\n\n & > * + * {\n margin-top: ","px;\n }\n"])),2*i.spacings.nudge,i.spacings.spacer),N=function(e){var n=e.isInverted,a=e.langs,t=e.socials,i=o.isValidArray(t,!1),d=o.isValidArray(a,!1);return f.default.createElement(f.default.Fragment,null,(i||d)&&f.default.createElement(y,null,i&&f.default.createElement(l.SocialList,{isInverted:n,items:t}),d&&f.default.createElement(r.LanguageSwitcher,{isInverted:n,langs:a})))},b=function(n){var a=n.rootLink,t=n.rootLabel,i=n.navStates,l="large"===(null==i?void 0:i.size)&&"overContent"===(null==i?void 0:i.pageFlow);return f.default.createElement(e.BarBreadcrumbs,{isInverted:l,rootLink:a,rootLabel:t,navItems:i.mainNavigation})},I=x.default(e.Column).withConfig({displayName:"NavBarMain__ToggleColumn",componentId:"sc-4gwp8g-0"})(u||(u=n.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n"],["\n display: flex;\n flex-direction: row;\n align-items: center;\n"]))),j=x.default(e.Column).withConfig({displayName:"NavBarMain__LogoColumn",componentId:"sc-4gwp8g-1"})(c||(c=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding: ","px 0;\n"],["\n display: flex;\n align-items: center;\n padding: ","px 0;\n"])),i.spacings.nudge),B=x.default(e.Column).withConfig({displayName:"NavBarMain__ActionsColumn",componentId:"sc-4gwp8g-2"})(g||(g=n.__makeTemplateObject(["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n\n & > * + * {\n margin-left: ","px;\n }\n\n @media "," {\n & > * + * {\n margin-left: ","px;\n }\n }\n"],["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n\n & > * + * {\n margin-left: ","px;\n }\n\n @media "," {\n & > * + * {\n margin-left: ","px;\n }\n }\n"])),i.spacings.nudge,i.mq.medium,2*i.spacings.nudge),k=x.default.div.withConfig({displayName:"NavBarMain__LanguageWrapper",componentId:"sc-4gwp8g-3"})(p||(p=n.__makeTemplateObject(["\n display: none;\n\n @media "," {\n display: block;\n margin-left: ","px;\n margin-top: 2px;\n }\n"],["\n display: none;\n\n @media "," {\n display: block;\n margin-left: ","px;\n margin-top: 2px;\n }\n"])),i.mq.semilarge,3*i.spacings.nudge),L=function(a){var t,i,l,d,s,u,c=a.isInverted,g=a.logo,p=a.navStates,m=a.customToggle,v=a.langs,x=a.primaryAction,_=a.secondaryAction,y=void 0!==c?c:"large"===(null==p?void 0:p.size)&&"overContent"===(null==p?void 0:p.pageFlow);return f.default.createElement(f.default.Fragment,null,f.default.createElement(I,{takeSpace:!0,vAlign:"center",isInverted:y},f.default.createElement(e.BarMenuToggle,{isInverted:y,isExpanded:null==p?void 0:p.isMenuOpen,onClick:null==p?void 0:p.openMenu},m?m({isInverted:y}):f.default.createElement(n.MenuBurger,{ariaHidden:!0})),o.isValidArray(v,!1)&&f.default.createElement(k,null,f.default.createElement(r.LanguageSwitcher,{isInverted:y,langs:v}))),(null===(t=null==g?void 0:g.desktop)||void 0===t?void 0:t.src)&&f.default.createElement(j,{isInverted:y},f.default.createElement(e.BarLogo,{link:g.link,logo:{small:y?(null===(i=null==g?void 0:g.mobileInverted)||void 0===i?void 0:i.src)||"":(null===(l=null==g?void 0:g.mobile)||void 0===l?void 0:l.src)||"",semilarge:y?(null===(d=null==g?void 0:g.desktopInverted)||void 0===d?void 0:d.src)||"":(null===(s=null==g?void 0:g.desktop)||void 0===s?void 0:s.src)||"",alt:null===(u=null==g?void 0:g.desktop)||void 0===u?void 0:u.alt}})),f.default.createElement(B,{takeSpace:!0,vAlign:"center"},_?_(n.__assign({isInverted:y},p)):void 0,x?x(n.__assign({isInverted:y},p)):void 0))},C=x.default(e.Column).withConfig({displayName:"NavBarTop__StyledCol",componentId:"sc-144no7d-0"})(m||(m=n.__makeTemplateObject(["\n &:not(:first-child) {\n margin-left: ","px;\n }\n"],["\n &:not(:first-child) {\n margin-left: ","px;\n }\n"])),i.spacings.spacer),M=x.default(e.BarNavList).withConfig({displayName:"NavBarTop__StyledNavList",componentId:"sc-144no7d-1"})(v||(v=n.__makeTemplateObject(["\n display: none;\n\n @media "," {\n display: inline-flex;\n }\n"],["\n display: none;\n\n @media "," {\n display: inline-flex;\n }\n"])),i.mq.semilarge),q=function(e){var n=e.navLinks,a=e.languages,t=e.navStates,i="large"===(null==t?void 0:t.size)&&"overContent"===(null==t?void 0:t.pageFlow);return f.default.createElement(f.default.Fragment,null,f.default.createElement(C,null,f.default.createElement(M,{isInverted:i,navLinks:n})),f.default.createElement(C,null,f.default.createElement(r.LanguageSwitcher,{isInverted:i,langs:a})))},w=Object.freeze({__proto__:null,MenuFooter:N,MenuHeader:e.MenuHeader,NavBarBottom:b,NavBarMain:L,NavBarTop:q});exports.MenuHeaderPartial=e.MenuHeader,exports.Navigation=e.Navigation,exports.generateNavbarIdent=e.generateNavbarIdent,exports.getFullNavbarHeights=e.getFullNavbarHeights,exports.getNavbarState=e.getNavbarState,exports.MenuFooterPartial=N,exports.NavBarBottomPartial=b,exports.NavBarMainPartial=L,exports.NavBarTopPartial=q,exports.NavPartials=w,exports.NavSkeletons=_;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Navigation-6c5d9dee.js"),n=require("./Filter-89286db9.js"),a=require("react"),t=require("styled-components"),i=require("./styles-13e5d9ac.js"),l=require("./SocialList-73af56b5.js"),r=require("./LanguageSwitcher-c6fd04df.js"),o=require("./arrays-c272ed59.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./LibThemeProvider-69109901.js"),require("./useMediaQuery-619d7203.js"),require("./navigation-3f9d4ac4.js"),require("./Link-8951180c.js"),require("./clamp-bd21d587.js"),require("./Copy-2a9d4b5d.js"),require("./Image-69a9c116.js"),require("react-dom/server");var s,u,g,p,c,m,v,f=d(a),x=d(t),_=Object.freeze({__proto__:null,Breadcrumbs:e.BarBreadcrumbs,Column:e.Column,Logo:e.BarLogo,MenuToggle:e.BarMenuToggle,NavList:e.BarNavList}),y=x.default.div.withConfig({displayName:"MenuFooter__Footer",componentId:"sc-1skniyq-0"})(s||(s=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n\n padding: ","px;\n margin-top: auto;\n\n & > * + * {\n margin-top: ","px;\n }\n"],["\n display: flex;\n flex-direction: column;\n\n padding: ","px;\n margin-top: auto;\n\n & > * + * {\n margin-top: ","px;\n }\n"])),2*i.spacings.nudge,i.spacings.spacer),N=function(e){var n=e.isInverted,a=e.langs,t=e.socials,i=o.isValidArray(t,!1),d=o.isValidArray(a,!1);return f.default.createElement(f.default.Fragment,null,(i||d)&&f.default.createElement(y,null,i&&f.default.createElement(l.SocialList,{isInverted:n,items:t}),d&&f.default.createElement(r.LanguageSwitcher,{isInverted:n,langs:a})))},b=function(n){var a=n.rootLink,t=n.rootLabel,i=n.navStates,l="large"===(null==i?void 0:i.size)&&"overContent"===(null==i?void 0:i.pageFlow);return f.default.createElement(e.BarBreadcrumbs,{isInverted:l,rootLink:a,rootLabel:t,navItems:i.mainNavigation})},I=x.default(e.Column).withConfig({displayName:"NavBarMain__ToggleColumn",componentId:"sc-4gwp8g-0"})(u||(u=n.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n"],["\n display: flex;\n flex-direction: row;\n align-items: center;\n"]))),j=x.default(e.Column).withConfig({displayName:"NavBarMain__LogoColumn",componentId:"sc-4gwp8g-1"})(g||(g=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding: ","px 0;\n"],["\n display: flex;\n align-items: center;\n padding: ","px 0;\n"])),i.spacings.nudge),B=x.default(e.Column).withConfig({displayName:"NavBarMain__ActionsColumn",componentId:"sc-4gwp8g-2"})(p||(p=n.__makeTemplateObject(["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n\n & > * + * {\n margin-left: ","px;\n }\n\n @media "," {\n & > * + * {\n margin-left: ","px;\n }\n }\n"],["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n\n & > * + * {\n margin-left: ","px;\n }\n\n @media "," {\n & > * + * {\n margin-left: ","px;\n }\n }\n"])),i.spacings.nudge,i.mq.medium,2*i.spacings.nudge),k=x.default.div.withConfig({displayName:"NavBarMain__LanguageWrapper",componentId:"sc-4gwp8g-3"})(c||(c=n.__makeTemplateObject(["\n display: none;\n\n @media "," {\n display: block;\n margin-left: ","px;\n margin-top: 2px;\n }\n"],["\n display: none;\n\n @media "," {\n display: block;\n margin-left: ","px;\n margin-top: 2px;\n }\n"])),i.mq.semilarge,3*i.spacings.nudge),L=function(a){var t,i,l,d,s,u,g=a.isInverted,p=a.logo,c=a.navStates,m=a.customToggle,v=a.langs,x=a.primaryAction,_=a.secondaryAction,y=void 0!==g?g:"large"===(null==c?void 0:c.size)&&"overContent"===(null==c?void 0:c.pageFlow);return f.default.createElement(f.default.Fragment,null,f.default.createElement(I,{takeSpace:!0,vAlign:"center",isInverted:y},f.default.createElement(e.BarMenuToggle,{isInverted:y,isExpanded:null==c?void 0:c.isMenuOpen,onClick:null==c?void 0:c.openMenu},m?m({isInverted:y}):f.default.createElement(n.MenuBurger,{ariaHidden:!0})),o.isValidArray(v,!1)&&f.default.createElement(k,null,f.default.createElement(r.LanguageSwitcher,{isInverted:y,langs:v}))),(null===(t=null==p?void 0:p.desktop)||void 0===t?void 0:t.src)&&f.default.createElement(j,{isInverted:y},f.default.createElement(e.BarLogo,{link:p.link,logo:{small:y?(null===(i=null==p?void 0:p.mobileInverted)||void 0===i?void 0:i.src)||"":(null===(l=null==p?void 0:p.mobile)||void 0===l?void 0:l.src)||"",semilarge:y?(null===(d=null==p?void 0:p.desktopInverted)||void 0===d?void 0:d.src)||"":(null===(s=null==p?void 0:p.desktop)||void 0===s?void 0:s.src)||"",alt:null===(u=null==p?void 0:p.desktop)||void 0===u?void 0:u.alt}})),f.default.createElement(B,{takeSpace:!0,vAlign:"center"},_?_(n.__assign({isInverted:y},c)):void 0,x?x(n.__assign({isInverted:y},c)):void 0))},C=x.default(e.Column).withConfig({displayName:"NavBarTop__StyledCol",componentId:"sc-144no7d-0"})(m||(m=n.__makeTemplateObject(["\n &:not(:first-child) {\n margin-left: ","px;\n }\n"],["\n &:not(:first-child) {\n margin-left: ","px;\n }\n"])),i.spacings.spacer),M=x.default(e.BarNavList).withConfig({displayName:"NavBarTop__StyledNavList",componentId:"sc-144no7d-1"})(v||(v=n.__makeTemplateObject(["\n display: none;\n\n @media "," {\n display: inline-flex;\n }\n"],["\n display: none;\n\n @media "," {\n display: inline-flex;\n }\n"])),i.mq.semilarge),q=function(e){var n=e.navLinks,a=e.languages,t=e.navStates,i="large"===(null==t?void 0:t.size)&&"overContent"===(null==t?void 0:t.pageFlow);return f.default.createElement(f.default.Fragment,null,f.default.createElement(C,null,f.default.createElement(M,{isInverted:i,navLinks:n})),f.default.createElement(C,null,f.default.createElement(r.LanguageSwitcher,{isInverted:i,langs:a})))},w=Object.freeze({__proto__:null,MenuFooter:N,MenuHeader:e.MenuHeader,NavBarBottom:b,NavBarMain:L,NavBarTop:q});exports.MenuHeaderPartial=e.MenuHeader,exports.Navigation=e.Navigation,exports.generateNavbarIdent=e.generateNavbarIdent,exports.getFullNavbarHeights=e.getFullNavbarHeights,exports.getNavbarState=e.getNavbarState,exports.MenuFooterPartial=N,exports.NavBarBottomPartial=b,exports.NavBarMainPartial=L,exports.NavBarTopPartial=q,exports.NavPartials=w,exports.NavSkeletons=_;
2
2
  //# sourceMappingURL=navigation.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Filter-89286db9.js"),t=require("react"),n=require("styled-components"),r=require("./styles-13e5d9ac.js"),a=require("./LibThemeProvider-69109901.js"),i=require("./Section-c9a16ccc.js"),o=require("formik"),l=require("./Wrapper-bca9463e.js"),u=require("./Actions-c52a14e4.js"),s=require("./Button-1adf99b8.js"),d=require("./Textarea-599e94a4.js"),c=require("./ButtonGhost-fbab8769.js"),m=require("./formFieldText-046fcbf4.js"),v=require("./Checkbox-8dccd42f.js"),f=require("./Textfield-24f468be.js"),g=require("./Copy-a0bc570d.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("react-dom/server"),require("./concat-f387d848.js"),require("./arrays-c272ed59.js"),require("./hexRgbConverter-91b28aea.js"),require("./clamp-bd21d587.js"),require("react-datepicker"),require("./useLeafletMap-514304b6.js"),require("./useLazyInput-911b8eda.js"),require("./useUpdateEffect-4d233e2c.js"),require("./useGeolocation-d8946470.js"),require("./useMounted-0bba9869.js");var h,b,_,x,y,k,C,q,F=p(t),w=p(n),M=w.default.fieldset.withConfig({displayName:"fieldGroupRenderer__FieldSet",componentId:"sc-1c0l16c-0"})(h||(h=e.__makeTemplateObject(["\n display: block;\n border: none;\n background: none;\n outline: none;\n padding: 0;\n margin-left: 0;\n margin-right: 0;\n text-align: left;\n"],["\n display: block;\n border: none;\n background: none;\n outline: none;\n padding: 0;\n margin-left: 0;\n margin-right: 0;\n text-align: left;\n"]))),I=w.default.div.withConfig({displayName:"fieldGroupRenderer__Fields",componentId:"sc-1c0l16c-1"})(b||(b=e.__makeTemplateObject(["\n & > * + * {\n margin-top: ","px;\n }\n"],["\n & > * + * {\n margin-top: ","px;\n }\n"])),r.spacings.nudge),T=function(t,n,r){return e.__awaiter(void 0,void 0,void 0,(function(){var t,a;return e.__generator(this,(function(e){switch(t=r.inputType,a="",r.isRequired&&!n&&(a=r.errorMsg||"Required field"),t){case"email":n&&!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(n)&&(a=r.errorMsg||"Invalid Mail format");break;case"tel":n&&/[A-Z]/gi.test(n)&&(a=r.errorMsg||"Ungültige Telefonnummer");break;case"number":n&&!/^[+]?\d+([.]\d+)?$/gm.test(n)&&(a=r.errorMsg||"Zahlenformat ungültig")}return[2,a]}))}))},E=function(t,n,r){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){return t="",r.isRequired&&!n&&(t=r.errorMsg||"Required field"),[2,t]}))}))},j=function(t,n,r){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){return t="",r.isRequired&&!n&&(t=r.errorMsg||"Required field"),[2,t]}))}))},R=function(t,n,r){return e.__awaiter(void 0,void 0,void 0,(function(){var t,a;return e.__generator(this,(function(e){return t="",a=r.singleSelect,r.isRequired&&!n?t=a?r.singleDateError||"Please submit date!":r.multiDateError||"Please submit start- and enddate!":r.isRequired&&a&&!n[0]?t=r.singleDateError||"Please submit date!":!r.isRequired||a||n[0]&&n[1]||(t=r.multiDateError||"Please submit start- and enddate!"),[2,t]}))}))},S=function(t,n,r){return e.__awaiter(void 0,void 0,void 0,(function(){var t,a,i;return e.__generator(this,(function(e){return t="",!r.isRequired||n.description||(null===(a=n.position)||void 0===a?void 0:a[0])||(null===(i=n.position)||void 0===i?void 0:i[1])||(t=r.errorMsg||"Please submit location info!"),[2,t]}))}))},B=function(t,n,r){return e.__awaiter(void 0,void 0,void 0,(function(){var t,a,i;return e.__generator(this,(function(e){return t=r.groupType,a="","Checkbox"===t?(i=n,r.isRequired&&(!i||(null==i?void 0:i.length)<1)&&(a=r.errorMsg||"Please select at least one item!")):"Radio"===t&&r.isRequired&&!n&&(a=r.errorMsg||"Selection required"),[2,a]}))}))},D=function(t,n,r){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){return t="",r.isRequired&&(!n||(null==n?void 0:n.length)<1)&&(t=r.errorMsg||"Please submit at least one file!"),[2,t]}))}))},L=w.default(i.Section).withConfig({displayName:"DynamicForm__StyledSection",componentId:"sc-1v8xcyg-0"})(_||(_=e.__makeTemplateObject(["\n overflow: visible;\n"],["\n overflow: visible;\n"]))),O=w.default.form.withConfig({displayName:"DynamicForm__Form",componentId:"sc-1v8xcyg-1"})(x||(x=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n @media "," {\n flex-direction: row;\n }\n"],["\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n @media "," {\n flex-direction: row;\n }\n"])),r.mq.semilarge),A=w.default.div.withConfig({displayName:"DynamicForm__FieldContainer",componentId:"sc-1v8xcyg-2"})(y||(y=e.__makeTemplateObject(["\n flex: 1 1 0;\n text-align: center;\n\n & + & {\n margin-top: ","px;\n }\n\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n max-width: 610px;\n }\n"],["\n flex: 1 1 0;\n text-align: center;\n\n & + & {\n margin-top: ","px;\n }\n\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n max-width: 610px;\n }\n"])),3*r.spacings.nudge,3*r.spacings.nudge,r.mq.semilarge),U=w.default.div.withConfig({displayName:"DynamicForm__FormFooter",componentId:"sc-1v8xcyg-3"})(k||(k=e.__makeTemplateObject(["\n margin-top: ","px;\n"],["\n margin-top: ","px;\n"])),r.spacings.spacer),P=w.default(g.Copy).withConfig({displayName:"DynamicForm__Status",componentId:"sc-1v8xcyg-4"})(C||(C=e.__makeTemplateObject(["\n text-align: left;\n margin: 0 auto;\n\n @media "," {\n max-width: 610px;\n }\n"],["\n text-align: left;\n margin: 0 auto;\n\n @media "," {\n max-width: 610px;\n }\n"])),r.mq.semilarge),V=w.default.div.withConfig({displayName:"DynamicForm__ActionContainer",componentId:"sc-1v8xcyg-5"})(q||(q=e.__makeTemplateObject(["\n width: 100%;\n margin: 0 auto;\n margin-top: ","px;\n text-align: right;\n\n @media "," {\n max-width: 610px;\n }\n"],["\n width: 100%;\n margin: 0 auto;\n margin-top: ","px;\n text-align: right;\n\n @media "," {\n max-width: 610px;\n }\n"])),1.5*r.spacings.spacer,r.mq.semilarge),G=a.withLibTheme((function(n){var g=n.anchorId,p=n.fields,h=n.onSubmit,b=n.submitAction,_=n.definitions,x=n.subjectLine,y=n.targetEmails,k=n.bgMode,C="inverted"===k,q="full"===k||C,w=t.useState(),G=w[0],N=w[1],W={},Z=function(e){switch(p[e].type){case"Field":case"Area":W[e]=p[e].initialValue||"";break;case"Select":W[e]=p[e].initialOption||"";break;case"Datepicker":W[e]=p[e].initialDates||[null,null];break;case"Location":W[e]={description:"",position:[0,0]};break;case"Upload":W[e]=[];break;case"FieldGroup":var t=p[e],n=p[e].groupType;if("Checkbox"===n){var r=[];t.fields.forEach((function(e){e.initialChecked&&e.text&&r.push(e.text)})),W[e]=r}else"Radio"===n&&(W[e]="",t.fields.every((function(t){return!t.initialChecked||!t.text||(W[e]=t.text,!1)})))}};for(var z in p)Z(z);var H=o.useFormik({initialValues:e.__assign({},W),onSubmit:function(t,n){return e.__awaiter(void 0,void 0,void 0,(function(){var r,a;return e.__generator(this,(function(i){switch(i.label){case 0:return r=e.__assign(e.__assign({},t),{targetEmails:y||[],subjectLine:x||""}),h?[4,h(r)]:(X(!1),[2]);case 1:return a=i.sent(),n.resetForm({values:t}),N(a),a.isError&&X(!1),[2]}}))}))},validateOnBlur:!0,validateOnChange:!0,validate:function(t){return e.__awaiter(void 0,void 0,void 0,(function(){var n,r,a,i,o,l,u,s,d,c,m,v,f,g,h,b;return e.__generator(this,(function(e){switch(e.label){case 0:for(a in n={},r=[],p)r.push(a);i=0,e.label=1;case 1:if(!(i<r.length))return[3,31];switch(o=r[i],p[o].type){case"Field":return[3,2];case"Area":return[3,6];case"Select":return[3,10];case"Datepicker":return[3,14];case"Location":return[3,18];case"FieldGroup":return[3,22];case"Upload":return[3,26]}return[3,30];case 2:return f=p[o],m=t[o],f.validate?[4,f.validate(o,m,f)]:[3,4];case 3:return(l=e.sent())&&(n[o]=l),[3,30];case 4:return[4,T(0,m,f)];case 5:return(b=e.sent())&&(n[o]=b),[3,30];case 6:return f=p[o],m=t[o],f.validate?[4,f.validate(o,m,f)]:[3,8];case 7:return(u=e.sent())&&(n[o]=u),[3,30];case 8:return[4,E(0,m,f)];case 9:return(b=e.sent())&&(n[o]=b),[3,30];case 10:return f=p[o],m=t[o],f.validate?[4,f.validate(o,m,f)]:[3,12];case 11:return(s=e.sent())&&(n[o]=s),[3,30];case 12:return[4,j(0,m,f)];case 13:return(b=e.sent())&&(n[o]=b),[3,30];case 14:return f=p[o],m=t[o],f.validate?[4,f.validate(o,m,f)]:[3,16];case 15:return(d=e.sent())&&(n[o]=d),[3,30];case 16:return[4,R(0,m,f)];case 17:return(b=e.sent())&&(n[o]=b),[3,30];case 18:return f=p[o],m=t[o],f.validate?[4,f.validate(o,m,f)]:[3,20];case 19:return(c=e.sent())&&(n[o]=c),[3,30];case 20:return[4,S(0,m,f)];case 21:return(b=e.sent())&&(n[o]=b),[3,30];case 22:return f=p[o],m=t[o],f.validate?[4,f.validate(o,m,f)]:[3,24];case 23:return(v=e.sent())&&(n[o]=v),[3,30];case 24:return[4,B(0,m,f)];case 25:return(b=e.sent())&&(n[o]=b),[3,30];case 26:return f=p[o],g=t[o],f.validate?[4,f.validate(o,g,f)]:[3,28];case 27:return(h=e.sent())&&(n[o]=h),[3,30];case 28:return[4,D(0,g,f)];case 29:return(b=e.sent())&&(n[o]=b),[3,30];case 30:return i++,[3,1];case 31:return[2,n]}}))}))}}),$=H.handleSubmit,J=H.handleChange,K=H.handleBlur,Q=H.setFieldTouched,X=H.setSubmitting,Y=H.validateField,ee=H.submitForm,te=H.setValues,ne=H.isSubmitting,re=H.touched,ae=H.values,ie=H.errors,oe=H.dirty,le=H.validateOnBlur,ue=H.validateOnChange,se=t.useRef(e.__assign({},W)),de=a.useLibTheme().theme,ce=t.useCallback((function(t){var n;return te(e.__assign(e.__assign({},se.current),((n={})[t.key]=t.value,n)),t.shouldValidate)}),[te]),me=p&&Object.keys(p);return t.useEffect((function(){se.current=e.__assign({},ae)}),[ae]),F.default.createElement(L,{addSeperation:!0,anchorId:g,bgColor:C?r.getColors(de).sectionBg.dark:k?r.getColors(de).sectionBg.medium:r.getColors(de).sectionBg.light,bgMode:i.mapToBgMode(k,!0)},F.default.createElement(l.Wrapper,{addWhitespace:!0},F.default.createElement(O,{noValidate:!0,onSubmit:$},F.default.createElement(A,null,p&&(null==me?void 0:me.map((function(t,n){var r={index:n,field:p[t],key:t,value:ae[t],error:ie[t],isTouched:re[t]||!1,isInverted:C,hasBg:q,setField:ce,setTouched:Q,validateField:Y,handleChange:J,handleBlur:K,validateOnBlur:le,validateOnChange:ue,theme:de};switch(p[t].type){case"Field":return(null==_?void 0:_.field)?_.field(r):function(e){var t=e.field,n=e.key,r=e.value,a=e.error,i=e.isTouched,o=e.handleChange,l=e.handleBlur,u=e.isInverted;return F.default.createElement(f.Textfield,{key:n,enableMemo:!0,label:"".concat(n).concat(t.isRequired?" *":""),placeholder:t.placeholder,name:"['".concat(n,"']"),type:t.inputType,isInverted:u,value:r,onChange:o,onBlur:l,infoMessage:t.info,errorMessage:a&&i?a:void 0})}(r);case"Area":return(null==_?void 0:_.area)?_.area(r):function(e){var t=e.field,n=e.key,r=e.value,a=e.error,i=e.isTouched,o=e.isInverted,l=e.handleChange,u=e.handleBlur;return F.default.createElement(d.Textarea,{key:n,enableMemo:!0,label:"".concat(n).concat(t.isRequired?" *":""),placeholder:t.placeholder,name:"['".concat(n,"']"),value:r,isInverted:o,onChange:l,onBlur:u,infoMessage:t.info,errorMessage:a&&i?a:void 0})}(r);case"Datepicker":return(null==_?void 0:_.datepicker)?_.datepicker(r):function(t){var n=t.key,r=t.field,a=t.value,i=t.error,o=t.isTouched,l=t.isInverted,u=t.setField,m=t.setTouched,v=t.validateField,f=a,g=function(t,r){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,m(n,!0)];case 1:return e.sent(),[4,u({key:n,value:[t||null,r||null]})];case 2:return e.sent(),v(n),[2]}}))}))};return F.default.createElement(d.DatepickerCmp,{key:n,enableMemo:!0,onSubmit:g,onDataChange:g,values:[null==f?void 0:f[0],null==f?void 0:f[1]],label:"".concat(n).concat(r.isRequired?" *":""),placeholder:r.placeholder,singleSelect:r.singleSelect,infoMessage:r.info,errorMessage:i&&o?i:void 0,name:n,customIcon:null==r?void 0:r.customIcon,isInverted:l,minDate:r.minDate,maxDate:r.maxDate,deleteAction:function(e){return(null==r?void 0:r.deleteAction)?r.deleteAction(e):F.default.createElement(c.ButtonGhost.View,{onClick:e},"delete")},submitAction:function(e){return(null==r?void 0:r.submitAction)?r.submitAction(e):F.default.createElement(s.Button.View,{onClick:e},"submit")},nextCtrlUrl:r.nextCtrlUrl,prevCtrlUrl:r.prevCtrlUrl})}(r);case"Location":return(null==_?void 0:_.location)?_.location(r):function(t){var n,r,a=t.key,i=t.field,o=t.value,l=t.error,u=t.isTouched,s=t.isInverted,c=t.setField,m=o,v=e.__assign(e.__assign({},m),{position:(null===(n=null==m?void 0:m.position)||void 0===n?void 0:n[0])||(null===(r=null==m?void 0:m.position)||void 0===r?void 0:r[1])?m.position:void 0});return F.default.createElement(d.LocationField,{key:a,enableMemo:!0,name:"['".concat(a,"']"),label:"".concat(a).concat(i.isRequired?" *":""),placeholder:i.placeholder,initialMapCenter:i.initialMapCenter,zoom:i.zoom,isInverted:s,infoMessage:i.info,errorMessage:l&&u?l:void 0,value:v,onChange:function(t){c({key:a,value:e.__assign({},t),shouldValidate:!0})},customLocationControl:i.customLocationControl,customToggle:i.customToggle,customResetControl:i.customResetControl,toggleLabel:i.toggleLabel,trackLocationLabel:i.trackLocationLabel})}(r);case"FieldGroup":return"Checkbox"===p[t].groupType?(null==_?void 0:_.checkbox)?_.checkbox(r):function(e){var t,n=e.field,r=e.key,a=e.isInverted,i=e.value,o=e.isTouched,l=e.error,u=e.info,s=e.setTouched,d=e.validateField,c=e.setField,f=n,g=i;return F.default.createElement(M,{key:r},r&&F.default.createElement(m.FieldWrapper.Head,{isInverted:a,label:r,isRequired:n.isRequired}),F.default.createElement(I,null,null===(t=null==f?void 0:f.fields)||void 0===t?void 0:t.map((function(e,t){return F.default.createElement(v.Checkbox,{key:t,enableMemo:!0,isInverted:a,onChange:function(e){var t=e.currentTarget.value;if(t){var n=g.indexOf(t);-1===n?g.push(t):g.splice(n,1),c({key:r,value:g}),s(r,!0),d(r)}},isSelected:!!e.text&&-1!==g.indexOf(e.text),name:r,value:e.text,label:e.text})}))),o&&l&&F.default.createElement(m.FieldWrapper.Messages,{errorMessage:l,infoMessage:u}))}(r):(null==_?void 0:_.radio)?_.radio(r):function(e){var t,n=e.key,r=e.field,a=e.value,i=e.error,o=e.isTouched,l=e.isInverted,u=e.info,s=e.setField,c=r,v=a;return F.default.createElement(M,{key:n},n&&F.default.createElement(m.FieldWrapper.Head,{isInverted:l,label:n,isRequired:r.isRequired}),F.default.createElement(I,null,null===(t=null==c?void 0:c.fields)||void 0===t?void 0:t.map((function(e,t){return F.default.createElement(d.RadioButton,{key:t,enableMemo:!0,name:n,value:e.text,label:e.text,isInverted:l,isSelected:!!e.text&&v===e.text,onChange:function(t){e.text&&s({key:n,value:t.currentTarget.value})}})}))),o&&i&&F.default.createElement(m.FieldWrapper.Messages,{errorMessage:i,infoMessage:u}))}(r);case"Select":return(null==_?void 0:_.select)?_.select(r):function(t){var n,r,a=t.field,i=t.key,o=t.value,l=t.error,u=t.isTouched,s=t.isInverted,c=t.setField,m=t.setTouched,v=t.validateField,f=t.validateOnChange,g=t.validateOnBlur,p=o;return F.default.createElement(d.SelectDropdown,{key:i,enableMemo:!0,label:"".concat(i).concat(a.isRequired?" *":""),name:i,placeholder:a.placeholder,errorMessage:l&&u?l:void 0,items:null===(r=null===(n=a.dropdownItems)||void 0===n?void 0:n.filter((function(e){return e.label})))||void 0===r?void 0:r.map((function(e){return{label:e.label||"",value:e.value||{}}})),selectedItem:p,onChange:function(t){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return c({key:i,value:t}),[4,m(i,!0)];case 1:return e.sent(),f&&v(i),[2]}}))}))},onBlur:function(){return m(i,!0,g)},indicator:a.indicator,isInverted:s})}(r);case"Upload":return(null==_?void 0:_.upload)?_.upload(r):function(e){var t=e.field,n=e.key,r=e.error,a=e.isTouched,i=e.isInverted,o=e.setField;return F.default.createElement(d.FileUploadCmp,{key:n,enableMemo:!0,label:"".concat(n).concat(t.isRequired?" *":""),name:n,infoMessage:t.info,uploadLabel:t.addBtnLabel,errorMessage:r&&a?r:void 0,acceptedFormats:t.acceptedFormats,onUploadFiles:function(e){o({key:n,value:e})},customUploadIcon:t.customUploadIcon,customDeleteIcon:t.customDeleteIcon,isInverted:i})}(r);default:return null}}))))),(p||(null==G?void 0:G.message))&&F.default.createElement(U,null,(null==G?void 0:G.message)&&!oe&&F.default.createElement(P,{textColor:(null==G?void 0:G.isError)?r.getColors(de).error:C?r.getColors(de).text.copyInverted:r.getColors(de).text.copy},G.message||""),p&&F.default.createElement(V,null,F.default.createElement(u.Actions,{primary:b?b({isInverted:C,isSubmitting:ne,handleSubmit:ee}):F.default.createElement(s.Button.View,e.__assign({as:"button",onClick:ee},{type:"submit"}),F.default.createElement(s.Button.Label,null,"Send mail"))})))))}));exports.DynamicForm=G;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Filter-89286db9.js"),t=require("react"),n=require("styled-components"),r=require("./styles-13e5d9ac.js"),i=require("./LibThemeProvider-69109901.js"),a=require("./Section-c9a16ccc.js"),o=require("formik"),l=require("./Wrapper-bca9463e.js"),u=require("./Actions-c52a14e4.js"),d=require("./Button-1adf99b8.js"),s=require("./Textarea-d30682bd.js"),c=require("./ButtonGhost-fbab8769.js"),m=require("./formFieldText-21f5f620.js"),v=require("./Checkbox-ddc9a87d.js"),f=require("./Textfield-b3769184.js"),p=require("./Copy-2a9d4b5d.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("react-dom/server"),require("./concat-f387d848.js"),require("./arrays-c272ed59.js"),require("./hexRgbConverter-91b28aea.js"),require("./clamp-bd21d587.js"),require("react-datepicker"),require("./useLeafletMap-514304b6.js"),require("./useLazyInput-911b8eda.js"),require("./useUpdateEffect-4d233e2c.js"),require("./useGeolocation-d8946470.js"),require("./useMounted-0bba9869.js");var h,b,_,x,y,k,C,q,w,F=g(t),I=g(n),M=I.default.fieldset.withConfig({displayName:"fieldGroupRenderer__FieldSet",componentId:"sc-1c0l16c-0"})(h||(h=e.__makeTemplateObject(["\n display: block;\n border: none;\n background: none;\n outline: none;\n padding: 0;\n margin-left: 0;\n margin-right: 0;\n text-align: left;\n"],["\n display: block;\n border: none;\n background: none;\n outline: none;\n padding: 0;\n margin-left: 0;\n margin-right: 0;\n text-align: left;\n"]))),E=I.default.div.withConfig({displayName:"fieldGroupRenderer__Fields",componentId:"sc-1c0l16c-1"})(b||(b=e.__makeTemplateObject(["\n & > * + * {\n margin-top: ","px;\n }\n"],["\n & > * + * {\n margin-top: ","px;\n }\n"])),r.spacings.nudge),T=function(t,n,r){return e.__awaiter(void 0,void 0,void 0,(function(){var t,i;return e.__generator(this,(function(e){switch(t=r.inputType,i="",r.isRequired&&!n&&(i=r.errorMsg||"Required field"),t){case"email":n&&!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i.test(n)&&(i=r.errorMsg||"Invalid Mail format");break;case"tel":n&&/[A-Z]/gi.test(n)&&(i=r.errorMsg||"Ungültige Telefonnummer");break;case"number":n&&!/^[+]?\d+([.]\d+)?$/gm.test(n)&&(i=r.errorMsg||"Zahlenformat ungültig")}return[2,i]}))}))},j=function(t,n,r){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){return t="",r.isRequired&&!n&&(t=r.errorMsg||"Required field"),[2,t]}))}))},R=function(t,n,r){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){return t="",r.isRequired&&!n&&(t=r.errorMsg||"Required field"),[2,t]}))}))},S=function(t,n,r){return e.__awaiter(void 0,void 0,void 0,(function(){var t,i;return e.__generator(this,(function(e){return t="",i=r.singleSelect,r.isRequired&&!n?t=i?r.singleDateError||"Please submit date!":r.multiDateError||"Please submit start- and enddate!":r.isRequired&&i&&!n[0]?t=r.singleDateError||"Please submit date!":!r.isRequired||i||n[0]&&n[1]||(t=r.multiDateError||"Please submit start- and enddate!"),[2,t]}))}))},B=function(t,n,r){return e.__awaiter(void 0,void 0,void 0,(function(){var t,i,a;return e.__generator(this,(function(e){return t="",!r.isRequired||n.description||(null===(i=n.position)||void 0===i?void 0:i[0])||(null===(a=n.position)||void 0===a?void 0:a[1])||(t=r.errorMsg||"Please submit location info!"),[2,t]}))}))},D=function(t,n,r){return e.__awaiter(void 0,void 0,void 0,(function(){var t,i,a;return e.__generator(this,(function(e){return t=r.groupType,i="","Checkbox"===t?(a=n,r.isRequired&&(!a||(null==a?void 0:a.length)<1)&&(i=r.errorMsg||"Please select at least one item!")):"Radio"===t&&r.isRequired&&!n&&(i=r.errorMsg||"Selection required"),[2,i]}))}))},L=function(t,n,r){return e.__awaiter(void 0,void 0,void 0,(function(){var t;return e.__generator(this,(function(e){return t="",r.isRequired&&(!n||(null==n?void 0:n.length)<1)&&(t=r.errorMsg||"Please submit at least one file!"),[2,t]}))}))},O=I.default(a.Section).withConfig({displayName:"DynamicForm__StyledSection",componentId:"sc-1v8xcyg-0"})(_||(_=e.__makeTemplateObject(["\n overflow: visible;\n"],["\n overflow: visible;\n"]))),A=I.default.form.withConfig({displayName:"DynamicForm__Form",componentId:"sc-1v8xcyg-1"})(x||(x=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n @media "," {\n flex-direction: row;\n }\n"],["\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n @media "," {\n flex-direction: row;\n }\n"])),r.mq.semilarge),U=I.default.div.withConfig({displayName:"DynamicForm__FieldContainer",componentId:"sc-1v8xcyg-2"})(y||(y=e.__makeTemplateObject(["\n flex: 1 1 0;\n text-align: center;\n\n & + & {\n margin-top: ","px;\n }\n\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n max-width: 610px;\n }\n"],["\n flex: 1 1 0;\n text-align: center;\n\n & + & {\n margin-top: ","px;\n }\n\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n max-width: 610px;\n }\n"])),3*r.spacings.nudge,3*r.spacings.nudge,r.mq.semilarge),N=I.default.div.withConfig({displayName:"DynamicForm__FormFooter",componentId:"sc-1v8xcyg-3"})(k||(k=e.__makeTemplateObject(["\n margin-top: ","px;\n"],["\n margin-top: ","px;\n"])),r.spacings.spacer),P=I.default(p.Copy).withConfig({displayName:"DynamicForm__Status",componentId:"sc-1v8xcyg-4"})(C||(C=e.__makeTemplateObject(["\n text-align: left;\n margin: 0 auto;\n\n @media "," {\n max-width: 610px;\n }\n"],["\n text-align: left;\n margin: 0 auto;\n\n @media "," {\n max-width: 610px;\n }\n"])),r.mq.semilarge),V=I.default.div.withConfig({displayName:"DynamicForm__ActionContainer",componentId:"sc-1v8xcyg-5"})(q||(q=e.__makeTemplateObject(["\n width: 100%;\n margin: 0 auto;\n margin-top: ","px;\n text-align: right;\n\n @media "," {\n max-width: 610px;\n }\n"],["\n width: 100%;\n margin: 0 auto;\n margin-top: ","px;\n text-align: right;\n\n @media "," {\n max-width: 610px;\n }\n"])),1.5*r.spacings.spacer,r.mq.semilarge),G=I.default.label.withConfig({displayName:"DynamicForm__HpLabel",componentId:"sc-1v8xcyg-6"})(w||(w=e.__makeTemplateObject(["\n opacity: 0;\n position: absolute;\n top: 0;\n left: 0;\n height: 0;\n width: 0;\n z-index: -1;\n"],["\n opacity: 0;\n position: absolute;\n top: 0;\n left: 0;\n height: 0;\n width: 0;\n z-index: -1;\n"]))),W=i.withLibTheme((function(n){var p=n.anchorId,g=n.fields,h=n.onSubmit,b=n.submitAction,_=n.definitions,x=n.subjectLine,y=n.targetEmails,k=n.bgMode,C=n.honeypot,q=t.useId(),w="hp-".concat(q),I="inverted"===k,W="full"===k||I,z=t.useState(),Z=z[0],H=z[1],$={},J=function(e){switch(g[e].type){case"Field":case"Area":$[e]=g[e].initialValue||"";break;case"Select":$[e]=g[e].initialOption||"";break;case"Datepicker":$[e]=g[e].initialDates||[null,null];break;case"Location":$[e]={description:"",position:[0,0]};break;case"Upload":$[e]=[];break;case"FieldGroup":var t=g[e],n=g[e].groupType;if("Checkbox"===n){var r=[];t.fields.forEach((function(e){e.initialChecked&&e.text&&r.push(e.text)})),$[e]=r}else"Radio"===n&&($[e]="",t.fields.every((function(t){return!t.initialChecked||!t.text||($[e]=t.text,!1)})))}};for(var K in g)J(K);var Q=o.useFormik({initialValues:e.__assign({},$),onSubmit:function(t,n){return e.__awaiter(void 0,void 0,void 0,(function(){var r,i,a;return e.__generator(this,(function(o){switch(o.label){case 0:return(null===(a=document.getElementById(w))||void 0===a?void 0:a.value)?(ne(!1),console.warn("Honeypot field is filled. Possible bot submission."),[2]):(r=e.__assign(e.__assign({},t),{targetEmails:y||[],subjectLine:x||""}),h?[4,h(r)]:(ne(!1),[2]));case 1:return i=o.sent(),n.resetForm({values:t}),H(i),i.isError&&ne(!1),[2]}}))}))},validateOnBlur:!0,validateOnChange:!0,validate:function(t){return e.__awaiter(void 0,void 0,void 0,(function(){var n,r,i,a,o,l,u,d,s,c,m,v,f,p,h,b;return e.__generator(this,(function(e){switch(e.label){case 0:for(i in n={},r=[],g)r.push(i);a=0,e.label=1;case 1:if(!(a<r.length))return[3,31];switch(o=r[a],g[o].type){case"Field":return[3,2];case"Area":return[3,6];case"Select":return[3,10];case"Datepicker":return[3,14];case"Location":return[3,18];case"FieldGroup":return[3,22];case"Upload":return[3,26]}return[3,30];case 2:return f=g[o],m=t[o],f.validate?[4,f.validate(o,m,f)]:[3,4];case 3:return(l=e.sent())&&(n[o]=l),[3,30];case 4:return[4,T(0,m,f)];case 5:return(b=e.sent())&&(n[o]=b),[3,30];case 6:return f=g[o],m=t[o],f.validate?[4,f.validate(o,m,f)]:[3,8];case 7:return(u=e.sent())&&(n[o]=u),[3,30];case 8:return[4,j(0,m,f)];case 9:return(b=e.sent())&&(n[o]=b),[3,30];case 10:return f=g[o],m=t[o],f.validate?[4,f.validate(o,m,f)]:[3,12];case 11:return(d=e.sent())&&(n[o]=d),[3,30];case 12:return[4,R(0,m,f)];case 13:return(b=e.sent())&&(n[o]=b),[3,30];case 14:return f=g[o],m=t[o],f.validate?[4,f.validate(o,m,f)]:[3,16];case 15:return(s=e.sent())&&(n[o]=s),[3,30];case 16:return[4,S(0,m,f)];case 17:return(b=e.sent())&&(n[o]=b),[3,30];case 18:return f=g[o],m=t[o],f.validate?[4,f.validate(o,m,f)]:[3,20];case 19:return(c=e.sent())&&(n[o]=c),[3,30];case 20:return[4,B(0,m,f)];case 21:return(b=e.sent())&&(n[o]=b),[3,30];case 22:return f=g[o],m=t[o],f.validate?[4,f.validate(o,m,f)]:[3,24];case 23:return(v=e.sent())&&(n[o]=v),[3,30];case 24:return[4,D(0,m,f)];case 25:return(b=e.sent())&&(n[o]=b),[3,30];case 26:return f=g[o],p=t[o],f.validate?[4,f.validate(o,p,f)]:[3,28];case 27:return(h=e.sent())&&(n[o]=h),[3,30];case 28:return[4,L(0,p,f)];case 29:return(b=e.sent())&&(n[o]=b),[3,30];case 30:return a++,[3,1];case 31:return[2,n]}}))}))}}),X=Q.handleSubmit,Y=Q.handleChange,ee=Q.handleBlur,te=Q.setFieldTouched,ne=Q.setSubmitting,re=Q.validateField,ie=Q.submitForm,ae=Q.setValues,oe=Q.isSubmitting,le=Q.touched,ue=Q.values,de=Q.errors,se=Q.dirty,ce=Q.validateOnBlur,me=Q.validateOnChange,ve=t.useRef(e.__assign({},$)),fe=i.useLibTheme().theme,pe=t.useCallback((function(t){var n;return ae(e.__assign(e.__assign({},ve.current),((n={})[t.key]=t.value,n)),t.shouldValidate)}),[ae]),ge=g&&Object.keys(g);return t.useEffect((function(){ve.current=e.__assign({},ue)}),[ue]),F.default.createElement(O,{addSeperation:!0,anchorId:p,bgColor:I?r.getColors(fe).sectionBg.dark:k?r.getColors(fe).sectionBg.medium:r.getColors(fe).sectionBg.light,bgMode:a.mapToBgMode(k,!0)},F.default.createElement(l.Wrapper,{addWhitespace:!0},F.default.createElement(A,{noValidate:!0,onSubmit:X},F.default.createElement(U,null,g&&(null==ge?void 0:ge.map((function(t,n){var r={index:n,field:g[t],key:t,value:ue[t],error:de[t],isTouched:le[t]||!1,isInverted:I,hasBg:W,setField:pe,setTouched:te,validateField:re,handleChange:Y,handleBlur:ee,validateOnBlur:ce,validateOnChange:me,theme:fe};switch(g[t].type){case"Field":return(null==_?void 0:_.field)?_.field(r):function(e){var t=e.field,n=e.key,r=e.value,i=e.error,a=e.isTouched,o=e.handleChange,l=e.handleBlur,u=e.isInverted;return F.default.createElement(f.Textfield,{key:n,enableMemo:!0,label:"".concat(n).concat(t.isRequired?" *":""),placeholder:t.placeholder,name:"['".concat(n,"']"),type:t.inputType,isInverted:u,value:r,onChange:o,onBlur:l,infoMessage:t.info,errorMessage:i&&a?i:void 0})}(r);case"Area":return(null==_?void 0:_.area)?_.area(r):function(e){var t=e.field,n=e.key,r=e.value,i=e.error,a=e.isTouched,o=e.isInverted,l=e.handleChange,u=e.handleBlur;return F.default.createElement(s.Textarea,{key:n,enableMemo:!0,label:"".concat(n).concat(t.isRequired?" *":""),placeholder:t.placeholder,name:"['".concat(n,"']"),value:r,isInverted:o,onChange:l,onBlur:u,infoMessage:t.info,errorMessage:i&&a?i:void 0})}(r);case"Datepicker":return(null==_?void 0:_.datepicker)?_.datepicker(r):function(t){var n=t.key,r=t.field,i=t.value,a=t.error,o=t.isTouched,l=t.isInverted,u=t.setField,m=t.setTouched,v=t.validateField,f=i,p=function(t,r){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,m(n,!0)];case 1:return e.sent(),[4,u({key:n,value:[t||null,r||null]})];case 2:return e.sent(),v(n),[2]}}))}))};return F.default.createElement(s.DatepickerCmp,{key:n,enableMemo:!0,onSubmit:p,onDataChange:p,values:[null==f?void 0:f[0],null==f?void 0:f[1]],label:"".concat(n).concat(r.isRequired?" *":""),placeholder:r.placeholder,singleSelect:r.singleSelect,infoMessage:r.info,errorMessage:a&&o?a:void 0,name:n,customIcon:null==r?void 0:r.customIcon,isInverted:l,minDate:r.minDate,maxDate:r.maxDate,deleteAction:function(e){return(null==r?void 0:r.deleteAction)?r.deleteAction(e):F.default.createElement(c.ButtonGhost.View,{onClick:e},"delete")},submitAction:function(e){return(null==r?void 0:r.submitAction)?r.submitAction(e):F.default.createElement(d.Button.View,{onClick:e},"submit")},nextCtrlUrl:r.nextCtrlUrl,prevCtrlUrl:r.prevCtrlUrl})}(r);case"Location":return(null==_?void 0:_.location)?_.location(r):function(t){var n,r,i=t.key,a=t.field,o=t.value,l=t.error,u=t.isTouched,d=t.isInverted,c=t.setField,m=o,v=e.__assign(e.__assign({},m),{position:(null===(n=null==m?void 0:m.position)||void 0===n?void 0:n[0])||(null===(r=null==m?void 0:m.position)||void 0===r?void 0:r[1])?m.position:void 0});return F.default.createElement(s.LocationField,{key:i,enableMemo:!0,name:"['".concat(i,"']"),label:"".concat(i).concat(a.isRequired?" *":""),placeholder:a.placeholder,initialMapCenter:a.initialMapCenter,zoom:a.zoom,isInverted:d,infoMessage:a.info,errorMessage:l&&u?l:void 0,value:v,onChange:function(t){c({key:i,value:e.__assign({},t),shouldValidate:!0})},customLocationControl:a.customLocationControl,customToggle:a.customToggle,customResetControl:a.customResetControl,toggleLabel:a.toggleLabel,trackLocationLabel:a.trackLocationLabel})}(r);case"FieldGroup":return"Checkbox"===g[t].groupType?(null==_?void 0:_.checkbox)?_.checkbox(r):function(e){var t,n=e.field,r=e.key,i=e.isInverted,a=e.value,o=e.isTouched,l=e.error,u=e.info,d=e.setTouched,s=e.validateField,c=e.setField,f=n,p=a;return F.default.createElement(M,{key:r},r&&F.default.createElement(m.FieldWrapper.Head,{isInverted:i,label:r,isRequired:n.isRequired}),F.default.createElement(E,null,null===(t=null==f?void 0:f.fields)||void 0===t?void 0:t.map((function(e,t){return F.default.createElement(v.Checkbox,{key:t,enableMemo:!0,isInverted:i,onChange:function(e){var t=e.currentTarget.value;if(t){var n=p.indexOf(t);-1===n?p.push(t):p.splice(n,1),c({key:r,value:p}),d(r,!0),s(r)}},isSelected:!!e.text&&-1!==p.indexOf(e.text),name:r,value:e.text,label:e.text})}))),o&&l&&F.default.createElement(m.FieldWrapper.Messages,{errorMessage:l,infoMessage:u}))}(r):(null==_?void 0:_.radio)?_.radio(r):function(e){var t,n=e.key,r=e.field,i=e.value,a=e.error,o=e.isTouched,l=e.isInverted,u=e.info,d=e.setField,c=r,v=i;return F.default.createElement(M,{key:n},n&&F.default.createElement(m.FieldWrapper.Head,{isInverted:l,label:n,isRequired:r.isRequired}),F.default.createElement(E,null,null===(t=null==c?void 0:c.fields)||void 0===t?void 0:t.map((function(e,t){return F.default.createElement(s.RadioButton,{key:t,enableMemo:!0,name:n,value:e.text,label:e.text,isInverted:l,isSelected:!!e.text&&v===e.text,onChange:function(t){e.text&&d({key:n,value:t.currentTarget.value})}})}))),o&&a&&F.default.createElement(m.FieldWrapper.Messages,{errorMessage:a,infoMessage:u}))}(r);case"Select":return(null==_?void 0:_.select)?_.select(r):function(t){var n,r,i=t.field,a=t.key,o=t.value,l=t.error,u=t.isTouched,d=t.isInverted,c=t.setField,m=t.setTouched,v=t.validateField,f=t.validateOnChange,p=t.validateOnBlur,g=o;return F.default.createElement(s.SelectDropdown,{key:a,enableMemo:!0,label:"".concat(a).concat(i.isRequired?" *":""),name:a,placeholder:i.placeholder,errorMessage:l&&u?l:void 0,items:null===(r=null===(n=i.dropdownItems)||void 0===n?void 0:n.filter((function(e){return e.label})))||void 0===r?void 0:r.map((function(e){return{label:e.label||"",value:e.value||{}}})),selectedItem:g,onChange:function(t){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return c({key:a,value:t}),[4,m(a,!0)];case 1:return e.sent(),f&&v(a),[2]}}))}))},onBlur:function(){return m(a,!0,p)},indicator:i.indicator,isInverted:d})}(r);case"Upload":return(null==_?void 0:_.upload)?_.upload(r):function(e){var t=e.field,n=e.key,r=e.error,i=e.isTouched,a=e.isInverted,o=e.setField;return F.default.createElement(s.FileUploadCmp,{key:n,enableMemo:!0,label:"".concat(n).concat(t.isRequired?" *":""),name:n,infoMessage:t.info,uploadLabel:t.addBtnLabel,errorMessage:r&&i?r:void 0,acceptedFormats:t.acceptedFormats,onUploadFiles:function(e){o({key:n,value:e})},customUploadIcon:t.customUploadIcon,customDeleteIcon:t.customDeleteIcon,isInverted:a})}(r);default:return null}}))),C&&F.default.createElement(G,null,C.fieldLabel,F.default.createElement("input",{id:w,type:"text",name:C.fieldName,placeholder:C.placeholder,tabIndex:-1,"aria-hidden":"true",autoComplete:"off"})))),(g||(null==Z?void 0:Z.message))&&F.default.createElement(N,null,(null==Z?void 0:Z.message)&&!se&&F.default.createElement(P,{textColor:(null==Z?void 0:Z.isError)?r.getColors(fe).error:I?r.getColors(fe).text.copyInverted:r.getColors(fe).text.copy},Z.message||""),g&&F.default.createElement(V,null,F.default.createElement(u.Actions,{primary:b?b({isInverted:I,isSubmitting:oe,handleSubmit:ie}):F.default.createElement(d.Button.View,e.__assign({as:"button",onClick:ie},{type:"submit"}),F.default.createElement(d.Button.Label,null,"Send mail"))})))))}));exports.DynamicForm=W;
2
2
  //# sourceMappingURL=sections.dynamicform.js.map