https://www.marinelayer.com/cdn/shop/t/398/assets/product-customizer.CHMd20ql.min.js

1import{_ as e}from"./modulepreload-polyfill.BuDMqL4s.min.js";import{l as t}from"./micromodal.es.ecK0_gfW.min.js";import{u as i,l as o}from"./tua-bsl.W1_X-l5e.min.js";import{r as s,t as r}from"./theme.kqz6JGbI.min.js";import{d as n}from"./utils.BSlSJ0RJ.min.js";import{P as a}from"./photoswipe.zLCnRA3q.min.js";const c=".js-toggle-customizer",l=".js-product-customizer-modal",d=".js-product-customizer-wrapper",u=".customizer-tags-filter-dropdown",m=".js-dropdown-toggle",h="#customizer-tab-container",p=".customizer-tab:not(.customizer-hidden)",v=".js-dropdown-item",g=".js-dropdown-text",b=".js-reset-customizer-modal",w=".js-toggle-reset-customizer",z=".js-reset-customizer",C=".js-close-customizer-modal",y=".js-toggle-close-customizer",L=".js-close-customizer",f=".customizer-input-element-input",S=".input-element-font-selector-container",E=".font-dropdown-menu",T=".js-remove-patch",A='.customizer-tab-body:not(.customizer-hidden) .customizer-list-element:not(.customizer-hidden):not([id*="element_selection"])',_='.customizer-tab-body:not(.customizer-hidden) .customizer-list-element-radio-item[data-code="none"] input',x=".js-tab-back",k='.customizer-list-element-radio-item input[name*="_size"]',q='.customizer-list-element-radio-item > input[type="radio"]:not([value="none"])',I='.customizer-list-element-radio-item > input[type="radio"]:not([value="none"]):checked',R=".customizer-tab-body:not(.customizer-hidden)",B=".js-customizer-script",M=".js-tab-body",O="#customizer-loader-bodies",j=".customizer-list-element.customizer-element",D="active",N="unselected-size",W="arrow-added",P="item-checked",F="first-tab",H="last-tab",V="customizer-hidden",Z="hidden";class U extends window.HTMLElement{connectedCallback(){if(this.toggleCustomizer=this.querySelector(c),this.productCustomizerModal=document.querySelector(l),this.productCustomizerWrapper=document.querySelector(d),this._eventRemovers=[],this._observers=[],!this.toggleCustomizer||!this.productCustomizerModal)return;this.hideTabBody(),this.currentCustomTypeRadio=null,this.initScript();const e=this.initializeCustomizerCustom.bind(this);document.addEventListener("customizer.recipe-loaded",e),this._eventRemovers.push(()=>document.removeEventListener("customizer.recipe-loaded",e))}

1disconnectedCallback(){this._eventRemovers&&(this._eventRemovers.forEach(e=>e()),this._eventRemovers=[]),this._observers.length&&(this._observers.forEach(e=>e.disconnect()),this._observers=[])}initScript(){const e=document.querySelector(B);if(!e)return;const t=e.getAttribute("data-src");t&&(this.updateCustomizerVariantBeforeLoad(e),e.addEventListener("load",()=>{this.initializeCustomizer()}),e.removeAttribute("data-src"),e.src=t)}updateCustomizerVariantBeforeLoad(e){const t=document.querySelector('input[name="id"]');let i=null;if(t&&(t.value&&""!==t.value?i=t.value:t.getAttribute("value")&&""!==t.getAttribute("value")?i=t.getAttribute("value"):t.dataset&&t.dataset.value&&(i=t.dataset.value)),i){e.getAttribute("data-variant");e.setAttribute("data-variant",i)}}initializeCustomizer(){this.toggleCustomizer.classList.remove(Z),t.init({onClose:e=>{e.setAttribute("aria-hidden","true"),s(e),e.contains(this.productCustomizerWrapper)&&i(this.productCustomizerWrapper)}});const e=()=>{this.handleToggleCustomizerModal()};this.toggleCustomizer.addEventListener("click",e),this._eventRemovers.push(()=>this.toggleCustomizer.removeEventListener("click",e)),this.setupVariantHandling(),this.ensureButtonTextOverride()}setupVariantHandling(){document.querySelector('input[name="id"]')}ensureButtonTextOverride(){const e=()=>{const e=document.getElementById("addToCartButton"),t=document.getElementById("addToCartButtonMobile");e&&"Add to Bag"!==e.textContent.trim()&&(e.textContent="Add to Bag"),t&&"Add to Bag"!==t.textContent.trim()&&(t.textContent="Add to Bag")};e();[document.getElementById("addToCartButton"),document.getElementById("addToCartButtonMobile")].filter(Boolean).forEach(e=>{const t=new MutationObserver(()=>{"Add to Bag"!==e.textContent.trim()&&(e.textContent="Add to Bag")});t.observe(e,{childList:!0,subtree:!0,characterData:!0}),this._observers.push(t)});const t=()=>{setTimeout(e,100)};document.addEventListener("customizer.recipe-loaded",t),this._eventRemovers.push(()=>document.removeEventListener("customizer.recipe-loaded",t));const i=setInterval(e,1e3);this._eventRemovers.push(()=>clearInterval(i))}initializeCustomizerCustom(){if(this.hideTabBody(),this.handleTabBodyFinishLoading(this.showTabBody.bind(this)),this.classList.contains(D))return;this.handleCustomizerCustom();const e=this.productCustomizerModal.querySelector(h);if(!e)return;const{isScrollable:t}=this.checkTabContainerScroll(e);t?(this.handleCheckFirstAndLastTabItem(e),this.handleDisplayArrowsOnTab(e)):e.parentElement.classList.add("px-5");const i=()=>{this.updateCurrentSelectedCustomType()};document.addEventListener("customizer.tab-selected",i),this._eventRemovers.push(()=>document.removeEventListener("customizer.tab-selected",i)),this.initializeCustomizerImageZoom(),this.classList.add(D)}handleTabBodyFinishLoading(e){const t=this.productCustomizerModal.querySelector(M);if(!t)return;const i=t.querySelector(O);if(i)return void this.observeLoaderStyle(i,e);const o=new MutationObserver((i,o)=>{const s=t.querySelector(O);s&&(o.disconnect(),this.observeLoaderStyle(s,e))});o.observe(t,{childList:!0,subtree:!0}),this._observers.push(o)}observeLoaderStyle(e,t){const i=e.getAttribute("style");if(i&&i.includes("display: none")){const e=this.productCustomizerModal.querySelector(R);return void this.observeCurrentVisibleTabBody(e,t)}const o=new MutationObserver((i,o)=>{const s=e.getAttribute("style");if(s&&s.includes("display: none")){o.disconnect();const e=this.productCustomizerModal.querySelector(R);this.observeCurrentVisibleTabBody(e,t)}});o.observe(e,{attributes:!0,attributeFilter:["style"]}),this._observers.push(o)}observeCurrentVisibleTabBody(e,t){const i=e.querySelector(j);if(!i)return;const o=i.nextElementSibling;if(!o)return;const s=new MutationObserver((e,i)=>{o.classList.contains(V)&&(i.disconnect(),t())});s.observe(o,{childList:!1,subtree:!1,attributes:!0,attributeFilter:["class"]}),this._observers.push(s)}handleToggleCustomizerModal(){var e;if(this.toggleCustomizer.classList.contains(N)){const t=this.toggleCustomizer.querySelector("span");t&&(t.innerText=(null==(e=window.customizerStrings)?void 0:e.pickSize)||"Pick your size",setTimeout(()=>{var e;t.innerText=(null==(e=window.customizerStrings)?void 0:e.customizeIt)||"Customize it"},2e3))}else this.updateCustomizerVariantOnOpen(),t.show("customizer-modal"),this.productCustomizerModal.setAttribute("aria-hidden","false"),r(this.productCustomizerModal),o(this.productCustomizerWrapper)}updateCustomizerVariantOnOpen(){const e=document.querySelector('input[name="id"]');if(!e)return;let t=e.value||e.getAttribute("value");if(!t)return;const i=document.getElementById("customizer");if((null==i?void 0:i.getAttribute("data-variant"))!==t&&(i&&i.setAttribute("data-variant",t),window.customizer)){window.customizer.variant;window.customizer.variant=t,window.customizer.recipe&&window.customizer.recipe.variant&&(window.customizer.recipe.variant=t),window.customizer.recipeCopy&&window.customizer.recipeCopy.variant&&(window.customizer.recipeCopy.variant=t)}}handleCustomizerCustom(){this.initResetCustomizerModal(),this.initCloseCustomizerModal();const e=window.customizer.tabBodiesContainer.querySelectorAll(u);

1e.length&&e.forEach(e=>{this.handleCustomDropdown(e)});const t=window.customizer.tabBodiesContainer.querySelectorAll(f);t.length&&t.forEach(e=>{this.handleCustomTextArea(e)});const i=window.customizer.tabBodiesContainer.querySelectorAll(S);i.length&&i.forEach(e=>{this.handleCustomFontSelector(e)});const o=window.customizer.tabBodiesContainer.querySelector(T);o&&this.handleRemovePatch(o);const s=window.customizer.tabBodiesContainer.querySelector(x);s&&this.handleTabBack(s);const r=window.customizer.tabBodiesContainer.querySelectorAll(k);r.length&&r.forEach(e=>{this.handleCustomSizeInput(e)});const n=Array.from(window.customizer.tabBodiesContainer.querySelectorAll(q));n.length&&n.forEach(e=>{this.handleStoreCurrentCustomTypeOnChange(e)}),this.observeAndReplaceEmbroideryLabel(),this.setupCustomizerInputObserver(),this.setupTabClickDetection()}observeAndReplaceEmbroideryLabel(){const e=()=>{const e=document.querySelectorAll('input[id^="radio-"][id$="_element_selection-1"]');let t=!1;return e.forEach(e=>{const i=e.closest(".customizer-list-element-radio-item");if(i){const e=document.createTreeWalker(i,NodeFilter.SHOW_TEXT,null,!1);let o;for(;o=e.nextNode();)o.textContent.includes("Text (+$30)")&&!o.textContent.includes("Embroidered")&&(o.textContent=o.textContent.replace("Text (+$30)","Embroidered Text (+$30)"),t=!0)}}),t};if(e())return;const t=new MutationObserver(()=>{e()&&t.disconnect()});t.observe(document.body,{childList:!0,subtree:!0}),this._observers.push(t)}initResetCustomizerModal(){const e=this.productCustomizerModal.querySelector(w),t=document.querySelector(b),i=t?t.querySelector(z):null;if(e&&t){const i=()=>{this.handleToggleCtaCustomizerModal(t,"reset-customizer-modal")};e.addEventListener("click",i),this._eventRemovers.push(()=>e.removeEventListener("click",i))}if(i){const e=()=>{this.handleResetCustomizer()};i.addEventListener("click",e),this._eventRemovers.push(()=>i.removeEventListener("click",e))}}initCloseCustomizerModal(){const e=this.productCustomizerModal.querySelectorAll(y),t=document.querySelector(C),i=t?t.querySelector(L):null;if(e.length&&t){const i=()=>{this.handleToggleCtaCustomizerModal(t,"close-customizer-modal")};e.forEach(e=>{e.addEventListener("click",i),this._eventRemovers.push(()=>e.removeEventListener("click",i))})}if(i){const e=()=>{this.handleCloseCustomizer()};i.addEventListener("click",e),this._eventRemovers.push(()=>i.removeEventListener("click",e))}}handleToggleCtaCustomizerModal(e,i){t.show(i),e.setAttribute("aria-hidden","false"),r(e)}handleResetCustomizer(){window.customizer?(t.close("reset-customizer-modal"),window.customizer.reset()):window.location.reload()}handleCloseCustomizer(){t.close("close-customizer-modal"),t.close("customizer-modal"),s(this.productCustomizerModal),i(this.productCustomizerWrapper),setTimeout(()=>{window.customizer.reset()},300)}handleCustomDropdown(e){var t;if(e.parentElement.querySelector(".js-dropdown-toggle"))return;const i=document.createElement("div");i.className="relative";const o=document.createElement("div");o.className="js-dropdown-toggle py-[9.2px] px-[17px] border border-navy rounded-[25px] flex items-center justify-between [&.active]:rounded-b-none [&.active]:border-b-0 cursor-pointer";const s=document.createElement("span");s.className="js-dropdown-text p1-bold text-navy md:p3-bold",s.textContent=(null==(t=window.customizerStrings)?void 0:t.allPatches)||"All Patches",o.appendChild(s),o.insertAdjacentHTML("beforeend",'<svg class="[.active_&]:rotate-180 transition-transform duration-400 ease-in-out" xmlns="http://www.w3.org/2000/svg" width="13" height="8" viewBox="0 0 13 8" fill="none"><path d="M11.9403 0.433005L13.0003 1.49401L7.22327 7.27301C7.13071 7.36616 7.02063 7.44009 6.89938 7.49054C6.77813 7.54098 6.6481 7.56696 6.51677 7.56696C6.38545 7.56696 6.25542 7.54098 6.13417 7.49054C6.01292 7.44009 5.90284 7.36616 5.81027 7.27301L0.0302734 1.49401L1.09027 0.434005L6.51527 5.85801L11.9403 0.433005Z" fill="#1C4067"/></svg>');const r=document.createElement("div");r.className="bg-white w-full absolute top-full left-0 overflow-hidden border border-t-0 border-navy rounded-[25px] rounded-t-none pb-[15px] max-h-0 opacity-0 transition-[max-height] duration-400 ease-in-out [.active+&]:opacity-100 [.active+&]:max-h-100",Array.from(e.options).forEac

1h(e=>{var t;const i=document.createElement("div");i.className="js-dropdown-item p1-bold md:p3-bold text-navy px-[17px] py-[7px] capitalize cursor-pointer hover:bg-black/20",i.setAttribute("data-value",e.value),i.textContent=e.value?e.label:(null==(t=window.customizerStrings)?void 0:t.allPatches)||"All Patches",r.appendChild(i)}),i.appendChild(o),i.appendChild(r),e.insertAdjacentElement("afterend",i);const n=i.querySelector(m);if(!n)return;const a=()=>{n.classList.toggle(D)};n.addEventListener("click",a),this._eventRemovers.push(()=>n.removeEventListener("click",a));const c=i.querySelectorAll(v),l=i.querySelector(g);if(!c.length||!l)return;c.forEach(t=>{const i=()=>{this.handleChangeOption(t,e,n,l)};t.addEventListener("click",i),this._eventRemovers.push(()=>t.removeEventListener("click",i))});const d=e=>{this.handleClickOutsideDropdown(e,n)};window.addEventListener("click",d),this._eventRemovers.push(()=>window.removeEventListener("click",d))}handleChangeOption(e,t,i,o){var s;const r=e.getAttribute("data-value");t.value=r||"",t.dispatchEvent(new Event("change",{bubbles:!0})),i.classList.remove(D),o.innerText=r?e.innerText:(null==(s=window.customizerStrings)?void 0:s.allPatches)||"All Patches"}handleClickOutsideDropdown(e,t){t.contains(e.target)||t.classList.remove(D)}handleCustomTextArea(e){var t,i;if(e.dataset.characterLimitWarningSetup)return;e.dataset.characterLimitWarningSetup="true",e.placeholder=(null==(t=window.customizerStrings)?void 0:t.textareaPlaceholder)||"Type Here";const o=`\n    <button type="button" class="absolute p4 underline right-0 top-[99px] text-navy md:top-31 disabled:cursor-not-allowed" disabled>${(null==(i=window.customizerStrings)?void 0:i.clearText)||"Clear text"}</button>\n    `;e.insertAdjacentHTML("afterend",o);const s=e.nextElementSibling,r=e.closest(".customizer-input-element-container");let n=null==r?void 0:r.querySelector(".customizer-character-limit-warning");if(!n){const e=null==r?void 0:r.querySelector(".customizer-input-element-counter");n=document.createElement("div"),n.className="customizer-character-limit-warning customizer-validation-message",n.textContent="Oops, trimmed your text to fit",n.style.display="none",e?e.insertAdjacentElement("afterend",n):s.insertAdjacentElement("afterend",n)}const a=()=>e.dataset.truncatedLength?parseInt(e.dataset.truncatedLength,10):null,c=(t,i)=>{null!==t?(e.dataset.truncatedLength=t.toString(),null!=i&&(e.dataset.originalLength=i.toString())):(delete e.dataset.truncatedLength,delete e.dataset.originalLength)},l=t=>{const i=a();if(null===i)return!1;const o=e.dataset.originalLength?parseInt(e.dataset.originalLength,10):null;return t===i&&(null===o||t<o)},d=e=>{0!==e&&l(e)?n.style.display="block":(c(null),n.style.display="none")},u=()=>{this.resetCurrentTab(),c(null),n.style.display="none"};s.addEventListener("click",u),this._eventRemovers.push(()=>s.removeEventListener("click",u));const m=e=>{this.handleStateClearText(e,s),d((e.target.value||"").length)};e.addEventListener("input",m),this._eventRemovers.push(()=>e.removeEventListener("input",m)),e.dataset.characterLimitWarningId||(e.dataset.characterLimitWarningId="warning-"+Date.now()),n.dataset.textareaId=e.dataset.characterLimitWarningId;let h=e.value||"",p=Date.now();const v=setInterval(()=>{const t=e.value||"",i=Date.now()-p;h&&t.length<h.length&&i>300&&null===a()&&c(t.length,h.length),d(t.length),h=t},100),g=()=>{p=Date.now()};e.addEventListener("input",g),this._eventRemovers.push(()=>{clearInterval(v),e.removeEventListener("input",g)})}handleStateClearText(e,t){e.target.value&&e.target.value.length?t.removeAttribute("disabled"):t.setAttribute("disabled",!0)}setupCustomizerInputObserver(){if(!window.customizer||!window.customizer.tabBodiesContainer)return;const e=new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{if(e.nodeType===Node.ELEMENT_NODE){e.classList&&e.classList.contains("customizer-input-element-input")&&this.handleCustomizerInputBehavior(e);const t=e.querySelectorAll&&e.querySelectorAll(".customizer-input-element-input");t&&t.length>0&&t.forEach(e=>{this.handleCustomizerInputBehavior(e)})}})})});e.observe(window.customizer.tabBodiesContainer,{childList:!0,subtree:!0}),this._observers.push(e);window.customizer.tabBodiesContainer.querySelectorAll(".customizer-input-element-input").forEach(e

1=>{this.handleCustomizerInputBehavior(e)})}handleCustomizerInputBehavior(e){if(e.dataset.customizerInputProcessed)return;e.dataset.customizerInputProcessed="true",this.emptyInputs||(this.emptyInputs=new Set);const t=e=>{const t=e.target,i=t.value.trim(),o=t.getAttribute("code");""===i?o&&this.emptyInputs.add(o):o&&this.emptyInputs.delete(o)};e.addEventListener("input",t),this._eventRemovers.push(()=>{e.removeEventListener("input",t)})}setupTabClickDetection(){const e=()=>{const t=document.querySelector(".js-product-customizer-wrapper");let i=[],o=null;if(t){i=t.querySelectorAll(".customizer-tab"),o=t}i.length>0?this.setupTabClickListeners(o):setTimeout(e,500)};setTimeout(e,100)}setupTabClickListeners(e){const t=new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{if(e.nodeType===Node.ELEMENT_NODE){e.classList&&e.classList.contains("customizer-tab")&&this.attachTabClickListener(e);const t=e.querySelectorAll&&e.querySelectorAll(".customizer-tab");t&&t.forEach(e=>{this.attachTabClickListener(e)})}})})});t.observe(e,{childList:!0,subtree:!0});e.querySelectorAll(".customizer-tab").forEach(e=>{this.attachTabClickListener(e)}),this._eventRemovers.push(()=>{t.disconnect()})}attachTabClickListener(e){if(e.dataset.tabClickListenerAttached)return;const t=()=>{this.emptyInputs&&this.emptyInputs.size>0&&this.emptyInputs.forEach(e=>{try{const t=e.replace("_text","_element_selection");window.customizer&&window.customizer.elements&&window.customizer.elements[t]&&window.customizer.elements[t].setValue("none")}catch(t){}})};e.addEventListener("click",t),e.dataset.tabClickListenerAttached="true",this._eventRemovers.push(()=>{e.removeEventListener("click",t)})}handleCustomFontSelector(e){const t=e.querySelector(E);if(!t)return;const i=e.closest(".customizer-element"),o=null==i?void 0:i.querySelector(f);o&&this.setupFontChangeDetectionForSelector(t,o);const s=new MutationObserver(e=>{e.forEach(e=>{if("style"===e.attributeName){const t=e.target,i=getComputedStyle(t).display,o=t.previousElementSibling;o&&("block"===i?o.classList.add(D):o.classList.remove(D))}})});s.observe(t,{attributes:!0,attributeFilter:["style"]}),this._observers.push(s)}setupFontChangeDetectionForSelector(e,t){if(e.dataset.fontChangeDetectionSetup)return;e.dataset.fontChangeDetectionSetup="true";let i=null;if(t.dataset.characterLimitWarningId){const e=t.dataset.characterLimitWarningId,o=t.closest(".customizer-input-element-container");i=null==o?void 0:o.querySelector(`[data-textarea-id="${e}"]`)}if(!i){const e=t.closest(".customizer-input-element-container");i=null==e?void 0:e.querySelector(".customizer-character-limit-warning")}if(!i)return;let o=t.value||"";const s=()=>{const e=t.value||"";o&&e.length<o.length&&(t.dataset.truncatedLength=e.length,t.dataset.originalLength=o.length);const s=t.dataset.truncatedLength?parseInt(t.dataset.truncatedLength,10):null,r=t.dataset.originalLength?parseInt(t.dataset.originalLength,10):null,n=null!==s&&e.length===s&&(null===r||e.length<r);0!==e.length&&n?i.style.display="block":(delete t.dataset.truncatedLength,delete t.dataset.originalLength,i.style.display="none"),o=e},r=()=>{e.querySelectorAll(".font-dropdown-item").forEach(e=>{if(e.dataset.fontChangeListenerAdded)return;e.dataset.fontChangeListenerAdded="true";const i=()=>{o=t.value||"",setTimeout(s,150),setTimeout(s,400)};e.addEventListener("click",i),this._eventRemovers.push(()=>{e.removeEventListener("click",i),delete e.dataset.fontChangeListenerAdded})})};r();const n=new MutationObserver(()=>{r()});n.observe(e,{childList:!0,subtree:!0}),this._observers.push(n)}handleRemovePatch(e){const t=()=>{this.handleActiveCurrentCustomType()};e.addEventListener("click",t),this._eventRemovers.push(()=>e.removeEventListener("click",t))}handleTabBack(e){const t=()=>{this.resetCurrentTab()};e.addEventListener("click",t),this._eventRemovers.push(()=>e.removeEventListener("click",t))}resetCurrentTab(){const e=window.customizer.tabBodiesContainer.querySelector(_),t=window.customizer.tabBodiesContainer.querySelector(A);e&&t&&(t.classList.add(V),e.checked=!0,e.dispatchEvent(new Event("change",{bubbles:!0})))}handleCustomSizeInput(e){const t=e.nextElementSibling,i=e.value;i&&i.length&&(t.innerText=i[0].toUpperCase()+i.slice(1))}handleCheckFirstAndLastTabItem(e){e&&!e.classList.contains(P)&&(e.classList.add(P),setTimeout(()=>{const t=Array.from(e.querySelectorAll(p));t.length&&(t[0].classList.add(F),t[t.length-1].classList.add(H))},100))}handleDisplayArrowsOnTab(e){if(!e||e.classList.contains(W))return;const t=document.createElement("div");t.classList.add("product-customizer__left-arrow-wrapper"),t.append(this.handleCreateArrow());const i=document.createElement("div");i.classList.add("product-customizer__right-arrow-wrapper"),i.append(this.handleCreateArrow()),e.prepend(t),e.append(i),e.classList.add(W);const o=()=>{const{canScrollLeft:o,canScrollRight:s}=this.checkTabContainerScroll(e);i.classList.toggle(D,s),t.classList.toggle(D,o)},s=()=>{e.scrollBy({left:-180,behavior:"smooth"})};

1t.addEventListener("click",s),this._eventRemovers.push(()=>{t.removeEventListener("click",s)});const r=()=>{e.scrollBy({left:180,behavior:"smooth"})};i.addEventListener("click",r),this._eventRemovers.push(()=>{i.removeEventListener("click",r)}),o();const a=n(o,100);e.addEventListener("scroll",a),this._eventRemovers.push(()=>e.removeEventListener("scroll",a))}handleCreateArrow(){const e=document.createElement("span");return e.classList.add("product-customizer__arrow"),e.innerHTML='\n      <svg xmlns="http://www.w3.org/2000/svg" width="7" height="12" viewBox="0 0 7 12" fill="none">\n        <path d="M6.73391 5.84407C6.72733 5.61346 6.64167 5.40261 6.45718 5.2313L1.33097 0.223692C1.18601 0.0787353 1.00152 -0.000332876 0.784085 -0.000332867C0.349214 -0.000332848 -4.95957e-07 0.342293 -4.76949e-07 0.777164C-4.67732e-07 0.98801 0.085656 1.19227 0.237202 1.34381L4.85606 5.83748L0.237202 10.3443C0.0922454 10.4959 -4.34899e-08 10.6935 -3.39855e-08 10.911C-1.49766e-08 11.3459 0.349215 11.6885 0.784086 11.6885C1.00152 11.6885 1.18601 11.6094 1.33097 11.4645L6.45718 6.45026C6.64167 6.27235 6.73391 6.07469 6.73391 5.84407Z" fill="#1C4067"/>\n      </svg>\n    ',e}checkTabContainerScroll(e){if(!e)return{canScrollLeft:!1,canScrollRight:!1,isScrollable:!1};const{scrollLeft:t,scrollWidth:i,clientWidth:o}=e;return{canScrollLeft:t>0,canScrollRight:t<i-o,isScrollable:i>o}}handleStoreCurrentCustomTypeOnChange(e){const t=()=>{this.updateCurrentSelectedCustomType()};e.addEventListener("change",t),this._eventRemovers.push(()=>{e.removeEventListener("change",t)})}updateCurrentSelectedCustomType(){const e=window.customizer.tabBodiesContainer.querySelector(R);if(!e)return void(this.currentCustomTypeRadio=null);const t=e.querySelector(I);this.currentCustomTypeRadio=t||null}handleActiveCurrentCustomType(){this.currentCustomTypeRadio&&(this.currentCustomTypeRadio.checked=!0,this.currentCustomTypeRadio.dispatchEvent(new Event("change")))}showTabBody(){const e=this.productCustomizerModal.querySelector(M);e&&e.classList.add(D)}hideTabBody(){const e=this.productCustomizerModal.querySelector(M);e&&e.classList.remove(D)}initializeCustomizerImageZoom(){const e=document.getElementById("customizer-main-perspective");if(!e)return;const t=()=>{const t=e.querySelector("canvas"),i=e.querySelector("img:not(#customizer-static-image)");if(!t&&!i)return!1;const o=(t||i).closest("#model-container");if(!o)return!1;try{const e=window.customizer&&window.customizer.recipe&&window.customizer.recipe.id||null,o=()=>{if(e)if(t&&"function"==typeof t.toDataURL){const i=t.toDataURL("image/png"),o=JSON.stringify({src:i,w:t.width||1400,h:t.height||1400});window.sessionStorage.setItem(`customFull_recipe_${e}`,o)}else if(i&&i.src){const t=document.createElement("canvas");t.width=i.naturalWidth||i.width||1400,t.height=i.naturalHeight||i.height||1400;t.getContext("2d").drawImage(i,0,0,t.width,t.height);const o=t.toDataURL("image/png"),s=JSON.stringify({src:o,w:t.width,h:t.height});window.sessionStorage.setItem(`customFull_recipe_${e}`,s)}};o(),setTimeout(o,400)}catch(s){}return t?this.initializeCanvasZoom(t,o):this.initializeImageZoom(i,o),!0};if(t())return;const i=new MutationObserver(()=>{t()&&i.disconnect()});i.observe(e,{childList:!0,subtree:!0}),this._observers.push(i)}setupCustomizerAddToCartImageHook(){}initializeCanvasZoom(t,i){const o=t.toDataURL("image/png"),s=document.createElement("a");s.href=o,s.setAttribute("data-pswp-width",t.width||1400),s.setAttribute("data-pswp-height",t.height||1400),s.style.cssText="display: block; cursor: zoom-in;",t.parentNode.insertBefore(s,t),s.appendChild(t);const r=document.querySelector("product-gallery"),n=r?r.getAttribute("data-close-svg"):null,c=new a({gallery:i,children:"a",pswpModule:()=>e(()=>import("./photoswipe.esm.BmIA_ppk.min.js"),[],import.meta.url),preloaderDelay:0,showHideAnimationType:"none",bgOpacity:1,closeSVG:n,counter:!1,arrowPrev:!1,arrowNext:!1,loop:!1,initialZoomLevel:"fill",secondaryZoomLevel:e=>1.5*e.initial});c.on("afterInit",()=>{try{const e=c.pswp;if(!e||!e.currSlide)return;const t=e.currSlide.zoomLevels.secondary||1.5*e.currSlide.zoomLevels.initial,i={x:e.viewportSize.x/2,y:e.viewportSize.y/2};e.zoomTo(t,i,0)}catch(e){}}),c.on("beforeOpen",()=>{const e=t.toDataURL("image/png");s.href=e,s.setAttribute("data-pswp-width",t.width||1400),s.setAttribute("data-pswp-height",t.height||1400);try{const i=JSON.stringify({src:e,w:t.width||1400,h:t.height||1400});window.sessionStorage.setItem("customizerLastImage",i)}catch(i){}});const l=e=>{e.preventDefault(),e.stopPropagation();const i=t.toDataURL("image/png");s.href=i;try{const e=JSON.stringify({src:i,w:t.width||1400,h:t.height||1400});window.sessionStorage.setItem("customizerLastImage",e)}catch(o){}c.loadAndOpen(0)};t.addEventListener("click",l),this._eventRemovers.push(()=>{t.removeEventListener("click",l)}),c.init()}initializeImageZoom(t,i){t.setAttribute("data-pswp-width",t.naturalWi

1dth||t.width||1400),t.setAttribute("data-pswp-height",t.naturalHeight||t.height||1400),t.style.cursor="zoom-in";const o=document.querySelector("product-gallery"),s=o?o.getAttribute("data-close-svg"):null,r=new a({gallery:i,children:"img:not(#customizer-static-image)",pswpModule:()=>e(()=>import("./photoswipe.esm.BmIA_ppk.min.js"),[],import.meta.url),preloaderDelay:0,showHideAnimationType:"none",bgOpacity:1,closeSVG:s,counter:!1,arrowPrev:!1,arrowNext:!1,loop:!1,initialZoomLevel:"fill",secondaryZoomLevel:e=>1.5*e.initial});r.on("afterInit",()=>{try{const e=r.pswp;if(!e||!e.currSlide)return;const t=e.currSlide.zoomLevels.secondary||1.5*e.currSlide.zoomLevels.initial,i={x:e.viewportSize.x/2,y:e.viewportSize.y/2};e.zoomTo(t,i,0)}catch(e){}}),r.on("beforeOpen",()=>{try{const e=i.querySelector("img:not(#customizer-static-image)");if(!e)return;const t=document.createElement("canvas");t.width=e.naturalWidth||e.width||1400,t.height=e.naturalHeight||e.height||1400;t.getContext("2d").drawImage(e,0,0,t.width,t.height);const o=t.toDataURL("image/png"),s=JSON.stringify({src:o,w:t.width,h:t.height});window.sessionStorage.setItem("customizerLastImage",s)}catch(e){}}),r.init()}}window.customElements.define("product-customizer",U);