https://www.brother-usa.com/mobify/bundle/1020/components-feature-carousel.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[970,1161,2481,7711],{569:(e,t,r)=>{r.r(t),r.d(t,{default:()=>b});var a=r(75826),l=r.n(a),n=r(77810),o=r(59146),i=r(28137),c=r(67234),d=r(21052),s=r(78041),u=r(99405),m=r(97224);const p=({card:e})=>{var t,r,a,l,p,b,g,h,v;const{image:f={}}=(null==e?void 0:e.cardImage)||{},x=(0,u.YA)(f),E=null==e||null===(t=e.creatorBadge)||void 0===t?void 0:t.badgeTitle,w=null==e||null===(r=e.creatorBadge)||void 0===r?void 0:r.preHeaderText,y=[null==e||null===(a=e.cardImage)||void 0===a?void 0:a.altText,E?`${w||""} ${E}`.trim():""].filter(Boolean).join(" ");return n.createElement(o.a,{"data-card":!0,flex:"0 0 auto",scrollSnapAlign:"start",width:{base:"90%",sm:"calc(70% - 8px)",lg:"calc(33.33% - 40px)"},height:{base:80,md:96},position:"relative"},n.createElement(m.A,{url:null==e?void 0:e.cardLink,"aria-label":y},n.createElement(o.a,{as:"div",width:"full",height:"full"},n.createElement(o.a,{as:"img",src:x,alt:(null==e||null===(l=e.cardImage)||void 0===l?void 0:l.altText)||"",objectFit:"cover",width:"full",height:"full"}),n.createElement(o.a,{position:"absolute",bottom:"0",zIndex:1,padding:8,w:"full"},n.createElement(i.$,{as:"div",colorScheme:"white",maxW:"80%",w:"max-content",maxH:48,fontSize:14,pl:2,pr:2,py:2,justifyContent:"flex-start",border:"1px",borderColor:"brand.gray200",boxShadow:"0px 2px 16px 0px rgba(0, 0, 0, 0.08)",_hover:{borderColor:"transparent"},_active:{borderColor:"transparent"}},n.createElement(c.s,{alignItems:"center",textAlign:"left",overflow:"hidden"},n.createElement(s.eg,{name:null==e||null===(p=e.creatorBadge)||void 0===p||null===(b=p.imageSection)||void 0===b||null===(g=b.image)||void 0===g?void 0:g.name,borderRadius:20,width:"30px",height:"30px",minW:"30px"}),n.createElement(c.s,{gap:1,ml:2,direction:"column"},n.createElement(d.E,{textStyle:"caption",noOfLines:1,display:"block"},null==e||null===(h=e.creatorBadge)||void 0===h?void 0:h.preHeaderText),n.createElement(d.E,{textStyle:"caption",fontWeight:700,noOfLines:1,display:"block"},null==e||null===(v=e.creatorBadge)||void 0===v?void 0:v.badgeTitle))))))))};p.propTypes={card:l().object,isLoading:l().bool,props:l().object};const b=p},8243:(e,t,r)=>{r.d(t,{A:()=>n});var a=r(77810),l=r(94615);const n=({mp4:e,webm:t})=>a.createElement(a.Fragment,null,a.createElement("source",{src:null==e?void 0:e.mobile_720p,type:"video/mp4",media:"(max-width: 567px)"}),a.createElement("source",{src:null==t?void 0:t.mobile_720p,type:"video/webm",media:"(max-width: 567px)"}),a.createElement("source",{src:null==e?void 0:e.desktop_720p,type:"video/mp4"}),a.createElement("source",{src:null==t?void 0:t.desktop_720p,type:"video/webm"}),a.createElement("source",{src:null==e?void 0:e.desktop_480p,type:"video/mp4"}),a.createElement("source",{src:null==t?void 0:t.desktop_480p,type:"video/webm"}),a.createElement("track",{src:(0,l.sU)("static/public/captions_en.vtt"),kind:"captions",srcLang:"en",label:"english_captions"}))},25308:(e,t,r)=>{r.r(t),r.d(t,{default:()=>x});var a=r(75826),l=r.n(a),n=r(77810),o=r(59146),i=r(67234),c=r(21052),d=r(85353),s=r(28137),u=r(92612),m=r(78041),p=r(34692),b=r(99405),g=r(73448),h=r(8243),v=r(97224);const f=({card:e})=>{var t,r;const{video:a={}}=(null===(t=e.cardDetails)||void 0===t?void 0:t.backgroundVideo)||{},{image:l={}}=(null===(r=e.cardDetails)||void 0===r?void 0:r.cardImage)||{},f=(0,p.A)(),x=(0,n.useRef)(null),{cardType:E,cardDetails:w}=e||{},{cardImage:y,cardTexts:A,ctaButton:_}=w||{},{labelIconImage:S={},eyebrowText:k,title:C,hTag:j="h6"}=A||{},{poster:T=g.hr,mp4:I={},webm:O={}}=(0,b.ZS)(a),L=(0,b.YA)(l);return(0,n.useEffect)((()=>{x.current&&(x.current.muted=!0,x.current.defaultMuted=!0)}),[]),n.createElement(o.a,{"data-card":!0,flex:"0 0 auto",scrollSnapAlign:"start",width:{base:"85%",sm:"calc(50% - 8px)",lg:"calc(33.33% - 10px)",xl:"calc(25% - 12px)"},height:96,position:"relative"},"videoCard"===E?n.createElement(o.a,{ref:x,as:"video",src:(0,b.DQ)()?null==I?void 0:I.desktop_720p:null,autoPlay:!0,muted:!0,loop:!0,playsInline:!0,objectFit:"cover",position:"absolute",top:0,left:0,w:"full",h:"full",zIndex:0,title:C,poster:T},n.createElement(h.A,{mp4:I,webm:O}),f.formatMessage({id:"browser_does_not_support.video_tag",defaultMessage:[{type:0,value:"Browser does not support video tag"}]})):n.createElement(o.a,{as:"img",src:L,alt:(null==y?void 0:y.altText)||"",objectFit:"cover",width:"full",height:"full"}),n.createElement(o.a,{position:"absolute",bottom:"0",left:"0",width:"full",bgGradient:"linear-gradient(180deg, rgb(0 0 0 / 0%) 30%, rgb(0 0 0) 100%)",color:"transparent",height:96,borderRadius:4}),n.createElement(o.a,{position:"absolute",bottom:"0",zIndex:1,padding:8,w:"full"},"imageCard"===E&&n.createElement(n.Fragment,null,n.createElement(i.s,{direction:"column",gap:2,mb:6},k&&n.createElement(c.E,{textStyle:"subtitle3",color:"brand.gray200"},k),C&&n.createElement(d.D,{as:j,variant:"h6",color:"brand.white",fontSize:"20px"},C)),(null==_?void 0:_.url)&&n.createElement(v.A,{url:_.url,"aria-label":C?`${null==_?void 0:_.text} ${C}`:null==_?void 0:_.text},n.createElement(s.$,{colorScheme:"white",maxW:"80%",w:"max-content",variant:"solid",size:"md","aria-hidden":"true",tabIndex:"-1",whiteSpace:"normal",h:"auto",minH:"unset",py:2,alignItems:"center",justifyContent:"flex-start"},n.createElement(u.B.span,{textStyle:"ctaTextWrap"},null==_?void 0:_.text)))),"videoCard"===E&&n.createElement(n.Fragment,null,(null==A?void 0:A.ctaLink)&&n.createElement(v.A,{url:A.ctaLink,"aria-label":`${C||""} ${k||""}`.trim()},n.createElement(s.$,{colorScheme:"white",maxW:"80%",w:"max-content",size:"md",px:2,justifyContent:"flex-start",border:"1px",borderColor:"brand.gray200",boxShadow:"0px 2px 16px 0px rgba(0, 0, 0, 0.08)",_hover:{borderColor:"transparent"},_active:{borderColor:"transparent"},"aria-hidden":"true",tabIndex:"-1",h:"auto",minH:"unset"},n.createElement(o.a,{display:"grid",gridTemplateColumns:"auto 1fr",columnGap:1,alignItems:"center",w:"full",h:"auto",py:2},n.createElement(m.eg,{name:null==S?void 0:S.name,borderRadius:20,width:"30px",height:"30px",minW:"30px"}),n.createElement(i.s,{direction:"column",align:"center",justify:"center",w:"full",pr:2,gap:1},k&&n.createElement(c.E,{textStyle:"caption",whiteSpace:"normal",w:"full"},k),C&&n.createElement(c.E,{textStyle:"caption",fontWeight:700,whiteSpace:"normal",w:"full"},C))))))))};f.propTypes={card:l().object,isLoading:l().bool,props:l().object};const x=f},39306:(e,t,r)=>{r.r(t),r.d(t,{default:()=>j});

