{"version":3,"file":"app_buttons_js.1eab4b852109be9399c8.js","mappings":"4HAAA,MAAMA,EAAgBC,IAClB,MAAMC,EAASD,EAAME,cACfC,EAASC,SAASC,cAAc,QAChCC,EAAWC,KAAKC,IAAIP,EAAOQ,YAAaR,EAAOS,cAC/CC,EAASL,EAAW,EAE1BH,EAAOS,MAAMC,MAAQV,EAAOS,MAAME,OAAS,GAAGR,MAC9CH,EAAOS,MAAMG,KAAUf,EAAMgB,QAAUf,EAAOgB,WAAaN,EAAvC,KACpBR,EAAOS,MAAMM,IAASlB,EAAMmB,QAAUlB,EAAOmB,UAAYT,EAAtC,KAEnBR,EAAOS,MAAMG,KAAUf,EAAMqB,QAAUV,EAAnB,KACpBR,EAAOS,MAAMM,IAASlB,EAAMsB,QAAUX,EAAnB,KAEnBR,EAAOoB,UAAUC,IAAI,UAGrB,MAAMC,EAASxB,EAAOyB,uBAAuB,UAAU,GAEnDD,GACAA,EAAOE,SAGX1B,EAAO2B,YAAYzB,EAAO,EAG9B,eACI,MAAM0B,EAAUzB,SAAS0B,iBAAiB,+FAE1CC,QAAQC,MAAM,qBAAsBH,GACpC,IAAK,MAAM5B,KAAU4B,EACjB5B,EAAOgC,iBAAiB,cAAelC,EAE9C,C","sources":["webpack://ziber.eu/./app/buttons.js"],"sourcesContent":["const createRipple = (event) => {\r\n    const button = event.currentTarget;\r\n    const circle = document.createElement(\"span\");\r\n    const diameter = Math.max(button.clientWidth, button.clientHeight);\r\n    const radius = diameter / 2;\r\n\r\n    circle.style.width = circle.style.height = `${diameter}px`;\r\n    circle.style.left = `${event.clientX - button.offsetLeft - radius}px`;\r\n    circle.style.top = `${event.clientY - button.offsetTop - radius}px`;\r\n\r\n    circle.style.left = `${event.offsetX - radius}px`;\r\n    circle.style.top = `${event.offsetY - radius}px`;\r\n\r\n    circle.classList.add(\"ripple\");\r\n\r\n    // remove old ripple\r\n    const ripple = button.getElementsByClassName(\"ripple\")[0];\r\n\r\n    if (ripple) {\r\n        ripple.remove();\r\n    }\r\n\r\n    button.appendChild(circle);\r\n};\r\n\r\nexport default () => {\r\n    const buttons = document.querySelectorAll(\".c-btn:not(.c-btn--monster-blue, .c-btn--monster-white), .cta-blue, .cta-white, .cta-orange\");\r\n\r\n    console.debug(\"hooking up buttons\", buttons);\r\n    for (const button of buttons) {\r\n        button.addEventListener(\"pointerdown\", createRipple);\r\n    }\r\n};"],"names":["createRipple","event","button","currentTarget","circle","document","createElement","diameter","Math","max","clientWidth","clientHeight","radius","style","width","height","left","clientX","offsetLeft","top","clientY","offsetTop","offsetX","offsetY","classList","add","ripple","getElementsByClassName","remove","appendChild","buttons","querySelectorAll","console","debug","addEventListener"],"sourceRoot":""}