{"version":3,"sources":["webpack:///./components/layout/layoutGridContainer.js","webpack:///./components/layout/gridContainer.js","webpack:///./components/display/overviewPageTitle.js","webpack:///./components/svg/helpDun.js","webpack:///./components/sector/overzicht/sectorOverzichtItem.js","webpack:///./components/pages/sectorOverzicht.js"],"names":["LayoutGridContainer","_helpers_styledWhenChildren__WEBPACK_IMPORTED_MODULE_3__","div","attrs","className","_templateObject","_layoutContainer__WEBPACK_IMPORTED_MODULE_2__","_gridContainer__WEBPACK_IMPORTED_MODULE_1__","props","stretchItems","alignItemsToEnd","alignItemsCenter","centerItems","itemsToEnd","spaceBetweenItems","singleLine","reverse","reducedWidth","gridContainerCss","Object","styled_components__WEBPACK_IMPORTED_MODULE_3__","gridContainerStretchItems","gridContainerAlignItemsToEnd","gridContainerAlignItemsCenter","gridContainerCenterItems","gridContainerItemsToEnd","gridContainerSpaceBetweenItems","gridContainerSingleLine","gridContainerReverse","gridContainerReducedWidth","_styleHelpers_mediaQueries__WEBPACK_IMPORTED_MODULE_4__","from","_templateObject2","GridContainer","_helpers_styledWhenChildren__WEBPACK_IMPORTED_MODULE_2__","classnames__WEBPACK_IMPORTED_MODULE_1___default","_templateObject3","OverviewPageTitle","_base__WEBPACK_IMPORTED_MODULE_0__","_ref","title","children","theme","react__WEBPACK_IMPORTED_MODULE_1___default","a","createElement","_helpers_reactHelpers__WEBPACK_IMPORTED_MODULE_2__","_layout_layoutGridContainer__WEBPACK_IMPORTED_MODULE_4__","_helpers_functional__WEBPACK_IMPORTED_MODULE_3__","get","IconHelpDun","base","react_default","width","height","viewBox","stroke","strokeWidth","d","sectorOverzichtItem","_ref$item","item","undefined","immutable","_ref$highlighted","highlighted","functional","key","components_link","to","linkType","display_image","src","getIn","alt","pijlRechts","cardManager","cardId","cardType","__webpack_exports__","_ref$sectorBlocks","sectorBlocks","introTekst","popupStates","contentId","main","overviewPageTitle","layoutGridContainer","columnFull","slice","map","itemkey","layoutContainer"],"mappings":"uWAeaA,EAAsBC,EAAA,EAAmBC,IAAIC,OACzDC,UAAW,iBADuBH,CAAtBI,EAGVC,EAAA,EACAC,EAAA,EAEA,SAAAC,GAAA,OAAUA,EAAMC,aAAeF,EAAA,EAA4B,MAC3D,SAAAC,GAAA,OAAUA,EAAME,gBAAkBH,EAAA,EAA+B,MACjE,SAAAC,GAAA,OAAUA,EAAMG,iBAAmBJ,EAAA,EAAgC,MACnE,SAAAC,GAAA,OAAUA,EAAMI,YAAcL,EAAA,EAA2B,MACzD,SAAAC,GAAA,OAAUA,EAAMK,WAAaN,EAAA,EAA0B,MACvD,SAAAC,GAAA,OAAUA,EAAMM,kBAAoBP,EAAA,EAAiC,MACrE,SAAAC,GAAA,OAAUA,EAAMO,WAAaR,EAAA,EAA0B,MACvD,SAAAC,GAAA,OAAUA,EAAMQ,QAAUT,EAAA,EAAuB,MACjD,SAAAC,GAAA,OAAUA,EAAMS,aAAeV,EAAA,EAA4B,yjBCpBjDW,EAAmBC,OAAAC,EAAA,EAAAD,EAAnB,iHASAE,EAA4BF,OAAAC,EAAA,EAAAD,EAA5B,yBAIAG,EAA+BH,OAAAC,EAAA,EAAAD,EAA/B,0BAIAI,EAAgCJ,OAAAC,EAAA,EAAAD,EAAhC,wBAIAK,EAA2BL,OAAAC,EAAA,EAAAD,EAA3B,4BAIAM,EAA0BN,OAAAC,EAAA,EAAAD,EAA1B,8BAIAO,EAAiCP,OAAAC,EAAA,EAAAD,EAAjC,mCAIAQ,EAA0BR,OAAAC,EAAA,EAAAD,EAA1B,sBAIAS,EAAuBT,OAAAC,EAAA,EAAAD,EAAvB,yDAKAU,EAA4BV,OAAAC,EAAA,EAAAD,EAA5B,YACVA,OAAAW,EAAA,EAAAX,EAAKY,KAAMD,EAAA,GAAXX,CADUd,GAEVc,OAAAW,EAAA,EAAAX,EAAKY,KAAMD,EAAA,GAAXX,CAFUa,IAKAC,EAAgBC,EAAA,EAAmBhC,IAAIC,OACnDC,UAAW,SAAAI,GAAA,OAAS2B,IAAW,gBAAiB3B,EAAMJ,aAD1B8B,CAAhBE,EAGVlB,yHCjCUmB,EAAoBlB,OAAAmB,EAAA,EAAAnB,CAChC,oBAXsC,SAAAoB,GAAA,IAVfC,EAUkBC,EAAHF,EAAGE,SAAUC,EAAbH,EAAaG,MAAOtC,EAApBmC,EAAoBnC,UAApB,OACtCuC,EAAAC,EAAAC,cAAA,OAAKzC,UAAWe,OAAA2B,EAAA,EAAA3B,CAAQ,oBAAqBuB,EAAOtC,IACnDuC,EAAAC,EAAAC,cAACE,EAAA,EAAD,KACCJ,EAAAC,EAAAC,cAAA,MAAIzC,UAAU,+CAbOoC,EAcHC,EAbpBtB,OAAA6B,EAAA,EAAA7B,CAASqB,GACRG,EAAAC,EAAAC,cAAA,YACCF,EAAAC,EAAAC,cAAA,QAAMzC,UAAU,iBAAiBoC,EAAMS,IAAI,UAA3C,KACAN,EAAAC,EAAAC,cAAA,YAAOL,EAAMS,IAAI,UAGlBT,4HCCWU,EAAc/B,OAAAgC,EAAA,EAAAhC,CAAgB,cAVrB,SAAAoB,GAAA,IAAGnC,EAAHmC,EAAGnC,UAAH,OACrBgD,EAAAR,EAAAC,cAAA,OAAKzC,UAAWA,EAAWiD,MAAM,MAAMC,OAAO,OAAOC,QAAQ,YAC5DH,EAAAR,EAAAC,cAAA,KAAGW,OAAO,OAAOC,YAAY,KAC5BL,EAAAR,EAAAC,cAAA,SACCO,EAAAR,EAAAC,cAAA,QAAMa,EAAE,ulCC+CZC,EAAexC,OAAAgC,EAAA,EAAf,CACC,sBA9CwC,SAAAZ,GAGnC,IAAAqB,EAAArB,EAFLsB,YAEKC,IAAAF,EAFEzC,OAAA4C,EAAA,IAAA5C,GAEFyC,EAAAI,EAAAzB,EADL0B,mBACKH,IAAAE,KACL,OAAI7C,OAAA+C,EAAA,EAAA/C,CAAQ0C,IAAS1C,OAAA+C,EAAA,GAAA/C,CAAS0C,EAAKZ,IAAI,SAC/B,KAIPG,EAAAR,EAAAC,cAAA,OACCsB,IAAKN,EAAKZ,IAAI,UACd7C,UAAU,qDAEVgD,EAAAR,EAAAC,cAACuB,EAAA,GACAC,GAAIR,EAAKZ,IAAI,QACbqB,SAAS,wBACTlE,UAAU,8BAEiB,eAA1ByD,EAAKZ,IAAI,cAAiCgB,EAC1Cb,EAAAR,EAAAC,cAAA,OAAKzC,UAAU,sDACdgD,EAAAR,EAAAC,cAAC0B,EAAA,GACAnE,UAAU,eACVoE,IAAKX,EAAKY,OAAO,QAAS,QAC1BC,IAAKb,EAAKZ,IAAI,WAGb,KACJG,EAAAR,EAAAC,cAAA,OAAKzC,UAAU,iDACdgD,EAAAR,EAAAC,cAAC8B,EAAA,GAAevE,UAAU,+CAC1BgD,EAAAR,EAAAC,cAAA,OAAKzC,UAAU,qCACdgD,EAAAR,EAAAC,cAAA,QAAMzC,UAAU,cAAcyD,EAAKZ,IAAI,YAI1CG,EAAAR,EAAAC,cAAC+B,EAAA,GACAxE,UAAU,2CACVyE,OAAQhB,EAAKZ,IAAI,UACjB6B,SAAS,kBAET1B,EAAAR,EAAAC,cAACK,EAAD,yDCiBJ6B,EAAA,QAAe5D,OAAAgC,EAAA,EAAf,CACC,sBAtDiC,SAAAZ,GAM5B,IAAAyC,EAAAzC,EALL0C,oBAKKnB,IAAAkB,EALU7D,OAAA4C,EAAA,KAAA5C,GAKV6D,EAJLE,EAIK3C,EAJL2C,WACA1C,EAGKD,EAHLC,MACA2C,EAEK5C,EAFL4C,YACAC,EACK7C,EADL6C,UAEA,OAAIjE,OAAA+C,EAAA,EAAA/C,CAAQ8D,GACJ,KAIP7B,EAAAR,EAAAC,cAACwC,EAAA,GAAKD,UAAWA,EAAWhF,UAAU,kBACrCgD,EAAAR,EAAAC,cAACyC,EAAA,GAAkB5C,MAAM,UAAUF,GACnCY,EAAAR,EAAAC,cAAA,OAAKzC,UAAU,uBACdgD,EAAAR,EAAAC,cAAC0C,EAAA,EAAD,KACCnC,EAAAR,EAAAC,cAAC2C,EAAA,GAAWpF,UAAU,8BACpB8E,GAEF9B,EAAAR,EAAAC,cAAA,OAAKzC,UAAU,gDACb6E,EACCQ,MAAM,EAvBoB,GAwB1BC,IAAI,SAAC7B,EAAMM,GAAP,OACJf,EAAAR,EAAAC,cAACc,GACAQ,IAAKA,EACLwB,QAASxB,EACTN,KAAMA,EACNI,aAAa,EACbkB,YAAaA,SAMnB/B,EAAAR,EAAAC,cAAC+C,EAAA,GAAgBxF,UAAU,gCAC1BgD,EAAAR,EAAAC,cAAA,OAAKzC,UAAU,uCACb6E,EACCQ,MAvC2B,GAwC3BC,IAAI,SAAC7B,EAAMM,GAAP,OACJf,EAAAR,EAAAC,cAACc,GACAQ,IAAKA,EACLN,KAAMA,EACN8B,QAAA,cAAuBxB,EACvBF,aAAa,EACbkB,YAAaA","file":"client.chunk.18.cdefd1e11a484fb82e4c.js","sourcesContent":["import {\r\n\tgridContainerAlignItemsCenter,\r\n\tgridContainerAlignItemsToEnd,\r\n\tgridContainerCenterItems,\r\n\tgridContainerCss,\r\n\tgridContainerItemsToEnd,\r\n\tgridContainerReducedWidth,\r\n\tgridContainerReverse,\r\n\tgridContainerSingleLine,\r\n\tgridContainerSpaceBetweenItems,\r\n\tgridContainerStretchItems,\r\n} from './gridContainer';\r\nimport { layoutContainerCss } from './layoutContainer';\r\nimport { styledWhenChildren } from '../../helpers/styledWhenChildren';\r\n\r\nexport const LayoutGridContainer = styledWhenChildren.div.attrs({\r\n\tclassName: 'gridContainer',\r\n})`\r\n\t${layoutContainerCss};\r\n\t${gridContainerCss};\r\n\t\r\n\t${props => (props.stretchItems ? gridContainerStretchItems : null)}\r\n\t${props => (props.alignItemsToEnd ? gridContainerAlignItemsToEnd : null)}\r\n\t${props => (props.alignItemsCenter ? gridContainerAlignItemsCenter : null)}\r\n\t${props => (props.centerItems ? gridContainerCenterItems : null)}\r\n\t${props => (props.itemsToEnd ? gridContainerItemsToEnd : null)}\r\n\t${props => (props.spaceBetweenItems ? gridContainerSpaceBetweenItems : null)}\r\n\t${props => (props.singleLine ? gridContainerSingleLine : null)}\r\n\t${props => (props.reverse ? gridContainerReverse : null)}\r\n\t${props => (props.reducedWidth ? gridContainerReducedWidth : null)}\r\n`;\r\n","import classnames from 'classnames';\r\nimport { styledWhenChildren } from '../../helpers/styledWhenChildren';\r\nimport { css } from 'styled-components';\r\nimport {\r\n\textraExtraExtraLarge,\r\n\tmediumLarge,\r\n\tmq,\r\n} from '../../styleHelpers/mediaQueries';\r\n\r\nexport const gridContainerCss = css`\r\n\twidth: 100%;\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\tflex-direction: row;\r\n\tjustify-content: flex-start;\r\n\talign-items: flex-start;\r\n`;\r\n\r\nexport const gridContainerStretchItems = css`\r\n\talign-items: stretch;\r\n`;\r\n\r\nexport const gridContainerAlignItemsToEnd = css`\r\n\talign-items: flex-end;\r\n`;\r\n\r\nexport const gridContainerAlignItemsCenter = css`\r\n\talign-items: center;\r\n`;\r\n\r\nexport const gridContainerCenterItems = css`\r\n\tjustify-content: center;\r\n`;\r\n\r\nexport const gridContainerItemsToEnd = css`\r\n\tjustify-content: flex-end;\r\n`;\r\n\r\nexport const gridContainerSpaceBetweenItems = css`\r\n\tjustify-content: space-between;\r\n`;\r\n\r\nexport const gridContainerSingleLine = css`\r\n\tflex-wrap: nowrap;\r\n`;\r\n\r\nexport const gridContainerReverse = css`\r\n\tflex-direction: row-reverse;\r\n\tjustify-content: flex-end;\r\n`;\r\n\r\nexport const gridContainerReducedWidth = css`\r\n\t${mq({ from: mediumLarge })`width: 85%;`};\r\n\t${mq({ from: extraExtraExtraLarge })`width: 75%;`};\r\n`;\r\n\r\nexport const GridContainer = styledWhenChildren.div.attrs({\r\n\tclassName: props => classnames('gridContainer', props.className),\r\n})`\r\n\t${gridContainerCss};\r\n`;\r\n","import { createComponent } from '../base';\r\nimport React from 'react';\r\nimport { themify } from '../../helpers/reactHelpers';\r\nimport { isFilled } from '../../helpers/functional';\r\nimport { LayoutGridContainer } from '../layout/layoutGridContainer';\r\n\r\nconst renderTitleText = title =>\r\n\tisFilled(title) ? (\r\n\t\t<span>\r\n\t\t\t<span className=\"headingPrefix\">{title.get('prefix')} </span>\r\n\t\t\t<span>{title.get('name')}</span>\r\n\t\t</span>\r\n\t) : (\r\n\t\ttitle\r\n\t);\r\n\r\nexport const renderOverviewPageTitle = ({ children, theme, className }) => (\r\n\t<div className={themify('overviewPageTitle', theme, className)}>\r\n\t\t<LayoutGridContainer>\r\n\t\t\t<h1 className=\"column column--full overviewPageTitle-text\">\r\n\t\t\t\t{renderTitleText(children)}\r\n\t\t\t</h1>\r\n\t\t</LayoutGridContainer>\r\n\t</div>\r\n);\r\n\r\nexport const OverviewPageTitle = createComponent(\r\n\t'OverviewPageTitle',\r\n\trenderOverviewPageTitle\r\n);\r\n","import React from 'react';\r\nimport { createComponent } from '../base';\r\n\r\n/*eslint-disable max-len*/\r\nconst renderHelpDun = ({ className }) => (\r\n\t<svg className={className} width=\"9px\" height=\"18px\" viewBox=\"0 0 9 18\">\r\n\t\t<g stroke=\"none\" strokeWidth=\"1\">\r\n\t\t\t<g>\r\n\t\t\t\t<path d=\"M8.47485025,3.6896496 C8.47485025,1.55184954 6.94785021,0.152099495 4.22470013,0.152099495 C2.82495008,0.152099495 1.80695005,0.406599503 0.636250019,0.966499519 L0.636250019,2.44259956 C1.78150005,1.98449955 2.87585009,1.72999954 3.91930012,1.72999954 C5.67535017,1.72999954 6.6424502,2.54439957 6.6424502,3.84234961 C6.6424502,4.91124964 6.23525019,5.59839966 5.16635015,6.43824968 L3.74115011,7.53259972 C2.46865007,8.49969975 1.95965006,9.41589977 1.95965006,10.5865998 C1.95965006,11.2737498 2.31595007,12.1390499 2.79950008,12.6480499 L4.25015013,12.5207999 C3.86840012,12.0117999 3.58845011,11.2991998 3.58845011,10.5865998 C3.58845011,9.89944979 3.97020012,9.21229977 4.75915014,8.62694975 L6.20980019,7.55804972 C7.76225023,6.41279968 8.47485025,5.24209965 8.47485025,3.6896496 L8.47485025,3.6896496 Z M2.11235006,15.75295 C2.11235006,16.5928 2.59590008,17.1018 3.4357501,17.1018 C4.25015013,17.1018 4.75915014,16.5419 4.75915014,15.75295 C4.75915014,14.8621999 4.25015013,14.3786499 3.4357501,14.3786499 C2.59590008,14.3786499 2.11235006,14.9385499 2.11235006,15.75295 L2.11235006,15.75295 Z\" />\r\n\t\t\t</g>\r\n\t\t</g>\r\n\t</svg>\r\n);\r\n\r\nexport const IconHelpDun = createComponent('IconHelpDun', renderHelpDun);\r\n","import { Map } from 'immutable';\r\nimport { createComponent } from '../../base';\r\nimport { isEmpty, unexisty } from '../../../helpers/functional';\r\nimport { Link } from '../../link';\r\nimport React from 'react';\r\nimport { OpenCardButton } from '../../management/cardManager';\r\nimport { PromoImage } from '../../display/image';\r\nimport { IconPijlRechts } from '../../svg/pijlRechts';\r\nimport { IconHelpDun } from '../../svg/helpDun';\r\n\r\nexport const renderSectorOverzichtItem = ({\r\n\titem = Map(),\r\n\thighlighted = false,\r\n}) => {\r\n\tif (isEmpty(item) || unexisty(item.get('href'))) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tkey={item.get('hrefid')}\r\n\t\t\tclassName=\"sector-overzicht-list-sector column column--third\"\r\n\t\t>\r\n\t\t\t<Link\r\n\t\t\t\tto={item.get('href')}\r\n\t\t\t\tlinkType=\"sectorInformationLink\"\r\n\t\t\t\tclassName=\"sector-overzicht-list-item\"\r\n\t\t\t>\r\n\t\t\t\t{item.get('blockType') === 'promoBlock' && highlighted ? (\r\n\t\t\t\t\t<div className=\"promoBlock-figure sector-overzicht-list-item-image\">\r\n\t\t\t\t\t\t<PromoImage\r\n\t\t\t\t\t\t\tclassName=\"sector-image\"\r\n\t\t\t\t\t\t\tsrc={item.getIn(['image', 'src'])}\r\n\t\t\t\t\t\t\talt={item.get('text')}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : null}\r\n\t\t\t\t<div className=\"sector-overzicht-list-item-link interfaceLink\">\r\n\t\t\t\t\t<IconPijlRechts className=\"goIcon promoBlock-goLink-icon media-figure\" />\r\n\t\t\t\t\t<div className=\"media-text promoBlock-goLink-text\">\r\n\t\t\t\t\t\t<span className=\"underliner\">{item.get('text')}</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</Link>\r\n\t\t\t<OpenCardButton\r\n\t\t\t\tclassName=\"sector-overzicht-list-item-link-moreInfo\"\r\n\t\t\t\tcardId={item.get('hrefid')}\r\n\t\t\t\tcardType=\"sectorInfoCard\"\r\n\t\t\t>\r\n\t\t\t\t<IconHelpDun />\r\n\t\t\t</OpenCardButton>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default createComponent(\r\n\t'SectorOverzichtItem',\r\n\trenderSectorOverzichtItem\r\n);\r\n","import React from 'react';\r\nimport { createComponent } from '../base';\r\nimport { List } from 'immutable';\r\nimport { isEmpty } from '../../helpers/functional';\r\nimport SectorOverzichtItem from '../sector/overzicht/sectorOverzichtItem';\r\nimport { OverviewPageTitle } from '../display/overviewPageTitle';\r\nimport { LayoutGridContainer } from '../layout/layoutGridContainer';\r\nimport { ColumnFull } from '../layout/columnFull';\r\nimport { Main } from '../layout/main';\r\nimport { LayoutContainer } from '../layout/layoutContainer';\r\n\r\nconst numberOfHighlightedBlocks = 6;\r\n\r\nconst renderSectorOverzichtPage = ({\r\n\tsectorBlocks = List(),\r\n\tintroTekst,\r\n\ttitle,\r\n\tpopupStates,\r\n\tcontentId,\r\n}) => {\r\n\tif (isEmpty(sectorBlocks)) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\treturn (\r\n\t\t<Main contentId={contentId} className=\"main--noMargin\">\r\n\t\t\t<OverviewPageTitle theme=\"purple\">{title}</OverviewPageTitle>\r\n\t\t\t<div className=\"sector-overzicht-bg\">\r\n\t\t\t\t<LayoutGridContainer>\r\n\t\t\t\t\t<ColumnFull className=\"sector-overzicht-pageIntro\">\r\n\t\t\t\t\t\t{introTekst}\r\n\t\t\t\t\t</ColumnFull>\r\n\t\t\t\t\t<div className=\"sector-overzicht-list featured gridContainer\">\r\n\t\t\t\t\t\t{sectorBlocks\r\n\t\t\t\t\t\t\t.slice(0, numberOfHighlightedBlocks)\r\n\t\t\t\t\t\t\t.map((item, key) => (\r\n\t\t\t\t\t\t\t\t<SectorOverzichtItem\r\n\t\t\t\t\t\t\t\t\tkey={key}\r\n\t\t\t\t\t\t\t\t\titemkey={key}\r\n\t\t\t\t\t\t\t\t\titem={item}\r\n\t\t\t\t\t\t\t\t\thighlighted={true}\r\n\t\t\t\t\t\t\t\t\tpopupStates={popupStates}\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</div>\r\n\t\t\t\t</LayoutGridContainer>\r\n\t\t\t</div>\r\n\t\t\t<LayoutContainer className=\"sector-overzicht-nonFeatured\">\r\n\t\t\t\t<div className=\"sector-overzicht-list gridContainer\">\r\n\t\t\t\t\t{sectorBlocks\r\n\t\t\t\t\t\t.slice(numberOfHighlightedBlocks)\r\n\t\t\t\t\t\t.map((item, key) => (\r\n\t\t\t\t\t\t\t<SectorOverzichtItem\r\n\t\t\t\t\t\t\t\tkey={key}\r\n\t\t\t\t\t\t\t\titem={item}\r\n\t\t\t\t\t\t\t\titemkey={`nonFeatured${key}`}\r\n\t\t\t\t\t\t\t\thighlighted={false}\r\n\t\t\t\t\t\t\t\tpopupStates={popupStates}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t</div>\r\n\t\t\t</LayoutContainer>\r\n\t\t</Main>\r\n\t);\r\n};\r\n\r\nexport default createComponent(\r\n\t'SectorOverzichtPage',\r\n\trenderSectorOverzichtPage\r\n);\r\n"],"sourceRoot":""}