{"version":3,"file":"dist/build-client/static/js/Organisms-Blocks-CoworkersBlock-CoworkersBlock.2ac11837.chunk.js","mappings":"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","sources":["Atoms/Grids/GridItem.tsx","Atoms/Image/Image.tsx","Atoms/Typography/SmallLabel/SmallLabel.tsx","Organisms/Blocks/CoworkersBlock/placeholder.svg","Organisms/Blocks/CoworkersBlock/CoworkersBlock.tsx"],"sourcesContent":["import { CSS } from '@stitches/react';\r\nimport { ReactNode } from 'react';\r\nimport { styled } from 'stitches.config';\r\n\r\ntype PropType = {\r\n  layout?: string;\r\n  children: ReactNode;\r\n  css?: CSS;\r\n};\r\n\r\nfunction GridItem({ layout = '1/1', children, css }: PropType) {\r\n  return (\r\n    <GridItemContainer data-gridsize={layout} css={css}>\r\n      {children}\r\n    </GridItemContainer>\r\n  );\r\n}\r\n\r\nconst GridItemContainer = styled('div', {\r\n  w: '100%',\r\n  h: '100%',\r\n  mx: 'auto',\r\n  gridColumnStart: 'auto',\r\n  gridColumnEnd: 'span 12',\r\n  '@mediaMinMedium': {\r\n    '&:nth-child(n)[data-gridsize=\"1/2\"], &:nth-child(n)[data-gridsize=\"1/3\"], &:nth-child(n)[data-gridsize=\"1/4\"]':\r\n      {\r\n        gridColumnEnd: 'span 6',\r\n      },\r\n  },\r\n  '@mediaMinLarge': {\r\n    '&:nth-child(n)[data-gridsize=\"1/3\"]': {\r\n      gridColumnEnd: 'span 4',\r\n    },\r\n    '&:nth-child(n)[data-gridsize=\"1/4\"]': {\r\n      gridColumnEnd: 'span 3',\r\n    },\r\n    mx: 0,\r\n  },\r\n  '&:nth-child(n)[data-gridsize=\"FullWidth\"]': {\r\n    ml: -4,\r\n    w: '100vw',\r\n    '@mediaMinLarge': {\r\n      px: 0,\r\n      left: '50%',\r\n      right: '50%',\r\n      maxWidth: '100vw',\r\n      position: 'relative',\r\n      marginLeft: `-50vw`,\r\n      marginRight: '-50vw',\r\n    },\r\n  },\r\n});\r\n\r\nexport default GridItem;\r\n","import React, { useRef } from 'react';\r\nimport useOnScreen from 'Shared/Hooks/useOnScreen';\r\n\r\ntype PropType = {\r\n  src: string;\r\n  alt: string;\r\n  imgFit?: boolean;\r\n  onLoad?: () => void;\r\n  usePlaceHolder?: boolean;\r\n  title?: string;\r\n  fixedWidth?: number;\r\n  fixedHeight?: number;\r\n  externalRef?: React.RefObject<HTMLDivElement>;\r\n};\r\n\r\nconst Image = ({\r\n  src,\r\n  alt = '',\r\n  onLoad,\r\n  usePlaceHolder,\r\n  title = '',\r\n  fixedWidth,\r\n  fixedHeight,\r\n  externalRef,\r\n}: PropType) => {\r\n  const ref = useRef<HTMLDivElement>(null);\r\n  const onScreen = useOnScreen({ ref: externalRef ? externalRef : ref });\r\n\r\n  return onScreen ? (\r\n    <img\r\n      src={onScreen ? src : ''}\r\n      alt={alt || ''}\r\n      title={title}\r\n      aria-label={alt}\r\n      onLoad={onLoad}\r\n      width={fixedWidth}\r\n      height={fixedHeight}\r\n    />\r\n  ) : usePlaceHolder ? (\r\n    <div ref={ref} />\r\n  ) : (\r\n    <span ref={ref} />\r\n  );\r\n};\r\n\r\nexport default Image;\r\n","import React from 'react';\r\nimport { styled } from 'stitches.config';\r\n\r\ntype SmallLabelProps = {\r\n  children: React.ReactNode;\r\n  marginBottom?: number;\r\n};\r\n\r\nconst SmallLabel = ({ children, marginBottom = 2 }: SmallLabelProps) => (\r\n  <SmallLabelWrapper css={{ mb: marginBottom }}>{children}</SmallLabelWrapper>\r\n);\r\n\r\nconst SmallLabelWrapper = styled('span', {\r\n  color: '$secondary2',\r\n  textTransform: 'uppercase',\r\n  fs: 6,\r\n  lineHeight: 'lh133',\r\n  ls: '$ls1',\r\n  fontFamily: '$fontPrimary400',\r\n  wordSpacing: '$wordSpacings$fontPrimary',\r\n  display: 'block',\r\n});\r\n\r\nexport default SmallLabel;\r\n","var _path, _path2, _path3, _path4;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\nimport { forwardRef } from \"react\";\n\nvar SvgPlaceholder = function SvgPlaceholder(_ref, ref) {\n  var title = _ref.title,\n      titleId = _ref.titleId,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 80,\n    height: 80,\n    viewBox: \"0 0 80 80\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: ref,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M21.6985 37.7287H22.6862C31.8572 37.7287 37.3599 33.0444 37.3599 25.1714V7.30892C37.3599 7.02673 37.1906 6.85742 36.9084 6.85742H30.9542C30.672 6.85742 30.5027 7.02673 30.5027 7.30892V24.2401C30.5027 27.9368 28.4146 31.0126 22.4604 31.0126H21.9243C15.575 31.0126 13.8537 28.219 13.8537 24.2401V22.2366C13.8537 21.9544 13.6844 21.7851 13.4022 21.7851H7.30697C7.02478 21.7851 6.85547 21.9544 6.85547 22.2366V25.1996C6.85547 33.1572 12.217 37.7287 21.6985 37.7287Z\",\n    fill: \"white\"\n  })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M22.8277 67.1327C17.3815 67.1327 14.6725 65.5807 14.6725 62.8999C14.6725 60.0781 17.4097 58.6671 22.8277 58.6671C27.8224 58.6671 30.7007 60.0216 30.7007 62.7588C30.7007 65.7218 27.8224 67.0763 22.8277 67.1327ZM23.9846 53.0516C19.5543 53.0516 15.8576 53.7853 13.7412 55.3938C14.0234 50.1733 17.974 47.5208 22.9123 47.5208C27.5966 47.5208 29.5155 49.2139 29.7695 51.3303C29.7977 51.6689 29.967 51.8664 30.2492 51.8664H37.191C37.5296 51.8664 37.6707 51.6971 37.6425 51.3303C36.2598 45.1786 32.422 41.623 22.9123 41.623C13.7412 41.623 6.96875 46.6178 6.96875 58.1028C6.96875 67.9511 11.5684 73.1151 22.3762 73.1151C31.4344 73.0869 37.4167 69.3902 37.5578 62.8153C37.5578 56.5507 33.071 53.1081 23.9846 53.0516Z\",\n    fill: \"white\"\n  })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M42.9203 37.1643H72.691C72.9732 37.1643 73.1425 36.995 73.1425 36.7128V31.577C73.1425 31.2948 72.9732 31.1255 72.691 31.1255H49.3259V24.8327H68.2606C68.5993 24.8327 68.7121 24.6634 68.7121 24.3812V19.3019C68.7121 19.0197 68.5993 18.8504 68.2606 18.8504H49.3259V12.8398H72.6063C72.9449 12.8398 73.0578 12.6705 73.0578 12.3883V7.30892C73.0578 7.02673 72.9449 6.85742 72.6063 6.85742H42.9203C42.6381 6.85742 42.4688 7.02673 42.4688 7.30892V36.7128C42.4688 36.995 42.6381 37.1643 42.9203 37.1643Z\",\n    fill: \"white\"\n  })), _path4 || (_path4 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M57.7625 66.907C51.6109 66.907 49.0712 65.6372 49.0712 63.3797V63.3514C49.0712 61.0939 51.5826 60.1627 57.7343 60.1627C63.7731 60.1627 66.4821 61.1504 66.4821 63.4361V63.4643C66.4539 65.7218 63.9989 66.907 57.7625 66.907ZM57.7625 54.4908C51.7802 54.4908 49.4662 53.3902 49.4662 51.0763V51.0481C49.4662 48.7906 52.1188 47.7183 57.7625 47.7183C63.2934 47.7183 66.0871 48.9035 66.0871 51.1327V51.161C66.0871 53.3902 63.7449 54.4626 57.7625 54.4908ZM57.4239 73.1433H58.0729C68.3728 73.1433 73.4803 69.87 73.4803 63.4361V63.4079C73.4803 60.5013 71.9283 58.0463 69.7837 57.0022C71.8437 56.0146 73.1135 53.6442 73.1135 50.8506V50.7941C73.1135 44.6707 68.0624 41.623 57.9883 41.623H57.4239C47.4909 41.623 42.4116 44.7835 42.4116 50.8506V50.8788C42.4116 53.5878 43.6532 56.0146 45.6849 57.0022C43.5121 58.0181 41.9883 60.6424 41.9883 63.4361V63.4643C42.0165 69.9546 47.1241 73.1433 57.4239 73.1433Z\",\n    fill: \"white\"\n  })));\n};\n\nvar ForwardRef = /*#__PURE__*/forwardRef(SvgPlaceholder);\nexport { ForwardRef as ReactComponent };\nexport default __webpack_public_path__ + \"dist/build-client/static/media/placeholder.c9f51b3300528e3b69f7cc80ea440de5.svg\";","import CoWorkersBlockModel from 'Models/Blocks/CoWorkerBlock/CoWorkersBlockModel.interface';\r\nimport { H2 } from 'Atoms/Typography/Headings/Heading';\r\nimport placeholder from './placeholder.svg';\r\nimport GridItem from 'Atoms/Grids/GridItem';\r\nimport { styled } from 'stitches.config';\r\nimport SmallLabel from 'Atoms/Typography/SmallLabel/SmallLabel';\r\nimport ContentContainer from 'Molecules/ContentContainer/ContentContainer';\r\nimport { isEmpty } from 'Shared/Common/Helpers';\r\nimport KexLink from 'Kex/KexLink';\r\nimport { ArrowIcon } from 'Atoms/Icons';\r\nimport Image from 'Atoms/Image/Image';\r\nimport {\r\n  animateUnderlineActive,\r\n  animateUnderlineNotActive,\r\n} from 'Shared/Common/animateUnderline';\r\n\r\ntype PropType = {\r\n  content: CoWorkersBlockModel;\r\n};\r\n\r\nfunction CoworkersBlock({\r\n  content: { targetText, targetLink, coWorkers, headerText },\r\n}: PropType) {\r\n  return (\r\n    <GridItem layout=\"FullWidth\">\r\n      <CoworkerContainer>\r\n        <ContentContainer>\r\n          <H2>{headerText}</H2>\r\n          <CoworkerList>\r\n            {coWorkers.map((cw, index) => (\r\n              <CoworkerItem key={index}>\r\n                <CoworkerImageWrapper>\r\n                  <Image\r\n                    alt=\"\"\r\n                    src={\r\n                      !isEmpty(cw.image)\r\n                        ? `${cw.image.src}?preset=coworker`\r\n                        : placeholder\r\n                    }\r\n                  />\r\n                </CoworkerImageWrapper>\r\n                <SmallLabel>{cw.role}</SmallLabel>\r\n                <CoworkerName>{cw.name}</CoworkerName>\r\n              </CoworkerItem>\r\n            ))}\r\n            <CoworkerLink href={targetLink.href} fontFamily=\"primary400\">\r\n              <LinkWrapper>\r\n                <LinkText>{targetText}</LinkText>\r\n                <ArrowIcon size={'m'} color={'primary'} rotateLeft />\r\n              </LinkWrapper>\r\n            </CoworkerLink>\r\n          </CoworkerList>\r\n        </ContentContainer>\r\n      </CoworkerContainer>\r\n    </GridItem>\r\n  );\r\n}\r\n\r\nconst MOBILE_GUTTER = 4;\r\nconst DESKTOP_GUTTER = 8;\r\n\r\nconst CoworkerContainer = styled('div', {\r\n  backgroundColor: '$primary5',\r\n  py: 16,\r\n});\r\n\r\nconst CoworkerList = styled('div', {\r\n  display: 'flex',\r\n  flexWrap: 'wrap',\r\n  alignItems: 'stretch',\r\n  ml: -MOBILE_GUTTER,\r\n  '@mediaMinMedium': {\r\n    ml: -DESKTOP_GUTTER,\r\n  },\r\n});\r\n\r\nconst CoworkerItem = styled('div', {\r\n  flex: '1 0 50%',\r\n  maxWidth: '50%',\r\n  pl: MOBILE_GUTTER,\r\n  pb: MOBILE_GUTTER,\r\n  '@mediaMinMedium': {\r\n    pl: 8,\r\n    pb: 8,\r\n    flex: '1 0 33.33%',\r\n    maxWidth: '33.33%',\r\n  },\r\n  '@mediaMinLarge': {\r\n    flex: '1 0 16.66%',\r\n    maxWidth: '16.66%',\r\n  },\r\n});\r\n\r\nconst CoworkerImageWrapper = styled('div', {\r\n  backgroundColor: '$primary6',\r\n  display: 'flex',\r\n  justifyContent: 'center',\r\n  alignItems: 'center',\r\n  mb: 4,\r\n  '& img': {\r\n    objectFit: 'cover',\r\n    aspectRatio: '1/1',\r\n    width: '100%',\r\n  },\r\n});\r\n\r\nconst CoworkerName = styled('span', {\r\n  fs: 10,\r\n  lineHeight: '$lh12',\r\n  fontFamily: '$fontSecondary600',\r\n});\r\n\r\nconst CoworkerLink = styled(KexLink, {\r\n  backgroundColor: '$primary3',\r\n  fontFamily: '$fontPrimary400',\r\n  display: 'flex',\r\n  justifyContent: 'flex-end',\r\n  alignItems: 'flex-end',\r\n  minHeight: 120,\r\n  p: 6,\r\n  flexGrow: 1,\r\n  flexBasis: '100%',\r\n  ml: MOBILE_GUTTER,\r\n  mb: MOBILE_GUTTER,\r\n  '@mediaMinMedium': {\r\n    ml: DESKTOP_GUTTER,\r\n    mb: DESKTOP_GUTTER,\r\n    flexBasis: 'auto',\r\n    p: 8,\r\n  },\r\n  '&:hover span': {\r\n    ...animateUnderlineActive,\r\n  },\r\n});\r\n\r\nconst LinkWrapper = styled('div', {\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n});\r\n\r\nconst LinkText = styled('span', {\r\n  fs: 10,\r\n  mb: 0,\r\n  mr: 2,\r\n  ...animateUnderlineNotActive,\r\n  '@mediaMinLarge': {\r\n    fs: 12,\r\n  },\r\n});\r\n\r\nexport default CoworkersBlock;\r\n"],"names":["GridItemContainer","styled","w","h","mx","gridColumnStart","gridColumnEnd","ml","px","left","right","maxWidth","position","marginLeft","marginRight","layout","children","css","src","alt","onLoad","usePlaceHolder","title","fixedWidth","fixedHeight","externalRef","ref","useRef","onScreen","useOnScreen","width","height","SmallLabelWrapper","color","textTransform","fs","lineHeight","ls","fontFamily","wordSpacing","display","marginBottom","mb","CoworkerContainer","backgroundColor","py","CoworkerList","flexWrap","alignItems","CoworkerItem","flex","pl","pb","CoworkerImageWrapper","justifyContent","objectFit","aspectRatio","CoworkerName","CoworkerLink","KexLink","minHeight","p","flexGrow","flexBasis","animateUnderlineActive","LinkWrapper","LinkText","mr","animateUnderlineNotActive","content","targetText","targetLink","coWorkers","headerText","GridItem","ContentContainer","H2","map","cw","index","Image","isEmpty","image","placeholder","SmallLabel","role","name","href","size","rotateLeft"],"sourceRoot":""}