{"version":3,"file":"13cf2fda.js","sources":["../../../src/components/globals/section/front-page-carousel/FrontPageCarousel.client.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport FoursixtyCarousel from '@base/foursixty-carousel/FoursixtyCarousel.client';\n\nexport default function FrontPageCarousel({data}: {data: any}): JSX.Element {\n  const fsStyles = `\n    .fs-shop-now {\n      background: white;\n      color: #222;\n      padding: 12px 24px;\n      margin: 8px;\n      box-sizing: content-box;\n    }\n  `;\n\n  const scriptHtml = `\n    <div class=\"fs-entry-container\">\n      <div tabindex=\"0\" role=\"button\" aria-label=\"open detail modal for <%= post.service %> post by <%= post.author_username %> on <%= dateFormat(post.time_posted) %>\" id=\"fs-post-<%= feedNumber %>-<%= post.id %>\" class=\"fs-timeline-entry <%= addClass %>\">\n        <div class=\"fs-text-container\">\n          <div class=\"fs-service-icon\">\n            <i class=\"fs-icon fs-fa-<%= getSocialIconName(post.service.toLowerCase()) %>\"></i>\n          </div>\n          <% if (post.links.length > 0) { %>\n            <div class=\"fs-shop-now\"><span>SHOP NOW</span></div>\n          <% } %>\n          <div class=\"fs-timeline-text\">\n            <% if (title) { %>\n            <div class=\"fs-entry-title\"><%= title + addstr %></div>\n            <% } %>\n          </div>\n          <div class=\"fs-entry-date\"><%= dateFormat(post.time_posted) %></div>\n        </div>\n      </div>\n    </div>\n  `.trim();\n\n  return (\n    <section\n      className={clsx(\n        'foursixty-section',\n        'container-fluid',\n        data.removeTopMargin && 'foursixty-section--removed-top-margin',\n        data.reduceTopMargin && 'foursixty-section--reduced-top-margin',\n        data.removeMarginMobile && 'foursixty-section--no-margin-mobile',\n        data.removeMargin && 'foursixty-section--no-margin',\n      )}\n      id={`fs_${data._id}`}\n      style={{color: data.textColor}}\n    >\n      <div className=\"row\">\n        <div className=\"col-12\">\n          <header className=\"section-header featured-header\">\n            <h2 className=\"section-header__heading section-header__heading--small\">\n              {data.titleDisplay}\n            </h2>\n          </header>\n          <style>{fsStyles}</style>\n\n          <script type=\"text/template\" id=\"fs_entry_override\">\n            {scriptHtml}\n          </script>\n          <FoursixtyCarousel />\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"names":["FrontPageCarousel","data","fsStyles","scriptHtml","trim","clsx","removeTopMargin","reduceTopMargin","removeMarginMobile","removeMargin","_id","color","textColor","_jsx","titleDisplay","FoursixtyCarousel"],"mappings":"4YAGA,SAAwBA,EAAkB,CAACC,KAAAA,CAAiB,EAAgB,CAC1E,MAAMC,EAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUZC,EAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAmBlBC,KAAM,EAER,SACE,UAAA,CACE,UAAWC,EACT,oBACA,kBACAJ,EAAKK,iBAAmB,wCACxBL,EAAKM,iBAAmB,wCACxBN,EAAKO,oBAAsB,sCAC3BP,EAAKQ,cAAgB,8BAA8B,EAErD,GAAK,MAAKR,EAAKS,MACf,MAAO,CAACC,MAAOV,EAAKW,SAAS,EAAE,WAE/B,MAAA,CAAK,UAAU,MAAK,WAClB,MAAA,CAAK,UAAU,SAAQ,SACrB,CAAAC,EAAA,SAAA,CAAQ,UAAU,iCAAgC,WAChD,KAAA,CAAI,UAAU,yDAAwD,SACnEZ,EAAKa,YAAAA,CAAY,CAAA,CACf,EAEPD,EAAA,QAAA,CAAA,SAAQX,CAAAA,CAAQ,EAEhBW,EAAA,SAAA,CAAQ,KAAK,gBAAgB,GAAG,oBAAmB,SAChDV,CACM,CAAA,EACTU,EAACE,EAAoB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACjB,CAAA,CAEA,CAEd"}