{"version":3,"sources":["webpack:///./Avensia.Common/Features/Shared/Blocks/Editorial/EditorialBlock.tsx"],"names":["DefaultImage","img","width","height","objectFit","objectPosition","borderRadius","state","currentBreakpoint","props","isMobile","imageToTheLeft","align","imageLeft","horizontalAlign","image","standardMargins","noStandardMargins","imageBox","src","url","alt","contentBox","className","propertyComponentProps","for","mainBody","rightElement","leftElement","css","padding","y","flexDirection"],"mappings":"2KA4BMA,EAAe,IAAOC,IAAI,CAC9BC,MAAO,OACPC,OAAQ,OACRC,UAAW,QACXC,eAAgB,gBAChBC,aAAc,IA2ED,uBAAQ,SAAAC,GAAS,OAC9BC,kBAAmBD,EAAMC,qBADZ,CAEX,aA1EJ,SAAwBC,GACtB,IAAMC,EAAW,YAAUD,EAAMD,mBAC3BG,EAnBU,SAACC,GACjB,OAAQA,GACN,IAAK,OACH,OAAO,EACT,QACE,OAAO,GAcYC,CAAU,YAAiBJ,EAAMK,kBAClDC,EAAQ,YAAiBN,EAAMM,OAC/BC,GAAmB,YAAiBP,EAAMQ,mBAEhD,GAAGF,EAAO,CACR,IAAMG,EAAY,kBAAClB,EAAY,CAC7BmB,IAAKJ,EAAMK,IACXC,IAAK,KAGDC,EACJ,kBAAC,IAAW,CAACC,UAAW,iBACtBC,uBAAwB,CAAEd,SAAQ,GAClCe,IAAKhB,EAAMiB,WAITC,EAAehB,EAAiBW,EAAaJ,EAC7CU,EAAcjB,EAAiBO,EAAWI,EAEhD,OACE,kBAAC,IAAQ,CACPC,UAAU,WACVM,IAAG,2BACGb,GAAmB,CACrBc,QAAUpB,EAIN,CACEqB,EAAG,QAJL,CACEA,EAAG,UAKT,CACFC,cAAetB,EAAWC,EAAiB,SAAW,iBAAmBA,EAAiB,MAAQ,iBAGpG,yBAAKY,UAAW,YAAkB,GAAI,EAAGP,EAAkB,YAA2B,GAAK,KACxFY,GAEH,yBAAKL,UAAW,YAAkB,GAAI,IACnCI,IAMT,OACE,kBAAC,IAAQ,CACPJ,UAAU,MACVM,IAAG,eACGb,GAAmB,CACrBc,QAAUpB,EAIN,CACEqB,EAAG,QAJL,CACEA,EAAG,WAQb,kBAAC,IAAW,CACVR,UAAWP,EAAkB,sBAAwB,iBACrDQ,uBAAwB,CAAEd,SAAQ,GAClCe,IAAKhB,EAAMiB","file":"assets/54.chunk.4d4acfa85b7df64371a9.js","sourcesContent":["/**\r\n* @ComponentFor EditorialBlock\r\n*/\r\nimport React from 'react';\r\nimport connect from 'Shared/connect';\r\nimport { epiPropertyValue, EpiProperty } from '@polarnopyret/scope-episerver';\r\nimport EditorialBlock from './EditorialBlock.type';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport { isCompact } from 'Shared/Viewport';\r\nimport HorizontalAlign from 'Shared/Enums/HorizontalAlign.type';\r\nimport { GridWrap } from 'Shared/PageLayout';\r\nimport { createGridClasses, createOffsetGridClassLarge } from 'Shared/grid';\r\n\r\ntype ConnectedPropType = {\r\n  currentBreakpoint: number;\r\n};\r\n \r\ntype PropType = EditorialBlock & ConnectedPropType & StyledProps;\r\n \r\nconst imageLeft = (align: HorizontalAlign) => {\r\n  switch (align) {\r\n    case 'left':\r\n      return true;\r\n    default:\r\n      return false;\r\n  }\r\n};\r\n\r\nconst DefaultImage = styled.img({\r\n  width: 'auto',\r\n  height: '100%',\r\n  objectFit: 'cover',\r\n  objectPosition: 'center center',\r\n  borderRadius: 8\r\n})\r\n\r\nfunction EditorialBlock(props: PropType) {\r\n  const isMobile = isCompact(props.currentBreakpoint);\r\n  const imageToTheLeft = imageLeft(epiPropertyValue(props.horizontalAlign));\r\n  const image = epiPropertyValue(props.image);\r\n  const standardMargins = !epiPropertyValue(props.noStandardMargins);\r\n\r\n  if(image) {\r\n    const imageBox = (<DefaultImage\r\n      src={image.url}\r\n      alt={''}\r\n    />);\r\n\r\n    const contentBox = (\r\n      <EpiProperty className={'editorial-text'}\r\n        propertyComponentProps={{ isMobile }}\r\n        for={props.mainBody}\r\n      />\r\n    );\r\n    \r\n    const rightElement = imageToTheLeft ? contentBox : imageBox;\r\n    const leftElement = imageToTheLeft ? imageBox : contentBox;\r\n\r\n    return (\r\n      <GridWrap\r\n        className='grid wsb'\r\n        css={{\r\n          ...(standardMargins && {\r\n            padding: !isMobile\r\n              ? {\r\n                  y: '80px',\r\n                }\r\n              : {\r\n                  y: '40px',\r\n                },\r\n          }),\r\n          flexDirection: isMobile ? imageToTheLeft ? 'column' : 'column-reverse' : imageToTheLeft ? 'row' : 'row-reverse',\r\n        }}\r\n      >\r\n        <div className={createGridClasses(12, 5, standardMargins ? createOffsetGridClassLarge(2) : '')}>\r\n          {leftElement}\r\n        </div>\r\n        <div className={createGridClasses(12, 5)}>\r\n          {rightElement}\r\n        </div>\r\n      </GridWrap>\r\n    );  \r\n  }\r\n  \r\n  return (\r\n    <GridWrap\r\n      className='wsb'\r\n      css={{\r\n        ...(standardMargins && {\r\n          padding: !isMobile\r\n            ? {\r\n                y: '72px',\r\n              }\r\n            : {\r\n                y: '32px',\r\n              },\r\n        }),  \r\n      }}\r\n    >\r\n      <EpiProperty\r\n        className={standardMargins ? 'editorial-text wide' : 'editorial-text'}\r\n        propertyComponentProps={{ isMobile }}\r\n        for={props.mainBody}\r\n      />\r\n    </GridWrap>\r\n  );\r\n}\r\n \r\nexport default connect(state => ({\r\n  currentBreakpoint: state.currentBreakpoint,\r\n}))(styled(EditorialBlock));\r\n "],"sourceRoot":""}