https://cdn.shopify.com/shopifycloud/world/brochure/production-blog/assets/ArticleCarousel-BMaXpqS_.js

1import{H as e,z as t}from"./chunk-62JRHF6Z-CS0B5gRj.js";import{t as n}from"./jsx-runtime-Dv7-ob3D.js";import{S as r,T as i,h as a,m as o,x as s}from"./Wrapper-Qou99p7r.js";import{t as c}from"./BlogCard-Ck5K30NR.js";import{C as l}from"./I18N-DbcewOge.js";import{A as u}from"./useSignup-By7IaEZI.js";import{c as d}from"./NavigationSearch-DXn_9sL1.js";import{c as f}from"./Conversion-s4BnbzV9.js";var p=e(t(),1),m=e(o(),1),h=r(`tracking-[-.02em]`,`font-bold tablet:font-medium desktop:font-bold`,`mt-0`,`text-[18px] leading-[26px]`,`tablet:text-xl`,`desktop:text-2xl`,`blog-section-header`),g=s(`tracking-[-.02em] blog-section-header`,{variants:{headingTag:{h3:r(`text-t5 font-faktum`,`desktop:text-t3`,`font-medium`),h4:r(`text-[32px] leading-[40px]`,`desktop:text-[40px] desktop:leading-[48px] desktop:tracking-[-.01em]`,`font-bold`),h5:r(`text-[26px] leading-[30px]`,`tablet:text-[24px] tablet:leading-[32px]`,`font-bold tablet:font-medium`),h6:r(`text-[24px] leading-[30px]`,`tablet:text-[20px] tablet:leading-[28px]`,`font-bold tablet:font-medium desktop:font-bold`)}}}),_=s(`flex justify-between items-center`,{variants:{headingTag:{h3:`mb-9`,h4:`mb-16`,h5:`mb-9`,h6:`mb-9`}}}),v=n();function y({heading:e,headingTag:t=`h4`,link:n,className:r,containerStyles:o,children:s,upliftMigration:c=!1}){return(0,v.jsxs)(`div`,{className:i(`py-10 tablet-xl:py-16`,(0,m.default)({"desktop:py-20":t===`h4`}),r),children:[(0,v.jsx)(`div`,{className:`container`,children:(0,v.jsxs)(`div`,{className:_({headingTag:t}),children:[(0,v.jsx)(a,{className:c?`text-t3 text-shade-100 font-sans`:g({headingTag:t}),as:t,children:e}),n&&(0,v.jsx)(f,{className:`hidden tablet:inline-flex header-link`,link:n})]})}),(0,v.jsxs)(`div`,{className:i(`container`,o),children:[s,n&&(0,v.jsx)(f,{className:`tablet:hidden mt-9 header-link`,link:n})]})]})}var b=s([`flex justify-start flex-nowrap`,`max-w-full overflow-x-auto snap-x snap-mandatory gap-x-gutter pr-[var(--margin)]`],{variants:{mode:{default:[`lg:flex-wrap lg:justify-center lg:overflow-hidden`,`lg:gap-y-gutter lg:mb-gutter`,`lg:mx-auto lg:py-4 lg:pr-0`],blogBP:["desktop:flex-wrap desktop:justify-center desktop:overflow-hidden`",`desktop:gap-y-gutter desktop:mb-gutter`,`desktop:mx-auto desktop:py-4  desktop:pr-0`]}}}),x=s(`support-card shrink-0 snap-center w-[296px]`,{variants:{mode:{default:`lg:basis-1/4-gutter`,blogBP:`desktop:basis-1/4-gutter`}}}),S=s(`mobile-indicators mt-6 flex justify-center gap-x-2`,{variants:{mode:{default:`lg:hidden`,blogBP:`desktop:hidden`}}}),C=s(`rounded-full box-content w-2 h-2`,{variants:{isActive:{true:`bg-black`,false:`bg-[#d9d9d9]`},blogType:{[l.BLOG]:`w-2 h-2`,[l.RETAIL]:`w-2 h-2`,[l.PARTNERS]:`w-2 h-2`,[l.ENTERPRISE]:`w-[10px] h-[10px]`,[l.ENGINEERING]:`w-2 h-2`}},compoundVariants:[{isActive:!0,blogType:[l.ENGINEERING],class:`!bg-[#E7ECFB]`},{isActive:!1,blogType:[l.ENGINEERING],class:`!bg-[#9AA7C8]`}]});function w({primaryArticles:e,enBlogPath:t,heading:n,headingTag:r,link:i,carouselName:a,className:o,mode:s=`blogBP`,preferredBlogCardTag:f,blogType:h,blogCardMode:g,blogPageType:_=`frontPage`,upliftMigration:w=!1}){let[T,E]=(0,p.useState)(0),D=h===l.ENTERPRISE,O=u(d.max.lg);(0,p.useEffect)(()=>{let e=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&E([...e.target.parentNode.children].indexOf(e.target))})},{threshold:.7});document.querySelectorAll(`.${a}`).forEach(t=>{e.observe(t)})},[a]);let k=O||_===`frontPage`?`grid-4`:`noImage`,A=e=>D&&`topicHandle`in e?e.topicHandle:D?void 0:f;return(0,v.jsxs)(y,{heading:n,link:i,containerStyles:s==="default"?`max-lg:!mr-0`:`max-desktop:!mr-0`,className:o,headingTag:r,upliftMigration:w,children:[(0,v.jsx)(`div`,{className:b({mode:s}),children:e.map(e=>(0,v.jsx)(`div`,{className:(0,m.default)(a,x({mode:s})),children:(0,v.jsx)(c,{blogType:h,article:e,enBlogPath:t,type:k,mode:g,smallImage:!0,preferredTag:A(e),upliftMigration:w})},`card-${e.handle}`))}),(0,v.jsx)(`div`,{className:S({mode:s}),children:e.map((e,t)=>(0,v.jsx)(`div`,{className:C({isActive:T===t,blogType:h})},`indicator-${t}`))})]})}export{h as a,y as i,x as n,b as r,w as t};
2//# sourceMappingURL=ArticleCarousel-BMaXpqS_.js.map