1import{Y as ee,W as X,w as G,a1 as me,a2 as pe,o as J,T as ae,e as le,s as n,h as g,y as d,z as M,F as Y,K as te,j as S,m as L,v as _e,i as h,B as ve,l as p,a3 as fe,k as ne,A as ge,a4 as he,t as ie,x as ce,V as re,a5 as ye,n as ue,D as T,g as N,$ as we,O as de,a6 as ke,M as Te,N as Ce,a7 as Se,a8 as be,a9 as Ae,aa as $e,ab as Ie,ac as Pe,u as oe,b as xe,c as Ee,d as Ne,a as Le,ad as se,f as s,ae as Be,p as Fe,_ as De,af as Me,ag as qe,ah as Re,ai as ze}from"./BGYZ8l1g.js";import{_ as We}from"./AmkVmrXa.js";import{_ as He}from"./CZzz6ao9.js";import{s as Oe}from"./DK6Hgx1z.js";const Ve={class:"adoption-carousel__header"},Ue={class:"adoption-carousel__title"},je={class:"adoption-carousel__content"},Xe={ref:"images",class:"adoption-carousel__images"},Ye={key:0,class:"adoption-carousel__nav"},Ke={class:"adoption-carousel__details"},Qe={class:"adoption-carousel__animal-name"},Ze={class:"adoption-carousel__animal-description"},Ge={key:0,class:"adoption-carousel__actions"},Je={key:0,class:"adoption-carousel__footer"},ea={class:"adoption-carousel__footer-title"},aa={class:"adoption-carousel__other-animals"},ta=["onClick"],oa={class:"adoption-carousel__other-animal-image-container"},sa={class:"adoption-carousel__other-animal-name"},I=1.25,la={__name:"AdoptionCarousel",props:{title:{type:String,default:null},animalsCollection:{type:Object,default:null},speciesNamePlural:{type:String,default:"Animals"}},async setup(P){let _,b;const q=P,R=ee("el"),k=ee("images"),z=X(0),m=T(()=>q.animalsCollection?.items?.[z.value]),B=T(()=>m.value?.copy||null),x=T(()=>m.value?.links?.entries?.map(e=>({label:`${e.tier} - $${e.price}`,value:e.link||e.tier}))),A=X(x.value?.[0]?.value||null),a=T(()=>A?.value),W=async e=>{const o=q.animalsCollection.items.findIndex(l=>l.sys.id===e.sys.id);o!==-1&&(z.value=o,A.value=e?.links?.entries?.[0]?.link||e?.links?.entries?.[0]?.tier||null,v.value=0,E.value=0,await we(),j(),O(),window.scrollTo({top:R.value.querySelector(".adoption-carousel__content").getBoundingClientRect().top+window.scrollY-120,behavior:"smooth"}))},H=([_,b]=G(()=>me()),_=await _,b(),_),t={active:!1,forwardTl:null,backwardTl:null},v=X(0),E=X(0);function c(){v.value>0&&(v.value--,t.active&&(t.backwardTl?.kill(),t.forwardTl?.kill(),t.active=!1))}function f(){v.value<m.value.imagesCollection.total-1&&(v.value++,t.active&&(t.backwardTl?.kill(),t.forwardTl?.kill(),t.active=!1))}let r;const O=()=>{r=N.timeline({onUpdate(){const e=r.totalDuration(),o=r.time();e-o<=I?r.timeScale(1):r.timeScale(2)}})},C=pe.create("carouselChange","0.5, 0, 0, 1"),V=(e,o,l)=>{const y=k.value.querySelectorAll(".adoption-carousel__image"),w=y[e],u=y[o];return N.timeline({paused:l}).set([w,u],{autoAlpha:1}).set(E,{value:e}).fromTo(w,{xPercent:50,clipPath:"inset(0 0 0 50%)"},{xPercent:0,clipPath:"inset(0 0 0 0%)",duration:I,ease:C},0).fromTo(w,{scale:1.3},{scale:1,duration:I,ease:C},"<").fromTo(u,{xPercent:0,scale:1},{xPercent:-50,scale:1.3,duration:I,ease:C},"<").set(u,{autoAlpha:0,xPercent:0,clipPath:"inset(0 0 0 0%)"})},U=(e,o,l)=>{const y=k.value.querySelectorAll(".adoption-carousel__image"),w=y[e],u=y[o];return N.timeline({paused:l}).set([w,u],{autoAlpha:1}).set(E,{value:e}).fromTo(u,{xPercent:0,clipPath:"inset(0 0 0 0%)"},{xPercent:50,clipPath:"inset(0 0 0 50%)",duration:I,ease:C},0).fromTo(u,{scale:1},{scale:1.3,duration:I,ease:C},"<").fromTo(w,{xPercent:-50,scale:1.3},{xPercent:0,scale:1,duration:I,ease:C},"<").set(u,{autoAlpha:0,xPercent:0,clipPath:"inset(0 0 0 0%)"})},K=async(e,o)=>{e>o?r.add(V(e,o)):r.add(U(e,o))},j=()=>{k.value.querySelectorAll(".adoption-carousel__image").forEach((o,l)=>{o.style.zIndex=l,l>0&&N.set(o,{autoAlpha:0})})};J(()=>{j(),O()}),ae(()=>{r.kill()});const Q=async e=>{const{type:o,deltaX:l,deltaY:y}=e,{width:w}=k.value.getBoundingClientRect(),u=v.value,F=u+1,D=u-1;if(o==="panstart")t.active&&(t.forwardTl?.kill(),t.backwardTl?.kill()),r.isActive()&&r.progress(1),t.forwardTl=null,t.backwardTl=null,t.active=!0,D>=0&&(t.backwardTl=U(D,u,!0)),F<m.value.imagesCollection.total&&(t.forwardTl=V(F,u,!0));else if(o==="panend"){const $=l>0?D:F;if($<0||$>=m.value.imagesCollection.total){console.warn("Invalid index:",$);return}v.value=$,l>0&&t.backwardTl?await t.backwardTl.play():t.forwardTl&&await t.forwardTl.play(),t.active=!1,t.forwardTl=null,t.backwardTl=null}else if(o==="pan"){const i=Math.abs(l)/w;Math.abs(l)>
1Math.abs(y)&&(l>0&&t.backwardTl?t.backwardTl.progress(i):l<0&&t.forwardTl&&t.forwardTl.progress(i))}},Z=()=>{const e=H(k.value);e.get("pan").set({direction:Hammer.DIRECTION_HORIZONTAL}),e.on("panstart pan panend",o=>Q(o))};return J(()=>{Z()}),ae(()=>{k.value&&H(k.value).destroy()}),le(v,(e,o)=>{t.active||K(e,o)}),(e,o)=>{const l=_e,y=ve,w=fe,u=ge,F=he,D=ce,$=ye;return n(),g("div",{ref_key:"el",ref:R,class:"adoption-carousel container"},[d("header",Ve,[d("h2",Ue,M(P.title),1)]),d("div",je,[d("div",Xe,[(n(!0),g(Y,null,te(m.value.imagesCollection.items,i=>(n(),S(l,L({key:i.sys.id,class:"adoption-carousel__image"},{ref_for:!0},i,{caption:"",allowImageToExpand:!1,w:927,h:550}),null,16))),128)),m.value.imagesCollection.total>1?(n(),g("nav",Ye,[h(y,{class:"adoption-carousel__arrow adoption-carousel__arrow--previous",icon:"chevron-left-small",onClick:c}),h(y,{class:"adoption-carousel__arrow adoption-carousel__arrow--next",icon:"chevron-right-small",onClick:f})])):p("",!0),m.value.imagesCollection.total>1?(n(),S(w,{key:1,class:"adoption-carousel__pagination",total:m.value.imagesCollection.total,current:E.value,onChange:o[0]||(o[0]=i=>v.value=i)},null,8,["total","current"])):p("",!0)],512),d("div",Ke,[d("h3",Qe,M(m.value.title),1),d("div",Ze,[B.value?(n(),S(u,ne(L({key:0},B.value)),null,16)):p("",!0)]),x.value.length>0?(n(),g("div",Ge,[h(F,{class:"adoption-carousel__action",label:"Adoption Level",theme:"black-outline",options:x.value,clearable:!1,value:A.value,"onUpdate:value":o[1]||(o[1]=i=>A.value=i)},null,8,["options","value"]),h($,{disabled:!a.value,to:a.value,external:"",target:"_blank",class:"adoption-carousel__action"},{default:ie(()=>[h(D,{class:"adoption-carousel__action-icon",name:"heart"}),o[2]||(o[2]=re(" Adopt Today ",-1))]),_:1},8,["disabled","to"])])):p("",!0)])]),P.animalsCollection.total>1?(n(),g("footer",Je,[d("h6",ea," More "+M(P.speciesNamePlural),1),d("div",aa,[(n(!0),g(Y,null,te(P.animalsCollection.items,i=>(n(),g("button",{key:i.sys.id,class:ue(["adoption-carousel__other-animal",{"adoption-carousel__other-animal--active":i.sys.id===m.value.sys.id}]),onClick:da=>W(i)},[d("div",oa,[i.thumbnail||i.imagesCollection?.items?.[0]?(n(),S(l,L({key:0,class:"adoption-carousel__other-animal-image"},{ref_for:!0},i.thumbnail||i.imagesCollection?.items?.[0],{caption:"",allowImageToExpand:!1,w:150,h:150}),null,16)):p("",!0)]),d("div",sa,M(i.title),1)],10,ta))),128))])])):p("",!0)],512)}}},na=de` 2 fragment AnimalInfo on AnimalInfo { 3 __typename 4 sys { 5 id 6 } 7 title 8 copy { 9 json 10 } 11 } 12`,ia=de` 13 query ($preview: Boolean, $slug: String!) { 14 adoptionCollection(where: { slug: $slug }, preview: $preview, limit: 1) { 15 total 16 items { 17 __typename 18 sys { 19 id 20 } 21 title 22 slug 23 seo { 24 ...Seo 25 } 26 theme { 27 ...Theme 28 } 29 hideTicketingStickyModule 30 heroImage { 31 ...ImageWithFocalPoint 32 } 33 animal { 34 __typename 35 sys { 36 id 37 } 38 displayName 39 slug 40 animalConservationStatus 41 } 42 overview { 43 ...AnimalInfo 44 } 45 carouselTitle 46 animalsCollection(limit: 25) { 47 total 48 items { 49 __typename 50 sys { 51 id 52 } 53 title 54 copy { 55 json 56 } 57 imagesCollection(limit: 10) { 58 total 59 items { 60 ...ImageWithFocalPoint 61 } 62 } 63 thumbnail { 64 ...ImageWithFocalPoint 65 } 66 links 67 } 68 } 69 adoptionLevelsCollection { 70 total 71 items { 72 __typename 73 sys { 74 id 75 } 76 title 77 price 78 priceType 79 icon { 80 title 81 url 82 } 83 color 84 description: copy # renamed to avoid conflict 85 listItems 86 link { 87 ...Link 88 } 89 } 90 } 91 partners { 92 ...SectionSponsors 93 } 94 moreAnimalsHeadline 95 moreAnimalsCollection(limit: 4) { 96 total 97 items { 98 __typename 99 sys { 100 id 101 } 102 title 103 slug 104 heroImage { 105 ...ImageWithFocalPoint 106 } 107 animal { 108 __typename 109 sys { 110 id 111 } 112 displayName 113 slug 114 } 115 } 116 } 117 featured { 118 ...SectionFeatured 119 } 120 } 121 } 122 } 123 124 ${ke} 125 ${Te} 126 ${Ce} 127 ${Se} 128 ${na} 129 ${be} 130 ${Ae} 131 ${$e} 132 133 ${Ie} 134 ${Pe} 135`,ca={key:0,class:"page-adopt"},ra={class:"page-adopt__top-content"},ua={key:1,class:"page-adopt__status"},fa={__name:"[slug]",async setup(P){let _,b;const q=oe(),{slug:R}=oe().params,k=xe(),z=Ee(),m=Ne(),B=Le(),{data:x,error:A}=([_,b]=G(()=>B.graphql(ia,{slug:R})),_=await _,b(),_),a=T(()=>x.value?.adoptionCollection?.items?.[0]);le(a,c=>{k.setThemeColorForPage(c),Oe(c)},{immediate:!0});const W=T(()=>a.value?.animal?.name),H=T(()=>a.value?.animal?.pluralName||W.value?W.value+"s":"Animals");if(x.value&&!a.value)throw se({statusCode:404,statusMessage:"Page not found",fatal:!0});if(A.value)throw console.error("Error fetching page:",A.value),se({statusCode:500,statusMessage:"Internal Server Error",fatal:!0});const{data:t}=([_,b]=G(()=>B.graphql(Be,{limit:1e3})),_=await _,b(),_),v=T(()=>{const c=[...a.value?.moreAnimalsCollection?.items||[],...t.value?.adoptionCollection.items.filter(r=>r.sys.id!==a.value?.sys.id)];return Array.from(new Map(c.map(r=>[r.sys.id,r])).values()).slice(0,4)}),E=T(()=>v.value?{total:v.value.length,items:v.value.map(c=>({...c,title:c.animal?.displayName,image:c.thumbnail||c.heroImage,page:c,icon:c.plushToyAvailable?"plush":null}))}:null);return J(()=>{z.isInitialLoad=!0;const c=q.hash;if(c){const f=document.querySelector(c);N.to(window,{duration:0,scrollTo:{y:f}})}else m.scrollLocked||N.to(window,{duration:0,scrollTo:0});m.scrollLocked=!1}),(c,f)=>{const r=Fe,O=De,C=We,V=ce,U=He,K=la,j=Me,Q=qe,Z=Re,e=ze;return s(a)?(n(),g("article",ca,[h(r,{class:ue({"sticky-subnav--hidden":s(a).hideTicketingStickyModule})},null,8,["class"]),h(O,{title:s(a).title,type:"Secondary",image:s(a).heroImage,"back-link":{title:"Adoption Listing",to:"/adopt"}},null,8,["title","image"]),s(a).overview||s(a).animal?.animalConservationStatus?(n(),g(Y,{key:0},[d("div",ra,[s(a).overview?(n(),S(C,L({key:0,class:"page-adopt__overview"},s(a).overview),null,16)):p("",!0),s(a).animal?.animalConservationStatus?(n(),g("div",ua,[h(V,{name:"paw",class:"page-adopt__status-icon"}),f[0]||(f[0]=d("span",{class:"page-adopt__status-label"},"Status in the wild:",-1)),h(U,{small:""},{default:ie(()=>[re(M(s(a).animal.animalConservationStatus),1)]),_:1})])):p("",!0)]),f[1]||(f[1]=d("div",{class:"page-adopt__divider"},null,-1))],64)):p("",!0),s(a).animalsCollection?.total?(n(),g(Y,{key:1},[h(K,{class:"page-adopt__adoption-carousel",title:s(a).carouselTitle,"animals-collection":s(a).animalsCollection,"species-name-plural":s(H)},null,8,["title","animals-collection","species-name-plural"]),f[2]||(f[2]=d("div",{class:"page-adopt__divider"},null,-1))],64)):p("",!0),s(a).adoptionLevelsCollection?.total?(n(),S(j,{key:2,class:"page-adopt__benefits-section",title:"Adoption Levels","cards-collection":s(a).adoptionLevelsCollection},null,8,["cards-collection"])):p("",!0),s(a).partners?(n(),S(Q,L({key:3},s(a).partners,{variant:"section","header-display":s(a).partners.headerDisplay==="auto"?"large":s(a).partners.headerDisplay,class:"page-adopt__partners-section"}),null,16,["header-display"])):p("",!0),h(Z,{"header-display":"eyebrow",cardSize:"s",title:s(a).moreAnimalsHeadline,"cards-collection":s(E),class:"page-adopt__card-section"},null,8,["title","cards-collection"]),s(a).featured?(n(),S(e,ne(L({key:4},s(a).featured)),null,16)):p("",!0)])):p("",!0)}}};export{fa as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.