1var a=r(10939),l=r(77810),n=r(75826),o=r.n(n),i=r(34692),c=r(96182),d=r(59146),s=r(69290),u=r(67234),m=r(21052),p=r(85353),b=r(28137),g=r(92612),h=r(12609),v=r(77176),f=r(78041),x=r(39362),E=r(25308),w=r(51931),y=r(569),A=r(69361),_=r(97224);function S(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function k(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?S(Object(r),!0).forEach((function(t){(0,a.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):S(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const C=({content:e,componentName:t=""})=>{var r,a,n;if(!e||!t)return null;const{backgroundColor:o,cardSection:S,headSection:C}=e||{},{heading:j="",ctaButton:T,icons:I,eyebrowText:O="",hTag:L="h5"}=C||{};let D=[];if("card-highlight-carousel"===t?D=(null==S?void 0:S.highlightCards)||[]:"inspiration-carousel"===t?D=(null==e?void 0:e.resourceCards)||[]:"overview-carousel"===t&&(D=((null==S?void 0:S.overviewCards.map((e=>k(k({},e),{},{backgroundColor:null==S?void 0:S.backgroundColor}))))||[]).filter((e=>null==e?void 0:e.ctaLink))),0===D.length)return null;const{icon:W=""}=(null==S?void 0:S.upArrowIcon)||{},{leftArrowIcon:B,rightArrowIcon:$}=I||{},z=null==B||null===(r=B.icon)||void 0===r?void 0:r.name,M=null==$||null===(a=$.icon)||void 0===a?void 0:a.name,H=(0,c.A)({base:"h5",md:"h4"}),P="inspiration-carousel"===t,F=(0,c.A)({base:!0,md:!1}),N=(0,i.A)(),R="#071956"===o,G=(0,l.useRef)(),K=(0,x.h)(D),U=(0,c.A)({base:1,sm:2,md:2,lg:3,xl:4})||1,[Y,Z]=(0,l.useState)(!1),[q,Q]=(0,l.useState)(!1),V=()=>{const e=G.current;e&&(Z(Math.round(e.scrollLeft)>40),Q(Math.round(e.scrollWidth-e.clientWidth-e.scrollLeft)>0))},X=k({},Y?{base:{bg:"transparent"},lg:{bg:R?"brand.whiteAlpha.10":"brand.grayAlpha.32"}}:{}),J=k({},q?{base:{bg:"transparent"},lg:{bg:R?"brand.whiteAlpha.10":"brand.grayAlpha.32"}}:{});(0,l.useEffect)((()=>{const e=G.current;if(e)return V(),e.addEventListener("scroll",V),()=>e.removeEventListener("scroll",V)}),[]);const ee=e=>{const t=G.current;if(!t)return;const r=t.querySelector("[data-card]");if(!r)return;const a=r.offsetWidth+16,l=t.scrollLeft,n=t.scrollWidth-t.clientWidth;if("right"===e){const e=l+a;t.scrollTo({left:Math.min(e,n),behavior:"smooth"})}else{const e=l-a;t.scrollTo({left:Math.max(e,0),behavior:"smooth"})}};return l.createElement(d.a,{as:"section",py:{base:12,md:20},id:(0,w.z)(null==e?void 0:e._meta),bg:o||"brand.white"},l.createElement(s.m,{maxW:"container.xxl",px:{base:4,md:20}},l.createElement(u.s,{direction:"column",gap:8},l.createElement(u.s,{justify:"space-between",align:"center",gap:4},l.createElement(u.s,{direction:"column",gap:1,flex:1},O&&l.createElement(m.E,{textStyle:"subtitle2",color:R?"brand.gray400":"brand.gray500",fontWeight:"bold",wordBreak:"break-word"},O),j&&l.createElement(p.D,{as:L,variant:H,color:R?"white":"brand.gray600black",wordBreak:"break-word"},j)),!F&&T&&(null==T?void 0:T.url)&&l.createElement(_.A,{url:T.url,"aria-label":j?`${null==T?void 0:T.text} ${j}`:null==T?void 0:T.text},l.createElement(b.$,{variant:"solid",colorScheme:R?"white":"blue","aria-hidden":"true",tabIndex:"-1",size:"lg",maxW:60,minH:12,h:"auto",py:2},l.createElement(g.B.span,{textStyle:"ctaTextWrap"},null==T?void 0:T.text))),!F&&((null===(n=D)||void 0===n?void 0:n.length)>U||P)&&l.createElement(h.z,{spacing:4},z&&l.createElement(v.K,{icon:l.createElement(f.eg,{name:z,color:R?"#ffffff":"#000A2C"}),onClick:()=>ee("left"),isDisabled:!Y,"aria-label":N.formatMessage({id:"carousel.button.scroll_left.assistive_msg",defaultMessage:[{type:0,value:"Scroll carousel left"}]}),p:3,border:"1px",borderColor:"brand.gray200",bg:"transparent",_hover:X,_active:X,w:12,h:12}),M&&l.createElement(v.K,{icon:l.createElement(f.eg,{name:M,color:R?"#ffffff":"#000A2C"}),onClick:()=>ee("right"),isDisabled:!q,"aria-label":N.formatMessage({id:"carousel.button.scroll_right.assistive_msg",defaultMessage:[{type:0,value:"Scroll right"}]}),p:3,border:"1px",borderColor:"brand.gray200",bg:"transparent",_hover:J,_active:J,w:12,h:12}

1))),l.createElement(d.a,{ref:G,overflowX:"auto",css:{"&::-webkit-scrollbar":{display:"none"}},scrollSnapType:"x mandatory",w:"full"},l.createElement(u.s,{gap:4,px:K},D.map(((e,r)=>l.createElement(l.Fragment,{key:r},"card-highlight-carousel"===t&&l.createElement(E.default,{card:e,key:r}),"inspiration-carousel"===t&&l.createElement(y.default,{card:e,key:r}),"overview-carousel"===t&&l.createElement(A.default,{key:r,content:e,upArrowIconName:null==W?void 0:W.name})))))),F&&T&&(null==T?void 0:T.url)&&l.createElement(_.A,{url:T.url,"aria-label":j?`${null==T?void 0:T.text} ${j}`:null==T?void 0:T.text},l.createElement(b.$,{colorScheme:R?"white":"blue",maxW:"max-content",variant:"solid",size:"lg","aria-hidden":"true",tabIndex:"-1"},l.createElement(g.B.span,{noOfLines:1,overflow:"hidden"},null==T?void 0:T.text))))))};C.propTypes={content:o().object,componentName:o().string};const j=C},39362:(e,t,r)=>{r.d(t,{h:()=>l});var a=r(96182);const l=(e=[])=>{const t=(0,a.A)({base:"base",sm:"sm",md:"md",lg:"lg",xl:"xl"});return(()=>{const r=(e=>{switch(e){case"xl":return 4;case"lg":return 3;case"md":case"sm":return 2;default:return 1}})(t);return e.length<=r?0:{base:4,sm:4,md:6,lg:8}})()}},51931:(e,t,r)=>{r.d(t,{z:()=>a});const a=e=>(null==e?void 0:e.deliveryId)||""},69361:(e,t,r)=>{r.r(t),r.d(t,{default:()=>x});var a=r(77810),l=r(75826),n=r.n(l),o=r(32280),i=r(59146),c=r(65694),d=r(40913),s=r(65958),u=r(21052),m=r(85353),p=r(95936),b=r(67234),g=r(78041),h=r(99405),v=r(97224);const f=({content:e,upArrowIconName:t})=>{const{image:r,preHeading:l,title:n,altText:f,ctaLink:x,backgroundColor:E,hTag:w="h6"}=e||{},y="#071956"===E,A=(0,h.YA)(r);return a.createElement(v.A,{url:x,"aria-label":`${l??""}${n??""}`},a.createElement(o.Z,{as:x?"a":"div","data-card":!0,scrollSnapAlign:"start",flex:"0 0 auto",width:{base:"85%",sm:"calc(50% - 8px)",lg:"calc(33.33% - 10px)",xl:"calc(25% - 12px)"},minW:"200px",border:"1px",borderColor:"brand.gray200",bg:"brand.white",overflow:"hidden",borderRadius:"none",shadow:"none",padding:0,background:E||"brand.white"},a.createElement(i.a,{height:"164px",overflow:"hidden"},a.createElement(c._,{src:A,alt:f||"",objectFit:"cover",w:"full",h:"full"})),a.createElement(d.b,{p:5,minHeight:"164px"},a.createElement(s.B,{spacing:2},l&&a.createElement(u.E,{textStyle:"subtitle3",color:y?"brand.gray400":"brand.gray500"},l),a.createElement(m.D,{as:w,variant:"h6",size:"md",color:y?"white":"brand.gray600black",fontWeight:"bold",noOfLines:3,wordBreak:"break-word"},n))),t&&a.createElement(p.w,{borderTop:"1px",borderColor:y?"brand.blueGray":"brand.gray200",p:0},a.createElement(b.s,{align:"center"},a.createElement(i.a,{p:3,borderRight:"1px",borderColor:y?"brand.blueGray":"brand.gray200",color:"brand.white"},a.createElement(g.eg,{name:t,color:y?"#ffffff":"#0D2EA0"}))))))};f.propTypes={cardData:n().object,upArrowIconName:n().string};const x=f}}]);