https://www.murad.com/cdn/shop/t/2/assets/chunk--Storemapper-IN54Q57Z.vbt.js

1import"./chunk--chunk-Z7A6LSGX.vbt.js";var Storemapper=class{constructor(el,sel){this.storemapperWrapperSelector="div#storemapper",this.storemapperInputSelector="div#storemapper-form input#storemapper-zip",this.storemapperButtonSelector="button#storemapper-go",this.callbackTimeout=null,this.callbackTriggers=0,this.desktopLayoutBreakpoint=670}init(){this.createObserverForStoremapperLoad()}addUpdateResultsListHeader(storemapperInputElement,storemapperButtonElement){let storemapperList=document.querySelector("ul#storemapper-list"),storemapperResultsHeader=document.createElement("div");storemapperResultsHeader.setAttribute("id","storemapper-results-header"),storemapperList.before(storemapperResultsHeader),storemapperButtonElement.addEventListener("click",()=>{storemapperResultsHeader.style.display="block",storemapperResultsHeader.textContent="Results for "+storemapperInputElement.value})}addInputLabel(storemapperInputElement){var form=document.querySelector("#storemapper-form"),inputLabel=form.querySelector("label");inputLabel.textContent=storemapperInputElement.getAttribute("placeholder"),form.append(inputLabel),inputLabel.style.display="block"}mobileShuffleElements(desktopLayoutBreakpoint){var form=document.querySelector("#storemapper-form"),left=document.querySelector("#storemapper-left"),right=document.querySelector("#storemapper-right");const handleResize=()=>{window.innerWidth>=desktopLayoutBreakpoint?left.prepend(form):right.before(form)};handleResize(),window.onresize=handleResize}injectSearchIcon(storemapperInputElement){let storemapperFormInner=document.querySelector("div.storemapper-form-inner"),inputWrapper=document.createElement("div");inputWrapper.setAttribute("id","storemapper-input-wrapper");let searchIconWrapper=document.createElement("div");searchIconWrapper.setAttribute("id","storemapper-icon-wrapper"),searchIconWrapper.innerHTML=`
2    <div class="flex justify-center items-center w-[20px] h-[20px] ">
3      <svg class="block" width="100%" height="100%" viewBox="0 0 20 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><link xmlns="" type="text/css" id="dark-mode" rel="stylesheet" href=""></link><style xmlns="" type="text/css" id="dark-mode-custom-style"></style>
4        <g id="search-r3" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5          <circle id="Oval" stroke="currentColor" stroke-width="2" transform="translate(9.396035, 8.396035) rotate(-45.000000) translate(-9.396035, -8.396035) " cx="9.39603545" cy="8.39603545" r="7.05821394"></circle>
6          <g id="Group-2" transform="translate(16.381262, 14.954585) rotate(-45.000000) translate(-16.381262, -14.954585) translate(14.881262, 10.954585)" fill="currentColor">
7            <rect id="Rectangle" x="0.191017078" y="0.938184477" width="2.01455349" height="7.0509372" rx="1"></rect>
8          </g>
9        </g>
10      </svg>
11</div>   
12    
13    `,inputWrapper.prepend(searchIconWrapper,storemapperInputElement),storemapperFormInner.prepend(inputWrapper)}injectPostalCode(storemapperInputElement,storemapperButtonElement){const localStorageEDD=localStorage.getItem("muradAftershipEDD");if(localStorageEDD){const localStorageEDDParsed=JSON.parse(localStorageEDD),{postalCode}=localStorageEDDParsed;postalCode?.value&&(storemapperInputElement.value=postalCode?.value,storemapperButtonElement.click())}}createObserverForStoremapperLoad(){const observerTargetNode=document.querySelector(this.storemapperWrapperSelector),observerOptions={subtree:!0,childList:!0,attributes:!0};let callbackTimeout=this.callbackTimeout,callbackTriggers=this.callbackTriggers;const setCallbackTimeout=(observer2,callback,timeoutMs=500,maxCallbackTriggers=1)=>{clearTimeout(callbackTimeout),callbackTimeout=setTimeout(()=>{callbackTriggers<maxCallbackTriggers&&(callbackTriggers++,callback(),callbackTriggers>=maxCallbackTriggers&&observer2.disconnect())},timeoutMs)};let storemapperInputSelector=this.storemapperInputSelector,storemapperButtonSelector=this.storemapperButtonSelector,attachEventListeners=this.addUpdateResultsListHeader,addInputLabel=this.addInputLabel,mobileShuffleElements=this.mobileShuffleElements,injectSearchIcon=this.injectSearchIcon,desktopLayoutBreakpoint=this.desktopLayoutBreakpoint,injectPostalCode=this.injectPostalCode;const storemapperCustomizations=()=>{};async function mutationCallback(mutationRecordArray,observer2){let storemapperIn

13putElement=observerTargetNode.querySelector(storemapperInputSelector),storemapperButtonElement=observerTargetNode.querySelector(storemapperButtonSelector);if(storemapperButtonElement)try{setCallbackTimeout(observer2,()=>{attachEventListeners(storemapperInputElement,storemapperButtonElement),addInputLabel(storemapperInputElement),mobileShuffleElements(desktopLayoutBreakpoint),injectSearchIcon(storemapperInputElement),injectPostalCode(storemapperInputElement,storemapperButtonElement)})}catch(err){console.error(err)}}new MutationObserver(mutationCallback).observe(observerTargetNode,observerOptions)}},Storemapper_default=Storemapper;export{Storemapper_default as default};
14//# sourceMappingURL=/cdn/shop/t/2/assets/chunk--Storemapper-IN54Q57Z.vbt.js.map