{"version":3,"sources":["webpack:///./Avensia.Common/Features/Magazine/MagazineAuthor.tsx","webpack:///./Avensia.Common/Features/Magazine/MagazinePage.tsx"],"names":["props","Base","ImageWrapper","preset","Tiny","src","authorImageUrl","url","About","Name","authorName","Description","authorDescription","div","borderTop","width","style","color","borderBottom","display","justifyContent","marginTop","paddingTop","paddingBottom","borderRadius","border","xy","flex","basis","grow","minWidth","maxWidth","height","marginRight","direction","marginLeft","textAlign","fontSize","letterSpacing","textTransform","lineHeight","Article","connect","state","currentBreakpoint","estimatedWidth","Math","min","Gigantic","imageUrl","Content","Title","title","mainContent","margin","x","objectFit","y","padding","h1"],"mappings":"+MAYe,WAACA,GAAoB,OAClC,kBAACC,EAAI,KACH,kBAACC,EAAY,KACX,kBAAC,EAAK,CAACC,OAAQ,IAAOC,KAAMC,IAAKL,EAAMM,eAAeC,OAExD,kBAACC,EAAK,KACJ,kBAACC,EAAI,KAAET,EAAMU,YACb,kBAACC,EAAW,KAAEX,EAAMY,sBAKpBX,EAAO,IAAOY,IAAI,CACtBC,UAAW,CACTC,MAAO,KACPC,MAAO,SACPC,MAAO,KAETC,aAAc,CACZH,MAAO,KACPC,MAAO,SACPC,MAAO,KAETE,QAAS,OACTC,eAAgB,SAChBC,UAAW,YAAY,IAAI,IAC3BC,WAAY,IACZC,cAAe,MAGX,EAAQ,YAAO,MAAS,GAC5BC,aAAc,MACdC,OAAQ,CACNC,GAAI,CACFX,MAAO,KACPC,MAAO,QACPC,MAAO,MAGXU,KAAM,CACJC,MAAO,aAAa,IACpBC,KAAM,OAEP,MAAsB,CACrBC,SAAU,aAAa,IACvBC,SAAU,aAAa,M,IAIrB7B,EAAe,IAAOW,MAAG,GAC7BmB,OAAQ,aAAa,KACrBjB,MAAO,aAAa,KACpBkB,YAAa,OACZ,MAAsB,CACrBA,YAAa,K,IAIXzB,EAAQ,IAAOK,IAAI,CACvBM,QAAS,OACTQ,KAAM,CACJC,MAAO,aAAa,KACpBM,UAAW,SACXL,KAAM,KAERT,eAAgB,SAChBe,WAAY,EACZL,SAAU,aAAa,KACvBM,UAAW,SAGP3B,EAAO,IAAOI,MAAG,GACrBwB,SAAU,IACVC,cAAe,aAAa,KAC5BC,cAAe,cACd,MAAsB,CACrBF,SAAU,IACVC,cAAe,aAAa,I,IAI1B3B,EAAc,IAAOE,MAAG,GAC5BwB,SAAU,IACVG,WAAY,WACX,MAAsB,CACrBH,SAAU,M,IC3CRI,GANS,iBAAAC,EAAA,IACb,SAACC,GAA4B,OAC3BC,kBAAmBD,EAAMC,qBAFd,EA1BM,SAAC5C,GACpB,IAAM6C,EAAiBC,KAAKC,IAC1B,aAAoBD,KAAKC,IAAI/C,EAAM4C,kBAAmB,IAAWI,WACjE,MAEI7C,EAAS,YAAmB0C,EAAgB,gBAAe,IAAOzC,KAClEC,EAAML,EAAMiD,SAElB,OACE,kBAACR,EAAO,KACN,kBAAC,EAAK,CAACtC,OAAQA,EAAQE,IAAKA,EAAIE,MAChC,kBAAC2C,EAAO,KACN,kBAACC,EAAK,KAAEnD,EAAMoD,OACd,kBAAC,IAAW,eAAKpD,EAAMqD,eACrBrD,EAAMU,YAAcV,EAAMY,mBAAqBZ,EAAMM,iBACrD,kBAAC,EAAM,CACLI,WAAYV,EAAMU,WAClBE,kBAAmBZ,EAAMY,kBACzBN,eAAgBN,EAAMM,sBAclB,YAAO,MAAW,GAChCgD,OAAQ,CACNC,EAAG,QAELxB,SAAU,aAAa,KACvBhB,MAAO,SACN,MAAsB,CACrBO,WAAY,aAAa,K,KAIvB,EAAQ,YAAO,IAAW,CAC9BH,QAAS,QACTJ,MAAO,OACPyC,UAAW,UAGPN,EAAU,IAAOrC,IAAI,CACzByC,OAAQ,CACNG,EAAG,EACHF,EAAG,QAELG,QAAS,CACPD,EAAG,aAAa,KAElB1C,MAAO,kBAGHoC,EAAQ,IAAOQ,KAAE,GACrBtB,SAAU,IACVG,WAAY,SACZT,SAAU,aAAa,KACvBuB,OAAQ,CACNG,EAAG,EACHF,EAAG,QAELxC,MAAO,SACN,MAAsB,CACrBsB,SAAU,K","file":"assets/46.chunk.d50cb8bbd2d6fbab5125.js","sourcesContent":["import React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport BaseImage from 'Shared/Image';\r\nimport { Preset } from 'Shared/Image/Ratio';\r\nimport { black, thin, huge, pixelsToUnit, minMediumMediaQuery, small, delta, beta, kappa, sigma } from 'Shared/Style';\r\n\r\ntype PropType = {\r\n  authorName: string;\r\n  authorImageUrl: Scope.UrlViewModel;\r\n  authorDescription: string;\r\n};\r\n\r\nexport default (props: PropType) => (\r\n  <Base>\r\n    <ImageWrapper>\r\n      <Image preset={Preset.Tiny} src={props.authorImageUrl.url} />\r\n    </ImageWrapper>\r\n    <About>\r\n      <Name>{props.authorName}</Name>\r\n      <Description>{props.authorDescription}</Description>\r\n    </About>\r\n  </Base>\r\n);\r\n\r\nconst Base = styled.div({\r\n  borderTop: {\r\n    width: thin,\r\n    style: 'dashed',\r\n    color: black,\r\n  },\r\n  borderBottom: {\r\n    width: thin,\r\n    style: 'dashed',\r\n    color: black,\r\n  },\r\n  display: 'flex',\r\n  justifyContent: 'center',\r\n  marginTop: `calc(2 * ${huge})`,\r\n  paddingTop: huge,\r\n  paddingBottom: huge,\r\n});\r\n\r\nconst Image = styled(BaseImage, {\r\n  borderRadius: '50%',\r\n  border: {\r\n    xy: {\r\n      width: thin,\r\n      style: 'solid',\r\n      color: black,\r\n    },\r\n  },\r\n  flex: {\r\n    basis: pixelsToUnit(80),\r\n    grow: 0.25,\r\n  },\r\n  [minMediumMediaQuery]: {\r\n    minWidth: pixelsToUnit(80),\r\n    maxWidth: pixelsToUnit(120),\r\n  },\r\n});\r\n\r\nconst ImageWrapper = styled.div({\r\n  height: pixelsToUnit(120),\r\n  width: pixelsToUnit(120),\r\n  marginRight: small,\r\n  [minMediumMediaQuery]: {\r\n    marginRight: huge,\r\n  },\r\n});\r\n\r\nconst About = styled.div({\r\n  display: 'flex',\r\n  flex: {\r\n    basis: pixelsToUnit(189),\r\n    direction: 'column',\r\n    grow: 0.25,\r\n  },\r\n  justifyContent: 'center',\r\n  marginLeft: 0,\r\n  minWidth: pixelsToUnit(189),\r\n  textAlign: 'left',\r\n});\r\n\r\nconst Name = styled.div({\r\n  fontSize: delta,\r\n  letterSpacing: pixelsToUnit(2.1),\r\n  textTransform: 'uppercase',\r\n  [minMediumMediaQuery]: {\r\n    fontSize: beta,\r\n    letterSpacing: pixelsToUnit(3),\r\n  },\r\n});\r\n\r\nconst Description = styled.div({\r\n  fontSize: kappa,\r\n  lineHeight: 'normal',\r\n  [minMediumMediaQuery]: {\r\n    fontSize: sigma,\r\n  },\r\n});\r\n","/**\r\n * @ComponentFor MagazinePageViewModel\r\n */\r\nimport React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport { widthFromBreakpoint, Breakpoint } from '@avensia/scope';\r\nimport { ContentArea } from '@avensia/scope-episerver';\r\nimport { Article as BaseArticle } from 'Shared/PageLayout';\r\nimport MagazinePageViewModel from './MagazinePageViewModel.type';\r\nimport BaseImage from 'Shared/Image';\r\nimport { getSizes, getPresetFromWidth } from 'Shared/image-sizes';\r\nimport { Preset } from 'Shared/Image/Ratio';\r\nimport connect from 'Shared/connect';\r\nimport { pageMaxWidth, alpha, delta, pixelsToUnit, minMediumMediaQuery } from 'Shared/Style';\r\nimport Author from './MagazineAuthor';\r\n\r\ntype ConnectStateType = {\r\n  currentBreakpoint: number;\r\n};\r\n\r\ntype Props = MagazinePageViewModel & ConnectStateType;\r\n\r\nconst MagazinePage = (props: Props) => {\r\n  const estimatedWidth = Math.min(\r\n    widthFromBreakpoint(Math.min(props.currentBreakpoint, Breakpoint.Gigantic)),\r\n    pageMaxWidth,\r\n  );\r\n  const preset = getPresetFromWidth(estimatedWidth, getSizes()) || Preset.Tiny;\r\n  const src = props.imageUrl;\r\n\r\n  return (\r\n    <Article>\r\n      <Image preset={preset} src={src.url} />\r\n      <Content>\r\n        <Title>{props.title}</Title>\r\n        <ContentArea {...props.mainContent} />\r\n        {(props.authorName || props.authorDescription || props.authorImageUrl) && (\r\n          <Author\r\n            authorName={props.authorName}\r\n            authorDescription={props.authorDescription}\r\n            authorImageUrl={props.authorImageUrl}\r\n          />\r\n        )}\r\n      </Content>\r\n    </Article>\r\n  );\r\n};\r\n\r\nexport default connect(\r\n  (state): ConnectStateType => ({\r\n    currentBreakpoint: state.currentBreakpoint,\r\n  }),\r\n)(MagazinePage);\r\n\r\nconst Article = styled(BaseArticle, {\r\n  margin: {\r\n    x: 'auto',\r\n  },\r\n  maxWidth: pixelsToUnit(1000),\r\n  width: '100%',\r\n  [minMediumMediaQuery]: {\r\n    paddingTop: pixelsToUnit(25),\r\n  },\r\n});\r\n\r\nconst Image = styled(BaseImage, {\r\n  display: 'block',\r\n  width: '100%',\r\n  objectFit: 'cover',\r\n});\r\n\r\nconst Content = styled.div({\r\n  margin: {\r\n    y: 0,\r\n    x: 'auto',\r\n  },\r\n  padding: {\r\n    y: pixelsToUnit(15),\r\n  },\r\n  width: `calc(${100 - 2 * 4.6875}%)`, // 15px / 320px = 0.046875\r\n});\r\n\r\nconst Title = styled.h1({\r\n  fontSize: delta,\r\n  lineHeight: 'normal',\r\n  maxWidth: pixelsToUnit(600),\r\n  margin: {\r\n    y: 0,\r\n    x: 'auto',\r\n  },\r\n  width: '100%',\r\n  [minMediumMediaQuery]: {\r\n    fontSize: alpha,\r\n  },\r\n});\r\n"],"sourceRoot":""}