{"version":3,"file":"dist/build-client/static/js/Organisms-Blocks-StandardBlock-StandardBlock.698d56b5.chunk.js","mappings":"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","sources":["Atoms/Grids/GridItem.tsx","Atoms/Image/Image.tsx","Atoms/Links/IconLink.tsx","Organisms/Blocks/StandardBlock/ProductPageStandardBlock.tsx","Organisms/Blocks/StandardBlock/StandardBlockDefault.tsx","Organisms/Blocks/StandardBlock/StandardBlock.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 KexIconLoader, { LoadableIcons } from 'Kex/KexIconLoader';\r\nimport KexLink from 'Kex/KexLink';\r\nimport { useState } from 'react';\r\nimport {\r\n  animateUnderlineActive,\r\n  animateUnderlineNotActive,\r\n} from 'Shared/Common/animateUnderline';\r\nimport { styled } from 'stitches.config';\r\ntype PropTypes = {\r\n  whiteText?: boolean;\r\n  underline?: boolean;\r\n  onClick?: (x?: () => void) => void;\r\n  href?: string;\r\n  children: string | undefined;\r\n  focused?: true;\r\n  color?: string;\r\n  type?: keyof typeof LoadableIcons;\r\n};\r\n\r\nfunction IconLink({\r\n  whiteText = false,\r\n  onClick,\r\n  href,\r\n  children,\r\n  focused,\r\n  color,\r\n  type,\r\n  ...rest\r\n}: PropTypes) {\r\n  const [linkIsHovered, setLinkIsHovered] = useState(false);\r\n  const Icon = KexIconLoader(type ?? 'Arrow');\r\n  return (\r\n    <StyledLinkWrapper\r\n      onMouseOver={() => setLinkIsHovered(true)}\r\n      onMouseLeave={() => setLinkIsHovered(false)}\r\n    >\r\n      <StyledKexLink\r\n        {...rest}\r\n        onClick={onClick}\r\n        href={href}\r\n        fontFamily={'primary400'}\r\n        underlined={false}\r\n      >\r\n        <Text linkIsHovered={linkIsHovered} data-whitetext={whiteText}>\r\n          {children}\r\n        </Text>\r\n        <IconWrapper\r\n          data-linkhovered={linkIsHovered}\r\n          data-whitetext={whiteText}\r\n        >\r\n          <Icon size={'m'} color={'primary'} rotateLeft />\r\n        </IconWrapper>\r\n      </StyledKexLink>\r\n    </StyledLinkWrapper>\r\n  );\r\n}\r\n\r\nconst StyledKexLink = styled(KexLink, {\r\n  width: 'fit-content',\r\n  display: 'flex',\r\n});\r\n\r\nconst IconWrapper = styled('div', {\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  m: 'auto',\r\n  ml: 2,\r\n});\r\n\r\nconst StyledLinkWrapper = styled('div', {\r\n  width: 'fit-content',\r\n});\r\n\r\nconst Text = styled('span', {\r\n  m: 'auto',\r\n  '&:nth-child(n)[data-whitetext=\"true\"]': { color: '$pureWhite' },\r\n  ...animateUnderlineNotActive,\r\n  variants: {\r\n    linkIsHovered: {\r\n      true: {\r\n        ...animateUnderlineActive,\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nexport default styled(IconLink);\r\n","import StandardBlockModel from 'Models/Blocks/StandardBlock/StandardBlockModel.interface';\r\nimport XHtmlArea from 'Molecules/XHtmlArea/XHtmlArea';\r\nimport { applyEditModeAttr } from 'Shared/Common/Helpers';\r\nimport useMedia from 'Shared/Hooks/useMedia';\r\nimport { styled } from 'stitches.config';\r\nimport { mediaQueryTypes } from 'Theme/Settings/mediaQueries';\r\nimport { baseHeadingStyle } from 'Atoms/Typography/Headings/BaseHeadingStyle';\r\nimport GridItem from 'Atoms/Grids/GridItem';\r\n\r\ntype PropTypes = {\r\n  content: StandardBlockModel;\r\n};\r\n\r\nfunction StandardBlock({\r\n  content: {\r\n    heading,\r\n    image,\r\n    secondaryImage,\r\n    rightPositioned,\r\n    bodyText,\r\n    inEditMode,\r\n    subheading,\r\n  },\r\n}: PropTypes) {\r\n  const isMobile = useMedia(mediaQueryTypes.mediaMaxLarge);\r\n\r\n  const imageStyling =\r\n    secondaryImage && rightPositioned\r\n      ? `url(${image.src}?preset=standard-block-right-main)`\r\n      : rightPositioned\r\n      ? `url(${image.src}?preset=standard-block-right-main)`\r\n      : image && `url(${image.src}?preset=standard-block-left-main)`;\r\n\r\n  const isSplitImage = secondaryImage !== undefined;\r\n\r\n  return (\r\n    <GridItem layout=\"FullWidth\" css={GridItemCss}>\r\n      <Root>\r\n        <Column\r\n          css={{\r\n            flexDirection: isMobile\r\n              ? 'column'\r\n              : rightPositioned\r\n              ? 'row-reverse'\r\n              : 'row',\r\n          }}\r\n        >\r\n          <ImageContainer\r\n            css={{\r\n              flexDirection:\r\n                secondaryImage && !rightPositioned ? 'row' : 'row-reverse',\r\n            }}\r\n          >\r\n            {image && (\r\n              <ImageArea\r\n                isSplitImage={isSplitImage}\r\n                {...applyEditModeAttr(inEditMode && 'Image')}\r\n                css={{\r\n                  backgroundImage: imageStyling,\r\n                }}\r\n              ></ImageArea>\r\n            )}\r\n            {secondaryImage && (\r\n              <SecondaryImageArea\r\n                {...applyEditModeAttr(inEditMode && 'Image')}\r\n                css={{\r\n                  backgroundImage: `url(${secondaryImage.src}?preset=standard-block-secondary)`,\r\n                  marginLeft:\r\n                    secondaryImage && !rightPositioned && isMobile\r\n                      ? '8px'\r\n                      : secondaryImage && !rightPositioned\r\n                      ? '32px'\r\n                      : '',\r\n                  marginRight: secondaryImage && !rightPositioned ? '0px' : '',\r\n                }}\r\n              ></SecondaryImageArea>\r\n            )}\r\n          </ImageContainer>\r\n\r\n          <TextContainer\r\n            css={{\r\n              justifyContent: isMobile\r\n                ? 'center'\r\n                : rightPositioned\r\n                ? 'flex-end'\r\n                : 'flex-start',\r\n            }}\r\n            rightPositioned={rightPositioned}\r\n          >\r\n            <TextWrapper>\r\n              <SubHeadingWrapper>{subheading} </SubHeadingWrapper>\r\n\r\n              <Heading {...applyEditModeAttr(inEditMode && 'Heading')}>\r\n                {heading.toUpperCase()}\r\n              </Heading>\r\n              <BodyWrapper>\r\n                <XHtmlArea\r\n                  css={{ lineHeight: '$lh15' }}\r\n                  {...applyEditModeAttr(inEditMode && 'BodyText')}\r\n                  content={bodyText}\r\n                />\r\n              </BodyWrapper>\r\n            </TextWrapper>\r\n          </TextContainer>\r\n        </Column>\r\n      </Root>\r\n    </GridItem>\r\n  );\r\n}\r\n\r\nexport default StandardBlock;\r\n\r\nconst Root = styled('div', {\r\n  gridColumnStart: 'auto',\r\n  gridColumnEnd: 'span 12',\r\n  flexWrap: 'wrap',\r\n  display: 'flex',\r\n  justifyContent: 'center',\r\n  w: '100%',\r\n  '&:nth-child(n)[data-blocklayout=\"1/1\"]': {\r\n    '@mediaMinMedium': {\r\n      flexWrap: 'nowrap',\r\n    },\r\n  },\r\n  backgroundColor: 'unset',\r\n});\r\n\r\nconst GridItemCss = {\r\n  '@mediaMinLarge': {\r\n    '&:nth-child(0)': {\r\n      '& section': {\r\n        top: '-79px',\r\n      },\r\n    },\r\n\r\n    '&:nth-child(1)': {\r\n      '& section': {\r\n        top: '-79px',\r\n      },\r\n    },\r\n  },\r\n};\r\n\r\nconst SubHeadingWrapper = styled('div', {\r\n  mb: 2,\r\n  fs: 6,\r\n  color: '$primaryLight3',\r\n  lineHeight: '$lh133',\r\n});\r\n\r\nconst BodyWrapper = styled('div', {\r\n  mb: 8,\r\n});\r\n\r\nconst Column = styled('div', {\r\n  display: 'flex',\r\n  width: '100%',\r\n  '@mediaMinLarge': {\r\n    py: 7.5,\r\n  },\r\n});\r\n\r\nconst ImageContainer = styled('div', {\r\n  display: 'flex',\r\n  flexDirection: 'row-reverse',\r\n  w: '100%',\r\n  justifyContent: 'center',\r\n  height: '100%',\r\n});\r\n\r\nconst ImageArea = styled('section', {\r\n  w: '100%',\r\n  backgroundRepeat: 'no-repeat',\r\n  backgroundSize: 'cover',\r\n  position: 'relative',\r\n  order: 0,\r\n  variants: {\r\n    isSplitImage: {\r\n      true: {\r\n        minWidth: '150px',\r\n        '@mediaMinHuge': {\r\n          width: '100%',\r\n        },\r\n      },\r\n      false: {\r\n        width: '100%',\r\n        '@mediaMinHuge': {\r\n          width: '100%',\r\n        },\r\n      },\r\n    },\r\n  },\r\n  height: '238px',\r\n  '@mediaMinMedium': {\r\n    height: '431px',\r\n  },\r\n});\r\n\r\nconst SecondaryImageArea = styled('section', {\r\n  w: '192px',\r\n  backgroundRepeat: 'no-repeat',\r\n  backgroundSize: 'cover',\r\n  marginRight: '8px',\r\n  position: 'relative',\r\n  order: 0,\r\n  '@mediaMinMedium': {\r\n    marginRight: '32px',\r\n  },\r\n});\r\n\r\nconst TextContainer = styled('div', {\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  pt: 5,\r\n  pb: 16,\r\n  px: 4,\r\n  w: '100%',\r\n  color: '$textPrimary',\r\n  '@mediaMinLarge': {\r\n    py: 16,\r\n    px: 8,\r\n  },\r\n  variants: {\r\n    rightPositioned: {\r\n      false: {\r\n        '@mediaMinLarge': {\r\n          pl: 26,\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nconst TextWrapper = styled('div', {\r\n  wordBreak: 'break-word',\r\n  '@mediaMinLarge': {\r\n    width: '416px',\r\n  },\r\n});\r\n\r\nconst Heading = styled('h2', {\r\n  ...baseHeadingStyle,\r\n  fs: 12,\r\n  lineHeight: '$lh116',\r\n  fontFamily: '$fontPrimary400',\r\n  mt: 0,\r\n  mb: 4,\r\n});\r\n","import StandardBlockModel from 'Models/Blocks/StandardBlock/StandardBlockModel.interface';\r\nimport XHtmlArea from 'Molecules/XHtmlArea/XHtmlArea';\r\nimport { applyEditModeAttr, canUseDOM } from 'Shared/Common/Helpers';\r\nimport useMedia from 'Shared/Hooks/useMedia';\r\nimport { styled } from 'stitches.config';\r\nimport { mediaQueryTypes } from 'Theme/Settings/mediaQueries';\r\nimport { baseHeadingStyle } from 'Atoms/Typography/Headings/BaseHeadingStyle';\r\nimport Image from 'Atoms/Image/Image';\r\nimport { useEffect, useMemo, useRef, useState } from 'react';\r\nimport IconLink from 'Atoms/Links/IconLink';\r\nimport { SizeConstants } from 'Theme/Settings/sizes';\r\nimport GridItem from 'Atoms/Grids/GridItem';\r\n\r\ntype PropTypes = {\r\n  content: StandardBlockModel;\r\n};\r\n\r\nfunction StandardBlockDefault({\r\n  content: {\r\n    heading,\r\n    image,\r\n    rightPositioned,\r\n    bodyText,\r\n    inEditMode,\r\n    links,\r\n    subheading,\r\n  },\r\n}: PropTypes) {\r\n  const windowDim = useWindowDimensions();\r\n  const isMobile = useMedia(mediaQueryTypes.mediaMaxLarge);\r\n  const lazyLoadRef = useRef<HTMLDivElement>(null);\r\n\r\n  const calcMargin = useMemo(() => {\r\n    if (canUseDOM()) {\r\n      if (windowDim.innerWidth > 1328) {\r\n        const customWidth =\r\n          (windowDim.innerWidth - SizeConstants.contentMaxWidth) / 2;\r\n\r\n        return rightPositioned\r\n          ? {\r\n              marginLeft: customWidth + 'px',\r\n            }\r\n          : {\r\n              marginRight: customWidth + 'px',\r\n            };\r\n      }\r\n    }\r\n  }, [windowDim, rightPositioned]);\r\n\r\n  return (\r\n    <GridItem layout=\"FullWidth\">\r\n      <Root ref={lazyLoadRef}>\r\n        <CC>\r\n          <Column\r\n            css={{\r\n              ...calcMargin,\r\n            }}\r\n            rightPositioned={rightPositioned}\r\n          >\r\n            {image && (\r\n              <ImageArea\r\n                css={{\r\n                  order: isMobile || !rightPositioned ? '0' : '1',\r\n                }}\r\n                {...applyEditModeAttr(inEditMode && 'Image')}\r\n              >\r\n                <Image\r\n                  src={image.src + `?preset=standard-block-left-main`}\r\n                  alt={image.alt}\r\n                  externalRef={lazyLoadRef}\r\n                />\r\n              </ImageArea>\r\n            )}\r\n\r\n            <TextContainer\r\n              css={{\r\n                justifyContent: isMobile\r\n                  ? 'flex-start'\r\n                  : rightPositioned\r\n                  ? 'flex-start'\r\n                  : 'flex-end',\r\n              }}\r\n              rightPositioned={rightPositioned}\r\n            >\r\n              <TextWrapper>\r\n                <SubHeadingWrapper>{subheading} </SubHeadingWrapper>\r\n\r\n                <Heading {...applyEditModeAttr(inEditMode && 'Heading')}>\r\n                  {heading.toUpperCase()}\r\n                </Heading>\r\n                <BodyWrapper>\r\n                  <XHtmlArea\r\n                    css={{ lineHeight: '$lh15' }}\r\n                    {...applyEditModeAttr(inEditMode && 'BodyText')}\r\n                    content={bodyText}\r\n                  />\r\n                </BodyWrapper>\r\n                {links &&\r\n                  links.map((item, index) => (\r\n                    <IconLink\r\n                      type=\"Arrow\"\r\n                      href={item.href}\r\n                      key={item.id + index}\r\n                    >\r\n                      {item.text}\r\n                    </IconLink>\r\n                  ))}\r\n              </TextWrapper>\r\n            </TextContainer>\r\n          </Column>\r\n        </CC>\r\n      </Root>\r\n    </GridItem>\r\n  );\r\n}\r\n\r\nfunction useWindowDimensions() {\r\n  const [windowDimensions, setWindowDimensions] = useState<any>({\r\n    innerWidth: 0,\r\n    innerHeight: 0,\r\n  });\r\n\r\n  useEffect(() => {\r\n    canUseDOM() &&\r\n      setWindowDimensions({\r\n        innerWidth: window.innerWidth,\r\n        innerHeight: window.innerHeight,\r\n      });\r\n    function handleResize() {\r\n      if (canUseDOM())\r\n        setWindowDimensions({\r\n          innerWidth: window.innerWidth,\r\n          innerHeight: window.innerHeight,\r\n        });\r\n    }\r\n    if (canUseDOM()) window.addEventListener('resize', handleResize);\r\n\r\n    if (canUseDOM())\r\n      return () => window.removeEventListener('resize', handleResize);\r\n  }, []);\r\n\r\n  return windowDimensions;\r\n}\r\n\r\nexport default StandardBlockDefault;\r\nconst CC = styled('div', {\r\n  w: '100%',\r\n  mx: 'auto',\r\n  py: 0,\r\n});\r\n\r\nconst Root = styled('div', {\r\n  h: '100%',\r\n  width: '100%',\r\n  display: 'flex',\r\n  justifyContent: 'center',\r\n  mb: 4,\r\n  '@mediaMinLarge': {\r\n    mb: 30,\r\n  },\r\n  '&:nth-child(n)[data-blocklayout=\"1/1\"]': {\r\n    '@mediaMinMedium': {\r\n      flexWrap: 'nowrap',\r\n      mb: 30,\r\n    },\r\n  },\r\n});\r\n\r\nconst SubHeadingWrapper = styled('div', {\r\n  mb: 2,\r\n  fs: 6,\r\n  color: '$primaryLight3',\r\n  lineHeight: '$lh133',\r\n});\r\n\r\nconst BodyWrapper = styled('div', {\r\n  mb: 8,\r\n});\r\n\r\nconst Column = styled('div', {\r\n  display: 'grid',\r\n  g: 8,\r\n  marginLeft: 'auto',\r\n  width: 'auto',\r\n  variants: {\r\n    rightPositioned: {\r\n      true: {\r\n        '@mediaMinLarge': {\r\n          gridTemplateColumns: '25% 73%',\r\n          pl: 5,\r\n        },\r\n      },\r\n      false: {\r\n        '@mediaMinLarge': {\r\n          gridTemplateColumns: '53% 45%',\r\n          pr: 5,\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nconst ImageArea = styled('section', {\r\n  w: '100%',\r\n  display: 'flex',\r\n  position: 'relative',\r\n  order: 0,\r\n  '& img': {\r\n    height: 'inherit',\r\n    width: 'inherit',\r\n    objectFit: 'cover',\r\n    aspectRatio: '16/9',\r\n  },\r\n\r\n  height: '238px',\r\n  '@mediaMinMedium': {\r\n    height: '442px',\r\n  },\r\n  '@mediaMinLarge': {\r\n    height: '468px',\r\n  },\r\n  '@mediaMinMassive': {\r\n    height: 'auto',\r\n  },\r\n});\r\n\r\nconst TextContainer = styled('div', {\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  maxWidth: '590px',\r\n  pt: 5,\r\n  w: '100%',\r\n  color: '$textPrimary',\r\n  p: 4,\r\n  '@mediaMinLarge': {\r\n    p: 0,\r\n  },\r\n  variants: {\r\n    rightPositioned: {\r\n      false: {\r\n        '@mediaMinLarge': {\r\n          pl: 18,\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nconst TextWrapper = styled('div', {\r\n  wordBreak: 'break-word',\r\n  '@mediaMinLarge': {\r\n    width: '416px',\r\n  },\r\n  width: 'auto',\r\n});\r\n\r\nconst Heading = styled('h2', {\r\n  ...baseHeadingStyle,\r\n  fs: 12,\r\n  lineHeight: '$lh116',\r\n  fontFamily: '$fontPrimary400',\r\n  mt: 0,\r\n  mb: 4,\r\n});\r\n","import StandardBlockModel from 'Models/Blocks/StandardBlock//StandardBlockModel.interface';\r\nimport useCurrentPage from 'Shared/Hooks/useCurrentPage';\r\nimport ProductPageStandardBlock from './ProductPageStandardBlock';\r\nimport StandardBlockDefault from './StandardBlockDefault';\r\n\r\ntype PropTypes = {\r\n  content: StandardBlockModel;\r\n};\r\n\r\nfunction StandardBlock({ content }: PropTypes) {\r\n  const { pageType } = useCurrentPage();\r\n  const isProductPage = pageType === 'ProductPage';\r\n  return isProductPage ? (\r\n    <ProductPageStandardBlock content={content} />\r\n  ) : (\r\n    <StandardBlockDefault content={content} />\r\n  );\r\n}\r\n\r\nexport default StandardBlock;\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","StyledKexLink","KexLink","display","IconWrapper","alignItems","m","StyledLinkWrapper","Text","color","animateUnderlineNotActive","variants","linkIsHovered","true","animateUnderlineActive","whiteText","onClick","href","type","focused","rest","useState","setLinkIsHovered","Icon","KexIconLoader","onMouseOver","onMouseLeave","fontFamily","underlined","size","rotateLeft","content","heading","image","secondaryImage","rightPositioned","bodyText","inEditMode","subheading","isMobile","useMedia","mediaQueryTypes","imageStyling","isSplitImage","undefined","GridItem","GridItemCss","Root","Column","flexDirection","ImageContainer","ImageArea","applyEditModeAttr","backgroundImage","SecondaryImageArea","TextContainer","justifyContent","TextWrapper","SubHeadingWrapper","Heading","toUpperCase","BodyWrapper","XHtmlArea","lineHeight","flexWrap","backgroundColor","top","mb","fs","py","backgroundRepeat","backgroundSize","order","minWidth","false","pt","pb","pl","wordBreak","baseHeadingStyle","mt","links","windowDim","innerWidth","innerHeight","windowDimensions","setWindowDimensions","useEffect","handleResize","canUseDOM","window","addEventListener","removeEventListener","useWindowDimensions","lazyLoadRef","calcMargin","useMemo","customWidth","SizeConstants","CC","Image","map","item","index","IconLink","text","id","g","gridTemplateColumns","pr","objectFit","aspectRatio","p","useCurrentPage","pageType","ProductPageStandardBlock"],"sourceRoot":""}