https://topsail-realty.com/vue/js/UnitsSection.BWx1DXQm.js

1import{$n as t,Ar as e,Bn as i,Dt as s,Gr as n,Ir as a,Jr as o,Kr as r,Qn as l,Sr as u,Ur as c,Xn as p,_r as d,ar as m,br as f,bt as h,cr as S,dt as g,er as y,i as v,nr as A,or as U,st as w,tr as I,wr as x,yr as b}from"./app.l-9nc_by.js";import{i as _,m as E,p as P}from"./searchStore.CF-Xrl9n.js";import{o as R}from"./pageTypeHelpers.5fQQHxwK.js";import{n as z,r as V}from"./esm._GbQPY1_.js";import{t as O}from"./UnitItem.3UFVU6rg.js";import{t as B}from"./SkeletonImage.C1_qlahU.js";import{t as D}from"./SkeletonContent.D-Zj0uCj.js";import{t as k}from"./Pagination.moDU2EgF.js";import{t as L}from"./usePaginationScrollPosition.BGvXyTSF.js";function C(t){const e=a(null),i=P(),{viewItemListEvent:n,viewPromotionEvent:o}=_();return d((()=>{if("units"===t&&e.value){const t=window.location.href.split("?")[0],a=document.querySelector("h1")?document.querySelector("h1")?.textContent:document.querySelector("title")?.textContent,r=e.value.querySelectorAll("#unit-item-container"),l=document.querySelectorAll("#alt-unit-list #unit-item-container");h(Array.from(r).concat(Array.from(l)).filter(((t,e)=>e%10==0)),((e,r)=>{let l=i.getUnitItemsForGA4("units");const u=i.getUnitItemsForGA4("altUnits");l=l.concat(u).map(((t,e)=>(t.index=e,t)));const c=10*r;l=l.slice(c,c+10),n(l,a||"",t),i.pageType==s.DEALS_DETAILS&&o(l)}))}})),e}var N=S({__name:"UnitItems",props:{items:{},type:{default:"units"},portrait:{type:Boolean,default:!1},unitParams:{}},setup(t,{expose:e}){e();let i=!1;const s=(t,e,i)=>{"undefined"!=typeof window&&t<=0&&window.scrollY>0||V(t,e,i)},n=t,o=a(null),r=a(0),u=z(l((()=>({count:n.items.length,getItemKey:t=>n.items[t]?.globalUuid??t,estimateSize:()=>n.portrait?520:290,overscan:5,scrollMargin:r.value,initialRect:{width:1280,height:1200},initialOffset:()=>"undefined"==typeof window||E()&&!i?0:window.scrollY,scrollToFn:s})))),c=l((()=>u.value.getVirtualItems().map((t=>({...t,key:t.key}))))),p=l((()=>u.value.getTotalSize())),m=()=>{o.value&&(r.value=Math.round(o.value.getBoundingClientRect().top+window.scrollY)+1e3)};let f=null;d((()=>{i=!0,m(),f=new ResizeObserver(m);let t=o.value?.parentElement??null;for(;t&&t!==document.body;)f.observe(t),t=t.parentElement})),b((()=>{f?.disconnect(),f=null}));const h={get hasHydratedUnitsList(){return i},set hasHydratedUnitsList(t){i=t},virtualizerWindowScroll:s,props:n,listRef:o,listOffset:r,virtualizer:u,virtualItems:c,totalSize:p,measureElement:t=>{t&&u.value.measureElement(t)},updateListOffset:m,get ancestorObserver(){return f},set ancestorObserver(t){f=t},UnitItem:O};return Object.defineProperty(h,"__isScriptSetup",{enumerable:!1,value:!0}),h}}),j=["data-testid"],M=["data-index"],F={style:{"padding-bottom":"2rem"}};var W=i(N,[["render",function(e,i,s,a,o,r){return f(),A("div",{ref:"listRef","data-testid":`${s.type}-items`},[t("div",{style:n({height:`${a.totalSize}px`,width:"100%",position:"relative"})},[(f(!0),A(p,null,u(a.virtualItems,(e=>(f(),A("div",{key:e.key,ref_for:!0,ref:a.measureElement,"data-index":e.index,style:n({position:"absolute",top:0,left:0,width:"100%",transform:`translateY(${e.start-a.listOffset}px)`})},[t("div",F,[U(a.UnitItem,{"unit-data":s.items[e.index],"unit-params":s.unitParams(s.items[e.index].globalUuid),type:s.type,portrait:s.portrait},null,8,["unit-data","unit-params","type","portrait"])])],12,M)))),128))],4)],8,j)}],["__file","UnitItems.vue"]]);var Q=i(S({__name:"UnitsAltSection",setup(t,{expose:e}){e();const i=P(),{isMobileOr:s}=v(),n={filtersStore:i,isMobileOr:s,unitListRef:C("altUnits"),UnitItems:W};return Object.defineProperty(n,"__isScriptSetup",{enumerable:!1,value:!0}),n}}),[["render",function(t,e,i,s,n,a){const o=x("PortalTarget");return f(),A("div",{id:"alt-unit-list",ref:"unitListRef",class:c(t.$style.container)},[U(o,{name:"alt-filters"}),U(s.UnitItems,{items:s.filtersStore.altUnits,"unit-params":s.filtersStore.unitParams,type:"altUnits",portrait:s.isMobileOr((t=>t<=90))},null,8,["items","unit-params","portrait"])],2)}],["__cssModules",{$style:{}}],["__file","UnitsAltSection.vue"]]);var Y={id:"unit-list",ref:"unitListRef"},G={key:0,class:"header"};var T=i(S({__name:"UnitsExactSection",setup(t,{expose:e}){e();const i=P(),{units:s,altUnits:n,unitListRef:a}=function(){const t=P();return{units:l((()=>t.units)),altUnits:l((()=>t.altUnits)),unitListRef:C("units")}}(),{isMobileOr:o}=v(),r={filtersStore:i,units:s,altUnits:n,unitListRef:a,isMobileOr:o,UnitItems:W};return Object.defineProperty(r,"__isScriptSetup",{enumerable:!1,value:!0}),r}}),[["render",function(e,i,s,n,a,o){return f(),A("div",Y,[n.altUnits&&n.altUnits.length>0?(f(),A("div",G,[t("div",{class:c(e.$style.title)},"Exact matches",2),t("div",{class:c(e.$style.desciption)}

1," These properties meet all of your search criteria. ",2)])):I("",!0),U(n.UnitItems,{items:n.units,"unit-params":n.filtersStore.unitParams,portrait:n.isMobileOr((t=>t<=90))},null,8,["items","unit-params","portrait"])],512)}],["__cssModules",{$style:{title:"UnitsExactSection__title--leh2ixau",desciption:"UnitsExactSection__desciption--leh2ixau"}}],["__file","UnitsExactSection.vue"]]),X=S({__name:"UnitsSection",props:{phoneNumber:{default:""}},setup(t,{expose:e}){e();const i=P(),{isMobileOr:s,isDesktopAnd:n}=v(),a=L((()=>!document.getElementById("skeleton-loader-units"))),o=l((()=>!i.searchLoading&&0===(i.altUnits||[]).length&&i.page.unitsTotal<25&&R(i.pageType))),r={filtersStore:i,isMobileOr:s,isDesktopAnd:n,saveScrollPosition:a,showAltHeaderAlone:o,setExactCurrentPage:t=>{a(),g("search.page",t,"pushState"),requestAnimationFrame((()=>{w({target:"viewport",elementId:"filters-section",offset:20,behavior:"smooth"})}))},skeletonItems:[{id:1,height:"16px",width:"100%"},{id:2,height:"16px",width:"80%"},{id:3,height:"16px",width:"100%"},{id:4,height:"16px",width:"80%"},{id:5,height:"16px",width:"100%"},{id:6,height:"16px",width:"80%"},{id:7,height:"16px",width:"100%"},{id:8,height:"16px",width:"80%"},{id:9,height:"16px",width:"100%"},{id:10,height:"16px",width:"80%"}],UnitsAltSection:Q,UnitsExactSection:T,SkeletonImage:B,SkeletonContent:D,Pagination:k};return Object.defineProperty(r,"__isScriptSetup",{enumerable:!1,value:!0}),r}}),J={exactSection:"UnitsSection__exactSection--zhto6l4l",altFilters:"UnitsSection__altFilters--zhto6l4l",title:"UnitsSection__title--zhto6l4l",desciption:"UnitsSection__desciption--zhto6l4l",pagination:"UnitsSection__pagination--zhto6l4l",emptyResultMessage:"UnitsSection__emptyResultMessage--zhto6l4l",p1:"UnitsSection__p1--zhto6l4l",p2:"UnitsSection__p2--zhto6l4l",p3:"UnitsSection__p3--zhto6l4l",p4:"UnitsSection__p4--zhto6l4l"},q=o({default:()=>tt}),Z={key:0},H={key:1},$={key:3,id:"skeleton-loader-units"},K=["href"];var tt=i(X,[["render",function(i,s,n,a,o,l){const d=x("Portal");return f(),A("div",null,[a.filtersStore.searchLoading?I("",!0):(f(),A("div",Z,[a.filtersStore.units.length>0?(f(),y(a.UnitsExactSection,{key:0,class:c(i.$style.exactSection)},null,8,["class"])):I("",!0)])),a.filtersStore.searchLoading?I("",!0):(f(),A("div",H,[(a.filtersStore.altUnits||[]).length>0?(f(),y(a.UnitsAltSection,{key:0})):I("",!0),a.filtersStore.page.count>1?(f(),y(a.Pagination,{key:1,"current-page":a.filtersStore.page.current,"total-pages":a.filtersStore.page.count,class:c(i.$style.pagination),onSetCurrentPage:a.setExactCurrentPage},null,8,["current-page","total-pages","class"])):I("",!0)])),a.filtersStore.altUnits.length>0?(f(),y(d,{key:2,to:"alt-filters",disabled:a.showAltHeaderAlone},{default:e((()=>[t("div",{class:c(i.$style.title)},"Close matches",2),t("div",{class:c(i.$style.desciption)},r(a.filtersStore.units.length>0?"If you are flexible, here are some additional options similar to your search.":"We do not have properties that match your exact search, but similar options are available."),3)])),_:1},8,["disabled"])):I("",!0),a.filtersStore.searchLoading?(f(),A("div",$,[(f(),A(p,null,u(50,(t=>U(a.SkeletonImage,{key:t},{default:e((()=>[U(a.SkeletonContent,{"show-image":"","show-border":"",items:a.skeletonItems,direction:a.isMobileOr((t=>t<=76.8))?"portrait":"landscape","items-gap":"14px"},null,8,["direction"])])),_:1}))),64))])):I("",!0),!a.filtersStore.searchLoading&&a.filtersStore.unitsIsSet&&0===a.filtersStore.units.length&&a.filtersStore.altUnitsIsSet&&0===a.filtersStore.altUnits.length?(f(),A("div",{key:4,class:c(i.$style.emptyResultMessage),"data-testid":"no-result-section"},[s[1]||(s[1]=t("img",{src:"data:image/webp;base64,UklGRvYEAABXRUJQVlA4WAoAAAAQAAAAVQAAVQAAQUxQSNYCAAABkBYAUBVNE4EIE8EIRNgGZwQaSIPPBtrAbaAN3AZsg4nAPWRecP8jwoEjSXGz25P1LQIs2DwBDB5eabsL1VqpnEeKAQbwuNxV9jNhXwt/j2j9nntuUbV4WbDnlm2jxwWxVA8v7gd/quCfPad5nlN+f6rgi6vhWTn7ZqEPh7jz1XcER3HFpS3qmmXvcdXEadXXAO7uINPnLjRWJIfv2WQuYfYktCqTZ6+/7bb7thK2/FgtsT3Kl5f1CVyyOkPBdqzDCDCRw6FZWY9ebRUNVpqcA18/minEHEtwtkDWcD7Nf7jOxoBNlAqTcpSTLmfUJWywPWVWdK1FsOVfB55UIZuuLnJZRBbN2BD

1Isht1Y1mtT0TVKpRuteymp6Fg1CKq6CpiNtx9y7nV0krZdvSw7WE+JcoMJsH7WXEaC+0gYYCVutUMV05g4DQIXk1f0A8TAAYYGRL3pS4zgQ6lVD1/VlsBJXYBGe0CLWbBV12obJulF+6Fro8VvVi6HFaLx2T6BwWl7EzNNGRIIIsuBs/URW3l8cNDZlCPFIauvloEFt6Gjns+L7SIJ/mNwFl3onASIL/ZIlZVBnES0c3faBlDSLD7+Q/N+VRM48Gq6uyRntUmQlGVYrPSYlVN/JhVbzdJ2eiofhPzfBOVYnu3NnR6a0QuGsOPs+1MtIYaXS1x32/mQOh5jNo0/zXaVw6DQz3e6CgfDv+vRydC8SS2dxCDx/9e/NZZCu4OTMw/PtF29OQE4ALXSht6rXbw+DT+NumuOKogN25+WWsVUjzElcRVJD8giyuSR7PitclLi3cADV1W5zoDmQYFd9sGrdQLwLmo7UoBJis2n9aP5shzCu2B1Ifz+/o+avv72dNztdIHd//PeQ0K4aBsMCYUBmWGwQjUfGuOxt3YYGD7MxhHmyljsdV2wW4cSko3lydDIHpBGJIIMBZM6g0I9ZDHC8w1wVAe90+t3715BgBWUDgg+gEAAJAOAJ0BKlYAVgA+hTiWR6UjoiE2NmugoBCJZADIkI8QXJ35f7ieXtd/7B6idtX5mPOV0xrorPWE/4uTZYAKf9DtOozbf+xDvyyz8LVOEexUqZnEfggsUpMgBUD9lUbfmvoy3oKpaNIOHEnCmZ204vOGMHBTEOP3hg2zzI4AAP7ndP/66z/+sn//+sHnHeP//f3Yzpzx0Vb2sN0WnQsAQkP2H1LRGzl/wpEj6XQRUGGCMBvduFl9fZiMFX+lhg3IOQ3cfuFc/gYvO6My3JLDPTmKh+xX/LrbrAGFFELGmQ9jopapFx/c1tJEfuwOSnpezIZis8Ro/bVNMCo/6/S4hGvSV5FJgJX0+Foue7E7YfnTajA1FJABvf5z8opNSnV71Gphgh1gDU2RQ5IYvkQXXAglPPqpR/V+FbkwmZRS7F2D2UKlObCdQsWa2sR5GnDuUfujROtqZu9R9Keu/IuNj/nM4IoX/5yuzCENJNrAwMeUpGhs8f19dcK7vIS9KShwn761hLv4SPy15uRyugg/4y3+BSIShmzBnv7vMgToBe/6y2/z9WB/cGoOYt61USS+1cXoCyDxwljqPflWkW8kjyIqwFaz6DDVC5PA+tECWHV9svSatLoy2aAAAC3hNFewk8VwYcYuw1wtDn2+pc3tEoc19rGFm7FQAAAA",alt:"search"},null,-1)),t("p",{class:c(i.$style.p1)}," We have thousands of units to choose from, but no results were found for your search criteria. Please try to adjust your search. ",2),t("p",{class:c(i.$style.p2)}," Should you have any questions or concerns please reach out to us for assistance at: ",2),t("a",{class:c(i.$style.p3),href:`tel:${n.phoneNumber}`},[s[0]||(s[0]=t("i",{class:"fa-thin fa-phone"},null,-1)),m(" "+r(n.phoneNumber),1)],10,K),t("p",{class:c(i.$style.p4)}," Explore Top Locations Highly Rated and Recommended ",2)],2)):I("",!0)])}],["__cssModules",{$style:J}],["__file","UnitsSection.vue"]]);export{q as n,tt as t};