{"version":3,"file":"js/7849.js","mappings":"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","sources":["webpack:///./resources/js/components/blades/ColumnedMedia.jsx"],"sourcesContent":["import PropTypes from \"prop-types\";\nimport CmsImageLoader from \"@/base/CmsImageLoader\";\nimport Video from \"@/base/Video\";\nimport {ButtonPill} from \"@/base\";\n\nconst ColumnedMedia = ({entity, image_size, text_theme, image, video }) => {\n\n    const size = image_size?.value === 'standard' ? '770px' : '660px';\n\n    const textDarkColor = {\n        color: '#000',\n        textShadow: \"0 0 1.5rem rgb(255 255 255 / 80%)\"\n    };\n\n    const textLightColor = {\n        color: '#fff',\n        textShadow: \"0 0 1.5rem rgb(0 0 0 / 80%)\"\n    };\n\n    const textOptions = [text_theme?.value === \"light\" ? textLightColor : textDarkColor];\n\n    const getBackground = () => {\n\n        if(video?.video_id?.value){\n            return (\n                <Video video_id={video.video_id.value} video_provider={video.video_provider.value} autoplay={true} background={true}/>\n            )\n        }\n\n        if(image?.image_url?.value){\n            return (\n                <CmsImageLoader\n                    css={{ width: \"100%\", height: \"100%\", objectFit: \"cover\", position: \"absolute\" }}\n                    url={image.image_url.value} alt={image.image_alt?.value}/>\n            )\n        }\n    }\n\n    const getColumns = () => {\n\n        // find our columns array in the entity\n        let columns = entity.value.elements.find((el)=>el.render_name==='columns');\n\n        // for each column\n        return columns?.value?.elements.map((column)=>{\n\n            // determine what elements to display\n            let elements = column.value.elements.map((colEl)=>{\n\n                if(colEl.render_name === 'basic_html'){\n                    return <div css={textOptions} className={'text-center'} key={`basic_html_${colEl.id}`} dangerouslySetInnerHTML={{__html:colEl.value}}/>\n                }\n\n                if(colEl.render_name === 'button'){\n\n                    let buttonUrl = colEl.value.elements.find(subEl=>subEl.render_name==='button_url');\n                    let buttonText = colEl.value.elements.find(subEl=>subEl.render_name==='button_text');\n                    let buttonTheme = colEl.value.elements.find(subEl=>subEl.render_name==='button_theme');\n\n                    return (\n                        <div className={'text-center'} key={`button_${colEl.id}`}>\n                            <ButtonPill className={'mx-auto'} to={buttonUrl.value}\n                                        buttonTheme={buttonTheme.value}>{buttonText.value}</ButtonPill>\n                        </div>\n                    )\n                }\n            })\n\n            return (\n                <div key={column.id} className={'size-full size-md-1of3 px-2 px-sm-4 mb-4 mb-md-0'}>{elements}</div>\n            )\n        })\n    }\n\n    const overlayCss = {\n        height: '100%',\n        width: '100%',\n        position: 'absolute',\n        pointerEvents: 'none',\n        top: 0,\n        bottom: 0,\n        left: 0,\n        right: 0,\n        background: 'linear-gradient(180deg, rgba(0, 0, 0, 0) 55.21%, rgba(0, 0, 0, 0.48) 73.96%)'\n    }\n\n    return (\n        <div data-aos=\"fade-in\" data-aos-delay={200}\n             css={{position: \"relative\", overflow: \"hidden\", minHeight: size}}\n                className={'d-flex align-items-center align-items-md-end'}>\n\n            {getBackground()}\n\n            <div css={overlayCss}/>\n\n            <div className={'posRelative size-full p-4 p-lg-6 d-flex flex-row justify-content-center flex-wrap'} >\n\n                {getColumns()}\n\n            </div>\n\n        </div>\n    );\n};\n\nColumnedMedia.propTypes = {\n    entity: PropTypes.object,\n    image_size: PropTypes.object,\n    text_theme: PropTypes.object,\n    image: PropTypes.object,\n    video: PropTypes.object\n};\n\nexport default ColumnedMedia;\n"],"names":["_ref2","name","styles","ColumnedMedia","_ref","_columns$value","columns","_video$video_id","_image$image_url","_image$image_alt","entity","image_size","text_theme","image","video","size","value","textOptions","color","textShadow","_jsxs","css","_css","position","overflow","minHeight","className","children","video_id","_jsx","Video","video_provider","autoplay","background","image_url","CmsImageLoader","url","alt","image_alt","height","width","pointerEvents","top","bottom","left","right","elements","find","el","render_name","map","column","colEl","dangerouslySetInnerHTML","__html","concat","id","buttonUrl","subEl","buttonText","buttonTheme","ButtonPill","to","propTypes","PropTypes"],"sourceRoot":""}