https://www.stokecityfc.com/_nuxt/BfuQlL4J.js

1import{_ as q}from"./BznQIMrz.js";import{_ as B}from"./Di_6R8zS.js";import{d as D,aY as F,I as K,N,o as w,c as S,b as T,w as P,F as U,i as Y,aG as A,j as J,aq as Q,bj as V,ao as W,a as X,u as r,n as $,P as Z,m as ee,K as te,r as i,l as f,M as ae,R as le}from"./DmTAe2dO.js";import"./DGZzzyit.js";const oe=D({name:"HeroSlide",__name:"index",props:{widget:{}},setup(a){const l=a,o=i(0),v=i(),{isMobile:p}=F(),y=i(),L={short:5e3,medium:8e3,long:1e4},h=i(null),x=i(null),d=i(!1),g=i(!1),c=()=>{var e,t;if(p){const s=(e=h.value)==null?void 0:e.getBoundingClientRect(),b=(t=x.value)==null?void 0:t.offsetHeight,u=window.innerHeight;s.top<u-96&&s.bottom>u-b?(d.value=!0,g.value=!1):(d.value=!1,g.value=s.top<u-96)}},M=f(()=>{var e;return(e=l.widget.contents)==null?void 0:e.map((t,s)=>({index:s,label:t==null?void 0:t.tabTitle,image:t==null?void 0:t.tabImage}))}),O=f(()=>({"flex-col":n.value==="bottom","flex-col-reverse":n.value==="top","flex-row":n.value==="right","flex-row-reverse":n.value==="left"})),n=f(()=>p.value&&["left","right"].includes(l.widget.layout.position)?"bottom":l.widget.layout.position||"bottom"),_=()=>{v.value&&clearInterval(v.value),l.widget.contents&&l.widget.pagination&&(v.value=ae(()=>{const e=l.widget.contents.length-1;I(o.value>=e?0:o.value+=1)},L[l.widget.paginationDelay||"short"]))},I=e=>{R(o.value>e?"right":"left"),o.value=e,window.dispatchEvent(new Event("resize")),_()},R=e=>{y.value=`${l.widget.transition}-${e}`};return K(()=>{window.addEventListener("scroll",c),c(),_()}),N(()=>{clearInterval(v.value),window.removeEventListener("scroll",c)}),(e,t)=>{var u,k,j,z,E,H,C;const s=q,b=B;return w(),S("div",{ref_key:"slideHero",ref:h,class:$(["relative z-20 flex w-full bg-cover text-clear slide-hero group",[r(O),a.widget.layout.style,r(n),(u=a.widget.style)==null?void 0:u.theme,("useStyleObject"in e?e.useStyleObject:r(te))(a.widget.style),{"bg-surface":(k=a.widget.style)==null?void 0:k.theme}]]),style:Z({backgroundImage:`url('${("useGCImage"in e?e.useGCImage:r(ee))(!0,1600,1600,(H=(E=(z=(j=a.widget)==null?void 0:j.style)==null?void 0:z.background)==null?void 0:E.image)==null?void 0:H.image)}')`})},[T(W,{name:y.value||"fade",mode:"out-in",tag:"article",class:"relative w-full h-[743px] lg:min-h-[800px] overflow-hidden"},{default:P(()=>[(w(!0),S(U,null,Y(a.widget.contents,(m,G)=>A((w(),J(s,Q({key:m.uuid,ref_for:!0},m,{active:o.value===G}),null,16,["active"])),[[V,o.value===G]])),128))]),_:1},8,["name"]),X("div",{ref_key:"stickyTabs",ref:x,class:$(["z-50 w-full sm:absolute sm:bottom-0 sm:left-0",{"fixed bottom-0 left-0":d.value,"absolute left-0":!d.value,"bottom-0":g.value,"top-24":!g.value&&!d.value}])},[T(b,{class:"z-20","tab-style":a.widget.layout.style||"expanding","tab-position":r(n),"tab-border":a.widget.layout.border||"rounded","active-tab":o.value,items:r(M),theme:((C=a.widget.style)==null?void 0:C.theme)||"light",onTabUpdated:t[0]||(t[0]=m=>I(m))},null,8,["tab-style","tab-position","tab-border","active-tab","items","theme"])],2)],6)}}}),re=le(oe,[["__scopeId","data-v-a57f1d73"]]);export{re as default};