https://www.alpinechaletrentals.com/script.js

1(async()=>{const a=document.documentElement,b=document.body,c=document.querySelector(".site-header"),d=document.querySelector(".site-header > .nav_sec"),e=document.querySelector(".site-header .top_part"),f=document.querySelector(".hamburger"),g=document.querySelector(".sideclose"),h=document.querySelectorAll(".site-header .navbar-links .subLinks.icon");(function(){function a(){d.style.paddingTop=c.offsetHeight+"px"}function b(){50<window.scrollY?c.classList.add("header-sticky"):c.classList.remove("header-sticky")}const c=document.querySelector("header.site-header"),d=document.documentElement;c&&(new ResizeObserver(a).observe(c),a(),d.style.transition="padding-top .3s ease",window.addEventListener("scroll",b,{passive:!0}),b())})(),f&&f.addEventListener("click",a=>{a.preventDefault(),b.classList.add("mobile-menu");const c=a.currentTarget.closest(".nav_sec");c&&c.classList.add("active")}),g&&g.addEventListener("click",a=>{a.preventDefault(),b.classList.remove("mobile-menu"),d&&d.classList.remove("active"),document.querySelectorAll(".site-header .navbar-links li.active").forEach(a=>{a.classList.remove("active");const b=a.querySelector(".material-icons");b&&(b.textContent="expand_more")})}),h.forEach(a=>{a.addEventListener("click",()=>{h.forEach(b=>{a!==b&&b.parentNode.classList.remove("active")})})}),window.toggleSubMenu=a=>{const b=a.target.closest("li");if(b){("A"===a.target.tagName&&a.target.classList.contains("drop_action")||"A"!==a.target.tagName)&&a.preventDefault();const c=b.classList.contains("active");if(document.querySelectorAll(".site-header .navbar-links li").forEach(a=>{a.classList.remove("active");const b=a.querySelector(".material-icons");b&&(b.textContent="expand_more")}),!c){b.classList.add("active");const a=b.querySelector(".material-icons");a&&(a.textContent="expand_less")}}}})();(async()=>{window.addEventListener("scroll",()=>{document.querySelector(".scroll-to-top").classList.toggle("active",50<window.scrollY)}),window.scrollToTop=()=>{window.scrollTo({top:0,behavior:"smooth"})}})();(async()=>{var a=document.querySelector(".copyright_text").innerHTML;document.querySelector(".copyright_text").innerHTML=a.replace("[copywrite]",`${new Date().getFullYear()}`),document.addEventListener("DOMContentLoaded",function(){const a=window.location.pathname.replace(/\/$/,"")||"/",b=document.querySelectorAll(".footer_menu a");b.forEach(b=>{let c=b.getAttribute("href");if(c&&!c.startsWith("http"))return c=c.replace(/\/$/,"")||"/","/"===c?void("/"===a&&b.classList.add("active")):void((a===c||a.startsWith(c+"/"))&&b.classList.add("active"))})})})();(async()=>{const a=(await import("https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.esm.browser.min.js")).default;new a({el:document.querySelector("rezemotion-quick-search[data-cid-4]"),template:"<div class=\"rezemotion-quick-search large\" data-cid-4><div class=\"bar\" :style=\"sidebarStyle\"><div class=\"scrim\" v-if=\"isShowingDateSelector || isShowingGuestSelector\" @click=\"hideSelectors\"></div><div class=\"location-select\" v-if=\"showLocations\"><div class=\"label\">Where To?</div><select class=\"value box\" v-model=\"selectedLocation\"><option v-for=\"locate in locations\" :value=\"locate.cityValue\">{{ locate.displayAs }}</option></select></div><div class=\"type-select\" v-if=\"showTypes\"><div class=\"label\">Site Type</div><select class=\"value box\" v-model=\"selectedType\"><option v-for=\"type in types\" :value=\"type.typeValue\">{{ type.displayAs }}</option></select></div><div class=\"date-select\"><div class=\"label\">Check In - Check Out</div><div class=\"value box\" @click=\"showDateSelector\">{{ dateValue }}</div><div class=\"calendars box\" v-if=\"isShowingDateSelector\" :style=\"calendarsStyle\"><div class=\"close-button\" @click=\"hideSelectors\"><i class=\"material-icons\">close</i></div><div class=\"calendar\" v-for=\"calendar in calendars\"><div class=\"month\">{{ calendar.monthName }}<div class=\"arrow left\" :class=\"{disabled: calendar.month <= new Date().getMonth() && calendar.year <= new Date().getFullYear()}\" @click=\"changeMonth(-1)\"><i class=\"material-icons\">chevron_left</i></div><div class=\"arrow right\" :class=\"{disabled: calendar.month + (calendar.year-new Date().getFullYear())*12 >= new Date().getMonth() + 12 }\" @click=\"changeMonth(1)\"><i class=\"material-icons\">chevron_right</i></div></div><div class=\"days\"><div class=\"weekday\" v-for=\"weekday in 'Su.Mo.Tu.We.Th.Fr.Sa'.split('.')\">{{ weekday }}</div><template v-for=\"day in calendar.days\"><div class=\"day blank\" v-if=\"day.type == 'blank'\"></div><div class=\"day\" v-if=\"day.type != 'blank'\" :class=\"{selected: day.isSelected, between: day.isBetweenStartAndEndDate, start: day.date == startDate, end: day.date == endDate, last: day.isLastDay && day.date != endDate, first: day.dayOfMonth == 1 && day.date != startDate, unavailable: !day.isAvailable}\"><div class=\"background\"></div><div class=\"number\" @click=\"handleDayClick(calendar, day)\">{{ day.dayOfMonth }}</div></div></template></div></div></div></div><div class=\"guest-select\" v-if=\"showGuests\" :style=\"sidebarMargin\"><div class=\"label\"># of Guests</div><div class=\"value box\" @click=\"showGuestSelector\">{{ guestValue }}</div><div class=\"dropdown box\" v-if=\"isShowingGuestSelector\"><div class=\"dropdown-input\"><div class=\"dropdown-label\">Sleeps</div>

1<div class=\"button\" @click=\"changeBedsAndBaths('sleeps', -1)\" :class=\"{disabled: sleeps <= 0}\"><i class=\"material-icons\">remove</i></div><div class=\"count\"><div class=\"overlay\" v-if=\"typeof sleeps == 'number' && !sleeps\">Any</div><input v-model=\"sleeps\" type=\"number\" @focus=\"handleBedsAndBathsFocus('sleeps')\" @blur=\"changeBedsAndBaths('sleeps', 0)\" :class=\"{empty: typeof sleeps == 'number' && !sleeps}\"></div><div class=\"button\" @click=\"changeBedsAndBaths('sleeps', 1)\" :class=\"{disabled: sleeps >= maxSleeps}\"><i class=\"material-icons\">add</i></div></div><div class=\"dropdown-input\"><div class=\"dropdown-label\">Bedrooms</div><div class=\"button\" @click=\"changeBedsAndBaths('bedrooms', -1)\" :class=\"{disabled: bedrooms <= 0}\"><i class=\"material-icons\">remove</i></div><div class=\"count\"><div class=\"overlay\" v-if=\"typeof bedrooms == 'number' && !bedrooms\">Any</div><input v-model=\"bedrooms\" type=\"number\" @focus=\"handleBedsAndBathsFocus('bedrooms')\" @blur=\"changeBedsAndBaths('bedrooms', 0)\" :class=\"{empty: typeof bedrooms == 'number' && !bedrooms}\"></div><div class=\"button\" @click=\"changeBedsAndBaths('bedrooms', 1)\" :class=\"{disabled: bedrooms >= maxBedrooms}\"><i class=\"material-icons\">add</i></div></div><div class=\"dropdown-input\"><div class=\"dropdown-label\">Bathrooms</div><div class=\"button\" @click=\"changeBedsAndBaths('bathrooms', -1)\" :class=\"{disabled: bathrooms <= 0}\"><i class=\"material-icons\">remove</i></div><div class=\"count\"><div class=\"overlay\" v-if=\"typeof bathrooms == 'number' && !bathrooms\">Any</div><input v-model=\"bathrooms\" type=\"number\" @focus=\"handleBedsAndBathsFocus('bathrooms')\" @blur=\"changeBedsAndBaths('bathrooms', 0)\" :class=\"{empty: typeof bathrooms == 'number' && !bathrooms}\"></div><div class=\"button\" @click=\"changeBedsAndBaths('bathrooms', 1)\" :class=\"{disabled: bathrooms >= maxBathrooms}\"><i class=\"material-icons\">add</i></div></div></div></div><div class=\"search-button rounded\" @click=\"handleSearchButtonClick\" :style=\"sidebarMargin\">Check Availability</div></div></div>",computed:{calendars(){let a=[];for(;2>a.length;){let b=[],c=dayjs().year(this.selectedYear).month(this.selectedMonth).date(1);a.length&&(c=c.add(1,"month"));let d=c.add(1,"month").subtract(1,"day").date(),e=c.day();for(let a=0;a<e;a++)b.push({type:"blank"});for(let a=0;a<d;a++){let e=dayjs().year(c.year()).month(c.month()).date(a+1).format("YYYY-MM-DD"),f=dayjs(e)>=dayjs().startOf("day").add(0,"days"),g={dayOfMonth:a+1,date:e,isAvailable:f,isSelected:this.startDate==e||this.endDate==e,isBetweenStartAndEndDate:this.startDate&&this.endDate&&dayjs(e)>=dayjs(this.startDate)&&dayjs(e)<=dayjs(this.endDate),isLastDay:a+1==d};b.push(g)}for(;36>b.length;)b.push({type:"blank"});a.push({year:c.year(),month:c.month(),monthName:c.format("MMMM YYYY"),days:b})}return a},dateValue(){return this.startDate&&this.endDate?`${dayjs(this.startDate).format("MMM D")}${dayjs(this.endDate).format(" - MMM D, YYYY")}`:"Select a Date"},guestValue(){if(!this.bedrooms&&!this.sleeps&&!this.bathrooms)return`Select Guests`;let a=[];return this.sleeps&&a.push(`Sleeps ${this.sleeps}`),this.bedrooms&&a.push(`${this.bedrooms} Bed${1==this.bedrooms?"":"s"}`),this.bathrooms&&a.push(`${this.bathrooms} Bath${1==this.bathrooms?"":"s"}`),a.join(", ")},sidebarMargin(){return{}},sidebarStyle(){return{}}},data(){let a=dayjs().year(),b=dayjs().month();return!1,{selectedYear:a,selectedMonth:b,startDate:null,endDate:null,sleeps:0,bedrooms:0,bathrooms:0,isShowingDateSelector:!1,isShowingGuestSelector:!1,maxSleeps:100,maxBedrooms:26,maxBathrooms:30,pets:0,maxPets:2,mobileCalendarHeight:"unset",calendarsStyle:{},locations:[{displayAs:"Sevierville",cityValue:"Sevierville"},{displayAs:"Gatlinburg",cityValue:"Gatlinburg"},{displayAs:"Pigeon Forge",cityValue:"Pigeon Forge"}],selectedLocation:"Sevierville",types:[{displayAs:"Cabin",typeValue:"Cabin"},{displayAs:"House",typeValue:"House"}],selectedType:"Cabin",showLocations:!1,showTypes:!1,showGuests:!0}},methods:{changeBedsAndBaths(a,b){this[a]=parseInt(this[a]),isNaN(this[a])&&(this[a]=0),this[a]=Math.max(0,Math.min(this[`max${a.slice(0,1).toUpperCase()}${a.slice(1)}`],this[a]+b))},changeMonth(a){if(!(0>a&&this.selectedMonth<=new Date().getMonth()&&this.selectedYear==new Date().getFullYear())&&!(0<a&&this.selectedMonth+12*(this.selectedYear-new Date().getFullYear())>=new Date().getMonth()+12-1)){let b=dayjs().year(this.selectedYear).month(this.selectedMonth).date(1).add(a,"month");if(this.selectedYear=b.year(),this.selectedMonth=b.month(),this.startDate&&dayjs(this.startDate).month()<this.selectedMonth)return this.startDate=this.endDate=null}}

1,handleBedsAndBathsFocus(a){0===this[a]&&(this[a]="")},handleDayClick(a,b){return dayjs(b.date)<dayjs().startOf("day")?void 0:this.startDate==b.date?this.endDate?(this.startDate=this.endDate,this.endDate=null):this.startDate=null:this.endDate==b.date?this.endDate=null:this.endDate?(this.endDate=null,this.startDate=b.date):this.startDate?dayjs(b.date)<dayjs(this.startDate)?(this.endDate=this.startDate,this.startDate=b.date,void this.hideSelectors()):(this.endDate=b.date,void this.hideSelectors()):void(this.startDate=b.date)},handleResize(){if(600<window.innerWidth)return this.isShowingDateSelector&&(document.scrollingElement.style.overflowY=null),this.calendarsStyle={};if(!this.isShowingDateSelector)return document.scrollingElement.style.overflowY=null,this.calendarsStyle={};document.scrollingElement.style.overflowY="hidden";let a=document.querySelector(`.site-header`);return a?this.calendarsStyle={height:`calc(100% - ${a.clientHeight}px)`,top:`${a.clientHeight}px`}:this.calendarsStyle={height:"100%"}},handleSearchButtonClick(){let a=`https://www.alpinechaletrentals.com/cabins/`;let b=[];this.startDate&&this.endDate&&b.push(`checkin=${this.startDate}&checkout=${this.endDate}`),this.sleeps&&b.push(`sleeps=${this.sleeps}`),this.bedrooms&&b.push(`beds=${this.bedrooms}`),this.bathrooms&&b.push(`baths=${this.bathrooms}`),this.pets&&!1&&b.push(`pets=${this.pets}`),this.showLocations&&b.push(`locate=${this.selectedLocation}`),this.showTypes&&b.push(`type=${this.selectedType}`),b.length&&(a=`${a}?${b.join("&")}`),window.location.href=a},hideSelectors(){this.isShowingDateSelector=!1,this.isShowingGuestSelector=!1,this.startDate&&!this.endDate&&(this.startDate=null,this.selectedYear=dayjs().year(),this.selectedMonth=dayjs().month()),document.scrollingElement.style.overflowY=null,this.handleResize()},resolveConditions(){},showDateSelector(){this.isShowingDateSelector=!0,this.isShowingGuestSelector=!1,this.handleResize(),600>=window.innerWidth&&(document.scrollingElement.style.overflowY="hidden")},showGuestSelector(){this.isShowingGuestSelector=!0,this.isShowingDateSelector=!1}},mounted(){window.addEventListener("resize",this.handleResize),this.resolveConditions()},watch:{selectedType(){this.resolveConditions()}}})})();