{"version":3,"file":"static/chunks/4805.1f74aa1a7dc25b98.js","mappings":"mjDAWO,IAAMA,EAAUC,EAAAA,QAAAA,IAAAA,WAAU,C,2DAAVA,C,IAGVC,EAAAA,OAAAA,OACKC,SAAAA,G,OAAKA,EAAEC,WAAa,OAAoB,OAAbD,EAAEC,WAAW,8BAA8B,gBAO3DC,EAAAA,GAAAA,QAavBF,SAAAA,G,OAAKG,EAAAA,EAAAA,IAAYH,MACjBA,SAAAA,G,OAAKI,EAAAA,EAAAA,IAAqBJ,EAAG,cAGtBK,GAAOP,EAAAA,EAAAA,SAAOQ,EAAAA,GAAc,Y,wDAArBR,C,IAKKI,EAAAA,GAAAA,QAKZK,GAAMT,EAAAA,EAAAA,SAAOU,EAAAA,YAAW,Y,uDAAlBV,C,KAQNW,EAAQX,EAAAA,QAAAA,IAAAA,WAAU,C,yDAAVA,C,IAETY,EAAAA,EAAAA,GAIaR,EAAAA,GAAAA,OACTQ,EAAAA,EAAAA,IAGVV,SAAAA,G,OAAKI,EAAAA,EAAAA,IAAqBJ,EAAG,oBAGtBW,EAAcb,EAAAA,QAAAA,IAAAA,WAAU,C,+DAAVA,C,IAEfY,EAAAA,EAAAA,GAINV,SAAAA,G,OAAKI,EAAAA,EAAAA,IAAqBJ,EAAG,0B,WChDnC,EAfoB,Y,IAAGY,EAAO,EAAPA,QAASC,EAAK,EAALA,MAAOC,EAAI,EAAJA,KAAMC,EAAY,EAAZA,aAAcd,EAAU,EAAVA,WAAYe,EAAqB,EAArBA,sBAAuBC,EAAG,EAAHA,IACpFC,GAAeC,EAAAA,EAAAA,GAAeN,EAAOI,GAE3C,OACI,SAACG,GAAU,gBAACC,GAAIT,EAASX,WAAYA,GAAgBc,EAAkBC,GAAqB,C,UACxF,SAACI,EAAO,CAACE,SAAS,O,UACd,UAACF,EAAM,C,WACH,SAACA,GAAQ,kBAAKL,GAAY,CAAEQ,wBAAyB,CAAEC,OAAQN,OAC/D,SAACE,GAAc,kBAAKL,GAAY,CAAEQ,wBAAyB,CAAEC,OAAQV,gB,qECnB5EK,EAAiB,W,IAACM,EAAO,UAAH,6CAAG,GAAIR,EAAY,uCAClD,OAAKQ,GAASR,EAGP,IAAWS,OAAPT,EAAI,KAA4BA,QAAzBS,EAAAA,EAAAA,GAAeD,GAAM,MAAQ,OAAJR,EAAI,KAFpCQ,I,sDCHR,IAAMC,EAAiB,W,IAACF,EAAS,UAAH,6CAAG,GAC9BG,EAAS,gBACTC,EAAOJ,EAAOK,QAAQF,EAAQ,IACpC,OAAOC","sources":["webpack://_N_E/./src/components/LandingBlock/BgBlock/styled.tsx","webpack://_N_E/./src/components/LandingBlock/BgBlock/index.tsx","webpack://_N_E/./src/helpers/getTextWithTag.ts","webpack://_N_E/./src/helpers/isHtmlWithText.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@r1-frontend/ui-react/assets/js/constants';\nimport GridContainer from '@r1-frontend/ui-react/components/layouts/gridContainer';\nimport { FlexBoxRow } from '@r1-frontend/ui-react/components/layouts/flexBoxGrid';\nimport { fonts } from '~/src/helpers/font';\nimport { blockMargin, breakPoints, CSSPropWithBreakpoints, styleWithBreakPoints } from '~/src/components/LandingBlock/styled';\n\nexport interface IBgBlockStyles {\n    [key: string]: CSSPropWithBreakpoints;\n}\n\nexport const Wrapper = styled.div<{ [key: string]: string }>`\n    display: flex;\n    width: 100%;\n    color: ${COLORS.white};\n    background: ${p => p.background ? `url(${p.background}) no-repeat center / cover` : 'transparent'};\n    transition: all 1.5s ease 0s;\n    overflow: hidden;\n            \n    &:hover {\n        background-size: 104% 154%;\n\n        @media (max-width: ${breakPoints.tablet}) {\n            background-size: 100% 150%;\n        }\n\n        @media (max-width: 425px) {\n            background-size: 100% 100%;\n        }\n    }\n\n    @media (max-width: 425px) {\n        background-size: 100% 100%;\n    }\n    \n    ${p => blockMargin(p)};\n    ${p => styleWithBreakPoints(p, 'BgBlock')};\n`;\n\nexport const Grid = styled(GridContainer)`\n    display: flex;\n    margin-top: 150px;\n    margin-bottom: 150px;\n\n    @media (max-width: ${breakPoints.mobile}) {\n        margin: 40px auto;\n    }\n`;\n\nexport const Row = styled(FlexBoxRow)`\n    flex-direction: column;\n    max-width: 985px;\n    min-width: 280px;\n    margin: 0 auto;\n    flex: 1 1 auto;\n`;\n\nexport const Title = styled.div`\n    width: 100%;\n    font: ${fonts.H2};\n    margin-bottom: 15px;\n    text-align: left;\n\n    @media (max-width: ${breakPoints.tablet}) {\n        font: ${fonts.H3};\n    }\n\n    ${p => styleWithBreakPoints(p, 'BgBlock.Title')};\n`;\n\nexport const Description = styled.div`\n    width: 100%;\n    font: ${fonts.S};\n    margin-bottom: 0;\n    text-align: left;\n\n    ${p => styleWithBreakPoints(p, 'BgBlock.Description')};\n`;\n","import * as ST from './styled';\nimport { getTextWithTag } from '~/src/helpers/getTextWithTag';\n\ninterface IProps {\n    blockId: string;\n    title: string;\n    desc: string;\n    customStyles?: ST.IBgBlockStyles;\n    background?: string;\n    additionalBlockConfig?: any;\n    tag?: string;\n}\n\nconst BlockWithBg = ({ blockId, title, desc, customStyles, background, additionalBlockConfig, tag }: IProps): JSX.Element => {\n    const titleWithTag = getTextWithTag(title, tag);\n\n    return (\n        <ST.Wrapper id={blockId} background={background} {...customStyles} {...additionalBlockConfig}>\n            <ST.Grid modeName='wide'>\n                <ST.Row>\n                    <ST.Title {...customStyles} dangerouslySetInnerHTML={{ __html: titleWithTag }} />\n                    <ST.Description {...customStyles} dangerouslySetInnerHTML={{ __html: desc }} />\n                </ST.Row>\n            </ST.Grid>\n        </ST.Wrapper>\n    );\n};\n\nexport default BlockWithBg;\n","import { isHtmlWithText } from './isHtmlWithText';\n\nexport const getTextWithTag = (text = '', tag?: string): string => {\n    if (!text || !tag) {\n        return text;\n    }\n    return `<${tag}>${isHtmlWithText(text)}</${tag}>`;\n};\n","\nexport const isHtmlWithText = (__html = ''): string => {\n    const regExp = /(<([^>]+)>)/ig;\n    const html = __html.replace(regExp, '');\n    return html;\n};\n"],"names":["Wrapper","styled","COLORS","p","background","breakPoints","blockMargin","styleWithBreakPoints","Grid","GridContainer","Row","FlexBoxRow","Title","fonts","Description","blockId","title","desc","customStyles","additionalBlockConfig","tag","titleWithTag","getTextWithTag","ST","id","modeName","dangerouslySetInnerHTML","__html","text","isHtmlWithText","regExp","html","replace"],"sourceRoot":""}