{"version":3,"file":"js/3454.js","mappings":"oMAOMA,EAAY,SAAHC,GAMT,IALJC,EAAWD,EAAXC,YACAC,EAAKF,EAALE,MACAC,EAAMH,EAANG,OACAC,EAAcJ,EAAdI,eACAC,EAAIL,EAAJK,KAEMC,GAAQC,EAAAA,EAAAA,KACRC,EAAYF,EAAMG,KAAKC,WAEvBC,GAAWC,EAAAA,EAAAA,GAAe,CAACN,EAAMO,WAAWC,IAAjCF,CAAsC,CACrDG,UAAW,CAAC,QAAS,WAGjBC,GAAaC,EAAAA,EAAAA,IAAI,qBAADC,OACNV,EAAS,gBAGnBW,EAAmC,SAAtBlB,EAAYmB,MAAmB,YAAc,aAE5DC,EAAS,CACVlB,GAAUA,EAAOiB,MAAQ,IAAM,EAC/Bf,GAAQA,EAAKe,MAASjB,GAAUA,EAAOiB,MAAQ,IAAM,IAAO,EAC5Df,GAAQA,EAAKe,MAASjB,GAAUA,EAAOiB,MAAQ,IAAM,IAAO,KAGzDE,EAA+B,WAAvBrB,aAAW,EAAXA,EAAamB,OAAoB,sBAAwB,cAEvE,OACIG,EAAAA,EAAAA,IAAA,OAAKC,UAAS,sBAAAN,OAAwBI,GAAQG,SAAA,EAE5CC,EAAAA,EAAAA,GAAA,OAAKT,IAAKN,EAAUa,UAAW,qCAAqCC,SACjEvB,IACGwB,EAAAA,EAAAA,GAACC,EAAAA,EAAc,CAACH,UAAW,WAAYI,IAAK1B,EAAM2B,WAAa3B,EAAM2B,UAAUT,MAC/DU,IAAK5B,EAAM6B,UAAY7B,EAAM6B,SAASX,MACtC,WAAU,UAAW,4BAA2B,qBAKtEG,EAAAA,EAAAA,IAAA,OAAKC,UAAW,kFAAkFC,SAAA,EAC/FtB,aAAM,EAANA,EAAQiB,SACLM,EAAAA,EAAAA,GAACM,EAAAA,GAAM,CAAAP,UACLC,EAAAA,EAAAA,GAAA,OAAK,WAAUP,EAAW,iBAAgBE,EAAO,GAAGI,SAAEtB,EAAOiB,WAIlEf,aAAI,EAAJA,EAAMe,SACHM,EAAAA,EAAAA,GAACO,EAAAA,GAAI,CAAAR,UACHC,EAAAA,EAAAA,GAAA,OAAK,WAAUP,EAAW,iBAAgBE,EAAO,GAAIJ,IAAKD,EAAYkB,wBAAyB,CAAEC,OAAQ9B,EAAKe,YAGnHhB,aAAc,EAAdA,EAAgBgC,eACbV,EAAAA,EAAAA,GAAA,QAAAD,UACEC,EAAAA,EAAAA,GAACW,EAAAA,EAAU,CAACC,GAAIlC,aAAc,EAAdA,EAAgBmC,WAAWnB,MAC/B,WAAUD,EAAW,iBAAgBE,EAAO,GAAGI,SAAErB,EAAegC,YAAYhB,eAOxG,EAEArB,EAAUyC,UAAY,CACpBvC,YAAawC,IAAAA,OACbvC,MAAOuC,IAAAA,OACPC,aAAcD,IAAAA,OACdE,gBAAiBF,IAAAA,OACjBtC,OAAQsC,IAAAA,OACRrC,eAAgBqC,IAAAA,OAChBpC,KAAMoC,IAAAA,QAGR,S","sources":["webpack:///./resources/js/components/blades/FlagBlade.jsx"],"sourcesContent":["import {useTheme, css} from \"@emotion/react\";\nimport PropTypes from \"prop-types\";\n\nimport useBreakpoints from \"@util/breakpoints\";\nimport CmsImageLoader from \"../base/CmsImageLoader\";\nimport { ButtonPill, Text, Kicker } from \"@/base\";\n\nconst FlagBlade = ({\n  align_image,\n  image,\n  kicker,\n  call_to_action,\n  text,\n}) => {\n  const theme = useTheme();\n  const baseTheme = theme.base.fontFamily;\n\n  const imgStyle = useBreakpoints([theme.breakpoint.md])({\n    minHeight: ['660px', '770px']\n  });\n\n  const textStyles = css(`\n    font-theme: ${baseTheme};\n  `);\n\n  const direction =  align_image.value === \"left\" ? \"fade-left\" : \"fade-right\";\n\n  let delays = [\n    (kicker && kicker.value ? 200 : 0),\n    (text && text.value ? (kicker && kicker.value ? 400 : 200) : 0),\n    (text && text.value ? (kicker && kicker.value ? 600 : 400) : 200),\n  ];\n\n  const align = align_image?.value === \"right\" ? \"flex-md-row-reverse\" : \"flex-md-row\";\n\n  return (\n      <div className={`d-flex flex-column ${align}`}>\n\n        <div css={imgStyle} className={'size-full size-md-1of2 posRelative'}>\n          {image && (\n              <CmsImageLoader className={'img-fill'} url={image.image_url && image.image_url.value}\n                              alt={image.alt_text && image.alt_text.value}\n                              data-aos={\"zoom-in\"} data-aos-anchor-placement={\"center-bottom\"}/>\n          )}\n\n        </div>\n\n        <div className={'container py-4 size-full size-md-1of2 d-flex flex-column justify-content-center'}>\n          {kicker?.value && (\n              <Kicker>\n                <div data-aos={direction} data-aos-delay={delays[0]}>{kicker.value}</div>\n              </Kicker>\n          )}\n\n          {text?.value && (\n              <Text>\n                <div data-aos={direction} data-aos-delay={delays[1]} css={textStyles} dangerouslySetInnerHTML={{ __html: text.value }} />\n              </Text>\n          )}\n          {call_to_action?.button_text && (\n              <span>\n                <ButtonPill to={call_to_action?.button_url.value}\n                            data-aos={direction} data-aos-delay={delays[2]}>{call_to_action.button_text.value}</ButtonPill>\n              </span>\n          )}\n        </div>\n\n      </div>\n  );\n};\n\nFlagBlade.propTypes = {\n  align_image: PropTypes.object,\n  image: PropTypes.object,\n  banner_title: PropTypes.object,\n  banner_subtitle: PropTypes.object,\n  kicker: PropTypes.object,\n  call_to_action: PropTypes.object,\n  text: PropTypes.object,\n};\n\nexport default FlagBlade;\n"],"names":["FlagBlade","_ref","align_image","image","kicker","call_to_action","text","theme","useTheme","baseTheme","base","fontFamily","imgStyle","useBreakpoints","breakpoint","md","minHeight","textStyles","css","concat","direction","value","delays","align","_jsxs","className","children","_jsx","CmsImageLoader","url","image_url","alt","alt_text","Kicker","Text","dangerouslySetInnerHTML","__html","button_text","ButtonPill","to","button_url","propTypes","PropTypes","banner_title","banner_subtitle"],"sourceRoot":""}