https://citizenwatch.eu/static/js/main__imagemap.js?db0dabaa483e80…29ffedbcd73243e527014093044c95d5db90bdb2c83

1"use strict";(globalThis.webpackChunkNorden_Commerce=globalThis.webpackChunkNorden_Commerce||[]).push([[8700],{8696(e,t,s){s.d(t,{imagemapInit:()=>a});var i=s(4561),o=s(8196);class n{constructor(e){this.Taggd=e.taggd,this.imagemap=e.imagemap,this.index=e.index,this.toggle=this.toggle.bind(this),this.show=this.show.bind(this),this.hide=this.hide.bind(this),this.contentMouseEnter=this.contentMouseEnter.bind(this),this.contentMouseLeave=this.contentMouseLeave.bind(this),this.swiper=null}init(){this.options={show:"click",hide:"click",hideDelay:"10000"},this.ajax=!1,this.pageWrap=null!==document.querySelector("[data-page-wrap]"),this.timeout=setTimeout(0),this.menuTimeout=setTimeout(0),this.createMap(),i.Rp.match("splusdown")&&this.createCarousel();const e=(0,i.sg)(()=>{{const e=this.imagemap.querySelector("[data-imagemap-content-wrap]");i.Rp.match("splusdown")?(this.cleanClasses(),this.swiper&&this.swiper.destroy(),this.createCarousel()):e.classList.contains("swiper-initialized")&&this.swiper.destroy()}},250);window.addEventListener("resize",e)}getImage(){return this.imagemap.querySelector("[data-imagemap-image]")}getData(){return window.imagemapData[this.index].map(e=>this.Taggd.Tag.createFromObject(e))}cleanClasses(){const e=this.imagemap.querySelectorAll("[data-imagemap-content]");for(const t of e){const e=new RegExp("\\bfits[^ ]*[ ]?\\b","g");t.className=t.className.replace(e,""),t.removeAttribute("style")}}async createCarousel(){const e=this.imagemap,t=t=>{const s=t.activeIndex,i=t.slides[s].id,o=e.querySelector(`[href="#${i}"]`),n=e.querySelector(".taggd__wrapper.is-highlighted");n&&n.classList.remove("is-highlighted"),o.parentNode.classList.add("is-highlighted")},s=e.querySelector("[data-imagemap-content-wrap]");if(s){let i=s.querySelectorAll('[data-imagemap-content="content"]');if(i.length>0)for(let e of i)e.parentNode.removeChild(e);let n=s.childNodes.length;const a=t=>{const s=e.querySelectorAll(".taggd__wrapper"),i=Array.from(s).indexOf(t.target.closest(".taggd__wrapper"));this.swiper.slideTo(i)};this.swiper=await(0,o.N)(s,{slidesPerView:1,slidesPerGroup:1,navigation:{enabled:n>1},scrollbar:!1,autoHeight:!0,on:{init(){t(this);const s=e.querySelectorAll(".taggd__wrapper");for(const e of s)e.addEventListener("click",a)},slideChange(){t(this)}}})}}createMap(){new this.Taggd(this.getImage(),this.imagemapsOptions,this.getData());const e=document.documentElement.classList.contains("touchevents"),t=this.imagemap.querySelectorAll(".taggd__wrapper"),s=this.imagemap.querySelectorAll("[data-imagemap-content]"),o=()=>{if(i.Rp.match("splusdown")){for(const s of t)e?s.removeEventListener("click",this.toggle):(s.removeEventListener("mouseenter",this.show),s.removeEventListener("mouseleave",this.hide));if(!e)for(let e of s)e.removeEventListener("mouseenter",this.contentMouseEnter),e.removeEventListener("mouseleave",this.contentMouseLeave)}else{for(const s of t)s.addEventListener("keyup",e=>{"Enter"===e.key&&this.toggle()}),e?s.addEventListener("click",this.toggle):(s.addEventListener("mouseenter",this.show),s.addEventListener("mouseleave",this.hide));if(!e)for(let e of s)e.addEventListener("mouseenter",this.contentMouseEnter),e.addEventListener("mouseleave",this.contentMouseLeave)}};o();const n=(0,i.sg)(()=>{o()},250);window.addEventListener("resize",n)}toggle(){const e=event.currentTarget,t=e.classList.contains("active");this.eventType=event.type,t?this.hide(e):this.show(e)}show(e){void 0!==e.target&&(e=e.target);const t=e.querySelector(".taggd__button");clearTimeout(this.timeout);const s=document.querySelector(".taggd__wrapper.active");let i=t.getAttribute("href").replace("#",""),o=this.imagemap.querySelector(`#${i}`),n=document.querySelector('[data-content="showcase"]').offsetWidth-document.querySelector(".c-showcase-container").offsetWidth||40;for(let e of document.querySelectorAll("[data-imagemap-content]"))e!==o&&(e.style.display="none");if(e.classList.add("active"),t.classList.add(this.eventType),this.showContent(e,i,o,n),s&&s!==e){const e=s.closest("[data-imagemap]");this.hide(s,e)}}hide(e,t=this.imagemap){void 0!==e.target&&(e=e.target);const s=e.querySelector(".taggd__button");let i=s.getAttribute("href").replace("#","");this.timeout=setTimeout(()=>{t.querySelector(`#${i}`).style.display="none",e.classList.remove("active"),s.classList.remove(this.eventType)},500)}contentMouseEnter(e){clearTimeout(this.timeout)}contentMouseLeave(e){const t=e.target.closest("[data-imagemap-content]");this.timeout=setTimeout(()=>{t.style.display="none",document.querySelector(".taggd__wrapper.active")?.classList.remove("active")},500)}showContent(e,t,s,i){let o=this.isAjax?HTC.functions.getClosest(this.imagemap,'[data-content="showcase"]'):this.pageWrap?document.querySelector("[data-page-wrap]"):document.documentElement,n=this.isAjax?e.offsetTop:e.getBoundingClientRect().top+document.body.scrollTop,a=this.isAjax?e.getBoundingClientRect().left+document.body.scrollLeft-(HTC.functions.getClosest(this.imagemap,'[data-content="showcase"]').getBoundingClientRect().left+document.body.scrollLeft):e.getBoundingClientRect().left+document.body.scrollLeft,l=document.getElementById(`style_${t}`);l&&l.parentNode.removeChild(l),s.classList.add("is-visible"),s.style.display="block",s.style.top=e.offsetTop+e.offsetHeight/2-s.offsetHeight/2+"px",s.className=s.className.replace(/(^|\s)fits\S+/g,"");let r=o.getBoundingClientRect().width-i-a>s.offsetWidth,c=a-i>s.offsetWidth,d=parseInt(getComputedStyle(o).height)-(n-o.scrollTop+e.offsetHeight)>s.offsetHeight,h=n-o.scrollTop>s.offsetHeight,f=e=>{s.classList.add(e)},g=e=>{let s=document.createElement("style");s.id=`style_${t}`,s.innerHTML=e,document.head.appendChild(s)};r?d&&h?(f("fitsRight"),s.style.left=e.getBoundingClientRect().left+document.body.scrollLeft-(this.getImage().getBoundingClientRect().left+document.body.scrollLeft)+e.offsetWidth+"px"):d?(g(`#${t}::before {left: ${e.getBoundingClientRect().width/2}px;}`),f("fitsRightBottom"),s.style.top=e.offsetTop+e.offsetWidth+"px",s.style.left=e.offsetLeft+"px"):h&&(g(`#${t}::before {left: ${e.getBoundingClientRect().width/2}px;}`),f("fitsRightTop"),s.style.top=e.offsetTop-s.offsetHeight+"px",s.style.left=e.offsetLeft+"px"):c?d&&h?(f("fitsLeft"),s.style.left=e.getBoundingClientRect().left+document.body.scrollLeft-(this.getImage().getBoundingClientRect().left+document.body.scrollLeft)-s.offsetWidth+"px"):d?(g(`#${t}::before {right: ${e.getBoundingClientRect().width/2}px;}`),f("fitsLeftBottom"),s.style.top=e.offsetTop+e.offsetHeight+"px",s.style.left=e.offsetLeft+e.offsetWidth-s.offsetWidth+"px"):h&&(g(`#${t}::before {right: ${e.getBoundingClientRect().width/2}px;}`),f("fitsLeftTop"),s.style.top=e.offsetTop-s.offsetHeight+"px",s.style.left=e.offsetLeft+e.offsetWidth-s.offsetWidth+"px"):h?(f("fitsTop"),s.style.top=e.offsetTop-s.offsetHeight+"px",s.style.left=e.offsetLeft-s.offsetWidth/2+e.offsetWidth/2+"px"):d&&(f("fitsBottom"),s.style.top=e.offsetTop+e.offsetHeight+"px",s.style.left=e.offsetLeft-s.offsetWidth/2+e.offsetWidth/2+"px")}}const a=()=>{const e=document.querySelectorAll("[data-imagemap]");s.e(1384).then(s.t.bind(s,394,19)).then(({default:t})=>{for(let[s,i]of e.entries())new n({taggd:t,imagemap:i,index:s}).init()})}}}]);