\r\n\t\t\r\n\t\t\t\r\n\t\t\r\n\t;\r\n\r\nexport const IconSquircle = createComponent('IconSquircle', renderSquircle);\r\n\n\n\n// WEBPACK FOOTER //\n// ./components/svg/squircle.js","import config from 'moduleAlias/config';\r\n\r\nexport const languageAwareValue = (valueNL, valueEN) =>\r\n\tconfig.languageCode === 'nl' ? valueNL : valueEN;\r\n\n\n\n// WEBPACK FOOTER //\n// ./styleHelpers/languageAwareValue.js","import { css } from 'styled-components';\r\n\r\n// Add a margin to the inside of an element\r\n// this can be used instead of padding\r\n// when it is desirable that the padding\r\n// of the parent element collapses with the\r\n// margin of the child elements\r\n\r\nconst insideMarginBase = css`\r\n\tcontent: '';\r\n\tdisplay: block;\r\n`;\r\n\r\nexport const insideMarginTop = (margin = 0) => css`\r\n\t&:before {\r\n\t\t${insideMarginBase};\r\n\t\tmargin-top: -1px;\r\n\t\tpadding-top: 1px;\r\n\t\tmargin-bottom: ${margin};\r\n\t}\r\n`;\r\n\r\nexport const insideMarginBottom = (margin = 0) => css`\r\n\t&:after {\r\n\t\t${insideMarginBase};\r\n\t\tmargin-bottom: -1px;\r\n\t\tpadding-bottom: 1px;\r\n\t\tmargin-top: ${margin};\r\n\t}\r\n`;\r\n\r\n// Set the inside margin for both top and bottom\r\n// Example: insideMargin('2rem', '1rem');\r\n// Example2: insideMargin('2rem'); -> This add 2rem to both top and bottom\r\nexport const insideMargin = (marginTop = 0, marginBottom) => css`\r\n\t${insideMarginTop(marginTop)}\r\n\t${insideMarginBottom(marginBottom || marginTop)}\r\n`;\r\n\n\n\n// WEBPACK FOOTER //\n// ./styles/mixins/insideMargin.js","import { css } from 'styled-components';\r\n\r\nexport const underline = () => css`\r\n\ttext-decoration: none;\r\n\tborder-bottom: 1px solid;\r\n`;\r\n\r\nexport const noUnderline = () => css`\r\n\ttext-decoration: none;\r\n\tborder-bottom: none;\r\n`;\r\n\r\nexport const hideUnderline = () => css`\r\n\ttext-decoration: none;\r\n\tborder-bottom: 1px solid transparent;\r\n`;\r\n\n\n\n// WEBPACK FOOTER //\n// ./styles/includes/underline.js","import { Map } from 'immutable';\r\nimport { css } from 'styled-components';\r\nimport { get, getIn } from '../../helpers/immutableHelpersWithArgs';\r\nimport { existy } from '../../helpers/functional';\r\n\r\nconst fontSizeMap = Map({\r\n\troot: '1rem',\r\n\thalfRoot: '0.5rem',\r\n\tsmall: '0.875rem',\r\n\textrasmall: '0.75rem',\r\n\tmenuLabelsExtraSmall: '0.45rem',\r\n\tmenuLabelsSmall: '0.65rem',\r\n\tmenuLabelsMedium: '0.68rem',\r\n\tmenuLabels: '0.9rem',\r\n\th1: {\r\n\t\tall: '1.7rem',\r\n\t\tsmall: '1.9rem',\r\n\t\tlarge: '2.2rem',\r\n\t},\r\n\th2: {\r\n\t\tall: '1.3rem',\r\n\t\tsmall: '1.4rem',\r\n\t\tlarge: '1.5rem',\r\n\t},\r\n\th3: {\r\n\t\tall: '1.1rem',\r\n\t},\r\n\th4: {\r\n\t\tall: '1rem',\r\n\t},\r\n\tbrandBarPageTitle: '1.75rem',\r\n\tintroText: '1.2rem',\r\n\tpayOff: '1.1rem',\r\n});\r\n\r\nconst fallbackFontSizeMap = Map({\r\n\troot: '0.9rem',\r\n\thalfRoot: '0.45rem',\r\n\tsmall: '0.775rem',\r\n\textrasmall: '0.65rem',\r\n\tmenuLabelsExtraSmall: '0.41rem',\r\n\tmenuLabelsSmall: '0.62rem',\r\n\tmenuLabelsMedium: '0.63rem',\r\n\tmenuLabels: '0.8rem',\r\n\th1: {\r\n\t\tall: '1.5rem',\r\n\t\tsmall: '1.7rem',\r\n\t\tlarge: '2rem',\r\n\t},\r\n\th2: {\r\n\t\tall: '1.1rem',\r\n\t\tsmall: '1.2rem',\r\n\t\tlarge: '1.3rem',\r\n\t},\r\n\th3: {\r\n\t\tall: '0.95rem',\r\n\t\tsmall: '1rem',\r\n\t\tlarge: '1.05rem',\r\n\t\textraExtraLarge: '1.1rem',\r\n\t},\r\n\th4: {\r\n\t\tall: '0.9rem',\r\n\t},\r\n\tbrandBarPageTitle: '1.75rem',\r\n\tintroText: '1.05rem',\r\n\tpayOff: '0.9rem',\r\n});\r\n\r\nconst lineHeightMap = Map({\r\n\troot: 1.6,\r\n\theading: 1.2,\r\n\tformField: 1.2,\r\n\tbutton: 1,\r\n\ttextSize: 1,\r\n\r\n\t// Specific element lineHeights\r\n\tlabelListItem: 1.3,\r\n\tbigBlockMore: 1.7,\r\n\tsearchTabItem: 1.5,\r\n\ttransactionGemeenteAlternative: 1.4,\r\n\tanchorBlockLinkList: 0.5,\r\n\tsubjectLinkListTitle: 1.7,\r\n});\r\n\r\nconst fallbackLineHeightMap = Map({\r\n\troot: 1.75,\r\n\theading: 1.3,\r\n\tformField: 1.3,\r\n\tbutton: 1.1,\r\n\ttextSize: 1,\r\n\r\n\t// Specific element lineHeights\r\n\tlabelListItem: 1.4,\r\n\tbigBlockMore: 1.8,\r\n\tsearchTabItem: 1.5,\r\n\ttransactionGemeenteAlternative: 1.5,\r\n\tanchorBlockLinkList: 0.55,\r\n\tsubjectLinkListTitle: 1.8,\r\n});\r\n\r\nconst getLineHeightValue = (name, targetMap) => get(name, false)(targetMap);\r\nconst getLineHeightStyle = (name, targetMap) => {\r\n\tconst lineHeightValue = getLineHeightValue(name, targetMap);\r\n\r\n\treturn lineHeightValue ? css`line-height: ${lineHeightValue}` : null;\r\n};\r\n\r\nconst getFontSizeValue = (path, targetMap) => getIn(path, false)(targetMap);\r\n\r\nconst getFontSizeStyle = (element, size, targetMap) => {\r\n\tconst path = [element];\r\n\tif (size) {\r\n\t\tpath.push(size);\r\n\t}\r\n\tconst fontSizeValue = getFontSizeValue(path, targetMap);\r\n\r\n\treturn fontSizeValue ? css`font-size: ${fontSizeValue}` : null;\r\n};\r\n\r\nconst getLineHeight = name => getLineHeightStyle(name, lineHeightMap);\r\n\r\nconst getFallbackLineHeight = name =>\r\n\tgetLineHeightStyle(name, fallbackLineHeightMap);\r\n\r\nconst getFontSize = (element, size) =>\r\n\tgetFontSizeStyle(element, size, fontSizeMap);\r\n\r\nconst getFallbackFontSize = (element, size) =>\r\n\tgetFontSizeStyle(element, size, fallbackFontSizeMap);\r\n\r\nexport const fontSize = (size, lineHeightName) =>\r\n\texisty(size)\r\n\t\t? css`\r\n\t.is-webfont & {\r\n\t\t${getFontSize(size)}\r\n\t\t${getLineHeight(lineHeightName)}\r\n\t}\r\n\t\r\n\t.is-fallbackfont & {\r\n\t\t${getFallbackFontSize(size)}\r\n\t\t${getFallbackLineHeight(lineHeightName)}\r\n\t}`\r\n\t\t: null;\r\n\r\nexport const fontSizeAlways = size =>\r\n\texisty(size)\r\n\t\t? css`.is-webfont &, .is-fallbackfont & { font-size: ${size}}`\r\n\t\t: null;\r\n\n\n\n// WEBPACK FOOTER //\n// ./styles/mixins/fontSize.js","import React from 'react';\r\nimport { createComponent } from '../../base';\r\nimport { renderWhenExisty } from '../../../helpers/reactHelpers';\r\nimport classnames from 'classnames';\r\n\r\nconst renderPayoffBase = props => {\r\n\tconst { payoff, className } = props;\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t
\r\n\t\t\t\t{payoff}\r\n\t\t\t
\r\n\t\t
\r\n\t\t\t\r\n\t\t\t\r\n\t\t
\r\n\t\t\r\n\t;\r\n\r\nexport const Footer = createComponent('Footer', renderFooter);\r\n\n\n\n// WEBPACK FOOTER //\n// ./components/display/footer/footer.js","import React from 'react';\r\nimport classnames from 'classnames';\r\nimport { Map, List } from 'immutable';\r\nimport { existy } from '../../../helpers/functional';\r\nimport { Link } from '../../link';\r\nimport { renderWhenFilled } from '../../../helpers/reactHelpers';\r\nimport { createComponent } from '../../base';\r\nimport { UnorderedList } from '../unorderedList';\r\nimport { IconSquircle } from '../../svg/squircle';\r\nimport { SocialIcon } from '../../svg/socialIcon';\r\n\r\nconst renderFooterSocialsBase = ({ footerSocials = List() } = {}) =>\r\n\t\r\n\t\t\r\n\t\t\t{(item = Map()) =>\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{item.get('text', '')}\r\n\t\t\t\t\t\r\n\t\t\t\t}\r\n\t\t\r\n\t
;\r\n\r\nconst renderFooterSocials = renderWhenFilled('footerSocials')(\r\n\trenderFooterSocialsBase\r\n);\r\n\r\nexport const FooterSocials = createComponent(\r\n\t'FooterSocials',\r\n\trenderFooterSocials\r\n);\r\n\n\n\n// WEBPACK FOOTER //\n// ./components/display/footer/footerSocials.js","import React from 'react';\r\nimport styled from 'styled-components';\r\nimport { createComponent } from '../../base';\r\nimport { renderWhenFilled } from '../../../helpers/reactHelpers';\r\nimport { Link } from '../../link';\r\nimport { Map, List } from 'immutable';\r\nimport { UnorderedList } from '../unorderedList';\r\nimport { hemelblauw, zwart } from '../../../styles/colors';\r\nimport { noUnderline, underline } from '../../../styles/includes/underline';\r\nimport { hoverEtc } from '../../../styles/mixins/pseudo';\r\nimport { languageAwareValue } from '../../../styleHelpers/languageAwareValue';\r\n\r\nconst StyledFooterNav = styled.nav`margin: 0.5rem 0;`;\r\n\r\nconst FooterNavLink = styled(Link)`\r\n\tcolor: ${languageAwareValue(hemelblauw.darkest, zwart)};\r\n\tfill: ${languageAwareValue(hemelblauw.darkest, zwart)};\r\n\t${noUnderline}\r\n\t${hoverEtc`\r\n\t\t${underline};\r\n\t\tcolor: ${languageAwareValue(hemelblauw.darkest, zwart)};\r\n\t\tfill: ${languageAwareValue(hemelblauw.darkest, zwart)};\r\n\t`}\r\n`;\r\n\r\nconst renderFooterNavBase = ({ footerNav = List() } = {}) =>\r\n\t\r\n\t\t\r\n\t\t\t{(item = Map()) =>\r\n\t\t\t\t\r\n\t\t\t\t\t{item.get('text', '')}\r\n\t\t\t\t}\r\n\t\t\r\n\t;\r\n\r\nconst renderFooterNav = renderWhenFilled('footerNav')(renderFooterNavBase);\r\n\r\nexport const FooterNav = createComponent('FooterNav', renderFooterNav);\r\n\n\n\n// WEBPACK FOOTER //\n// ./components/display/footer/footerNav.js","import React from 'react';\r\nimport styled from 'styled-components';\r\nimport config from 'moduleAlias/config';\r\nimport { Map } from 'immutable';\r\nimport { createComponent } from '../../base';\r\nimport { UnorderedList } from '../unorderedList';\r\nimport { LayoutContainer } from '../../layout/layoutContainer';\r\nimport { renderWhenExisty } from '../../../helpers/reactHelpers';\r\nimport { FooterFeaturedPartner } from 'moduleAlias/footerFeaturedPartner';\r\nimport { insideMargin } from '../../../styles/mixins/insideMargin';\r\nimport { hemelblauw } from '../../../styles/colors';\r\nimport { GridItemParagraph } from '../../layout/gridItem';\r\nimport { languageAwareValue } from '../../../styleHelpers/languageAwareValue';\r\nimport {\r\n\tPartnerLogoImage,\r\n\tPartnerLogoLink,\r\n\tPartnerLogos,\r\n} from './partnerLogoComponents';\r\n\r\nconst Copyright = styled(GridItemParagraph)`margin-top: 1rem;`;\r\n\r\nconst ColophonFrame = styled.div`\r\n\tmargin-top: 2rem;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n`;\r\n\r\nconst Colophon = styled.div`\r\n\tbackground: ${languageAwareValue(hemelblauw.light, '#ffede4')};\r\n\tcolor: ${hemelblauw.darkest};\r\n\r\n\t${insideMargin('1.2rem')};\r\n`;\r\n\r\nconst PartnersTitle = styled(GridItemParagraph)``;\r\n\r\nconst PartnerLogoAwardsList = styled.ul`margin-left: auto;`;\r\n\r\nexport const renderFooterColophonBase = ({\r\n\tfooterPartners = Map(),\r\n\tcopyright = '',\r\n}) => {\r\n\tconst partnerList = footerPartners.get('partnerList', Map());\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{footerPartners.get('text', '')}\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{(item = Map()) =>\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{copyright}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\r\n\t);\r\n};\r\n\r\nconst renderFooterColophon = renderWhenExisty('footerPartners')(\r\n\trenderFooterColophonBase\r\n);\r\n\r\nexport const FooterColophon = createComponent(\r\n\t'FooterColophon',\r\n\trenderFooterColophon\r\n);\r\n\n\n\n// WEBPACK FOOTER //\n// ./components/display/footer/footerColophon.js","import React from 'react';\r\nimport { createComponent } from '../../base';\r\nimport styled from 'styled-components';\r\nimport { PartnerLogoImage, PartnerLogoLink } from './partnerLogoComponents';\r\nimport { large, mq } from '../../../styleHelpers/mediaQueries';\r\n\r\nconst ParnerLogoListRight = styled.ul`\r\n\t${mq({ from: large })`\r\n\t\t\t\tmargin-left: auto;\r\n\t\tpadding-left: 50px;\r\n\t`};\r\n`;\r\n\r\nexport const renderFooterFeaturedPartner = () => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport const FooterFeaturedPartner = createComponent(\r\n\t'FooterFeaturedPartner',\r\n\trenderFooterFeaturedPartner\r\n);\r\n\n\n\n// WEBPACK FOOTER //\n// ./components/display/footer/footerFeaturedPartner.en.js","import { createComponent } from '../base';\r\nimport React from 'react';\r\nimport { themify } from '../../helpers/reactHelpers';\r\nimport { HeaderImage } from '../display/image';\r\n\r\nexport const renderHeroImage = ({ className, src, theme, alt }) =>\r\n\t\r\n\t\t\r\n\t
;\r\n\r\nexport const HeroImage = createComponent('HeroImage', renderHeroImage);\r\n\n\n\n// WEBPACK FOOTER //\n// ./components/content/heroImage.js","import React from 'react';\r\nimport { createComponent } from '../../base';\r\nimport { renderWhenExisty } from '../../../helpers/reactHelpers';\r\nimport { LayoutGridContainer } from '../../layout/layoutGridContainer';\r\nimport { Breadcrumb } from './breadcrumb';\r\nimport { Link } from '../../link';\r\nimport { Payoff } from './payoff';\r\nimport classnames from 'classnames';\r\nimport { IconRijkslogo } from '../../svg/rijkslogo';\r\n\r\nconst renderHeaderBase = props => {\r\n\tconst {\r\n\t\tlogo,\r\n\t\tbreadcrumbs,\r\n\t\tchildren,\r\n\t\tpayoff,\r\n\t\thasSlimStickyBrandbar = false,\r\n\t} = props;\r\n\r\n\treturn (\r\n\t\t\r\n\t);\r\n};\r\n\r\nconst renderHeader = renderWhenExisty('logo', 'payoff')(renderHeaderBase);\r\n\r\nexport const Header = createComponent('Header', renderHeader);\r\n\n\n\n// WEBPACK FOOTER //\n// ./components/display/headers/header.en.js","import React from 'react';\r\nimport { createComponent } from '../../base';\r\nimport { Link } from '../../link';\r\nimport { List, Map } from 'immutable';\r\nimport { renderWhenExisty } from '../../../helpers/reactHelpers';\r\nimport classnames from 'classnames';\r\n\r\nconst renderBreadcrumbBase = ({ breadcrumbs = Map(), className }) =>\r\n\t\r\n\t\t
\r\n\t\t\t{breadcrumbs.get('linkList', List).map((item, key) =>\r\n\t\t\t\t- \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{item.get('text')}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t)}\r\n\t\t
\r\n\t
\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{title}\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\r\n\t\t\r\n\t\t\t{map((item, key) => )(blockList)}\r\n\t\t\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t{get('text')(moreLink)}\r\n\t\t\t\r\n\t\t\r\n\t
;\r\n\r\nexport const SectorLinkBlocks = compose(pluckWrapperProps)(\r\n\tcreateComponent('SectorLinkBlocks', renderWhenBlocks(renderSectorLinkBlocks))\r\n);\r\n\n\n\n// WEBPACK FOOTER //\n// ./components/display/home/sectorLinkBlocks.js","import React from 'react';\r\nimport { createComponent } from '../../base';\r\nimport {\r\n\timmutableToProps,\r\n\tcreateDisplayComponent,\r\n\trenderWhenFilled,\r\n\trenderWhenExisty,\r\n} from '../../../helpers/reactHelpers';\r\nimport { compose } from 'react-compose';\r\nimport { get } from '../../../helpers/immutableHelpersWithArgs';\r\nimport { TopTasks } from '../headers/topTasks';\r\nimport { HeroImage } from '../../content/heroImage';\r\nimport { FlexIEMinHeightFix } from '../../layout/flexIEMinHeightFix';\r\nimport { Heading } from '../heading';\r\n\r\nconst HomeHeroContainer = createDisplayComponent(\r\n\t{ className: 'homeHeroContainer' },\r\n\t'HomeHeroContainer'\r\n)('div');\r\n\r\nconst HomeHeroContentComp = createDisplayComponent(\r\n\t{\r\n\t\tclassName: 'gridContainer layoutContainer homeHeroForeground',\r\n\t},\r\n\t'HomeHeroContent'\r\n)('div');\r\n\r\nconst HomeHeroContent = props =>\r\n\t\r\n\t\t\r\n\t;\r\n\r\nconst HomeHeading = createDisplayComponent(\r\n\t{\r\n\t\tlevel: 1,\r\n\t\tclassName: 'homeHeading column column--full',\r\n\t},\r\n\t'HomeHeading'\r\n)(Heading);\r\n\r\nconst HomeHeroImage = renderWhenExisty('src', 'alt')(props =>\r\n\t\r\n);\r\n\r\nconst HomeTopTaskList = renderWhenFilled('linkList')(props =>\r\n\t\r\n);\r\n\r\nconst renderHomeTopTasks = ({ title, linkList, image, className }) =>\r\n\t\r\n\t\t\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t{title}\r\n\t\t\t\r\n\t\t\t\r\n\t\t\r\n\t;\r\n\r\nconst pluckHeaderProps = immutableToProps(['title', 'image'], 'header');\r\nconst pluckTopTaskProps = immutableToProps(['linkList'], 'topTasks');\r\n\r\nexport const HomeTopTasks = compose(pluckHeaderProps, pluckTopTaskProps)(\r\n\tcreateComponent('HomeTopTasks', renderHomeTopTasks)\r\n);\r\n\n\n\n// WEBPACK FOOTER //\n// ./components/display/home/homeTopTasks.js","import React from 'react';\r\nimport { createComponent } from '../base';\r\nimport { Main } from '../layout/main';\r\nimport { SecondaryLinkBlocks } from '../display/home/secondaryLinkBlocks';\r\nimport { MainLinkBlocks } from '../display/home/mainLinkBlocks';\r\nimport { SectorLinkBlocks } from '../display/home/sectorLinkBlocks';\r\nimport { HomeTopTasks } from '../display/home/homeTopTasks';\r\nimport { Footer } from '../display/footer/footer';\r\nimport { toObject } from '../../helpers/immutableHelpersWithoutArgs';\r\nimport { Header } from 'moduleAlias/header'; // eslint-disable-line import/named\r\n\r\nconst renderHomepageEnglish = ({\r\n\tcontentId,\r\n\theader,\r\n\ttopTasks,\r\n\tmainLinks,\r\n\tsecondaryLinkBlocks,\r\n\thomePageSectorBlocks,\r\n\tfooter,\r\n\tbreadcrumbs,\r\n\ttitle,\r\n\tpayoff,\r\n\tlogo,\r\n\tclassName,\r\n}) =>\r\n\t\r\n\t\t\r\n\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\r\n\t\t\r\n\t
;\r\n\r\nexport const HomepageEnglish = createComponent(\r\n\t'HomepageEnglish',\r\n\trenderHomepageEnglish\r\n);\r\n\n\n\n// WEBPACK FOOTER //\n// ./components/pages/home.en.js"],"sourceRoot":""}