{"version":3,"file":"js/7118.js","mappings":"gLAKMA,EAAmB,SAAHC,GAA0C,IAArCC,EAAMD,EAANC,OAAQC,EAAWF,EAAXE,YAAaC,EAAUH,EAAVG,WAExCC,EAAkC,UAAtBF,EAAYG,MAAoB,gBAAkB,gBAC9DC,EAAkC,UAAtBJ,EAAYG,MAAoB,gBAAkB,gBAE5DE,EAAc,SAACC,GAAQ,IAAAC,EACrBC,EAAcT,EAAOI,MAAMM,SAASC,MAAK,SAAAC,GAAE,OAAEA,EAAGC,cAAcN,CAAG,IAErE,OAAOE,SAAkB,QAAPD,EAAXC,EAAaL,aAAK,IAAAI,OAAA,EAAlBA,EAAoBE,SAASI,KAAI,SAACC,GAErC,GAAwB,WAArBA,EAAKF,YACJ,OAAOG,EAAAA,EAAAA,GAACC,EAAAA,GAAM,CAAAC,SAA4BH,EAAKX,OAAK,UAAAe,OAAtBJ,EAAKK,KAGvC,GAAwB,eAArBL,EAAKF,YACJ,OAAOG,EAAAA,EAAAA,GAAA,OAAmCK,wBAAyB,CAACC,OAAOP,EAAKX,QAAO,cAAAe,OAAxDJ,EAAKK,KAGxC,GAAwB,UAArBL,EAAKF,YAAwB,CAC5B,IAAIU,EAAWR,EAAKX,MAAMM,SAASC,MAAK,SAAAa,GAAK,MAAsB,cAApBA,EAAMX,WAAyB,IAC1EY,EAAUV,EAAKX,MAAMM,SAASC,MAAK,SAAAa,GAAK,MAAsB,aAApBA,EAAMX,WAAwB,IACxEa,GAAWC,EAAAA,EAAAA,IAAI,qJAAD,OAOlB,OAAOX,EAAAA,EAAAA,GAAA,OAA8BY,UAAW,OAAQD,IAAKD,EAASR,UAClEF,EAAAA,EAAAA,GAACa,EAAAA,EAAc,CAACC,IAAKP,EAASnB,MAAO2B,IAAKN,EAAQrB,SAAS,SAAAe,OADrCJ,EAAKK,IAEnC,CAEA,GAAwB,WAArBL,EAAKF,YAAyB,CAE7B,IAAImB,EAAYjB,EAAKX,MAAMM,SAASC,MAAK,SAAAa,GAAK,MAAsB,eAApBA,EAAMX,WAA0B,IAC5EoB,EAAalB,EAAKX,MAAMM,SAASC,MAAK,SAAAa,GAAK,MAAsB,gBAApBA,EAAMX,WAA2B,IAC9EqB,EAAcnB,EAAKX,MAAMM,SAASC,MAAK,SAAAa,GAAK,MAAsB,iBAApBA,EAAMX,WAA4B,IAEpF,OAAOG,EAAAA,EAAAA,GAACmB,EAAAA,EAAU,CAA2BC,GAAIJ,EAAU5B,MAAO8B,YAAaA,EAAY9B,MAAMc,SAAEe,EAAW7B,OAAK,UAAAe,OAAjFJ,EAAKK,IAC3C,CACJ,GACJ,EAEMiB,GAAiBV,EAAAA,EAAAA,IAAI,6HAAD,OAM1B,OACIX,EAAAA,EAAAA,GAAA,OAAK,WAAU,UAAWY,UAAU,iBAAgBV,UAChDoB,EAAAA,EAAAA,IAAA,OAAKV,UAAW,MAAMV,SAAA,EAClBF,EAAAA,EAAAA,GAAA,OAAKW,IAAKU,EAAgBT,UAAS,aAAAT,OAAoC,UAArBjB,EAAWE,MAAoBD,EAAYE,EAAS,2DAA2Da,SAC5JZ,EAAY,iBAEjBU,EAAAA,EAAAA,GAAA,OAAKW,IAAKU,EAAgBT,UAAS,aAAAT,OAAoC,UAArBjB,EAAWE,MAAoBC,EAAYF,EAAS,8CAA8Ce,SAC/IZ,EAAY,oBAKjC,EAEAR,EAAiByC,UAAY,CACzBvC,OAAQwC,IAAAA,OACRvC,YAAauC,IAAAA,OACbtC,WAAYsC,IAAAA,OACZC,WAAYD,IAAAA,OACZE,WAAYF,IAAAA,QAGhB,S","sources":["webpack:///./resources/js/components/blades/TwoColFocusBlade.jsx"],"sourcesContent":["import PropTypes from \"prop-types\";\nimport {ButtonPill, Kicker} from \"@/base\";\nimport CmsImageLoader from \"@/base/CmsImageLoader\";\nimport {css} from \"@emotion/react\";\n\nconst TwoColFocusBlade = ({entity, split_ratio, focus_side}) => {\n\n    let focusSize = split_ratio.value === '60_40' ? 'size-md-6of10' : 'size-md-7of10';\n    let otherSize = split_ratio.value === '60_40' ? 'size-md-4of10' : 'size-md-3of10';\n\n    const renderItems = (col) => {\n        let columnItems = entity.value.elements.find(el=>el.render_name===col);\n\n        return columnItems?.value?.elements.map((item)=>{\n\n            if(item.render_name === 'kicker'){\n                return <Kicker key={`kicker_${item.id}`}>{item.value}</Kicker>\n            }\n\n            if(item.render_name === 'basic_html'){\n                return <div key={`basic_html_${item.id}`} dangerouslySetInnerHTML={{__html:item.value}}/>\n            }\n\n            if(item.render_name === 'image'){\n                let imageUrl = item.value.elements.find(subEl=>subEl.render_name==='image_url');\n                let altText = item.value.elements.find(subEl=>subEl.render_name==='alt_text');\n                let imageMax = css(`\n                    max-width: 100%;\n                    img{\n                        max-width: 100%\n                    }\n                `)\n\n                return <div key={`image_${item.id}`} className={'mb-2'} css={imageMax}>\n                    <CmsImageLoader url={imageUrl.value} alt={altText.value} /></div>\n            }\n\n            if(item.render_name === 'button'){\n\n                let buttonUrl = item.value.elements.find(subEl=>subEl.render_name==='button_url');\n                let buttonText = item.value.elements.find(subEl=>subEl.render_name==='button_text');\n                let buttonTheme = item.value.elements.find(subEl=>subEl.render_name==='button_theme');\n\n                return <ButtonPill key={`button_${item.id}`} to={buttonUrl.value} buttonTheme={buttonTheme.value}>{buttonText.value}</ButtonPill>\n            }\n        })\n    }\n\n    const lastChildCatch = css(`\n        > div:last-child, > div:last-child > *:last-child {\n            margin-bottom: 0px !important;\n        }\n    `)\n\n    return (\n        <div data-aos={\"fade-up\"} className=\"container py-4\">\n            <div className={'row'}>\n                <div css={lastChildCatch} className={`size-full ${focus_side.value === 'first' ? focusSize : otherSize } pb-3 pb-md-0 d-flex flex-column justify-content-center`}>\n                    {renderItems('column_one')}\n                </div>\n                <div css={lastChildCatch} className={`size-full ${focus_side.value === 'first' ? otherSize : focusSize } d-flex flex-column justify-content-center`}>\n                    {renderItems('column_two')}\n                </div>\n            </div>\n        </div>\n    );\n};\n\nTwoColFocusBlade.propTypes = {\n    entity: PropTypes.object,\n    split_ratio: PropTypes.object,\n    focus_side: PropTypes.object,\n    column_one: PropTypes.object,\n    column_two: PropTypes.object\n};\n\nexport default TwoColFocusBlade;\n"],"names":["TwoColFocusBlade","_ref","entity","split_ratio","focus_side","focusSize","value","otherSize","renderItems","col","_columnItems$value","columnItems","elements","find","el","render_name","map","item","_jsx","Kicker","children","concat","id","dangerouslySetInnerHTML","__html","imageUrl","subEl","altText","imageMax","css","className","CmsImageLoader","url","alt","buttonUrl","buttonText","buttonTheme","ButtonPill","to","lastChildCatch","_jsxs","propTypes","PropTypes","column_one","column_two"],"sourceRoot":""}