https://topsail-realty.com/vue/js/LandingPage.4Be0SGLX.js

1import{$n as e,Ar as t,Bn as n,Cr as o,Ir as i,Kr as a,Qn as r,Sr as s,Ur as l,Xn as c,_r as d,ar as g,br as m,cr as u,er as p,i as _,nr as x,or as L,tr as f,yr as h}from"./app.l-9nc_by.js";import{t as v}from"./usePropParseJson.Bkk3HdFa.js";import{t as y}from"./ButtonEl.Cj_KAGeC.js";import{t as b}from"./useSetCustomProperty.DxhN0Chm.js";import{t as B}from"./ImageEl.eDDObpad.js";import{t as T}from"./InfoWidget.Bn7b8Z5E.js";import{r as I,t as $}from"./FAQWidget.2oGYi9C-.js";var S=n(u({__name:"BannerCarouselWidget",props:{carouselImages:{},title:{}},setup(e,{expose:t}){t();const n=e,o=i(0),a=r((()=>n.carouselImages[o.value])),s=()=>{o.value=(o.value+1)%n.carouselImages.length};let l;d((()=>{l=setInterval(s,5e3)})),h((()=>{clearInterval(l)}));const c={props:n,currentIndex:o,currentImage:a,updateImage:s,get interval(){return l},set interval(e){l=e},ImageEl:B};return Object.defineProperty(c,"__isScriptSetup",{enumerable:!1,value:!0}),c}}),[["render",function(e,t,n,i,a,r){return m(),x("div",{class:l(e.$style.container)},[L(i.ImageEl,{src:i.currentImage,alt:n.title,"container-height":"30rem","container-width":"100%"},null,8,["src","alt"]),o(e.$slots,"default")],2)}],["__cssModules",{$style:{container:"BannerCarouselWidget__container--ikktcitq"}}],["__file","BannerCarouselWidget.vue"]]),C=["innerHTML"],P=["innerHTML"];var M=n(u({__name:"LandingTopSection",props:{leftBoxText:{},rightBoxText:{},rightBoxButtonTitle:{},rightBoxButtonAction:{},rightBoxImage:{}},setup(e,{expose:t}){t();const n=e,o={props:n,customRef:b(r((()=>[{propertyName:"--right-image-url",value:`url(${n.rightBoxImage})`}]))),ButtonEl:y};return Object.defineProperty(o,"__isScriptSetup",{enumerable:!1,value:!0}),o}}),[["render",function(n,o,i,r,s,c){return m(),x("div",{ref:"customRef",class:l(n.$style.container)},[e("div",{class:l(n.$style.leftContainer),innerHTML:i.leftBoxText},null,10,C),e("div",{class:l(n.$style.rightContainer)},[e("div",{class:l(n.$style.rightContainerImage)},[e("div",{innerHTML:i.rightBoxText},null,8,P),L(r.ButtonEl,{"system-color":"","no-border":"","bold-text":"",anchor:i.rightBoxButtonAction},{default:t((()=>[g(a(i.rightBoxButtonTitle),1)])),_:1},8,["anchor"])],2)],2)],2)}],["__cssModules",{$style:{container:"LandingTopSection__container--rlp6gj7d",leftContainer:"LandingTopSection__leftContainer--rlp6gj7d",rightContainer:"LandingTopSection__rightContainer--rlp6gj7d",rightContainerImage:"LandingTopSection__rightContainerImage--rlp6gj7d"}}],["__file","LandingTopSection.vue"]]),H=["href"],w=["innerHTML"];var E=n(u({__name:"LandingPromoSection",props:{section:{}},setup(e,{expose:t}){t();const n={props:e,ImageEl:B};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}}),[["render",function(t,n,o,i,r,s){return m(),x("div",{class:l(t.$style.container)},[e("div",{class:l(t.$style.leftContainer)},[L(i.ImageEl,{src:o.section.imageUrl,alt:o.section.title},null,8,["src","alt"])],2),e("div",{class:l(t.$style.rightContainer)},[e("a",{href:o.section.action},a(o.section.title),9,H),e("div",{innerHTML:o.section.htmlContent},null,8,w)],2)],2)}],["__cssModules",{$style:{container:"LandingPromoSection__container--1dgymga8",leftContainer:"LandingPromoSection__leftContainer--1dgymga8",rightContainer:"LandingPromoSection__rightContainer--1dgymga8"}}],["__file","LandingPromoSection.vue"]]),j=["innerHTML"];var A=n(u({__name:"LandingMidBox",props:{midBoxTitle:{},midBoxText:{}},setup(e,{expose:t}){t();const n={props:e};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}}),[["render",function(t,n,o,i,r,s){return m(),x("div",{class:l(t.$style.container)},[e("h2",{class:l(t.$style.title)},a(o.midBoxTitle),3),e("div",{class:l(t.$style.description),innerHTML:o.midBoxText},null,10,j)],2)}],["__cssModules",{$style:{container:"LandingMidBox__container--kli0ghxg",title:"LandingMidBox__title--kli0ghxg",description:"LandingMidBox__description--kli0ghxg"}}],["__file","LandingMidBox.vue"]]),k=["href"];var W=n(u({__name:"LandingLocationInfo",props:{location:{}},setup(e,{expose:t}){t();const n={props:e,ImageEl:B};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}}),[["render",function(t,n,o,i,r,s){return m(),x("div",{class:l(t.$style.container)},[L(i.ImageEl,{class:l(t.$style.image),src:o.location.imageUrl,alt:o.location.name},null,8,["class","src","alt"]),e("div",{class:l(t.$style.rightContainer)},[e("div",{class:l(t.$style.name)},a(o.location.name),3),e("div",{class:l(t.$style.address)},a(o.location.address),3),e("div",{class:l(t.$style.phone)},a(o.location.phone),3),e("div",{class:l(t.$style.email)},[e("a",{href:`emailto:${o.location.email}`},a(o.location.email),9,k)],2),o.location.officeHours?(m(),x("div",{key:0,class:l(t.$style.officeHours)}," Office hours: "+a(o.location.officeHours),3)):f("",!0)],2)],2)}],["__cssModules",{$style:{container:"LandingLocationInfo__container--vser4t1g",image:"LandingLocationInfo__image--vser4t1g",rightContainer:"LandingLocationInfo__right

1Container--vser4t1g",name:"LandingLocationInfo__name--vser4t1g",phone:"LandingLocationInfo__phone--vser4t1g",email:"LandingLocationInfo__email--vser4t1g",officeHours:"LandingLocationInfo__officeHours--vser4t1g"}}],["__file","LandingLocationInfo.vue"]]),O=["innerHTML"];var Q=n(u({__name:"LandingLocationSection",props:{location:{}},setup(e,{expose:t}){t();const n={props:e,ImageEl:B};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}}),[["render",function(t,n,o,i,r,s){return m(),x("div",{class:l(t.$style.container)},[L(i.ImageEl,{class:l(t.$style.imageStyle),src:o.location.imageUrl,alt:o.location.title},null,8,["class","src","alt"]),e("div",{class:l(t.$style.textContent)},[e("h2",{class:l(t.$style.title)},a(o.location.title),3),e("div",{innerHTML:o.location.htmlContent},null,8,O)],2)],2)}],["__cssModules",{$style:{container:"LandingLocationSection__container--ixy1c0uk",imageStyle:"LandingLocationSection__imageStyle--ixy1c0uk",textContent:"LandingLocationSection__textContent--ixy1c0uk",title:"LandingLocationSection__title--ixy1c0uk"}}],["__file","LandingLocationSection.vue"]]),U=u({__name:"LandingPage",props:{carouselImages:{},title:{},buttonTitle:{},buttonAction:{},leftBoxText:{},rightBoxText:{},rightBoxButtonTitle:{},rightBoxButtonAction:{},rightBoxImage:{},promoSections:{},midBoxTitle:{},midBoxText:{},attractions:{},activities:{},restaurants:{},shopping:{},culture:{},events:{},location:{},promo:{},faqs:{}},setup(e,{expose:t}){t();const n=e;v(n);const{isMobileOr:o}=_(),i=r((()=>{let e=[];return e.push(a("Attractions",n.attractions)),e.push(a("Activities",n.activities)),e.push(a("Restaurants",n.restaurants)),e.push(a("Shopping",n.shopping)),e.push(a("Culture",n.culture)),e.push(a("Events",n.events)),e})),a=(e,t)=>{let n={title:e,items:[]};return t.forEach((e=>{n.items.push(e)})),n},s={props:n,isMobileOr:o,locationAccordions:i,getAccordionElements:a,BannerCarouselWidget:S,ButtonEl:y,LandingTopSection:M,LandingPromoSection:E,LandingMidBox:A,AccordionWidget:I,LandingLocationInfo:W,InfoWidget:T,ImageEl:B,LandingLocationSection:Q,FAQWidget:$};return Object.defineProperty(s,"__isScriptSetup",{enumerable:!1,value:!0}),s}}),q=["innerHTML"];var F=n(U,[["render",function(n,o,i,r,d,u){return m(),x("div",{class:l(n.$style.container)},[L(r.BannerCarouselWidget,{class:l(n.$style.bannerHeight),title:i.title,"carousel-images":i.carouselImages},{default:t((()=>[e("div",{class:l(n.$style.bannerContent)},[e("h1",{class:l(n.$style.bannerTitle)},a(i.title),3),L(r.ButtonEl,{"system-color":"","no-border":"","bold-text":"",anchor:i.buttonAction},{default:t((()=>[g(a(i.buttonTitle),1)])),_:1},8,["anchor"])],2)])),_:1},8,["class","title","carousel-images"]),e("div",{class:l(n.$style.content)},[L(r.LandingTopSection,{"right-box-button-action":i.rightBoxButtonAction,"left-box-text":i.leftBoxText,"right-box-image":i.rightBoxImage,"right-box-button-title":i.rightBoxButtonTitle,"right-box-text":i.rightBoxText},null,8,["right-box-button-action","left-box-text","right-box-image","right-box-button-title","right-box-text"]),(m(!0),x(c,null,s(i.promoSections,(e=>(m(),p(r.LandingPromoSection,{key:e.title,section:e},null,8,["section"])))),128)),L(r.LandingMidBox,{"mid-box-text":i.midBoxText,"mid-box-title":i.midBoxTitle},null,8,["mid-box-text","mid-box-title"]),L(r.AccordionWidget,{item:r.locationAccordions,keys:{id:"title",textValue:"title"},"open-sections":["Attractions"],class:l(n.$style.accordionBorder)},{"header-section":t((({sectionKey:t})=>[e("div",{class:l(n.$style.accordionHeader)},[L(r.ImageEl,{src:`/wwwroot/icons/${t.toLowerCase()}.svg`,alt:t},null,8,["src","alt"]),e("div",{class:l(n.$style.accordionHeaderTitle)},a(t),3)],2)])),"expanded-section":t((({item:t})=>[e("div",{class:l(n.$style.accordionItems)},[(m(!0),x(c,null,s(t.items,(e=>(m(),x("div",{key:e.title},[L(r.LandingLocationSection,{location:e},null,8,["location"])])))),128))],2)])),_:1},8,["item","class"]),L(r.FAQWidget,{item:i.faqs,"skip-prop-parse-json":""},null,8,["item"]),e("div",{class:l(n.$style.promoContainer)},[L(r.InfoWidget,{direction:"reverse","background-color":i.promo.backgroundColor,mode:r.isMobileOr((e=>e<=76.8))?"portrait":"landscape","img-max-width":r.isMobileOr((e=>e<=76.8))?"100%":"33.33%","content-max-width":r.isMobileOr((e=>e<=76.8))?"100%":"66.66%","content-full-width":"",class:l(n.$style.infoWidget)},{"image-content":t((()=>[L(r.ImageEl,{class:l(n.$style.promoImage),src:i.promo.image,alt:i.promo.heading},null,8,["class","src","alt"])])),"text-content":t((()=>[e("div",{class:l(n.$style.promoText)},[e("h2",{class:l(n.$style.promoTitle)},a(i.promo.heading),3),e("div",{innerHTML:i.promo.text},null,8,q)],2)])),_:1},8,["background-color","mode","img-max-width","content-max-width","class"])],2),L(r.LandingLocationInfo,{location:i.location},null,8,["location"])],2)],2)}],["__cssModules",{$style:{container:"LandingPage__container--m7cpw9a0",content:"LandingPage__content--m7cpw9a0",bannerHeight:"LandingPage__bannerHeight--m7cpw9a0",bannerContent:"LandingPage__bannerContent--m7cpw9a0",bannerTitle:"LandingPage__bannerTitle--m7cpw9a0",promoContainer:"LandingPage__promoContainer--m7cpw9a0",infoWidget:"LandingPage__infoWidget--m7cpw9a0",promoImage:"LandingPage__promoImage--m7cpw9a0",promoText:"LandingPage__promoText--m7cpw9a0",promoTitle:"LandingPage__promoTitle--m7cpw9a0",accordionBorder:"LandingPage__accordionBorder--m7cpw9a0",accordionHeader:"LandingPage__accordionHeader--m7cpw9a0",accordionHeaderTitle:"LandingPage__accordionHeaderTitle--m7cpw9a0",accordionItems:"LandingPage__accordionItems--m7cpw9a0"}}],["__file","LandingPage.vue"]]);export{F as default};