{"version":3,"sources":["webpack:///./Avensia.Common/Features/Cms/CmsPage.tsx"],"names":["PageWrap","div","overflow","background","size","positionX","positionY","height","ImageContent","alignItems","position","IntroWrap","margin","y","CenterBlock","textAlign","CmsPage","props","topMarginCompact","topMarginDesktop","introText","page","mainIntro","isCompact","css","marginTop","image","imageSmallScreen","url","FullWidth","className","Div","top","breadcrumbs","vertical","white","fontSize","D16_M16","marginBottom","color","monochrome","label","D96_M40","heading","D32_M24","for","mainContentArea"],"mappings":"mSAuBMA,EAAW,IAAOC,IAAI,CAC1BC,SAAU,SACVC,WAAY,CACVC,KAAM,QACNC,UAAW,SACXC,UAAW,UAEbC,OAAQ,UAGJC,EAAe,YAAO,MAAQ,GAClCD,OAAQ,OACRE,WAAY,WACX,UAAY,KAAuB,CAClCC,SAAU,Y,IAIRC,EAAY,IAAOV,MAAG,GAC1BW,OAAQ,CACNC,EAAG,UAEJ,UAAY,KAAsB,CACjCD,OAAQ,CACNC,EAAG,S,IAKHC,EAAc,IAAOb,IAAI,CAC7Bc,UAAW,WAGE,SAASC,EAAQC,GAC9B,IAAMC,EAAmB,IAAqB,IAAgB,IACxDC,EAAmB,IAAwB,IAC3CC,EAAY,YAAiBH,EAAMI,KAAKC,WAE9C,OACE,kBAAC,IAAQ,MACN,SAACC,G,MAAc,OACd,kBAAC,IAAI,KACH,kBAACvB,EAAQ,CACPwB,IAAK,CACHC,UAAWF,GAAaL,GAAoBC,EAC5ChB,WAAY,CACVuB,MAAO,YAA0G,QAAxF,EAAC,YAA8BT,EAAMI,KAAKK,MAAOT,EAAMI,KAAKM,iBAAkBJ,UAAU,eAAEK,IAAK,IAAOC,UAAW,oEAK9I,kBAACrB,EAAY,CAACsB,UAAU,QACtB,kBAAC,IAAOC,IAAG,CAACD,UAAW,YAAkB,GAAI,GAAIN,IAAG,eAAQD,GAAa,CAAEb,SAAU,WAAYsB,IAAQd,EAAmB,GAAE,QAC5H,kBAAC,IAAW,CAACe,YAAahB,EAAMgB,YAAaC,UAAWX,EAAWY,OAAK,KAE1E,yBAAKL,UAAW,YAAkB,GAAI,GAAI,YAA2B,IAAOP,EAAiC,GAArB,sBACtF,kBAACT,EAAW,CAACgB,UAAW,YAAkB,GAAI,EAAG,YAA2B,KAC1E,kBAAC,IAAS,CAACM,SAAU,IAAeC,QAASb,IAAK,CAAEc,aAAc,OAAQC,MAAO,IAAaC,WAAWL,QACtG,YAAiBlB,EAAMI,KAAKoB,SAGjC,kBAAC3B,EAAW,CAACgB,UAAW,YAAkB,GAAI,EAAG,YAA2B,KAC1E,kBAAC,IAAE,CAACN,IAAK,CAAEe,MAAO,IAAaC,WAAWL,OAASC,SAAU,IAAeM,SAAU,YAAiBzB,EAAMI,KAAKsB,cAKzHvB,GACC,kBAAC,IAAQ,CAACU,UAAU,QAClB,kBAACnB,EAAS,CAACmB,UAAW,YAAkB,GAAI,EAAG,YAA2B,KACxE,kBAAC,IAAS,CAACM,SAAU,IAAeQ,SAAUxB,KAIpD,kBAAC,IAAW,CAACyB,IAAK5B,EAAMI,KAAKyB","file":"assets/43.chunk.5c7d6d54a57e05c94ddc.js","sourcesContent":["/**\r\n * @ComponentFor CmsPageViewModel\r\n */\r\nimport React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport { EpiProperty, epiPropertyValue } from '@polarnopyret/scope-episerver';\r\nimport Page from 'Shared/Page';\r\nimport CmsPageViewModelType from './CmsPageViewModel.type';\r\nimport Viewport from 'Shared/Viewport';\r\nimport { HEIGHT as DESKTOP_HEADER_HEIGHT } from 'SiteLayout/Header/DesktopHeader';\r\nimport { BLACK_TOP_MOBILE_HEIGHT, BLACK_TOP_DESKTOP_HEIGHT } from 'SiteLayout/Header';\r\nimport { HEIGHT as MOBILE_HEIGHT } from 'SiteLayout/Header/MobileHeader';\r\nimport { QUICKSEARCH_HEIGHT } from 'Search/QuickSearch';\r\nimport { setImageBackground, Preset } from 'Shared/image-background';\r\nimport Breadcrumbs from 'Shared/SharedComponents/atoms/Breadcrumbs';\r\nimport { H1, Paragraph, ResponsiveSize, TextLabel } from 'Shared/SharedComponents/atoms/Typography';\r\nimport { GridWrap } from 'Shared/PageLayout';\r\nimport { createGridClasses, createOffsetGridClassLarge } from 'Shared/grid';\r\nimport { selectDeviceImageFromProperty } from 'Shared/utils';\r\nimport * as style from 'Shared/Style';\r\n\r\ntype PropType = CmsPageViewModelType;\r\n\r\nconst PageWrap = styled.div({\r\n  overflow: 'hidden',\r\n  background: {\r\n    size: 'cover',\r\n    positionX: 'center',\r\n    positionY: 'center',\r\n  },\r\n  height: '100vh',\r\n})\r\n\r\nconst ImageContent = styled(GridWrap, {\r\n  height: '100%',\r\n  alignItems: 'center',\r\n  ['@media ' + style.mediaUpToLarge]: {\r\n    position: 'relative'\r\n  },\r\n})\r\n\r\nconst IntroWrap = styled.div({\r\n  margin: {\r\n    y: '40px',\r\n  },\r\n  ['@media ' + style.mediaMinLarge]: {\r\n    margin: {\r\n      y: '80px',\r\n    },\r\n  },\r\n})\r\n\r\nconst CenterBlock = styled.div({\r\n  textAlign: 'center',\r\n})\r\n\r\nexport default function CmsPage(props: PropType) {\r\n  const topMarginCompact = QUICKSEARCH_HEIGHT + MOBILE_HEIGHT + BLACK_TOP_MOBILE_HEIGHT;\r\n  const topMarginDesktop = DESKTOP_HEADER_HEIGHT + BLACK_TOP_DESKTOP_HEIGHT;\r\n  const introText = epiPropertyValue(props.page.mainIntro);\r\n\r\n  return (\r\n    <Viewport>\r\n      {(isCompact) => (\r\n        <Page>\r\n          <PageWrap\r\n            css={{\r\n              marginTop: isCompact ? -topMarginCompact : -topMarginDesktop,\r\n              background: {\r\n                image: setImageBackground(selectDeviceImageFromProperty(props.page.image, props.page.imageSmallScreen, isCompact)?.url, Preset.FullWidth, 'linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))'),\r\n              },\r\n              //background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(image.png);\r\n            }}\r\n          >\r\n            <ImageContent className='grid'>\r\n              <styled.Div className={createGridClasses(12, 1)} css={{ ...(isCompact && { position: 'absolute', top: `${topMarginCompact + 12}px` }) }}>\r\n                <Breadcrumbs breadcrumbs={props.breadcrumbs} vertical={!isCompact} white />\r\n              </styled.Div>\r\n              <div className={createGridClasses(12, 10, createOffsetGridClassLarge(2) + (!isCompact ? ' grid subgrid-10' : ''))}>\r\n                <CenterBlock className={createGridClasses(12, 4, createOffsetGridClassLarge(4))}>\r\n                  <TextLabel fontSize={ResponsiveSize.D16_M16} css={{ marginBottom: '16px', color: style.colors.monochrome.white }}>\r\n                    {epiPropertyValue(props.page.label)}\r\n                  </TextLabel>\r\n                </CenterBlock>\r\n                <CenterBlock className={createGridClasses(12, 8, createOffsetGridClassLarge(2))}>\r\n                  <H1 css={{ color: style.colors.monochrome.white }} fontSize={ResponsiveSize.D96_M40}>{epiPropertyValue(props.page.heading)}</H1>\r\n                </CenterBlock>\r\n              </div>\r\n            </ImageContent>\r\n          </PageWrap>\r\n          {introText && (\r\n            <GridWrap className='grid'>\r\n              <IntroWrap className={createGridClasses(12, 8, createOffsetGridClassLarge(2))} >\r\n                <Paragraph fontSize={ResponsiveSize.D32_M24}>{introText}</Paragraph>\r\n              </IntroWrap>\r\n            </GridWrap>\r\n          )}\r\n          <EpiProperty for={props.page.mainContentArea} />\r\n        </Page>\r\n      )\r\n      }\r\n    </Viewport >\r\n  );\r\n}\r\n"],"sourceRoot":""}