https://southernresorts.com/vue/js/SpecialEventsPdp.BAdDivv5.js

1import{$n as e,Ar as t,Bn as s,Gr as n,Ir as a,Jr as l,Kr as i,Kt as o,Or as d,Qn as r,Sr as c,Ur as v,X as p,Xn as m,_ as u,ar as h,br as g,cr as y,er as E,et as _,h as w,i as S,mr as D,nr as k,or as f,pt as T,tr as P,x as b}from"./app.l-9nc_by.js";import{f as C,o as z}from"./searchStore.CF-Xrl9n.js";import{t as $}from"./ButtonEl.Cj_KAGeC.js";import{t as R}from"./ModalPopup.DXZ8Ath2.js";import{t as L}from"./useModalDisableAncestorScroll.CxG25FbB.js";import{t as x}from"./SkeletonImage.C1_qlahU.js";import{t as A}from"./SkeletonContent.D-Zj0uCj.js";var B=y({__name:"SpecialEventsPdp",props:{globalUuid:{default:""}},setup(e,{expose:t}){t();const{isDesktopAnd:s}=S(),n=z(),{imgSlider:l,showSliderArrows:i,modalOpened:c,selectedEvent:v,modalRef:m,viewDetails:h,numberOfColumns:g,skeletonItems:y,goTo:E,events:k,quoteDatesChanged:f}=function(){const e=a(),{width:t,isMobileOr:s,isDesktopAnd:n}=S(),l=a(!1),i=a(),c=L(),v=a(!1),p=z(),m=C(),u=r((()=>s.value((e=>e<=102.4))?1:3)),h=a([]),g=a(!1),y=async()=>{if(n.value((e=>e>102.4))&&h.value.length>0){const t={slidesPerView:5,keyboard:{enabled:!0,onlyInViewport:!0},navigation:{nextEl:".nearby-events-next",prevEl:".nearby-events-prev"},spaceBetween:20,loop:!1,breakpoints:{1400:{slidesPerView:3},1010:{slidesPerView:2},780:{slidesPerView:1},540:{slidesPerView:1},0:{slidesPerView:1}},on:{init:async()=>{await E()}}};await _((()=>null!=e.value),{locationUsage:"useSpecialEvents.ts setup slider"}),e.value?.initialized||(Object.assign(e.value,t),e.value.initialize()),e.value.swiper.update(),await D();const s=e.value.swiper.params.slidesPerView;w(s)}else null!=e.value&&e.value.swiper.destroy(!0,!0)},E=async()=>{await _((()=>null!=document.getElementById("special-event-title")&&null!=document.getElementById("special-event-date-range")&&null!=document.getElementById("special-event-description")),{locationUsage:"useSpecialEvents.ts swiper init"}),T("#special-event-title"),T("#special-event-date-range"),T("#special-event-description")},w=t=>{const s=h.value?.length>t,n=e.value.swiper;s?(n.params.loop||(n.params.loop=!0,n.loopCreate()),v.value=!0,E()):(n.params.loop&&(n.loopDestroy(),n.params.loop=!1),v.value=!1),n.update(),n.navigation.update()};return d([()=>m.datePickerFrom,()=>m.datePickerTo],(([e,t],[s,n])=>{e&&t&&(g.value=!0),e||t||(h.value=[],p.showSpecialEventSection=!1)})),d((()=>p.specialEvents),(async e=>{o(e)||(e.length>0?(h.value=e.flatMap((e=>e.eventDates.map((t=>({title:e.title,image:e.image,icon:e.icon,starts:t.starts,ends:t.ends,haveTime:t.haveTime,description:e.description,shortDescription:e.shortDescription,city:e.city,state:e.state,address:e.address,postalCode:e.postalCode,linkText:e.linkText,linkUrl:e.linkUrl,iconColor:e.iconColor}))))).sort(((e,t)=>new Date(e.starts).getTime()-new Date(t.starts).getTime())),await _((()=>!p.quoteLoading),{locationUsage:"useSpecialEvents.ts quote watcher"}),y()):h.value=[],g.value=!1)}),{immediate:!1}),d((()=>t.value),(async()=>{y()}),{immediate:!0}),{imgSlider:e,showSliderArrows:v,modalOpened:l,selectedEvent:i,modalRef:c,viewDetails:e=>{i.value=e,l.value=!0},numberOfColumns:u,skeletonItems:[{id:1,height:"6rem",width:"100%"},{id:2,height:"3rem",width:"50%"}],goTo:e=>{window.open(e,"_blank")},events:h,quoteDatesChanged:g}}(),P={isDesktopAnd:s,bookingStore:n,imgSlider:l,showSliderArrows:i,modalOpened:c,selectedEvent:v,modalRef:m,viewDetails:h,numberOfColumns:g,skeletonItems:y,goTo:E,events:k,quoteDatesChanged:f,ButtonEl:$,ModalPopup:R,get convertDateToTimeRange(){return w},get convertRichTextFontSizesToRem(){return u},get formatEventDateRange(){return b},get newLocalizedDate(){return p},SkeletonImage:x,SkeletonContent:A};return Object.defineProperty(P,"__isScriptSetup",{enumerable:!1,value:!0}),P}}),I={container:"SpecialEventsPdp__container--7dlmhzs4",eventCard:"SpecialEventsPdp__eventCard--7dlmhzs4",imgContainer:"SpecialEventsPdp__imgContainer--7dlmhzs4",eventCards:"SpecialEventsPdp__eventCards--7dlmhzs4",eventCardsNoArrows:"SpecialEventsPdp__eventCardsNoArrows--7dlmhzs4",title:"SpecialEventsPdp__title--7dlmhzs4",dateTimeRange:"SpecialEventsPdp__dateTimeRange--7dlmhzs4",dateRange:"SpecialEventsPdp__dateRange--7dlmhzs4",timeRange:"SpecialEventsPdp__timeRange--7dlmhzs4",shortDe

1scription:"SpecialEventsPdp__shortDescription--7dlmhzs4",nearbyEventsTitle:"SpecialEventsPdp__nearbyEventsTitle--7dlmhzs4",modalContainer:"SpecialEventsPdp__modalContainer--7dlmhzs4",eventDetailsLeft:"SpecialEventsPdp__eventDetailsLeft--7dlmhzs4",eventDetailsRight:"SpecialEventsPdp__eventDetailsRight--7dlmhzs4",eventLocation:"SpecialEventsPdp__eventLocation--7dlmhzs4",eventLocationInfo:"SpecialEventsPdp__eventLocationInfo--7dlmhzs4",eventDate:"SpecialEventsPdp__eventDate--7dlmhzs4",eventTime:"SpecialEventsPdp__eventTime--7dlmhzs4",eventLinks:"SpecialEventsPdp__eventLinks--7dlmhzs4",locationName:"SpecialEventsPdp__locationName--7dlmhzs4",streetName:"SpecialEventsPdp__streetName--7dlmhzs4",city:"SpecialEventsPdp__city--7dlmhzs4",address:"SpecialEventsPdp__address--7dlmhzs4",eventDateRange:"SpecialEventsPdp__eventDateRange--7dlmhzs4",eventTimeSection:"SpecialEventsPdp__eventTimeSection--7dlmhzs4",linkTitle:"SpecialEventsPdp__linkTitle--7dlmhzs4",eventLink:"SpecialEventsPdp__eventLink--7dlmhzs4",eventContent:"SpecialEventsPdp__eventContent--7dlmhzs4",eventName:"SpecialEventsPdp__eventName--7dlmhzs4",eventDescription:"SpecialEventsPdp__eventDescription--7dlmhzs4",eventLinkButton:"SpecialEventsPdp__eventLinkButton--7dlmhzs4",mobileEvents:"SpecialEventsPdp__mobileEvents--7dlmhzs4",viewDetailsButton:"SpecialEventsPdp__viewDetailsButton--7dlmhzs4",skeletonLoader:"SpecialEventsPdp__skeletonLoader--7dlmhzs4"},M=l({default:()=>K}),O={key:1},N=["data-testid"],j=["src"],V=["innerHTML"],U=["src"],q=["innerHTML"],H=["src"],F=["innerHTML"];var K=s(B,[["render",function(s,a,l,o,d,r){return o.bookingStore.showSpecialEventSection?(g(),k("div",{key:0,id:"special-events-container","data-testid":"special-events-container-test",class:v(s.$style.container)},[e("div",{class:v(s.$style.nearbyEventsTitle)},"Nearby events during your stay",2),o.bookingStore.quoteLoading&&o.events.length<1||o.quoteDatesChanged?(g(),k("div",{key:0,class:v(s.$style.skeletonLoader)},[(g(!0),k(m,null,c(o.numberOfColumns,(e=>(g(),E(o.SkeletonImage,{key:e},{default:t((()=>[f(o.SkeletonContent,{"show-image":!0,direction:"portrait",padding:"0px","image-height":"30rem",items:o.skeletonItems,"items-gap":"15px"},null,8,["items"])])),_:1})))),128))],2)):(g(),k("div",O,[o.isDesktopAnd((e=>e>=102.5))?(g(),k(m,{key:0},[e("swiper-container",{ref:"imgSlider",init:"false",class:v({[s.$style.eventCards]:!0,[s.$style.eventCardsWithArrows]:o.showSliderArrows,[s.$style.eventCardsNoArrows]:!o.showSliderArrows})},[(g(!0),k(m,null,c(o.events,(l=>(g(),k("swiper-slide",{id:"special-event-slide",key:l.title,"data-testid":l.title,class:v(s.$style.eventCard)},[e("div",{class:v(s.$style.imgContainer)},[e("img",{src:l.image,alt:""},null,8,j)],2),e("div",{id:"special-event-title",class:v(s.$style.title)},[e("i",{class:v(`fa-solid ${l.icon}`),style:n(`color: ${l.iconColor}`)},null,6),h(" "+i(l.title),1)],2),e("div",{id:"special-event-date-range",class:v(s.$style.dateTimeRange)},[e("div",{class:v(s.$style.dateRange)},i(o.formatEventDateRange(o.newLocalizedDate(l.starts),o.newLocalizedDate(l.ends))),3),l.haveTime?(g(),k("div",{key:0,class:v(s.$style.timeRange)},i(o.convertDateToTimeRange(new Date(l.starts),new Date(l.ends))),3)):P("",!0)],2),e("div",{id:"special-event-description",class:v([s.$style.shortDescription,"injectable-el-p-margin-reset"]),innerHTML:o.convertRichTextFontSizesToRem(l.shortDescription)},null,10,V),f(o.ButtonEl,{class:v(s.$style.viewDetailsButton),"data-testid":"button-"+l.title,"system-color":"","no-border":"","bold-text":"",onClick:e=>o.viewDetails(l)},{default:t((()=>[...a[2]||(a[2]=[h(" View details ",-1)])])),_:1},8,["class","data-testid","onClick"])],10,N)))),128))],2),e("div",{class:v({"swiper-button-next nearby-events-next":!0,"swiper-button-hidden":!o.showSliderArrows})},null,2),e("div",{class:v({"swiper-button-prev nearby-events-prev":!0,"swiper-button-hidden":!o.showSliderArrows})},null,2)],64)):(g(),k("div",{key:1,class:v(s.$style.mobileEvents)},[(g(!0),k(m,null,c(o.events,(l=>(g(),k("div",{key:l.title,class:v(s.$style.eventCard)},[e("div",{class:v(s.$style.imgContainer)},[e("img",{src:l.image,alt:""},null,8,U)],2),e("div",{id:"special-event-title-mobile",class:v(s.$style.title)},[e("i",{class:v(`fa-solid ${l.icon}`),style:n(`color: ${l.iconColor}`)}

1,null,6),h(" "+i(l.title),1)],2),e("div",{id:"special-event-date-range-mobile",class:v(s.$style.dateTimeRange)},[e("div",{class:v(s.$style.dateRange)},i(o.formatEventDateRange(o.newLocalizedDate(l.starts),o.newLocalizedDate(l.ends))),3),l.haveTime?(g(),k("div",{key:0,class:v(s.$style.timeRange)},i(o.convertDateToTimeRange(new Date(l.starts),new Date(l.ends))),3)):P("",!0)],2),e("div",{id:"special-event-description-mobile",class:v([s.$style.shortDescription,"injectable-el-p-margin-reset"]),innerHTML:o.convertRichTextFontSizesToRem(l.shortDescription)},null,10,q),f(o.ButtonEl,{class:v(s.$style.viewDetailsButton),"system-color":"","no-border":"","bold-text":"",onClick:e=>o.viewDetails(l)},{default:t((()=>[...a[3]||(a[3]=[h(" View details ",-1)])])),_:1},8,["class","onClick"])],2)))),128))],2)),o.modalOpened&&o.selectedEvent?(g(),E(o.ModalPopup,{key:2,ref:"modalRef","data-testid":"special-event-modal","without-padding":"","max-width":o.isDesktopAnd((e=>e>102.4))?"90rem":"90%","full-screen-mobile":!1,"full-width":!1,onCloseModal:a[1]||(a[1]=e=>o.modalOpened=!1)},{content:t((()=>[e("div",{class:v(s.$style.modalContainer)},[e("div",{class:v(s.$style.eventDetailsLeft)},[e("img",{src:o.selectedEvent.image,alt:""},null,8,H),e("div",{class:v(s.$style.eventContent)},[e("div",{class:v(s.$style.eventName)},[e("i",{class:v(`fa-solid ${o.selectedEvent.icon}`),style:n(`color: ${o.selectedEvent.iconColor}`)},null,6),h(" "+i(o.selectedEvent.title),1)],2),e("div",{class:v(s.$style.eventDescription),innerHTML:o.convertRichTextFontSizesToRem(o.selectedEvent.description)},null,10,F),o.selectedEvent.linkText&&o.selectedEvent.linkUrl?(g(),E(o.ButtonEl,{key:0,"data-testid":o.selectedEvent.linkText,class:v(s.$style.eventLinkButton),"system-color":"","no-border":"","bold-text":"",onClick:a[0]||(a[0]=e=>o.goTo(o.selectedEvent.linkUrl))},{default:t((()=>[h(i(o.selectedEvent.linkText),1)])),_:1},8,["data-testid","class"])):P("",!0)],2)],2),e("div",{class:v(s.$style.eventDetailsRight)},[e("div",{class:v(s.$style.eventLocation)},[a[4]||(a[4]=e("i",{class:"fa-thin fa-location-dot fa-xl"},null,-1)),e("div",{class:v(s.$style.eventLocationInfo)},[o.selectedEvent.city?(g(),k("div",{key:0,class:v(s.$style.locationName)},i(o.selectedEvent.city),3)):P("",!0),o.selectedEvent.address?(g(),k("div",{key:1,class:v(s.$style.address)},i(o.selectedEvent.address),3)):P("",!0),o.selectedEvent.state||o.selectedEvent.postalCode?(g(),k("div",{key:2,class:v(s.$style.city)},i(o.selectedEvent.state)+" "+i(o.selectedEvent.postalCode),3)):P("",!0)],2)],2),e("div",{class:v(s.$style.eventDate)},[a[5]||(a[5]=e("i",{class:"fa-thin fa-calendar fa-xl"},null,-1)),e("div",{class:v(s.$style.eventDateRange)},i(o.formatEventDateRange(o.newLocalizedDate(o.selectedEvent.starts),o.newLocalizedDate(o.selectedEvent.ends))),3)],2),o.selectedEvent.haveTime?(g(),k("div",{key:0,class:v(s.$style.eventTime)},[a[6]||(a[6]=e("i",{class:"fa-thin fa-clock fa-xl"},null,-1)),e("div",{class:v(s.$style.eventTimeSection)},i(o.convertDateToTimeRange(new Date(o.selectedEvent.starts),new Date(o.selectedEvent.ends))),3)],2)):P("",!0)],2)],2)])),_:1},8,["max-width"])):P("",!0)]))],2)):P("",!0)}],["__cssModules",{$style:I}],["__scopeId","data-v-744e6c2b"],["__file","SpecialEventsPdp.vue"]]);export{M as n,K as t};