https://deluxehomeartshop.com/cdn/shop/t/30/assets/dayNightSlider.js?v=81231043058658768751791204598

1let progressfader={createNode:html=>{const template=document.createElement("template");return template.innerHTML=html.trim(),template.content.firstChild},init:()=>{progressfader._docEventsBound||(progressfader._docEventsBound=!0,document.addEventListener("pointerup",e=>{document.querySelectorAll(".progressfader .controls .slider1 .slider-handle.dragging").forEach(h=>{h.classList.remove("dragging");try{h._dnPointerId!=null&&h.releasePointerCapture(h._dnPointerId)}catch{}h._dnPointerId=null})},{capture:!0}),document.addEventListener("pointermove",e=>{const ctrlHandle=document.querySelector(".progressfader .controls .slider1 .slider-handle.dragging");if(!ctrlHandle)return;const pfNode=ctrlHandle.closest(".progressfader"),moveDelta=e.clientX-ctrlHandle.data.startDragMouseX;let newSelfX=ctrlHandle.data.startDragSelfX+moveDelta;const sliderWidth=ctrlHandle.closest(".slider-track").getBoundingClientRect().width,handleWidth=ctrlHandle.getBoundingClientRect().width;newSelfX=Math.max(0,newSelfX),newSelfX=Math.min(sliderWidth-handleWidth,newSelfX),ctrlHandle.style.left=newSelfX+"px",updateFader(pfNode)},{capture:!0}),window.addEventListener("resize",()=>updateAllFaders()));function preventGallerySwipe(pfNode){const controls=pfNode.querySelector(".controls");if(!controls||controls.dataset.dnBound==="1")return;controls.dataset.dnBound="1";const stop=e=>{e.stopPropagation()};["touchstart","touchmove","touchend"].forEach(ev=>{controls.addEventListener(ev,stop,{passive:!1})}),controls.addEventListener("pointerdown",e=>e.stopPropagation(),{passive:!0})}document.querySelectorAll(".progressfader:not(.initialized)").forEach(pfNode=>{pfNode.classList.add("initialized");const loader=progressfader.createNode("<div class='loaderoverlay'></div>");if(pfNode.prepend(loader),!pfNode.querySelector(".images")){let imageUrls=[];pfNode.querySelectorAll("*[data-url]").forEach(n=>imageUrls.push(n.getAttribute("data-url"))),pfNode.querySelectorAll("*[data-url]").forEach(m=>m.remove());const imgs=progressfader.createNode("<div class='images'></div>");imageUrls.forEach(imgUrl=>{const img=progressfader.createNode(`<img src="${imgUrl}" />`);img.addEventListener("load",e=>{e.currentTarget.classList.add("img-loaded"),checkReadyState(pfNode)}),imgs.appendChild(img)}),pfNode.appendChild(imgs)}if(pfNode.querySelector(".controls")||pfNode.appendChild(progressfader.createNode("<div class='controls'><div class='slider1'><div class='slider-track'><div class='slider-handle' draggable='false'></div></div></div></div>")),preventGallerySwipe(pfNode),pfNode.hasAttribute("data-hint")){const hintText=pfNode.getAttribute("data-hint");hintText&&pfNode.appendChild(progressfader.createNode(`<div class='hint'>${hintText}</div>`))}const imgList=pfNode.querySelectorAll(".images img");imgList.forEach((imgNode,imgIndex)=>{const rel=imgList.length>1?imgIndex/(imgList.length-1):0;imgNode.data=imgNode.data||{},imgNode.data.relpos=rel,imgNode.setAttribute("data-pos",rel)});const handle=pfNode.querySelector(".slider-handle"),track=pfNode.querySelector(".slider-track");handle.addEventListener("pointerdown",e=>{e.preventDefault(),e.stopPropagation(),handle.classList.add("dragging"),handle.data=handle.data||{},handle.data.startDragMouseX=e.clientX,handle.data.startDragSelfX=parseFloat(handle.style.left)||0,handle._dnPointerId=e.pointerId;try{handle.setPointerCapture(e.pointerId)}catch{}}),track.addEventListener("pointerdown",e=>{e.preventDefault(),e.stopPropagation();const bounds=track.getBoundingClientRect();let x=e.clientX-bounds.left;const sliderWidth=bounds.width,handleWidth=handle.getBoundingClientRect().width;x=Math.max(x,handleWidth/2),x=Math.min(x,sliderWidth-handleWidth/2),x-=handleWidth/2;const size=sliderWidth-handleWidth,rel=size>0?x/size:0;pfNode.data=pfNode.data||{},pfNode.data.relpos=rel,updateFaderControls(pfNode),updateFader(pfNode),handle.classList.add("dragging"),handle.data=handle.data||{},handle.data.startDragMouseX=e.clientX,handle.data.startDragSelfX=parseFloat(handle.style.left)||0,handle._dnPointerId=e.pointerId;try{handle.setPointerCapture(e.pointerId)}catch{}}),updateFader(pfNode)});function checkReadyState(pfNode){pfNode.querySelectorAll(".images img:not(.img-loaded)").length===0&&(pfNode.classList.add("imagesloaded"),setTimeout(()=>{const loader=pfNode.querySelector(".loaderoverlay");loader&&loader.remove(),setTimeout(()=>{pfNode.querySelectorAll(".hint").forEach(h=>h.classList.add("show"))},300)},400))}function updateFader(pfNode){const now=Date.now(),last=pfNode.data?.lastcall||0;now-last>30&&(updateFaderThrottled(pfNode),pfNode.data=pfNode.data||{},pfNode.data.lastcall=now)}function updateFaderThrottled(pfNode){pfNode.querySelectorAll(".hint").forEach(h=>h.classList.remove("show"));const ctrlSlider=pfNode.querySelector(".slider-track"),ctrlHandle=pfNode.querySelector(".slider-handle"),sliderRect=ctrlSlider.getBoundingClientRect(),handleRect=ctrlHandle.getBoundingClientRect(),denom=sliderRect.width-handleRect.width||1,relativePosition=(handleRect.left-sliderRect.left)/denom;let firstIx=0,lastIx=1,firstRelPos=0,lastRelPos=0;const imgs=pfNode.querySelectorAll(".images img");

1imgs.forEach((imgNode,imgIndex)=>{const relImgPos=imgNode.data.relpos;relativePosition>relImgPos&&(firstIx=imgIndex,firstRelPos=relImgPos)}),lastIx=Math.min(firstIx+1,imgs.length-1),lastRelPos=imgs.item(lastIx).data.relpos;const span=lastRelPos-firstRelPos||1;imgs.forEach((imgNode,imgIndex)=>{let opacity=0;imgIndex===firstIx?opacity=1:imgIndex===lastIx&&(opacity=1-(lastRelPos-relativePosition)/span),imgNode.style.opacity=opacity}),pfNode.data=pfNode.data||{},pfNode.data.relpos=relativePosition}function updateFaderControls(pfNode){const p=pfNode.data?.relpos??0,ctrlSlider=pfNode.querySelector(".slider-track"),ctrlHandle=pfNode.querySelector(".slider-handle"),sliderWidth=ctrlSlider.getBoundingClientRect().width,handleWidth=ctrlHandle.getBoundingClientRect().width;ctrlHandle.style.left=p*(sliderWidth-handleWidth)+"px"}function updateAllFaders(){document.querySelectorAll(".progressfader.initialized").forEach(pfNode=>{typeof pfNode.data?.relpos=="number"&&updateFaderControls(pfNode)})}}};document.addEventListener("DOMContentLoaded",()=>progressfader.init()),document.addEventListener("shopify:section:load",()=>progressfader.init());
2//# sourceMappingURL=/cdn/shop/t/30/assets/dayNightSlider.js.map?v=81231043058658768751791204598