1<!doctype html> 2<html lang="nl"> 3<head >
3<script>(function(w,i,g){w[g]=w[g]||[];if(typeof w[g].push=='function')w[g].push(i)}) 4(window,'AW-308587346','google_tags_first_party');</script>
4<script async src="/gtg/"></script>
4 5
5<script> 6 window.dataLayer = window.dataLayer || []; 7 function gtag(){dataLayer.push(arguments);} 8 gtag('js', new Date()); 9 gtag('set', 'developer_id.dY2E1Nz', true); 10 11 </script>
11 12 13 <meta charset="utf-8"/> 14<meta name="title" content="Inloggen"/> 15<meta name="robots" content="INDEX,FOLLOW"/> 16<meta name="viewport" content="width=device-width, initial-scale=1"/> 17<title>Inloggen</title> 18 <link rel="stylesheet" type="text/css" media="all" href="https://www.elektramat.be/static/version1790258389/frontend/Wise/elektramat-3_be/nl_BE/css/styles.min.css" /> 19<link rel="icon" type="image/x-icon" href="https://www.elektramat.be/static/version1790258389/frontend/Wise/elektramat-3_be/nl_BE/Magento_Theme/favicon.ico" /> 20<link rel="shortcut icon" type="image/x-icon" href="https://www.elektramat.be/static/version1790258389/frontend/Wise/elektramat-3_be/nl_BE/Magento_Theme/favicon.ico" />
21<script type="text/javascript" defer="defer" src="https://www.elektramat.be/static/version1790258389/frontend/Wise/elektramat-3_be/nl_BE/Adwise_ABTestSuite/js/ab-test-manager.min.js"></script>
vendor: 1 bytes, line 21
21
22<script type="text/javascript" src="https://www.elektramat.be/static/version1790258389/frontend/Wise/elektramat-3_be/nl_BE/Adwise_Sliderman/js/slider.min.js"></script>
22 23<link rel="preload" as="font" crossorigin="anonymous" href="https://www.elektramat.be/static/version1790258389/frontend/Wise/elektramat-3_be/nl_BE/fonts/Hellix-ExtraBold.woff2" /> 24<link rel="preload" as="font" crossorigin="anonymous" href="https://www.elektramat.be/static/version1790258389/frontend/Wise/elektramat-3_be/nl_BE/fonts/AvenirLTStd-Book.woff2" /> 25<link rel="preload" as="font" crossorigin="anonymous" href="https://www.elektramat.be/static/version1790258389/frontend/Wise/elektramat-3_be/nl_BE/fonts/AvenirLTStd-Black.woff2" /> 26<link rel="apple-touch-icon" sizes="180x180" href="https://www.elektramat.be/static/version1790258389/frontend/Wise/elektramat-3_be/nl_BE/Magento_Theme/apple-touch-icon.png" /> 27<link rel="icon" type="image/png" sizes="32x32" href="https://www.elektramat.be/static/version1790258389/frontend/Wise/elektramat-3_be/nl_BE/Magento_Theme/favicon-32x32.png" /> 28<link rel="icon" type="image/png" sizes="16x16" href="https://www.elektramat.be/static/version1790258389/frontend/Wise/elektramat-3_be/nl_BE/Magento_Theme/favicon-16x16.png" /> 29<link rel="manifest" href="https://www.elektramat.be/static/version1790258389/frontend/Wise/elektramat-3_be/nl_BE/Elektramat_PWA/manifest.json" /> 30<link rel="canonical" href="https://www.elektramat.be/customer/account/login/" />
31<script> 32// ELEKFL-1156 33if (location.pathname.indexOf('/checkout/cart/') !== -1) { 34 document.addEventListener('DOMContentLoaded', () => { 35 var nav = document.querySelector('.cart-summary > nav'); 36 var totals = document.getElementById('cart-totals'); 37 if (nav && totals && totals.nextElementSibling !== nav) { 38 totals.after(nav); 39 } 40 }); 41} 42</script>
42 43 44<meta name="google-site-verification" content="SzFKZTO_7XXiNItfxAmU8xuY76vbitWsv-FUUg46Su0" /> 45 46 47 48<style> 49#switch-gen .room-selector-container { 50 display: none !important; 51} 52 53.account .sidebar .bg-white.shadow-branded { 54 display: none !important; 55} 56 57[x-data="initLayeredNavigation()"] > .block-content { 58 overflow-y: auto; 59} 60 61@media (max-width: 389px) { 62 .customer-menu .block.no-underline.font-normal.leading-none { 63 display: none !important; 64 } 65} 66 67.max-h-\[35px\] { 68 max-height: 35px; 69} 70</style> 71 72 73<!-- ELEKFL-874 --> 74<style> 75.pill.new.header, .pill.new.sidebar-customer, .pill.new.sidebar-company, .pill.new.home { 76display: inline-block; 77} 78</style> 79 80<!-- Hide projectlist on cart --> 81<style> 82.checkout-cart-index .add-to-project-list-button-wrapper { 83 display: none; 84} 85</style> 86 87
88<script>(function(srcs){function load(){srcs.forEach(function(tag){var template=document.createElement("template");template.innerHTML=tag.trim();var original=template.content.querySelector("script");if(!original){return;}var s=document.createElement("script");Array.prototype.forEach.call(original.attributes,function(attr){s.setAttribute(attr.name,attr.value);});if(original.text){s.text=original.text;}document.head.appendChild(s);});}window.externalScriptsInitialized?load():window.addEventListener("init-external-scripts",load,{once:true,passive:true});}(["\u003Cscript type=\u0022text\/javascript\u0022 src=\u0022\/\/cdn-4.convertexperiments.com\/js\/10041132-10047306.js\u0022\u003E\u003C\/script\u003E"]));</script>
88
88<script> 89 let stub = function (dependencies, callback) { 90 console.warn('Stubbed requireJS called but not script'); 91 } 92 window.requirejs = stub; 93 window.require = stub; 94 95 window.loadScriptPromise = function (url) { 96 return new Promise(resolve => { 97 const script = document.createElement('script'); 98 script.type = 'text/javascript'; 99 script.src = url; 100 script.async = true; 101 script.onload = resolve; 102 document.head.appendChild(script); 103 }) 104 }</script>
104 <link rel="dns-prefetch" href="//www.googletagmanager.com"> <link rel="dns-prefetch" href="//cdn-4.convertexperiments.com"> <link rel="dns-prefetch" href="//connect.facebook.net"> <link rel="dns-prefetch" href="//www.feedbackcompany.com"> <link rel="preload" href="https://www.elektramat.be/static/version1790258389/frontend/Wise/elektramat-3_be/nl_BE/css/styles.min.css" as="style">
104<script type="text/javascript"> 105 window._conv_q = window._conv_q || []; 106 window._conv_page_type = 'customer_account_login';</script>
106
106<script nonce="czhqbjNiMHZlbXY1bjBkdHh3NjRpZW14MzBvZTc5Y3Y="> 107 window.YIREO_GOOGLETAGMANAGER2_ENABLED = true; 108 109 (function (events) { 110 const initGTM = () => { 111 events.forEach(function (eventType) { 112 window.removeEventListener(eventType, initGTM); 113 }); 114 115 !function(){"use strict";function l(e){for(var t=e,r=0,n=document.cookie.split(";");r<n.length;r++){var o=n[r].split("=");if(o[0].trim()===t)return o[1]}}function s(e){return localStorage.getItem(e)}function u(e){return window[e]}function A(e,t){e=document.querySelector(e);return t?null==e?void 0:e.getAttribute(t):null==e?void 0:e.textContent}var e=window,t=document,r="script",n="dataLayer",o="https://www.elektramat.be/sgtm",a="",i="3ls4xisuxcsa",c="a11=CBdePyE%2BRCgpP1UwIjhPDlxBTUlTFwdFFgQUVhAfDBMVAQIVFAdHGgRVEBcFTkYLBgcO",g="cookie",v="external_id",E="",d=!1;try{var d=!!g&&(m=navigator.userAgent,!!(m=new RegExp("Version/([0-9._]+)(.*Mobile)?.*Safari.*").exec(m)))&&16.4<=parseFloat(m[1]),f="stapeUserId"===g,I=d&&!f?function(e,t,r){void 0===t&&(t="");var n={cookie:l,localStorage:s,jsVariable:u,cssSelector:A},t=Array.isArray(t)?t:[t];if(e&&n[e])for(var o=n[e],a=0,i=t;a<i.length;a++){var c=i[a],c=r?o(c,r):o(c);if(c)return c}else console.warn("invalid uid source",e)}(g,v,E):void 0;d=d&&(!!I||f)}catch(e){console.error(e)}var m=e,g=(m[n]=m[n]||[],m[n].push({"gtm.start":(new Date).getTime(),event:"gtm.js"}),t.getElementsByTagName(r)[0]),v=I?"&bi="+encodeURIComponent(I):"",E=t.createElement(r),f=(d&&(i=8<i.length?i.replace(/([a-z]{8}$)/,"kp$1"):"kp"+i),!d&&a?a:o);E.async=!0,E.src=f+"/"+i+".js?"+c+v,null!=(e=g.parentNode)&&e.insertBefore(E,g)}(); }; 116 117 events.forEach(function (eventType) { 118 window.addEventListener(eventType, initGTM, {once: true, passive: true}); 119 }); 120 })(["load","keydown","mouseover","scroll","touchstart","wheel"]); 121 122 </script>
122 <link rel="preconnect" href="https://squeezely.tech" crossorigin><link rel="dns-prefetch" href="//squeezely.tech">
122<script>window._sqzl = window._sqzl || [];</script>
122
122<script> 123(function () { 124 var src = 'https\u003A\u002F\u002Fsqueezely.tech\u002Ftracker\u002FSQ\u002D25651682\u002Fsqzl.js'; 125 function loadSqueezely() { 126 var s = document.createElement('script'); 127 s.src = src; 128 s.async = true; 129 document.head.appendChild(s); 130 } 131 if (window.externalScriptsInitialized) { 132 loadSqueezely(); 133 } else { 134 window.addEventListener('init-external-scripts', loadSqueezely, {once: true, passive: true}); 135 } 136}());</script>
136
136<script> 137 var BASE_URL = 'https://www.elektramat.be/'; 138 var THEME_PATH = 'https://www.elektramat.be/static/version1790258389/frontend/Wise/elektramat-3_be/nl_BE'; 139 var COOKIE_CONFIG = { 140 "expires": null, 141 "path": "\u002F", 142 "domain": ".www.elektramat.be", 143 "secure": true, 144 "lifetime": "604800", 145 "cookie_restriction_enabled": false }; 146 var CURRENT_STORE_CODE = 'elektramat_be_NL'; 147 var CURRENT_WEBSITE_ID = '2'; 148 149 window.hyva = window.hyva || {} 150 151 window.cookie_consent_groups = window.cookie_consent_groups || {} 152 window.cookie_consent_groups['necessary'] = true; 153 154 window.cookie_consent_config = window.cookie_consent_config || {}; 155 window.cookie_consent_config['necessary'] = [].concat( 156 window.cookie_consent_config['necessary'] || [], 157 [ 158 'user_allowed_save_cookie', 159 'form_key', 160 'mage-messages', 161 'private_content_version', 162 'mage-cache-sessid', 163 'last_visited_store', 164 'section_data_ids' 165 ] 166 );</script>
166
166<script> 167 (function( hyva, undefined ) { 168 169 function lifetimeToExpires(options, defaults) { 170 171 const lifetime = options.lifetime || defaults.lifetime; 172 173 if (lifetime) { 174 const date = new Date; 175 date.setTime(date.getTime() + lifetime * 1000); 176 return date; 177 } 178 179 return null; 180 } 181 182 function generateRandomString() { 183 184 const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ', 185 length = 16; 186 187 let formKey = '', 188 charactersLength = allowedCharacters.length; 189 190 for (let i = 0; i < length; i++) { 191 formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))] 192 } 193 194 return formKey; 195 } 196 197 const sessionCookieMarker = {noLifetime: true} 198 199 const cookieTempStorage = {}; 200 201 const internalCookie = { 202 get(name) { 203 const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); 204 return v ? v[2] : null; 205 }, 206 set(name, value, days, skipSetDomain) { 207 let expires, 208 path, 209 domain, 210 secure, 211 samesite; 212 213 const defaultCookieConfig = { 214 expires: null, 215 path: '/', 216 domain: null, 217 secure: false, 218 lifetime: null, 219 samesite: 'lax' 220 }; 221 222 const cookieConfig = window.COOKIE_CONFIG || {}; 223 224 expires = days && days !== sessionCookieMarker 225 ? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig) 226 : lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires; 227 228 path = cookieConfig.path || defaultCookieConfig.path; 229 domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain); 230 secure = cookieConfig.secure || defaultCookieConfig.secure; 231 samesite = cookieConfig.samesite || defaultCookieConfig.samesite; 232 233 document.cookie = name + "=" + encodeURIComponent(value) + 234 (expires && days !== sessionCookieMarker ? '; expires=' + expires.toGMTString() : '') + 235 (path ? '; path=' + path : '') + 236 (domain ? '; domain=' + domain : '') + 237 (secure ? '; secure' : '') + 238 (samesite ? '; samesite=' + samesite : 'lax'); 239 }, 240 isWebsiteAllowedToSaveCookie() { 241 const allowedCookies = this.get('user_allowed_save_cookie'); 242 if (allowedCookies) { 243 const allowedWebsites = JSON.parse(unescape(allowedCookies)); 244 245 return allowedWebsites[CURRENT_WEBSITE_ID] === 1; 246 } 247 return false; 248 }, 249 getGroupByCookieName(name) { 250 const cookieConsentConfig = window.cookie_consent_config || {}; 251 let group = null; 252 for (let prop in cookieConsentConfig) { 253 if (!cookieConsentConfig.hasOwnProperty(prop)) continue; 254 if (cookieConsentConfig[prop].includes(name)) { 255 group = prop; 256 break; 257 } 258 } 259 return group; 260 }, 261 isCookieAllowed(name) { 262 const cookieGroup = this.getGroupByCookieName(name); 263 return cookieGroup 264 ? window.cookie_consent_groups[cookieGroup] 265 : this.isWebsiteAllowedToSaveCookie(); 266 }, 267 saveTempStorageCookies() { 268 for (const [name, data] of Object.entries(cookieTempStorage)) { 269 if (this.isCookieAllowed(name)) { 270 this.set(name, data['value'], data['days'], data['skipSetDomain']); 271 delete cookieTempStorage[name]; 272 } 273 } 274 } 275 }; 276 277 hyva.getCookie = (name) => { 278 const cookieConfig = window.COOKIE_CONFIG || {}; 279 280 if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) { 281 return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null; 282 } 283 284 return internalCookie.get(name); 285 } 286 287 hyva.setCookie = (name, value, days, skipSetDomain) => { 288 const cookieConfig = window.COOKIE_CONFIG || {}; 289 290 if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) { 291 cookieTempStorage[name] = {value, days, skipSetDomain}; 292 return; 293 } 294 return internalCookie.set(name, value, days, skipSetDomain); 295 } 296 297 298 hyva.setSessionCookie = (name, value, skipSetDomain) => { 299 return hyva.setCookie(name, value, sessionCookieMarker, skipSetDomain) 300 } 301 302 hyva.getBrowserStorage = () => { 303 const browserStorage = window.localStorage || window.sessionStorage; 304 if (!browserStorage) { 305 console.warn('Browser Storage is unavailable'); 306 return false;
307 } 308 try { 309 browserStorage.setItem('storage_test', '1'); 310 browserStorage.removeItem('storage_test'); 311 } catch (error) { 312 console.warn('Browser Storage is not accessible', error); 313 return false; 314 } 315 return browserStorage; 316 } 317 318 hyva.postForm = (postParams) => { 319 const form = document.createElement("form"); 320 321 let data = postParams.data; 322 323 if (! postParams.skipUenc && ! data.uenc) { 324 data.uenc = btoa(window.location.href); 325 } 326 form.method = "POST"; 327 form.action = postParams.action; 328 329 Object.keys(postParams.data).map(key => { 330 const field = document.createElement("input"); 331 field.type = 'hidden' 332 field.value = postParams.data[key]; 333 field.name = key; 334 form.appendChild(field); 335 }); 336 337 const form_key = document.createElement("input"); 338 form_key.type = 'hidden'; 339 form_key.value = hyva.getFormKey(); 340 form_key.name="form_key"; 341 form.appendChild(form_key); 342 343 document.body.appendChild(form); 344 345 form.submit(); 346 } 347 348 hyva.getFormKey = function () { 349 let formKey = hyva.getCookie('form_key'); 350 351 if (!formKey) { 352 formKey = generateRandomString(); 353 hyva.setCookie('form_key', formKey); 354 } 355 356 return formKey; 357 } 358 359 hyva.formatPrice = (value, showSign, options = {}) => { 360 const groupSeparator = options.groupSeparator; 361 const decimalSeparator = options.decimalSeparator 362 delete options.groupSeparator; 363 delete options.decimalSeparator; 364 const formatter = new Intl.NumberFormat( 365 'nl\u002DBE', 366 Object.assign({ 367 style: 'currency', 368 currency: 'EUR', 369 signDisplay: showSign ? 'always' : 'auto' 370 }, options) 371 ); 372 return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ? 373 formatter.formatToParts(value).map(({type, value}) => { 374 switch (type) { 375 case 'currency': 376 return '\u20AC' || value; 377 case 'minusSign': 378 return '- '; 379 case 'plusSign': 380 return '+ '; 381 case 'group': 382 return groupSeparator !== undefined ? groupSeparator : value; 383 case 'decimal': 384 return decimalSeparator !== undefined ? decimalSeparator : value; 385 default : 386 return value; 387 } 388 }).reduce((string, part) => string + part) : 389 formatter.format(value); 390 } 391 392 const formatStr = function (str, nStart) { 393 const args = Array.from(arguments).slice(2); 394 395 return str.replace(/(%+)([0-9]+)/g, (m, p, n) => { 396 const idx = parseInt(n) - nStart; 397 398 if (args[idx] === null || args[idx] === void 0) { 399 return m; 400 } 401 return p.length % 2 402 ? p.slice(0, -1).replace('%%', '%') + args[idx] 403 : p.replace('%%', '%') + n; 404 }) 405 } 406 407 hyva.str = function (string) { 408 const args = Array.from(arguments); 409 args.splice(1, 0, 1); 410 411 return formatStr.apply(undefined, args); 412 } 413 414 hyva.strf = function () { 415 const args = Array.from(arguments); 416 args.splice(1, 0, 0); 417 418 return formatStr.apply(undefined, args); 419 } 420 421 /** 422 * Take a html string as `content` parameter and 423 * extract an element from the DOM to replace in 424 * the current page under the same selector, 425 * defined by `targetSelector` 426 */ 427 hyva.replaceDomElement = (targetSelector, content) => { 428 429 const parser = new DOMParser(); 430 const doc = parser.parseFromString(content, 'text/html');
431 const contentNode = doc.querySelector(targetSelector); 432 433 434 if (!contentNode || !document.querySelector(targetSelector)) { 435 return; 436 } 437 438 hyva.activateScripts(contentNode); 439 document.querySelector(targetSelector).replaceWith(contentNode); 440 441 442 window.dispatchEvent(new CustomEvent("reload-customer-section-data")); 443 hyva.initMessages(); 444 } 445 446 hyva.removeScripts = (contentNode) => { 447 const scripts = contentNode.getElementsByTagName('script'); 448 for (let i = 0; i < scripts.length; i++) { 449 scripts[i].parentNode.removeChild(scripts[i]); 450 } 451 const templates = contentNode.getElementsByTagName('template'); 452 for (let i = 0; i < templates.length; i++) { 453 const container = document.createElement('div'); 454 container.innerHTML = templates[i].innerHTML; 455 hyva.removeScripts(container); 456 templates[i].innerHTML = container.innerHTML; 457 } 458 } 459 460 hyva.activateScripts = (contentNode) => { 461 const scripts = Array.from(contentNode.getElementsByTagName('script')); 462 463 464 for (const original of scripts) { 465 const script = document.createElement('script'); 466 original.type && (script.type = original.type); 467 script.innerHTML = original.innerHTML; 468 469 470 original.parentNode.removeChild(original) 471 472 473 document.head.appendChild(script); 474 } 475 476 return contentNode; 477 } 478 479 const replace = {['+']: '-', ['/']: '_', ['=']: ','}; 480 hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]); 481 482 let currentTrap; 483 484 const focusableElements = (rootElement) => { 485 const selector = 'button, [href], input, select, textarea, details, [tabindex]:not([tabindex="-1"]'; 486 return Array.from(rootElement.querySelectorAll(selector)) 487 .filter(el => { 488 return el.style.display !== 'none' 489 && !el.disabled 490 && el.tabIndex !== -1 491 && (el.offsetWidth || el.offsetHeight || el.getClientRects().length) 492 }) 493 } 494 495 const focusTrap = (e) => { 496 const isTabPressed = e.key === 'Tab' || e.keyCode === 9; 497 if (!isTabPressed) return; 498 499 const focusable = focusableElements(currentTrap) 500 const firstFocusableElement = focusable[0] 501 const lastFocusableElement = focusable[focusable.length - 1] 502 503 e.shiftKey 504 ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), e.preventDefault()) 505 : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), e.preventDefault()) 506 }; 507 508 hyva.releaseFocus = (rootElement) => { 509 if (currentTrap && (!rootElement || rootElement === currentTrap)) { 510 currentTrap.removeEventListener('keydown', focusTrap) 511 currentTrap = null 512 } 513 } 514 hyva.trapFocus = (rootElement) => { 515 if (!rootElement) return; 516 hyva.releaseFocus() 517 currentTrap = rootElement 518 rootElement.addEventListener('keydown', focusTrap) 519 const firstElement = focusableElements(rootElement)[0] 520 firstElement && firstElement.focus() 521 } 522 523 hyva.safeParseNumber = (rawValue) => { 524 const number = rawValue ? parseFloat(rawValue) : null; 525 526 return Array.isArray(number) || isNaN(number) ? rawValue : number; 527 } 528 529 const toCamelCase = s => s.split('_').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(''); 530 hyva.createBooleanObject = (name, value = false, additionalMethods = {}) => { 531 532 const camelCase = toCamelCase(name); 533 const key = '__hyva_bool_' + name 534 535 return new Proxy(Object.assign( 536 additionalMethods, 537 { 538 [key]: !!value, 539 [name]() {return !!this[key]}, 540 ['!' + name]() {return !this[key]}, 541 ['not' + camelCase]() {return !this[key]}, 542 ['toggle' + camelCase]() {this[key] = !this[key]}, 543 [`set${camelCase}True`]() {this[key] = true}, 544 [`set${camelCase}False`]() {this[key] = false}, 545 } 546 ), { 547 set(target, prop, value) { 548 return prop === name 549 ? (target[key] = !!value) 550 : Reflect.set(...arguments); 551 } 552 }) 553 } 554 555 hyva.alpineInitialized = (fn) => window.addEventListener('alpine:initialized', fn, {once: true}) 556 window.addEventListener('alpine:init', () => Alpine.data('{}', () => ({})), {once: true}); 557 window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies()) 558 559 }( window.hyva = window.hyva || {} ));</script>
559
559<script type="speculationrules"> 560{ 561 "tag": "Hyva Theme", 562 "prefetch": [{ 563 "source": "document", 564 "where": { 565 "and": [ 566 { "href_matches": "/*" }, 567 { "not": { 568 "href_matches": ["/customer/*","/search/*","/sales/*","/wishlist/*","/checkout/*","/paypal/*","/newsletter/*","/stores/store/redirect/*","/company/user/*","/company/role/*","/amasty_company/user/*"] }}, 569 { "not": { 570 "selector_matches": [".no-preload", ".do-not-prerender", "[download]", "[rel~=nofollow]", "[target]"] 571 }} 572 ] 573 }, 574 "eagerness": "moderate" 575 }] 576}</script>
576
576<script> 577 'use strict'; 578 579 function amXnotifSubscribeComponentFactory(config) { 580 return { 581 productId: config.productId || null, 582 isAvailable: config.isAvailable || false, 583 isShowAlert: config.isShowAlert || false, 584 isAvailableConfigurableSimple: true, 585 isShowAlertConfigurableSimple: false, 586 isOutofstockConfigurable: config.isOutofstockConfigurable || false, 587 title: config.title || 'Availability', 588 attributesCount: config.attributesCount || 0, 589 options: {}, 590 productIndex: config.productId || null, 591 hideAddToCartBtn: "", 592 addToCartButton: "", 593 inStockLabel: 'Op voorraad', 594 outOfStockLabel: 'Niet op voorraad', 595 notificationLabel: 'Informeer mij wanneer dit product op voorraad is', 596 containerClass: '.product-item, .product-item-info, .product-info-main, .item.product', 597 598 init() { 599 this.updateOptions(); 600 601 if (typeof this.$watch === 'function') { 602 this.$watch('isAvailable', (value) => { 603 this.toggleElements(value); 604 }); 605 } 606 this.$nextTick(() => { 607 this.toggleElements(this.isAvailable); 608 }); 609 }, 610 611 toggleElements(isAvailable) { 612 const container = this.$el ? this.$el.closest(this.containerClass) : null; 613 if (!container) return; 614 615 const selectors = [ 616 '.product-info-price', 617 'button[data-addto="cart"]', 618 '.action.tocart', 619 'form[data-role="tocart-form"]', 620 '[x-data="initQtyField"]', 621 '[x-data="initQtyField()"]' 622 ]; 623 624 selectors.forEach(selector => { 625 const elements = container.querySelectorAll(selector); 626 elements.forEach(el => { 627 if (el.closest(this.containerClass) === container) { 628 el.style.display = isAvailable ? '' : 'none'; 629 } 630 }); 631 }); 632 }, 633 634 getSubscriptionUrl(productIndex, type) { 635 const urlParts = [ 636 'xnotif/email/', 637 type, 638 '/product_id/', 639 productIndex, 640 (parseInt(productIndex) !== parseInt(this.productId)) ? '/parent_id/' + this.productId : '', 641 '/uenc/', 642 config.encodedUrl || '' 643 ]; 644 return BASE_URL + urlParts.join(''); 645 }, 646 647 isEventFromSameProduct(event, element) { 648 const source = (event.detail ? event.detail.sourceElement : null) || window.__amxnotifLastSourceElement; 649 if (!source || !(source instanceof Element) || !(element instanceof Element)) { 650 return true; 651 } 652 653 let sourceContainer = source.closest('.product-item, .item.product, .cart.item, .cart-item'); 654 let targetContainer = element.closest('.product-item, .item.product, .cart.item, .cart-item'); 655 656 if (!sourceContainer) sourceContainer = source.closest('.product-item-info, .product-info-main'); 657 if (!targetContainer) targetContainer = element.closest('.product-item-info, .product-info-main'); 658 659 return (sourceContainer || targetContainer) ? (sourceContainer === targetContainer) : true; 660 }, 661 662 getSimpleProduct(data, el) { 663 if (parseInt(data.productId) !== parseInt(this.productId) || !data.selectedValues) return; 664 const children = config.childProducts || {}; 665 const childrenAlertStatus = config.childProductsAlertStatus || {}; 666 const swatchesCount = parseInt(config.attributesCount) || 0; 667 const selectedCount = Object.keys(data.selectedValues).length; 668 const allSelected = selectedCount >= swatchesCount; 669 670 this.togglePriceLabel(allSelected); 671 672 if (!allSelected) { 673 this.isAvailable = true; 674 this.isAvailableConfigurableSimple = true; 675 this.isShowAlertConfigurableSimple = false;
676 this.updateOptions(); 677 return; 678 } 679 680 let resolvedIndex = data.productIndex || 0; 681 if (!resolvedIndex && data.selectedValues && config.indexMapping) { 682 const keyParts = Object.keys(data.selectedValues).map(attrId => parseInt(attrId) + ':' + data.selectedValues[attrId]); 683 keyParts.sort(); 684 const key = keyParts.join(','); 685 if (config.indexMapping[key]) { 686 resolvedIndex = config.indexMapping[key]; 687 } 688 } 689 690 this.productIndex = resolvedIndex; 691 const selectedChildState = children[this.productIndex]; 692 const selectedChildAlertState = childrenAlertStatus[this.productIndex]; 693 this.isAvailableConfigurableSimple = (typeof selectedChildState !== 'undefined') ? Boolean(Number(selectedChildState)) : true; 694 this.isShowAlertConfigurableSimple = (typeof selectedChildAlertState !== 'undefined') ? Boolean(Number(selectedChildAlertState)) : true; 695 696 this.isAvailable = this.isAvailableConfigurableSimple; 697 this.isShowAlert = this.isShowAlertConfigurableSimple; 698 this.updateOptions(); 699 }, 700 701 togglePriceLabel(isFullSelection) { 702 const container = this.$el ? this.$el.closest(this.containerClass) : null; 703 if (!container) return; 704 const labels = container.querySelectorAll('.price-label'); 705 labels.forEach(el => { 706 if (isFullSelection) { 707 el.classList.add('hidden'); 708 el.style.setProperty('display', 'none', 'important'); 709 } else { 710 el.classList.remove('hidden', 'invisible'); 711 el.style.setProperty('display', 'inline-block', 'important'); 712 } 713 }); 714 }, 715 716 updateOptions() { 717 this.options = { 718 additionalClass: this.isAvailableConfigurableSimple ? 'bg-green-500' : 'bg-red-500', 719 label: this.isAvailableConfigurableSimple ? this.inStockLabel : this.outOfStockLabel, 720 categoryNotificationLabel: this.isShowAlertConfigurableSimple ? this.notificationLabel : '' 721 }; 722 }, 723 724 getAvailable() { 725 this.updateOptions(); 726 return this.isAvailable; 727 }, 728 729 getShowAlert() { 730 this.updateOptions(); 731 return this.isShowAlert; 732 } 733 }; 734 } 735 736 (() => { 737 if (window.__amxnotifSafetyInjected) return; 738 window.__amxnotifSafetyInjected = true; 739 740 window.amxnotif_wrap_attributes = (attributes) => { 741 if (!attributes || typeof attributes !== 'object' || attributes.__amxnotifWrapped) { 742 return attributes; 743 } 744 745 const items = Array.isArray(attributes) ? attributes : Object.values(attributes); 746 const map = {}; 747 items.forEach((item) => { 748 const id = item && (item.id || item.attributeId || item.attribute_id); 749 if (id) map[id] = item; 750 }); 751 752 const wrapped = Object.assign(items, map); 753 Object.defineProperty(wrapped, '__amxnotifWrapped', { value: true, enumerable: false }); 754 return wrapped; 755 }; 756 757 758 window.amxnotif_wrap_config = (component) => { 759 if (!component || typeof component !== 'object' || component.__amxnotifWrapped) return; 760 component.__amxnotifWrapped = true; 761 762 if (typeof component.calculatePriceLabelVisibility === 'function') { 763 const originalVisibility = component.calculatePriceLabelVisibility; 764 component.calculatePriceLabelVisibility = function() { 765 originalVisibility.apply(this, arguments); 766 767 this.showRegularPriceLabel = true; 768 }; 769 } 770 771 if (!component.optionConfig && component.config) component.optionConfig = component.config; 772 if (!component.swatchConfig) { 773 for (let k in component) { 774 if (k.toLowerCase().includes('swatch') && k.toLowerCase().includes('config')) { 775 component.swatchConfig = component[k]; 776 break; 777 } 778 } 779 } 780 781 if (component.optionConfig && component.optionConfig.attributes) { 782 component.optionConfig.attributes = window.amxnotif_wrap_attributes(component.optionConfig.attributes); 783 } 784 785 const scheduleInjectIds = (ctx) => { 786 const inject = () => { if (typeof ctx._injectAttributeIds === 'function') ctx._injectAttributeIds(); }; 787 if (typeof ctx.$nextTick === 'function') ctx.$nextTick(inject); else setTimeout(inject, 50); 788 }; 789 790 const regularMethods = { 791 getOptions: function(attrId) { 792 return window.amxnotif_get_options(this.optionConfig, attrId); 793 }, 794 findAttributeId: function() { 795 if (this.item && this.item._amxnotif_attribute_id) { 796 return this.item._amxnotif_attribute_id; 797 } 798 const el = this.$el; 799 if (!el) return null; 800 let attrId = el.closest('[data-attribute-id]')?.dataset.attributeId; 801 if (!attrId) { 802 const input = (el.tagName === 'INPUT' && (el.name || '').includes('super_attribute')) 803 ? el 804 : el.querySelector('input[name*="super_attribute"]') 805 || el.parentElement?.querySelector('input[name*="super_attribute"]'); 806 const nameMatch = input?.name?.match(/super_attribute\[(\d+)\]/); 807 if (nameMatch) attrId = nameMatch[1]; 808 } 809 return attrId || null; 810 }, 811 _injectAttributeIds: function() { 812 const attrs = this.optionConfig?.attributes;
813 if (!attrs || typeof attrs.forEach !== 'function') return; 814 const root = this.$el || document; 815 attrs.forEach(attr => { 816 if (!attr) return; 817 const id = attr.id || attr.attributeId || attr.attribute_id; 818 if (!id) return; 819 const code = attr.code || attr.attribute_code || ''; 820 const candidates = root.querySelectorAll ? root.querySelectorAll('.swatch-attribute') : []; 821 candidates.forEach(div => { 822 if (div.dataset.attributeId) return; 823 if (code && (div.classList.contains(code) || div.className.includes(code))) { 824 div.dataset.attributeId = id; 825 } 826 }); 827 }); 828 }, 829 init: function() { 830 scheduleInjectIds(this); 831 if (typeof this.$watch === 'function') { 832 this.$watch('showSwatches', (val) => { if (val) scheduleInjectIds(this); }); 833 } 834 }, 835 unsetActiveTooltipItem: function() { this.activeTooltipItem = false; }, 836 _getItemId: function() { 837 if (this.item && this.item.id) return this.item.id; 838 if (this.itemId) return this.itemId; 839 const el = this.$el; 840 if (!el) return null; 841 const input = (el.tagName === 'INPUT' && el.name?.includes('super_attribute')) ? el : el.querySelector('input[name*="super_attribute"]'); 842 return el.dataset.optionId || (input ? input.value : el.closest('[data-option-id]')?.dataset.optionId); 843 } 844 }; 845 846 847 component.getOptionsByAttrId = function(attrId) { 848 const id = attrId || (this.$el ? this.$el.dataset.attributeId : null) || this.findAttributeId(); 849 if (!id) return []; 850 const attributes = this.optionConfig?.attributes || []; 851 const attr = attributes[id] || (Array.isArray(attributes) ? attributes.find(a => a.id == id) : null); 852 return (attr && attr.options) ? attr.options : []; 853 }; 854 855 component.getAllAttributeOptions = function() { 856 return this.getOptionsByAttrId(); 857 }; 858 859 860 for (let name in regularMethods) { 861 if (typeof component[name] === 'undefined') { 862 component[name] = regularMethods[name]; 863 } 864 } 865 866 867 if (typeof component.init === 'function' && !component.__amxnotifInitWrapped) { 868 const originalInit = component.init; 869 component.init = function() { 870 originalInit.apply(this, arguments); 871 scheduleInjectIds(this); 872 if (typeof this.$watch === 'function') { 873 this.$watch('showSwatches', (val) => { if (val) scheduleInjectIds(this); }); 874 } 875 }; 876 component.__amxnotifInitWrapped = true; 877 } 878 879 if (component.optionConfig && component.optionConfig.attributes) { 880 const attrs = component.optionConfig.attributes; 881 for (let attrId in attrs) { 882 const attr = attrs[attrId]; 883 if (attr && attr.options) { 884 attr.options.forEach(opt => { 885 opt._amxnotif_attribute_id = attrId; 886 }); 887 } 888 } 889 } 890 }; 891 })();</script>
891</head> 892<body class="pl-thm-wise pl-thm-wise-elektramat-3_be customer-account-login page-layout-1column" id="html-body"> 893
893<script> 894 (function () { 895 'use strict'; 896 897 window.amRecaptchaModel = { 898 formsToProtect: "", 899 isEnabledOnPayments: "", 900 checkoutRecaptchaValidateUrl: "https://www.elektramat.be/amcapthca/checkout/validate/", 901 invisibleCaptchaCustomForm: "0", 902 recaptchaConfig: { 903 lang: "" || 'hl=en', 904 theme: "light", 905 badge: "bottomright", 906 sitekey: "6LcMmMgjAAAAADvsYIAN7BCaeITwtOpbpp1-txYE", 907 size: "invisible" 908 }, 909 url: 'https://www.google.com/recaptcha/api.js', 910 isCaptchaScriptLoaded: false, 911 isInvisible: "invisible" === 'invisible', 912 913 /** 914 * Submit event 915 * 916 * @param {Object} $event 917 * @param {object} options 918 * @return {void} 919 */ 920 execute: function ($event, options = {targetSelector: 'form'}) { 921 const eventTarget = $event?.target; 922 if (this.isCaptchaScriptLoaded) { 923 this.executeCaptcha(eventTarget, options); 924 } else { 925 window.addEventListener('amcaptcha-script-loaded', () => { 926 this.isCaptchaScriptLoaded = true; 927 this.executeCaptcha(eventTarget, options); 928 this.initAmcaptchaBadges(); 929 }); 930 931 this.loadRecaptchaScript(); 932 } 933 }, 934 935 /** 936 * Execute original submit 937 * 938 * @param {Object} $event 939 * @param {HTMLElement} $el 940 * @return {void} 941 */ 942 recaptchaCallback: function ($event, $el) { 943 if (!this.shouldExecuteCallback($event, $el)) { 944 return; 945 } 946 947 this.syncTokenToTarget($el); 948 $el.dispatchEvent(new CustomEvent('amrecaptcha-executable-callback')); 949 }, 950 951 /** 952 * @param {HTMLElement} $el 953 * @return {void} 954 */ 955 syncTokenToTarget: function ($el) { 956 const syncSelector = $el.dataset?.amCaptchaSyncTarget; 957 if (!syncSelector) { 958 return; 959 } 960 961 const targetForm = document.querySelector(syncSelector); 962 const captchaResponse = $el.closest('form')?.querySelector('[name="g-recaptcha-response"]'); 963 if (!targetForm || !captchaResponse) { 964 return; 965 } 966 967 const clonedResponse = captchaResponse.cloneNode(); 968 clonedResponse.hidden = true; 969 clonedResponse.value = captchaResponse.value; 970 targetForm.appendChild(clonedResponse); 971 }, 972 973 /** 974 * Reset captcha 975 * 976 * @param {Object} $event 977 * @param {HTMLElement} $el 978 */ 979 expiredCallback: function($event, $el) { 980 this.shouldExecuteCallback($event, $el) && grecaptcha.reset($event.detail.widgetId); 981 }, 982 983 /** 984 * Checks if event is fired on submitted element 985 * 986 * @param {Object} $event 987 * @param {HTMLElement} $el 988 * @return {boolean} 989 */ 990 shouldExecuteCallback: function($event, $el) { 991 const eventWidgetId = $event.detail.widgetId; 992 const elementWidgetId = $el.dataset.amCaptchaWidgetId || $el.closest('form')?.dataset.amCaptchaWidgetId; 993 994 return eventWidgetId === elementWidgetId; 995 }, 996 997 /** 998 * Run captcha for widget by id 999 * 1000 * @param {HTMLElement} eventTarget 1001 * @param {object} options 1002 * @return {void} 1003 */ 1004 executeCaptcha: function(eventTarget, options) { 1005 if (!eventTarget.dataset.hasOwnProperty('amCaptchaRendered')) { 1006 this.bindCaptchaGlobalCallbacks(eventTarget); 1007 this.renderCaptcha(eventTarget, options); 1008 eventTarget.dataset.amCaptchaRendered = ''; 1009 } 1010 1011 const widgetId = this.getWidgetId(eventTarget); 1012 1013 if (!widgetId) { 1014 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages([ 1015 { 1016 type: "error", 1017 text: 'Recaptcha\u0020cannot\u0020properly\u0020validate\u0020form.' 1018 } 1019 ]); 1020 return; 1021 } 1022 1023 window.dispatchEvent(new CustomEvent('amcaptcha-loading-start')); 1024 grecaptcha.reset(widgetId); 1025 1026 if (!this.isInvisible) { 1027 this.stopAmcaptchaLoading(); 1028 return; 1029 } 1030 1031 grecaptcha.execute(widgetId) 1032 .then(() => this.stopAmcaptchaLoading()) 1033 .catch(() => this.stopAmcaptchaLoading()); 1034 }, 1035 1036 /** 1037 * Add recaptcha script to page 1038 * 1039 * @return {void} 1040 */ 1041 loadRecaptchaScript: function () { 1042 const lang = window.amRecaptchaModel.recaptchaConfig.lang; 1043 const url = `${window.amRecaptchaModel.url}?onload=amRecaptchaLoadCallback&render=explicit&${lang}`; 1044 const script = document.createElement('script'); 1045 1046 script.type = 'text/javascript'; 1047 script.src = url; 1048 script.async = true; 1049 document.head.appendChild(script); 1050 }, 1051 1052 /** 1053 * Stop loader on page 1054 * 1055 * @return {void} 1056 */ 1057 stopAmcaptchaLoading: function () { 1058 window.dispatchEvent(new CustomEvent('amcaptcha-loading-stop')); 1059 }, 1060 1061 /** 1062 * Add attributes to hide captcha badge 1063 * 1064 * @return {void} 1065 */ 1066 initAmcaptchaBadges: function () { 1067 if (!this.isInvisible) { 1068 return; 1069 } 1070 1071 document.querySelectorAll('.grecaptcha-badge')?.forEach(captchaBadge => { 1072 captchaBadge?.setAttribute('x-data', 'amGrecaptchaBadge'); 1073 captchaBadge?.setAttribute('x-on:amcaptcha-loading-start.window', 'loadingStart'); 1074 captchaBadge?.setAttribute('x-on:amcaptcha-loading-stop.window', 'loadingStop'); 1075 captchaBadge?.setAttribute(':class', 'getVisibility'); 1076 }); 1077 }, 1078 1079 /** 1080 * Get form widgetId 1081 * 1082 * @param {HTMLElement} eventTarget 1083 * @return {string} 1084 */ 1085 getWidgetId: function (eventTarget) { 1086 return eventTarget.dataset.amCaptchaWidgetId 1087 || eventTarget.closest('form')?.dataset.amCaptchaWidgetId; 1088 }, 1089 1090 /** 1091 * Add captcha badge or checkbox to protected form. 1092 * Store widgetId in dataset to pass this info in callbacks 1093 * 1094 * @param {HTMLElement} eventTarget 1095 * @param {object} options 1096 * @return {void} 1097 */ 1098 renderCaptcha: function (eventTarget, options = {targetSelector: 'form'}) { 1099 const captchaElement = document.createElement('div'); 1100 const formContent = eventTarget.closest(options.targetSelector)?.querySelector('[data-element="form-content"]') 1101 ?? eventTarget.closest(options.targetSelector); 1102 formContent?.appendChild(captchaElement); 1103 1104 eventTarget.dataset.amCaptchaWidgetId = grecaptcha.render(captchaElement, { 1105 ...window.amRecaptchaModel?.recaptchaConfig, 1106 callback: () => { 1107 window.dispatchEvent(new CustomEvent( 1108 'amrecaptcha-callback', { 1109 detail: this.getCaptchaCallbackDetail(eventTarget) 1110 })); 1111 }, 1112 'expired-callback': () => { 1113 window.dispatchEvent(new CustomEvent( 1114 'amrecaptcha-expired-callback', { 1115 detail: this.getCaptchaCallbackDetail(eventTarget) 1116 })); 1117 } 1118 }); 1119 }, 1120 1121 /** 1122 * Get detail property for callback event 1123 * 1124 * @param {HTMLElement} eventTarget 1125 * @return {object} 1126 */ 1127 getCaptchaCallbackDetail: function (eventTarget) { 1128 return { 1129 widgetId: eventTarget.dataset.amCaptchaWidgetId, 1130 form: eventTarget 1131 } 1132 }, 1133 1134 /** 1135 * Add functions that will be called on the global state 1136 * 1137 * @param {HTMLElement} eventTarget 1138 * @return {void} 1139 */ 1140 bindCaptchaGlobalCallbacks: function (eventTarget) { 1141 eventTarget.setAttribute( 1142 'x-on:amrecaptcha-callback.window', 1143 `amRecaptchaModelRecaptchaCallback` 1144 ); 1145 eventTarget.setAttribute( 1146 'x-on:amrecaptcha-expired-callback.window', 1147 'amRecaptchaModelExpiredCallback' 1148 ); 1149 } 1150 }; 1151 })(window.amRecaptchaModel = window.amRecaptchaModel || {}); 1152 1153 window.amRecaptchaLoadCallback = function () { 1154 window.dispatchEvent(new CustomEvent('amcaptcha-script-loaded')); 1155 } 1156 1157 function amGrecaptchaBadge() { 1158 return { 1159 visible: true, 1160 1161 loadingStart () { 1162 this.visible = true; 1163 }, 1164 1165 loadingStop () { 1166 this.visible = false;
1167 }, 1168 1169 getVisibility() { 1170 return { 'invisible': !this.visible }; 1171 } 1172 }; 1173 } 1174 1175 window.addEventListener( 1176 'alpine:init', () => Alpine.data('amGrecaptchaBadge', amGrecaptchaBadge), {once: true} 1177 )</script>
1177 <noscript><iframe src="https://www.elektramat.be/sgtm/ns.html?id=GTM-PHL6HWK" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1177<script> 1178 document.addEventListener('DOMContentLoaded', function() { 1179 'use strict'; 1180 1181 window.psloginLoginPath = "https\u003A\u002F\u002Fwww.elektramat.be\u002Fpslogin\u002Faccount\u002Flogin\u002F"; 1182 window.customerLogoutPath = "https\u003A\u002F\u002Fwww.elektramat.be\u002Fcustomer\u002Faccount\u002Flogout\u002F"; 1183 1184 let url = document.URL.toLowerCase(); 1185 if (url) { 1186 let skip = false; 1187 let paths = ["customer\/account","pslogin\/account"]; 1188 1189 for (let path of paths) { 1190 if (url.indexOf(path) !== -1) { 1191 skip = true; 1192 break; 1193 } 1194 } 1195 1196 if (!skip) { 1197 hyva.setCookie('pslogin_referer', document.URL, 'session', true); 1198 } 1199 } 1200 1201 1202 }, false); 1203 1204 document.getElementById('pslogin-login-form')?.addEventListener('submit', function() { 1205 sessionStorage.setItem('pslogin_refresh_sections', '1'); 1206 }); 1207 1208 window.addEventListener('load', function() { 1209 if (sessionStorage.getItem('pslogin_refresh_sections') === '1') { 1210 sessionStorage.removeItem('pslogin_refresh_sections'); 1211 hyva.setCookie('mage-cache-sessid', '', -1, true); 1212 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 1213 } 1214 });</script>
1214<form style="display:none;" class="form" action="https://www.elektramat.be/pslogin/account/loginPost/" method="post" id="pslogin-login-form"><input id="pslogin-login-referer" name="referer" type="hidden" value=""><input id="pslogin-login-action" name="auth_action" type="hidden" value=""><input id="pslogin-login-submit" type="submit" value=""></form> <div x-data="initPsloginBindEmailModal()"> <dialog class="border border-10 lg:max-w-xl relative" data-dialog-ref-name="dialog" closeby="any" aria-labelledby="bind-email" x-bind="dialogConfig" x-htmldialog="hide" x-ref="dialog" > <button class="prpop-close-btn outline-none absolute top-4 right-4" @click="hide">✕</button> <div id="pslogin-bind-email-modal" :class="{['pslogin-state-step-' + step]: true, 'ps-no-linked': ! linkedNetworksHtml}"><div class="text-2xl font-light border-b border-gray-500 pb-4 mb-4 break-words" x-text="firstTitle"></div><div class="loading flex flex-row justify-center items-center w-full h-full select-none z-50 absolute inset-0" 1215 style="background: rgba(255,255,255,0.85);" 1216 x-show="isLoading" 1217 x-cloak 1218 x-transition:enter="ease-out duration-200" 1219 x-transition:enter-start="opacity-0" 1220 x-transition:enter-end="opacity-100" 1221 x-transition:leave="ease-in duration-200" 1222 x-transition:leave-start="opacity-100" 1223 x-transition:leave-end="opacity-0"> 1224 <div class="loading-content-wrapper flex justify-center items-center w-full h-full"> 1225 <div class="loading-content flex justify-center items-center gap-x-10"> 1226 <svg xmlns="http://www.w3.org/2000/svg" width="57" height="57" viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2" stroke-linecap="round" class="text-primary animate-spin" role="img"> 1227 <circle style="opacity: .3;" cx="12" cy="12" r="10"/> 1228 <path fill="none" stroke-width="2" d="M12,2 a10,10 0 0,1 10,10"/> 1229<title>loader</title></svg> 1230 <div class="text-primary text-xl"> 1231 Bezig met laden... </div> 1232 </div> 1233 </div> 1234</div> <template x-if="error"><div class="message error"><div x-html="error"></div></div></template><template x-if="1 === step"><div class="pslogin-form-title mb-3 break-words">Please provide your email</div></template><template x-if="2 === step"><div class="pslogin-form-title mb-3 break-words" x-text="alreadyRegisteredText"></div></template><template x-if="4 === step"><div class="pslogin-form-title mb-3 break-words">We couldn't find an account with your credentials. Are you already registered at our store?</div></template><template x-if="5 === step"><div class="pslogin-form-title mb-3 break-words">Please enter your store password to link your social account. Or login using previously used social networks.</div></template><template x-if="3 !== step"><div class="pslogin-authorization-wrapper"><form name="pslogin_bind" id="pslogin_bind"><fieldset class="fieldset"><div class="fieldset-wrapper mb-4"><template x-if="5 === step"><div class="field mb-3"><label class="label mb-0 font-semibold" for="pslogin_bind_email">E-mail</label> <div class="control"><input type="email" id="pslogin_bind_email" name="pslogin_email" autocomplete="email" value="" title="Your Email Address" class="input-text required-entry w-full" data-validate='{"required": true}' aria-required="true" required></div></div></template><template x-if="1 === step || 2 === step"><div class="field mb-3"><label class="label mb-0 font-semibold" for="pslogin_bind_email">E-mail</label> <div class="control"><input type="email" id="pslogin_bind_email" name="pslogin_email" autocomplete="email" :value="customer.email" x-model="customer.email" title="Your Email Address" :disabled="2 === step" class="input-text required-entry w-full" data-validate='{"required": true}' aria-required="true" required></div></div></template><template x-if="2 === step || 5 === step"><div class="field mb-3"><label class="label mb-0 font-semibold" for="pslogin_bind_pass">Wachtwoord</label> <div class="control"><input id="pslogin_bind_pass" type="password" name="pslogin_pass" title="Wachtwoord" class="input-text w-full" data-validate='{"required": true, "password": true, "minlength": 8}' autocomplete="off" aria-required="true" aria-autocomplete="list" required></div></div></template></div></fieldset><template x-if="3 !== step"><div class="button-wrapper flex flex-wrap items-center justify-between gap-3"><template x-if="1 === step || 2 === step || 5 === step"><button class="action primary pslogin-bind-step-5 btn btn-primary" type="button" @click="loginDependOnStep"><span>Log in</span></button></template><template x-if="2 === step || 5 === step"><div class="secondary"><a class="action remind text-blue-700 hover:underline" target="_blank" :href="forgotPassUrl"><span>Wachtwoord vergeten?</span></a></div></template><template x-if="4 === step"><div><button class="action primary pslogin-bind-step-4 text-blue-700 hover:underline" type="button" @click="setFifthStep"><span>Yes, I already have an account</span></button> <button class="action primary pslogin-bind-step-4 text-blue-700 hover:underline" type="button" @click="registerWithEmail"><span>No, I want to register a new account</span></button></div></template></div></template></form><!-- <template x-if="linkedNetworksHtml"><div><span class="pslogin-or-border">OF</span> <div class="ps-login-networks-container" x-html="linkedNetworksHtml"></div></div></template> --><template x-if="loginNetworksButtonsHtml && 5 === step"><div><span class="pslogin-or-border">OF</span> <div class="ps-login-networks-container" x-html="loginNetworksButtonsHtml"></div>
1234<script> 1235 function initPsloginButtons_bindEmailPopup() { 1236 let buttons = [{"code":"google","icon":"https:\/\/www.elektramat.be\/static\/version1790258389\/frontend\/Wise\/elektramat-3_be\/nl_BE\/Plumrocket_SocialLoginPro\/images\/networks\/google_icon.svg","design":"default","height":450,"width":450,"visible":true,"textColor":"#1a1a1a","backgroundColor":"#fff","borderColor":"#d9d9d9","openOnPage":false,"text":"Login met Google","image":"","url":"https:\/\/www.elektramat.be\/pslogin\/account\/douse\/type\/google\/refresh\/1790676144\/customer_action\/login\/call\/pslogin.account_login.network\/"}]; 1237 1238 return { 1239 buttons, 1240 show: false, 1241 title: 'show\u0020more', 1242 toggle() { 1243 this.show = !this.show; 1244 this.title = this.show ? 1245 'show\u0020less' : 1246 'show\u0020more'; 1247 }, 1248 hasHidden() { 1249 return this.buttons.filter(btn => !btn.visible).length > 0; 1250 }, 1251 login(btn) { 1252 if (! btn.url) { 1253 alert('The\u0020Login\u0020Application\u0020was\u0020not\u0020configured\u0020correctly.\u0020If\u0020your\u0020are\u0020the\u0020admin\u0020of\u0020store\u003A\u0020Please\u0020activate\u0020\u201CEnable\u0020Logging\u201D\u0020in\u0020Magento\u0020Login\u0020Extension\u0020and\u0020try\u0020again\u0020to\u0020see\u0020error\u0020details.'); 1254 return false; 1255 } 1256 1257 let href = btn.url, 1258 openOnPage = btn.openOnPage, 1259 width = btn.width, 1260 height = btn.height; 1261 1262 if (openOnPage) { 1263 window.dispatchEvent(new CustomEvent("reload-customer-section-data")); 1264 window.location.href = href; 1265 return; 1266 } 1267 1268 const bc = new BroadcastChannel('loginChannel'); 1269 bc.onmessage = (event) => { 1270 if (event.data.type === 'loginSuccess') { 1271 document.getElementById('pslogin-login-referer').value = event.data.referer; 1272 document.getElementById('pslogin-login-action').value = event.data.action; 1273 document.getElementById('pslogin-login-submit').click(); 1274 } 1275 bc.close(); 1276 }; 1277 1278 width = width ? width : 650; 1279 height = height ? height : 350; 1280 1281 if (href.indexOf('js_login_method') === 0) { 1282 1283 1284 return; 1285 } 1286 1287 const popup = this.openPopup(href, width, height); 1288 this.loadingMessage(popup); 1289 1290 return false; 1291 }, 1292 /** 1293 * Open OAuth window using Modal/InitOAuth action. 1294 * 1295 * @since 3.10.0 1296 * @param href 1297 * @param width 1298 * @param height 1299 * @returns {WindowProxy} 1300 */ 1301 openPopup(href, width, height) { 1302 const left = parseInt((window.innerWidth - width) / 2); 1303 const top = parseInt((window.innerHeight - height) / 2); 1304 1305 const params = [ 1306 'resizable=yes', 1307 'scrollbars=no', 1308 'toolbar=no', 1309 'menubar=no', 1310 'location=no', 1311 'directories=no', 1312 'status=yes', 1313 'width=' + width, 1314 'height=' + height, 1315 'left=' + left, 1316 'top=' + top 1317 ]; 1318 1319 const popup = window.open(href, 'pslogin_popup', params.join(',')); 1320 popup.focus(); 1321 1322 return popup; 1323 }, 1324 loadingMessage(popup) { 1325 const loaderText = 'Bezig\u0020met\u0020laden...'; 1326 let html = '<!DOCTYPE html><html style="height: 100%;"><head><meta name="viewport" content="width=device-width, initial-scale=1"><title>' + loaderText + '</title></head>'; 1327 html += '<body style="height: 100%; margin: 0; padding: 0;">'; 1328 html += '<div style="text-align: center; height: 100%;"><div id="loader" style="top: 50%; position: relative; margin-top: -50px; color: #646464; height:25px; font-size: 25px; text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;">' + loaderText + '</div></div>'; 1329 html += '</body></html>'; 1330 1331 popup.document.documentElement.innerHTML = html; 1332 } 1333 }; 1334 }</script>
1334</div></template></div></template><template x-if="3 === step"><div class="flex flex-col items-center"><img class="pslogin-success-icon" :src="successIcon" alt="Succes" width="92" height="92"><div class="pslogin-thank-text">THANK YOU!</div></div></template></div></dialog></div>
1334<script> 1335 function initPsloginBindEmailModal() { 1336 'use strict'; 1337 1338 return { 1339 ...hyva.modal(), 1340 ...{"components":{"pr-pslogin-email-popup":{"component":"Plumrocket_SocialLoginPro\/js\/view\/bind-email","storeName":"Elektramat Belgium B.V.","loginWithEmailUrl":"https:\/\/www.elektramat.be\/pslogin\/account\/register\/","loginWithPassUrl":"https:\/\/www.elektramat.be\/pslogin\/account_login\/password\/","forgotPassUrl":"https:\/\/www.elektramat.be\/customer\/account\/forgotpassword\/","login_networks_buttons_html":"","successIcon":"https:\/\/www.elektramat.be\/static\/version1790258389\/frontend\/Wise\/elektramat-3_be\/nl_BE\/Plumrocket_SocialLoginPro\/images\/success_icon.png","loaderIconSrc":"https:\/\/www.elektramat.be\/static\/version1790258389\/frontend\/Wise\/elektramat-3_be\/nl_BE\/images\/loader-2.gif"}}}['components']['pr-pslogin-email-popup'], 1341 1342 /** 1343 * Popup will change by this variable 1344 * 1345 * 1 - "Email Missing" Popup 1346 * 2 - "Email Exists" Popup 1347 * 3 - "Success" Popup 1348 * 4 - "Do you have an account?" Popup 1349 * 5 - "Link to existing account" Popup 1350 */ 1351 step: 1, 1352 isLoading: false, 1353 1354 customer: { 1355 name: '', 1356 email: '', 1357 }, 1358 success: { 1359 redirectUrl: '', 1360 message: '', 1361 }, 1362 error: '', 1363 1364 /** 1365 * Social network type 1366 */ 1367 type: '', 1368 1369 /** 1370 * Networks already linked to account 1371 */ 1372 linkedNetworksHtml: '', 1373 loginNetworksButtonsHtml: '', 1374 1375 firstTitlePatter: 'Welcome\u0020\u00251', 1376 firstTitle: '', 1377 secondTitlePatter: 'Hello\u0020\u00251', 1378 secondTitle: '', 1379 1380 alreadyRegisteredPattern: 'An\u0020account\u0020with\u0020email\u0020\u0022\u00251\u0022\u0020is\u0020already\u0020registered\u0020at\u0020\u00252.\u0020Please\u0020enter\u0020your\u0020store\u0020password\u0020to\u0020link\u0020your\u0020social\u0020account.\u0020Or\u0020login\u0020using\u0020previously\u0020used\u0020social\u0020networks.', 1381 alreadyRegisteredText: '', 1382 1383 errorMessageLifetime: 4000, 1384 successRedirectDelay: 2000, 1385 1386 init() { 1387 document.pslogin = { 1388 bindEmail: this 1389 }; 1390 1391 this.$watch('step', this.afterSetStep.bind(this)); 1392 this.loginNetworksButtonsHtml = this.login_networks_buttons_html; 1393 this.autoOpen() 1394 1395 1396 }, 1397 1398 autoOpen: function () { 1399 var params = new URLSearchParams(location.search); 1400 if (! params.get('showPrBindEmailPopup')) { 1401 return; 1402 } 1403 1404 this.openPopup( 1405 String(params.get('firstname') ? params.get('firstname') : ''), 1406 String(params.get('email') ? params.get('email') : ''), 1407 String(params.get('networkCode') ? params.get('networkCode') : ''), 1408 Number(params.get('step')) 1409 ); 1410 }, 1411 1412 /** 1413 * @param {string} name 1414 * @param {string} email 1415 * @param {string} type 1416 * @param {int} step 1417 */ 1418 openPopup(name, email, type, step) { 1419 this.setStep(step ? step : 1); 1420 1421 this.firstTitle = hyva.str(this.firstTitlePatter, name); 1422 this.alreadyRegisteredText = hyva.str(this.alreadyRegisteredPattern, email, this.storeName); 1423 1424 this.customer.name = name; 1425 this.customer.email = email; 1426 this.type = type; 1427 1428 this.renderError(''); 1429 1430 this.closePrPopupLogin(); 1431 1432 this.show('dialog'); 1433 }, 1434 1435 /** 1436 * Convert number into int 1437 * 1438 * @param stepNumber 1439 */ 1440 setStep(stepNumber) { 1441 this.step = +stepNumber; 1442 }, 1443 1444 /** 1445 * For bind click in template 1446 */ 1447 setFifthStep() { 1448 this.setStep(5); 1449 }, 1450 1451 afterSetStep(stepNumber) { 1452 if (3 === stepNumber) { 1453 this.renderError(''); 1454 this.renderSuccessRedirect(); 1455 } 1456 1457 if (1 === stepNumber || 4 === stepNumber) { 1458 this.firstTitle = hyva.str(this.firstTitlePatter, this.customer.name); 1459 } else { 1460 this.firstTitle = hyva.str(this.secondTitlePatter, this.customer.name); 1461 } 1462 1463 if (2 === stepNumber) { 1464 this.buildAlreadyRegisteredText(); 1465 } 1466 }, 1467 1468 setSuccessRedirect(redirectUrl) { 1469 this.success.redirectUrl = redirectUrl; 1470 }, 1471 1472 buildAlreadyRegisteredText() { 1473 this.alreadyRegisteredText = hyva.str( 1474 this.alreadyRegisteredPattern, 1475 this.customer.email, 1476 this.storeName 1477 ); 1478 }, 1479 1480 registerWithEmail() { 1481 let email = (this.step === 4) ? 1482 this.customer.email : 1483 document.getElementById('pslogin_bind_email').value.trim(); 1484 1485 if (email) { 1486 let postData = { 1487 email: email, 1488 type: this.type, 1489 ajax: 1, 1490 step: this.step, 1491 form_key: hyva.getFormKey() 1492 }; 1493 1494 this.isLoading = true; 1495 fetch(this.loginWithEmailUrl, { 1496 method: 'POST', 1497 headers: { 1498 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8', 1499 }, 1500 body: new URLSearchParams(postData), 1501 }) 1502 .then(response => { 1503 this.isLoading = false;
1504 if (response.ok) { 1505 return response.json(); 1506 } else { 1507 console.warn('GET request failed', response); 1508 } 1509 }) 1510 .then(responseData => { 1511 if (responseData) { 1512 if (!this.validateResponse(responseData)) { 1513 console.error('Invalid response'); 1514 return; 1515 } 1516 1517 if (responseData.status) { 1518 if (responseData.data.exist) { 1519 this.customer.email = email; 1520 this.buildAlreadyRegisteredText(); 1521 1522 /* if (responseData.data.linked_networks) { 1523 this.linkedNetworksHtml = responseData.data.linked_networks; 1524 } */ 1525 1526 this.setStep(2); 1527 return; 1528 } 1529 1530 if (responseData.data.step) { 1531 this.customer.email = email; 1532 this.setStep(responseData.data.step); 1533 return; 1534 } 1535 1536 if (responseData.data.redirectUrl && responseData.data.message) { 1537 this.success.redirectUrl = responseData.data.redirectUrl; 1538 this.success.message = responseData.data.message; 1539 } else { 1540 console.error('Invalid data response'); 1541 } 1542 1543 this.setStep(3); 1544 } else { 1545 console.error(responseData.error); 1546 if (responseData.data.redirectUrl) { 1547 window.location.href = responseData.data.redirectUrl; 1548 } 1549 } 1550 } 1551 }) 1552 .catch(function name(params) { 1553 window.console && console.log(status + ': ' + error + '\nResponse text:\n' + jqXHR.responseText); 1554 }); 1555 } 1556 }, 1557 1558 loginDependOnStep() { 1559 switch (this.step) { 1560 case 1: 1561 this.registerWithEmail(); 1562 break; 1563 case 2: 1564 this.loginWithPass(); 1565 break; 1566 case 5: 1567 this.loginWithPassTakeEmail(); 1568 break; 1569 } 1570 }, 1571 1572 loginWithPassTakeEmail() { 1573 let email = document.getElementById('pslogin_bind_email').value.trim(); 1574 this.loginWithPass(email); 1575 }, 1576 1577 loginWithPass(email) { 1578 if (typeof email === 'object') { 1579 email = undefined; 1580 } 1581 1582 let password = document.getElementById('pslogin_bind_pass').value.trim(); 1583 1584 if (!password || (typeof email !== 'undefined' && !email)) { 1585 let form = document.getElementById('pslogin_bind'); 1586 if (typeof form.reportValidity === 'function') { 1587 form.reportValidity(); 1588 } 1589 1590 return; 1591 } 1592 1593 let postData = { 1594 password, 1595 type: this.type, 1596 ajax: 1, 1597 form_key: hyva.getFormKey() 1598 }; 1599 1600 if (email) { 1601 postData.email = email; 1602 } 1603 1604 this.isLoading = true; 1605 fetch(this.loginWithPassUrl, { 1606 method: 'POST', 1607 headers: { 1608 1609 1610 1611 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8', 1612 }, 1613 1614 body: new URLSearchParams(postData), 1615 }) 1616 .then(response => { 1617 this.isLoading = false;
1618 if (response.ok) { 1619 return response.json(); 1620 } else { 1621 console.warn('GET request failed', response); 1622 } 1623 }) 1624 .then(responseData => { 1625 if (responseData) { 1626 if (!this.validateResponse(responseData)) { 1627 console.error('Invalid response'); 1628 return; 1629 } 1630 1631 if (responseData.status) { 1632 if (responseData.data.redirectUrl) { 1633 this.setStep(3); 1634 this.renderRedirect(responseData.data.redirectUrl, 'Succes'); 1635 } else { 1636 console.error('Invalid data response'); 1637 } 1638 } else { 1639 this.renderError(responseData.error); 1640 if (responseData.data.redirectUrl) { 1641 this.renderRedirect(responseData.data.redirectUrl, responseData.error); 1642 } 1643 } 1644 } 1645 }) 1646 .catch(function name(params) { 1647 window.console && console.log(status + ': ' + error + '\nResponse text:\n' + jqXHR.responseText); 1648 }); 1649 }, 1650 1651 /** 1652 * @param {{}} data 1653 */ 1654 validateResponse(data) { 1655 return typeof data === 'object' && 1656 data.hasOwnProperty('status') && 1657 data.hasOwnProperty('data') && 1658 data.hasOwnProperty('error') 1659 }, 1660 1661 renderRedirect(redirectUrl, message) { 1662 if (message) { 1663 setTimeout(() => window.location.href = redirectUrl, this.successRedirectDelay); 1664 } else { 1665 window.location.href = redirectUrl; 1666 } 1667 }, 1668 1669 renderError(message) { 1670 if (message) { 1671 this.error = message; 1672 setTimeout(() => this.error = '', this.errorMessageLifetime); 1673 } else { 1674 this.error = ''; 1675 } 1676 }, 1677 1678 renderSuccessRedirect() { 1679 this.renderRedirect(this.success.redirectUrl, true); 1680 }, 1681 1682 openForgotPassword() { 1683 window.open(this.forgotPassUrl); 1684 }, 1685 1686 closePrPopupLogin() { 1687 if (typeof window.plumrocket !== 'undefined' && 1688 typeof window.plumrocket.popupLoginControl !== 'undefined' 1689 ) { 1690 window.plumrocket.popupLoginControl.closeForm(); 1691 } 1692 } 1693 }; 1694 }</script>
1694 <input name="form_key" type="hidden" value="Dw2DZVZNteHOIFDm" />
1694<script> 1695 window.amRecaptchaModel = window.amRecaptchaModel || {};</script>
1695
1695<script nonce="czhqbjNiMHZlbXY1bjBkdHh3NjRpZW14MzBvZTc5Y3Y="> 1696 function yireoGoogleTagManager2Pusher(eventData, message, callback) { 1697 window.YIREO_GOOGLETAGMANAGER2_PAST_EVENTS = window.YIREO_GOOGLETAGMANAGER2_PAST_EVENTS || []; 1698 1699 function doCallback(cb) { 1700 if (undefined === cb) { 1701 return; 1702 } 1703 1704 cb(); 1705 } 1706 1707 1708 const copyEventData = Object.assign({}, eventData); 1709 let metaData = {}; 1710 if (copyEventData.meta) { 1711 metaData = copyEventData.meta; 1712 delete copyEventData.meta; 1713 } 1714 1715 const eventHash = btoa(encodeURIComponent(JSON.stringify(copyEventData))); 1716 if (window.YIREO_GOOGLETAGMANAGER2_PAST_EVENTS.includes(eventHash)) { 1717 yireoGoogleTagManager2Logger('Warning: Event already triggered', eventData); 1718 doCallback(callback); 1719 return; 1720 } 1721 1722 if (metaData && metaData.allowed_pages && metaData.allowed_pages.length > 0 1723 && false === metaData.allowed_pages.some(page => window.location.pathname.includes(page))) { 1724 yireoGoogleTagManager2Logger('Warning: Skipping event, not in allowed pages', window.location.pathname, eventData); 1725 doCallback(callback); 1726 return; 1727 } 1728 1729 if (metaData && metaData.allowed_events && metaData.allowed_events.length > 0) { 1730 for (const [allowedEventKey, allowedEvent] of Object.entries(metaData.allowed_events)) { 1731 window.addEventListener(allowedEvent, function () { 1732 const eventDataCopy = Object.assign({}, eventData); 1733 eventDataCopy.meta.allowed_events = false; 1734 yireoGoogleTagManager2Pusher(eventDataCopy, 'push (allowed event "' + eventData.event + '") [script-pusher]'); 1735 }); 1736 } 1737 1738 yireoGoogleTagManager2Logger('Warning: Skipping event, not in allowed events', window.location.pathname, eventData); 1739 doCallback(callback); 1740 return; 1741 } 1742 1743 if (!message) { 1744 message = 'push (unknown) [unknown]'; 1745 } 1746 1747 yireoGoogleTagManager2Logger(message, eventData); 1748 window.dataLayer = window.dataLayer || []; 1749 1750 if (eventData.ecommerce) { 1751 window.dataLayer.push({ecommerce: null}); 1752 } 1753 1754 try { 1755 window.dataLayer.push(eventData); 1756 window.YIREO_GOOGLETAGMANAGER2_PAST_EVENTS.push(eventHash); 1757 } catch(error) { 1758 doCallback(callback); 1759 } 1760 1761 doCallback(callback); 1762 }</script>
1762<script nonce="czhqbjNiMHZlbXY1bjBkdHh3NjRpZW14MzBvZTc5Y3Y="> 1763 if (typeof window.yireoGoogleTagManager2Pusher !== 'function') { 1764 window.yireoGoogleTagManager2Pusher = function (eventData, message, callback) { 1765 window.dataLayer = window.dataLayer || []; 1766 window.dataLayer.push(eventData); 1767 1768 if (typeof callback === 'function') { 1769 callback(); 1770 } 1771 }; 1772 }</script>
1772
1772<script nonce="czhqbjNiMHZlbXY1bjBkdHh3NjRpZW14MzBvZTc5Y3Y="> 1773 function yireoGoogleTagManager2Logger(...args) { 1774 const debug = window.YIREO_GOOGLETAGMANAGER2_DEBUG || false; 1775 if (false === debug) { 1776 return; 1777 } 1778 1779 var color = 'gray'; 1780 if (args[0].toLowerCase().startsWith('push')) { 1781 color = 'green'; 1782 } 1783 1784 if (args[0].toLowerCase().startsWith('warning')) { 1785 color = 'orange'; 1786 } 1787 1788 var css = 'color:white; background-color:' + color + '; padding:1px;' 1789 console.log('%cYireo_GoogleTagManager2', css, ...args); 1790 }</script>
1790
1790<script> 1791 (function(hyva) { 1792 const formValidationRules = { 1793 required(value, options, field, context) { 1794 const el = field.element.type === 'hidden' ? createTextInputFrom(field.element) : field.element, 1795 fieldName = getFieldName(field), 1796 msg = fieldName 1797 ? hyva.str('\u00251\u0020is\u0020een\u0020verplicht\u0020veld.', fieldName) 1798 : 'Dit\u0020is\u0020een\u0020verplicht\u0020veld.'; 1799 1800 if (el.type === 'radio' || el.type === 'checkbox') { 1801 return (value === undefined || value.length === 0) ? msg : true; 1802 } 1803 1804 el.setAttribute('required', ''); 1805 el.checkValidity(); 1806 1807 return el.validity.valueMissing ? msg : true; 1808 }, 1809 maxlength(value, options, field, context) { 1810 const n = Number(options) 1811 if (value.length > n) { 1812 const fieldName = getFieldName(field); 1813 return fieldName 1814 ? n === 1 1815 ? hyva.str('\u00251\u0020field\u0020cannot\u0020be\u0020longer\u0020than\u00201\u0020character.', fieldName) 1816 : hyva.str('\u00251\u0020field\u0020cannot\u0020be\u0020longer\u0020than\u0020\u00252\u0020characters.', fieldName, options) 1817 : n === 1 1818 ? 'Please\u0020enter\u0020no\u0020more\u0020than\u00201\u0020character.' 1819 : hyva.strf('Please\u0020enter\u0020no\u0020more\u0020than\u0020\u00250\u0020characters.', options); 1820 } 1821 return true; 1822 }, 1823 minlength(value, options, field, context) { 1824 const n = Number(options) 1825 if (value.length > 0 && value.length < n) { 1826 const fieldName = getFieldName(field); 1827 return fieldName 1828 ? n === 1 1829 ? hyva.str('\u00251\u0020field\u0020must\u0020be\u0020at\u0020least\u00201\u0020character\u0020long.', fieldName) 1830 : hyva.str('\u00251\u0020veld\u0020moet\u0020minimaal\u0020\u00252\u0020tekens\u0020bevatten.', fieldName, options) 1831 : n === 1 1832 ? 'Please\u0020enter\u0020at\u0020least\u00201\u0020character.' 1833 : hyva.strf('Voer\u0020alsjeblieft\u0020minstens\u0020\u00250\u0020karakters\u0020in.', options); 1834 } 1835 return true; 1836 }, 1837 max(value, options, field, context) { 1838 field.element.setAttribute('max', options); 1839 field.element.checkValidity(); 1840 if (field.element.validity.rangeOverflow) { 1841 const fieldName = getFieldName(field); 1842 return fieldName 1843 ? hyva.str('\u00251\u0020field\u0020must\u0020contain\u0020a\u0020value\u0020less\u0020than\u0020or\u0020equal\u0020to\u0020\u0022\u00252\u0022.', fieldName, options) 1844 : hyva.strf('Please\u0020enter\u0020a\u0020value\u0020less\u0020than\u0020or\u0020equal\u0020to\u0020\u0022\u00250\u0022.', options); 1845 } 1846 return true; 1847 }, 1848 min(value, options, field, context) { 1849 field.element.setAttribute('min', options); 1850 field.element.checkValidity(); 1851 if (field.element.validity.rangeUnderflow) { 1852 const fieldName = getFieldName(field); 1853 return fieldName 1854 ? hyva.str('\u00251\u0020field\u0020must\u0020contain\u0020a\u0020value\u0020greater\u0020than\u0020or\u0020equal\u0020to\u0020\u0022\u00252\u0022.', fieldName, options) 1855 : hyva.strf('Please\u0020enter\u0020a\u0020value\u0020greater\u0020than\u0020or\u0020equal\u0020to\u0020\u0022\u00250\u0022.', options); 1856 } 1857 return true; 1858 }, 1859 step(value, options, field, context) { 1860 field.element.setAttribute('step', options); 1861 field.element.checkValidity(); 1862 if (field.element.validity.stepMismatch) { 1863 const val = Number(value), 1864 step = Number(options), 1865 fieldName = getFieldName(field), 1866 nearestLowerValue = Math.floor(val / step) * step,
1867 nearestUpperValue = Math.ceil(val / step) * step; 1868 return fieldName 1869 ? hyva.str('\u00251\u0020field\u0020is\u0020invalid.\u0020The\u0020two\u0020nearest\u0020valid\u0020values\u0020are\u0020\u0022\u00252\u0022\u0020and\u0020\u0022\u00253\u0022.', fieldName, nearestLowerValue, nearestUpperValue) 1870 : hyva.strf('Please\u0020enter\u0020a\u0020valid\u0020value.\u0020The\u0020two\u0020nearest\u0020valid\u0020values\u0020are\u0020\u0022\u00250\u0022\u0020and\u0020\u0022\u00251\u0022.', nearestLowerValue, nearestUpperValue); 1871 } 1872 return true; 1873 }, 1874 pattern(value, options, field, context) { 1875 field.element.setAttribute('pattern', options); 1876 field.element.checkValidity(); 1877 if (field.element.validity.patternMismatch) { 1878 const fieldName = getFieldName(field); 1879 return fieldName 1880 ? field.element.pattern 1881 ? hyva.str('\u00251\u0020field\u0020must\u0020match\u0020the\u0020requested\u0020format\u003A\u0020\u00252.', fieldName, field.element.pattern) 1882 : hyva.str('\u00251\u0020field\u0020must\u0020match\u0020the\u0020requested\u0020format.', fieldName) 1883 : field.element.pattern 1884 ? hyva.strf('Foutieve\u0020invoer\u003A\u0020\u00250.', field.element.pattern) 1885 : 'Please\u0020match\u0020the\u0020requested\u0020format.'; 1886 } 1887 return true; 1888 }, 1889 email(value, options, field, context) { 1890 const rule = /^([a-z0-9,!\#\$%&'\*\+\/=\?\^_`\{\|\}~-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z0-9,!\#\$%&'\*\+\/=\?\^_`\{\|\}~-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*@([a-z0-9-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z0-9-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*\.(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]){2,})$/i; 1891 if (value.length > 0 && !rule.test(value)) { 1892 const fieldName = getFieldName(field); 1893 return fieldName 1894 ? hyva.str('\u00251\u0020field\u0020must\u0020contain\u0020a\u0020valid\u0020email\u0020address\u0020\u0028Ex\u003A\u0020johndoe\u0040domain.com\u0029.', fieldName) 1895 : 'Voer\u0020een\u0020geldig\u0020e\u002Dmailadres\u0020in\u0020\u0028Bijv.\u003A\u0020johndoe\u0040domain.com\u0029.'; 1896 } 1897 return true; 1898 }, 1899 password(value, options, field, context) { 1900 const rule = /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/; 1901 if (value.length > 0 && !rule.test(value)) { 1902 const fieldName = getFieldName(field); 1903 return fieldName 1904 ? hyva.str('\u00251\u0020field\u0020must\u0020contain\u0020at\u0020least\u0020one\u0020upper\u0020case,\u0020one\u0020lower\u0020case,\u0020one\u0020digit\u0020and\u0020one\u0020special\u0020character\u0020\u0028\u0023\u003F\u0021\u0040\u0024\u0025\u005E\u0026\u002A\u002D\u0029', fieldName) 1905 : 'Please\u0020provide\u0020at\u0020least\u0020one\u0020upper\u0020case,\u0020one\u0020lower\u0020case,\u0020one\u0020digit\u0020and\u0020one\u0020special\u0020character\u0020\u0028\u0023\u003F\u0021\u0040\u0024\u0025\u005E\u0026\u002A\u002D\u0029'; 1906 } 1907 return true; 1908 }, 1909 equalTo(value, options, field, context) { 1910 const dependencyField = context.fields[options].element; 1911 if (value !== dependencyField.value) { 1912 const dependencyFieldName = 1913 dependencyField.label || 1914 dependencyField.title || 1915 (dependencyField.labels && dependencyField.labels[0] && dependencyField.labels[0].innerText) || 1916 dependencyField.name, 1917 fieldName = getFieldName(field); 1918 return fieldName
1919 ? hyva.str('\u00251\u0020field\u0020value\u0020must\u0020be\u0020the\u0020same\u0020as\u0020\u0022\u00252\u0022.', fieldName, dependencyFieldName) 1920 : hyva.strf('De\u0020waarde\u0020van\u0020dit\u0020veld\u0020moet\u0020hetzelfde\u0020zijn\u0020als\u003A\u0020\u0022\u00250\u0022.', dependencyFieldName); 1921 } 1922 return true; 1923 } 1924 }; 1925 1926 function raceSome(promises, pred) { 1927 return new Promise((resolve, reject) => { 1928 1929 if (promises.length === 0) { 1930 return resolve(); 1931 } 1932 1933 let settled = false, nDone = 0; 1934 1935 const resolveIf = v => { 1936 if (!settled && (pred(v) || ++nDone === promises.length)) { 1937 settled = true; 1938 resolve(v); 1939 } 1940 return v; 1941 } 1942 1943 promises.map(promise => { 1944 promise.then(resolveIf).catch(reason => { 1945 settled = true; 1946 reject(reason) 1947 }); 1948 return promise; 1949 }); 1950 }); 1951 } 1952 1953 const INPUT_ATTRIBUTE_RULES = {min: 'min', max: 'max', required: 'required', minlength: 'minlength', maxlength: 'maxlength', step: 'step', pattern: 'pattern'} 1954 const INPUT_TYPE_RULES = {email: 'email'} 1955 1956 function getRules(element) { 1957 let rules = {}; 1958 Object.keys(INPUT_ATTRIBUTE_RULES).forEach(attrName => { 1959 if (element.hasAttribute(attrName)) { 1960 rules[INPUT_ATTRIBUTE_RULES[attrName]] = element.getAttribute(attrName); 1961 } 1962 }) 1963 if (INPUT_TYPE_RULES[element.type]) { 1964 rules[INPUT_TYPE_RULES[element.type]] = true; 1965 } 1966 1967 if (element.dataset.validate) { 1968 try { 1969 Object.assign(rules, JSON.parse(element.dataset.validate)); 1970 } catch (error) { 1971 console.error('Validator error. Cannot parse data-validate attribute of element:\n', element); 1972 } 1973 } 1974 1975 return rules; 1976 } 1977 1978 function isInvalidRuleResult(ruleState) { 1979 return typeof ruleState === 'string' || !ruleState || (ruleState.type && ruleState.content); 1980 } 1981 1982 async function runValidateFn(rule, options, value, field) { 1983 return formValidationRules[rule](value, options, field, this); 1984 } 1985 1986 function generateId() { 1987 let id; 1988 do { 1989 id = `${this.idPrefix}-${++this.idSeq}`; 1990 } while (document.getElementById(id)); 1991 return id; 1992 } 1993 1994 function isVisible(element) { 1995 const el = element.type !== 'hidden' ? element : (element.parentElement || {}); 1996 return !!(el.offsetWidth || el.offsetHeight || el.getClientRects().length) 1997 } 1998 1999 function elementWillValidate(element) { 2000 return (element.willValidate || element.type === 'hidden') 2001 && element.tagName !== 'BUTTON' 2002 && element.disabled === false 2003 && !(element.tagName === 'INPUT' && element.type === 'submit') 2004 && (element.hasAttribute('data-validate-hidden') || isVisible(element)) 2005 } 2006 2007 function createMessageContainer(el, fieldWrapperClassName) { 2008 if (! el.parentElement) { 2009 return; 2010 } 2011 const refocus = document.activeElement === el; 2012 const wrapper = document.createElement('div'); 2013 wrapper.classList.add.apply(wrapper.classList, fieldWrapperClassName.split(' ')); 2014 el.parentElement.insertBefore(wrapper, el); 2015 wrapper.appendChild(el); 2016 refocus && document.activeElement !== el && el.focus(); 2017 return wrapper; 2018 } 2019 2020 function containerNotFound(selector, el) { 2021 const msg = `Cannot find message container element ${selector} of ${el.name}`; 2022 console.error(msg, el); 2023 throw msg; 2024 } 2025 2026 function createTextInputFrom(el) { 2027 const text = document.createElement('INPUT'); 2028 text.type = 'text'; 2029 text.value = el.value; 2030 return text; 2031 } 2032 2033 function classNamesToSelector(classNames) { 2034 return classNames.split(' ') 2035 .filter(className => className.length > 0) 2036 .map(className => `.${className}`) 2037 .join('') 2038 } 2039 2040 function hasMessagesWrapper(field, messagesWrapperClassName) { 2041 return this.getMessageContainer(field).querySelector(classNamesToSelector(messagesWrapperClassName)); 2042 } 2043
2044 function getMessagesWrapper(field, messagesWrapperClassName) { 2045 if (hasMessagesWrapper.call(this, field, messagesWrapperClassName)) { 2046 return this.getMessageContainer(field).querySelector(classNamesToSelector(messagesWrapperClassName)); 2047 } 2048 2049 const msgWrapper = document.createElement('ul'); 2050 const msgId = generateId.call(this); 2051 msgWrapper.id = msgId; 2052 field.element.setAttribute('aria-errormessage', msgId); 2053 field.element.setAttribute('aria-describedby', msgId); 2054 msgWrapper.classList.add.apply(msgWrapper.classList, messagesWrapperClassName.split(' ')); 2055 if (field.validateOnChange) { 2056 msgWrapper.setAttribute('aria-live', 'polite'); 2057 } 2058 this.getMessageContainer(field).appendChild(msgWrapper); 2059 2060 return msgWrapper; 2061 } 2062 2063 function getCheckedValues(field) { 2064 const name = field.element.name.replace(/([\\"])/g, '\\$1'); 2065 const elements = field.element.form.querySelectorAll('input[name="' + name + '"]:checked'); 2066 return Array.from(elements).map(el => el.value); 2067 } 2068 2069 function escapeHtml(s) { 2070 const div = document.createElement('div') 2071 div.innerText = s; 2072 return div.innerHTML; 2073 } 2074 2075 function formValidation(form, options = {}) { 2076 const formElement = form || this.$el; 2077 2078 if (formElement.dataset && formElement.dataset.options) { 2079 try { 2080 options = Object.assign(options, JSON.parse(formElement.dataset.options || '{}')); 2081 } catch (e) { 2082 throw new Error('Cannot read the form options from the data-options attribute: not valid JSON'); 2083 } 2084 } 2085 2086 2087 if (formElement.tagName === 'FORM') { 2088 formElement.setAttribute('novalidate', ''); 2089 } else { 2090 console.error('formValidation can be initialized only on FORM element', formElement); 2091 return; 2092 } 2093 2094 options = Object.assign({ 2095 fieldWrapperClassName: 'field field-reserved', 2096 messagesWrapperClassName: 'messages', 2097 validClassName: 'field-success', 2098 invalidClassName: 'field-error', 2099 pageMessagesWrapperSelector: null, 2100 scrollToFirstError: true, 2101 }, options || {}); 2102 2103 return { 2104 state: { 2105 valid: false, 2106 }, 2107 isSubmitting: false, 2108 fields: {}, 2109 idSeq: 0, 2110 idPrefix: formElement.id || 'vld-msg', 2111 setupFields(elements) { 2112 this.fields = {}; 2113 Array.from(elements).forEach(element => { 2114 if (elementWillValidate(element)) { 2115 this.setupField(element); 2116 } 2117 }); 2118 }, 2119 setupField(element) { 2120 if (! element) return; 2121 const onChange = !!element.dataset.onChange; 2122 if (elementWillValidate(element)) { 2123 const rules = getRules(element); 2124 if (Object.keys(rules).length > 0) { 2125 if (this.fields[element.name]) { 2126 Object.assign(this.fields[element.name].rules, rules); 2127 } else { 2128 this.fields[element.name] = { 2129 element, 2130 rules: rules, 2131 validateOnChange: onChange, 2132 state: { 2133 valid: null, 2134 rules: {} 2135 } 2136 } 2137 } 2138 } 2139 } else { 2140 console.error('Element will not validate', element); 2141 } 2142 }, 2143 onSubmit(event) { 2144 if (event.target.tagName === 'FORM') { 2145 event.preventDefault(); 2146 2147 if (this.isSubmitting) return; 2148 this.isSubmitting = true; 2149 2150 this.validate() 2151 .then(() => event.target.submit()) 2152 .catch(invalidElements => { 2153 this.isSubmitting = false;
2154 }); 2155 } 2156 }, 2157 onChange(event) { 2158 event.target.dataset.onChange = 'true'; 2159 if (!Object.keys(this.fields).length) { 2160 this.setupFields(formElement.elements); 2161 } 2162 if (!Object.keys(this.fields).includes(event.target.name)) { 2163 this.setupField(event.target); 2164 } 2165 const field = this.fields[event.target.name]; 2166 2167 this.validateField(field); 2168 field && field.element.removeAttribute('data-on-change') 2169 }, 2170 validateSafe() { 2171 return new Promise(resolve => this.validate().then(() => resolve(true)).catch(() => {})) 2172 }, 2173 validate() { 2174 if (!Object.keys(this.fields).length || !Object.keys(this.fields).length !== formElement.elements.length) { 2175 this.setupFields(formElement.elements); 2176 } 2177 return new Promise(async (resolve, reject) => { 2178 if (formElement.elements) { 2179 await raceSome(this.validateFields(), result => result !== true) 2180 const invalidFields = Object.values(this.fields).filter(field => !field.state.valid); 2181 this.state.valid = invalidFields.length === 0; 2182 if (this.state.valid) { 2183 resolve(); 2184 } else { 2185 if (options.scrollToFirstError && invalidFields.length > 0) { 2186 invalidFields[0].element.focus() 2187 invalidFields[0].element.select && invalidFields[0].element.select(); 2188 } 2189 reject(invalidFields.map(field => field.element)); 2190 } 2191 } 2192 }); 2193 }, 2194 validateFields() { 2195 const fields = Object.values(this.fields); 2196 2197 fields.forEach(field => { 2198 this.getMessageContainer(field).classList.remove(options.validClassName, options.invalidClassName) 2199 }); 2200 return fields.map(field => this.validateField(field)) 2201 }, 2202 validateField(field) { 2203 if (! field || ! elementWillValidate(field.element)) { 2204 return new Promise(resolve => resolve(true)) 2205 } 2206 2207 let value; 2208 if (field.element.type === 'checkbox') { 2209 value = getCheckedValues(field); 2210 } else if (field.element.type === 'radio') { 2211 value = getCheckedValues(field)[0] || undefined; 2212 } else if (field.element.tagName === 'SELECT' && field.element.multiple) { 2213 value = Array.from(field.element.selectedOptions).map(opt => opt.value); 2214 } else { 2215 value = field.element.value; 2216 } 2217 2218 const rules = field.rules || {}; 2219 2220 field.state.valid = true; 2221 this.showFieldState(field); 2222 2223 const fieldValidations = Object.keys(rules).filter(rule => formValidationRules[rule]).map(async rule => { 2224 return runValidateFn.call(this, rule, rules[rule], value, field).then(result => { 2225 field.state.rules[rule] = result; 2226 return result; 2227 }) 2228 }); 2229 2230 return new Promise(resolve => { 2231 Promise.all(fieldValidations).then(results => { 2232 field.state.valid = !elementWillValidate(field.element) || rules.length === 0 || !results.some(isInvalidRuleResult)
2233 this.showFieldState(field); 2234 resolve(field.state.valid); 2235 }) 2236 }); 2237 }, 2238 getMessagesByField(field) { 2239 const messages = []; 2240 const invalidRules = Object.keys(field.state.rules).filter(rule => isInvalidRuleResult(field.state.rules[rule])); 2241 2242 field.rules && Object.keys(field.rules).forEach((rule) => { 2243 if (invalidRules.includes(rule)) { 2244 const customMessage = field.element.getAttribute('data-msg-' + rule); 2245 const message = customMessage ? customMessage : field.state.rules[rule]; 2246 const ruleOptions = JSON.parse(JSON.stringify(field.rules[rule])); 2247 2248 if (typeof message === 'undefined' || message === null || (typeof message !== 'string' && ! message.type)) { 2249 messages.push(hyva.strf('Validation rule "%0" failed.', rule)); 2250 } else if (Array.isArray(ruleOptions)) { 2251 ruleOptions.unshift(message.type ? message.content : message); 2252 const content = hyva.strf.apply(null, ruleOptions); 2253 messages.push(message.type ? {type: message.type, content} : content); 2254 } else { 2255 const content = hyva.strf(message.type ? message.content : message, ruleOptions) 2256 messages.push(message.type ? {type: message.type, content} : content); 2257 } 2258 } 2259 }); 2260 return messages; 2261 }, 2262 /** @deprecated */ 2263 getFieldWrapper(field) { 2264 return this.getMessageContainer(field) 2265 }, 2266 getMessageContainer(field) { 2267 let container; 2268 const pageSelector = field.element.getAttribute('data-validation-container') || options.pageMessagesContainerSelector; 2269 if (pageSelector) { 2270 container = document.querySelector(pageSelector) 2271 || containerNotFound(pageSelector, field.element) 2272 } else { 2273 const containerSelector = classNamesToSelector(options.fieldWrapperClassName); 2274 container = field.element.closest(containerSelector) 2275 || createMessageContainer(field.element, options.fieldWrapperClassName) 2276 || containerNotFound(containerSelector, field.element); 2277 } 2278 2279 return container; 2280 }, 2281 showFieldState(field) { 2282 const container = this.getMessageContainer(field), 2283 hasErrorMessages = hasMessagesWrapper.call(this, field, options.messagesWrapperClassName), 2284 messages = this.getMessagesByField(field).map(m => { 2285 return m.type !== 'html' ? escapeHtml(m.type ? m.content : m) : m.content; 2286 }); 2287 container.classList.toggle(options.validClassName, field.state.valid && ! hasErrorMessages); 2288 container.classList.toggle(options.invalidClassName, !field.state.valid || hasErrorMessages); 2289 this.createHtmlErrorMessage(field, messages); 2290 2291 if (field.state.valid) { 2292 field.element.removeAttribute('aria-invalid'); 2293 } else { 2294 field.element.setAttribute('aria-invalid', 'true'); 2295 if (! document.activeElement) { 2296 field.element.focus(); 2297 } 2298 } 2299 }, 2300 removeMessages(field, messagesClass) { 2301 if (! hasMessagesWrapper.call(this, field, messagesClass || options.messagesWrapperClassName)) { 2302 return; 2303 } 2304 2305 const msgWrapper = getMessagesWrapper.call(this, field, messagesClass || options.messagesWrapperClassName); 2306 const messages = msgWrapper.querySelectorAll(`[data-msg-field='${field.element.name}']`);
2307 Array.from(messages).forEach(msg => msg.remove()); 2308 if (msgWrapper && msgWrapper.childElementCount === 0) { 2309 field.element.removeAttribute('aria-errormessage'); 2310 field.element.removeAttribute('aria-describedby'); 2311 msgWrapper.remove(); 2312 } 2313 }, 2314 createErrorMessage(field, messages) { 2315 const htmlMessages = (Array.isArray(messages) ? messages : [messages]).map(escapeHtml) 2316 this.createHtmlErrorMessage(field, htmlMessages); 2317 }, 2318 createHtmlErrorMessage(field, messages) { 2319 this.removeMessages(field, options.messagesWrapperClassName); 2320 field.element.removeAttribute('aria-errormessage'); 2321 field.element.removeAttribute('aria-describedby'); 2322 2323 if (!field.state.valid) { 2324 const msgWrapper = this.addHtmlMessages(field, options.messagesWrapperClassName, messages); 2325 field.element.setAttribute('aria-errormessage', msgWrapper.id); 2326 field.element.setAttribute('aria-describedby', msgWrapper.id); 2327 } 2328 }, 2329 /** @deprecated */ 2330 createMessage(field, message) { 2331 return this.addMessages(field, options.messagesWrapperClassName, message); 2332 }, 2333 addMessages(field, messagesClass, messages) { 2334 const htmlMessages = (Array.isArray(messages) ? messages : [messages]).map(escapeHtml) 2335 return this.addHtmlMessages(field, messagesClass, htmlMessages); 2336 }, 2337 addHtmlMessages(field, messagesClass, htmlMessages) { 2338 const msgWrapper = getMessagesWrapper.call(this, field, messagesClass); 2339 2340 (Array.isArray(htmlMessages) ? htmlMessages : [htmlMessages]).forEach((htmlMessage) => { 2341 const li = document.createElement('li'); 2342 li.innerHTML = htmlMessage; 2343 li.setAttribute('data-msg-field', field.element.name); 2344 msgWrapper.appendChild(li); 2345 }); 2346 2347 return msgWrapper; 2348 }, 2349 setField(name, value) { 2350 this.fields[name].element.value = value; 2351 this.fields[name].element.dispatchEvent((new Event('input'))); 2352 this.validateField(this.fields[name]); 2353 } 2354 } 2355 } 2356 2357 function getFieldName(field) { 2358 const fieldName = field.element?.getAttribute('title') 2359 || document.querySelector(`label[for="${field.element?.id}"]`)?.innerText; 2360 2361 return fieldName 2362 ? fieldName.trim() 2363 : ''; 2364 } 2365 2366 hyva.formValidation = formValidation; 2367 hyva.formValidation.rules = formValidationRules; 2368 hyva.formValidation.setInputAttributeRuleName = (attrName, ruleName) => INPUT_ATTRIBUTE_RULES[attrName] = ruleName || attrName; 2369 hyva.formValidation.setInputTypeRuleName = (typeName, ruleName) => INPUT_TYPE_RULES[typeName] = ruleName || typeName; 2370 hyva.formValidation.addRule = (name, validator) => formValidationRules[name] = validator; 2371 hyva.formValidation.getFieldName = getFieldName; 2372 }(window.hyva = window.hyva || {})); 2373 2374 window.addEventListener('alpine:init', () => { 2375 Alpine.data('hyva.formValidation', hyva.formValidation); 2376 Alpine.data('hyva.formValidation($el)', hyva.formValidation); 2377 }, {once: true});</script>
2377<div class="page-wrapper"><header class="page-header relative z-50 mb-4"><a class="action skip sr-only focus:not-sr-only focus:absolute focus:z-40 focus:bg-white 2378 contentarea" 2379 href="#contentarea"> 2380 <span> 2381 Ga naar de inhoud </span> 2382</a><div id="topbar" class="bg-primary w-full z-10"> 2383 <div class="flex md:container" 2384 x-data="{ 2385 active: 0, 2386 previous: null, 2387 timer: null, 2388 get itemCount() { 2389 const activeListy = this.$root.querySelector('.usps:not(.hidden)'); 2390 return Number(activeListy?.dataset.itemCount ?? 0); 2391 }, 2392 initialized: false, 2393 next() { 2394 this.previous = this.active; 2395 this.active = (this.active + 1) % this.itemCount; 2396 setTimeout(() => { 2397 this.previous = null; 2398 }, 2000); 2399 }, 2400 start() { 2401 setTimeout(() => { 2402 this.initialized = true; 2403 }, 100); 2404 2405 this.timer = setInterval(() => this.next(), 4800); 2406 }, 2407 stop() { 2408 clearInterval(this.timer); 2409 } 2410 }" 2411 x-init="start()" 2412 > 2413 2414 <ul 2415 x-ref="ul" 2416 data-listy="main.usps" 2417 data-item-count="3" 2418 class="usps min-h-8 flex-1 flex items-center justify-center md:justify-between py-px relative overflow-hidden default"> 2419 <li 2420 :class="{ 2421 'translate-x-0 opacity-100 z-20': active === 0 || window.innerWidth >= 768, 2422 '-translate-x-full opacity-0 z-10': previous === 0 && window.innerWidth < 768, 2423 'translate-x-full opacity-0 z-0': active !== 0 && previous !== 0 && window.innerWidth < 768 2424 }" 2425 class="transition-all duration-1000 ease-in-out flex [&_svg]:text-white [&_svg]:w-4 items-center py-1 w-full md:w-auto justify-center md:justify-start md:flex-1 md:relative absolute inset-0 "> 2426 <div aria-hidden="true"><?xml version="1.0" encoding="UTF-8"?> 2427<svg id="uuid-46b08ab9-c527-4955-9acf-0a4d136647b0" data-name="Group 369" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.63 13.63" aria-hidden="true"> 2428 <path id="uuid-0070e9b7-72dd-400f-8077-7085585a98f6" data-name="Path 1246" d="M6.82,0C3.05,0,0,3.05,0,6.82s3.05,6.82,6.82,6.82,6.82-3.05,6.82-6.82h0c0-3.76-3.05-6.81-6.82-6.82ZM6.82,12.39c-3.08,0-5.58-2.5-5.58-5.58S3.74,1.24,6.82,1.24s5.58,2.5,5.58,5.58c0,3.08-2.5,5.57-5.58,5.58Z" fill="currentColor"/> 2429 <path id="uuid-1ddd5f56-3302-4d44-8859-bcd84d644a36" data-name="Path 1247" d="M9.15,4.17l-3.2,3.85-1.47-1.76c-.17-.22-.48-.27-.7-.1-.04.03-.07.06-.1.1-.22.28-.22.68,0,.96l1.87,2.25c.1.12.24.2.4.2h0c.16,0,.3-.08.4-.2l3.6-4.33c.22-.28.22-.68,0-.96-.17-.22-.48-.27-.7-.1-.04.03-.07.06-.1.1Z" fill="currentColor"/> 2430</svg></div> 2431 <div class="flex items-center text-xs text-white"> 2432 <div class="usp-text ml-2 relative top-px">Specialist in elektrisch installatiemateriaal</div> 2433 </div> 2434 </li> 2435 <li 2436 :class="{ 2437 'translate-x-0 opacity-100 z-20': active === 1 || window.innerWidth >= 768, 2438 '-translate-x-full opacity-0 z-10': previous === 1 && window.innerWidth < 768, 2439 'translate-x-full opacity-0 z-0': active !== 1 && previous !== 1 && window.innerWidth < 768 2440 }" 2441 class="transition-all duration-1000 ease-in-out flex [&_svg]:text-white [&_svg]:w-4 items-center py-1 w-full md:w-auto justify-center md:justify-start md:flex-1 md:relative absolute inset-0 translate-x-full opacity-0 md:translate-x-0 md:opacity-100"> 2442 <div aria-hidden="true"><?xml version="1.0" encoding="UTF-8"?> 2443<svg id="uuid-46b08ab9-c527-4955-9acf-0a4d136647b0" data-name="Group 369" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.63 13.63" aria-hidden="true"> 2444 <path id="uuid-0070e9b7-72dd-400f-8077-7085585a98f6" data-name="Path 1246" d="M6.82,0C3.05,0,0,3.05,0,6.82s3.05,6.82,6.82,6.82,6.82-3.05,6.82-6.82h0c0-3.76-3.05-6.81-6.82-6.82ZM6.82,12.39c-3.08,0-5.58-2.5-5.58-5.58S3.74,1.24,6.82,1.24s5.58,2.5,5.58,5.58c0,3.08-2.5,5.5
24447-5.58,5.58Z" fill="currentColor"/> 2445 <path id="uuid-1ddd5f56-3302-4d44-8859-bcd84d644a36" data-name="Path 1247" d="M9.15,4.17l-3.2,3.85-1.47-1.76c-.17-.22-.48-.27-.7-.1-.04.03-.07.06-.1.1-.22.28-.22.68,0,.96l1.87,2.25c.1.12.24.2.4.2h0c.16,0,.3-.08.4-.2l3.6-4.33c.22-.28.22-.68,0-.96-.17-.22-.48-.27-.7-.1-.04.03-.07.06-.1.1Z" fill="currentColor"/> 2446</svg></div> 2447 <div class="flex items-center text-xs text-white"> 2448 <div class="usp-text ml-2 relative top-px">Verzending binnen 24 uur</div> 2449 </div> 2450 </li> 2451 <li 2452 :class="{ 2453 'translate-x-0 opacity-100 z-20': active === 2 || window.innerWidth >= 768, 2454 '-translate-x-full opacity-0 z-10': previous === 2 && window.innerWidth < 768, 2455 'translate-x-full opacity-0 z-0': active !== 2 && previous !== 2 && window.innerWidth < 768 2456 }" 2457 class="transition-all duration-1000 ease-in-out flex [&_svg]:text-white [&_svg]:w-4 items-center py-1 w-full md:w-auto justify-center md:justify-start md:flex-1 md:relative absolute inset-0 translate-x-full opacity-0 md:translate-x-0 md:opacity-100"> 2458 <div aria-hidden="true"><?xml version="1.0" encoding="UTF-8"?> 2459<svg id="uuid-46b08ab9-c527-4955-9acf-0a4d136647b0" data-name="Group 369" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.63 13.63" aria-hidden="true"> 2460 <path id="uuid-0070e9b7-72dd-400f-8077-7085585a98f6" data-name="Path 1246" d="M6.82,0C3.05,0,0,3.05,0,6.82s3.05,6.82,6.82,6.82,6.82-3.05,6.82-6.82h0c0-3.76-3.05-6.81-6.82-6.82ZM6.82,12.39c-3.08,0-5.58-2.5-5.58-5.58S3.74,1.24,6.82,1.24s5.58,2.5,5.58,5.58c0,3.08-2.5,5.57-5.58,5.58Z" fill="currentColor"/> 2461 <path id="uuid-1ddd5f56-3302-4d44-8859-bcd84d644a36" data-name="Path 1247" d="M9.15,4.17l-3.2,3.85-1.47-1.76c-.17-.22-.48-.27-.7-.1-.04.03-.07.06-.1.1-.22.28-.22.68,0,.96l1.87,2.25c.1.12.24.2.4.2h0c.16,0,.3-.08.4-.2l3.6-4.33c.22-.28.22-.68,0-.96-.17-.22-.48-.27-.7-.1-.04.03-.07.06-.1.1Z" fill="currentColor"/> 2462</svg></div> 2463 <div class="flex items-center text-xs text-white"> 2464 <div class="usp-text ml-2 relative top-px">Zekeringkasten kosteloos in elkaar gezet</div> 2465 </div> 2466 </li> 2467 <li> 2468<a 2469 x-data="initFeedbackCompany()" 2470 class="rating gap-2 items-center no-underline hidden lg:flex min-w-[240px] justify-end" 2471 href="https://www.feedbackcompany.com/" 2472 :href="url || 'https\u003A\u002F\u002Fwww.feedbackcompany.com\u002F'" 2473 :aria-label="ariaLabel" 2474 target="_blank" 2475> 2476 <div x-text="average_score" 2477 class="text-sm text-white" 2478 x-transition.delay.50ms 2479 x-show="average_score"></div> 2480 2481 <div class="relative [&_svg]:min-w-[20px] -mt-1" aria-hidden="true"> 2482 <div class="flex absolute opacity-30"> 2483 <?xml version="1.0" encoding="UTF-8"?> 2484<svg width="20px" height="18px" viewBox="0 0 20 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 2485 <!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch --> 2486 <title>Fill 1</title> 2487 <desc>Created with Sketch.</desc> 2488 <defs></defs> 2489 <g id="Web-Responsive-Bit-Grid" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> 2490 <g id="Categoriepagina" transform="translate(-220.000000, -2917.000000)" fill="#EFCE4A"> 2491 <g id="Footer" transform="translate(0.000000, 2672.000000)"> 2492 <g id="Rating" transform="translate(120.000000, 245.000000)"> 2493 <g id="star" transform="translate(100.000000, 0.000000)"> 2494 <polygon id="Fill-1" points="10 0 13.0890611 5.92548493 20 6.87588142 14.9997679 11.4873246 16.1799787 18 10 14.9257045 3.81955725 18 4.99976795 11.4873246 0 6.87588142 6.91093888 5.92548493"></polygon> 2495 </g> 2496 </g> 2497 </g> 2498 </g> 2499 </g> 2500</svg> <?xml version="1.0" encoding="UTF-8"?> 2501<svg width="20px" height="18px" viewBox="0 0 20 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 2502 <!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch --> 2503 <title>Fill 1</title> 2504 <desc>Created with Sketch.</desc> 2505 <defs></defs> 2506 <g id="Web-Responsive-Bit-Grid" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> 2507 <g id="Categoriepagina" transform="translate(-220.000000, -2917.000000)" fill="#EFCE4A"> 2508 <g id="Footer" transform="translate(0.000000, 2672.000000)"> 2509 <g id="Rating" transform="translate(120.000000, 245.000000)"> 2510 <g id="star" transform="translate(100.000000, 0.000000)"> 2511 <polygon id="Fill-1" points="10 0 13.0890611 5.92548493 20 6.87588142
251114.9997679 11.4873246 16.1799787 18 10 14.9257045 3.81955725 18 4.99976795 11.4873246 0 6.87588142 6.91093888 5.92548493"></polygon> 2512 </g> 2513 </g> 2514 </g> 2515 </g> 2516 </g> 2517</svg> <?xml version="1.0" encoding="UTF-8"?> 2518<svg width="20px" height="18px" viewBox="0 0 20 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 2519 <!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch --> 2520 <title>Fill 1</title> 2521 <desc>Created with Sketch.</desc> 2522 <defs></defs> 2523 <g id="Web-Responsive-Bit-Grid" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> 2524 <g id="Categoriepagina" transform="translate(-220.000000, -2917.000000)" fill="#EFCE4A"> 2525 <g id="Footer" transform="translate(0.000000, 2672.000000)"> 2526 <g id="Rating" transform="translate(120.000000, 245.000000)"> 2527 <g id="star" transform="translate(100.000000, 0.000000)"> 2528 <polygon id="Fill-1" points="10 0 13.0890611 5.92548493 20 6.87588142 14.9997679 11.4873246 16.1799787 18 10 14.9257045 3.81955725 18 4.99976795 11.4873246 0 6.87588142 6.91093888 5.92548493"></polygon> 2529 </g> 2530 </g> 2531 </g> 2532 </g> 2533 </g> 2534</svg> <?xml version="1.0" encoding="UTF-8"?> 2535<svg width="20px" height="18px" viewBox="0 0 20 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 2536 <!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch --> 2537 <title>Fill 1</title> 2538 <desc>Created with Sketch.</desc> 2539 <defs></defs> 2540 <g id="Web-Responsive-Bit-Grid" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> 2541 <g id="Categoriepagina" transform="translate(-220.000000, -2917.000000)" fill="#EFCE4A"> 2542 <g id="Footer" transform="translate(0.000000, 2672.000000)"> 2543 <g id="Rating" transform="translate(120.000000, 245.000000)"> 2544 <g id="star" transform="translate(100.000000, 0.000000)"> 2545 <polygon id="Fill-1" points="10 0 13.0890611 5.92548493 20 6.87588142 14.9997679 11.4873246 16.1799787 18 10 14.9257045 3.81955725 18 4.99976795 11.4873246 0 6.87588142 6.91093888 5.92548493"></polygon> 2546 </g> 2547 </g> 2548 </g> 2549 </g> 2550 </g> 2551</svg> <?xml version="1.0" encoding="UTF-8"?> 2552<svg width="20px" height="18px" viewBox="0 0 20 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 2553 <!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch --> 2554 <title>Fill 1</title> 2555 <desc>Created with Sketch.</desc> 2556 <defs></defs> 2557 <g id="Web-Responsive-Bit-Grid" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> 2558 <g id="Categoriepagina" transform="translate(-220.000000, -2917.000000)" fill="#EFCE4A"> 2559 <g id="Footer" transform="translate(0.000000, 2672.000000)"> 2560 <g id="Rating" transform="translate(120.000000, 245.000000)"> 2561 <g id="star" transform="translate(100.000000, 0.000000)"> 2562 <polygon id="Fill-1" points="10 0 13.0890611 5.92548493 20 6.87588142 14.9997679 11.4873246 16.1799787 18 10 14.9257045 3.81955725 18 4.99976795 11.4873246 0 6.87588142 6.91093888 5.92548493"></polygon> 2563 </g> 2564 </g> 2565 </g> 2566 </g> 2567 </g> 2568</svg> </div> 2569 <div class="flex relative overflow-clip" :style="`width: ${width}%`"> 2570 <?xml version="1.0" encoding="UTF-8"?> 2571<svg width="20px" height="18px" viewBox="0 0 20 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 2572 <!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch --> 2573 <title>Fill 1</title> 2574 <desc>Created with Sketch.</desc> 2575 <defs></defs> 2576 <g id="Web-Responsive-Bit-Grid" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> 2577 <g id="Categoriepagina" transform="translate(-220.000000, -2917.000000)" fill="#EFCE4A"> 2578 <g id="Footer" transform="translate(0.000000, 2672.000000)"> 2579 <g id="Rating" transform="translate(120.000000, 245.000000)"> 2580 <g id="star" transform="translate(100.000000, 0.000000)"> 2581 <polygon id="Fill-1" points="10 0 13.0890611 5.92548493 20 6.87588142
258114.9997679 11.4873246 16.1799787 18 10 14.9257045 3.81955725 18 4.99976795 11.4873246 0 6.87588142 6.91093888 5.92548493"></polygon> 2582 </g> 2583 </g> 2584 </g> 2585 </g> 2586 </g> 2587</svg> <?xml version="1.0" encoding="UTF-8"?> 2588<svg width="20px" height="18px" viewBox="0 0 20 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 2589 <!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch --> 2590 <title>Fill 1</title> 2591 <desc>Created with Sketch.</desc> 2592 <defs></defs> 2593 <g id="Web-Responsive-Bit-Grid" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> 2594 <g id="Categoriepagina" transform="translate(-220.000000, -2917.000000)" fill="#EFCE4A"> 2595 <g id="Footer" transform="translate(0.000000, 2672.000000)"> 2596 <g id="Rating" transform="translate(120.000000, 245.000000)"> 2597 <g id="star" transform="translate(100.000000, 0.000000)"> 2598 <polygon id="Fill-1" points="10 0 13.0890611 5.92548493 20 6.87588142 14.9997679 11.4873246 16.1799787 18 10 14.9257045 3.81955725 18 4.99976795 11.4873246 0 6.87588142 6.91093888 5.92548493"></polygon> 2599 </g> 2600 </g> 2601 </g> 2602 </g> 2603 </g> 2604</svg> <?xml version="1.0" encoding="UTF-8"?> 2605<svg width="20px" height="18px" viewBox="0 0 20 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 2606 <!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch --> 2607 <title>Fill 1</title> 2608 <desc>Created with Sketch.</desc> 2609 <defs></defs> 2610 <g id="Web-Responsive-Bit-Grid" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> 2611 <g id="Categoriepagina" transform="translate(-220.000000, -2917.000000)" fill="#EFCE4A"> 2612 <g id="Footer" transform="translate(0.000000, 2672.000000)"> 2613 <g id="Rating" transform="translate(120.000000, 245.000000)"> 2614 <g id="star" transform="translate(100.000000, 0.000000)"> 2615 <polygon id="Fill-1" points="10 0 13.0890611 5.92548493 20 6.87588142 14.9997679 11.4873246 16.1799787 18 10 14.9257045 3.81955725 18 4.99976795 11.4873246 0 6.87588142 6.91093888 5.92548493"></polygon> 2616 </g> 2617 </g> 2618 </g> 2619 </g> 2620 </g> 2621</svg> <?xml version="1.0" encoding="UTF-8"?> 2622<svg width="20px" height="18px" viewBox="0 0 20 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 2623 <!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch --> 2624 <title>Fill 1</title> 2625 <desc>Created with Sketch.</desc> 2626 <defs></defs> 2627 <g id="Web-Responsive-Bit-Grid" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> 2628 <g id="Categoriepagina" transform="translate(-220.000000, -2917.000000)" fill="#EFCE4A"> 2629 <g id="Footer" transform="translate(0.000000, 2672.000000)"> 2630 <g id="Rating" transform="translate(120.000000, 245.000000)"> 2631 <g id="star" transform="translate(100.000000, 0.000000)"> 2632 <polygon id="Fill-1" points="10 0 13.0890611 5.92548493 20 6.87588142 14.9997679 11.4873246 16.1799787 18 10 14.9257045 3.81955725 18 4.99976795 11.4873246 0 6.87588142 6.91093888 5.92548493"></polygon> 2633 </g> 2634 </g> 2635 </g> 2636 </g> 2637 </g> 2638</svg> <?xml version="1.0" encoding="UTF-8"?> 2639<svg width="20px" height="18px" viewBox="0 0 20 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 2640 <!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch --> 2641 <title>Fill 1</title> 2642 <desc>Created with Sketch.</desc> 2643 <defs></defs> 2644 <g id="Web-Responsive-Bit-Grid" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> 2645 <g id="Categoriepagina" transform="translate(-220.000000, -2917.000000)" fill="#EFCE4A"> 2646 <g id="Footer" transform="translate(0.000000, 2672.000000)"> 2647 <g id="Rating" transform="translate(120.000000, 245.000000)"> 2648 <g id="star" transform="translate(100.000000, 0.000000)"> 2649 <polygon id="Fill-1" points="10 0 13.0890611 5.92548493 20 6.87588142
264914.9997679 11.4873246 16.1799787 18 10 14.9257045 3.81955725 18 4.99976795 11.4873246 0 6.87588142 6.91093888 5.92548493"></polygon> 2650 </g> 2651 </g> 2652 </g> 2653 </g> 2654 </g> 2655</svg> </div> 2656 </div> 2657 2658 <div class="flex gap-1 font-normal text-sm text-white"> 2659 <div class="min-w-[40px]"> 2660 <div x-text="amount_of_reviews" 2661 x-show="amount_of_reviews" 2662 x-transition.delay 2663 ></div> 2664 </div> 2665 reviews 2666 </div> 2667</a> 2668 </li>
2669<script> 2670 function initFeedbackCompany() { 2671 return { 2672 average_score: null, 2673 amount_of_stars: null, 2674 url: null, 2675 amount_of_reviews: null, 2676 width: null, 2677 ariaLabel: null, 2678 2679 init() { 2680 if (window.externalScriptsInitialized) { 2681 this.fetchData(); 2682 return; 2683 } 2684 2685 window.addEventListener('init-external-scripts', () => this.fetchData(), { once: true, passive: true }); 2686 }, 2687 2688 async fetchData() { 2689 const widgetId = 'c2337a74\u002Dc43a\u002D45ef\u002D97b1\u002D6a14fb776712'; 2690 const url = `https://www.feedbackcompany.com/api/v2/widgets/${widgetId}/data?embed_code_version=1.2.1`; 2691 try { 2692 const response = await fetch(url); 2693 if (!response.ok) { 2694 throw new Error(`Response status: ${response.status}`); 2695 } 2696 2697 const json = await response.json(); 2698 this.average_score = json.data.shop.average_score.toFixed(1); 2699 this.width = (json.data.shop.amount_of_stars / 5) * 100; 2700 this.url = json.data.shop.company_page_url; 2701 this.amount_of_reviews = json.data.shop.amount_of_reviews.toLocaleString('en-US', { 2702 maximumFractionDigits: 1, 2703 notation: 'compact', 2704 compactDisplay: 'short' 2705 }); 2706 const ariaLabelString = 'Lees %1 beoordelingen voor Elektramat Belgium B.V., gemiddelde score %3'; 2707 this.ariaLabel = ariaLabelString.replace('%1', this.amount_of_reviews).replace('%3', this.average_score); 2708 } catch (error) { 2709 console.error(error.message); 2710 } 2711 } 2712 } 2713 } 2714</script>
2714 </ul> 2715
2715<script> 2716 window.addEventListener('private-content-loaded', (event) => { 2717 const segmentationType = event.detail.data?.segmentation?.targetGroup ?? null; 2718 const defaultList = document.querySelector('[data-listy="main.usps"]'); 2719 const segmentedList = segmentationType 2720 ? document.querySelector(`[data-listy="main.usps.${segmentationType}"]`) 2721 : null; 2722 2723 document.querySelectorAll('[data-listy^="main.usps"]').forEach((el) => { 2724 el.classList.add('hidden'); 2725 }); 2726 if (segmentedList) { 2727 segmentedList.classList.remove('hidden'); 2728 } else if (defaultList) { 2729 defaultList.classList.remove('hidden'); 2730 } 2731 }); 2732</script>
2732 </div> 2733</div>
2734<script> 2735 function initHeader () { 2736 return { 2737 cart: {}, 2738 wishlist: {}, 2739 getData(data) { 2740 if (data.cart) { this.cart = data.cart } 2741 if (data.wishlist) { this.wishlist = data.wishlist } 2742 }, 2743 openOrRedirectCart() { 2744 if (this.cart.summary_count === 0) { 2745 window.location.href = "/checkout/cart/index"; 2746 } else { 2747 dispatchEvent(new CustomEvent('toggle-cart', {})); 2748 } 2749 } 2750 } 2751 } 2752 function initCompareHeader() { 2753 return { 2754 compareProducts: null, 2755 itemCount: 0, 2756 receiveCompareData(data) { 2757 if (data['compare-products']) { 2758 this.compareProducts = data['compare-products']; 2759 this.itemCount = this.compareProducts.count; 2760 } 2761 } 2762 } 2763 } 2764</script>
2764 2765 2766 2767<div id="header" 2768 class="bg-white relative w-full z-30 border-black-15 border-b md:border-0" 2769 x-data="initHeader()" 2770 @private-content-loaded.window="getData(event.detail.data)" 2771> 2772 <div class="container relative flex flex-wrap md:flex-nowrap items-center md:justify-between w-full py-2 gap-x-2 sm:gap-x-4 gap-y-1 xs:gap-y-2 lg:gap-10"> 2773 2774<div class="order-1 max-xs:w-32"> 2775 <a class="flex items-center justify-center block" 2776 href="https://www.elektramat.be/" 2777 title="" aria-label="Naar homepagina"> 2778 <img src="https://www.elektramat.be/static/version1790258389/frontend/Wise/elektramat-3_be/nl_BE/images/logo.svg" class="w-44" alt="" aria-hidden="true" fetchpriority="high" width="176" height="29" /> 2779 </a> 2780</div> 2781 2782<div class="flex gap-4 grow items-center order-3 w-full md:w-auto md:order-2"> 2783
2783<script> 2784 'use strict'; 2785 2786 function tweakwiseQuickSearch() { 2787 return { 2788 minSearchLength: 3, 2789 suggestions: [], 2790 offset: 90, 2791 isMobile: false, 2792 customer: null, 2793 searchInputValue: '', 2794 placeholderText: 'Waar\u0020ben\u0020je\u0020naar\u0020op\u0020zoek\u003F', 2795 close($event) { 2796 if ($event && this.suggestions.length > 0) { 2797 $event.preventDefault(); 2798 } 2799 this.suggestions = [] 2800 }, 2801 suggest() { 2802 const term = this.$refs.searchInput.value 2803 if (term.length >= this.minSearchLength) { 2804 this.fetchSuggestions(term) 2805 } else { 2806 this.suggestions = [] 2807 } 2808 }, 2809 fetchSuggestions(term) { 2810 fetch( 2811 window.BASE_URL + 'search/ajax/suggest?' + new URLSearchParams({q: term}), 2812 { 2813 headers: { 2814 'X-Requested-With': 'XMLHttpRequest' 2815 } 2816 } 2817 ) 2818 .then(response => response.json()) 2819 .then(result => { 2820 this.suggestions = result; 2821 document.dispatchEvent(new CustomEvent('tweakwise-quick-search-suggestions-loaded')); 2822 hyva.setCookie('tweakwise_request_id', this.suggestions[0]?.tweakwise_request_id ?? null, 1 / 24 / 6); // 10 minutes 2823 }) 2824 }, 2825 clickSuggestion(suggestion) { 2826 if (suggestion.type === 'suggestion_group') { 2827 return 2828 } else if (suggestion.type === 'product') { 2829 this.goToProduct(suggestion.url) 2830 } else { 2831 this.pushSuggestionSearchResultClickEvent(suggestion); 2832 this.search(suggestion.title) 2833 } 2834 }, 2835 search(term) { 2836 this.$refs.searchInput.value = term; 2837 document.getElementById('search_mini_form').submit() 2838 }, 2839 goToProduct(url) { 2840 window.location.href = url 2841 }, 2842 focusElement(element) { 2843 if (element && element.nodeName === 'DIV') { 2844 element.focus() 2845 this.$refs.searchInput.value = element.getAttribute('data-title') 2846 return true 2847 } else { 2848 return false 2849 } 2850 }, 2851 hasSpecialPrice(suggestion) { 2852 if (suggestion.price_inc_vat && suggestion.final_price_inc_vat) { 2853 return (Math.abs(suggestion.price_inc_vat - suggestion.final_price_inc_vat) > 0.0001) 2854 } 2855 return (Math.abs(suggestion.final_price - suggestion.price) > 0.0001) 2856 }, 2857 formatPrice(price) { 2858 return hyva.formatPrice(price, false) 2859 }, 2860 suggestionsOfType(type) { 2861 return this.suggestions.filter(suggestion => suggestion.type === type) 2862 }, 2863 calculateOffset() { 2864 this.offset = (this.$refs.searchInput.getBoundingClientRect().top + this.$refs.searchInput.offsetHeight); 2865 }, 2866 checkIsMobileResolution() { 2867 this.isMobile = window.outerWidth < 992; 2868 }, 2869 updatePlaceholderText(customText) { 2870 if (this.customer && this.customer.firstname) { 2871 this.placeholderText = this.customer.firstname + ', waar\u0020ben\u0020je\u0020naar\u0020op\u0020zoek\u003F'; 2872 } 2873 2874 if (customText) { 2875 if (this.customer && this.customer.firstname) { 2876 this.placeholderText = this.customer.firstname + ', ' + customText.toLowerCase(); 2877 } else { 2878 this.placeholderText = customText; 2879 } 2880 } 2881 }, 2882 clearSearchTerm() { 2883 this.searchInputValue = ''; 2884 this.$refs.searchInput.focus(); 2885 }, 2886 pushProductSearchResultClickEvent(event, suggestion) { 2887 // Don't prevent default - we still want normal navigation 2888 yireoGoogleTagManager2Pusher({ 2889 'event': 'select_item', 2890 'tweakwise_request_id': suggestion.tweakwise_request_id, 2891 'ecommerce': { 2892 'items': [ 2893 { 2894 'item_id': suggestion.sku, 2895 'item_sku': suggestion.sku, 2896 'magento_sku': suggestion.sku, 2897 'magento_id': suggestion.entity_id, 2898 'item_name': suggestion.title, 2899 'item_list_name': 'Zoeksuggesties', 2900 'price': suggestion.final_price ?? suggestion.price, 2901 'index': this.suggestionsOfType('product').indexOf(suggestion) + 1 2902 } 2903 ], 2904 'search_widget_type': 'tweakwise', 2905 'search_widget_version': '1.0', 2906 'item_list_id': 'search_suggestions', 2907 'item_list_name': 'Zoeksuggesties', 2908 } 2909 }); 2910 }, 2911 pushSuggestionSearchResultClickEvent(suggestion) { 2912 // Don't prevent default - we still want normal navigation 2913 yireoGoogleTagManager2Pusher({ 2914 'event': 'search_suggestion_click', 2915 'suggestion': { 2916 'title': suggestion.title, 2917 'position': this.suggestionsOfType('suggestion').indexOf(suggestion) + 1, 2918 'tweakwise_request_id': suggestion.tweakwise_request_id, 2919 } 2920 }); 2921 } 2922 } 2923 } 2924 </script>
2924 2925 2926 <div class="container px-0 mx-auto text-black" 2927 x-data="tweakwiseQuickSearch()" 2928 @scroll.window="calculateOffset()" 2929 @resize.window.debounce="checkIsMobileResolution(); calculateOffset();" 2930 @private-content-loaded.window="customer = $event.detail.data.customer; updatePlaceholderText(); $dispatch('custom-search-placeholder-text-ready');" 2931 @custom-search-placeholder-text.window="updatePlaceholderText($event.detail)" 2932 x-init="checkIsMobileResolution(); calculateOffset();" 2933 @click.outside="close($event)" 2934 > 2935 <form class="form minisearch relative" 2936 id="search_mini_form" 2937 action="https://www.elektramat.be/catalogsearch/result/" 2938 method="get" 2939 role="search" 2940 > 2941 <label id="search-label" class="sr-only" for="search" data-role="minisearch-label"> 2942 <span>Zoek naar producten op de website</span> 2943 </label> 2944 <input id="search" 2945 x-ref="searchInput" 2946 type="search" 2947 autocomplete="off" 2948 name="q" 2949 value="" 2950 :placeholder="placeholderText" 2951 maxlength="100" 2952 class="w-full text-base border bg-secondary-10 border-black/50 rounded-lg placeholder:text-black text-black focus:ring-0 active:bg-white focus:border-black pl-3.5 py-3 pr-12" 2953 :class="{ '!border-primary focus:!border-primary lg:shadow-branded rounded-b-none': suggestions.length > 0 }" 2954 @focus.once="suggest" 2955 @input.debounce.300="suggest" 2956 @keydown.arrow-down.prevent="focusElement($root.querySelector('[tabindex]'))" 2957 @keydown.enter="$event.repeat ? $event.preventDefault() : ''" 2958 x-model="searchInputValue" 2959 aria-labelledby="search-label" 2960 /> 2961 2962<template x-if="suggestions.length > 0"> 2963 <div 2964 class="quick-search-suggestions lg:w-full transition flex flex-col md:rounded-t-lg rounded-b-lg 2965 fixed lg:absolute left-0 right-0 h-fit max-h-[calc(100vh-10rem)] overflow-y-auto z-10 2966 shadow-2xl translate-y-0" 2967 x-bind:style="isMobile && { top: offset + 'px'}" 2968 > 2969 <template x-if="suggestionsOfType('suggestion').length > 0"> 2970 <div class="bg-secondary-10 py-4 px-8 md:px-4"> 2971 <strong class="text-primary block mb-2"> 2972 Suggesties </strong> 2973 <div class="flex flex-col"> 2974 <template x-for="suggestion in suggestionsOfType('suggestion')"> 2975 <div :class="suggestion.row_class ? suggestion.row_class : ''" 2976 role="option" 2977 tabindex="0" 2978 :data-title="suggestion.title ? suggestion.title : ''" 2979 @click="clickSuggestion(suggestion)" 2980 @keydown.enter="clickSuggestion(suggestion)" 2981 @keydown.arrow-up.prevent="focusElement($event.target.previousElementSibling) || $refs.searchInput.focus()" 2982 @keydown.arrow-down.prevent="focusElement($event.target.nextElementSibling)" 2983> 2984 <div class="w-full leading-relaxed cursor-pointer hover:text-primary hover:underline"> 2985 <span class="qs-option-name" x-text="suggestion.title"></span> 2986 <span aria-hidden="true" class="amount" x-text="suggestion.num_results"></span> 2987 </div> 2988</div> </template> 2989 </div> 2990 </div> 2991 </template> 2992 2993 <template x-if="suggestionsOfType('product').length > 0"> 2994 <div class="bg-white px-8 md:px-4 pb-4 pt-3"> 2995 <div class="flex justify-between"> 2996 <strong class="text-primary block mb-2"> 2997 Producten </strong> 2998 <a :href="'https\u003A\u002F\u002Fwww.elektramat.be\u002Fcatalogsearch\u002Fresult\u002F\u003Fq\u003D' + searchInputValue" class="font-normal"> 2999 Bekijk alle resultaten </a> 3000 </div> 3001 <div class="flex flex-col divide-y divide-primary-25"> 3002 <template x-for="suggestion in suggestionsOfType('product')"> 3003 3004<div class="relative first-of-type:!border-t-0 hover:!border-t-0"> 3005 <a :href="suggestion.url" 3006 class="product font-normal no-underline" 3007 @click="pushProductSearchResultClickEvent($event, suggestion)"
3008 > 3009 <div class="max-w-full px-2 py-3 flex gap-2 border border-white lg:hover:rounded-lg lg:hover:border-primary"> 3010 <template x-if="suggestion.image"> 3011 <img class="qs-option-image w-16 h-16" 3012 :src="suggestion.image ? suggestion.image: ''" 3013 :alt="suggestion.title ? suggestion.title : ''" 3014 /> 3015 </template> 3016 3017 <div class="flex flex-col"> 3018 <div class="qs-option-info-container mb-1"> 3019 <span class="text-primary font-semibold text-sm" x-text="suggestion.title"></span> 3020 </div> 3021 3022 <div class="price-wrapper h-auto xs:h-12 mb-2 xs:mb-0"> 3023 <div class="price-box text-black"> 3024 <template x-if="!hasSpecialPrice(suggestion)"> 3025 <span class="price-container"> 3026 <span class="text-sm flex gap-1"> 3027 <span x-html="formatPrice(suggestion.price_inc_vat)" 3028 class="price hidden price-incl-tax"></span> 3029 <span x-html="formatPrice(suggestion.price)" class="price price-excl-tax"></span> 3030 <span>/st</span> 3031 </span> 3032 </span> 3033 </template> 3034 3035 <template x-if="hasSpecialPrice(suggestion)"> 3036 <span class="price-container flex"> 3037 <span class="special-price"> 3038 <span class="price-label hidden"> 3039 Speciale prijs </span> 3040 <span class="text-sm flex gap-1"> 3041 <span x-html="formatPrice(suggestion.final_price_inc_vat)" 3042 class="price hidden price-incl-tax"></span> 3043 <span x-html="formatPrice(suggestion.final_price)" 3044 class="price price-excl-tax"></span> 3045 <span>/st</span> 3046 </span> 3047 </span> 3048 <span class="old-price sly-old-price ml-2"> 3049 <span class="price-label hidden"> 3050 Normale prijs </span> 3051 <span class="text-sm flex gap-1"> 3052 <span x-html="formatPrice(suggestion.price_inc_vat)" 3053 class="price price-incl-tax hidden font-regular line-through text-gray-900"> 3054 </span> 3055 <span x-html="formatPrice(suggestion.price)" 3056 class="price price-excl-tax font-regular line-through text-gray-900"> 3057 </span> 3058 </span> 3059 </span> 3060 </span> 3061 </template> 3062 </div> 3063 </div> 3064 </div> 3065 </div> 3066 </a> 3067 3068 <form method="post" 3069 class="product_addtocart_form block relative xs:absolute bottom-3 right-2" 3070 :action="suggestion.add_to_cart_url" 3071 x-show="suggestion.is_saleable && suggestion.add_to_cart_url && !suggestion.is_configurator_product" 3072 > 3073 <input type="hidden" name="product" :value="suggestion.entity_id"/> 3074 <input type="hidden" name="disable_popup" value="1"/> 3075 <input type="hidden" name="success_checkmark" value="1"/> 3076 <input type="hidden" name="search_widget_type" value="tweakwise"/> 3077 3078 <template x-for="option in suggestion.options"> 3079 <input type="hidden" :name="option.name" :value="option.value"/> 3080 </template> 3081 3082 <div class="add-to-cart-wrapper flex justify-end gap-1"> 3083 <input type="number" 3084 name="qty" 3085 maxlength="12" 3086 value="1" 3087 min="1" 3088 max="9999" 3089 title="Aantal" 3090 x-cloak 3091 x-data="qtyInput" 3092 @tweakwise-quick-search-suggestions-loaded.document="setQuantity(1); updateButtonState();" 3093 3094 /> 3095 <button class="add-to-cart btn btn-primary text-sm p-0 h-12 w-12 [&_svg]:w-10 [&_svg]:h-10 [&_svg]:p-1 3096 flex items-center justify-center rounded-tl-none rounded-bl-none" 3097 type="submit" 3098 >
3099 <span aria-hidden="true"> 3100 <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 3101<path d="M8.24999 19.8C9.06001 19.8 9.71666 19.1434 9.71666 18.3334C9.71666 17.5233 9.06001 16.8667 8.24999 16.8667C7.43997 16.8667 6.78333 17.5233 6.78333 18.3334C6.78333 19.1434 7.43997 19.8 8.24999 19.8Z" stroke="currentColor" stroke-width="2.01667" stroke-linecap="round" stroke-linejoin="round"/> 3102<path d="M15.5833 19.8C16.3934 19.8 17.05 19.1434 17.05 18.3334C17.05 17.5233 16.3934 16.8667 15.5833 16.8667C14.7733 16.8667 14.1167 17.5233 14.1167 18.3334C14.1167 19.1434 14.7733 19.8 15.5833 19.8Z" stroke="currentColor" stroke-width="2.01667" stroke-linecap="round" stroke-linejoin="round"/> 3103<path d="M2.75 3.66675H4.58333L6.875 13.7501H16.0417L18.3333 7.33342H5.5" stroke="currentColor" stroke-width="2.01667" stroke-linecap="round" stroke-linejoin="round"/> 3104</svg> </span> 3105 </button> 3106 </div> 3107 </form> 3108</div> </template> 3109 </div> 3110 </div> 3111 </template> 3112 </div> 3113</template> 3114 <div class="absolute right-3 inset-y-0 flex gap-3"> 3115 <button type="button" 3116 @click="clearSearchTerm(); close();" 3117 class="text-primary" 3118 x-cloak 3119 x-show="suggestions.length > 0" 3120 title="Maak het zoekveld leeg" 3121 aria-label="Maak het zoekveld leeg" 3122 > 3123 <span aria-hidden="true" class="block w-5 h-5"> 3124 <?xml version="1.0" encoding="utf-8"?> 3125<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> 3126<svg version="1.1" id="Warstwa_3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 3127 viewBox="0 0 430 430" style="enable-background:new 0 0 430 430;" xml:space="preserve"> 3128<g> 3129 <path d="M59.58,376.82c-1.64,0-3.28-0.63-4.53-1.88c-2.5-2.5-2.5-6.56,0-9.06L365.9,55.05c2.5-2.5,6.55-2.5,9.06,0 3130 c2.5,2.5,2.5,6.56,0,9.06L64.11,374.95C62.86,376.2,61.22,376.82,59.58,376.82z" style="stroke-width: 2rem; stroke: currentColor"/> 3131 <path d="M370.42,376.83c-1.64,0-3.28-0.63-4.53-1.88L55.05,64.11c-2.5-2.5-2.5-6.56,0-9.06c2.5-2.5,6.55-2.5,9.06,0 3132 L374.95,365.9c2.5,2.5,2.5,6.56,0,9.06C373.7,376.2,372.06,376.83,370.42,376.83z" style="stroke-width: 2rem; stroke: currentColor"/> 3133</g> 3134</svg> </span> 3135 </button> 3136 <button type="submit" 3137 title="Zoek" 3138 class="action search text-primary" 3139 aria-label="Zoekopdracht uitvoeren" 3140 > 3141 <span aria-hidden="true"> 3142 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="29.437" height="29.437" viewBox="0 0 29.437 29.437"><defs><clipPath id="a"><path d="M0,0H29.437V29.437H0Z"/></clipPath></defs><g clip-path="url(#a)"><path d="M89.587,77.72a8.546,8.546,0,1,1-12.086,0A8.546,8.546,0,0,1,89.587,77.72Z" transform="translate(-70.583 -70.789)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path d="M325.2,324.995l5.184,5.095" transform="translate(-306.054 -305.861)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></g></svg> </span> 3143 </button> 3144 </div> 3145 </form> 3146 </div> 3147 3148 3149 <a href="/barcode-scanner" class="d-block [&_svg]:w-6 [&_svg]:text-primary" aria-label="Open de barcode scanner"> 3150 <svg width="25" height="19" viewBox="0 0 25 19" fill="none" xmlns="http://www.w3.org/2000/svg"> 3151 <path d="M4.27403 16.9161H1.90403C1.79294 16.9161 1.68185 16.8081 1.68185 16.7001V2.29991C1.68185 2.19191 1.79294 2.08392 1.90403 2.08392H4.27403C4.71841 2.08392 5.12575 1.72394 5.12575 1.29196C5.12575 1.07597 5.05169 0.89598 4.90356 0.715989C4.75544 0.571996 4.42216 0.5 4.19997 0.5H1.08888C0.496377 0.5 0.052002 0.823984 0.052002 1.39995V17.6C0.052002 18.176 0.459346 18.5 1.05185 18.5H4.27356C4.71794 18.5 5.12528 18.212 5.12528 17.78C5.12528 17.564 5.05122 17.348
31511 4.9031 17.2041C4.71794 17.0601 4.49575 16.9161 4.27356 16.9161H4.27403ZM23.0868 0.5H19.8281C19.2726 0.5 18.8283 0.967976 19.0134 1.54395C19.0134 1.57995 19.0504 1.61594 19.0504 1.65194C19.1986 1.93993 19.4948 2.08392 19.7911 2.08392H22.1611C22.2722 2.08392 22.3833 2.19191 22.3833 2.29991V16.7001C22.3833 16.8081 22.2722 16.9161 22.1611 16.9161H19.8281C19.3837 16.9161 18.9764 17.2761 18.9764 17.708C18.9764 17.924 19.0504 18.14 19.1986 18.284C19.3467 18.428 19.5689 18.5 19.7911 18.5H23.0498C23.6423 18.5 24.0497 18.176 24.0497 17.564V1.39995C24.0867 0.823984 23.6793 0.5 23.0868 0.5Z" fill="currentColor"/> 3152 <path d="M4.31103 5.00032C3.86665 5.00032 3.49634 5.3603 3.49634 5.79228V13.2084C3.49634 13.6403 3.86665 14.0003 4.31103 14.0003C4.7554 14.0003 5.12571 13.6403 5.12571 13.2084V5.79228C5.12571 5.3603 4.7554 5.00032 4.31103 5.00032ZM19.7906 14.0003C20.2349 14.0003 20.6052 13.6403 20.6052 13.2084V5.79228C20.6052 5.3603 20.2349 5.00032 19.7906 5.00032C19.3462 5.00032 18.9759 5.3603 18.9759 5.79228V13.2084C18.9759 13.6403 19.3462 14.0003 19.7906 14.0003ZM16.1245 3.19995C15.6801 3.19995 15.3098 3.55993 15.3098 4.02791V15.0078C15.3098 15.4758 15.6801 15.8358 16.1245 15.8358C16.5688 15.8358 16.9391 15.4758 16.9391 15.0078V4.02791C16.9391 3.55993 16.5688 3.19995 16.1245 3.19995ZM7.97712 3.19995C7.53274 3.19995 7.16243 3.55993 7.16243 4.02791V15.0078C7.16243 15.4758 7.53274 15.8358 7.97712 15.8358C8.42149 15.8358 8.79181 15.4758 8.79181 15.0078V4.02791C8.79181 3.55993 8.42149 3.19995 7.97712 3.19995ZM12.051 4.09991C11.6067 4.09991 11.2363 4.45989 11.2363 4.89187V14.0719C11.2363 14.5038 11.6067 14.8638 12.051 14.8638C12.4954 14.8638 12.8657 14.5038 12.8657 14.0719V4.89232C12.8657 4.46034 12.4954 4.10036 12.051 4.10036V4.09991Z" fill="currentColor"/> 3153</svg> </a> 3154</div> 3155 <div class="hidden md:block order-3"> 3156<div class="flex gap-1 items-center justify-center md:justify-start w-full md:min-w-36 md:flex-shrink-0 order-none md:order-3" 3157 id="opening-hours-desktop" 3158 x-data="openingHours" 3159> 3160 <div x-cloak class="[&_svg]:w-5 [&_svg]:text-success" aria-hidden="true"> 3161 <?xml version="1.0" encoding="UTF-8"?> 3162<svg id="uuid-46b08ab9-c527-4955-9acf-0a4d136647b0" data-name="Group 369" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.63 13.63" aria-hidden="true"> 3163 <path id="uuid-0070e9b7-72dd-400f-8077-7085585a98f6" data-name="Path 1246" d="M6.82,0C3.05,0,0,3.05,0,6.82s3.05,6.82,6.82,6.82,6.82-3.05,6.82-6.82h0c0-3.76-3.05-6.81-6.82-6.82ZM6.82,12.39c-3.08,0-5.58-2.5-5.58-5.58S3.74,1.24,6.82,1.24s5.58,2.5,5.58,5.58c0,3.08-2.5,5.57-5.58,5.58Z" fill="currentColor"/> 3164 <path id="uuid-1ddd5f56-3302-4d44-8859-bcd84d644a36" data-name="Path 1247" d="M9.15,4.17l-3.2,3.85-1.47-1.76c-.17-.22-.48-.27-.7-.1-.04.03-.07.06-.1.1-.22.28-.22.68,0,.96l1.87,2.25c.1.12.24.2.4.2h0c.16,0,.3-.08.4-.2l3.6-4.33c.22-.28.22-.68,0-.96-.17-.22-.48-.27-.7-.1-.04.03-.07.06-.1.1Z" fill="currentColor"/> 3165</svg> </div> 3166 <div 3167 class="text-xs [&_.order-time]:text-primary [&_.order-time]:font-bold md:[&_.delivery-date]:block 3168 [&_.delivery-date]:text-primary [&_.delivery-date]:font-bold" 3169 x-html="getLabel" 3170 > 3171 </div> 3172</div> 3173 3174<div class="hidden md:justify-start w-full md:min-w-36 md:flex-shrink-0 order-none md:order-3 border-b border-black-5 pb-1 md:pb-0" 3175 :class="{ 3176 'md:border-b-0': !isCountingDown(), 3177 'justify-start flex-col h-auto md:bg-success-2 md:border md:border-success-110 md:rounded overflow-hidden relative': isCountingDown() 3178 }" 3179 id="opening-hours-desktop-with-countdown" 3180 x-data="openingHours(true)" 3181> 3182 <template x-if="isCountingDown()"> 3183 <div class="flex gap-2 justify-center md:justify-start items-center w-full px-2 pt-1 flex-row"> 3184 <div x-cloak class="flex self-stretch text-primary [&_svg]:w-5 [&_svg]:h-5 my-auto" 3185 aria-hidden="true"> 3186 <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 3187 <path d="M5 3L2 6M22 6L19 3M6 19L4 21M18 19L20 21M12 9V13L14 15M12 21C14.1217 21 16.1566 20.1571 17.6569
318718.6569C19.1571 17.1566 20 15.1217 20 13C20 10.8783 19.1571 8.84344 17.6569 7.34315C16.1566 5.84285 14.1217 5 12 5C9.87827 5 7.84344 5.84285 6.34315 7.34315C4.84285 8.84344 4 10.8783 4 13C4 15.1217 4.84285 17.1566 6.34315 18.6569C7.84344 20.1571 9.87827 21 12 21Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 3188</svg> </div> 3189 <div class="text-xs [&_.order-time]:font-bold md:[&_.delivery-date]:block 3190 [&_.delivery-date]:text-primary [&_.delivery-date]:font-bold leading-none" 3191 x-html="getLabel" 3192 > 3193 </div> 3194 </div> 3195 </template> 3196 <template x-if="!isCountingDown()"> 3197 <div class="flex gap-1 justify-center items-center w-full"> 3198 <div x-cloak class="[&_svg]:w-5 [&_svg]:text-success"> 3199 <?xml version="1.0" encoding="UTF-8"?> 3200<svg id="uuid-46b08ab9-c527-4955-9acf-0a4d136647b0" data-name="Group 369" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.63 13.63" aria-hidden="true"> 3201 <path id="uuid-0070e9b7-72dd-400f-8077-7085585a98f6" data-name="Path 1246" d="M6.82,0C3.05,0,0,3.05,0,6.82s3.05,6.82,6.82,6.82,6.82-3.05,6.82-6.82h0c0-3.76-3.05-6.81-6.82-6.82ZM6.82,12.39c-3.08,0-5.58-2.5-5.58-5.58S3.74,1.24,6.82,1.24s5.58,2.5,5.58,5.58c0,3.08-2.5,5.57-5.58,5.58Z" fill="currentColor"/> 3202 <path id="uuid-1ddd5f56-3302-4d44-8859-bcd84d644a36" data-name="Path 1247" d="M9.15,4.17l-3.2,3.85-1.47-1.76c-.17-.22-.48-.27-.7-.1-.04.03-.07.06-.1.1-.22.28-.22.68,0,.96l1.87,2.25c.1.12.24.2.4.2h0c.16,0,.3-.08.4-.2l3.6-4.33c.22-.28.22-.68,0-.96-.17-.22-.48-.27-.7-.1-.04.03-.07.06-.1.1Z" fill="currentColor"/> 3203</svg> </div> 3204 <div 3205 class="text-xs [&_.order-time]:text-success [&_.order-time]:font-bold md:[&_.delivery-date]:block 3206 [&_.delivery-date]:text-primary [&_.delivery-date]:font-bold" 3207 x-html="getLabel" 3208 > 3209 </div> 3210 </div> 3211 </template> 3212 <template x-if="isCountingDown()"> 3213 <div class="flex w-full pt-0.5 pb-1"> 3214 <div class="h-full mx-2 bg-primary-10 rounded p-px w-full"> 3215 <div class="bg-success h-1 rounded" 3216 :style="{ width: getTimeRemaining().percentage + '%', transition: 'width 1s linear' }"> 3217 </div> 3218 </div> 3219 </div> 3220 </template> 3221</div></div> 3222 <div class="header-buttons flex gap-4 md:gap-2 lg:gap-4 ml-auto order-2 md:order-4 items-center"> 3223 3224<div x-data="{ open: false, customer: {} }" 3225 class="customer-menu flex items-center relative" 3226 @private-content-loaded.window="customer = $event.detail.data.customer;" 3227> 3228 <div class="relative mr-2"> 3229 <a 3230 href="https://www.elektramat.be/customer/account/" 3231 id="customer-menu" 3232 class="block text-primary hover:text-secondary flex flex-col items-center 3233 no-underline hover:underline font-normal w-6 h-6" 3234 :class="open ? 'text-secondary' : ''" 3235 aria-label="Ga naar je account" 3236 onclick="hyva.setCookie && hyva.setCookie( 3237 'login_redirect', 3238 window.location.href, 3239 1 3240 )" 3241 > 3242 <div aria-hidden="true" class="[&_svg]:text-primary"> 3243 <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 3244 <path d="M20.5 21C20.5 19.6044 20.5 18.9067 20.3278 18.3389C19.94 17.0605 18.9395 16.06 17.6611 15.6722C17.0933 15.5 16.3956 15.5 15 15.5H10C8.60444 15.5 7.90665 15.5 7.33886 15.6722C6.06045 16.06 5.06004 17.0605 4.67224 18.3389C4.5 18.9067 4.5 19.6044 4.5 21M17 7.5C17 9.98528 14.9853 12 12.5 12C10.0147 12 8 9.98528 8 7.5C8 5.01472 10.0147 3 12.5 3C14.9853 3 17 5.01472 17 7.5Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 3245</svg> </div> 3246 <div class="w-3 h-3 rounded-full bg-alert absolute text-white bottom-0 -right-0.5 text-xxs 3247 flex items-center justify-center [&_svg]:w-2" 3248 aria-hidden="true"> 3249 <?xml version="1.0" encoding="utf-8"?> 3250<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> 3251<svg version="1.1" id="Warstwa_3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 3252 viewBox="0 0 430 430" style="enable-background:new 0 0 430 430;" xml:space="preserve"> 3253<g> 3254 <path d="M59.58,376.82c-1.64,0-3.28-0.63-4.53-1.88c-2.5-2.5-2.5-6.56,0-9.06L365.9,55.05c2.5-2.5,6.55-2.5,9.06,0 3255 c2.5,2.5,2.5,6.56,0,9.06L64.11,374.95C62.86,376.2,61.22,376.82,59.58,376.82z" style="stroke-width: 2rem; stroke: currentColor"/> 3256 <path d="M370.42,376.83c-1.64,0-3.28-0.63-4.53-1.88L55.05,64.11c-2.5-2.5-2.5-6.56,0-9.06c2.5-2.5,6.55-2.5,9.06,0 3257 L374.95,365.9c2.5,2.5,2.5,6.56,0,9.06C373.7,376.2,372.06,376.83,370.42,376.83z" style="stroke-width: 2rem; stroke: currentColor"/> 3258</g> 3259</svg> </div> 3260 </a> 3261 </div> 3262 <div> 3263 <a class="block no-underline hover:underline text-black text-xs mb-0 font-normal leading-none" 3264 href="https://www.elektramat.be/customer/account/" 3265 onclick="hyva.setCookie && hyva.setCookie( 3266 'login_redirect', 3267 window.location.href, 3268 1 3269 )" 3270 >Login of<br>word klant</a> 3271 </div> 3272 </div> <div class="minicart-container flex items-center"> 3273 <a id="menu-cart-icon" 3274 :aria-label="cart.summary_count ? 3275 (cart.summary_count === 1 ? 3276 'Mijn winkelwagen met 1 product' : 3277 'Mijn winkelwagen met %1 producten'.replace('%1', cart.summary_count)) : 3278 'Winkelwagen'" 3279 @click.prevent.stop="openOrRedirectCart()" 3280 class="relative [&_path]:stroke-primary flex flex-col items-center no-underline hover:underline font-normal h-6 w-6" 3281 href="https://www.elektramat.be/checkout/cart/index/" 3282 > 3283 <div aria-hidden="true"> 3284 <svg width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 3285 <path d="M1.36133 1H2.66749C2.91351 1 3.03652 1 3.13551 1.04524C3.22275 1.08511 3.29668 1.14922 3.34848 1.22995C3.40726 1.32154 3.42466 1.44332 3.45945 1.68686L3.93276 5M3.93276 5L4.98465 12.7314C5.11814 13.7125 5.18488 14.2031 5.41943 14.5723C5.62611 14.8977 5.92241 15.1564 6.27268 15.3174C6.67019 15.5 7.16527 15.5 8.15544 15.5H16.7133C17.6558 15.5 18.1271 15.5 18.5123 15.3304C18.8518 15.1809 19.1431 14.9398 19.3536 14.6342C19.5922 14.2876 19.6804 13.8247 19.8568 12.8988L21.1804 5.94969C21.2425 5.62381 21.2735 5.46087 21.2285 5.3335C21.1891 5.22177 21.1112 5.12768 21.0088 5.06802C20.8921 5 20.7263 5 20.3945 5H3.93276ZM9.36133 20C9.36133 20.5523 8.91361 21 8.36133 21C7.80905 21 7.36133 20.5523 7.36133 20C7.36133 19.4477 7.80905 19 8.36133 19C8.91361 19 9.36133 19.4477 9.36133 20ZM17.3613 20C17.3613 20.5523 16.9136 21 16.3613 21C15.809 21 15.3613 20.5523 15.3613 20C15.3613 19.4477 15.809 19 16.3613 19C16.9136 19 17.3613 19.4477 17.3613 20Z" stroke="#196CAE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 3286</svg> </div> 3287 3288 <div x-text="cart.summary_count" 3289 x-cloak 3290 class="px-1 py-0.5 rounded-full bg-alert absolute text-white bottom-0 -right-1 text-xxs flex items-center justify-center font-bold leading-none" 3291 :class="{ 'hidden': !cart.summary_count, 'block': cart.summary_count }" 3292 ></div> 3293 </a> 3294 </div> 3295 </div> 3296 3297 <div class="order-2 md:order-4"> 3298 3299<div id="main-menu-mobile-wrapper" class="" x-data="initMobileMenu()"><button id="main-menu-mobile-toggle" class="main-menu-mobile-toggle flex lg:hidden items-center z-0" @click="toggleMobileMenu()" aria-label="Toggle mobile menu" ><svg width="28" height="28" aria-hidden="true" class="h-7 w-7 text-black-65 stroke-1"><use href="#icon-menu"/></svg></button><nav id="main-menu-mobile" class="main-menu-mobile fixed z-50 top-0 left-0 w-full h-full overflow-auto" x-effect="open ? document.documentElement.classList.add('!overflow-clip') : document.documentElement.classList.remove('!overflow-clip')" @click.outside="toggleMobileMenu()" x-show="open" x-bind="listTransition" x-cloak ><div class="mobile-menu-list-wrapper"><div class="level-0" ><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><strong class="menu-title">Hoofdmenu</strong><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item menu-item-mega" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-0-target" @click="open = !open" :aria-expanded="open"><span>Producten</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-1" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><strong class="menu-title">Producten</strong><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-1-target" @click="open = !open" :aria-expanded="open"><img src="/media/wysiwyg/menu-icons/Icon set=Groepenkast.svg" alt="Zekeringkast" width="36" height="36" loading="lazy"><span>Zekeringkast</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-2" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button>
3299<a href="https://www.elektramat.be/zekeringkast/" class="menu-title-link"><strong class="menu-title">Zekeringkast</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item menu-item-cta" :class="{'open': open }"><div class="bg-primary-5 p-2.5 mx-4 rounded-lg text-white"><strong class="text-primary leading-none font-branded font-bold block">Hulp nodig?</strong><span class="text-black text-sm">Vergelijk en bestel eenvoudig!</span><a href="/groepenkast-configurator/index/index/build-id/BE-S8MJY0PT4D/?build=S8MJY0PT4D" class="btn btn-secondary text-center cta_item_link">Start configurator</a></div></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast/" class="menu-item-link slideout-block-link level-2-target">Merken</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast/merken/vynckier/" class="menu-item-link slideout-block-link level-2-target">Vynckier zekeringkasten</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast/merken/schneider/" class="menu-item-link slideout-block-link level-2-target">Schneider zekeringkasten</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast/merken/legrand/" class="menu-item-link slideout-block-link level-2-target">Legrand zekeringkasten</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast/merken/emat/" class="menu-item-link slideout-block-link level-2-target">EMAT zekeringkasten</a></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast/" class="menu-item-link slideout-block-link level-2-target">Type product</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast/types/voorbedrade-kasten/" class="menu-item-link slideout-block-link level-2-target">Voorbedrade kasten</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Lege zekeringkasten</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/zekeringkast/types/lege-zekeringkast/" class="menu-title-link"><strong class="menu-title">Lege zekeringkasten</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast/types/lege-zekeringkast/18-modules/" class="menu-item-link slideout-block-link level-3-target">Lege zekeringkast 18 modules</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast/types/lege-zekeringkast/36-modules/" class="menu-item-link slideout-block-link level-3-target">Lege zekeringkast 36 modules</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast/types/lege-zekeringkast/54-modules/" class="menu-item-link slideout-block-link level-3-target">Lege zekeringkast 54 modules</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast/types/lege-zekeringkast/72-modules/" class="menu-item-link slideout-block-link level-3-target">Lege zekeringkast 72 modules</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }">
3299<a href="https://www.elektramat.be/zekeringkast/types/waterdichte-zekeringkast/" class="menu-item-link slideout-block-link level-2-target">Waterdichte zekeringkasten</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast/accessoires/" class="menu-item-link slideout-block-link level-2-target">Zekeringkast accessoires</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-1-target" @click="open = !open" :aria-expanded="open"><img src="/media/wysiwyg/menu-icons/Icon set=Groepenkast component.svg" alt="Zekeringkast onderdelen" width="36" height="36" loading="lazy"><span>Zekeringkast onderdelen</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-2" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/zekeringkast-onderdelen/" class="menu-title-link"><strong class="menu-title">Zekeringkast onderdelen</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/" class="menu-item-link slideout-block-link level-2-target">Componenten</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/hoofddifferentieelschakelaar/" class="menu-item-link slideout-block-link level-2-target">Hoofddifferentieelschakelaar</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Differentieelschakelaar</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/zekeringkast-onderdelen/differentieelschakelaar/" class="menu-title-link"><strong class="menu-title">Differentieelschakelaar</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/differentieelschakelaar/differentieelschakelaar-300ma/" class="menu-item-link slideout-block-link level-3-target">Differentieelschakelaar 300mA</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/differentieelschakelaar/differentieelschakelaar-30ma/" class="menu-item-link slideout-block-link level-3-target">Differentieelschakelaar 30mA</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Automaat</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/zekeringkast-onderdelen/automaat/" class="menu-title-link"><strong class="menu-title">Automaat</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }">
3299<a href="https://www.elektramat.be/zekeringkast-onderdelen/automaat/1-polig/" class="menu-item-link slideout-block-link level-3-target">Automaat 1-polig</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/automaat/2-polig/" class="menu-item-link slideout-block-link level-3-target">Automaat 2-polig</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/automaat/3-polig/" class="menu-item-link slideout-block-link level-3-target">Automaat 3-polig</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/automaat/4-polig/" class="menu-item-link slideout-block-link level-3-target">Automaat 4-polig</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/differentieelautomaat/" class="menu-item-link slideout-block-link level-2-target">Differentieelautomaat</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/teleruptor/" class="menu-item-link slideout-block-link level-2-target">Teleruptor</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/tijdschakelaar/" class="menu-item-link slideout-block-link level-2-target">Tijdschakelaar</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/werkschakelaar/" class="menu-item-link slideout-block-link level-2-target">Werkschakelaar</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/energiemeter/" class="menu-item-link slideout-block-link level-2-target">Energiemeter</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/contactor/" class="menu-item-link slideout-block-link level-2-target">Contactor</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/scheidingstransformator/" class="menu-item-link slideout-block-link level-2-target">Scheidingstransformator</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/beltransformator/" class="menu-item-link slideout-block-link level-2-target">Beltransformator</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/tijdsrelais/" class="menu-item-link slideout-block-link level-2-target">Tijdsrelais</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/overspanningsbeveiliging/" class="menu-item-link slideout-block-link level-2-target">Overspanningsbeveiliging</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/modulaire-dimmer/" class="menu-item-link slideout-block-link level-2-target">Modulaire dimmer</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Zekeringen</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/zekeringkast-onderdelen/zekering/" class="menu-title-link"><strong class="menu-title">Zekeringen</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }">
3299<a href="https://www.elektramat.be/zekeringkast-onderdelen/zekering/buis/" class="menu-item-link slideout-block-link level-3-target">Buiszekeringen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/zekering/diazed/" class="menu-item-link slideout-block-link level-3-target">Diazed-zekeringen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/zekering/glas/" class="menu-item-link slideout-block-link level-3-target">Glaszekeringen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/zekering/mespatroon/" class="menu-item-link slideout-block-link level-3-target">Meszekering</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/kamgeleiders-doorverbinders/" class="menu-item-link slideout-block-link level-2-target">Kamgeleiders en doorverbinders</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Rijgklemmen</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/zekeringkast-onderdelen/rijgklemmen/" class="menu-title-link"><strong class="menu-title">Rijgklemmen</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/rijgklemmen/rijgklem-1-mm/" class="menu-item-link slideout-block-link level-3-target">Rijgklem 1 mm</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/rijgklemmen/rijgklem-1-5-mm/" class="menu-item-link slideout-block-link level-3-target">Rijgklem 1,5 mm</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/rijgklemmen/rijgklem-2-5-mm/" class="menu-item-link slideout-block-link level-3-target">Rijgklem 2,5 mm</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/rijgklemmen/rijgklem-4-mm/" class="menu-item-link slideout-block-link level-3-target">Rijgklem 4 mm</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/rijgklemmen/rijgklem-6-mm/" class="menu-item-link slideout-block-link level-3-target">Rijgklem 6 mm</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/rijgklemmen/rijgklem-10-mm/" class="menu-item-link slideout-block-link level-3-target">Rijgklem 10 mm</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/rijgklemmen/rijgklem-16-mm/" class="menu-item-link slideout-block-link level-3-target">Rijgklem 16 mm</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/rijgklemmen/rijgklem-toebehoren/" class="menu-item-link slideout-block-link level-3-target">Rijgklem toebehoren</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/din-rail-voedingen/" class="menu-item-link slideout-block-link level-2-target">Din-Rail Voedingen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Merken</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button>
3299<a href="https://www.elektramat.be/zekeringkast-onderdelen/merken/" class="menu-title-link"><strong class="menu-title">Merken</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/merken/vynckier/" class="menu-item-link slideout-block-link level-3-target">Vynckier onderdelen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/merken/schneider/" class="menu-item-link slideout-block-link level-3-target">Schneider onderdelen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/merken/legrand/" class="menu-item-link slideout-block-link level-3-target">Legrand onderdelen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/merken/emat/" class="menu-item-link slideout-block-link level-3-target">EMAT onderdelen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/merken/eltako/" class="menu-item-link slideout-block-link level-3-target">Eltako onderdelen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/merken/hager-onderdelen/" class="menu-item-link slideout-block-link level-3-target">Hager onderdelen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/merken/eaton-onderdelen/" class="menu-item-link slideout-block-link level-3-target">Eaton onderdelen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/zekeringkast-onderdelen/merken/finder-onderdelen/" class="menu-item-link slideout-block-link level-3-target">Finder onderdelen</a></li></ul></div></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-1-target" @click="open = !open" :aria-expanded="open"><img src="/media/wysiwyg/menu-icons/Icon set=Schakelmateriaal.svg" alt="Schakelmateriaal" width="36" height="36" loading="lazy"><span>Schakelmateriaal</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-2" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/schakelmateriaal/" class="menu-title-link"><strong class="menu-title">Schakelmateriaal</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item menu-item-cta" :class="{'open': open }"><div class="bg-primary-5 p-2.5 mx-4 rounded-lg text-white"><strong class="text-primary leading-none font-branded font-bold block">Hulp nodig?</strong><span class="text-black text-sm">Vergelijk en bestel eenvoudig</span><a href="/schakelmateriaal-configuratoren" class="btn btn-secondary text-center cta_item_link">Start configurator</a></div></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Type schakelmateriaal</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/schakelmateriaal/typen/" class="menu-title-link"><strong class="menu-title">Type schakelmateriaal</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/alle-schakelmateriaal/" class="menu-item-link slideout-block-link level-3-target">Alle schakelmateriaal</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/stopcontact/" class="menu-item-link slideout-block-link level-3-target">Stopcontact</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/dubbel-stopcontact/" class="menu-item-link slideout-block-link level-3-target">Dubbel stopcontact</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/stopcontact-met-usb/" class="menu-item-link slideout-block-link level-3-target">Stopcontact met USB</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/utp-stopcontact/" class="menu-item-link slideout-block-link level-3-target">UTP stopcontact</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/enkelpolige-schakelaar/" class="menu-item-link slideout-block-link level-3-target">Enkelpolige schakelaar</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/dubbelpolige-schakelaar/" class="menu-item-link slideout-block-link level-3-target">Dubbelpolige schakelaar</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>
3299Spatwaterdicht schakelmateriaal</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/schakelmateriaal/typen/spatwaterdicht/" class="menu-title-link"><strong class="menu-title">Spatwaterdicht schakelmateriaal</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-4-target" @click="open = !open" :aria-expanded="open"><span>Niko Hydro</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-5" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/hydro/" class="menu-title-link"><strong class="menu-title">Niko Hydro</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/hydro/grijs/" class="menu-item-link slideout-block-link level-5-target">Niko Hydro grijs</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/hydro/wit/" class="menu-item-link slideout-block-link level-5-target">Niko Hydro wit</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/hydro/zwart/" class="menu-item-link slideout-block-link level-5-target">Niko Hydro zwart</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/hydro/niko-hydro-stopcontact/" class="menu-item-link slideout-block-link level-5-target">Niko Hydro stopcontact</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/hydro/niko-hydro-schakelaar/" class="menu-item-link slideout-block-link level-5-target">Niko Hydro schakelaar</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/hydro/niko-hydro-tuinpaal/" class="menu-item-link slideout-block-link level-5-target">Niko Hydro tuinpaal</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/hydro/niko-hydro-opbouwdoos/" class="menu-item-link slideout-block-link level-5-target">Niko Hydro opbouwdoos</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/hydro/niko-hydro-inbouwdoos/" class="menu-item-link slideout-block-link level-5-target">Niko Hydro inbouwdoos</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-4-target" @click="open = !open" :aria-expanded="open"><span>Schneider-Merten Mureva styl</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-5" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/schakelmateriaal/merken/schneider-merten/mureva-styl/" class="menu-title-link"><strong class="menu-title">Schneider-Merten Mureva styl</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/schneider-merten/mureva-styl/wit/" class="menu-item-link slideout-block-link level-5-target">Schneider-Merten Mureva styl wit</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/schneider-merten/mureva-styl/grijs/" class="menu-item-link slideout-block-link level-5-target">Schneider-Merten Mureva styl grijs</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-4-target" @click="open = !open" :aria-expanded="open"><span>Kopp Nautic</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-5" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/schakelmateriaal/merken/kopp/nautic/" class="menu-title-link"><strong class="menu-title">Kopp Nautic</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/kopp/nautic/wit/" class="menu-item-link slideout-block-link level-5-target">Kopp Nautic wit</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/kopp/nautic/grijs/" class="menu-item-link slideout-block-link level-5-target">Kopp Nautic grijs</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/kopp/nautic/antraciet/" class="menu-item-link slideout-block-link level-5-target">Kopp Nautic antraciet</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-4-target" @click="open = !open" :aria-expanded="open"><span>Kopp ProAQA</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-5" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/schakelmateriaal/merken/kopp/proaqa/" class="menu-title-link"><strong class="menu-title">Kopp ProAQA</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/kopp/proaqa/zwart/" class="menu-item-link slideout-block-link level-5-target">Kopp ProAQA zwart</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/emhub/aquadro/" class="menu-item-link slideout-block-link level-4-target">EMhub Aquadro</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/wisselschakelaar/" class="menu-item-link slideout-block-link level-3-target">Wisselschakelaar</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/serieschakelaar/" class="menu-item-link slideout-block-link level-3-target">Serieschakelaar</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/drukknop/" class="menu-item-link slideout-block-link level-3-target">Drukknop</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/kruisschakelaar/" class="menu-item-link slideout-block-link level-3-target">Kruisschakelaar</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/dimmer/" class="menu-item-link slideout-block-link level-3-target">Dimmer</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/rolluikschakelaar/" class="menu-item-link slideout-block-link level-3-target">Rolluikschakelaar</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/fornuisaansluiting/" class="menu-item-link slideout-block-link level-3-target">Fornuisaansluiting</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/motorbediening/" class="menu-item-link slideout-block-link level-3-target">Motorbediening</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/tijdschakelaar/" class="menu-item-link slideout-block-link level-3-target">Tijdschakelaar</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/schakelaars-draadloos-bedienen/" class="menu-item-link slideout-block-link level-3-target">Schakelaars draadloos bedienen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/inbouw-bewegingsmelders/" class="menu-item-link slideout-block-link level-3-target">Inbouw bewegingsmelders</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/overige-basissokkels/" class="menu-item-link slideout-block-link level-3-target">Overige basissokkels</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/afdekplaat/" class="menu-item-link slideout-block-link level-3-target">Afdekplaat</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/blindplaat/" class="menu-item-link slideout-block-link level-3-target">Blindplaat</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/vloerstopcontact/" class="menu-item-link slideout-block-link level-3-target">Vloerstopcontact</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/inbouw-stopcontact/" class="menu-item-link slideout-block-link level-3-target">Inbouw stopcontact</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>
3299CEE materiaal</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/schakelmateriaal/typen/cee-materiaal/" class="menu-title-link"><strong class="menu-title">CEE materiaal</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/cee-materiaal/stekker/" class="menu-item-link slideout-block-link level-4-target">CEE stekker</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/cee-materiaal/stopcontact/" class="menu-item-link slideout-block-link level-4-target">CEE stopcontact</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/cee-materiaal/contrastekker/" class="menu-item-link slideout-block-link level-4-target">CEE contrastekker</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/cee-materiaal/toestelcontactdoos/" class="menu-item-link slideout-block-link level-4-target">CEE toestelcontactdoos</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/cee-materiaal/stroomverdeler/" class="menu-item-link slideout-block-link level-4-target">CEE stroomverdeler</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/verlengkabels/" class="menu-item-link slideout-block-link level-3-target">Verlengkabels</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>Stekkerdozen</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/schakelmateriaal/typen/stekkerdozen/" class="menu-title-link"><strong class="menu-title">Stekkerdozen</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/stekkerdozen/verdeelstekker/" class="menu-item-link slideout-block-link level-4-target">Verdeelstekker</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/stekkerdozen/stekkerdoos/" class="menu-item-link slideout-block-link level-4-target">Stekkerdozen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/stekkerdozen/met-overspanningsbeveiliging/" class="menu-item-link slideout-block-link level-4-target">Stekkerdoos met overspanningsbeveiliging</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/stekkerdozen/zonder-snoer/" class="menu-item-link slideout-block-link level-4-target">Stekkerdoos zonder snoer</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/stekkerdozen/kabelhaspel/" class="menu-item-link slideout-block-link level-4-target">Kabelhaspel</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/stekkerdozen/bureau-stekkerdoos/" class="menu-item-link slideout-block-link level-4-target">Bureau stekkerdoos</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/stekkers/" class="menu-item-link slideout-block-link level-3-target">
3299Stekkers</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/bewegingsmelders/" class="menu-item-link slideout-block-link level-3-target">Bewegingsmelders</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/bewegingssensor-buiten/" class="menu-item-link slideout-block-link level-3-target">Bewegingssensor buiten</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/schemerschakelaars/" class="menu-item-link slideout-block-link level-3-target">Schemerschakelaars</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/snoerdimmer/" class="menu-item-link slideout-block-link level-3-target">Snoerdimmer</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/oplaadpunten-elektrische-fiets/" class="menu-item-link slideout-block-link level-3-target">Oplaadpunten elektrische fiets</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>Smart home</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/schakelmateriaal/typen/smart-home/" class="menu-title-link"><strong class="menu-title">Smart home</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/smart-home/aqara/" class="menu-item-link slideout-block-link level-4-target">Aqara</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/smart-home/homey/" class="menu-item-link slideout-block-link level-4-target">Homey</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/smart-home/tp-link/" class="menu-item-link slideout-block-link level-4-target">Smart home TP-Link</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/smart-home/shelly/" class="menu-item-link slideout-block-link level-4-target">Shelly</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/smart-home/calex/" class="menu-item-link slideout-block-link level-4-target">Calex</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/smart-home/homewizard/" class="menu-item-link slideout-block-link level-4-target">HomeWizard</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/smart-home/verlichting/" class="menu-item-link slideout-block-link level-4-target">Smart home verlichting</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/smart-home/dimmers-schakelaars/" class="menu-item-link slideout-block-link level-4-target">Dimmers en schakelaars</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/smart-home/sensoren/" class="menu-item-link slideout-block-link level-4-target">Smart home sensoren</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verwarming-en-koeling/thermostaat/slimme-thermostaat/" class="menu-item-link slideout-block-link level-4-target">Slimme thermostaat</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/smart-home/deurbellen/" class="menu-item-link slideout-block-link level-4-target">Deurbellen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/smart-home/camera/" class="menu-item-link slideout-block-link level-4-target">Camera's</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/smart-home/homestations/" class="menu-item-link slideout-block-link level-4-target">HomeStations</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/smart-home/rookmelders/" class="menu-item-link slideout-block-link level-4-target">Smart rookmelders</a></li></ul></div></li></ul></div></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/" class="menu-item-link slideout-block-link level-2-target">Merken</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Niko</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/" class="menu-title-link"><strong class="menu-title">Niko</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>Niko Original</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/original/" class="menu-title-link"><strong class="menu-title">Niko Original</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/original/white/" class="menu-item-link slideout-block-link level-4-target">Niko Original White</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/original/niko-original-white-bright/" class="menu-item-link slideout-block-link level-4-target">Niko Original White Bright</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/original/cream/" class="menu-item-link slideout-block-link level-4-target">Niko Original Cream</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/original/light-grey/" class="menu-item-link slideout-block-link level-4-target">Niko Original Light Grey</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>Niko Intense</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/intense/" class="menu-title-link"><strong class="menu-title">Niko Intense</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/intense/white/" class="menu-item-link slideout-block-link level-4-target">Niko Intense White</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/intense/sterling/" class="menu-item-link slideout-block-link level-4-target">Niko Intense Sterling</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/intense/bronze/" class="menu-item-link slideout-block-link level-4-target">Niko Intense Bronze</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/intense/antraciet/" class="menu-item-link slideout-block-link level-4-target">Niko Intense Antraciet</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/intense/matt-black/" class="menu-item-link slideout-block-link level-4-target">Niko Intense Matt Black</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/intense/dark-brown/" class="menu-item-link slideout-block-link level-4-target">Niko Intense Dark Brown</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>Niko Pure</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/pure/" class="menu-title-link"><strong class="menu-title">Niko Pure</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/pure/liquid-snow-white/" class="menu-item-link slideout-block-link level-4-target">Niko Pure Liquid Snow White</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/pure/steel-white/" class="menu-item-link slideout-block-link level-4-target">Niko Pure Steel White</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/pure/steel-black/" class="menu-item-link slideout-block-link level-4-target">Niko Pure Steel Black</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/pure/bakelite-piano-black/" class="menu-item-link slideout-block-link level-4-target">Niko Pure Bakelite Piano Black</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/pure/niko-pure-champagne-steel/" class="menu-item-link slideout-block-link level-4-target">Niko Pure Champagne Steel</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/pure/niko-pure-alu-grey/" class="menu-item-link slideout-block-link level-4-target">Niko Pure Alu Grey</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/pure/niko-pure-alu-black/" class="menu-item-link slideout-block-link level-4-target">Niko Pure Alu Black</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>Niko Hydro</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/hydro/" class="menu-title-link"><strong class="menu-title">Niko Hydro</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/hydro/grijs/" class="menu-item-link slideout-block-link level-4-target">Niko Hydro grijs</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/hydro/wit/" class="menu-item-link slideout-block-link level-4-target">Niko Hydro wit</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/hydro/zwart/" class="menu-item-link slideout-block-link level-4-target">Niko Hydro zwart</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/hydro/niko-hydro-stopcontact/" class="menu-item-link slideout-block-link level-4-target">Niko Hydro stopcontact</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/hydro/niko-hydro-schakelaar/" class="menu-item-link slideout-block-link level-4-target">Niko Hydro schakelaar</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/hydro/niko-hydro-tuinpaal/" class="menu-item-link slideout-block-link level-4-target">Niko Hydro tuinpaal</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/hydro/niko-hydro-opbouwdoos/" class="menu-item-link slideout-block-link level-4-target">Niko Hydro opbouwdoos</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/hydro/niko-hydro-inbouwdoos/" class="menu-item-link slideout-block-link level-4-target">Niko Hydro inbouwdoos</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/home-control/" class="menu-item-link slideout-block-link level-3-target">Niko Home Control</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/hue-schakelaar/" class="menu-item-link slideout-block-link level-3-target">Niko Friends of Hue</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/niko-rocker/" class="menu-item-link slideout-block-link level-3-target">Niko Rocker</a></li><li x-data=
3299"iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/niko-toggle/" class="menu-item-link slideout-block-link level-3-target">Niko Toggle</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/niko-basismaterialen/" class="menu-item-link slideout-block-link level-3-target">Niko basismaterialen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/niko-dimmer/" class="menu-item-link slideout-block-link level-3-target">Niko dimmer</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/niko-schakelaar/" class="menu-item-link slideout-block-link level-3-target">Niko schakelaar</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/niko-rolluikschakelaar/" class="menu-item-link slideout-block-link level-3-target">Niko rolluikschakelaar</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/niko-stopcontact/" class="menu-item-link slideout-block-link level-3-target">Niko stopcontact</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/niko-usb-stopcontact/" class="menu-item-link slideout-block-link level-3-target">Niko USB stopcontact</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/niko-afdekplaat/" class="menu-item-link slideout-block-link level-3-target">Niko afdekplaat</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/niko-bewegingsmelder/" class="menu-item-link slideout-block-link level-3-target">Niko bewegingsmelder</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/niko-utp-contactdoos/" class="menu-item-link slideout-block-link level-3-target">Niko UTP contactdoos</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/niko-opbouwdoos/" class="menu-item-link slideout-block-link level-3-target">Niko opbouwdoos</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/niko-centraalplaat/" class="menu-item-link slideout-block-link level-3-target">Niko centraalplaat</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/niko-blindplaat/" class="menu-item-link slideout-block-link level-3-target">Niko blindplaat</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Legrand</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/schakelmateriaal/merken/legrand/" class="menu-title-link"><strong class="menu-title">Legrand</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>Legrand Valena Next</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/schakelmateriaal/merken/legrand/valena-next/" class="menu-title-link"><strong class="menu-title">Legrand Valena Next</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/legrand/valena-next/wit-opaal/" class="menu-item-link slideout-block-link level-4-target">Legrand Valena Next wit opaal (glans wit)</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/legrand/valena-next/zwart
3299-gefumeerd/" class="menu-item-link slideout-block-link level-4-target">Legrand Valena Next zwart gefumeerd (mat zwart)</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/legrand/legrand-stopcontact/" class="menu-item-link slideout-block-link level-3-target">Legrand stopcontact</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/legrand/legrand-schakelaar/" class="menu-item-link slideout-block-link level-3-target">Legrand schakelaar</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/legrand/legrand-vloerstopcontact/" class="menu-item-link slideout-block-link level-3-target">Legrand vloerstopcontact</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Schneider-Merten</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/schakelmateriaal/merken/schneider-merten/" class="menu-title-link"><strong class="menu-title">Schneider-Merten</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>Schneider-Merten Mureva styl</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/schakelmateriaal/merken/schneider-merten/mureva-styl/" class="menu-title-link"><strong class="menu-title">Schneider-Merten Mureva styl</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/schneider-merten/mureva-styl/wit/" class="menu-item-link slideout-block-link level-4-target">Schneider-Merten Mureva styl wit</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/schneider-merten/mureva-styl/grijs/" class="menu-item-link slideout-block-link level-4-target">Schneider-Merten Mureva styl grijs</a></li></ul></div></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Kopp</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/schakelmateriaal/merken/kopp/" class="menu-title-link"><strong class="menu-title">Kopp</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>Kopp Nautic</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/schakelmateriaal/merken/kopp/nautic/" class="menu-title-link"><strong class="menu-title">Kopp Nautic</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/kopp/nautic/wit/" class="menu-item-link slideout-block-link level-4-target">Kopp Nautic wit</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/kopp/nautic/grijs/" class="menu-item-link slideout-block-link level-4-target">Kopp Nautic grijs</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/kopp/nautic/antraciet/" class="menu-item-link slideout-block-link level-4-target">Kopp Nautic antraciet</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>Kopp ProAQA</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/schakelmateriaal/merken/kopp/proaqa/" class="menu-title-link"><strong class="menu-title">Kopp ProAQA</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/kopp/proaqa/zwart/" class="menu-item-link slideout-block-link level-4-target">Kopp ProAQA zwart</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/kopp/standard-opbouw/" class="menu-item-link slideout-block-link level-3-target">Kopp Standard opbouw</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/kopp/kopp-hk07-artic-wit/" class="menu-item-link slideout-block-link level-3-target">Kopp HK07 Arctic wit</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>EMhub</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/schakelmateriaal/merken/emhub/" class="menu-title-link"><strong class="menu-title">EMhub</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>EMhub Quadro55</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/schakelmateriaal/merken/emhub/quadro-55/" class="menu-title-link"><strong class="menu-title">EMhub Quadro55</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/emhub/quadro-55/wit-glanzend/" class="menu-item-link slideout-block-link level-4-target">EMhub Quadro55 wit glanzend</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/emhub/quadro-55/wit-mat/" class="menu-item-link slideout-block-link level-4-target">EMhub Quadro55 wit mat</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/emhub/quadro-55/zwart-mat/" class="menu-item-link slideout-block-link level-4-target">EMhub Quadro55 zwart mat</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/emhub/aquadro/" class="menu-item-link slideout-block-link level-3-target">EMhub Aquadro</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Gira</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/schakelmateriaal/merken/gira/" class="menu-title-link"><strong class="menu-title">Gira</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>Gira Systeem 55</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/schakelmateriaal/merken/gira/systeem-55/" class="menu-title-link"><strong class="menu-title">Gira Systeem 55</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/gira/systeem-55/zuiver-wit-glanzend/" class="menu-item-link slideout-block-link level-4-target">Gira Systeem 55 zuiver wit glanzend</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/gira/systeem-55/zuiver-wit-mat/" class="menu-item-link slideout-block-link level-4-target">Gira Systeem 55 zuiver wit mat</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/gira/systeem-55/zwart-mat/" class="menu-item-link slideout-block-link level-4-target">Gira Systeem 55 zwart mat</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/merken/gira/gira-basismaterialen/" class="menu-item-link slideout-block-link level-3-target">Gira basismaterialen</a></li></ul></div></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-1-target" @click="open = !open" :aria-expanded="open"><img src="/media/wysiwyg/menu-icons/Icon set=Draad en kabel.svg" alt="Draad en kabel" width="36" height="36" loading="lazy"><span>Draad en kabel</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-2" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/draad-kabel/" class="menu-title-link"><strong class="menu-title">Draad en kabel</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/" class="menu-item-link slideout-block-link level-2-target">Type kabel</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/alle-kabels/" class="menu-item-link slideout-block-link level-2-target">Alle kabels</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>XVB kabel</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/draad-kabel/xvb-kabel/" class="menu-title-link"><strong class="menu-title">XVB kabel</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/xvb-kabel/3-aderig/" class="menu-item-link slideout-block-link level-3-target">XVB kabel 3 - aderig</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/xvb-kabel/4-aderig/" class="menu-item-link slideout-block-link level-3-target">XVB kabel 4 - aderig</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/xvb-kabel/5-aderig/" class="menu-item-link slideout-block-link level-3-target">XVB kabel 5 - aderig</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/xvb-kabel/alle-xvb-kabels/" class="menu-item-link slideout-block-link level-3-target">Alle XVB kabels</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>EXVB kabel</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/draad-kabel/exvb-kabel/" class="menu-title-link"><strong class="menu-title">EXVB kabel</strong></a><button clas
3299s="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/exvb-kabel/3-aderig/" class="menu-item-link slideout-block-link level-3-target">EXVB kabel 3 - aderig</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/exvb-kabel/4-aderig/" class="menu-item-link slideout-block-link level-3-target">EXVB kabel 4 - aderig</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/exvb-kabel/5-aderig/" class="menu-item-link slideout-block-link level-3-target">EXVB kabel 5 - aderig</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/exvb-kabel/alle-exvb-kabels/" class="menu-item-link slideout-block-link level-3-target">Alle EXVB kabels</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>XGB kabel</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/draad-kabel/xgb-kabel/" class="menu-title-link"><strong class="menu-title">XGB kabel</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/xgb-kabel/3-aderig/" class="menu-item-link slideout-block-link level-3-target">XGB kabel 3 - aderig</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/xgb-kabel/4-aderig/" class="menu-item-link slideout-block-link level-3-target">XGB kabel 4 - aderig</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/xgb-kabel/5-aderig/" class="menu-item-link slideout-block-link level-3-target">XGB kabel 5 - aderig</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/xgb-kabel/alle-xgb-kabels/" class="menu-item-link slideout-block-link level-3-target">Alle XGB kabels</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/vob-kabel/" class="menu-item-link slideout-block-link level-2-target">VOB draad</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/vobs-vobst-draad/" class="menu-item-link slideout-block-link level-2-target">VOBs en VOBst draad</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>UTP kabel</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/draad-kabel/utp-kabel/" class="menu-title-link"><strong class="menu-title">UTP kabel</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/utp-kabel/cat5e/" class="menu-item-link slideout-block-link level-3-target">Cat5e</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/utp-kabel/cat6/" class="menu-item-link slideout-block-link level-3-target">Cat6</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/utp-kabel/cat7/" class="menu-item-link slideout-block-link level-3-target">Cat7 FTP kabels</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/utp-kabel/utp-grondkabel/" class="menu-item-link slideout-block-link level-3-target">UTP grondkabel</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/utp-kabel/utp-in-flexibele-buis/" class="menu-item-link slideout-block-link level-3-target">UTP in flexibele buis</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/utp-kabel/accessoires/" class="menu-item-link slideout-block-link level-3-target">UTP accessoires</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/utp-kabel/cat-cca/" class="menu-item-link slideout-block-link level-3-target">Cat CCA</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/flexibele-buis/" class="menu-item-link slideout-block-link level-2-target">Flexibele buis met draad</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Neopreen kabel (H07RN-F)</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/draad-kabel/h07rn-f/" class="menu-title-link"><strong class="menu-title">Neopreen kabel (H07RN-F)</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/h07rn-f/h07rn-f-1-aderig/" class="menu-item-link slideout-block-link level-3-target">Neopreen kabel 1 - aderig</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/h07rn-f/h07rn-f-2-aderig/" class="menu-item-link slideout-block-link level-3-target">Neopreen kabel 2 - aderig</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/h07rn-f/h07rn-f-3-aderig/" class="menu-item-link slideout-block-link level-3-target">Neopreen kabel 3 - aderig</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/h07rn-f/h07rn-f-4-aderig/" class="menu-item-link slideout-block-link level-3-target">Neopreen kabel 4 - aderig</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/h07rn-f/h07rn-f-5-aderig/" class="menu-item-link slideout-block-link level-3-target">Neopreen kabel 5 - aderig</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/h07rn-f/h07rn-f-7-aderig/" class="menu-item-link slideout-block-link level-3-target">Neopreen kabel 7 - aderig</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/h07rn-f/h07rn-f-12-aderig/" class="menu-item-link slideout-block-link level-3-target">Neopreen kabel 12 - aderig</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/solarkabel/" class="menu-item-link slideout-block-link level-2-target">Solar kabel</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/textielsnoer/" class="menu-item-link slideout-block-link level-2-target">Textielsnoer</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/usb-kabels/" class="menu-item-link slideout-block-link level-2-target">USB kabels</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Hulpmiddelen draad en kabel</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/draad-kabel/hulpmiddelen/" class="menu-title-link"><strong class="menu-title">Hulpmiddelen draad en kabel</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/hulpmiddelen/kabelafroller/" class="menu-item-link slideout-block-link level-3-target">Kabelafroller</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/hulpmiddelen/snoerschakelaar/" class="menu-item-link slideout-block-link level-3-target">Snoerschakelaar</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/hulpmiddelen/kabelbeschermband/" class="menu-item-link slideout-block-link level-3-target">Kabelbeschermband</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/siliconenkabel/" class="menu-item-link slideout-block-link level-2-target">Siliconenkabel</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/luidsprekerkabel/" class="menu-item-link slideout-block-link level-2-target">Luidsprekerkabel</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/prikkabel/" class="menu-item-link slideout-block-link level-2-target">Prikkabel</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/vtmb-kabel/" class="menu-item-link slideout-block-link level-2-target">VTMB kabel</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/stuurkabel/" class="menu-item-link slideout-block-link level-2-target">Stuurkabel</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Kabels voor thuis</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/draad-kabel/kabels-voor-thuis/" class="menu-title-link"><strong class="menu-title">Kabels voor thuis</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>HDMI kabel</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/draad-kabel/kabels-voor-thuis/hdmi-kabel/" class="menu-title-link"><strong class="menu-title">HDMI kabel</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/kabels-voor-thuis/hdmi-kabel/hdmi-2-0-kabel/" class="menu-item-link slideout-block-link level-4-target">HDMI 2.0 kabel</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/kabels-voor-thuis/hdmi-kabel/hdmi-2-1-kabel/" class="menu-item-link slideout-block-link level-4-target">HDMI 2.1 kabel</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/kabels-voor-thuis/hdmi-kabel/versterkte-hdmi-kabel/" class="menu-item-link slideout-block-link level-4-target">Versterkte HDMI kabel</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/kabels-voor-thuis/displayportkabels/" class="menu-item-link slideout-block-link level-3-target">Displayportkabels</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/verbindingsmateriaal/steekklem/" class="menu-item-link slideout-block-link level-2-target">Steekklem</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-1-target" @click="open = !open" :aria-expanded="open"><img src="/media/wysiwyg/menu-icons/Icon set=Buis en goot.svg" alt="Buis" width="36" height="36" loading="lazy"><span>Buis</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-2" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/buis/" class="menu-title-link"><strong class="menu-title">Buis</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/buis/" class="menu-item-link slideout-block-link level-2-target">Type buis</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/buis/flexibele-buis/" class="menu-item-link slideout-block-link level-2-target">Flexibele buis</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/flexibele-buis/" class="menu-item-link slideout-block-link level-2-target">Flexibele buis met draad</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>PVC installatiebuis</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-w
3299rapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/buis/pvc-installatiebuis/" class="menu-title-link"><strong class="menu-title">PVC installatiebuis</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/buis/pvc-installatiebuis/sokken-en-bochten/" class="menu-item-link slideout-block-link level-3-target">Sokken en bochten</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/buis/wachtbuis/" class="menu-item-link slideout-block-link level-2-target">Wachtbuis</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/bevestigingsmateriaal/buisbeugel/" class="menu-item-link slideout-block-link level-2-target">Buisbeugel</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-1-target" @click="open = !open" :aria-expanded="open"><img src="/media/wysiwyg/menu-icons/Icon set=Installatiemateriaal.svg" alt="Installatiemateriaal" width="36" height="36" loading="lazy"><span>Installatiemateriaal</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-2" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/installatiemateriaal/" class="menu-title-link"><strong class="menu-title">Installatiemateriaal</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/inbouwdozen/" class="menu-item-link slideout-block-link level-2-target">Inbouwdozen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/aftakdozen/" class="menu-item-link slideout-block-link level-2-target">Aftakdozen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/hollewanddoos/" class="menu-item-link slideout-block-link level-2-target">Hollewanddoos</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/centraaldoos/" class="menu-item-link slideout-block-link level-2-target">Centraaldoos</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/steekklemmen/" class="menu-item-link slideout-block-link level-2-target">Steekklem</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/lusterklemmen/" class="menu-item-link slideout-block-link level-2-target">Lusterklem</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/lasdoppen/" class="menu-item-link slideout-block-link level-2-target">Lasdop</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Kabelschoenen</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/installatiemateriaal/kabelschoen/" class="menu-title-link"><strong class="menu-title">Kabelschoenen</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>Ongeïsoleerd</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/installatiemateriaal/kabelschoen/ongeisoleerd/" class="menu-title-link"><strong class="menu-title">Ongeïsoleerd</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/kabelschoen/ongeisoleerd/standaard/" class="menu-item-link slideout-block-link level-4-target">Standaard kabelschoen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/kabelschoen/ongeisoleerd/standaard-onder-hoek/" class="menu-item-link slideout-block-link level-4-target">Standaard kabelschoen onder hoek</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/kabelschoen/ongeisoleerd/standaard-met-gat/" class="menu-item-link slideout-block-link level-4-target">Standaard kabelschoen met gat</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/kabelschoen/ongeisoleerd/lang/" class="menu-item-link slideout-block-link level-4-target">Kabelschoen DIN/Lang</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/kabelschoen/ongeisoleerd/lang-onder-hoek/" class="menu-item-link slideout-block-link level-4-target">Kabelschoen DIN/Lang onder hoek</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/kabelschoen/ongeisoleerd/koppelingen-en-doorverbinders/" class="menu-item-link slideout-block-link level-4-target">Kabelschoen koppelingen en doorverbinders</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/kabelschoen/ongeisoleerd/pashulzen/" class="menu-item-link slideout-block-link level-4-target">Kabelschoen pashulzen</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>Geïsoleerd</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/installatiemateriaal/kabelschoen/geisoleerd/" class="menu-title-link"><strong class="menu-title">Geïsoleerd</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/verbinding/kabelschoenen/geisoleerd/oog/" class="menu-item-link slideout-block-link level-4-target">
3299Kabelschoen met oog</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/kabelschoen/geisoleerd/vork/" class="menu-item-link slideout-block-link level-4-target">Kabelschoen met vork</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/kabelschoen/geisoleerd/pen/" class="menu-item-link slideout-block-link level-4-target">Kabelschoen met pen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/kabelschoen/geisoleerd/vlaksteker/" class="menu-item-link slideout-block-link level-4-target">Kabelschoen met vlaksteker</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/kabelschoen/geisoleerd/doorverbinders/" class="menu-item-link slideout-block-link level-4-target">Kabelschoen doorverbinders</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/kabelschoen/geisoleerd/rondsteker/" class="menu-item-link slideout-block-link level-4-target">Rondsteker</a></li></ul></div></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/adereindhuls/" class="menu-item-link slideout-block-link level-2-target">Adereindhulzen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/krimpkousen/" class="menu-item-link slideout-block-link level-2-target">Krimpkous</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/gietmof/" class="menu-item-link slideout-block-link level-2-target">Gietmoffen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Wartels</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/installatiemateriaal/wartels/wartel/" class="menu-title-link"><strong class="menu-title">Wartels</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/wartels/wartel/" class="menu-item-link slideout-block-link level-3-target">Wartel</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/wartels/wartelmoer/" class="menu-item-link slideout-block-link level-3-target">Wartelmoer</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/wartels/reduceerring/" class="menu-item-link slideout-block-link level-3-target">Reduceerring</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/wartels/blindstop/" class="menu-item-link slideout-block-link level-3-target">Blindstop</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/wartels/invoertule-membraamtule/" class="menu-item-link slideout-block-link level-3-target">Invoertule en membraamtule</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/wartels/verloopring/" class="menu-item-link slideout-block-link level-3-target">Verloopring</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/wartels/wiska/" class="menu-item-link slideout-block-link level-3-target">Wiska</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/wartels/obo/" class="menu-item-link slideout-block-link level-3-target">OBO</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/wartels/jacob/" class="menu-item-link slideout-block-link level-3-target">Jacob</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/wartels/hummel/" class="menu-item-link slideout-block-link level-3-target">Hummel</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/wartels/attema/" class="menu-item-link slideout-block-link level-3-target">Attema</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/ophoogkaders/" class="menu-item-link slideout-block-link level-2-target">Ophoogkaders</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/werkschakelaar/" class="menu-item-link slideout-block-link level-2-target">Werkschakelaar</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/aarding/" class="menu-item-link slideout-block-link level-2-target">Aarding</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/rookmelders/" class="menu-item-link slideout-block-link level-2-target">Rookmelders</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/koolmonoxidemelder/" class="menu-item-link slideout-block-link level-2-target">Koolmonoxidemelder</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/mc4-connectoren/" class="menu-item-link slideout-block-link level-2-target">MC4 connectoren</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/assortimentsdoos-gevuld/" class="menu-item-link slideout-block-link level-2-target">Assortimentsdozen gevuld</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/handbrandmelder/" class="menu-item-link slideout-block-link level-2-target">Handbrandmelder</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Batterijen</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/installatiemateriaal/batterijen/" class="menu-title-link"><strong class="menu-title">Batterijen</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/batterijen/aaaa/" class="menu-item-link slideout-block-link level-3-target">AAAA batterijen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/batterijen/aaa/" class="menu-item-link slideout-block-link level-3-target">AAA batterijen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/batterijen/aa/" class="menu-item-link slideout-block-link level-3-target">AA batterijen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/batterijen/c/" class="menu-item-link slideout-block-link level-3-target">C batterijen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/batterijen/d/" class="menu-item-link slideout-block-link level-3-target">D batterijen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/batterijen/6-volt/" class="menu-item-link slideout-block-link level-3-target">6 Volt batterijen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/batterijen/9-volt/" class="menu-item-link slideout-block-link level-3-target">9 Volt batterijen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/batterijen/v23ga-mn21-a23/" class="menu-item-link slideout-block-link level-3-target">V23GA/MN21/A23 batterijen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/batterijen/knoopcellen/" class="menu-item-link slideout-block-link level-3-target">Knoopcellen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/batterijen/oplader/" class="menu-item-link slideout-block-link level-3-target">Oplader</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/batterijen/overig/" class="menu-item-link slideout-block-link level-3-target">Overig</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/drukknoppen-en-signaallampen/" class="menu-item-link slideout-block-link level-2-target">Drukknoppen en signaallampen</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-1-target" @click="open = !open" :aria-expanded="open"><img src="/media/wysiwyg/menu-icons/Icon%20set=Bevestiging.svg" alt="Bevestigingsmateriaal" width="36" height="36" loading="lazy"><span>
3299Bevestigingsmateriaal</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-2" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/bevestiging/" class="menu-title-link"><strong class="menu-title">Bevestigingsmateriaal</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/nagelklem/" class="menu-item-link slideout-block-link level-2-target">Nagelklem</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Schroeven</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/bevestiging/schroeven/" class="menu-title-link"><strong class="menu-title">Schroeven</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/schroeven/spaanplaatschroef/" class="menu-item-link slideout-block-link level-3-target">Houtschroeven en spaanplaatschroeven</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/schroeven/gipsplaatschroeven/" class="menu-item-link slideout-block-link level-3-target">Gipsplaatschroeven</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/schroeven/metaalschroeven/" class="menu-item-link slideout-block-link level-3-target">Metaalschroeven</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/schroeven/zelftappers-en-plaatschroeven/" class="menu-item-link slideout-block-link level-3-target">Zelftappers en plaatschroeven</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/schroeven/stokschroeven/" class="menu-item-link slideout-block-link level-3-target">Stokschroeven</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Ankers en pluggen</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/bevestiging/pluggen/" class="menu-title-link"><strong class="menu-title">Ankers en pluggen</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/pluggen/nylon/" class="menu-item-link slideout-block-link level-3-target">Nylon plug</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/pluggen/slag/" class="menu-item-link slideout-block-link level-3-target">Slagpluggen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/pluggen/gipsplaat/" class="menu-item-link slideout-block-link level-3-target">Gipsplaatpluggen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/pluggen/messing-pluggen/" class="menu-item-link slideout-block-link level-3-target">Messing pluggen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/pluggen/inslagankers/" class="menu-item-link slideout-block-link level-3-target">Inslagankers</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/pluggen/keilbouten/" class="menu-item-link slideout-block-link level-3-target">Keilbouten</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/pluggen/chemische-verankering/" class="menu-item-link slideout-block-link level-3-target">Chemische verankering</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/pluggen/spanhulzen/" class="menu-item-link slideout-block-link level-3-target">Spanhulzen</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/buisbeugel/" class="menu-item-link slideout-block-link level-2-target">Buisbeugel</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/montageband/" class="menu-item-link slideout-block-link level-2-target">Montageband</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/bundelbandjes/" class="menu-item-link slideout-block-link level-2-target">Kabelbinder</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>
3299Tape</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/bevestiging/tape/" class="menu-title-link"><strong class="menu-title">Tape</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/tape/duct-tapes/" class="menu-item-link slideout-block-link level-3-target">Duct tapes</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/tape/isolatietapes/" class="menu-item-link slideout-block-link level-3-target">Isolatietapes</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/tape/masking-tapes/" class="menu-item-link slideout-block-link level-3-target">Masking tapes</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/tape/antislip-tapes/" class="menu-item-link slideout-block-link level-3-target">Antislip tapes</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/tape/dubbelzijdige-tapes/" class="menu-item-link slideout-block-link level-3-target">Dubbelzijdige tapes</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/tape/aluminium-tapes/" class="menu-item-link slideout-block-link level-3-target">Aluminium tapes</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/tape/markeringstapes/" class="menu-item-link slideout-block-link level-3-target">Markeringstapes</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/tape/zelf-vulkaniserende-tapes/" class="menu-item-link slideout-block-link level-3-target">Zelf vulkaniserende tapes</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/tape/luchtdichte-tapes/" class="menu-item-link slideout-block-link level-3-target">Luchtdichte tapes</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/tape/waarschuwingsband/" class="menu-item-link slideout-block-link level-3-target">Waarschuwingsband</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/tape/verpakkingstapes/" class="menu-item-link slideout-block-link level-3-target">Verpakkingstapes</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/tape/overige-tapes/" class="menu-item-link slideout-block-link level-3-target">Overige tapes</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Schroefbit en bitset</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/bevestiging/schroefbit/" class="menu-title-link"><strong class="menu-title">Schroefbit en bitset</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/schroefbit/torx-schroefbits/" class="menu-item-link slideout-block-link level-3-target">Schroefbit</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/schroefbit/pozidrive-schroefbits/" class="menu-item-link slideout-block-link level-3-target">Bitset</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/zadelklem/" class="menu-item-link slideout-block-link level-2-target">Zadelklem</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/klittenband/" class="menu-item-link slideout-block-link level-2-target">Klittenband</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/popnagels-klinknagels-moeren/" class="menu-item-link slideout-block-link level-2-target">Popnagels, klinknagels en moeren</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }">
3299<a href="https://www.elektramat.be/bevestiging/spantklem/" class="menu-item-link slideout-block-link level-2-target">Spantklem</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Lijmen en kitten</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/" class="menu-title-link"><strong class="menu-title">Lijmen en kitten</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>Lijmen</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/" class="menu-title-link"><strong class="menu-title">Lijmen</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="" class="menu-item-link slideout-block-link level-4-target">Type product</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/alle-typen/hightack-kit/" class="menu-item-link slideout-block-link level-4-target">Hightack kit</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/alle-typen/secondelijm/" class="menu-item-link slideout-block-link level-4-target">Secondelijm</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/alle-typen/constructie-bruislijm/" class="menu-item-link slideout-block-link level-4-target">Constructie en bruislijm</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/alle-typen/contactlijm/" class="menu-item-link slideout-block-link level-4-target">Contactlijm</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/alle-typen/metaal/" class="menu-item-link slideout-block-link level-4-target">Metaallijm</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/alle-typen/montagekit/" class="menu-item-link slideout-block-link level-4-target">Montagekit</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/alle-typen/purschuim/" class="menu-item-link slideout-block-link level-4-target">Purschuim</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/alle-typen/pvc-plastic-lijm/" class="menu-item-link slideout-block-link level-4-target">PVC en plastic lijm</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/alle-typen/houtlijm/" class="menu-item-link slideout-block-link level-4-target">Houtlijm</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/alle-typen/epoxy/" class="menu-item-link slideout-block-link level-4-target">Epoxy</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/alle-typen/schroefdraadafdichting/" class="menu-item-link slideout-block-link level-4-target">Schroefdraadafdichting</a></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="" class="menu-item-link slideout-block-link level-4-target">Materiaal</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/materiaal/hout/" class="menu-item-link slideout-block-link level-4-target">Hout</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/materiaal/metaal/" class="menu-item-link slideout-block-link level-4-target">Metaal</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/materiaal/tegel/" class="menu-item-link slideout-block-link level-4-target">Tegel</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/materiaal/glas/" class="menu-item-link slideout-block-link level-4-target">Glas</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/materiaal/steen-beton/" class="menu-item-link slideout-block-link level-4-target">Steen en beton</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/materiaal/natuursteen/" class="menu-item-link slideout-block-link level-4-target">Natuursteen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/materiaal/goot-dakbedekking/" class="menu-item-link slideout-block-link level-4-target">Goot en dakbedekking</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/materiaal/pvc-plastic/" class="menu-item-link slideout-block-link level-4-target">PVC en plastic</a></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="" class="menu-item-link slideout-block-link level-4-target">Merken</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/merken/tremco-illbruck-nullifire/" class="menu-item-link slideout-block-link level-4-target">illbruck / Nullifire</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/merken/den-braven-zwaluw/" class="menu-item-link slideout-block-link level-4-target">Den Braven Zwaluw</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/merken/griffon-bison/" class="menu-item-link slideout-block-link level-4-target">Griffon Bison</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>Kitten</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/" class="menu-title-link"><strong class="menu-title">Kitten</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="" class="menu-item-link slideout-block-link level-4-target">Type product</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/alle-typen/siliconenkit/" class="menu-item-link slideout-block-link level-4-target">Siliconenkit</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/alle-typen/acrylaatkit/" class="menu-item-link slideout-block-link level-4-target">Acrylaatkit</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/alle-typen/montagekit/" class="menu-item-link slideout-block-link level-4-target">Montagekit</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/alle-typen/hightack-kit/" class="menu-item-link slideout-block-link level-4-target">Hightack kit</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/alle-typen/beglazingskit/" class="menu-item-link slideout-block-link level-4-target">Beglazingskit</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/alle-typen/bitumenkit/" class="menu-item-link slideout-block-link level-4-target">Bitumenkit</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/alle-typen/purschuim/" class="menu-item-link slideout-block-link level-4-target">Purschuim</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/alle-typen/brandwerende
3299-kit/" class="menu-item-link slideout-block-link level-4-target">Brandwerende kit</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/alle-typen/schroefdraadafdichting/" class="menu-item-link slideout-block-link level-4-target">Schroefdraadafdichting</a></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="" class="menu-item-link slideout-block-link level-4-target">Materiaal</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/materiaal/hout/" class="menu-item-link slideout-block-link level-4-target">Hout</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/materiaal/glas/" class="menu-item-link slideout-block-link level-4-target">Glas</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/materiaal/pvc-plastic/" class="menu-item-link slideout-block-link level-4-target">PVC en plastic</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/materiaal/steen-beton/" class="menu-item-link slideout-block-link level-4-target">Steen en beton</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/materiaal/natuursteen/" class="menu-item-link slideout-block-link level-4-target">Natuursteen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/materiaal/metaal/" class="menu-item-link slideout-block-link level-4-target">Metaal</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/materiaal/goot-dakbedekking/" class="menu-item-link slideout-block-link level-4-target">Goot en dakbedekking</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/materiaal/tegel/" class="menu-item-link slideout-block-link level-4-target">Tegel</a></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="" class="menu-item-link slideout-block-link level-4-target">Merken</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/merken/griffon-bison/" class="menu-item-link slideout-block-link level-4-target">Griffon Bison</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/merken/den-braven-zwaluw/" class="menu-item-link slideout-block-link level-4-target">Den Braven Zwaluw</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/merken/tremco-illbruck-nullifire/" class="menu-item-link slideout-block-link level-4-target">illbruck / Nullifire</a></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="" class="menu-item-link slideout-block-link level-4-target">Kleuren</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/kleuren/zwarte-kit/" class="menu-item-link slideout-block-link level-4-target">Zwart</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/kleuren/transparante-kit/" class="menu-item-link slideout-block-link level-4-target">Transparant</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/kleuren/grijze-kit/" class="menu-item-link slideout-block-link level-4-target">Grijs</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/kleuren/witte-kit/" class="menu-item-link slideout-block-link level-4-target">Wit</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/kleuren/antraciete-kit/" class="menu-item-link slideout-block-link level-4-target">Antraciet</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>Toebehoren en verbruiksartikelen</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/toebehoren-verbruiksmateriaal/" class="menu-title-link"><strong class="menu-title">Toebehoren en verbruiksartikelen</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/toebehoren-verbruiksmateriaal/" class="menu-item-link slideout-block-link level-4-target">Verbruiksmateriaal</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/toebehoren-verbruiksmateriaal/spuitmond-tuit-nozzle/" class="menu-item-link slideout-block-link level-4-target">Spuitmond, tuit en nozzle</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/toebehoren-verbruiksmateriaal/afwerkzeep/" class="menu-item-link slideout-block-link level-4-target">Afwerkzeep</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/toebehoren-verbruiksmateriaal/rugvulling-compriband-beglazingsband/" class="menu-item-link slideout-block-link level-4-target">Rugvulling, compriband en beglazingsband</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/tape/" class="menu-item-link slideout-block-link level-4-target">Tape</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/toebehoren-verbruiksmateriaal/cleaner-reiniger/" class="menu-item-link slideout-block-link level-4-target">Cleaner en reiniger</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/toebehoren-verbruiksmateriaal/beglazingsblokjes/" class="menu-item-link slideout-block-link level-4-target">Beglazingsblokjes</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/toebehoren-verbruiksmateriaal/kwasten/" class="menu-item-link slideout-block-link level-4-target">Kwasten</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/smeermiddelen/" class="menu-item-link slideout-block-link level-4-target">Spray en smeermiddelen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-4-target" @click="open = !open" :aria-expanded="open"><span>
3299Afdekmateriaal</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-5" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/gereedschap/afdekmateriaal/" class="menu-title-link"><strong class="menu-title">Afdekmateriaal</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/afdekmateriaal/dekzeil/" class="menu-item-link slideout-block-link level-5-target">Dekzeil</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/afdekmateriaal/afdekfolie/" class="menu-item-link slideout-block-link level-5-target">Afdekfolie</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/afdekmateriaal/afdekvlies/" class="menu-item-link slideout-block-link level-5-target">Afdekvlies</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/afdekmateriaal/stucloper/" class="menu-item-link slideout-block-link level-5-target">Stucloper</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/afdekmateriaal/maskingtape-met-afdekfolie/" class="menu-item-link slideout-block-link level-5-target">Maskingtape met afdekfolie</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/afdekmateriaal/puinzak/" class="menu-item-link slideout-block-link level-5-target">Puinzak</a></li></ul></div></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/bevestiging/lijmen-en-kitten/toebehoren-verbruiksmateriaal/" class="menu-item-link slideout-block-link level-4-target">Handgereedschap</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/kitspuit-kitpistool/" class="menu-item-link slideout-block-link level-4-target">Kitspuit kitpistool</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/toebehoren-verbruiksmateriaal/pur-pistool/" class="menu-item-link slideout-block-link level-4-target">Pur pistool</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/schuren/" class="menu-item-link slideout-block-link level-4-target">Schuurmiddelen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/messen/" class="menu-item-link slideout-block-link level-4-target">Messen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/beitels/" class="menu-item-link slideout-block-link level-4-target">Beitels</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/markers-pennen-potloden/" class="menu-item-link slideout-block-link level-4-target">Markers, pennen en potloden</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/hamers/" class="menu-item-link slideout-block-link level-4-target">Hamers</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/bit-en-sleutels/" class="menu-item-link slideout-block-link level-4-target">Bit- en sleutelsets</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/tangen/" class="menu-item-link slideout-block-link level-4-target">Tangen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/schroevendraaiers/" class="menu-item-link slideout-block-link level-4-target">Schroevendraaiers</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/set/" class="menu-item-link slideout-block-link level-4-target">Gereedschapsets</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/zagen/" class="menu-item-link slideout-block-link level-4-target">Zagen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/rolmaat/" class="menu-item-link slideout-block-link level-4-target">Rolmaat</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/winkelhaak/" class="menu-item-link slideout-block-link level-4-target">Winkelhaak</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/waterpas/" class="menu-item-link slideout-block-link level-4-target">Waterpas</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/zuignap-glasdrager/" class="menu-item-link slideout-block-link level-4-target">Zuignap glasdrager</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/handgereedschap/verfkrabber-plamuurmes/" class="menu-item-link slideout-block-link level-4-target">Verfkrabber en plamuurmes</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/handgereedschap/handstoffer/" class="menu-item-link slideout-block-link level-4-target">Handstoffers, bezems en trekkers</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/bevestiging/lijmen-en-kitten/toebehoren-verbruiksmateriaal/" class="menu-item-link slideout-block-link level-4-target">Algemeen gereedschap</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/pbm/" class="menu-item-link slideout-block-link level-4-target">Persoonlijke beschermingsmiddelen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/" class="menu-item-link slideout-block-link level-4-target">Elektrisch gereedschap</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/telescoopladders/" class="menu-item-link slideout-block-link level-4-target">Telescoopladders</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/schraag-zaagbok/" class="menu-item-link slideout-block-link level-4-target">Schraag zaagbok</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/werkverlichting/" class="menu-item-link slideout-block-link level-4-target">Werkverlichting</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/opbergsystemen/" class="menu-item-link slideout-block-link level-4-target">Opbergsystemen</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/alle-lijmen-en-kitten/" class="menu-item-link slideout-block-link level-3-target">Alle lijmen en kitten</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Bouten, moeren en ringen</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/bevestiging/bouten-moeren-en-ringen/" class="menu-title-link"><strong class="menu-title">Bouten, moeren en ringen</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/bouten-moeren-en-ringen/tapbouten-en-zeskantbouten/" class="menu-item-link slideout-block-link level-3-target">Tapbouten en zeskantbouten</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/bouten-moeren-en-ringen/slotbouten/" class="menu-item-link slideout-block-link level-3-target">Slotbouten</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/bouten-moeren-en-ringen/houtdraadbouten/" class="menu-item-link slideout-block-link level-3-target">Houtdraadbouten</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/pluggen/keilbouten/" class="menu-item-link slideout-block-link level-3-target">Keilbouten</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/bouten-moeren-en-ringen/draadeinden-en-stukken/" class="menu-item-link slideout-block-link level-3-target">Draadeinden en stukken</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/bouten-moeren-en-ringen/moeren/" class="menu-item-link slideout-block-link level-3-target">Moeren</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/bouten-moeren-en-ringen/ringen/" class="menu-item-link slideout-block-link level-3-target">Ringen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/schroeven/stokschroeven/" class="menu-item-link slideout-block-link level-3-target">Stokschroeven</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Montagerail accessoires</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/bevestiging/montagerail-en-accessoires/" class="menu-title-link"><strong class="menu-title">Montagerail accessoires</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/montagerail-en-accessoires/montagerail/" class="menu-item-link slideout-block-link level-3-target">Montagerail</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/montagerail-en-accessoires/bevestigingsklemmen/" class="menu-item-link slideout-block-link level-3-target">Bevestigingsklemmen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/montagerail-en-accessoires/montageplaten/" class="menu-item-link slideout-block-link level-3-target">Montageplaten</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/montagerail-en-accessoires/railmoeren-en-schuifmoeren/" class="menu-item-link slideout-block-link level-3-target">Railmoeren en schuifmoeren</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/montagerail-en-accessoires/beugels-consoles-en-koppelstukken/" class="menu-item-link slideout-block-link level-3-target">Beugels, consoles en koppelstukken</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/slangklemmen/" class="menu-item-link slideout-block-link level-2-target">Slangklemmen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/bevestiging/solar-bevestigingsclips/" class="menu-item-link slideout-block-link level-2-target">Solar bevestigingsclips</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-1-target" @click="open = !open" :aria-expanded="open"><img src="/media/wysiwyg/menu-icons/Icon set=Laadpalen.svg" alt="Laadpalen" width="36" height="36" loading="lazy"><span>Laadpalen</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-2" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/laadpalen/" class="menu-title-link"><strong class="menu-title">Laadpalen</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/laadpalen/" class="menu-item-link slideout-block-link level-2-target">Merken</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/laadpalen/easee/" class="menu-item-link slideout-block-link level-2-target">Easee</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/laadpalen/zaptec/" class="menu-item-link slideout-block-link level-2-target">Zaptec</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/laadpalen/wallbox/" class="menu-item-link slideout-block-link level-2-target">Wallbox</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/laadpalen/peblar/" class="menu-item-link slideout-block-link level-2-target">Peblar</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/laadpalen/enphase/" class="menu-item-link slideout-block-link level-2-target">Enphase</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/laadpalen/evhub/" class="menu-item-link slideout-block-link level-2-target">EVhub</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/laadpalen/zappi/" class="menu-item-link slideout-block-link level-2-target">Myenergi</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/laadpalen/hager/" class="menu-item-link slideout-block-link level-2-target">Hager</a></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/laadpalen/" class="menu-item-link slideout-block-link level-2-target">Typen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/laadpalen/laadpalen-voor-thuis/" class="menu-item-link slideout-block-link level-2-target">Laadpalen voor thuis</a></li><li x-data="iCMM()" class="menu-item"
3299:class="{'open': open }"><a href="https://www.elektramat.be/laadpalen/laadpalen-voor-bedrijven/" class="menu-item-link slideout-block-link level-2-target">Laadpalen voor bedrijven</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/laadpalen/mobiele-laadpalen-type-2/" class="menu-item-link slideout-block-link level-2-target">Mobiele laadpalen (type 2)</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/laadpalen/bidirectionele-laadpalen/" class="menu-item-link slideout-block-link level-2-target">Bidirectionele laadpalen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/laadpalen/laadpalen-met-mid-meter/" class="menu-item-link slideout-block-link level-2-target">Laadpalen met MID-meter</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/laadpalen/laadpalen-met-loadbalancing/" class="menu-item-link slideout-block-link level-2-target">Laadpalen met loadbalancing</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/laadpalen/laadpaal-met-pasjessysteem/" class="menu-item-link slideout-block-link level-2-target">Laadpalen met pasjessysteem (RFID)</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/laadpalen/laadpalen-met-backoffice-ocpp/" class="menu-item-link slideout-block-link level-2-target">Laadpalen met backoffice (OCPP)</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/laadpalen/11kw-laadpalen/" class="menu-item-link slideout-block-link level-2-target">11kW laadpalen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/laadpalen/22kw-laadpalen/" class="menu-item-link slideout-block-link level-2-target">22kW laadpalen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/laadpalen/1-fase-laadpalen/" class="menu-item-link slideout-block-link level-2-target">1-fase laadpalen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/laadpalen/3-fase-laadpalen/" class="menu-item-link slideout-block-link level-2-target">3-fase laadpalen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/laadpalen/" class="menu-item-link slideout-block-link level-2-target">Laadpaal toebehoren</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/laadpalen/laadkabels/" class="menu-item-link slideout-block-link level-2-target">Laadkabels</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/laadpalen/montagepalen/" class="menu-item-link slideout-block-link level-2-target">Montagepalen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/laadpalen/ophangbeugels-laadkabel/" class="menu-item-link slideout-block-link level-2-target">Ophangbeugels laadkabel</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/laadpalen/laadpaal-uitbreidingen/" class="menu-item-link slideout-block-link level-2-target">Laadpaal uitbreidingen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/laadpalen/overige-laadpaal-toebehoren/" class="menu-item-link slideout-block-link level-2-target">Overige laadpaal toebehoren</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-1-target" @click="open = !open" :aria-expanded="open"><img src="/media/wysiwyg/menu-icons/Icon set=Thuisbaterrijen.svg" alt="Thuisbatterijen" width="36" height="36" loading="lazy"><span>Thuisbatterijen</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-2" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/thuisbatterijen/" class="menu-title-link"><strong class="menu-title">Thuisbatterijen</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/thuisbatterijen/thuisbatterij-met-stekker/" class="menu-item-link slideout-block-link level-2-target">
3299Thuisbatterij met stekker</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/thuisbatterijen/all-in-one-thuisbatterijen/" class="menu-item-link slideout-block-link level-2-target">All-in-One thuisbatterijen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/thuisbatterijen/balkonsystemen/" class="menu-item-link slideout-block-link level-2-target">Balkonsystemen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/thuisbatterijen/groot-zakelijk-batterijsystemen/" class="menu-item-link slideout-block-link level-2-target">Groot/zakelijk batterijsystemen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/thuisbatterijen/omvormers/" class="menu-item-link slideout-block-link level-2-target">Omvormers</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/thuisbatterijen/hybride-omvormers/" class="menu-item-link slideout-block-link level-2-target">Hybride omvormers</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/thuisbatterijen/energieopslag-accessoires/" class="menu-item-link slideout-block-link level-2-target">Energieopslag accessoires</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/thuisbatterijen/marstek-thuisbatterijen/" class="menu-item-link slideout-block-link level-2-target">Marstek thuisbatterijen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/thuisbatterijen/hoymiles-thuisbatterijen/" class="menu-item-link slideout-block-link level-2-target">Hoymiles thuisbatterijen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/thuisbatterijen/conow-thuisbatterijen/" class="menu-item-link slideout-block-link level-2-target">Conow thuisbatterijen</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-1-target" @click="open = !open" :aria-expanded="open"><img src="/media/wysiwyg/menu-icons/Icon set=Verlichting.svg" alt="Verlichting" width="36" height="36" loading="lazy"><span>Verlichting</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-2" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/verlichting/" class="menu-title-link"><strong class="menu-title">Verlichting</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/" class="menu-item-link slideout-block-link level-2-target">Type verlichting</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>LED lampen</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/verlichting/led-lampen/" class="menu-title-link"><strong class="menu-title">LED lampen</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/led-lampen/e27/" class="menu-item-link slideout-block-link level-3-target">E27 LED</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/led-lampen/gu10/" class="menu-item-link slideout-block-link level-3-target">GU10 LED</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/led-lampen/e14/" class="menu-item-link slideout-block-link level-3-target">E14 LED</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/led-lampen/gu5-3/" class="menu-item-link slideout-block-link level-3-target">GU5.3 LED</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/led-lampen/tl/" class="menu-item-link slideout-block-link level-3-target">TL LED</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/led-lampen/g4/" class="menu-item-link slideout-block-link level-3-target">G4 LED</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/led-lampen/pl-led/" class="menu-item-link slideout-block-link level-3-target">PL LED</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/led-lampen/g9/" class="menu-item-link slideout-block-link level-3-target">G9 LED</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/led-lampen/r7s/" class="menu-item-link slideout-block-link level-3-target">R7S LED</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/led-lampen/ar111/" class="menu-item-link slideout-block-link level-3-target">AR111 LED</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Halogeenlampen</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/verlichting/halogeenlampen/" class="menu-title-link"><strong class="menu-title">Halogeenlampen</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/halogeenlampen/e14/" class="menu-item-link slideout-block-link level-3-target">Halogeenlamp E14</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/halogeenlampen/g9/" class="menu-item-link slideout-block-link level-3-target">G9 halogeenlamp</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/halogeenlampen/staaflamp/" class="menu-item-link slideout-block-link level-3-target">Halogeen staaflamp</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>LED spots</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button>
3299<a href="https://www.elektramat.be/verlichting/led-spots/" class="menu-title-link"><strong class="menu-title">LED spots</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/led-spots/opbouw/" class="menu-item-link slideout-block-link level-3-target">Opbouw</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>Inbouw</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/verlichting/led-spots/inbouw/" class="menu-title-link"><strong class="menu-title">Inbouw</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/led-spots/inbouw/inbouw-met-led-bron/" class="menu-item-link slideout-block-link level-4-target">Met LED bron</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/led-spots/inbouw/zonder-led-bron/" class="menu-item-link slideout-block-link level-4-target">Zonder LED bron</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/led-spots/spots-badkamer/" class="menu-item-link slideout-block-link level-3-target">Spots badkamer</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/buitenverlichting/led-grondspots/" class="menu-item-link slideout-block-link level-3-target">Grondspots</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>LED armaturen</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/verlichting/led-armaturen/" class="menu-title-link"><strong class="menu-title">LED armaturen</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/led-armaturen/downlighters/" class="menu-item-link slideout-block-link level-3-target">LED downlighters</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/led-armaturen/paneel/" class="menu-item-link slideout-block-link level-3-target">LED paneel</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/led-armaturen/waterdicht/" class="menu-item-link slideout-block-link level-3-target">LED waterdicht armatuur</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/led-armaturen/hanglampen/" class="menu-item-link slideout-block-link level-3-target">Hanglampen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/led-armaturen/high-bay/" class="menu-item-link slideout-block-link level-3-target">High Bay</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Werkverlichting</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><strong class="menu-title">Werkverlichting</strong><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/werkverlichting/230v/" class="menu-item-link slideout-block-link level-3-target">Werkverlichting 230V</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/werkverlichting/accu/" class="menu-item-link slideout-block-link level-3-target">Werkverlichting met accu</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/smart-home/" class="menu-item-link slideout-block-link level-2-target">Smart home verlichting</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/railverlichting/" class="menu-item-link slideout-block-link level-2-target">Railverlichting</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>TL lampen</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/verlichting/tl-lampen/" class="menu-title-link"><strong class="menu-title">TL lampen</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/tl-lampen/t5/" class="menu-item-link slideout-block-link level-3-target">T5 lamp</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/tl-lampen/t8/" class="menu-item-link slideout-block-link level-3-target">T8 lamp</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/tl-lampen/starters/" class="menu-item-link slideout-block-link level-3-target">Starters</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Buitenverlichting</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/verlichting/buitenverlichting/" class="menu-title-link"><strong class="menu-title">Buitenverlichting</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/buitenverlichting/paaltop-armaturen/" class="menu-item-link slideout-block-link level-3-target">Paaltop armaturen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/buitenverlichting/led-grondspots/" class="menu-item-link slideout-block-link level-3-target">LED grondspots</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/buitenverlichting/lichtmasten/" class="menu-item-link slideout-block-link level-3-target">Lichtmasten</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/buitenverlichting/opbouw-buitenverlichting/" class="menu-item-link slideout-block-link level-3-target">Opbouw buitenverlichting</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/buitenverlichting/lichtsnoer/" class="menu-item-link slideout-block-link level-3-target">Lichtsnoer</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/buitenverlichting/led-bouwlamp/" class="menu-item-link slideout-block-link level-3-target">Bouwlampen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/buitenverlichting/solar/" class="menu-item-link slideout-block-link level-3-target">Solar tuinverlichting</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Noodverlichting</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/verlichting/noodverlichting/" class="menu-title-link"><strong class="menu-title">Noodverlichting</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/noodverlichting/in-en-opbouw-noodverlichting/" class="menu-item-link slideout-block-link level-3-target">In- en opbouw noodverlichting</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/noodverlichting/onderhangend-pictogram/" class="menu-item-link slideout-block-link level-3-target">Onderhangend pictogram</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/noodverlichting/gependelde-noodverlichting/" class="menu-item-link slideout-block-link level-3-target">Gependelde noodverlichting</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Gasontladingslampen</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/verlichting/gasontladingslampen/" class="menu-title-link"><strong class="menu-title">Gasontladingslampen</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/gasontladingslampen/cdm-t-hci-t/" class="menu-item-link slideout-block-link level-3-target">CDM-T / HCI-T</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Filament LED lampen</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/verlichting/filament-lampen/" class="menu-title-link"><strong class="menu-title">Filament LED lampen</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/filament-lampen/e27-filament-led/" class="menu-item-link slideout-block-link level-3-target">E27 filament LED</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/filament-lampen/e14-filament-led/" class="menu-item-link slideout-block-link level-3-target">E14 filament LED</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Toebehoren</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/verlichting/toebehoren/" class="menu-title-link"><strong class="menu-title">Toebehoren</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/toebehoren/lampvoeten/" class="menu-item-link slideout-block-link level-3-target">Lampvoeten</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/toebehoren/voedingstrafo/" class="menu-item-link slideout-block-link level-3-target">Voedingstrafo</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>LED strips</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/verlichting/led-strip/" class="menu-title-link"><strong class="menu-title">LED strips</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/led-strip/led-strips/" class="menu-item-link slideout-block-link level-3-target">LED strips</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/led-strip/l
3299ed-strip-accessoires/" class="menu-item-link slideout-block-link level-3-target">LED strip accessoires</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/led-strip/led-strip-profielen/" class="menu-item-link slideout-block-link level-3-target">LED strip profielen</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal/typen/dimmer/" class="menu-item-link slideout-block-link level-2-target">Dimmer</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/led-armaturen/hanglampen/" class="menu-item-link slideout-block-link level-2-target">Hanglampen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/tangen/strip/" class="menu-item-link slideout-block-link level-2-target">Striptang</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/alle-kabels/" class="menu-item-link slideout-block-link level-2-target">Elektriciteitskabels</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verlichting/alle-vervangingslampen/" class="menu-item-link slideout-block-link level-2-target">Alle vervangingslampen</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-1-target" @click="open = !open" :aria-expanded="open"><img src="/media/wysiwyg/menu-icons/Icon set=Netwerk en internet.svg" alt="Netwerk en internet" width="36" height="36" loading="lazy"><span>Netwerk en internet</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-2" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/netwerk-internet/" class="menu-title-link"><strong class="menu-title">Netwerk en internet</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/" class="menu-item-link slideout-block-link level-2-target">Type product</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/mesh-systeem/" class="menu-item-link slideout-block-link level-2-target">Mesh systeem</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/wifi-versterker/" class="menu-item-link slideout-block-link level-2-target">Wifi versterker</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/wifi-router/" class="menu-item-link slideout-block-link level-2-target">Wifi router</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/netwerk-switch/" class="menu-item-link slideout-block-link level-2-target">Netwerk switch</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/access-point/" class="menu-item-link slideout-block-link level-2-target">Access point</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/adapter/" class="menu-item-link slideout-block-link level-2-target">Adapter</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Patchkasten</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/netwerk-internet/patchkasten/" class="menu-title-link"><strong class="menu-title">Patchkasten</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/patchkasten/10-inch-patchkasten/" class="menu-item-link slideout-block-link level-3-target">10 inch patchkasten</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>19 inch wandkasten</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/netwerk-internet/patchkasten/19-inch-wandkasten/" class="menu-title-link"><strong class="menu-title">19 inch wandkasten</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/patchkasten/19-inch-wandkasten/wandkasten-450mm/" class="menu-item-link slideout-block-link level-4-target">Wandkasten 450mm</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/patchkasten/19-inch-wandkasten/wandkasten-600mm/" class="menu-item-link slideout-block-link level-4-target">Wandkasten 600mm</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/patchkasten/mini/" class="menu-item-link slideout-block-link level-3-target">Mini patchkasten</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>Patchkast accessoires</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/" class="menu-title-link"><strong class="menu-title">Patchkast accessoires</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-4-target" @click="open = !open" :aria-expanded="open"><span>Ethernet switches</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-5" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/ethernet-switch/" class="menu-title-link"><strong class="menu-title">Ethernet switches</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/ethernet-switch/unmanaged/" class="menu-item-link slideout-block-link level-5-target">Unmanaged</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/ethernet-switch/smart-managed/" class="menu-item-link slideout-block-link level-5-target">Smart managed</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/19-inch-stekkerdozen/" class="menu-item-link slideout-block-link level-4-target">19 inch stekkerdozen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-4-target" @click="open = !open" :aria-expanded="open"><span>Legborden</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-5" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/legborden/" class="menu-title-link"><strong class="menu-title">Legborden</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/legborden/vast/" class="menu-item-link slideout-block-link level-5-target">Vast</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/legborden/uitschuifbaar/" class="menu-item-link slideout-block-link level-5-target">Uitschuifbaar</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/legborden/universeel/" class="menu-item-link slideout-block-link level-5-target">Universeel</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/legborden/wandkast/" class="menu-item-link slideout-block-link level-5-target">Wandkast</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/legborden/overig/" class="menu-item-link slideout-block-link level-5-target">Overig</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/ventilatorset/" class="menu-item-link slideout-block-link level-4-target">Ventilatorset</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/afdek-blindpanelen/" class="menu-item-link slideout-block-link level-4-target">Afdek- en blindpanelen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/patchkast-verlichting/" class="menu-item-link slideout-block-link level-4-target">Patchkast verlichting</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/kabelmanagement/" class="menu-item-link slideout-block-link level-4-target">Kabelmanagement</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/sokkels/" class="menu-item-link slideout-block-link level-4-target">Sokkels</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/afsluitbare-lades/" class="menu-item-link slideout-block-link level-4-target">
3299Afsluitbare lades</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/l-profielen/" class="menu-item-link slideout-block-link level-4-target">L-profielen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/kooimoeren/" class="menu-item-link slideout-block-link level-4-target">Kooimoeren</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-4-target" @click="open = !open" :aria-expanded="open"><span>Patchpanelen</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-5" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/patchpanelen/" class="menu-title-link"><strong class="menu-title">Patchpanelen</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/patchpanelen/10-inch/" class="menu-item-link slideout-block-link level-5-target">10 inch patchpanelen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/patchpanelen/19-inch/" class="menu-item-link slideout-block-link level-5-target">19 inch patchpanelen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/patchpanelen/keystone/" class="menu-item-link slideout-block-link level-5-target">Keystone patchpanelen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/patchpanelen/keystone-media-boxes/" class="menu-item-link slideout-block-link level-5-target">Keystone media boxes</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/patchpanelen/keystones/" class="menu-item-link slideout-block-link level-5-target">Keystones</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/10-inch-accessoires/" class="menu-item-link slideout-block-link level-4-target">10 inch accessoires</a></li></ul></div></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="" class="menu-item-link slideout-block-link level-2-target">Camera's</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Netwerk en internet gereedschap</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/netwerk-internet/gereedschap/" class="menu-title-link"><strong class="menu-title">Netwerk en internet gereedschap</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/tangen/strip/" class="menu-item-link slideout-block-link level-3-target">Kabelstrippers</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/tangen/krimp/" class="menu-item-link slideout-block-link level-3-target">Krimptangen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/gereedschap/lsa-punchdown-tools/" class="menu-item-link slideout-block-link level-3-target">LSA punchdown tools</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/gereedschap/netwerk-toolset/" class="menu-item-link slideout-block-link level-3-target">Netwerk toolset</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/set/" class="menu-item-link slideout-block-link level-3-target">Gereedschapsets</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/netwerk-internet/gereedschap/test-gereedschap/" class="menu-item-link slideout-block-link level-3-target">Test gereedschap</a></li></ul></div></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-1-target" @click="open = !open" :aria-expanded="open"><img src="/media/wysiwyg/menu-icons/Icon set=Gereedschap.svg" alt="Gereedschap" width="36" height="36" loading="lazy"><span>Gereedschap</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-2" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/gereedschap/" class="menu-title-link"><strong class="menu-title">Gereedschap</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item menu-item-cta" :class="{'open': open }"><div class="bg-primary-5 p-2.5 mx-4 rounded-lg text-white"><strong class="text-primary leading-none font-branded font-bold block">Hulp nodig?</strong><span class="text-black text-sm">Stel je handgereedschap samen</span><a href="/gereedschapskoffer-configuratoren" class="btn btn-secondary text-center cta_item_link">
3299Ga naar configurator</a></div></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/" class="menu-item-link slideout-block-link level-2-target">Type product</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Handgereedschap</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/gereedschap/hand/" class="menu-title-link"><strong class="menu-title">Handgereedschap</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>Tangen</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/gereedschap/hand/tangen/" class="menu-title-link"><strong class="menu-title">Tangen</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/tangen/strip/" class="menu-item-link slideout-block-link level-4-target">Striptang</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/tangen/krimp/" class="menu-item-link slideout-block-link level-4-target">Krimptang</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/tangen/zijknip/" class="menu-item-link slideout-block-link level-4-target">Zijkniptang</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/tangen/combinatie/" class="menu-item-link slideout-block-link level-4-target">Combinatietang</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/tangen/grip/" class="menu-item-link slideout-block-link level-4-target">Griptang</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/tangen/waterpomp/" class="menu-item-link slideout-block-link level-4-target">Waterpomptang</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/tangen/kabelschaar/" class="menu-item-link slideout-block-link level-4-target">Kabelschaar</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/tangen/punt/" class="menu-item-link slideout-block-link level-4-target">Punttang</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/tangen/nijp/" class="menu-item-link slideout-block-link level-4-target">Nijptang</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/tangen/buisschaar/" class="menu-item-link slideout-block-link level-4-target">Buizensnijder</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/tangen/lijm/" class="menu-item-link slideout-block-link level-4-target">Lijmtang</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/tangen/set/" class="menu-item-link slideout-block-link level-4-target">Tangensets</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/tangen/popnagel/" class="menu-item-link slideout-block-link level-4-target">Popnageltang</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/tangen/perstang/" class="menu-item-link slideout-block-link level-4-target">Perstang</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/schroevendraaiers/" class="menu-item-link slideout-block-link level-3-target">Schroevendraaiers</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>Messen</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/gereedschap/hand/messen/" class="menu-title-link"><strong class="menu-title">Messen</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/messen/kabel/" class="menu-item-link slideout-block-link level-4-target">Kabelmes</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/messen/afbreek/" class="menu-item-link slideout-block-link level-4-target">Afbreekmes</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/messen/uitschuif/" class="menu-item-link slideout-block-link level-4-target">Uitschuifmes</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/messen/reserve/" class="menu-item-link slideout-block-link level-4-target">Rservemes</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/messen/ontbramer/" class="menu-item-link slideout-block-link level-4-target">Ontbramer</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/messen/stanley/" class="menu-item-link slideout-block-link level-4-target">Stanleymes</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>Meetgereedschap</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/gereedschap/hand/meten/" class="menu-title-link"><strong class="menu-title">Meetgereedschap</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/stroomtang/" class="menu-item-link slideout-block-link level-4-target">Stroomtang</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/spanningstester/" class="menu-item-link slideout-block-link level-4-target">Spanningstester</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/meetsnoeren/" class="menu-item-link slideout-block-link level-4-target">Meetsnoeren</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/multimeter/" class="menu-item-link slideout-block-link level-4-target">Multimeter</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/temperatuurmeter/" class="menu-item-link slideout-block-link level-4-target">Temperatuurmeter</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/temperatuurprobes-en-accessoires/" class="menu-item-link slideout-block-link level-4-target">Temperatuurprobes & accessoires</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/leidingzoeker-balkzoeker/" class="menu-item-link slideout-block-link level-4-target">Leidingzoeker balkzoeker</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/lijnlaser-kruislijnlaser/" class="menu-item-link slideout-block-link level-4-target">Lijnlaser kruislijnlaser</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/laserafstandsmeter/" class="menu-item-link slideout-block-link level-4-target">Laserafstandsmeter</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/rolmaat/" class="menu-item-link slideout-block-link level-4-target">Rolmaat</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/schuifmaat/" class="menu-item-link slideout-block-link level-4-target">Schuifmaat</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/duimstok/" class="menu-item-link slideout-block-link level-4-target">Duimstok</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/lint/" class="menu-item-link slideout-block-link level-4-target">Meetlint</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/waterpas/" class="menu-item-link slideout-block-link level-4-target">Waterpas</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/winkelhaak/" class="menu-item-link slideout-block-link level-4-target">Winkelhaak</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/set/" class="menu-item-link slideout-block-link level-3-target">Gereedschapsets</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>Zagen</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/gereedschap/hand/zagen/" class="menu-title-link"><strong class="menu-title">Zagen</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/zagen/metaalbeugel/" class="menu-item-link slideout-block-link level-4-target">Metaalbeugelzaag</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/zagen/hand/" class="menu-item-link slideout-block-link level-4-target">Handzaag</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/boren/gat/" class="menu-item-link slideout-block-link level-4-target">Klokboor</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>Beitels</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/gereedschap/hand/beitels/" class="menu-title-link"><strong class="menu-title">Beitels</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/beitels/hand/" class="menu-item-link slideout-block-link level-4-target">Handbeitel</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/beitels/sds-plus/" class="menu-item-link slideout-block-link level-4-target">Beitel SDS-plus</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/beitels/koevoet/" class="menu-item-link slideout-block-link level-4-target">Koevoet</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>Bit- en sleutelsets</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/gereedschap/hand/bit-en-sleutels/" class="menu-title-link"><strong class="menu-title">Bit- en sleutelsets</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/bit-en-sleutels/inbus-en-torx/" class="menu-item-link slideout-block-link level-4-target">Inbus- en torxsleutel</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/schroefbit-en-bitset/schroef/" class="menu-item-link slideout-block-link level-4-target">Schroefbit</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/schroefbit-en-bitset/set/" class="menu-item-link slideout-block-link level-4-target">Bitset</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/bit-en-sleutels/verstelbaar/" class="menu-item-link slideout-block-link level-4-target">Verstelbare moersleutel</a></li><li x-data="
3299iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/bit-en-sleutels/momentsleutel/" class="menu-item-link slideout-block-link level-4-target">Momentsleutel</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/moersleutels/" class="menu-item-link slideout-block-link level-3-target">Moersleutels</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>Markers, pennen en potloden</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/gereedschap/hand/markers-pennen-potloden/" class="menu-title-link"><strong class="menu-title">Markers, pennen en potloden</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/markers-pennen-potloden/diepgatmarkering/" class="menu-item-link slideout-block-link level-4-target">Diepgatmarkering</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/markers-pennen-potloden/timmermans/" class="menu-item-link slideout-block-link level-4-target">Timmermanspotlood</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/markers-pennen-potloden/marker/" class="menu-item-link slideout-block-link level-4-target">Marker</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>Hamers</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/gereedschap/hand/hamers/" class="menu-title-link"><strong class="menu-title">Hamers</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/hamers/klauw/" class="menu-item-link slideout-block-link level-4-target">Klauwhamer</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/hamers/bank/" class="menu-item-link slideout-block-link level-4-target">Bankhamer</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/hamers/moker/" class="menu-item-link slideout-block-link level-4-target">Moker</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/hamers/rubber/" class="menu-item-link slideout-block-link level-4-target">Rubberhamer</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/bankschroef/" class="menu-item-link slideout-block-link level-3-target">Bankschroef</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/kitspuit-kitpistool/" class="menu-item-link slideout-block-link level-3-target">Kitspuit en kitpistool</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/bevestiging/lijmen-en-kitten/toebehoren-verbruiksmateriaal/pur-pistool/" class="menu-item-link slideout-block-link level-3-target">Pur pistool</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/verfkrabber-plamuurmes/" class="menu-item-link slideout-block-link level-3-target">Verfkrabber en plamuurmes</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/handstoffer/" class="menu-item-link slideout-block-link level-3-target">Handstoffers, bezems en trekkers</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/zuignap-glasdrager/" class="menu-item-link slideout-block-link level-3-target">Zuignap glasdrager</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>Trek- en buigveren</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/gereedschap/hand/trek-en-buigveren/" class="menu-title-link"><strong class="menu-title">Trek- en buigveren</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/trek-en-buigveren/glasvezel-kunststof/" class="menu-item-link slideout-block-link level-4-target">Trekveer glasvezel/kunststof</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/trek-en-buigveren/metaal/" class="menu-item-link slideout-block-link level-4-target">Trekveer metaal</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/trek-en-buigveren/accessoires/" class="menu-item-link slideout-block-link level-4-target">Trekveer accessoires</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/trek-en-buigveren/systeem/" class="menu-item-link slideout-block-link level-4-target">Trekveersysteem</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/trek-en-buigveren/buig/" class="menu-item-link slideout-block-link level-4-target">Buigveer</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/handtacker/" class="menu-item-link slideout-block-link level-3-target">Handtacker</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/persgereedschap-w-installatie/" class="menu-item-link slideout-block-link level-3-target">Persgereedschap W-installatie</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/overig/" class="menu-item-link slideout-block-link level-3-target">Overig handgereedschap</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Elektrisch gereedschap</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/gereedschap/elektrisch/" class="menu-title-link"><strong class="menu-title">Elektrisch gereedschap</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/" class="menu-item-link slideout-block-link level-3-target">Boren & schroeven</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/boren-schroeven/boormachine/" class="menu-item-link slideout-block-link level-3-target">Boormachine</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/boren-schroeven/klopboormachine/" class="menu-item-link slideout-block-link level-3-target">Klopboormachine</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/boren-schroeven/boorhamer/" class="menu-item-link slideout-block-link level-3-target">Boorhamer</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/boren-schroeven/slagschroevendraaier/" class="menu-item-link slideout-block-link level-3-target">Slagschroevendraaier</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/boren-schroeven/bandschroefmachine/" class="menu-item-link slideout-block-link level-3-target">Bandschroefmachine</a></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/" class="menu-item-link slideout-block-link level-3-target">Zagen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/afkortzaag/" class="menu-item-link slideout-block-link level-3-target">Afkortzaag</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/decoupeerzaag/" class="menu-item-link slideout-block-link level-3-target">Decoupeerzaag</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/reciprozaag/" class="menu-item-link slideout-block-link level-3-target">Reciprozaag</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/multitool/" class="menu-item-link slideout-block-link level-3-target">Multitool</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/cirkelzaag/" class="menu-item-link slideout-block-link level-3-target">Cirkelzaag</a></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/" class="menu-item-link slideout-block-link level-3-target">Slijpen & frezen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/sleuvenfrees/" class="menu-item-link slideout-block-link level-3-target">Sleuvenfrees</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/bovenfrees/" class="menu-item-link slideout-block-link level-3-target">Bovenfrees</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/haakse-slijper/" class="menu-item-link slideout-block-link level-3-target">Haakse slijper</a></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/" class="menu-item-link slideout-block-link level-3-target">Persgereedschap</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/perstang-w-installatie/" class="menu-item-link slideout-block-link level-3-target">Perstang W-installatie</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/perstang-e-installatie/" class="menu-item-link slideout-block-link level-3-target">Perstang E-installatie</a></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/" class="menu-item-link slideout-block-link level-3-target">Solderen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/gasbrander/" class="menu-item-link slideout-block-link level-3-target">Gasbrander</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/elektrische-soldeerbout/" class="menu-item-link slideout-block-link level-3-target">Elektrische soldeerbout</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/accessoires-verbruiksartikelen/" class="menu-item-link slideout-block-link level-3-target">Accessoires en verbruiksartikelen</a></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/" class="menu-item-link slideout-block-link level-3-target">Schuren & schaven</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/schuurmachine/" class="menu-item-link slideout-block-link level-3-target">Schuurmachine</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/langnek-schuurmachine/" class="menu-item-link slideout-block-link level-3-target">Langnek schuurmachine</a></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/" class="menu-item-link slideout-block-link level-3-target">Hetelucht verwarmen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/heteluchtpistool/" class="menu-item-link slideout-block-link level-3-target">Heteluchtpistool</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verwarming-en-koeling/werkplaatskachel/" class="menu-item-link slideout-block-link level-3-target">Werkplaatskachel</a></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/" class="menu-item-link slideout-block-link level-3-target">Pompen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/dompelpomp/" class="menu-item-link slideout-block-link level-3-target">Dompelpomp</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/compressor/" class="menu-item-link slideout-block-link level-3-target">Compressor</a></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/" class="menu-item-link slideout-block-link level-3-target">Stofzuigen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/stofzuiger/" class="menu-item-link slideout-block-link level-3-target">Stofzuiger</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap
3299/elektrisch/aszuiger/" class="menu-item-link slideout-block-link level-3-target">Aszuiger</a></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/" class="menu-item-link slideout-block-link level-3-target">Mengen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/betonmixer-verfmixer/" class="menu-item-link slideout-block-link level-3-target">Betonmixer verfmixer</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/mengstaaf-mixer/" class="menu-item-link slideout-block-link level-3-target">Mengstaaf mixer</a></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/" class="menu-item-link slideout-block-link level-3-target">Tacken, nieten & spijkeren</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="" class="menu-item-link slideout-block-link level-3-target"><img src="/gereedschap/elektrisch/tacker/" alt="Tacker" width="36" height="36" loading="lazy">Tacker</a></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/" class="menu-item-link slideout-block-link level-3-target">Lijmen & kitten</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/kitspuit/" class="menu-item-link slideout-block-link level-3-target">Kitspuit</a></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/" class="menu-item-link slideout-block-link level-3-target">Radio</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/bouwradio/" class="menu-item-link slideout-block-link level-3-target">Bouwradio</a></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/" class="menu-item-link slideout-block-link level-3-target">Accu en lader</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/losse-accu/" class="menu-item-link slideout-block-link level-3-target">Losse accu</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/accu-lader/" class="menu-item-link slideout-block-link level-3-target">Accu lader</a></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/" class="menu-item-link slideout-block-link level-3-target">Merken</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/makita/" class="menu-item-link slideout-block-link level-3-target">Makita</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/dewalt/" class="menu-item-link slideout-block-link level-3-target">DeWalt</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/powerplus/" class="menu-item-link slideout-block-link level-3-target">PowerPlus</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Meetinstrumenten</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/" class="menu-title-link"><strong class="menu-title">Meetinstrumenten</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/stroomtang/" class="menu-item-link slideout-block-link level-3-target">Stroomtang</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/spanningstester/" class="menu-item-link slideout-block-link level-3-target">Spanningstester</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/meetsnoeren/" class="menu-item-link slideout-block-link level-3-target">Meetsnoeren</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/multimeter/" class="menu-item-link slideout-block-link level-3-target">Multimeter</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/temperatuurmeter/" class="menu-item-link slideout-block-link level-3-target">Temperatuurmeter</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/temperatuurprobes-en-accessoires/" class="menu-item-link slideout-block-link level-3-target">Temperatuurprobes & accessoires</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/leidingzoeker-balkzoeker/" class="menu-item-link slideout-block-link level-3-target">Leidingzoeker en balkzoeker</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/lijnlaser-kruislijnlaser/" class="menu-item-link slideout-block-link level-3-target">Lijnlaser en kruislijnlaser</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/laserafstandsmeter/" class="menu-item-link slideout-block-link level-3-target">Laserafstandsmeter</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/rolmaat/" class="menu-item-link slideout-block-link level-3-target">Rolmaat</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/schuifmaat/" class="menu-item-link slideout-block-link level-3-target">Schuifmaat</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/duimstok/" class="menu-item-link slideout-block-link level-3-target">Duimstok</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/lint/" class="menu-item-link slideout-block-link level-3-target">Meetlint</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/waterpas/" class="menu-item-link slideout-block-link level-3-target">Waterpas</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/winkelhaak/" class="menu-item-link slideout-block-link level-3-target">Winkelhaak</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Solderen</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/gereedschap/elektrisch/solderen/" class="menu-title-link"><strong class="menu-title">Solderen</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/gasbrander/" class="menu-item-link slideout-block-link level-3-target">Gasbrander</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/elektrische-soldeerbout/" class="menu-item-link slideout-block-link level-3-target">Elektrische soldeerbout</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/accessoires-verbruiksartikelen/" class="menu-item-link slideout-block-link level-3-target">Accessoires en verbruiksartikelen</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Persoonlijke beschermingsmiddelen</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/gereedschap/pbm/" class="menu-title-link"><strong class="menu-title">Persoonlijke beschermingsmiddelen</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/pbm/handbescherming/" class="menu-item-link slideout-block-link level-3-target">Handbescherming</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/pbm/gehoorbescherming/" class="menu-item-link slideout-block-link level-3-target">Gehoorbescherming</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/pbm/hoofdbescherming/" class="menu-item-link slideout-block-link level-3-target">Hoofdbescherming</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/pbm/oogbescherming/" class="menu-item-link slideout-block-link level-3-target">Oogbescherming</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/pbm/adembescherming/" class="menu-item-link slideout-block-link level-3-target">Adembescherming</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/pbm/kniebescherming/" class="menu-item-link slideout-block-link level-3-target">Kniebescherming</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/pbm/veiligheidsvesten/" class="menu-item-link slideout-block-link level-3-target">Veiligheidsvesten</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/pbm/overige-beschermingsmiddelen/" class="menu-item-link slideout-block-link level-3-target">Overige beschermingsmiddelen</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/telescoopladders/" class="menu-item-link slideout-block-link level-2-target">Telescoopladders</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Opbergsystemen</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/gereedschap/opbergsystemen/" class="menu-title-link"><strong class="menu-title">Opbergsystemen</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/opbergsystemen/assortimentsdozen/" class="menu-item-link slideout-block-link level-3-target">Assortimentsdozen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/opbergsystemen/gereedschapskoffer/" class="menu-item-link slideout-block-link level-3-target">Gereedschapskoffer</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/opbergsystemen/gereedschapstas/" class="menu-item-link slideout-block-link level-3-target">Gereedschapstas</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/opbergsystemen/gereedschapskist/" class="menu-item-link slideout-block-link level-3-target">Gereedschapskist</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/hulpmiddelen/kabelafroller/" class="menu-item-link slideout-block-link level-2-target">Kabelafroller</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Werkverlichting</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/gereedschap/hand/werkverlichting/" class="menu-title-link"><strong class="menu-title">Werkverlichting</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/werkverlichting/230v/" class="menu-item-link slideout-block-link level-3-target">Werkverlichting 230V</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/werkverlichting/accu/" class="menu-item-link slideout-block-link level-3-target">Werkverlichting met accu</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/schraag-zaagbok/" class="menu-item-link slideout-block-link level-2-target">Schraag zaagbok</a></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/" class="menu-item-link slideout-block-link level-2-target">Verbruiksmateriaal gereedschap</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/smeermiddelen/" class="menu-item-link slideout-block-link level-2-target">Spray en smeermiddelen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/elektrisch/mengstaaf-mixer/" class="menu-item-l
3299ink slideout-block-link level-2-target">Mengstaaf mixer</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Afdekmateriaal</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/gereedschap/afdekmateriaal/" class="menu-title-link"><strong class="menu-title">Afdekmateriaal</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/afdekmateriaal/dekzeil/" class="menu-item-link slideout-block-link level-3-target">Dekzeil</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/afdekmateriaal/afdekfolie/" class="menu-item-link slideout-block-link level-3-target">Afdekfolie</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/afdekmateriaal/afdekvlies/" class="menu-item-link slideout-block-link level-3-target">Afdekvlies</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/afdekmateriaal/stucloper/" class="menu-item-link slideout-block-link level-3-target">Stucloper</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/afdekmateriaal/maskingtape-met-afdekfolie/" class="menu-item-link slideout-block-link level-3-target">Maskingtape met afdekfolie</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/afdekmateriaal/puinzak/" class="menu-item-link slideout-block-link level-3-target">Puinzak</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Schuurmiddelen</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/gereedschap/hand/schuren/" class="menu-title-link"><strong class="menu-title">Schuurmiddelen</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/schuren/papier/" class="menu-item-link slideout-block-link level-3-target">Schuurpapier</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/schuren/linnen/" class="menu-item-link slideout-block-link level-3-target">Schuurlinnen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/schuren/spons/" class="menu-item-link slideout-block-link level-3-target">Schuurspons</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/schuren/vijl/" class="menu-item-link slideout-block-link level-3-target">Vijl</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/schuren/staalborstel-komborstel/" class="menu-item-link slideout-block-link level-3-target">Staalborstel en komborstel</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/schuren/schuurschijf/" class="menu-item-link slideout-block-link level-3-target">Schuurschijf</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Zaagblad en slijpschijven</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/gereedschap/zaagblad-en-slijpschijven/" class="menu-title-link"><strong class="menu-title">Zaagblad en slijpschijven</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/zaagblad-en-slijpschijven/doorslijpschijf/" class="menu-item-link slideout-block-link level-3-target">Doorslijpschijf</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/zaagblad-en-slijpschijven/multitool/" class="menu-item-link slideout-block-link level-3-target">Multitool zaagblad</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/zaagblad-en-slijpschijven/decoupeer/" class="menu-item-link slideout-block-link level-3-target">Decoupeer zaagblad</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/zaagblad-en-slijpschijven/recipro/" class="menu-item-link slideout-block-link level-3-target">Recipro zaagblad</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/zaagblad-en-slijpschijven/cirkelzaagblad/" class="menu-item-link slideout-block-link level-3-target">Cikrelzaagblad</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Boren</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/gereedschap/hand/boren/" class="menu-title-link"><strong class="menu-title">Boren</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/boren/dozen/" class="menu-item-link slideout-block-link level-3-target">Dozenboor</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/boren/hout/" class="menu-item-link slideout-block-link level-3-target">Houtboor</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/boren/metaal/" class="menu-item-link slideout-block-link level-3-target">Metaalboor</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/boren/steen-betonboor/" class="menu-item-link slideout-block-link level-3-target">Steen- en betonboor</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/boren/draadtappen/" class="menu-item-link slideout-block-link level-3-target">Draadtappen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/boren/stappen/" class="menu-item-link slideout-block-link level-3-target">Stappenboor</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/boren/gat/" class="menu-item-link slideout-block-link level-3-target">Klokboor</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/boren/verzinkboor/" class="menu-item-link slideout-block-link level-3-target">Verzinkboor</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/boren/tegelboren/" class="menu-item-link slideout-block-link level-3-target">Tegelboren</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/bevestigingsmateriaal/tape/" class="menu-item-link slideout-block-link level-2-target">Tape</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Markers, pennen en potloden</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/gereedschap/hand/markers-pennen-potloden/" class="menu-title-link"><strong class="menu-title">Markers, pennen en potloden</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/markers-pennen-potloden/diepgatmarkering/" class="menu-item-link slideout-block-link level-3-target">Diepgatmarkering</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/markers-pennen-potloden/timmermans/" class="menu-item-link slideout-block-link level-3-target">Timmermanspotlood</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/markers-pennen-potloden/marker/" class="menu-item-link slideout-block-link level-3-target">Marker</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/bevestiging/lijmen-en-kitten/toebehoren-verbruiksmateriaal/kwasten/" class="menu-item-link slideout-block-link level-2-target">Kwasten</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/bevestiging/lijmen-en-kitten/toebehoren-verbruiksmateriaal/cleaner-reiniger/" class="menu-item-link slideout-block-link level-2-target">Cleaner en reiniger</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/bevestiging/lijmen-en-kitten/toebehoren-verbruiksmateriaal/beglazingsblokjes/" class="menu-item-link slideout-block-link level-2-target">Beglazingsblokjes</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Schroefbit en bitset</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/gereedschap/schroefbit-en-bitset/" class="menu-title-link"><strong class="menu-title">Schroefbit en bitset</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/schroefbit-en-bitset/schroef/" class="menu-item-link slideout-block-link level-3-target">Schroefbit</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="" class="menu-item-link slideout-block-link level-3-target">Bitset</a></li></ul></div></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/" class="menu-item-link slideout-block-link level-2-target">Merken</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Knipex</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/gereedschap/knipex/" class="menu-title-link"><strong class="menu-title">Knipex</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/knipex/tangen/" class="menu-item-link slideout-block-link level-3-target">Tangen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/knipex/striptang/" class="menu-item-link slideout-block-link level-3-target">Striptang</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/knipex/zijkniptang/" class="menu-item-link slideout-block-link level-3-target">Zijkniptang</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/knipex/knipex-waterpomptang/" class="menu-item-link slideout-block-link level-3-target">Waterpomptang</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/tangen/krimp/?-filter=true&ae-merk%5B0%5D=KNIPEX" class="menu-item-link slideout-block-link level-3-target">Krimptang</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/tangen/combinatie/?-filter=true&ae-merk%5B0%5D=KNIPEX" class="menu-item-link slideout-block-link level-3-target">Combinatietang</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/tangen/grip/?-filter=true&ae-merk%5B0%5D=KNIPEX" class="menu-item-link slideout-block-link level-3-target">Griptang</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/tangen/kabelschaar/?-filter=true&ae-merk%5B0%5D=KNIPEX" class="menu-item-link slideout-block-link level-3-target">Kabelschaar</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/tangen/punt/?-filter=true&ae-merk%5B0%5D=KNIPEX" class="menu-item-link slideout-block-link level-3-target">Punttang</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/tangen/nijp/" class="menu-item-link sl
3299ideout-block-link level-3-target">Nijptang</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/tangen/buisschaar/?-filter=true&ae-merk%5B0%5D=KNIPEX" class="menu-item-link slideout-block-link level-3-target">Buizensnijder</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hand/set/?-filter=true&ae-merk%5B0%5D=KNIPEX" class="menu-item-link slideout-block-link level-3-target">Tangensets</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/wiha/" class="menu-item-link slideout-block-link level-2-target">Wiha</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/wera/" class="menu-item-link slideout-block-link level-2-target">Wera</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/dewalt/" class="menu-item-link slideout-block-link level-2-target">DeWalt</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/makita/" class="menu-item-link slideout-block-link level-2-target">Makita</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/kreator/" class="menu-item-link slideout-block-link level-2-target">Kreator</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/cimco/" class="menu-item-link slideout-block-link level-2-target">Cimco</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/gedore/" class="menu-item-link slideout-block-link level-2-target">Gedore</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hultafors/" class="menu-item-link slideout-block-link level-2-target">Hultafors</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/runpotec/" class="menu-item-link slideout-block-link level-2-target">Runpotec</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/emhub/" class="menu-item-link slideout-block-link level-2-target">EMhub</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/stanley/" class="menu-item-link slideout-block-link level-2-target">Stanley</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/powerplus/" class="menu-item-link slideout-block-link level-2-target">PowerPlus</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschap/hyundai/" class="menu-item-link slideout-block-link level-2-target">Hyundai</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-1-target" @click="open = !open" :aria-expanded="open"><img src="/media/wysiwyg/menu-icons/Icon set=Water afvoer aanvoer.svg" alt="Water aanvoer/afvoer" width="36" height="36" loading="lazy"><span>Water aanvoer/afvoer</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-2" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/water-aanvoer-afvoer/" class="menu-title-link"><strong class="menu-title">Water aanvoer/afvoer</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/" class="menu-item-link slideout-block-link level-2-target">Water aanvoer</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Koper en stalen leidingen</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/water-aanvoer-afvoer/koper-stalen-leidingen/" class="menu-title-link"><strong class="menu-title">Koper en stalen leidingen</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/koper-stalen-leidingen/koperen-buis/" class="menu-item-link slideout-block-link level-3-target">Koperen buis</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/koppelingen/perskoppelingen-koper-leiding/" class="menu-item-link slideout-block-link level-3-target">Perskoppelingen koper leiding</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/koppelingen/koperen-fittingen-knelkoppelingen/" class="menu-item-link slideout-block-link level-3-target">Koperen fittingen en knelkoppelingen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/koper-stalen-leidingen/cv-buis-staal/" class="menu-item-link slideout-block-link level-3-target">CV buis staal</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/koppelingen/cv-knel-en-perskoppelingen/" class="menu-item-link slideout-block-link level-3-target">CV knel- en perskoppelingen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/bevestiging/lijmen-en-kitten/kitten/alle-typen/schroefdraadafdichting/" class="menu-item-link slideout-block-link level-3-target">Schroefdraadafdichting</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Tyleen</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/water-aanvoer-afvoer/tyleen/" class="menu-title-link"><strong class="menu-title">Tyleen</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/tyleen/zpe-en-hpe-waterleiding/" class="menu-item-link slideout-block-link level-3-target">Tyleen ZPE en HPE waterleiding</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/koppelingen/tyleen/" class="menu-item-link slideout-block-link level-3-target">Tyleen koppelingen</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Meerlagenbuis</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/water-aanvoer-afvoer/meerlagenbuis/" class="menu-title-link"><strong class="menu-title">Meerlagenbuis</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/meerlagenbuis/meerlagenbuizen/" class="menu-item-link slideout-block-link level-3-target">Meerlagenbuis</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/koppelingen/perskoppelingen-meerlagenbuis/" class="menu-item-link slideout-block-link level-3-target">Perskoppelingen meerlagenbuis</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Koppelingen</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/water-aanvoer-afvoer/koppelingen/" class="menu-title-link"><strong class="menu-title">Koppelingen</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/koppelingen/perskoppelingen-meerlagenbuis/" class="menu-item-link slideout-block-link level-3-target">Perskoppelingen meerlagenbuis</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/koppelingen/perskoppelingen-koper-leiding/" class="menu-item-link slideout-block-link level-3-target">Perskoppelingen koper leiding</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/koppelingen/tyleen/" class="menu-item-link slideout-block-link level-3-target">Tyleen koppelingen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/koppelingen/koperen-fittingen-knelkoppelingen/" class="menu-item-link slideout-block-link level-3-target">Koperen fittingen en knelkoppelingen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/koppelingen/cv-knel-en-perskoppelingen/" class="menu-item-link slideout-block-link level-3-target">CV knel- en perskoppelingen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/bevestiging/lijmen-en-kitten/kitten/alle-typen/schroefdraadafdichting/" class="menu-item-link slideout-block-link level-3-target">Schroefdraadafdichting</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Kraan</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/water-aanvoer-afvoer/kraan/" class="menu-title-link"><strong class="menu-title">Kraan</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/kraan/kogelkraan/" class="menu-item-link slideout-block-link level-3-target">Kogelkraan</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/kraan/vorstvrij/" class="menu-item-link slideout-block-link level-3-target">Vorstvrije kraan</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/kraan/wasmachine/" class="menu-item-link slideout-block-link level-3-target">Wasmachine kraan</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/flexibele-waterleiding-slang/" class="menu-item-link slideout-block-link level-2-target">Flexibele waterleiding slang</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/waterontharder/" class="menu-item-link slideout-block-link level-2-target">Waterontharder</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/boilers-buffervaten/" class="menu-item-link slideout-block-link level-2-target">Boilers en buffervaten</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/toebehoren-sanitair-installatiemateriaal/" class="menu-item-link slideout-block-link level-2-target">Toebehoren sanitair installatiemateriaal</a></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/" class="menu-item-link slideout-block-link level-2-target">Waterafvoer</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Riolering</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/water-aanvoer-afvoer/riolering/" class="menu-title-link"><strong class="menu-title">Riolering</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/riolering/pvc-afvoerbuis-rioolbuis/" class="menu-item-link slideout-block-link level-3-target">PVC afvoerbuis rioolbuis</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>PVC hulpstukken riolering - lijm</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/water-aanvoer-afvoer/riolering/pvc-hulpstukken/" class="menu-title-link"><strong class="menu-title">PVC hulpstukken riolering - lijm</strong></a><button class="mainmenu-mobile-close" @click="s
3299uperClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/riolering/pvc-hulpstukken/pvc-sokken/" class="menu-item-link slideout-block-link level-4-target">PVC sokken</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/riolering/pvc-hulpstukken/pvc-bochten/" class="menu-item-link slideout-block-link level-4-target">PVC bochten</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/riolering/pvc-hulpstukken/t-stuk/" class="menu-item-link slideout-block-link level-4-target">PVC T-stuk</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/riolering/pvc-hulpstukken/pvc-verloopstuk/" class="menu-item-link slideout-block-link level-4-target">PVC verloopstuk</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/riolering/pvc-hulpstukken/pvc-eindkap/" class="menu-item-link slideout-block-link level-4-target">PVC eindkap</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/riolering/pvc-hulpstukken/pvc-speciedeksel/" class="menu-item-link slideout-block-link level-4-target">PVC speciedeksel</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/riolering/pvc-hulpstukken/pvc-overig-hulpstukken/" class="menu-item-link slideout-block-link level-4-target">PVC overige hulpstukken</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-3-target" @click="open = !open" :aria-expanded="open"><span>PVC hulpstukken riolering - manchet</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-4" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/water-aanvoer-afvoer/riolering/pvc-hulpstukken-manchet/" class="menu-title-link"><strong class="menu-title">PVC hulpstukken riolering - manchet</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/riolering/pvc-hulpstukken-manchet/pvc-moffen/" class="menu-item-link slideout-block-link level-4-target">PVC moffen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/riolering/pvc-hulpstukken-manchet/pvc-bochten/" class="menu-item-link slideout-block-link level-4-target">PVC bochten</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/riolering/pvc-hulpstukken-manchet/pvc-t-stuk/" class="menu-item-link slideout-block-link level-4-target">PVC T-stuk</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/riolering/pvc-hulpstukken-manchet/pvc-speciedeksel/" class="menu-item-link slideout-block-link level-4-target">PVC speciedeksel</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/riolering/pvc-hulpstukken-manchet/pvc-overig-hulpstukken/" class="menu-item-link slideout-block-link level-4-target">PVC overig hulpstukken</a></li></ul></div></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Hemelwaterafvoer HWA</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/water-aanvoer-afvoer/hemelwaterafvoer-hwa/" class="menu-title-link"><strong class="menu-title">Hemelwaterafvoer HWA</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/hemelwaterafvoer-hwa/" class="menu-item-link slideout-block-link level-3-target">PVC buis HWA regenpijp</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/hemelwaterafvoer-hwa/buis-regenpijp/" class="menu-item-link slideout-block-link level-3-target">PVC hemelwaterafvoer buis regenpijp</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/hemelwaterafvoer-hwa/tijdelijke-hemelwaterafvoer/" class="menu-item-link slideout-block-link level-3-target">PVC tijdelijke hemelwaterafvoer</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/hemelwaterafvoer-hwa/hulpstukken-buis-regenpijp/" class="menu-item-link slideout-block-link level-3-target">PVC hulpstukken buis regenpijp HWA</a></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/hemelwaterafvoer-hwa/" class="menu-item-link slideout-block-link level-3-target">PVC dakgoot en hulpstukken</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/hemelwaterafvoer-hwa/minigoot/" class="menu-item-link slideout-block-link level-3-target">PVC minigoot</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/hemelwaterafvoer-hwa/pvc-mastgoot/" class="menu-item-link slideout-block-link level-3-target">PVC mastgoot</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/hemelwaterafvoer-hwa/pvc-bakgoot/" class="menu-item-link slideout-block-link level-3-target">PVC bakgoot</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/hemelwaterafvoer-hwa/mastgoot-met-kraal-type125/" class="menu-item-link slideout-block-link level-3-target">PVC mastgoot met kraal type 125</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/hemelwaterafvoer-hwa/mastgoot-met-kraal-type150/" class="menu-item-link slideout-block-link level-3-target">PVC mastgoot met kraal type 150</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/hemelwaterafvoer-hwa/bakgoot-met-kraal-type140/" class="menu-item-link slideout-block-link level-3-target">PVC bakgoot met kraal type 140</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/hemelwaterafvoer-hwa/bakgoot-met-kraal-type180/" class="menu-item-link slideout-block-link level-3-target">PVC bakgoot met kraal type 180</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Sifon en beluchter</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/water-aanvoer-afvoer/sifon-en-beluchters/" class="menu-title-link"><strong class="menu-title">Sifon en beluchter</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/sifon-en-beluchters/" class="menu-item-link slideout-block-link level-3-target">Type sifon</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/sifon-en-beluchters/beker/" class="menu-item-link slideout-block-link level-3-target">Bekersifon</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/sifon-en-beluchters/plugbeker/" class="menu-item-link slideout-block-link level-3-target">Plugbekersigon</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/sifon-en-beluchters/buis/" class="menu-item-link slideout-block-link level-3-target">Buissifon</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/sifon-en-beluchters/universeel/" class="menu-item-link slideout-block-link level-3-target">Universeel sifon</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/sifon-en-beluchters/ruimtebesparend/" class="menu-item-link slideout-block-link level-3-target">Ruimtebesparende sifon</a></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/sifon-en-beluchters/" class="menu-item-link slideout-block-link level-3-target">Aanverwanten sifon</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/sifon-en-beluchters/afvoerplug-korfplug/" class="menu-item-link slideout-block-link level-3-target">Afvoerplug korfplug</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/sifon-en-beluchters/verlengbuis-en-aanverwanten/" class="menu-item-link slideout-block-link level-3-target">Verlengbuis en aanverwanten</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/sifon-en-beluchters/beluchters/" class="menu-item-link slideout-block-link level-3-target">Beluchter</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/doucheputten-en-goten/" class="menu-item-link slideout-block-link level-2-target">Doucheput en douchegoot</a></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Merken</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/water-aanvoer-afvoer/" class="menu-title-link"><strong class="menu-title">Merken</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/henco/" class="menu-item-link slideout-block-link level-3-target">Henco</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/wavin/" class="menu-item-link slideout-block-link level-3-target">Wavin</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/walraven/" class="menu-item-link slideout-block-link level-3-target">Walraven</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/viega/" class="menu-item-link slideout-block-link level-3-target">Viega</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/eslon/" class="menu-item-link slideout-block-link level-3-target">ESLON (S-lon)</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/mcalpine/" class="menu-item-link slideout-block-link level-3-target">McAlpine</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/differnz/" class="menu-item-link slideout-block-link level-3-target">Differenz</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/plasson/" class="menu-item-link slideout-block-link level-3-target">Plasson</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/water-aanvoer-afvoer/uponor/" class="menu-item-link slideout-block-link level-3-target">Uponor</a></li></ul></div></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-1-target" @click="open = !open" :aria-expanded="open"><img src="/media/wysiwyg/menu-icons/Icon set=Verwarming en verkoeling.svg" alt="Verwarming en koeling" width="36" height="36" loading="lazy"><span>Verwarming en koeling</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-2" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/verwarming-en-koeling/" class="menu-title-link"><strong class="menu-title">Verwarming en koeling</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/verwarming-en-koeling/" class="menu-item-link slideout-block-link level-2-target">Verwarming vrijstaand</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verwarming-en-koeling/elektrische-kachels/" class="menu-item-link slideout-block-link level-2-target">Elektrische kachels</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verwarming-en-koeling/elektrische-handdoekradiator/" class="menu-item-link slideout-block-link level-2-target">Elektrische handdoekradiatoren</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verwarming-en-koeling/infrarood-panelen/" class="menu-item-link slideout-block-link level-2-target">Infrarood paneel</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verwarming-en-koeling/werkplaatskachel/" class="menu-item-link slideout-block-link lev
3299el-2-target">Werkplaatskachel</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verwarming-en-koeling/spiegel-verwarming/" class="menu-item-link slideout-block-link level-2-target">Spiegelverwarming</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verwarming-en-koeling/vorstbeveiliging/" class="menu-item-link slideout-block-link level-2-target">Vorstbeveiliging</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verwarming-en-koeling/terrasverwarmer/" class="menu-item-link slideout-block-link level-2-target">Terrasverwarming</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verwarming-en-koeling/radiator-toebehoren/" class="menu-item-link slideout-block-link level-2-target">Radiator toebehoren</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verwarming-en-koeling/radiator-ventilatoren/" class="menu-item-link slideout-block-link level-2-target">Radiator ventilatoren</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verwarming-en-koeling/lucht-lucht-warmtepomp/" class="menu-item-link slideout-block-link level-2-target">Lucht-lucht warmtepomp</a></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/verwarming-en-koeling/" class="menu-item-link slideout-block-link level-2-target">Vloerverwarming</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verwarming-en-koeling/vloerverwarming/elektrisch/" class="menu-item-link slideout-block-link level-2-target">Elektrische vloerverwarming</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verwarming-en-koeling/vloerverwarming/verwarmingsmat/" class="menu-item-link slideout-block-link level-2-target">Verwarmingsmat</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verwarming-en-koeling/vloerverwarming/vloerverwarming-toebehoren/" class="menu-item-link slideout-block-link level-2-target">Vloerverwarming toebehoren</a></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Thermostaat</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/verwarming-en-koeling/" class="menu-title-link"><strong class="menu-title">Thermostaat</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verwarming-en-koeling/thermostaat/slimme-thermostaat/" class="menu-item-link slideout-block-link level-3-target">Slimme thermostaat</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verwarming-en-koeling/thermostaat/universeel-opbouw/" class="menu-item-link slideout-block-link level-3-target">Opbouw thermostaat</a></li></ul></div></li><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><a href="https://www.elektramat.be/verwarming-en-koeling/" class="menu-item-link slideout-block-link level-2-target">Koeling</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verwarming-en-koeling/staande-ventilator/" class="menu-item-link slideout-block-link level-2-target">Staande ventilator</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verwarming-en-koeling/torenventilator/" class="menu-item-link slideout-block-link level-2-target">Torenventilator</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verwarming-en-koeling/luchtontvochtiger/" class="menu-item-link slideout-block-link level-2-target">Luchtontvochtiger</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verwarming-en-koeling/luchtbevochtiger/" class="menu-item-link slideout-block-link level-2-target">Luchtbevochtiger</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verwarming-en-koeling/koelboxen/" class="menu-item-link slideout-block-link level-2-target">Koelboxen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/verwarming-en-koeling/caravan-airco/" class="menu-item-link slideout-block-link level-2-target">Caravan airco</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-1-target" @click="open = !open" :aria-expanded="open"><img src="/media/wysiwyg/menu-icons/Icon%20set=Lucht%20en%20ventilatie.svg" alt="Overige materiaal" width="36" height="36" loading="lazy"><span>
3299Overige materiaal</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-2" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/overige/" class="menu-title-link"><strong class="menu-title">Overige materiaal</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item menu-item-heading" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-2-target" @click="open = !open" :aria-expanded="open"><span>Zonnepaneel materiaal</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-3" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><a href="https://www.elektramat.be/overige/zonnepaneel-materiaal/" class="menu-title-link"><strong class="menu-title">Zonnepaneel materiaal</strong></a><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/thuisbatterijen/omvormers/" class="menu-item-link slideout-block-link level-3-target">Omvormers</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/thuisbatterijen/" class="menu-item-link slideout-block-link level-3-target">Thuisbatterijen</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/overige/zonnepaneel-materiaal/solar-gereedschap/" class="menu-item-link slideout-block-link level-3-target">Solar gereedschap</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/draad-kabel/solarkabel/" class="menu-item-link slideout-block-link level-3-target">Solar kabel</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/installatiemateriaal/werkschakelaar/" class="menu-item-link slideout-block-link level-3-target">Werkschakelaar</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/buis/" class="menu-item-link slideout-block-link level-3-target">Buizen</a></li></ul></div></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/overige/inbouwventilator/" class="menu-item-link slideout-block-link level-2-target">Inbouwventilator</a></li></ul></div></li></ul></div></li><li x-data="iCMM()" class="menu-item menu-item-grid" :class="{'open': open }"><button class="menu-item-button menu-item-link submenu-item-button level-0-target" @click="open = !open" :aria-expanded="open"><img src="/media/wysiwyg/menu-icons/Icon set=Keuzehulp.svg" alt="Keuzehulp" width="36" height="36" loading="lazy"><span>Keuzehulp</span><span aria-hidden="true" :class="{ 'rotate-180': open }" class="menu-item-button-icon" ></span></button><div class="level-1" x-show="open" x-bind="listTransition"><div class="title-wrapper"><button @click="open = false" type="button" class="back-button" aria-label="Terug"></button><strong class="menu-title">Keuzehulp</strong><button class="mainmenu-mobile-close" @click="superClose" aria-label="Close mobile menu" ><svg width="24" height="24" aria-hidden="true"><use href="#icon-x"/></svg></button></div><ul class="pb-10 xs:pb-0"><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/groepenkast-configurator/index/index/build-id/BE-S8MJY0PT4D/?build=S8MJY0PT4D" class="menu-item-link slideout-block-link level-1-target"><img src="https://www.elektramat.be/media/converted/groepenkastgenerator-be.webp" alt="Zekeringkast generator" width="36" height="36" loading="lazy">Zekeringkast generator</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/schakelmateriaal-configuratoren" class="menu-item-link slideout-block-link level-1-target"><img src="https://www.elektramat.be/media/converted/schakelmateriaalgenerator-be.webp" alt="Schakelmateriaal keuzehulp tools" width="36" height="36" loading="lazy">Schakelmateriaal keuzehulp tools</a></li><li x-data="iCMM()" class="menu-item" :class="{'open': open }"><a href="https://www.elektramat.be/gereedschapskoffer-configuratoren" class="menu-item-link slideout-block-link level-1-target"><img src="https://www.elektramat.be/media/converted/wysiwyg/menu-icons/1handgereedschap_keuzehulp-removebg-preview.webp" alt="Gereedschapskoffer configuratoren" width="36" height="36" loading="lazy">Gereedschapskoffer configuratoren</a></li></ul></div></li></ul></div></div><ul><li class="menu-item" x-data="{ open: false, customer: {} }" @private-content-loaded.window="customer = $event.detail.data.customer;"><a href="https://www.elektramat.be/customer/account/" class="menu-item-link"><div class="text-black-75 [&>svg]:w-[30px] [&>svg]:h-[30px] relative"><svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.5 21C20.5 19.6044 20.5 18.9067 20.3278 18.3389C19.94 17.0605 18.9395 16.06 17.6611 15.6722C17.0933 15.5 16.3956 15.5 15 15.5H10C8.60444 15.5 7.90665 15.5 7.33886 15.6722C6.06045 16.06 5.06004 17.0605 4.67224 18.3389C4.5 18.9067 4.5 19.6044 4.5 21M17 7.5C17 9.98528 14.9853 12 12.5 12C10.0147 12 8 9.98528 8 7.5C8 5.01472 10.0147 3 12.5 3C14.9853 3 17 5.01472 17 7.5Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg><template x-if="customer && customer.firstname"><div class="w-3.5 h-3.5 rounded-full bg-success absolute text-white bottom-0 right-0 text-xxs flex items-center justify-center [&_svg]:w-2" aria-hidden="true">
3299<svg width="14" height="10" viewBox="0 0 14 10" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M5.08672 9.3877L0.886719 5.1877L1.69297 4.38145L5.08672 7.7752L12.2867 0.575195L13.093 1.38145L5.08672 9.3877Z" fill="currentColor"/></svg></div></template><template x-if="customer && !customer.firstname"><div class="w-3.5 h-3.5 rounded-full bg-alert absolute text-white bottom-0 right-0 text-xxs flex items-center justify-center [&_svg]:w-2" aria-hidden="true"><?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Warstwa_3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 430 430" style="enable-background:new 0 0 430 430;" xml:space="preserve"><g><path d="M59.58,376.82c-1.64,0-3.28-0.63-4.53-1.88c-2.5-2.5-2.5-6.56,0-9.06L365.9,55.05c2.5-2.5,6.55-2.5,9.06,0 c2.5,2.5,2.5,6.56,0,9.06L64.11,374.95C62.86,376.2,61.22,376.82,59.58,376.82z" style="stroke-width: 2rem; stroke: currentColor"/><path d="M370.42,376.83c-1.64,0-3.28-0.63-4.53-1.88L55.05,64.11c-2.5-2.5-2.5-6.56,0-9.06c2.5-2.5,6.55-2.5,9.06,0 L374.95,365.9c2.5,2.5,2.5,6.56,0,9.06C373.7,376.2,372.06,376.83,370.42,376.83z" style="stroke-width: 2rem; stroke: currentColor"/></g></svg></div></template></div><template x-if="customer && customer.firstname"><div>Mijn account</div></template><template x-if="customer && !customer.firstname"><div>Log in</div></template></a></li><li x-data="segmentationDropdown()" id="segmentation-container-6abb81061d46d" class="segmentation-dropdown mx-5 lg:ml-8 lg:mr-0 lg:w-48 relative leading-none mt-4 lg:mt-0" @private-content-loaded.window="receiveCustomerData($event.detail.data)" @keydown.esc="open = false" @click.outside="open = false" ><button type="button" class="group py-2 lg:py-0.5 px-2.5 font-normal text-black font-body text-xs leading-6 border border-secondary-10 bg-secondary-10 rounded-full w-full flex items-center hover:underline justify-center lg:justify-start " :class="{ 'hover rounded-t-lg border-b-secondary-10 border-primary': open, 'border-secondary-10 rounded-full': !open }" :aria-expanded="open" aria-controls="segmentation-dropdown-6abb81061d46e" @click="toggle()" ><span x-show="targetGroupCategory === null" class="lg:ml-auto" >Kies je weergave</span><template x-if="targetGroupCategory !== null"><div aria-hidden="true" x-cloak class="text-primary [&_svg]:w-6 [&_svg]:h-6 [&_svg]:text-primary [&_path]:stroke-1 mr-2.5" x-html="targetGroupCategory.icon" ></div></template><template x-if="targetGroupCategory !== null"><span x-html="targetGroupCategory.label"></span></template><span class="dropdown-icon ml-1.5 lg:mr-auto w-3 h-2.5 bg-secondary mask-arrow rotate-90" aria-hidden="true" :class="{ 'rotate-90': !open, '-rotate-90': open }" ></span></button><div class="lg:absolute bg-secondary-10 w-full border border-t-0 border-primary rounded-b-lg top-[calc(100%-1px)]" id="segmentation-dropdown-6abb81061d46e" x-show="open" x-cloak ><fieldset class="pt-0.5 pb-2.5 px-2.5 max-h-80 overflow-auto focus:outline-none text-xs leading-5.5" role="radiogroup" aria-labelledby="segmentation-dropdown-legend-6abb81061d46f" ><legend id="segmentation-dropdown-legend-6abb81061d46f" class="mb-1.5" :class="{ 'sr-only': targetGroupCategory === null }" >Kies je weergave</legend><div class="flex flex-col gap-1.5"><div class="[&_svg]:w-6 [&_svg]:h-6 [&_svg]:text-primary [&_path]:stroke-1 flex gap-2 items-center"><svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.5 21C20.5 19.6044 20.5 18.9067 20.3278 18.3389C19.94 17.0605 18.9395 16.06 17.6611 15.6722C17.0933 15.5 16.3956 15.5 15 15.5H10C8.60444 15.5 7.90665 15.5 7.33886 15.6722C6.06045 16.06 5.06004 17.0605 4.67224 18.3389C4.5 18.9067 4.5 19.6044 4.5 21M17 7.5C17 9.98528 14.9853 12 12.5 12C10.0147 12 8 9.98528 8 7.5C8 5.01472 10.0147 3 12.5 3C14.9853 3 17 5.01472 17 7.5Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg><span><strong>Particulier</strong> incl. btw</span></div><label class="flex gap-2 items-center cursor-pointer leading-6"><input type="radio" name="target-group-6abb81061d471" x-model="targetGroupCode" value="type_particulier" id="segmentation-target-group-6abb81061d470-type_particulier-6abb81061d616" class="cursor-pointer" @change="select('type_particulier')" aria-labelledby="label-target-group-type_particulier" aria-label="Selecteer Particulier als mijn doelgroep" ><span>Particulier</span></label><div class="[&_svg]:w-6 [&_svg]:h-6 [&_svg]:text-primary [&_path]:stroke-1 flex gap-2 items-center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.4 20V7.55556C8.4 6.72892 8.4 6.31559 8.492 5.97648C8.74166 5.05624 9.46944 4.33744 10.4012 4.09086C10.7445 4 11.163 4 12 4C12.837 4 13.2555 4 13.5988 4.09086C14.5305 4.33744 15.2584 5.05624 15.508 5.97648C15.6 6.31559 15.6 6.72892 15.6 7.55556V20M5.88 20H18.12C19.1281 20 19.6322 20 20.0172 19.8062C20.3559 19.6358 20.6313 19.3638 20.8038 19.0293C21 18.6491 21 18.1512 21 17.1556V10.4C21 9.40435 21 8.90652 20.8038 8.52624C20.6313 8.19172 20.3559 7.91976 20.0172 7.74932C19.6322 7.55556 19.1281 7.55556 18.12 7.55556H5.88C4.8719 7.55556 4.36786 7.55556 3.98282 7.74932C3.64412 7.91976 3.36876 8.19172 3.19619 8.52624C3 8.90652 3 9.40435 3 10.4V17.1556C3 18.1512 3 18.6491 3.19619 19.0293C3.36876 19.3638 3.64412 19.6358 3.98282 19.8062C4.36786 20 4.87191 20 5.88 20Z" stroke="#196CAE" stroke-linecap="round" stroke-linejoin="round"/></svg><span><strong>Zakelijk</strong> excl. btw</span></div><label class="flex gap-2 items-center cursor-pointer leading-6"><input type="radio" name="target-group-6abb81061d471" x-model="targetGroupCode" value="type_e-installatie" id="segmentation-target-group-6abb81061d470-type_e-installatie-6abb81061d68f" class="cursor-pointer" @change="select('type_e\u002Dinstallatie')" aria-labelledby="label-target-group-type_e-installatie" aria-label="Selecteer E-installateur als mijn doelgroep" ><span>E-installateur</span></label><label class="flex gap-2 items-center cursor-pointer leading-6"><input type="radio" name="target-group-6abb81061d471" x-model="targetGroupCode" value="type_w-installatie" id="segmentation-target-group-6abb81061d470-type_w-installatie-6abb81061d6a3" class="cursor-pointer" @change="select('type_w\u002Dinstallatie')" aria-labelledby="label-target-group-type_w-installatie" aria-label="Selecteer W-installateur als mijn doelgroep" ><span>W-installateur</span></label><label class="flex gap-2 items-center cursor-pointer leading-6"><input type="radio" name="target-group-6abb81061d471" x-model="targetGroupCode" value="type_bouw" id="segmentation-target-group-6abb81061d470-type_bouw-6abb81061d6b2" class="cursor-pointer" @change="select('type_bouw')" aria-labelledby="label-target-group-type_bouw" aria-label="Selecteer Bouw & constructie als mijn doelgroep" ><span>Bouw & constructie</span></label><label class="flex gap-2 items-center cursor-pointer leading-6"><input type="radio" name="target-group-6abb81061d471" x-model="targetGroupCode" value="type_anders_zakelijk" id="segmentation-target-group-6abb81061d470-type_anders_zakelijk-6abb81061d6c3" class="cursor-pointer" @change="select('type_anders_zakelijk')" aria-labelledby="label-target-group-type_anders_zakelijk" aria-label="Selecteer Anders zakelijk als mijn doelgroep" ><span>Anders zakelijk</span></label></div></fieldset></div></li>
3299<script>function segmentationDropdown() { 3300 const targetGroupSaveEndpoint = 'https://www.elektramat.be/segmentation/targetgroup/save/'; 3301 3302 return { 3303 open: false, 3304 targetGroupCode: null, 3305 targetGroupCategory: null, 3306 targetGroupCategoriesMap: {"type_particulier":{"label":"<strong>Particulier<\/strong> incl. btw","icon":"<svg width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M20.5 21C20.5 19.6044 20.5 18.9067 20.3278 18.3389C19.94 17.0605 18.9395 16.06 17.6611 15.6722C17.0933 15.5 16.3956 15.5 15 15.5H10C8.60444 15.5 7.90665 15.5 7.33886 15.6722C6.06045 16.06 5.06004 17.0605 4.67224 18.3389C4.5 18.9067 4.5 19.6044 4.5 21M17 7.5C17 9.98528 14.9853 12 12.5 12C10.0147 12 8 9.98528 8 7.5C8 5.01472 10.0147 3 12.5 3C14.9853 3 17 5.01472 17 7.5Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>","options":[{"value":"type_particulier","label":"Particulier","type":"private"}]},"type_e-installatie":{"label":"<strong>Zakelijk<\/strong> excl. btw","icon":"<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M8.4 20V7.55556C8.4 6.72892 8.4 6.31559 8.492 5.97648C8.74166 5.05624 9.46944 4.33744 10.4012 4.09086C10.7445 4 11.163 4 12 4C12.837 4 13.2555 4 13.5988 4.09086C14.5305 4.33744 15.2584 5.05624 15.508 5.97648C15.6 6.31559 15.6 6.72892 15.6 7.55556V20M5.88 20H18.12C19.1281 20 19.6322 20 20.0172 19.8062C20.3559 19.6358 20.6313 19.3638 20.8038 19.0293C21 18.6491 21 18.1512 21 17.1556V10.4C21 9.40435 21 8.90652 20.8038 8.52624C20.6313 8.19172 20.3559 7.91976 20.0172 7.74932C19.6322 7.55556 19.1281 7.55556 18.12 7.55556H5.88C4.8719 7.55556 4.36786 7.55556 3.98282 7.74932C3.64412 7.91976 3.36876 8.19172 3.19619 8.52624C3 8.90652 3 9.40435 3 10.4V17.1556C3 18.1512 3 18.6491 3.19619 19.0293C3.36876 19.3638 3.64412 19.6358 3.98282 19.8062C4.36786 20 4.87191 20 5.88 20Z\" stroke=\"#196CAE\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>","options":[{"value":"type_e-installatie","label":"E-installateur","type":"business"},{"value":"type_w-installatie","label":"W-installateur","type":"business"},{"value":"type_bouw","label":"Bouw & constructie","type":"business"},{"value":"type_anders_zakelijk","label":"Anders zakelijk","type":"business"}]},"type_w-installatie":{"label":"<strong>Zakelijk<\/strong> excl. btw","icon":"<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M8.4 20V7.55556C8.4 6.72892 8.4 6.31559 8.492 5.97648C8.74166 5.05624 9.46944 4.33744 10.4012 4.09086C10.7445 4 11.163 4 12 4C12.837 4 13.2555 4 13.5988 4.09086C14.5305 4.33744 15.2584 5.05624 15.508 5.97648C15.6 6.31559 15.6 6.72892 15.6 7.55556V20M5.88 20H18.12C19.1281 20 19.6322 20 20.0172 19.8062C20.3559 19.6358 20.6313 19.3638 20.8038 19.0293C21 18.6491 21 18.1512 21 17.1556V10.4C21 9.40435 21 8.90652 20.8038 8.52624C20.6313 8.19172 20.3559 7.91976 20.0172 7.74932C19.6322 7.55556 19.1281 7.55556 18.12 7.55556H5.88C4.8719 7.55556 4.36786 7.55556 3.98282 7.74932C3.64412 7.91976 3.36876 8.19172 3.19619 8.52624C3 8.90652 3 9.40435 3 10.4V17.1556C3 18.1512 3 18.6491 3.19619 19.0293C3.36876 19.3638 3.64412 19.6358 3.98282 19.8062C4.36786 20 4.87191 20 5.88 20Z\" stroke=\"#196CAE\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>","options":[{"value":"type_e-installatie","label":"E-installateur","type":"business"},{"value":"type_w-installatie","label":"W-installateur","type":"business"},{"value":"type_bouw","label":"Bouw & constructie","type":"business"},{"value":"type_anders_zakelijk","label":"Anders zakelijk","type":"business"}]},"type_bouw":{"label":"<strong>Zakelijk<\/strong> excl. btw","icon":"<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M8.4 20V7.55556C8.4 6.72892 8.4 6.31559 8.492 5.97648C8.74166 5.05624 9.46944 4.33744 10.4012 4.09086C10.7445 4 11.163 4 12 4C12.837 4 13.2555 4 13.5988 4.09086C14.5305 4.33744 15.2584 5.05624 15.508 5.97648C15.6 6.31559 15.6 6.72892 15.6 7.55556V20M5.88 20H18.12C19.1281 20 19.6322 20 20.0172 19.8062C20.3559 19.6358 20.6313 19.3638 20.8038 19.0293C21 18.6491 21 18.1512 21 17.1556V10.4C21 9.40435 21 8.90652 20.8038 8.52624C20.6313 8.19172 20.3559 7.91976 20.0172 7.74932C19.6322 7.55556 19.1281 7.55556 18.12 7.55556H5.88C4.8719 7.55556 4.36786 7.55556 3.98282 7.74932C3.64412 7.91976 3.36876 8.19172 3.19619 8.52624C3 8.90652 3 9.40435 3 10.4V17.1556C3 18.1512 3 18.6491 3.19619 19.0293C3.36876 19.3638 3.64412 19.6358 3.98282 19.8062C4.36786 20 4.87191 20 5.88 20Z\" stroke=\"#196CAE\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>","options":[{"value":"type_e-installatie","label":"E-installateur","type":"business"},{"value":"type_w-installatie","label":"W-installateur","type":"business"}
3306,{"value":"type_bouw","label":"Bouw & constructie","type":"business"},{"value":"type_anders_zakelijk","label":"Anders zakelijk","type":"business"}]},"type_anders_zakelijk":{"label":"<strong>Zakelijk<\/strong> excl. btw","icon":"<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M8.4 20V7.55556C8.4 6.72892 8.4 6.31559 8.492 5.97648C8.74166 5.05624 9.46944 4.33744 10.4012 4.09086C10.7445 4 11.163 4 12 4C12.837 4 13.2555 4 13.5988 4.09086C14.5305 4.33744 15.2584 5.05624 15.508 5.97648C15.6 6.31559 15.6 6.72892 15.6 7.55556V20M5.88 20H18.12C19.1281 20 19.6322 20 20.0172 19.8062C20.3559 19.6358 20.6313 19.3638 20.8038 19.0293C21 18.6491 21 18.1512 21 17.1556V10.4C21 9.40435 21 8.90652 20.8038 8.52624C20.6313 8.19172 20.3559 7.91976 20.0172 7.74932C19.6322 7.55556 19.1281 7.55556 18.12 7.55556H5.88C4.8719 7.55556 4.36786 7.55556 3.98282 7.74932C3.64412 7.91976 3.36876 8.19172 3.19619 8.52624C3 8.90652 3 9.40435 3 10.4V17.1556C3 18.1512 3 18.6491 3.19619 19.0293C3.36876 19.3638 3.64412 19.6358 3.98282 19.8062C4.36786 20 4.87191 20 5.88 20Z\" stroke=\"#196CAE\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>","options":[{"value":"type_e-installatie","label":"E-installateur","type":"business"},{"value":"type_w-installatie","label":"W-installateur","type":"business"},{"value":"type_bouw","label":"Bouw & constructie","type":"business"},{"value":"type_anders_zakelijk","label":"Anders zakelijk","type":"business"}]}}, 3307 targetGroups: [{"value":"type_e-installatie","label":"E-installateur","type":"business"},{"value":"type_w-installatie","label":"W-installateur","type":"business"},{"value":"type_bouw","label":"Bouw & constructie","type":"business"},{"value":"type_anders_zakelijk","label":"Anders zakelijk","type":"business"},{"value":"type_particulier","label":"Particulier","type":"private"}], 3308 isTouchDevice: false, 3309 3310 init() { 3311 this.isTouchDevice = (('ontouchstart' in window) || (navigator.maxTouchPoints >0) || (navigator.msMaxTouchPoints >0)); 3312 }, 3313 3314 shouldMenuOpen() { 3315 return !this.isTouchDevice; 3316 }, 3317 3318 receiveCustomerData(data) { 3319 this.targetGroupCode = data.segmentation.targetGroup ?? null; 3320 this.targetGroupCategory = this.targetGroupCategoriesMap[this.targetGroupCode] || null; 3321 }, 3322 3323 toggle() { 3324 this.open = !this.open; 3325 }, 3326 3327 close() { 3328 this.open = false; 3329 }, 3330 3331 async select(targetGroupCode) { 3332 try { 3333 const newTargetGroup = Object.values(this.targetGroups).find(group => group.value === targetGroupCode); 3334 3335 3336 document.dispatchEvent(new CustomEvent('segmentation-target-group-changed', { 3337 detail: { 3338 targetGroup: newTargetGroup, 3339 } 3340 })); 3341 3342 await fetch(targetGroupSaveEndpoint, { 3343 method: 'POST', 3344 headers: { 3345 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' 3346 }, 3347 body: new URLSearchParams({ 3348 form_key: hyva.getFormKey(), 3349 target_group: targetGroupCode 3350 }).toString(), 3351 credentials: 'same-origin' 3352 }); 3353 3354 this.open = false; 3355 } catch (e) { 3356 console.warn('Segmentation dropdown: failed to save target group', e); 3357 } 3358 3359 dispatchEvent(new Event('reload-customer-section-data')); 3360 } 3361 } 3362 }</script>
3362</ul></nav></div>
3362<script>window.listTransition = { 3363 'x\u002Dtransition\u003Aenter': 'transition\u0020ease\u002Dout\u0020duration\u002D300', 3364 'x\u002Dtransition\u003Aenter\u002Dstart': 'translate\u002Dx\u002Dfull\u0020opacity\u002D0', 3365 'x\u002Dtransition\u003Aenter\u002Dend': 'translate\u002Dx\u002D0\u0020opacity\u002D100', 3366 }; 3367 3368 function onLeftToRightDrag( 3369 element, 3370 onDragEnd, 3371 opts = {} 3372 ) { 3373 const { 3374 minDistance = 40, // px 3375 maxAngle = 30, // deg 3376 preventDefault = true 3377 } = opts; 3378 3379 let startX, startY; 3380 3381 function onStart(e) { 3382 if (e.touches?.length !== 1) return; 3383 startX = e.touches[0].clientX; 3384 startY = e.touches[0].clientY; 3385 } 3386 3387 function onEnd(e) { 3388 if (!startX || e.changedTouches?.length !== 1) return; 3389 const endX = e.changedTouches[0].clientX; 3390 const endY = e.changedTouches[0].clientY; 3391 3392 const dx = endX - startX; 3393 const dy = Math.abs(endY - startY); 3394 const angle = Math.atan2(dy, Math.abs(dx)) * 180 / Math.PI; 3395 3396 if ( 3397 dx >minDistance && // moved far enough right 3398 angle< maxAngle // roughly horizontal 3399 ) { 3400 if (preventDefault) e.preventDefault(); 3401 onDragEnd(e); 3402 } 3403 startX = startY = null; 3404 } 3405 3406 const events = { 3407 touchstart: onStart, 3408 touchend: onEnd 3409 }; 3410 3411 Object.keys(events).forEach(evt => element.addEventListener(evt, events[evt], { passive: !preventDefault })); 3412 3413 // return a cleanup function 3414 return () => Object.keys(events).forEach(evt => element.removeEventListener(evt, events[evt])); 3415 } 3416 3417 function initMobileMenu() { 3418 return { 3419 open: false, 3420 dragListener: null, 3421 3422 init() { 3423 document.addEventListener('mobile-menu-close', () => { 3424 if (this.open) { 3425 this.toggleMobileMenu(); 3426 } 3427 }); 3428 this.$watch('open', (value) => { 3429 document.body.classList.toggle('menu-open', value); 3430 }); 3431 }, 3432 3433 registerDragListener() { 3434 this.dragListener = onLeftToRightDrag(document.body, () => { 3435 if (this.open) { 3436 this.toggleMobileMenu(); 3437 } 3438 }); 3439 }, 3440 3441 toggleMobileMenu() { 3442 document.body.classList.toggle('overflow-clip'); 3443 this.open = !this.open; 3444 if (!this.open && this.dragListener) { 3445 this.dragListener(); 3446 } else { 3447 this.registerDragListener(); 3448 } 3449 }, 3450 superClose() { 3451 document.dispatchEvent(new CustomEvent('mobile-menu-close')); 3452 } 3453 } 3454 } 3455 3456 function initChildMobileMenu(initialOpen = false) { 3457 return { 3458 open: initialOpen, 3459 init() { 3460 document.addEventListener('mobile-menu-close', () => { 3461 if (this.open) { 3462 this.open = false; 3463 } 3464 }); 3465 }, 3466 superClose() { 3467 document.dispatchEvent(new CustomEvent('mobile-menu-close')); 3468 } 3469 } 3470 } 3471 3472 window.iCMM = initChildMobileMenu;</script>
3472 </div> 3473 </div> 3474 3475
3476<script> 3477 function initCartDrawer() { 3478 return { 3479 open: false, 3480 isLoading: false, 3481 cart: {}, 3482 addedProductId: null, 3483 freeShippingPromotion: { 3484 baseMessage: 'Besteed\u0020nog\u0020\u003Cstrong\u003E\u00251\u003C\u002Fstrong\u003E\u0020voor\u0020\u003Cstrong\u003Egratis\u0020verzending\u003C\u002Fstrong\u003E', 3485 message: '', 3486 progressPercentage: 0 3487 }, 3488 maxItemsToDisplay: 10, 3489 itemsCount: 0, 3490 totalCartAmount: 0, 3491 init() { 3492 window.hasCartDrawerBeenOpened = false; 3493 if (document.prerendering) { 3494 document.addEventListener('prerenderingchange', function () { 3495 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 3496 }, {once: true}); 3497 } 3498 }, 3499 openDrawer() { 3500 if (this.itemsCount > 0) { 3501 this.open = true; 3502 document.body.classList.add('drawer-active'); 3503 window.hasCartDrawerBeenOpened = true; 3504 3505 } 3506 }, 3507 closeDrawer() { 3508 this.open = false; 3509 this.addedProductId = null; 3510 document.body.classList.remove('drawer-active'); 3511 }, 3512 getData(data) { 3513 if (data.cart) { 3514 this.cart = data.cart; 3515 this.itemsCount = data.cart.items && data.cart.items.length || 0; 3516 this.totalCartAmount = this.cart.summary_count; 3517 this.setCartItems(); 3518 3519 this.freeShippingPromotion.message = ''; 3520 this.freeShippingPromotion.progressPercentage = 0; 3521 if (data.cart.freeShippingPromotion && data.cart.freeShippingPromotion.freeShippingThreshold !== null && data.cart.freeShippingPromotion.freeShippingThresholdDifference !== null && !data.cart.freeShippingPromotion.hasSpecialTransportProducts) { 3522 const freeShippingThresholdDifferenceExcl = hyva.formatPrice(data.cart.freeShippingPromotion.freeShippingThresholdDifference); 3523 const freeShippingThresholdDifferenceIncl = hyva.formatPrice(data.cart.freeShippingPromotion.freeShippingThresholdDifferenceInclTax); 3524 this.freeShippingPromotion.progressPercentage = Math.floor((1 - parseFloat(data.cart.freeShippingPromotion.freeShippingThresholdDifference) / parseFloat(data.cart.freeShippingPromotion.freeShippingThreshold)) * 100); 3525 3526 if (this.freeShippingPromotion.progressPercentage >= 100) { 3527 this.freeShippingPromotion.message = ` 3528 <strong> 3529 Je hebt gratis verzending! </strong> 3530 `; 3531 } else { 3532 const priceHtml = `<span class="price-excluding-tax"><strong>${freeShippingThresholdDifferenceExcl}</strong></span><span class="price-including-tax hidden"><strong>${freeShippingThresholdDifferenceIncl}</strong></span>`; 3533 this.freeShippingPromotion.message = this.freeShippingPromotion.baseMessage 3534 .replace('<strong>%1</strong>', priceHtml) 3535 .replace('%s', ''); 3536 } 3537 } 3538 } 3539 this.isLoading = false; 3540 }, 3541 cartItems: [], 3542 setCartItems() { 3543 this.cartItems = this.cart.items && this.cart.items.sort((a, b) => b.item_id - a.item_id) || []; 3544 3545 if (this.maxItemsToDisplay > 0) { 3546 this.cartItems = this.cartItems.slice(0, parseInt(this.maxItemsToDisplay, 10)); 3547 } 3548 3549 window.dispatchEvent(new CustomEvent('update-qty-buttons')) 3550 3551 this.$nextTick(() => { 3552 window.dispatchEvent(new CustomEvent('cart-items-loaded')); 3553 }) 3554 }, 3555 deleteItemFromCart(itemId) { 3556 const formKey = hyva.getFormKey(); 3557 const postUrl = BASE_URL + 'checkout/sidebar/removeItem/'; 3558 3559 fetch(postUrl, { 3560 "headers": { 3561 "content-type": "application/x-www-form-urlencoded; charset=UTF-8", 3562 }, 3563 "body": "form_key=" + formKey + "&item_id=" + itemId, 3564 "method": "POST", 3565 "mode": "cors", 3566 "credentials": "include" 3567 }).then(response => { 3568 if (response.redirected) { 3569 window.location.href = response.url; 3570 } else if (response.ok) { 3571 return response.json(); 3572 } else { 3573 window.dispatchMessages && window.dispatchMessages([{ 3574 type: 'warning',
3575 text: 'Could\u0020not\u0020remove\u0020item\u0020from\u0020quote.' 3576 }]); 3577 } 3578 }).then(result => { 3579 if (!result.success) { 3580 window.dispatchMessages && window.dispatchMessages([{ 3581 type: 'error', 3582 text: result.error_message, 3583 }], 0) 3584 } 3585 3586 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 3587 3588 if (this.cart && this.cart.items.length === 1) { 3589 this.closeDrawer(); 3590 } 3591 }); 3592 }, 3593 async updateItemInCart(itemId, qty) { 3594 const formKey = hyva.getFormKey(); 3595 const postUrl = BASE_URL + 'checkout/sidebar/updateItemQty/'; 3596 3597 const response = await fetch(postUrl, { 3598 method: 'POST', 3599 headers: { 3600 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8', 3601 }, 3602 body: `form_key=${formKey}&item_id=${itemId}&item_qty=${qty}`, 3603 mode: 'cors', 3604 credentials: 'include', 3605 }); 3606 3607 if (response.redirected) { 3608 window.location.href = response.url; 3609 } else if (response.ok) { 3610 const result = await response.json(); 3611 if (!result.success) { 3612 window.dispatchMessages && window.dispatchMessages([{ 3613 type: 'error', 3614 text: result.error_message, 3615 }], 0) 3616 } 3617 3618 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 3619 } else { 3620 window.dispatchMessages && window.dispatchMessages([{ 3621 type: 'warning', 3622 text: 'Could\u0020not\u0020update\u0020item\u0020in\u0020quote.' 3623 }]); 3624 } 3625 }, 3626 initCartQtyInput(item, template) { 3627 const content = template.content.cloneNode(true); 3628 3629 content.querySelector('input').setAttribute('value', item.qty); 3630 3631 template.replaceWith(content); 3632 } 3633 } 3634 } 3635</script>
3635 3636 3637<section id="cart-drawer" 3638 x-data="initCartDrawer()" 3639 @private-content-loaded.window="getData($event.detail.data)" 3640 @toggle-cart.window="openDrawer()" 3641 @keydown.window.escape="closeDrawer()" 3642 @cart-drawer-product-add.window="addedProductId = $event.detail;" 3643> 3644 <template x-if="cart && cart.summary_count"> 3645 <div role="dialog" 3646 aria-labelledby="cart-drawer-title" 3647 aria-modal="true" 3648 @click.outside="closeDrawer()" 3649 class="fixed inset-y-0 right-0 z-40 flex max-w-full"> 3650 <div class="backdrop" 3651 x-show="open" 3652 x-transition:enter="ease-in-out duration-500" 3653 x-transition:enter-start="opacity-0" 3654 x-transition:enter-end="opacity-100" 3655 x-transition:leave="ease-in-out duration-500" 3656 x-transition:leave-start="opacity-100" 3657 x-transition:leave-end="opacity-0" 3658 @click="closeDrawer()" 3659 aria-label="Close panel"></div> 3660 <div class="relative w-screen max-w-[30.25rem] shadow-2xl" 3661 x-show="open" 3662 x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700" 3663 x-transition:enter-start="translate-x-full" 3664 x-transition:enter-end="translate-x-0" 3665 x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700" 3666 x-transition:leave-start="translate-x-0" 3667 x-transition:leave-end="translate-x-full" 3668 > 3669 <div class="flex flex-col h-full bg-white shadow-xl px-4 md:py-4"> 3670 3671 <header class="py-3 items-center border-b border-primary-25 z-10 flex flex-wrap"> 3672 <div class="w-full flex items-center justify-between"> 3673 <strong id="cart-drawer-title" class="h2 text-[1.625rem]/[1.875rem] md:text-3xl/[2.125rem]"> 3674 Winkelwagen </strong> 3675 <button @click="closeDrawer()" 3676 aria-label="Winkewagenpaneel sluiten" 3677 class="text-primary hover:text-black [&_svg]:w-5 [&_path]:!stroke-[0.5rem]" 3678 > 3679 <div aria-hidden="true"> 3680 <?xml version="1.0" encoding="utf-8"?> 3681<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> 3682<svg version="1.1" id="Warstwa_3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 3683 viewBox="0 0 430 430" style="enable-background:new 0 0 430 430;" xml:space="preserve"> 3684<g> 3685 <path d="M59.58,376.82c-1.64,0-3.28-0.63-4.53-1.88c-2.5-2.5-2.5-6.56,0-9.06L365.9,55.05c2.5-2.5,6.55-2.5,9.06,0 3686 c2.5,2.5,2.5,6.56,0,9.06L64.11,374.95C62.86,376.2,61.22,376.82,59.58,376.82z" style="stroke-width: 2rem; stroke: currentColor"/> 3687 <path d="M370.42,376.83c-1.64,0-3.28-0.63-4.53-1.88L55.05,64.11c-2.5-2.5-2.5-6.56,0-9.06c2.5-2.5,6.55-2.5,9.06,0 3688 L374.95,365.9c2.5,2.5,2.5,6.56,0,9.06C373.7,376.2,372.06,376.83,370.42,376.83z" style="stroke-width: 2rem; stroke: currentColor"/> 3689</g> 3690</svg> </div> 3691 </button> 3692 </div> 3693 </header> 3694 3695 <template x-if="freeShippingPromotion.message"> 3696 <div class="free-shipping-container flex py-3"> 3697 <div class="flex flex-col justify-center w-full"> 3698 <div class="flex gap-2 mb-1 items-end"> 3699 <div class="[&_path]:stroke-success [&_svg]:w-8 [&_svg]:h-8 [&_svg]:p-1" aria-hidden="true"> 3700 <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 3701 <path d="M11.8 3.625H13.9036C14.1236 3.625 14.2337 3.625 14.3373 3.64918C14.4292 3.67061 14.5169 3.70596 14.5975 3.75394C14.6883 3.80805 14.7661 3.88372 14.9217 4.03505L18.5783 7.58997C18.7339 7.74126 18.8117 7.81695 18.8673 7.90524C18.9167 7.98355 18.9531 8.06886 18.9752 8.1582C19 8.25891 19 8.36592 19 8.57986V11.0625C19 11.4702 19 11.674 18.9315 11.8349C18.8402 12.0492 18.6649 12.2196 18.4444 12.3084C18.279 12.375 18.0693 12.375 17.65 12.375M13.15 12.375H11.8M11.8 12.375V3.8C11.8 2.81991 11.8 2.32986 11.6038 1.95552C11.4313 1.62623 11.1559 1.35851 10.8172 1.19074C10.4322 1 9.92809 1 8.92 1H3.88C2.87191 1 2.36786 1 1.98282 1.19074C1.64412 1.35851 1.36876 1.62623 1.19619 1.95552C1 2.32986 1 2.81991 1 3.8V10.625C1 11.5915 1.80589 12.375 2.8 12.375M11.8 12.375H8.2M2.8 12.375C2.8 13.8248 4.00883 15 5.5 15C6.99116 15 8.2 13.8248 8.2 12.375M2.8 12.375C2.8 10.9252 4.00883 9.75 5.5 9.75C6.99116 9.75 8.2 10.9252 8.2 12.375M17.65 12.8125C17.65 14.0206 16.6426 15 15.4 15C14.1574 15 13.15 14.0206 13.15 12.8125C13.15 11.6044 14.1574 10.625 15.4 10.625C16.6426 10.625 17.65 11.6044 17.65 12.8125Z" 3702 stroke="#196CAE" stroke-linecap="round" stroke-linejoin="round"/> 3703</svg> </div>
3704 <span x-html="freeShippingPromotion.message"></span> 3705 </div> 3706 <div class="w-full bg-success-15 rounded h-1.5"> 3707 <div id="freeshipping-progressbar" 3708 class="bg-success rounded h-1.5" 3709 :style="{width: freeShippingPromotion.progressPercentage + '%'}"></div> 3710 </div> 3711 </div> 3712 </div> 3713 </template> 3714 3715 3716 <div class="flex-1 overflow-y-auto overscroll-contain -mx-4 px-4"> 3717 3718<div class="relative grid bg-white cart-items divide-y"> 3719 <template x-for="item in cartItems" :key="item.item_id" hidden> 3720 <div 3721 x-data="{ isUpdating: false }" 3722 @cart-items-loaded.window="isUpdating=false" 3723 class="flex flex-col gap-2 items-start transition duration-150 ease-in-out py-3 relative" 3724 :class="{ 3725 '!bg-success-15 hover:!bg-success-15 [&_a]:text-success-110': item.product_id == addedProductId, 3726 'opacity-40 pointer-events-none': isUpdating, 3727 }" 3728 > 3729 <div class="flex w-full items-start gap-2"> 3730 <div class="product-image w-12.5"> 3731 <a :href="item.product_url" class="h-12.5 w-12.5 flex"> 3732 <img 3733 :src="item.product_image.src" 3734 :width="item.product_image.width" 3735 :height="item.product_image.height" 3736 loading="lazy" 3737 /> 3738 </a> 3739 </div> 3740 <div class="product-description flex-1"> 3741 <a :href="item.product_url" 3742 class="block text-primary font-branded text-base leading-5 font-extrabold no-underline" 3743 x-html="item.product_name"> 3744 </a> 3745 <p x-show="item.message" x-text="item.message" class="text-xs text-alert mt-0.5"></p> 3746 3747 <div x-show="item.qty > 1" x-cloak class="flex text-sm"> 3748 <span x-html="hyva.formatPrice(item.product_price_value.excl_tax)" 3749 class="price-excluding-tax"></span> 3750 <span x-html="hyva.formatPrice(item.product_price_value.incl_tax)" 3751 class="price-including-tax hidden"></span> 3752 <span>/per stuk</span> 3753 </div> 3754 </div> 3755 <div class="product-price"> 3756 <div class="flex h-full items-center gap-2"> 3757 <div class="item-qty hidden"><span x-html="item.qty"></span>x</div> 3758 <div x-html="item.product_price" class="min-w-4 text-right"></div> 3759 </div> 3760 </div> 3761 </div> 3762 3763 <div class="flex w-full items-center justify-end gap-8"> 3764 <button class="w-6 h-6 p-1" 3765 x-show="item.product_id != addedProductId" 3766 @click="isUpdating = true; deleteItemFromCart(item.item_id)" 3767 aria-label="Verwijder dit artikel" 3768 > 3769 <div aria-hidden="true"> 3770 <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"> 3771<path d="M13.8333 4.05556L13.0627 14.8484C13.0307 15.297 12.83 15.7167 12.501 16.0232C12.1719 16.3296 11.739 16.5 11.2893 16.5H3.93289C3.48324 16.5 3.05028 16.3296 2.72123 16.0232C2.39218 15.7167 2.19148 15.297 2.15956 14.8484L1.38889 4.05556M5.83333 7.61111V12.9444M9.38889 7.61111V12.9444M10.2778 4.05556V1.38889C10.2778 1.15314 10.1841 0.927048 10.0174 0.760349C9.85073 0.59365 9.62464 0.5 9.38889 0.5H5.83333C5.59759 0.5 5.37149 0.59365 5.20479 0.760349C5.03809 0.927048 4.94444 1.15314 4.94444 1.38889V4.05556M0.5 4.05556H14.7222" stroke="black" stroke-linecap="round" stroke-linejoin="round"/> 3772</svg> </div> 3773 </button> 3774
3775 <template @cart-items-loaded.window="initCartQtyInput(item, $el)"> 3776 <form class="item-qty-input" 3777 @qty-changed="isUpdating = true; updateItemInCart(item.item_id, document.getElementById('qty[' + item.item_id + ']').value)"> 3778 <div x-cloak class="[&_.qty-input-wrapper]:w-45 [&_.qty-input-wrapper]:md:w-30"> 3779 <label :for="'qty[' + item.item_id + ']'" class="sr-only"> 3780 Aantal </label> 3781 <input name="qty" 3782 :id="'qty[' + item.item_id + ']'" 3783 type="number" 3784 pattern="[0-9]" 3785 inputmode="numeric" 3786 min="1" 3787 max="9999" 3788 step="1" 3789 :value="item.qty" 3790 x-data="qtyInput()" 3791 x-cloak 3792 @cart-items-loaded.window="$nextTick(() => updateButtonState())" 3793 class="flex-1" 3794 /> 3795 </div> 3796 </form> 3797 </template> 3798 </div> 3799 <div x-show="isUpdating" x-cloak class="absolute inset-0 flex items-center justify-center bg-white/60"> 3800 <div class="h-6 w-6 border-2 border-primary-40 border-t-primary rounded-full animate-spin" 3801 aria-label="Updating"> 3802 </div> 3803 </div> 3804 </div> 3805 </template> 3806</div> </div> 3807 3808 3809 3810<div class="totals grid border-t border-secondary -mx-4 md:m-0 shadow-branded md:shadow-none"> 3811 <div class="w-full p-3 space-x-4 bg-secondary-10 excluding-tax"> 3812 <p class="flex m-0"> 3813 <span>Subtotaal:</span> 3814 <span x-html="cart.subtotal_excl_tax" class="ml-auto text-primary font-semibold"></span> 3815 </p> 3816 </div> 3817 <div class="w-full p-3 space-x-4 bg-secondary-10 including-tax hidden"> 3818 <p class="flex m-0"> 3819 <span>Subtotaal:</span> 3820 <span x-html="cart.subtotal_incl_tax" class="ml-auto text-primary font-semibold"></span> 3821 </p> 3822 </div> 3823 <div class="w-full flex flex-col gap-3 p-2 md:p-0 md:pt-3"> 3824 <div class="w-full flex flex-row justify-between items-center gap-2"> 3825 <a href="https://www.elektramat.be/checkout/cart/" class="h-fit m-0 text-center"> 3826 Bekijk winkelwagen </a> 3827 <a @click.prevent.stop="$dispatch('toggle-authentication', {url: 'https://www.elektramat.be/checkout/cart/'});" 3828 href="https://www.elektramat.be/checkout/cart/" 3829 class="inline-flex btn btn-primary"> 3830 Bestellen </a> 3831 </div> 3832 3833 3834 <div id="minicart-payment-methods" class="w-full"> 3835 <ul class="h-full flex items-center justify-between flex-wrap"> 3836 <li class="[&>svg]:h-5 sm:[&>svg]:h-6"> 3837 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 404.65 98.18"><defs><clipPath id="a" transform="translate(44 -271.82)"><rect x="-44" y="271.82" width="404.65" height="98.18" style="fill:none"/></clipPath></defs><title>paypal</title><path d="M270.2,314.61c-1.22,8-7.32,8-13.22,8h-3.36L256,307.69a1.86,1.86,0,0,1,1.83-1.57h1.54c4,0,7.81,0,9.76,2.29,1.17,1.37,1.53,3.4,1.09,6.2Zm-2.57-20.83H245.38a3.1,3.1,0,0,0-3.06,2.61l-9,57.05a1.85,1.85,0,0,0,1.83,2.14h11.41a2.15,2.15,0,0,0,2.14-1.82l2.55-16.18a3.1,3.1,0,0,1,3.06-2.61h7c14.65,0,23.11-7.09,25.32-21.15,1-6.15,0-11-2.84-14.36-3.16-3.72-8.77-5.68-16.21-5.68Z" transform="translate(44 -271.82)" style="fill:#009ade"/><path d="M111.5,314.61c-1.22,8-7.32,8-13.22,8H94.93l2.35-14.91a1.86,1.86,0,0,1,1.83-1.57h1.54c4,0,7.81,0,9.77,2.29,1.17,1.37,1.52,3.4,1.08,6.2Zm-2.57-20.83H86.68a3.08,3.08,0,0,0-3.05,2.61l-9,57.05a1.85,1.85,0,0,0,1.83,2.14H87.09a3.08,3.08,0,0,0,3-2.61l2.43-15.39A3.09,3.09,0,0,1,95.62,335h7c14.66,0,23.12-7.09,25.33-21.15,1-6.15,0-11-2.84-14.36-3.17-3.72-8.78-5.68-16.22-5.68Z" transform="translate(44 -271.82)" style="fill:#002f87"/><path d="M160.59,335.1a11.89,11.89,0,0,1-12,10.17c-3.09,0-5.56-1-7.15-2.88a9,9,0,0,1-1.67-7.48,11.93,11.93,0,0,1,11.94-10.25,9,9,0,0,1,7.1,2.9,9.22,9.22,0,0,1,1.81,7.54Zm14.84-20.74H164.78a1.85,1.85,0,0,0-1.83,1.56l-.47,3-.75-1.08c-2.3-3.35-7.44-4.46-12.58-4.46-11.77,0-21.83,8.91-23.78,21.43-1,6.24.42,12.2,4,16.36,3.25,3.83,7.9,5.42,13.42,5.42a20.4,20.4,0,0,0,14.75-6.09l-.47,3a1.85,1.85,0,0,0,1.83,2.14h9.59a3.09,3.09,0,0,0,3.06-2.61l5.76-36.47a1.86,1.86,0,0,0-1.84-2.14Z" transform="translate(44 -271.82)" style="fill:#002f87"/><path d="M319.28,335.1a11.88,11.88,0,0,1-12,10.17c-3.09,0-5.57-1-7.16-2.88a9.06,9.06,0,0,1-1.67-7.48,11.93,11.93,0,0,1,11.94-10.25,9,9,0,0,1,7.11,2.9,9.18,9.18,0,0,1,1.8,7.54Zm14.85-20.74H323.48a1.86,1.86,0,0,0-1.84,1.56l-.46,3-.75-1.08c-2.31-3.35-7.45-4.46-12.58-4.46-11.77,0-21.83,8.91-23.79,21.43-1,6.24.43,12.2,4,16.36,3.25,3.83,7.89,5.42,13.42,5.42a20.4,20.4,0,0,0,14.75-6.09l-.48,3a1.85,1.85,0,0,0,1.84,2.14h9.59A3.08,3.08,0,0,0,330.2,353
3837L336,316.5a1.85,1.85,0,0,0-1.83-2.14Z" transform="translate(44 -271.82)" style="fill:#009ade"/><g><path d="M232.18,314.36H221.47a3.12,3.12,0,0,0-2.56,1.35l-14.77,21.76-6.26-20.91a3.08,3.08,0,0,0-3-2.2H184.39a1.85,1.85,0,0,0-1.75,2.45l11.79,34.61-11.09,15.65a1.86,1.86,0,0,0,1.51,2.93h10.7a3.11,3.11,0,0,0,2.54-1.33l35.61-51.4a1.85,1.85,0,0,0-1.52-2.91Z" transform="translate(44 -271.82)" style="fill:#002f87"/><path d="M346.69,295.34l-9.13,58.1a1.85,1.85,0,0,0,1.83,2.14h9.18a3.09,3.09,0,0,0,3.06-2.61l9-57.05a1.85,1.85,0,0,0-1.83-2.14H348.52a1.85,1.85,0,0,0-1.83,1.56Z" transform="translate(44 -271.82)" style="fill:#009ade"/><path d="M31,296.76c1.2-7.63,0-12.83-4.14-17.54-4.55-5.18-12.76-7.4-23.27-7.4H-26.95a4.36,4.36,0,0,0-4.31,3.69L-44,356.08a2.62,2.62,0,0,0,2.59,3h18.84l-1.3,8.24A2.29,2.29,0,0,0-21.58,370H-5.7a3.82,3.82,0,0,0,3.77-3.22l.16-.81,3-19L1.41,346a3.82,3.82,0,0,1,3.77-3.22H7.56c15.38,0,27.43-6.25,31-24.32,1.47-7.56.71-13.86-3.18-18.29A15.28,15.28,0,0,0,31,296.76h0" transform="translate(44 -271.82)" style="fill:#009ade"/><path d="M31,296.76c1.2-7.63,0-12.83-4.14-17.54-4.55-5.18-12.76-7.4-23.27-7.4H-26.95a4.36,4.36,0,0,0-4.31,3.69L-44,356.08a2.62,2.62,0,0,0,2.59,3h18.84l4.73-30L-18,330a4.35,4.35,0,0,1,4.3-3.68h9c17.59,0,31.36-7.15,35.38-27.81.12-.61.22-1.2.31-1.79" transform="translate(44 -271.82)" style="fill:#002169"/><path d="M-12.73,296.87A3.79,3.79,0,0,1-10.6,294a3.67,3.67,0,0,1,1.65-.38H15a49.8,49.8,0,0,1,7.89.58c.69.11,1.36.23,2,.38s1.29.31,1.9.49l.9.28A22.07,22.07,0,0,1,31,296.76c1.2-7.63,0-12.83-4.14-17.54-4.55-5.18-12.76-7.4-23.27-7.4H-26.95a4.36,4.36,0,0,0-4.31,3.69L-44,356.08a2.62,2.62,0,0,0,2.59,3h18.84l4.73-30,5.08-32.23Z" transform="translate(44 -271.82)" style="fill:#002f87"/></g></svg> </li> 3838 <li class="[&>svg]:h-5 sm:[&>svg]:h-6"> 3839 <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 480 182"> 3840 <defs> 3841 <style> 3842 .cls-1 { 3843 fill: url(#linear-gradient); 3844 } 3845 3846 .cls-1, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8, .cls-9 { 3847 stroke-width: 0px; 3848 } 3849 3850 .cls-2, .cls-3 { 3851 fill-rule: evenodd; 3852 } 3853 3854 .cls-2, .cls-6 { 3855 fill: #232323; 3856 } 3857 3858 .cls-3, .cls-8 { 3859 fill: #fff; 3860 } 3861 3862 .cls-4 { 3863 fill: url(#linear-gradient-2); 3864 } 3865 3866 .cls-5 { 3867 fill: #1d1c1c; 3868 } 3869 3870 .cls-7 { 3871 fill: #c06; 3872 } 3873 3874 .cls-9 { 3875 fill: #fff48d; 3876 } 3877 </style> 3878 <linearGradient id="linear-gradient" x1="352.72" y1="95.3" x2="330.2" y2="67.73" gradientTransform="translate(0 184) scale(1 -1)" gradientUnits="userSpaceOnUse"> 3879 <stop offset=".02" stop-color="#1d1c1c" stop-opacity="0"/> 3880 <stop offset=".68" stop-color="#1d1c1c"/> 3881 </linearGradient> 3882 <linearGradient id="linear-gradient-2" x1="313.44" y1="89.45" x2="336.52" y2="112.26" gradientTransform="translate(0 184) scale(1 -1)" gradientUnits="userSpaceOnUse"> 3883 <stop offset=".02" stop-color="#1d1c1c" stop-opacity="0"/> 3884 <stop offset=".68" stop-color="#1d1c1c"/> 3885 </linearGradient> 3886 </defs> 3887 <rect class="cls-9" x="0" width="480" height="182" rx="13" ry="13"/> 3888 <g> 3889 <path class="cls-8" d="M11.02,22.87v136.4c0,6.53,5.37,11.87,11.93,11.87h81.89c61.91,0,88.74-34.49,88.74-80.25S166.74,11,104.83,11H22.94c-6.56,0-11.93,5.34-11.93,11.87Z"/> 3890 <path class="cls-7" d="M65.83,44.48v100.79h44.07c40.02,0,57.37-22.5,57.37-54.31s-17.36-54.07-57.37-54.07h-36.44c-4.23,0-7.63,3.44-7.63,7.6Z"/> 3891 <path class="cls-2" d="M33.62,160.28h71.21c50.04,0,77.65-24.63,77.65-69.33,0-25.76-10.08-69.03-77.65-69.03H33.62c-6.32,0-11.45,5.1-11.45,11.4v115.57c0,6.29,5.13,11.4,11.45,11.4ZM25.98,33.32c0-4.21,3.4-7.6,7.63-7.6h71.21c27.55,0,73.83,8.49,73.83,65.23,0,42.26-26.24,65.53-73.83,65.53H33.62c-4.23,0-7.63-3.38-7.63-7.6V33.32Z"/> 3892 <path class="cls-3" d="M87.51,76.3c-1.34-.48-2.74-.72-4.26-.72v-.06h-10.09v24.34h10.21c1.81,0,3.38-.36,4.73-.96,1.34-.66,2.45-1.5,3.33-2.58.88-1.08,1.52-2.4,1.98-3.9.41-1.5.64-3.12.64-4.92,0-2.04-.29-3.78-.82-5.28-.58-1.44-1.34-2.7-2.27-3.72-.99-.96-2.1-1.74-3.44-2.22ZM85.12,95.07c-.76.24-1.46.36-2.22.36v.06h-4.61v-15.35h3.73c1.28,0,2.33.18,3.21.54.88.36,1.58.96,2.1,1.62.52.66.93,1.56,1.17,2.52.23.96.35,2.1.35,3.3,0,1.38-.18,2.46-.52,3.42-.35.96-.82,1.68-1.34,2.28-.52.6-1.17,1.02-1.87,1.26Z"/> 3893 <path class="cls-8" d="M115.11,75.59v4.5h-12.49v5.22h11.49v4.14h-11.49v5.94h12.78v4.5h-17.97v-24.34h17.68v.06Z"/> 3894 <path class="cls-3" d="M141.83,99.93l-8.87-24.34h-5.42l-8.93,24.34h5.25l1.87-5.4h8.87l1.81,5.4h5.43ZM130.27,81.58l2.98,8.93h-6.12l3.09-8.93h.06Z"/> 3895 <path class="cls-8" d="M150.29,75.58v19.85h11.55v4.5h-16.74v-24.34h5.19Z"/> 3896 <path class="cls-6" d="M45.35,100.29c6.32,0,11.44-5.12,11.44-11.45s-5.12-11.45-11.44-11.45-11.44,5.12-11.44,11.45,5.12,11.45,
389611.44,11.45Z"/> 3897 <path class="cls-6" d="M52.16,146.08c-8.86,0-15.96-7.65-15.96-17.05v-13.31c0-4.7,3.55-8.56,8.01-8.56s8.01,3.8,8.01,8.56v30.36h-.06Z"/> 3898 </g> 3899 <g> 3900 <path class="cls-5" d="M405.6,91.62c0-13.38,9.52-25.57,25.96-25.57s26.03,12.2,26.03,25.57-9.52,25.57-26.03,25.57c-16.44,0-25.96-12.2-25.96-25.57ZM443.14,91.62c0-6.45-4.25-12.4-11.58-12.4s-11.58,5.96-11.58,12.4,4.32,12.41,11.58,12.41,11.58-5.96,11.58-12.41Z"/> 3901 <path class="cls-5" d="M395.49,101.12c5.48-3.12,8.77-9.08,8.77-15.66,0-9.77-7.06-18.09-18.02-18.09h-23.01v48.51h14.25v-12.4h2.67l8.15,12.4h16.78l-9.59-14.76ZM383.37,92.31h-5.89v-13.72h5.96c3.84,0,6.3,3.12,6.3,6.86s-2.54,6.86-6.37,6.86Z"/> 3902 <path class="cls-5" d="M298.18,67.31l-8.55,28.91-8.34-28.91h-11.35l-8.41,28.91-8.48-28.91h-15.04l17.23,48.42h12.37l8-26.36,7.93,26.36h12.44l17.23-48.42h-15.04Z"/> 3903 <path class="cls-5" d="M334.78,103.91h-.03c-5.33,0-9.07-3.22-10.67-7.48h36.21c.29-1.6.44-3.24.44-4.9,0-13.34-9.49-25.51-25.95-25.52v13.14c5.36.01,9.06,3.23,10.65,7.48h-36.16c-.29,1.6-.44,3.24-.44,4.9,0,13.35,9.5,25.53,25.91,25.53h.03v-13.15Z"/> 3904 <path class="cls-1" d="M334.75,117.05c.56,0,1.11-.02,1.65-.04,3.33-.17,6.36-.85,9.06-1.94,2.7-1.09,5.07-2.6,7.08-4.42,2.02-1.82,3.68-3.95,4.97-6.3,1.17-2.14,2.03-4.45,2.57-6.86h-15.09c-.31.64-.67,1.26-1.08,1.83-.56.79-1.22,1.5-1.97,2.11-.75.62-1.59,1.14-2.51,1.54-.92.4-1.93.68-3.02.83-.53.07-1.08.11-1.65.11-3.39,0-6.14-1.31-8.11-3.36l-9.81,9.92c4.36,4.03,10.41,6.57,17.91,6.57Z"/> 3905 <path class="cls-4" d="M334.75,66c-13.92,0-22.87,8.76-25.26,19.56h15.04c1.8-3.72,5.34-6.42,10.22-6.42,3.89,0,6.91,1.68,8.88,4.22l9.9-10.01c-4.42-4.48-10.78-7.35-18.77-7.35Z"/> 3906 </g> 3907 <path class="cls-5" d="M215.61,145c-1.1,0-2-.9-2-2V39c0-1.1.9-2,2-2s2,.9,2,2v104c0,1.1-.9,2-2,2Z"/> 3908</svg> </li> 3909 <li class="[&>svg]:h-5 sm:[&>svg]:h-6"> 3910 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 252.8 156.9" data-title="bancontact"><title>bancontact</title><path d="M262,64.4H183.7l-8,9-25.8,29.1h0l-8,9H64.7l7.8-9.1,3.7-4.3L84,89H48.5a12,12,0,0,0-11.8,12.1h0v25.6a12,12,0,0,0,11.8,12.1H184.7c6.5,0,15.4-4,19.7-9L225,106.4Z" transform="translate(-36.7 -36.9)" style="fill:#005498"/><path d="M277.7,37.1a12,12,0,0,1,11.8,12.1V74.7a12,12,0,0,1-11.8,12.1H242.3l7.9-9h0l3.9-4.5,7.9-9H183.7l-41.7,47H64.3l55.7-63,2.1-2.4c4.4-4.9,13.3-9,19.8-9H277.7Z" transform="translate(-36.7 -36.9)" style="fill:#ffd800"/><path d="M289.5,192.4v-3.7c0-.5-.3-.8-1-.8h-2.4c-.7,0-1.2-.1-1.3-.4a4.21,4.21,0,0,1-.2-1.9v-14h3.9a1,1,0,0,0,1-1v-3.9a1,1,0,0,0-1-1h-3.9v-5.1a.85.85,0,0,0-.2-.6,1.42,1.42,0,0,0-.6-.2h-.1l-5.8,1a4.88,4.88,0,0,0-.7.3.86.86,0,0,0-.3.6v3.9H273a1,1,0,0,0-1,1v3.2a.6.6,0,0,0,.3.6,1.61,1.61,0,0,0,.7.4l3.9.6v14a16.08,16.08,0,0,0,.5,4.2,6.64,6.64,0,0,0,1.5,2.5,5.32,5.32,0,0,0,2.5,1.2,18.27,18.27,0,0,0,3.5.3,11.48,11.48,0,0,0,1.9-.1c.5-.1,1.2-.2,1.9-.3a.74.74,0,0,0,.8-.8m-20.8-.5v-4.3a.6.6,0,0,0-.3-.6,1.42,1.42,0,0,0-.6-.2h-.1a24.62,24.62,0,0,1-2.6.2,30.22,30.22,0,0,1-3.3.1,3.65,3.65,0,0,1-1.5-.3,3.81,3.81,0,0,1-1.3-.9,3.85,3.85,0,0,1-.8-1.7,10.06,10.06,0,0,1-.3-2.7v-4a10.06,10.06,0,0,1,.3-2.7,5.39,5.39,0,0,1,.8-1.7,3.81,3.81,0,0,1,1.3-.9,4,4,0,0,1,1.5-.3,30.22,30.22,0,0,1,3.3.1c.8.1,1.7.1,2.6.2h.1a.85.85,0,0,0,.6-.2.6.6,0,0,0,.3-.6v-4.3a1,1,0,0,0-.2-.7,2.93,2.93,0,0,0-.8-.4c-.7-.2-1.5-.3-2.6-.5a21.78,21.78,0,0,0-3.8-.2,11,11,0,0,0-8.2,3.1c-2,2.1-3.1,5.1-3.1,9.1v4c0,3.9,1,7,3.1,9.1a10.85,10.85,0,0,0,8.2,3.1c1.4,0,2.7-.1,3.8-.2a24.29,24.29,0,0,0,2.6-.5,1.51,1.51,0,0,0,.8-.4c.2-.1.2-.4.2-.7m-31.3-5.1a10.66,10.66,0,0,1-1.9.7,7.61,7.61,0,0,1-2.1.3,4.74,4.74,0,0,1-2.3-.4c-.5-.3-.7-.9-.7-2V185a6.05,6.05,0,0,1,.2-1.5,2.59,2.59,0,0,1,.7-1.1,2.62,2.62,0,0,1,1.3-.6,10.61,10.61,0,0,1,2.1-.2h2.7v5.2Zm7.6-11.7a11.69,11.69,0,0,0-.8-4.5,8.35,8.35,0,0,0-2.2-3,8.19,8.19,0,0,0-3.5-1.7,17.27,17.27,0,0,0-4.7-.6,35.93,35.93,0,0,0-4.7.3,20.83,20.83,0,0,0-3.6.7c-.6.2-.9.5-.9,1.1v3.9a1.45,1.45,0,0,0,.2.7,1.42,1.42,0,0,0,.6.2h.2c.4,0,.9-.1,1.4-.1s1.2-.1,1.9-.1,1.5-.1,2.3-.1h2.3a4.76,4.76,0,0,1,2.6.6,3.11,3.11,0,0,1,1,2.7v1.7h-2.6c-4.1,0-7.2.6-9,1.9s-2.8,3.4-2.8,6.2v.4a8.78,8.78,0,0,0,.7,3.9,7.31,7.31,0,0,0,1.9,2.6,8.16,8.16,0,0,0,2.6,1.4,10.55,10.55,0,0,0,3.1.4,10.25,10.25,0,0,0,3.7-.6,14.59,14.59,0,0,0,3-1.6v.8a1,1,0,0,0,1,1h5.4a1,1,0,0,0,1-1V175.1Zm-25.7,17.3v-3.7c0-.5-.3-.8-1-.8h-2.4c-.7,0-1.2-.1-1.3-.4a4.21,4.21,0,0,1-.2-1.9v-14h3.9a1,1,0,0,0,1-1v-3.9a1,1,0,0,0-1-1h-3.9v-5.1a.85.85,0,0,0-.2-.6,1.42,1.42,0,0,0-.6-.2h-.1l-5.8,1a4.88,4.88,0,0,0-.7.3.86.86,0,0,0-.3.6v3.9h-4a1,1,0,0,0-1,1v3.2a.6.6,0,0,0,.3.6,1.61,1.61,0,0,0,.7.4l3.9.6v14a16.08,16.08,0,0,0,.5,4.2,6.64,6.64,0,0,0,1.5,2.5,5.32,5.32,0,0,0,2.5,1.2,18.27,18.27,0,0,0,3.5.3,11.48,11.48,0,0,0,1.9-.1c.5-.1,1.2-.2,1.9-.3s.9-.3.9-.8m-21-.1v-16a20.24,20.24,0,0,0-.4-4.3,9.77,9.77,0,0,0-1.3-3.5,5.82,5.82,0,0,0-2.6-2.3,8.86,8.86,0,0,0-4.3-.9,13.09,13.09,0,0,0-4.1.6,14,14,0,0,0-3.8,2v-1.2a1,1,0,0,0-1-1h-5.4a1,1,0,0,0-1,1v25.6a1,1,0,0,0,1,1h5.8a1,1,0,0,0,1-1V173.4a25.57,25.57,0,0,1,2.4-1.1,5.7,5.7,0,0,1,2.2-.4,9,9,0,0,1,1.8.2,2.1,2.1,0,0,1,1.1.7,2.92,2.92,0,0,1,.5,1.4,13.42,13.42,0,0,1,.1,2.1v16a1,1,0,0,0,1,1h5.8a.91.91,0,0,0,.7-.3.79.79,0,0,0,.5-.7m-36.4-11.1c0,3.9-1.4,5.9-4.3,5.9a3.68,3.68,0,0,1-3.2-1.5,7.71,7.71,0,0,1-1.1-4.4v-3.4a7.49,7.49,0,0,1,1.1-4.4,3.68,3.68,0,0,1,3.2-1.5c2.8,0,4.3,2,4.3,5.9Zm7.8-3.4a16.69,16.69,0,0,0-.8-5.2,10.9,10.9,0,0,0-2.3-3.9,10.08,10.08,0,0,0-3.8-2.5,15.47,15.47,
39100,0,0-10.4,0,10.08,10.08,0,0,0-3.8,2.5,10.9,10.9,0,0,0-2.3,3.9,16.69,16.69,0,0,0-.8,5.2v3.4a16.69,16.69,0,0,0,.8,5.2,10.9,10.9,0,0,0,2.3,3.9,10.08,10.08,0,0,0,3.8,2.5,15.47,15.47,0,0,0,10.4,0,10.08,10.08,0,0,0,3.8-2.5,10.9,10.9,0,0,0,2.3-3.9,16.69,16.69,0,0,0,.8-5.2ZM143,191.9v-4.3a.6.6,0,0,0-.3-.6,1.45,1.45,0,0,0-.7-.2h-.1a24.62,24.62,0,0,1-2.6.2,30.22,30.22,0,0,1-3.3.1,3.65,3.65,0,0,1-1.5-.3,3.81,3.81,0,0,1-1.3-.9,3.85,3.85,0,0,1-.8-1.7,10.06,10.06,0,0,1-.3-2.7v-4a10.06,10.06,0,0,1,.3-2.7,5.39,5.39,0,0,1,.8-1.7,3.81,3.81,0,0,1,1.3-.9,4,4,0,0,1,1.5-.3,30.22,30.22,0,0,1,3.3.1c.8.1,1.7.1,2.6.2h.1a1.45,1.45,0,0,0,.7-.2.6.6,0,0,0,.3-.6v-4.3a1,1,0,0,0-.2-.7,2.93,2.93,0,0,0-.8-.4c-.7-.2-1.5-.3-2.6-.5a21.78,21.78,0,0,0-3.8-.2,11,11,0,0,0-8.2,3.1c-2,2.1-3.1,5.1-3.1,9.1v4c0,3.9,1,7,3.1,9.1a10.85,10.85,0,0,0,8.2,3.1c1.4,0,2.7-.1,3.8-.2s1.9-.3,2.6-.5a1.51,1.51,0,0,0,.8-.4,1.17,1.17,0,0,0,.2-.7m-23.7.4v-16a20.24,20.24,0,0,0-.4-4.3,9.77,9.77,0,0,0-1.3-3.5,5.82,5.82,0,0,0-2.6-2.3,8.86,8.86,0,0,0-4.3-.9,13.09,13.09,0,0,0-4.1.6,14,14,0,0,0-3.8,2v-1.2a1,1,0,0,0-1-1H96.4a1,1,0,0,0-1,1v25.6a1,1,0,0,0,1,1h5.8a1,1,0,0,0,1-1V173.4a25.57,25.57,0,0,1,2.4-1.1,5.7,5.7,0,0,1,2.2-.4,9,9,0,0,1,1.8.2,2.1,2.1,0,0,1,1.1.7,2.92,2.92,0,0,1,.5,1.4,13.42,13.42,0,0,1,.1,2.1v16a1,1,0,0,0,1,1h5.8a.91.91,0,0,0,.7-.3.79.79,0,0,0,.5-.7m-37.2-5.5a10.66,10.66,0,0,1-1.9.7,7.61,7.61,0,0,1-2.1.3,4.74,4.74,0,0,1-2.3-.4c-.5-.3-.7-.9-.7-2V185a6.05,6.05,0,0,1,.2-1.5,2.59,2.59,0,0,1,.7-1.1,2.62,2.62,0,0,1,1.3-.6,10.61,10.61,0,0,1,2.1-.2h2.7Zm7.7-11.7a11.69,11.69,0,0,0-.8-4.5,8.35,8.35,0,0,0-2.2-3,8.19,8.19,0,0,0-3.5-1.7,17.27,17.27,0,0,0-4.7-.6,35.93,35.93,0,0,0-4.7.3,20.83,20.83,0,0,0-3.6.7c-.6.2-.9.5-.9,1.1v3.9a1.45,1.45,0,0,0,.2.7,1.42,1.42,0,0,0,.6.2h.2c.4,0,.9-.1,1.4-.1s1.2-.1,2-.1,1.5-.1,2.3-.1h2.3a4.76,4.76,0,0,1,2.6.6,3.11,3.11,0,0,1,1,2.7v1.7H79.4c-4.1,0-7.2.6-9,1.9s-2.8,3.4-2.8,6.2v.4a8.78,8.78,0,0,0,.7,3.9,7.31,7.31,0,0,0,1.9,2.6,8.16,8.16,0,0,0,2.6,1.4,10.55,10.55,0,0,0,3.1.4,10.25,10.25,0,0,0,3.7-.6,14.59,14.59,0,0,0,3-1.6v.8a1,1,0,0,0,1,1H89a1,1,0,0,0,1-1V175.1Zm-34.4,7.6a3.81,3.81,0,0,1-1.4,3.1c-.9.7-2.7,1.1-5.1,1.1h-4v-9h5.4c1.9,0,3.3.4,4,1.3a4.82,4.82,0,0,1,1.1,3Zm-.2-14.3a7.72,7.72,0,0,1-.2,1.5,2.55,2.55,0,0,1-.8,1.2,5.3,5.3,0,0,1-1.5.8,7.8,7.8,0,0,1-2.4.3H44.9v-8.3h3.7c2.5,0,4.2.3,5.2.9a3.16,3.16,0,0,1,1.5,2.9l-.1.7Zm8.2,13.8a7.5,7.5,0,0,0-1.2-4.3,7.6,7.6,0,0,0-3.1-2.8,6.78,6.78,0,0,0,3-2.8,8.77,8.77,0,0,0,1.1-4.2v-.9a10,10,0,0,0-1.1-4.8,8.38,8.38,0,0,0-3.1-3.1,15,15,0,0,0-4.8-1.7,38.92,38.92,0,0,0-6.2-.5H45.6c-.8,0-1.6.1-2.4.1a15,15,0,0,0-2.2.2c-.7.1-1.2.1-1.6.2a3.4,3.4,0,0,0-2,.9,3.34,3.34,0,0,0-.6,2.3v29.3a3.52,3.52,0,0,0,.6,2.3,4.14,4.14,0,0,0,2,.9,8.81,8.81,0,0,0,1.7.2c.7.1,1.4.1,2.2.2a19.27,19.27,0,0,0,2.4.1h2.5a36.06,36.06,0,0,0,5.9-.5,14.39,14.39,0,0,0,4.8-1.7,9.48,9.48,0,0,0,3.3-3.3,10.66,10.66,0,0,0,1.2-5.3v-.8Z" transform="translate(-36.7 -36.9)" style="fill:#005498"/></svg> </li> 3911 <li class="[&>svg]:h-5 sm:[&>svg]:h-6"> 3912 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 504 163.6"><title>visa</title><path d="M218.5,331H177.4l25.7-158h41.1ZM142.8,173.1,103.6,281.7,99,258.3h0l-13.8-71s-1.7-14.2-19.5-14.2H.8L0,175.7s19.8,4.1,43,18.1L78.7,331h42.8l65.4-158-44.1.1ZM466.2,331H504L471.1,173H438c-15.3,0-19,11.8-19,11.8L357.7,331h42.9l8.6-23.5h52.3ZM421,275.2l21.6-59.1,12.2,59.1Zm-60.1-64.1,5.9-33.9s-18.1-6.9-37-6.9c-20.4,0-68.9,8.9-68.9,52.3,0,40.8,56.9,41.3,56.9,62.8s-51,17.6-67.9,4.1L243.8,325s18.4,8.9,46.4,8.9,70.4-14.5,70.4-54.1c0-41.1-57.4-44.9-57.4-62.8s40.1-15.6,57.7-5.9Z" transform="translate(0 -170.3)" style="fill:#2566af"/><path d="M98.9,258.3l-13.8-71s-1.7-14.2-19.5-14.2H.8L0,175.7s31.2,6.5,61,30.6C89.6,229.5,98.9,258.3,98.9,258.3Z" transform="translate(0 -170.3)" style="fill:#e6a540"/></svg> </li> 3913 <li class="[&>svg]:h-5 sm:[&>svg]:h-6"> 3914 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 252.93 196.54" data-title="mastercard"><title>mastercard</title><path d="M208.2,650.3a7.83,7.83,0,0,0-2.58-1.7,8.73,8.73,0,0,0-3.27-.6,12.22,12.22,0,0,0-2,.16,8.76,8.76,0,0,0-2,.57,7.64,7.64,0,0,0-1.85,1.14,6.7,
39146.7,0,0,0-1.53,1.82A7.52,7.52,0,0,0,192.2,649a8.39,8.39,0,0,0-4.09-1,9.87,9.87,0,0,0-1.59.14,7.23,7.23,0,0,0-1.65.49,6.71,6.71,0,0,0-1.55.93,6.41,6.41,0,0,0-1.35,1.51v-2.53h-4.35v20.69H182V657.76a6.1,6.1,0,0,1,.42-2.34,5,5,0,0,1,1.12-1.72,4.62,4.62,0,0,1,1.64-1.05,5.76,5.76,0,0,1,2-.35,4.29,4.29,0,0,1,3.44,1.4,5.91,5.91,0,0,1,1.22,4v11.51h4.39V657.76a6.1,6.1,0,0,1,.42-2.34,5,5,0,0,1,1.12-1.72,4.71,4.71,0,0,1,1.64-1.05,5.82,5.82,0,0,1,2-.35,4.29,4.29,0,0,1,3.43,1.4,5.91,5.91,0,0,1,1.23,4v11.51h4.39v-13a9,9,0,0,0-.6-3.33A7.67,7.67,0,0,0,208.2,650.3Z" transform="translate(-164.86 -473.88)" style="fill:#1d1d1b"/><path d="M231.34,651a7.8,7.8,0,0,0-6.5-3,10.19,10.19,0,0,0-4.06.81,10.08,10.08,0,0,0-3.28,2.26,10.46,10.46,0,0,0-2.2,3.44,12.36,12.36,0,0,0,0,8.75,10.46,10.46,0,0,0,2.2,3.44,10.06,10.06,0,0,0,7.34,3.07,8.39,8.39,0,0,0,3.83-.82,8.07,8.07,0,0,0,2.67-2.21v2.49h4.52V648.54h-4.52Zm-.17,10.48a6.4,6.4,0,0,1-1.27,2.09,5.87,5.87,0,0,1-2,1.39,6.18,6.18,0,0,1-2.55.51,6.1,6.1,0,0,1-2.62-.53,5.85,5.85,0,0,1-2-1.42,6.41,6.41,0,0,1-1.23-2.11,7.74,7.74,0,0,1-.43-2.57,7.83,7.83,0,0,1,.43-2.57,6.46,6.46,0,0,1,1.23-2.1,6,6,0,0,1,2-1.43,6.25,6.25,0,0,1,2.62-.53,6.18,6.18,0,0,1,2.55.51,6,6,0,0,1,2,1.39,6.35,6.35,0,0,1,1.27,2.1,7.45,7.45,0,0,1,.45,2.63A7.54,7.54,0,0,1,231.17,661.52Z" transform="translate(-164.86 -473.88)" style="fill:#1d1d1b"/><path d="M256.6,658.85a11.21,11.21,0,0,0-5.29-2l-2.14-.32c-.47-.07-.92-.15-1.34-.25a4.41,4.41,0,0,1-1.08-.38,2,2,0,0,1-.72-.6,1.49,1.49,0,0,1-.27-.91,2,2,0,0,1,1-1.78,5.2,5.2,0,0,1,2.88-.68,11,11,0,0,1,1.91.17,14.94,14.94,0,0,1,1.78.44,13.07,13.07,0,0,1,1.54.57,12.3,12.3,0,0,1,1.16.59L258,650.2a13.08,13.08,0,0,0-3.77-1.61,18,18,0,0,0-4.6-.57,12.6,12.6,0,0,0-3.57.47,7.89,7.89,0,0,0-2.68,1.31,5.64,5.64,0,0,0-1.71,2.09,6.21,6.21,0,0,0-.59,2.76,5.09,5.09,0,0,0,1.78,4.05,9.93,9.93,0,0,0,5.23,2l2.16.28a6.72,6.72,0,0,1,2.72.83,1.7,1.7,0,0,1,.87,1.46,2.05,2.05,0,0,1-1.19,1.84,7.17,7.17,0,0,1-3.52.68,13.08,13.08,0,0,1-2.28-.17,11.11,11.11,0,0,1-1.83-.46,9.39,9.39,0,0,1-1.49-.67,9.93,9.93,0,0,1-1.22-.81l-2.1,3.39a11.19,11.19,0,0,0,2.36,1.36,17.51,17.51,0,0,0,2.41.81,16.9,16.9,0,0,0,2.25.39q1.05.09,1.86.09a14.7,14.7,0,0,0,4-.49,8.94,8.94,0,0,0,3-1.4,6,6,0,0,0,1.83-2.13,5.84,5.84,0,0,0,.64-2.73A4.94,4.94,0,0,0,256.6,658.85Z" transform="translate(-164.86 -473.88)" style="fill:#1d1d1b"/><path d="M298.86,651a8.79,8.79,0,0,0-3.09-2.22,9.69,9.69,0,0,0-4-.79,10.66,10.66,0,0,0-4.18.79,9.31,9.31,0,0,0-3.25,2.22,10.22,10.22,0,0,0-2.12,3.45,13.38,13.38,0,0,0,0,8.89,9.94,9.94,0,0,0,2.19,3.44,9.67,9.67,0,0,0,3.34,2.2,11.4,11.4,0,0,0,4.28.78,15.36,15.36,0,0,0,4.48-.65,11.25,11.25,0,0,0,4-2.27l-2.25-3.22a10.08,10.08,0,0,1-2.86,1.61,9,9,0,0,1-3.12.57,7.44,7.44,0,0,1-2.12-.3,5.39,5.39,0,0,1-1.83-.94,5.62,5.62,0,0,1-1.41-1.63,7,7,0,0,1-.8-2.39H301.5c0-.26.05-.54.07-.83s0-.57,0-.86a12.91,12.91,0,0,0-.72-4.41A10.62,10.62,0,0,0,298.86,651Zm-12.62,6.1a7.47,7.47,0,0,1,.6-2.06,5.54,5.54,0,0,1,1.11-1.62,4.92,4.92,0,0,1,1.62-1,6,6,0,0,1,2.15-.36,4.81,4.81,0,0,1,3.52,1.33,6.51,6.51,0,0,1,1.73,3.76Z" transform="translate(-164.86 -473.88)" style="fill:#1d1d1b"/><path d="M358.82,651a8.13,8.13,0,0,0-2.68-2.21,8.22,8.22,0,0,0-3.82-.83,10.12,10.12,0,0,0-4.06.81,10,10,0,0,0-3.28,2.26,10.48,10.48,0,0,0-2.21,3.44,12.51,12.51,0,0,0,0,8.75A10.48,10.48,0,0,0,345,666.7a10.06,10.06,0,0,0,7.34,3.07,8.35,8.35,0,0,0,3.82-.82,8,8,0,0,0,2.68-2.21v2.49h4.51V648.54h-4.51Zm-.17,10.48a6.43,6.43,0,0,1-1.28,2.09,5.83,5.83,0,0,1-2,1.39,6.24,6.24,0,0,1-2.55.51,6.18,6.18,0,0,1-2.63-.53,5.71,5.71,0,0,1-2-1.42,6.41,6.41,0,0,1-1.23-2.11,7.5,7.5,0,0,1-.43-2.57,7.58,7.58,0,0,1,.43-2.57,6.46,6.46,0,0,1,1.23-2.1,5.87,5.87,0,0,1,2-1.43,6.33,6.33,0,0,1,2.63-.53,6.24,6.24,0,0,1,2.55.51,6,6,0,0,1,2,1.39,6.37,6.37,0,0,1,1.28,2.1,7.45,7.45,0,0,1,.45,2.63A7.54,7.54,0,0,1,358.65,661.52Z" transform="translate(-164.86 -473.88)" style="fill:#1d1d1b"/><path d="M276,665.1a5.89,5.89,0,0,1-2.15.41,3.82,3.82,0,0,1-1.28-.21,2.76,2.76,0,0,1-1-.68,3.34,3.34,0,0,1-.7-1.2,5.42,5.42,0,0,1-.26-1.77v-9h7.25v-4.1h-7.25v-6.26H266v6.26h-4.13v4.1H266v9.09q0,4.13,1.95,6.08a7.42,7.42,0,0,0,5.48,2,9.82,9.82,0,0,0,3.53-.61,13.72,13.72,0,0,0,1.93-.91l-1.55-3.77A10.88,10.88,0,0,1,276,665.1Z" transform="translate(-164.86 -473.88)" style="fill:#1d1d1b"/><path d="M316.7,648a8.24,8.24,0,0,0-3.43.69,7.24,7.24,0,0,0-2.57,2.56v-2.71h-4.1v20.69h4.14V657.85a6.92,6.92,0,0,1,.37-2.36,5.09,5.09,0,0,1,1-1.75,4.29,4.29,0,0,1,1.56-1.08,5.29,5.29,0,0,1,2-.36,8.76,8.76,0,0,1,1.77.19,9.2,9.2,0,0,1,.91.24l1.33-4.31a6.82,6.82,0,0,0-1.1-.28A11.78,11.78,0,0,0,316.7,648Z" transform="translate(-164.86 -473.88)" style="fill:#1d1d1b"/><path d="M379.44,648a8.32,8.32,0,0,0-3.44.69,7.4,7.4,0,0,0-2.57,2.56v-2.71h-4.09v20.69h4.14V657.85a7.18,7.18,0,0,1,.36-2.36,5.28,5.28,0,0,1,1-1.75,4.34,4.34,0,0,1,1.55-1.08,5.38,5.38,0,0,1,2-.36,8.76,8.76,0,0,1,1.77.19c.32.07.63.15.91.24l1.33-4.31a7.1,7.1,0,0,0-1.1-.28A11.78,11.78,0,0,0,379.44,648Z" transform="translate(-164.86 -473.88)" style="fill:#1d1d1b"/>
3914<path d="M400.52,640.13V651a7.84,7.84,0,0,0-6.5-3,10.12,10.12,0,0,0-4.06.81,9.87,9.87,0,0,0-3.28,2.26,10.48,10.48,0,0,0-2.21,3.44,12.36,12.36,0,0,0,0,8.75,10.48,10.48,0,0,0,2.21,3.44,10.06,10.06,0,0,0,7.34,3.07,8.38,8.38,0,0,0,3.82-.82,8.11,8.11,0,0,0,2.68-2.21v2.49H405v-29.1Zm-.18,21.39a6.24,6.24,0,0,1-1.27,2.09,5.83,5.83,0,0,1-2,1.39,6.24,6.24,0,0,1-2.55.51,6.15,6.15,0,0,1-2.63-.53,5.71,5.71,0,0,1-1.95-1.42,6.41,6.41,0,0,1-1.23-2.11,7.5,7.5,0,0,1-.43-2.57,7.58,7.58,0,0,1,.43-2.57,6.46,6.46,0,0,1,1.23-2.1,5.87,5.87,0,0,1,1.95-1.43,6.71,6.71,0,0,1,5.18,0,6,6,0,0,1,2,1.39,6.18,6.18,0,0,1,1.27,2.1,7.23,7.23,0,0,1,.46,2.63A7.32,7.32,0,0,1,400.34,661.52Z" transform="translate(-164.86 -473.88)" style="fill:#1d1d1b"/><path d="M327.5,654.1a6.12,6.12,0,0,1,2.05-1.36,6.8,6.8,0,0,1,2.57-.49h0a8.13,8.13,0,0,1,2.83.49,6.84,6.84,0,0,1,2.19,1.3l2.17-3.61a11.14,11.14,0,0,0-2.75-1.6,12.29,12.29,0,0,0-8.88,0,10.88,10.88,0,0,0-3.52,2.29,10.65,10.65,0,0,0-2.32,3.44,11.53,11.53,0,0,0,0,8.64,10.41,10.41,0,0,0,5.84,5.73,12.15,12.15,0,0,0,8.88,0,10.55,10.55,0,0,0,2.75-1.6l-2.17-3.61A6.86,6.86,0,0,1,335,665a8.12,8.12,0,0,1-2.83.48h0a6.79,6.79,0,0,1-2.57-.48,6.28,6.28,0,0,1-2.05-1.36,6.39,6.39,0,0,1-1.36-2.1,7.49,7.49,0,0,1,0-5.38A6.25,6.25,0,0,1,327.5,654.1Z" transform="translate(-164.86 -473.88)" style="fill:#1d1d1b"/><path d="M414.54,666.2a2.13,2.13,0,0,1,.84.16,1.94,1.94,0,0,1,.69.46,2,2,0,0,1,.46.66,2.06,2.06,0,0,1,0,1.64,2.1,2.1,0,0,1-.46.68,2.06,2.06,0,0,1-.69.45,2.14,2.14,0,0,1-.84.17,2.2,2.2,0,0,1-.86-.17,2.06,2.06,0,0,1-.69-.45,2.1,2.1,0,0,1-.46-.68,2.06,2.06,0,0,1,0-1.64,2,2,0,0,1,.46-.66,1.94,1.94,0,0,1,.69-.46A2.2,2.2,0,0,1,414.54,666.2Zm0,3.63a1.45,1.45,0,0,0,.59-.12,1.47,1.47,0,0,0,.48-.33,1.35,1.35,0,0,0,.32-.48,1.46,1.46,0,0,0,.12-.6,1.48,1.48,0,0,0-.12-.59,1.35,1.35,0,0,0-.32-.48,1.47,1.47,0,0,0-.48-.33,1.45,1.45,0,0,0-.59-.12,1.54,1.54,0,0,0-.61.12,1.58,1.58,0,0,0-.48.33,1.37,1.37,0,0,0-.33.48,1.67,1.67,0,0,0-.11.59,1.64,1.64,0,0,0,.11.6,1.37,1.37,0,0,0,.33.48,1.58,1.58,0,0,0,.48.33A1.54,1.54,0,0,0,414.54,669.83Zm.12-2.46a.87.87,0,0,1,.58.17.57.57,0,0,1,.2.46.49.49,0,0,1-.14.37.69.69,0,0,1-.41.2l.58.67h-.63l-.52-.65h-.06v.65h-.53v-1.87Zm-.4.46v.34h.39a.36.36,0,0,0,.19,0,.14.14,0,0,0,.06-.13.15.15,0,0,0-.06-.13.36.36,0,0,0-.19,0Z" transform="translate(-164.86 -473.88)" style="fill:#1d1d1b"/><path d="M261.58,551.84a77.8,77.8,0,0,1,29.61-61.13,78,78,0,1,0,0,122.26A77.8,77.8,0,0,1,261.58,551.84Z" transform="translate(-164.86 -473.88)" style="fill:#e30d17"/><ellipse cx="126.32" cy="77.96" rx="29.6" ry="61.13" style="fill:#eb610a"/><path d="M412.22,594v-2.28h-.92v-.63h2.53v.63h-.93V594Zm4.89,0v-2l-.66,1.74h-.72l-.65-1.73v2h-.68V591.1h1l.73,1.86.71-1.86h1V594Z" transform="translate(-164.86 -473.88)" style="fill:#f69f00"/><path d="M339.54,473.88a77.58,77.58,0,0,0-48.35,16.83,77.92,77.92,0,0,1,0,122.26,78,78,0,1,0,48.35-139.09Z" transform="translate(-164.86 -473.88)" style="fill:#f69f00"/></svg> </li> 3915 <li class="[&>svg]:h-5 sm:[&>svg]:h-6"> 3916 <?xml version="1.0" encoding="iso-8859-1"?> 3917<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> 3918<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 3919 viewBox="0 0 49.866 49.866" style="enable-background:new 0 0 49.866 49.866;" xml:space="preserve"> 3920<g> 3921 <g> 3922 <path d="M13.201,18.265c-0.553,0-1.105,0-1.658,0c-0.415,0.001-0.454,0.042-0.454,0.462c0,2.029,0,4.059,0,6.088 3923 c0,2.067,0,4.134,0,6.203c0,0.343,0.059,0.4,0.397,0.402c0.542,0.003,1.085,0,1.629,0c0.511,0,0.558-0.045,0.558-0.549 3924 c0-3.478,0-6.956,0-10.433c0-0.572,0.001-1.143,0-1.715C13.672,18.334,13.6,18.266,13.201,18.265z"/> 3925 </g> 3926</g> 3927<g> 3928 <g> 3929 <path d="M2.339,18.266c-0.505-0.003-1.01-0.005-1.516,0.001C0.293,18.275,0,18.577,0,19.109c0,1.963,0,3.927,0,5.89 3930 c0,1.993,0,3.983,0,5.976c0,0.349,0.047,0.396,0.397,0.396c0.514,0.004,1.029,0.004,1.543,0c0.54-0.004,0.811-0.273,0.811-0.81 3931 c0-3.955,0-7.912,0-11.866C2.752,18.348,2.679,18.269,2.339,18.266z"/> 3932 </g> 3933</g> 3934<g> 3935 <g> 3936 <path d="M9.724,31.072c-0.147-1.464-0.68-2.763-1.705-3.836c-1.104-1.154-2.462-1.789-3.943-1.936 3937 c-0.478-0.009-0.482-0.009-0.469,0.352c0.005,0.133,0.031,0.264,0.051,0.396c0.265,1.755,1.123,3.153,2.551,4.198 3938 c0.936,0.688,1.995,1.045,3.148,1.153C9.7,31.432,9.758,31.408,9.724,31.072z"/> 3939 </g> 3940</g> 3941<g> 3942 <g> 3943 <path d="M9.365,18.298c-0.131,0.021-0.267,0.013-0.397,0.033c-1.502,0.239-2.777,0.904-3.791,2.043 3944 c-0.929,1.042-1.445,2.271-1.567,3.659c-0.031,0.362-0.011,0.363,0.37,0.412c0.523-0.129,1.067-0.208,1.567-0.398 3945 c2.497-0.948,3.863-2.788,4.178-5.428C9.765,18.284,9.709,18.246,9.365,18.298z"/> 3946 </g> 3947</g> 3948<g> 3949 <g> 3950 <path d="M22.763,24.496c-0.038-1.457-0.867-2.432-2.269-2.777c-1.555-0.386-3.096-0.16-4.629,0.167 3951 c-0.182,0.038-0.257,0.169-0.253,0.36c0.008,0.341,0.002,0.685,0.002,1.028c0,0.489,0.064,0.513,0.548,0.484 3952 c0.987-0.056,1.976-0.098,2.964-0.098c0.59,0,0.948,0.333,1.046,0.867c0.031,0.166,0.019,0.342,0.019,0.513 3953 c0.002,0.663,0.001,0.669-0.653,0.661c-0.914-0.009-1.825,0.021-2.71,0.289c-0.914,0.274-1.571,0.815-1.769,1.789 3954 c-0.127,0.629-0.114,1.264,0.039,1.896c0.212,0.875,0.742,1.471,1.608,1.729c0.962,0.283,1.915,0.242,2.83-0.201 3955 c0.262-0.127,0.511-0.283,0.804-0.446c0.012,0.091,0.021,0.137,0.023,0.184c0.022,0.43,0.076,0.484,0.512,0.484 3956 c0.514,0.001,1.028,0.002,1.543,0c0.299-0.002,0.405-0.097,0.404-0.388C22.809,28.856,22.82,26.674,22.763,24.496z M19.938,29.408 3957 c-0.56,0.217-1.126,0.334-1.727,0.23c-0.374-0.064-0.648-0.286-0.68-0.666c-0.028-0.347-0.008-0.705,0.06-1.044 3958 c0.073-0.362,0.339-0.627,0.702-0.673c0.592-0.073,1.191-0.089,1.787-0.11c0.053-0.002,0.154,0.127,0.159,0.201 3959 c0.019,0.294,0.008,0.59,0.008,0.885c0,0.23-0.018,0.46,0.005,0.687C20.282,29.182,20.179,29.316,19.938,29.408z"/> 3960 </g> 3961</g> 3962<g> 3963 <g> 3964 <polygon points="48.592,20.968 48.592,21.043 48.802,21.043 48.802,21.656 48.892,21.656 48.892,21.043 49.102,21.043 3965 49.102,20.968 "/> 3966 </g> 3967</g> 3968<g> 3969 <g> 3970 <path d="M49.823,20.968h-0.119l-0.123,0.333c-0.029,0.087-0.055,0.162-0.072,0.232h-0.001c-0.021-0.072-0.042-0.148-0.07-0.232 3971 l-0.117-0.333h-0.113l-0.047,0.688h0.084l0.02-0.296c0.006-0.104,0.011-0.219,0.013-0.304h0.002
3972 c0.021,0.081,0.047,0.17,0.079,0.267l0.112,0.329h0.067l0.121-0.335c0.035-0.095,0.062-0.181,0.086-0.261h0.002 3973 c0,0.084,0.006,0.202,0.013,0.297l0.016,0.303h0.09L49.823,20.968z"/> 3974 </g> 3975</g> 3976<g> 3977 <g> 3978 <path d="M39.115,25.146c-0.006-0.52-0.067-1.046-0.18-1.557c-0.225-1.055-0.83-1.798-1.941-1.992 3979 c-1.213-0.215-2.369-0.043-3.41,0.663c-0.102,0.068-0.204,0.13-0.379,0.241c-0.008-0.205-0.02-0.332-0.022-0.461 3980 c-0.008-0.336-0.066-0.399-0.404-0.401c-0.537-0.003-1.069-0.004-1.602,0.001c-0.314,0.002-0.408,0.1-0.408,0.413 3981 c-0.001,2.973-0.001,5.945,0,8.918c0,0.349,0.094,0.445,0.436,0.447c0.591,0.002,1.182-0.006,1.773,0.005 3982 c0.264,0.003,0.383-0.101,0.378-0.372c-0.01-0.59-0.003-1.18-0.003-1.772c0-1.572-0.003-3.144,0.006-4.716 3983 c0-0.13,0.034-0.325,0.121-0.379c0.656-0.404,1.36-0.652,2.143-0.522c0.431,0.071,0.733,0.324,0.814,0.769 3984 c0.057,0.308,0.1,0.621,0.1,0.933c0.012,1.869,0.006,3.736,0.006,5.604c0,0.407,0.047,0.452,0.464,0.452 3985 c0.534,0.003,1.069,0.003,1.602,0c0.461,0,0.514-0.051,0.514-0.502C39.123,28.996,39.136,27.072,39.115,25.146z"/> 3986 </g> 3987</g> 3988<g> 3989 <g> 3990 <path d="M48.216,25.035c-0.001-0.293-0.015-0.59-0.06-0.884c-0.178-1.14-0.789-1.954-1.896-2.323 3991 c-0.464-0.155-0.959-0.262-1.446-0.293c-1.164-0.073-2.314,0.066-3.453,0.323c-0.25,0.058-0.355,0.194-0.354,0.438 3992 c0.001,0.314,0,0.629,0,0.943c0,0.506,0.07,0.545,0.562,0.519c0.98-0.055,1.959-0.099,2.938-0.105 3993 c0.632-0.002,0.986,0.323,1.093,0.948c0.048,0.28,0.022,0.571,0.037,0.854c0.01,0.188-0.079,0.25-0.259,0.244 3994 c-0.41-0.006-0.825-0.041-1.229,0.008c-0.695,0.082-1.4,0.162-2.072,0.35c-0.891,0.251-1.469,0.874-1.615,1.812 3995 c-0.059,0.389-0.049,0.793-0.03,1.189c0.076,1.608,1.303,2.664,2.908,2.534c0.811-0.063,1.575-0.256,2.239-0.751 3996 c0.045-0.032,0.102-0.05,0.164-0.078c0.029,0.044,0.047,0.055,0.049,0.073c0.01,0.048,0.015,0.095,0.017,0.144 3997 c0.022,0.415,0.049,0.44,0.475,0.44c0.496,0.003,0.99,0.003,1.486,0c0.399,0,0.448-0.045,0.448-0.438 3998 C48.219,29,48.221,27.017,48.216,25.035z M45.697,29.009c0.007,0.182-0.071,0.278-0.23,0.349 3999 c-0.585,0.259-1.186,0.392-1.829,0.287c-0.463-0.079-0.734-0.393-0.726-0.975c0.015-0.989,0.233-1.436,1.436-1.527 4000 c0.359-0.028,0.724,0.001,1.085-0.007c0.203-0.009,0.268,0.086,0.264,0.274c-0.009,0.276-0.004,0.554-0.004,0.828 4001 C45.695,28.494,45.685,28.75,45.697,29.009z"/> 4002 </g> 4003</g> 4004<g> 4005 <g> 4006 <path d="M29.692,21.877c0.001-0.255-0.113-0.364-0.366-0.354c-0.744,0.032-1.416,0.266-2.018,0.701 4007 c-0.082,0.06-0.164,0.115-0.287,0.203C27.011,22.29,27,22.209,27,22.127c-0.008-0.41-0.08-0.486-0.481-0.486 4008 c-0.517-0.002-1.029-0.001-1.544-0.001c-0.471,0.001-0.549,0.077-0.549,0.546c0,1.314,0,2.63,0,3.944c0,1.594-0.001,3.185,0,4.774 4009 c0,0.422,0.093,0.516,0.494,0.516c0.542,0.003,1.087,0.003,1.63,0c0.438,0,0.508-0.066,0.508-0.518 4010 c0.001-2.113,0.003-4.229-0.004-6.347c0-0.209,0.061-0.328,0.253-0.419c0.636-0.299,1.288-0.523,2.003-0.494 4011 c0.262,0.011,0.389-0.088,0.383-0.365C29.682,22.809,29.684,22.344,29.692,21.877z"/> 4012 </g> 4013</g> 4014<g> 4015</g> 4016<g> 4017</g> 4018<g> 4019</g> 4020<g> 4021</g> 4022<g> 4023</g> 4024<g> 4025</g> 4026<g> 4027</g> 4028<g> 4029</g> 4030<g> 4031</g> 4032<g> 4033</g> 4034<g> 4035</g> 4036<g> 4037</g> 4038<g> 4039</g> 4040<g> 4041</g> 4042<g> 4043</g> 4044</svg> </li> 4045 </ul> 4046 </div> 4047 </div> 4048</div> 4049
4049<script> 4050 function prepareMollieApplePayMinicart() { 4051 const objectToFormData = (object, prefix = null, formDataObject = null) => { 4052 const formData = formDataObject || new FormData(); 4053 Object.keys(object).forEach(key => { 4054 const value = object[key]; 4055 const name = prefix ? `${prefix}[${key}]` : key; 4056 if (value instanceof Object) { 4057 objectToFormData(value, name, formData); 4058 } else { 4059 formData.append(name, value); 4060 } 4061 }); 4062 4063 return new URLSearchParams(formData).toString(); 4064 }; 4065 4066 return { 4067 totalAmount: 0, 4068 4069 init() { 4070 4071 4072 const browserStorage = hyva.getBrowserStorage(); 4073 if (browserStorage) { 4074 const cacheStorage = browserStorage.getItem('mage-cache-storage'); 4075 const cart = JSON.parse(cacheStorage).cart; 4076 4077 this.totalAmount = cart.subtotalAmount; 4078 } 4079 4080 window.addEventListener('private-content-loaded', event => { 4081 this.totalAmount = event.detail.data.cart.subtotalAmount 4082 }) 4083 }, 4084 4085 isLoading(value) { 4086 4087 const eventName = value ? 'mollie-applepay-loading-start' : 'mollie-applepay-loading-stop'; 4088 window.dispatchEvent(new CustomEvent(eventName, {})) 4089 }, 4090 4091 pay() { 4092 const amount = this.totalAmount; 4093 let countryCode, postalCode, shippingMethods, selectedShippingMethod, quoteTotals; 4094 4095 const request = { 4096 countryCode: "BE", 4097 currencyCode: "EUR", 4098 supportedNetworks: ["amex","masterCard","visa","maestro","vPay"], 4099 merchantCapabilities: ['supports3DS'], 4100 total: { 4101 label: "Elektramat\u0020BE\u0020\u0028NL\u0029", 4102 amount: amount 4103 }, 4104 shippingType: 'shipping', 4105 requiredBillingContactFields: [ 4106 'postalAddress', 4107 'name', 4108 'email', 4109 'phone' 4110 ], 4111 requiredShippingContactFields: [ 4112 'postalAddress', 4113 'name', 4114 'email', 4115 'phone' 4116 ] 4117 } 4118 4119 let session = new ApplePaySession(3, request); 4120 4121 const getTotal = () => { 4122 const total = quoteTotals.find(item => item.code === 'grand_total') || quoteTotals[quoteTotals.length - 1]; 4123 4124 total.label = "Elektramat\u0020BE\u0020\u0028NL\u0029"; 4125 4126 const payload = { total }; 4127 window.dispatchEvent(new CustomEvent('mollie-applepay-total', { 4128 detail: payload, 4129 })); 4130 4131 return payload.total; 4132 }; 4133 4134 const getLineItems = () => { 4135 let totals = [...quoteTotals]; 4136 totals = totals.filter(item => item.code !== 'grand_total'); 4137 4138 const payload = { lineItems: totals }; 4139 window.dispatchEvent(new CustomEvent('mollie-applepay-lineitems', { 4140 detail: payload, 4141 })); 4142 4143 return payload.lineItems; 4144 }; 4145 4146 const handleAjaxError = (message) => { 4147 this.isLoading(false); 4148 session.abort(); 4149 4150 dispatchMessages([ 4151 { 4152 text: message, 4153 type: 'error' 4154 } 4155 ]); 4156 }; 4157 4158 session.onpaymentmethodselected = () => { 4159 session.completePaymentMethodSelection(getTotal(), []); 4160 }; 4161 4162 session.onshippingcontactselected = (event) => { 4163 countryCode = event.shippingContact.countryCode; 4164 postalCode = event.shippingContact.postalCode; 4165 4166 fetch(`${BASE_URL}mollie/applePay/shippingMethods?form_key=${hyva.getFormKey()}`, { 4167 method: 'POST', 4168 headers: { 4169 'content-type': 'application/x-www-form-urlencoded; charset=UTF-8', 4170 }, 4171 body: 'countryCode=' + event.shippingContact.countryCode + 4172 '&postalCode=' + event.shippingContact.postalCode 4173 }) 4174 .then(async (response) => { 4175 if (!response.ok) { 4176 const data = await response.json(); 4177 if (data.message) { 4178 throw new Error(data.message); 4179 } 4180 4181 throw new Error('Network response was not ok'); 4182 } 4183 return response.json(); 4184 }) 4185 .then(result => { 4186 shippingMethods = result.shipping_methods; 4187 selectedShippingMethod = result.shipping_methods[0]; 4188 quoteTotals = result.totals; 4189 4190 session.completeShippingContactSelection( 4191 ApplePaySession.STATUS_SUCCESS, 4192 result.shipping_methods, 4193 getTotal(), 4194 getLineItems() 4195 ); 4196 }) 4197 .catch(error => handleAjaxError(error)); 4198 }; 4199 4200 session.onshippingmethodselected = (event) => { 4201 selectedShippingMethod = event.shippingMethod; 4202 4203 fetch(`${BASE_URL}mollie/applePay/shippingMethods?form_key=${hyva.getFormKey()}`, { 4204 method: 'POST', 4205 headers: { 4206 'content-type': 'application/x-www-form-urlencoded; charset=UTF-8', 4207 }, 4208 body: objectToFormData({ 4209 shippingMethod: selectedShippingMethod, 4210 countryCode: countryCode, 4211 postalCode: postalCode 4212 }) 4213 }) 4214 .then(async (response) => { 4215 if (!response.ok) { 4216 const data = await response.json(); 4217 if (data.message) { 4218 throw new Error(data.message); 4219 } 4220 4221 throw new Error('Network response was not ok'); 4222 } 4223 return response.json(); 4224 }) 4225 .then(result => { 4226 quoteTotals = result.totals; 4227 4228 session.completeShippingMethodSelection( 4229 ApplePaySession.STATUS_SUCCESS, 4230 getTotal(), 4231 getLineItems() 4232 ); 4233 }) 4234 .catch(error => handleAjaxError(error)); 4235 }; 4236 4237 session.onpaymentauthorized = (event) => { 4238 fetch(`${BASE_URL}mollie/applePay/placeOrder?form_key=${hyva.getFormKey()}`, { 4239 method: 'POST', 4240 headers: { 4241 'content-type': 'application/x-www-form-urlencoded; charset=UTF-8', 4242 }, 4243 body: objectToFormData({ 4244 shippingMethod: selectedShippingMethod, 4245 billingAddress: event.payment.billingContact, 4246 shippingAddress: event.payment.shippingContact, 4247 applePayPaymentToken: JSON.stringify(event.payment.token) 4248 }) 4249 }) 4250 .then(async (response) => { 4251 if (!response.ok) { 4252 const data = await response.json(); 4253 if (data.message) { 4254 throw new Error(data.message); 4255 } 4256 4257 throw new Error('Network response was not ok'); 4258 } 4259 return response.json(); 4260 }) 4261 .then(result => { 4262 if (!session) { 4263 console.warn('Payment canceled'); 4264 return; 4265 } 4266 4267 if (result.error) { 4268 handleAjaxError(result.error_message); 4269 return; 4270 } 4271 4272 if (!result.url) { 4273 handleAjaxError('Something went wrong, please try again later.'); 4274 return; 4275 } 4276 4277 session.completePayment(ApplePaySession.STATUS_SUCCESS); 4278 4279 location.href = result.url; 4280 }) 4281 .catch(error => handleAjaxError(error)); 4282 }; 4283 4284 session.onvalidatemerchant = (event) => { 4285 fetch( 4286 `${BASE_URL}mollie/checkout/applePayValidation?form_key=${hyva.getFormKey()}`, 4287 { 4288 method: 'POST', 4289 headers: { 4290 'content-type': 'application/x-www-form-urlencoded; charset=UTF-8', 4291 }, 4292 body: objectToFormData({validationURL: event.validationURL}), 4293 } 4294 ) 4295 .then((response) => { 4296 if (!response.ok) { 4297 throw new Error('Merchant validation failed'); 4298 } 4299 4300 return response.json() 4301 }) 4302 .then((result) => session.completeMerchantValidation(result)) 4303 .catch(error => handleAjaxError(error)); 4304 }; 4305 4306 session.oncancel = () => { 4307 this.isLoading(false); 4308 session = null; 4309 } 4310 4311 this.isLoading(true); 4312 session.begin(); 4313 } 4314 } 4315 } 4316 4317 window.addEventListener( 4318 'alpine:init', 4319 () => Alpine.data('prepareMollieApplePayMinicart', prepareMollieApplePayMinicart), 4320 {once: true} 4321 )</script>
4321 </div> 4322 </div> 4323 <div class="loading flex flex-row justify-center items-center w-full h-full select-none z-50 absolute inset-0" 4324 style="background: rgba(255,255,255,0.85);" 4325 x-show="isLoading" 4326 x-cloak 4327 x-transition:enter="ease-out duration-200" 4328 x-transition:enter-start="opacity-0" 4329 x-transition:enter-end="opacity-100" 4330 x-transition:leave="ease-in duration-200" 4331 x-transition:leave-start="opacity-100" 4332 x-transition:leave-end="opacity-0"> 4333 <div class="loading-content-wrapper flex justify-center items-center w-full h-full"> 4334 <div class="loading-content flex justify-center items-center gap-x-10"> 4335 <svg xmlns="http://www.w3.org/2000/svg" width="57" height="57" viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2" stroke-linecap="round" class="text-primary animate-spin" role="img"> 4336 <circle style="opacity: .3;" cx="12" cy="12" r="10"/> 4337 <path fill="none" stroke-width="2" d="M12,2 a10,10 0 0,1 10,10"/> 4338<title>loader</title></svg> 4339 <div class="text-primary text-xl"> 4340 Bezig met laden... </div> 4341 </div> 4342 </div> 4343</div> </div> 4344 </template> 4345</section> 4346
4346<script> 4347 function initAuthentication() { 4348 return { 4349 open: false, 4350 close() { 4351 this.open = false; 4352 }, 4353 forceAuthentication: false, 4354 checkoutUrl: 'https://www.elektramat.be/checkout/index/', 4355 errors: 0, 4356 hasCaptchaToken: 0, 4357 displayErrorMessage: false, 4358 errorMessages: [], 4359 setErrorMessages(message) { 4360 this.errorMessages = [message]; 4361 this.displayErrorMessage = true; 4362 }, 4363 submitForm() { 4364 // Do not rename $form, the variable is expected to be declared in the recaptcha output 4365 const $form = document.querySelector('#login-form'); 4366 4367 if (this.errors === 0) { 4368 this.dispatchLoginRequest($form); 4369 } 4370 }, 4371 onPrivateContentLoaded() { 4372 const data = this.$event.detail.data; 4373 const isLoggedIn = data.customer && data.customer.firstname; 4374 if (data.cart && !isLoggedIn) { 4375 this.forceAuthentication = !data.cart.isGuestCheckoutAllowed; 4376 } 4377 }, 4378 redirectIfAuthenticated() { 4379 const event = this.$event; 4380 this.open = this.forceAuthentication; 4381 4382 if (event.detail && event.detail.url) { 4383 this.checkoutUrl = event.detail.url; 4384 } 4385 if (!this.forceAuthentication) { 4386 window.location.href = this.checkoutUrl; 4387 } 4388 }, 4389 resetErrors() { 4390 this.errors = 0; 4391 }, 4392 dispatchLoginRequest(form) { 4393 this.isLoading = true; 4394 const username = this.$refs['customer-email'].value; 4395 const password = this.$refs['customer-password'].value; 4396 const formKey = hyva.getFormKey(); 4397 const bodyFields = { 4398 'username': username, 4399 'password': password, 4400 'formKey': formKey 4401 }; 4402 const fieldName = 'g\u002Drecaptcha\u002Dresponse'; 4403 const recaptchaField = fieldName && form[fieldName]; 4404 if (recaptchaField) { 4405 bodyFields[fieldName] = recaptchaField.value; 4406 } 4407 fetch('https://www.elektramat.be/customer/ajax/login/', { 4408 method: 'POST', 4409 headers: { 4410 'Content-Type': 'application/json', 4411 'X-Requested-With': 'XMLHttpRequest' 4412 }, 4413 body: JSON.stringify(bodyFields) 4414 } 4415 ).then(response => { 4416 return response.json() 4417 } 4418 ).then(data => { 4419 this.isLoading = false; 4420 if (data.errors) { 4421 this.setErrorMessages(data.message); 4422 this.errors = 1; 4423 this.hasCaptchaToken = 0; 4424 } else { 4425 window.location.href = this.checkoutUrl; 4426 } 4427 }); 4428 }, 4429 eventListeners: { 4430 ['@private-content-loaded.window']() { 4431 this.onPrivateContentLoaded(); 4432 }, 4433 ['@toggle-authentication.window']() { 4434 this.redirectIfAuthenticated(); 4435 }, 4436 ['@pageshow.window'](event) { 4437 if (event.persisted) { 4438 this.close(); 4439 }; 4440 } 4441 } 4442 } 4443 } 4444 4445 window.addEventListener('alpine:init', () => Alpine.data('initAuthentication', initAuthentication), {once: true}) 4446</script>
4446 4447 4448<div x-data="initAuthentication" x-bind="eventListeners"> 4449 <dialog 4450 id="authentication-popup" 4451 aria-labelledby="authentication-popup-title" 4452 class="open:flex flex-col transition ease-out duration-300 motion-reduce:duration-0 w-xl p-0 " 4453 x-show="open" 4454 x-htmldialog="close" 4455 closeby="any" 4456 x-transition 4457 > 4458 <div class="pt-8 px-8"> 4459 <div class="flex gap-2 justify-between items-center"> 4460 <p id="authentication-popup-title" class="text-xl"> 4461 <strong>Inloggen</strong> 4462 </p> 4463 <button 4464 type="button" 4465 class="btn bg-transparent border-transparent p-2" 4466 @click="close" 4467 aria-label="Close panel" 4468 > 4469 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true"><path d="M18 6 6 18M6 6l12 12"/></svg> 4470 </button> 4471 </div> 4472 4473 <div class="message error" x-show="errors" x-cloak> 4474 <template x-for="(message, index) in errorMessages" :key="index"> 4475 <div> 4476 <template x-if="message"> 4477 <span x-html="message"></span> 4478 </template> 4479 </div> 4480 </template> 4481 </div> 4482 </div> 4483 4484 <div class="block-customer-login p-8"> 4485 <p id="authenticate-customer-login" class="text-lg mb-2"> 4486 <strong>Reken af met uw account</strong> 4487 </p> 4488 4489 <form 4490 id="login-form" 4491 class="form form-login" 4492 method="post" 4493 @submit.prevent="submitForm" 4494 > 4495 <input name="context" type="hidden" value="checkout"> 4496 4497 <div class="flex flex-col gap-4 mb-3"> 4498 <div class="field email required"> 4499 <label for="form-login-username"> 4500 <span>E-mailadres</span> 4501 </label> 4502 <div class="control"> 4503 <input 4504 id="form-login-username" 4505 name="username" 4506 type="email" 4507 class="form-input w-full" 4508 required 4509 autocomplete="email" 4510 x-ref="customer-email" 4511 @change="resetErrors" 4512 > 4513 </div> 4514 </div> 4515 <div class="field password required"> 4516 <label for="form-login-password"> 4517 <span>Wachtwoord</span> 4518 </label> 4519 <div class="control"> 4520 <input 4521 id="form-login-password" 4522 name="password" 4523 type="password" 4524 class="form-input w-full" 4525 required 4526 autocomplete="current-password" 4527 x-ref="customer-password" 4528 @change="resetErrors" 4529 > 4530 </div> 4531 </div> 4532 </div> 4533 4534 4535 <div class="actions-toolbar"> 4536 <button 4537 type="submit" 4538 class="btn btn-primary" 4539 > 4540 Inloggen </button> 4541 <a 4542 href="https://www.elektramat.be/customer/account/forgotpassword/" 4543 class="underline hover:no-underline" 4544 > 4545 Wachtwoord vergeten? </a> 4546 </div> 4547 </form> 4548 4549 </div> 4550 4551 <div class="block-new-customer p-8 border-t border-gray-300">
4552 <p id="authenticate-new-customer" class="text-lg mb-2"> 4553 <strong>Afrekenen als een nieuwe klant</strong> 4554 </p> 4555 4556 <div class="block-content"> 4557 <p class="mb-1"> 4558 Het aanmaken van een account heeft vele voordelen: </p> 4559 <ul class="list-disc pl-5"> 4560 <li> Bekijk bestelling en verzendstatus</li> 4561 <li> Bekijk bestelgeschiedenis</li> 4562 <li> Reken sneller af</li> 4563 </ul> 4564 <div class="actions-toolbar mt-6 mb-2"> 4565 <a href="https://www.elektramat.be/customer/account/create/" 4566 class="inline-flex btn btn-primary"> 4567 Account aanmaken </a> 4568 </div> 4569 </div> 4570 </div> 4571 </dialog> 4572</div></div><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" 4573 class="absolute w-0 h-0 overflow-hidden"> 4574 <defs> 4575 <symbol xmlns="http://www.w3.org/2000/svg" id="icon-chevron-down" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 4576 <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/> 4577<title>chevron-down</title></symbol> <symbol xmlns="http://www.w3.org/2000/svg" id="icon-chevron-left" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 4578 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 4579<title>chevron-left</title></symbol> <symbol xmlns="http://www.w3.org/2000/svg" id="icon-chevron-right" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 4580 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 4581<title>chevron-right</title></symbol> <symbol xmlns="http://www.w3.org/2000/svg" id="icon-x" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 4582 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 4583<title>x</title></symbol> <symbol xmlns="http://www.w3.org/2000/svg" id="icon-menu" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 4584 <path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"/> 4585<title>menu</title></symbol> </defs> 4586</svg> 4587 4588<nav id="main-menu" class="main-menu z-20 relative flex h-full max-lg:hidden" x-data="initMainMenu()"><div class="container"><a href="/" class="menu-item home -ml-2.5 text-primary no-underline [&_svg]:w-5 font-bold flex items-center px-2.5 h-6 py-1.5 my-auto" aria-label="Ga naar homepagina"><span aria-hidden="true"><svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.30273 21V13.6C9.30273 13.0399 9.30273 12.7599 9.41172 12.546C9.5076 12.3578 9.66058 12.2049 9.84874 12.109C10.0627 12 10.3426 12 10.9027 12H13.7027C14.2628 12 14.5428 12 14.7567 12.109C14.9449 12.2049 15.0978 12.3578 15.1937 12.546C15.3027 12.7599 15.3027 13.0399 15.3027 13.6V21M11.3204 2.764L4.53812 8.03912C4.08475 8.39175 3.85807 8.56806 3.69476 8.78886C3.5501 8.98444 3.44233 9.20478 3.37676 9.43905C3.30273 9.70352 3.30273 9.9907 3.30273 10.5651V17.8C3.30273 18.9201 3.30273 19.4801 3.52072 19.908C3.71246 20.2843 4.01842 20.5903 4.39475 20.782C4.82257 21 5.38262 21 6.50273 21H18.1027C19.2228 21 19.7829 21 20.2107 20.782C20.587 20.5903 20.893 20.2843 21.0847 19.908C21.3027 19.4801 21.3027 18.9201 21.3027 17.8V10.5651C21.3027 9.9907 21.3027 9.70352 21.2287 9.43905C21.1631 9.20478 21.0553 8.98444 20.9107 8.78886C20.7474 8.56806 20.5207 8.39175 20.0673 8.03913L13.285 2.764C12.9337 2.49075 12.758 2.35412 12.564 2.3016C12.3929 2.25526 12.2125 2.25526 12.0414 2.3016C11.8474 2.35412 11.6717 2.49075 11.3204 2.764Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></a><ul class="flex menu-items"><li class="menu-item" x-data="initChildItem" :class="{ 'open' : open }" @click.outside="open = false" @keyup.escape="onEscPress($el, $event)"><button type="button" class="menu-item-link" @click="open = !open;" :aria-expanded="open" aria-controls="main-menu-level-1-item-0">Producten<div :class="{ 'rotate-180': open }"></div></button><div class="absolute top-[calc(100%_+_1px)] mega-menu" id="main-menu-level-1-item-0" x-show="open" x-cloak x-transition x-transition:enter.duration.150ms x-transition:leave.duration.0ms x-data="initMegaMenu()" @close-menu.window="open = false" @resize.window.debounce="onResize()" @click="handleClickEvent" x-init="onResize()" x-ref="megaMenu" x-effect="if(open) calculateHeights()"><div class="container relative "><div class="dropdown h-full level-1 mega-4columns" id="" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" :class="{ '!-translate-x-full': column4Active && compactMode }" ><div class="dropdown-inner dropdown-inner-first"><div class="dropdown-header"><a class="column-title slideout-block-link" href="">Producten</a></div><ul><li x-data="menuItem(1)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-2-item-0" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4589 class="submenu-item-link slideout-item-link"><img src="/media/wysiwyg/menu-icons/Icon set=Groepenkast.svg" alt="Zekeringkast" width="36" height="36" loading="lazy"/>Zekeringkast</button><div class="dropdown h-full level-2 mega-4columns" id="main-menu-level-2-item-0" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><button class="back-button" type="button" x-show="column4Active && compactMode"><svg width="20" height="20" aria-hidden="true" class="text-black-45"><use href="#icon-chevron-left"/></svg><span class="sr-only">Terug</span></button><a class="column-title slideout-block-link" href="https://www.elektramat.be/ze
4589keringkast/">Zekeringkast</a></div><ul><li x-data="menuItem(2)" :class="{'open': open }" ><div class="bg-secondary-10 p-3 rounded-lg text-white"><strong class="text-primary leading-none font-branded font-bold block">Hulp nodig?</strong><span class="text-black text-sm">Vergelijk en bestel eenvoudig!</span><a href="/groepenkast-configurator/index/index/build-id/BE-S8MJY0PT4D/?build=S8MJY0PT4D" class="btn btn-secondary text-center cta_item_link">Start configurator</a></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast/" class="menu-item-heading slideout-item-link slideout-block-link-all">Merken<span>Bekijk alles</span></a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast/merken/vynckier/" class="slideout-item-link">Vynckier zekeringkasten</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast/merken/schneider/" class="slideout-item-link">Schneider zekeringkasten</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast/merken/legrand/" class="slideout-item-link">Legrand zekeringkasten</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast/merken/emat/" class="slideout-item-link">EMAT zekeringkasten</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast/" class="menu-item-heading slideout-item-link slideout-block-link-all">Type product<span>Bekijk alles</span></a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast/types/voorbedrade-kasten/" class="slideout-item-link">Voorbedrade kasten</a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-8" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4590 class="submenu-item-link slideout-item-link">Lege zekeringkasten</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-8" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/zekeringkast/types/lege-zekeringkast/">Lege zekeringkasten</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast/types/lege-zekeringkast/18-modules/" class="slideout-item-link">Lege zekeringkast 18 modules</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast/types/lege-zekeringkast/36-modules/" class="slideout-item-link">Lege zekeringkast 36 modules</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast/types/lege-zekeringkast/54-modules/" class="slideout-item-link">Lege zekeringkast 54 modules</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast/types/lege-zekeringkast/72-modules/" class="slideout-item-link">Lege zekeringkast 72 modules</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast/types/waterdichte-zekeringkast/" class="slideout-item-link">Waterdichte zekeringkasten</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast/accessoires/" class="slideout-item-link">Zekeringkast accessoires</a></li></ul></div></div></li><li x-data="menuItem(1)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-2-item-1" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4591 class="submenu-item-link slideout-item-link"><img src="/media/wysiwyg/menu-icons/Icon set=Groepenkast component.svg" alt="Zekeringkast onderdelen" width="36" height="36" loading="lazy"/>Zekeringkast onderdelen</button><div class="dropdown h-full level-2 mega-4columns" id="main-menu-level-2-item-1" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><button class="back-button" type="button" x-show="column4Active && compactMode"><svg width="20" height="20" aria-hidden="true" class="text-black-45"><use href="#icon-chevron-left"/></svg><span class="sr-only">Terug</span></button><a class="column-title slideout-block-link" href="https://www.elektramat.be/ze
4591keringkast-onderdelen/">Zekeringkast onderdelen</a></div><ul><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/hoofddifferentieelschakelaar/" class="slideout-item-link">Hoofddifferentieelschakelaar</a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-1" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4592 class="submenu-item-link slideout-item-link">Differentieelschakelaar</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-1" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/zekeringkast-onderdelen/differentieelschakelaar/">Differentieelschakelaar</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/differentieelschakelaar/differentieelschakelaar-300ma/" class="slideout-item-link">Differentieelschakelaar 300mA</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/differentieelschakelaar/differentieelschakelaar-30ma/" class="slideout-item-link">Differentieelschakelaar 30mA</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/differentieelautomaat/" class="slideout-item-link">Differentieelautomaat</a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-3" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4593 class="submenu-item-link slideout-item-link">Automaat</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-3" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/zekeringkast-onderdelen/automaat/">Automaat</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/automaat/1-polig/" class="slideout-item-link">Automaat 1-polig</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/automaat/2-polig/" class="slideout-item-link">Automaat 2-polig</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/automaat/3-polig/" class="slideout-item-link">Automaat 3-polig</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/automaat/4-polig/" class="slideout-item-link">Automaat 4-polig</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/teleruptor/" class="slideout-item-link">Teleruptor</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/tijdschakelaar/" class="slideout-item-link">Tijdschakelaar</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/werkschakelaar/" class="slideout-item-link">Werkschakelaar</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/energiemeter/" class="slideout-item-link">Energiemeter</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/contactor/" class="slideout-item-link">Contactor</a></li><li x-data="menuItem(2)" :class="{'open': open }" >
4593<a href="https://www.elektramat.be/zekeringkast-onderdelen/scheidingstransformator/" class="slideout-item-link">Scheidingstransformator</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/beltransformator/" class="slideout-item-link">Beltransformator</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/tijdsrelais/" class="slideout-item-link">Tijdsrelais</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/overspanningsbeveiliging/" class="slideout-item-link">Overspanningsbeveiliging</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/modulaire-dimmer/" class="slideout-item-link">Modulaire dimmer</a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-14" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4594 class="submenu-item-link slideout-item-link">Zekeringen</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-14" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/zekeringkast-onderdelen/zekering/">Zekeringen</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/zekering/buis/" class="slideout-item-link">Buiszekeringen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/zekering/diazed/" class="slideout-item-link">Diazed-zekeringen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/zekering/glas/" class="slideout-item-link">Glaszekeringen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/zekering/mespatroon/" class="slideout-item-link">Meszekering</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/kamgeleiders-doorverbinders/" class="slideout-item-link">Kamgeleiders en doorverbinders</a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-16" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4595 class="submenu-item-link slideout-item-link">Rijgklemmen</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-16" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/zekeringkast-onderdelen/rijgklemmen/">Rijgklemmen</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/rijgklemmen/rijgklem-1-mm/" class="slideout-item-link">Rijgklem 1 mm</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/rijgklemmen/rijgklem-1-5-mm/" class="slideout-item-link">Rijgklem 1,5 mm</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/rijgklemmen/rijgklem-2-5-mm/" class="slideout-item-link">Rijgklem 2,5 mm</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/rijgklemmen/rijgklem-4-mm/" class="slideout-item-link">Rijgklem 4 mm</a></li><li x-data="menuItem(3)" :class="{'open': open }" >
4595<a href="https://www.elektramat.be/zekeringkast-onderdelen/rijgklemmen/rijgklem-6-mm/" class="slideout-item-link">Rijgklem 6 mm</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/rijgklemmen/rijgklem-10-mm/" class="slideout-item-link">Rijgklem 10 mm</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/rijgklemmen/rijgklem-16-mm/" class="slideout-item-link">Rijgklem 16 mm</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/rijgklemmen/rijgklem-toebehoren/" class="slideout-item-link">Rijgklem toebehoren</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/din-rail-voedingen/" class="slideout-item-link">Din-Rail Voedingen</a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-18" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4596 class="submenu-item-link slideout-item-link">Merken</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-18" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/zekeringkast-onderdelen/merken/">Merken</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/merken/vynckier/" class="slideout-item-link">Vynckier onderdelen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/merken/schneider/" class="slideout-item-link">Schneider onderdelen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/merken/legrand/" class="slideout-item-link">Legrand onderdelen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/merken/emat/" class="slideout-item-link">EMAT onderdelen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/merken/eltako/" class="slideout-item-link">Eltako onderdelen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/merken/hager-onderdelen/" class="slideout-item-link">Hager onderdelen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/merken/eaton-onderdelen/" class="slideout-item-link">Eaton onderdelen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/zekeringkast-onderdelen/merken/finder-onderdelen/" class="slideout-item-link">Finder onderdelen</a></li></ul></div></div></li></ul></div></div></li><li x-data="menuItem(1)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-2-item-2" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4597 class="submenu-item-link slideout-item-link"><img src="/media/wysiwyg/menu-icons/Icon set=Schakelmateriaal.svg" alt="Schakelmateriaal" width="36" height="36" loading="lazy"/>Schakelmateriaal</button><div class="dropdown h-full level-2 mega-4columns" id="main-menu-level-2-item-2" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><button class="back-button" type="button" x-show="column4Active && compactMode"><svg width="20" height="20" aria-hidden="true" class="text-black-45"><use href="#icon-chevron-left"/></svg><span class="sr-only">Terug</span></button><a class="column-title slideout-block-link" href="https://www.elektramat.be/schakelmateriaal/">Schakelmateriaal</a></div><ul><li x-data="menuItem(2)" :class="{'open': open }" ><div class="bg-secondary-10 p-3 rounded-lg text-white"><strong class="text-primary leading-none font-branded font-bold block">Hulp nodig?</strong><span class="text-black text-sm">Vergelijk en bestel eenvoudig</span><a href="/schakelmateriaal-configuratoren" class="btn btn-secondary text-center cta_item_link">
4597Start configurator</a></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-1" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4598 class="submenu-item-link slideout-item-link">Type schakelmateriaal</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-1" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/schakelmateriaal/typen/">Type schakelmateriaal</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/alle-schakelmateriaal/" class="slideout-item-link">Alle schakelmateriaal</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/stopcontact/" class="slideout-item-link">Stopcontact</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/dubbel-stopcontact/" class="slideout-item-link">Dubbel stopcontact</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/stopcontact-met-usb/" class="slideout-item-link">Stopcontact met USB</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/utp-stopcontact/" class="slideout-item-link">UTP stopcontact</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/enkelpolige-schakelaar/" class="slideout-item-link">Enkelpolige schakelaar</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/dubbelpolige-schakelaar/" class="slideout-item-link">Dubbelpolige schakelaar</a></li><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-7" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4599 class="submenu-item-link slideout-item-link">Spatwaterdicht schakelmateriaal</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-7" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/schakelmateriaal/typen/spatwaterdicht/">Spatwaterdicht schakelmateriaal</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/hydro/" class="slideout-item-link">Niko Hydro</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/schneider-merten/mureva-styl/" class="slideout-item-link">Schneider-Merten Mureva styl</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/kopp/nautic/" class="slideout-item-link">Kopp Nautic</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/kopp/proaqa/" class="slideout-item-link">Kopp ProAQA</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/emhub/aquadro/" class="slideout-item-link">EMhub Aquadro</a></li></ul></div></div></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/wisselschakelaar/" class="slideout-item-link">Wisselschakelaar</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/serieschakelaar/" class="slideout-item-link">Serieschakelaar</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/drukknop/" class="slideout-item-link">Drukknop</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/kruisschakelaar/" class="slideout-item-link">Kruisschakelaar</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/dimmer/" class="slideout-item-link">Dimmer</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/rolluikschakelaar/" class="slideout-item-link">Rolluikschakelaar</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/fornuisaansluiting/" class="slideout-item-link">Fornuisaansluiting</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/motorbediening/" class="slideout-item-link">Motorbediening</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/tijdschakelaar/" class="slideout-item-link">Tijdschakelaar</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/schakelaars-draadloos-bedienen/" class="slideout-item-link">Schakelaars draadloos bedienen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/inbouw-bewegingsmelders/" class="slideout-item-link">Inbouw bewegingsmelders</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/overige-basissokkels/" class="slideout-item-link">Overige basissokkels</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/afdekplaat/" class="slideout-item-link">Afdekplaat</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/blindplaat/" class="slideout-item-link">Blindplaat</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/vloerstopcontact/" class="slideout-item-link">Vloerstopcontact</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/inbouw-stopcontact/" class="slideout-item-link">Inbouw stopcontact</a></li><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-24" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4600 class="submenu-item-link slideout-item-link">CEE materiaal</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-24" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/schakelmateriaal/typen/cee-materiaal/">CEE materiaal</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/cee-materiaal/stekker/" class="slideout-item-link">
4600CEE stekker</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/cee-materiaal/stopcontact/" class="slideout-item-link">CEE stopcontact</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/cee-materiaal/contrastekker/" class="slideout-item-link">CEE contrastekker</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/cee-materiaal/toestelcontactdoos/" class="slideout-item-link">CEE toestelcontactdoos</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/cee-materiaal/stroomverdeler/" class="slideout-item-link">CEE stroomverdeler</a></li></ul></div></div></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/verlengkabels/" class="slideout-item-link">Verlengkabels</a></li><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-26" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4601 class="submenu-item-link slideout-item-link">Stekkerdozen</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-26" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/schakelmateriaal/typen/stekkerdozen/">Stekkerdozen</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/stekkerdozen/verdeelstekker/" class="slideout-item-link">Verdeelstekker</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/stekkerdozen/stekkerdoos/" class="slideout-item-link">Stekkerdozen</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/stekkerdozen/met-overspanningsbeveiliging/" class="slideout-item-link">Stekkerdoos met overspanningsbeveiliging</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/stekkerdozen/zonder-snoer/" class="slideout-item-link">Stekkerdoos zonder snoer</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/stekkerdozen/kabelhaspel/" class="slideout-item-link">Kabelhaspel</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/stekkerdozen/bureau-stekkerdoos/" class="slideout-item-link">Bureau stekkerdoos</a></li></ul></div></div></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/stekkers/" class="slideout-item-link">Stekkers</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/bewegingsmelders/" class="slideout-item-link">Bewegingsmelders</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/bewegingssensor-buiten/" class="slideout-item-link">Bewegingssensor buiten</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/schemerschakelaars/" class="slideout-item-link">Schemerschakelaars</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/snoerdimmer/" class="slideout-item-link">Snoerdimmer</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/oplaadpunten-elektrische-fiets/" class="slideout-item-link">Oplaadpunten elektrische fiets</a></li><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-33" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4602 class="submenu-item-link slideout-item-link">Smart home</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-33" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/schakelmateriaal/typen/smart-home/">Smart home</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/smart-home/aqara/" class="slideout-item-link">Aqara</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/smart-home/homey/" class="slideout-item-link">Homey</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/smart-home/tp-link/" class="slideout-item-link">Smart home TP-Link</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/smart-home/shelly/" class="slideout-item-link">Shelly</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/smart-home/calex/" class="slideout-item-link">Calex</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/smart-home/homewizard/" class="slideout-item-link">HomeWizard</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/smart-home/verlichting/" class="slideout-item-link">Smart home verlichting</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/smart-home/dimmers-schakelaars/" class="slideout-item-link">
4602Dimmers en schakelaars</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/smart-home/sensoren/" class="slideout-item-link">Smart home sensoren</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/verwarming-en-koeling/thermostaat/slimme-thermostaat/" class="slideout-item-link">Slimme thermostaat</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/smart-home/deurbellen/" class="slideout-item-link">Deurbellen</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/smart-home/camera/" class="slideout-item-link">Camera's</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/smart-home/homestations/" class="slideout-item-link">HomeStations</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/smart-home/rookmelders/" class="slideout-item-link">Smart rookmelders</a></li></ul></div></div></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/" class="menu-item-heading slideout-item-link slideout-block-link-all">Merken<span>Bekijk alles</span></a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-3" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4603 class="submenu-item-link slideout-item-link">Niko</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-3" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/schakelmateriaal/merken/niko/">Niko</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-0" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4604 class="submenu-item-link slideout-item-link">Niko Original</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-0" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/schakelmateriaal/merken/niko/original/">Niko Original</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/original/white/" class="slideout-item-link">Niko Original White</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/original/niko-original-white-bright/" class="slideout-item-link">Niko Original White Bright</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/original/cream/" class="slideout-item-link">Niko Original Cream</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/original/light-grey/" class="slideout-item-link">Niko Original Light Grey</a></li></ul></div></div></li><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-1" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4605 class="submenu-item-link slideout-item-link">Niko Intense</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-1" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/schakelmateriaal/merken/niko/intense/">Niko Intense</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/intense/white/" class="slideout-item-link">Niko Intense White</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/intense/sterling/" class="slideout-item-link">Niko Intense Sterling</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/intense/bronze/" class="slideout-item-link">Niko Intense Bronze</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/intense/antraciet/" class="slideout-item-link">Niko Intense Antraciet</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/intense/matt-black/" class="slideout-item-link">Niko Intense Matt Black</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/intense/dark-brown/" class="slideout-item-link">Niko Intense Dark Brown</a></li></ul></div></div></li><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-2" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4606 class="submenu-item-link slideout-item-link">Niko Pure</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-2" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/schakelmateriaal/merken/niko/pure/">Niko Pure</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/pure/liquid-snow-white/" class="slideout-item-link">Niko Pure Liquid Snow White</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/pure/steel-white/" class="slideout-item-link">Niko Pure Steel White</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/pure/steel-black/" class="slideout-item-link">Niko Pure Steel Black</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/pure/bakelite-piano-black/" class="slideout-item-link">Niko Pure Bakelite Piano Black</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/pure/niko-pure-champagne-steel/" class="slideout-item-link">Niko Pure Champagne Steel</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/pure/niko-pure-alu-grey/" class="slideout-item-link">Niko Pure Alu Grey</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/pure/niko-pure-alu-black/" class="slideout-item-link">Niko Pure Alu Black</a></li></ul></div></div></li><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-3" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4607 class="submenu-item-link slideout-item-link">Niko Hydro</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-3" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/schakelmateriaal/merken/niko/hydro/">Niko Hydro</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/hydro/grijs/" class="slideout-item-link">Niko Hydro grijs</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/hydro/wit/" class="slideout-item-link">Niko Hydro wit</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/hydro/zwart/" class="slideout-item-link">Niko Hydro zwart</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/hydro/niko-hydro-stopcontact/" class="slideout-item-link">Niko Hydro stopcontact</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/hydro/niko-hydro-schakelaar/" class="slideout-item-link">Niko Hydro schakelaar</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/hydro/niko-hydro-tuinpaal/" class="slideout-item-link">Niko Hydro tuinpaal</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/hydro/niko-hydro-opbouwdoos/" class="slideout-item-link">Niko Hydro opbouwdoos</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/hydro/niko-hydro-inbouwdoos/" class="slideout-item-link">Niko Hydro inbouwdoos</a></li></ul></div></div></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/home-control/" class="slideout-item-link">Niko Home Control</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/hue-schakelaar/" class="slideout-item-link">Niko Friends of Hue</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/niko-rocker/" class="slideout-item-link">Niko Rocker</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/niko-toggle/" class="slideout-item-link">Niko Toggle</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/niko-basismaterialen/" class="slideout-item-link">Niko basismaterialen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/niko-dimmer/" class="slideout-item-link">Niko dimmer</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/niko-schakelaar/" class="slideout-item-link">
4607Niko schakelaar</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/niko-rolluikschakelaar/" class="slideout-item-link">Niko rolluikschakelaar</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/niko-stopcontact/" class="slideout-item-link">Niko stopcontact</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/niko-usb-stopcontact/" class="slideout-item-link">Niko USB stopcontact</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/niko-afdekplaat/" class="slideout-item-link">Niko afdekplaat</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/niko-bewegingsmelder/" class="slideout-item-link">Niko bewegingsmelder</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/niko-utp-contactdoos/" class="slideout-item-link">Niko UTP contactdoos</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/niko-opbouwdoos/" class="slideout-item-link">Niko opbouwdoos</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/niko-centraalplaat/" class="slideout-item-link">Niko centraalplaat</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/niko/niko-blindplaat/" class="slideout-item-link">Niko blindplaat</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-4" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4608 class="submenu-item-link slideout-item-link">Legrand</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-4" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/schakelmateriaal/merken/legrand/">Legrand</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-0" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4609 class="submenu-item-link slideout-item-link">Legrand Valena Next</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-0" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/schakelmateriaal/merken/legrand/valena-next/">Legrand Valena Next</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/legrand/valena-next/wit-opaal/" class="slideout-item-link">Legrand Valena Next wit opaal (glans wit)</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/legrand/valena-next/zwart-gefumeerd/" class="slideout-item-link">Legrand Valena Next zwart gefumeerd (mat zwart)</a></li></ul></div></div></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/legrand/legrand-stopcontact/" class="slideout-item-link">Legrand stopcontact</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/legrand/legrand-schakelaar/" class="slideout-item-link">Legrand schakelaar</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/legrand/legrand-vloerstopcontact/" class="slideout-item-link">Legrand vloerstopcontact</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-5" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4610 class="submenu-item-link slideout-item-link">Schneider-Merten</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-5" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/schakelmateriaal/merken/schneider-merten/">Schneider-Merten</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-0" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4611 class="submenu-item-link slideout-item-link">Schneider-Merten Mureva styl</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-0" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/schakelmateriaal/merken/schneider-merten/mureva-styl/">Schneider-Merten Mureva styl</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/schneider-merten/mureva-styl/wit/" class="slideout-item-link">Schneider-Merten Mureva styl wit</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/schneider-merten/mureva-styl/grijs/" class="slideout-item-link">Schneider-Merten Mureva styl grijs</a></li></ul></div></div></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-6" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4612 class="submenu-item-link slideout-item-link">Kopp</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-6" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/schakelmateriaal/merken/kopp/">Kopp</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-0" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4613 class="submenu-item-link slideout-item-link">Kopp Nautic</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-0" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/schakelmateriaal/merken/kopp/nautic/">Kopp Nautic</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/kopp/nautic/wit/" class="slideout-item-link">Kopp Nautic wit</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/kopp/nautic/grijs/" class="slideout-item-link">Kopp Nautic grijs</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/kopp/nautic/antraciet/" class="slideout-item-link">Kopp Nautic antraciet</a></li></ul></div></div></li><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-1" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4614 class="submenu-item-link slideout-item-link">Kopp ProAQA</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-1" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/schakelmateriaal/merken/kopp/proaqa/">Kopp ProAQA</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/kopp/proaqa/zwart/" class="slideout-item-link">Kopp ProAQA zwart</a></li></ul></div></div></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/kopp/standard-opbouw/" class="slideout-item-link">Kopp Standard opbouw</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/kopp/kopp-hk07-artic-wit/" class="slideout-item-link">Kopp HK07 Arctic wit</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-7" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4615 class="submenu-item-link slideout-item-link">EMhub</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-7" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/schakelmateriaal/merken/emhub/">EMhub</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-0" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4616 class="submenu-item-link slideout-item-link">EMhub Quadro55</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-0" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/schakelmateriaal/merken/emhub/quadro-55/">EMhub Quadro55</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/emhub/quadro-55/wit-glanzend/" class="slideout-item-link">EMhub Quadro55 wit glanzend</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/emhub/quadro-55/wit-mat/" class="slideout-item-link">EMhub Quadro55 wit mat</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/emhub/quadro-55/zwart-mat/" class="slideout-item-link">EMhub Quadro55 zwart mat</a></li></ul></div></div></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/emhub/aquadro/" class="slideout-item-link">EMhub Aquadro</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-8" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4617 class="submenu-item-link slideout-item-link">Gira</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-8" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/schakelmateriaal/merken/gira/">Gira</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-0" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4618 class="submenu-item-link slideout-item-link">Gira Systeem 55</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-0" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/schakelmateriaal/merken/gira/systeem-55/">Gira Systeem 55</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/gira/systeem-55/zuiver-wit-glanzend/" class="slideout-item-link">Gira Systeem 55 zuiver wit glanzend</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/gira/systeem-55/zuiver-wit-mat/" class="slideout-item-link">Gira Systeem 55 zuiver wit mat</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/gira/systeem-55/zwart-mat/" class="slideout-item-link">Gira Systeem 55 zwart mat</a></li></ul></div></div></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/merken/gira/gira-basismaterialen/" class="slideout-item-link">Gira basismaterialen</a></li></ul></div></div></li></ul></div></div></li><li x-data="menuItem(1)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-2-item-3" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4619 class="submenu-item-link slideout-item-link"><img src="/media/wysiwyg/menu-icons/Icon set=Draad en kabel.svg" alt="Draad en kabel" width="36" height="36" loading="lazy"/>Draad en kabel</button><div class="dropdown h-full level-2 mega-4columns" id="main-menu-level-2-item-3" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><button class="back-button" type="button" x-show="column4Active && compactMode"><svg width="20" height="20" aria-hidden="true" class="text-black-45"><use href="#icon-chevron-left"/></svg><span class="sr-only">Terug</span></button><a class="column-title slideout-block-link" href="https://www.elektramat.be/draad-kabel/">Draad en kabel</a></div><ul><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/" class="menu-item-heading slideout-item-link slideout-block-link-all">Type kabel<span>Bekijk alles</span></a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/alle-kabels/" class="slideout-item-link">Alle kabels</a></li><li x-data="menuItem(2)" :cl
4619ass="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-2" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4620 class="submenu-item-link slideout-item-link">XVB kabel</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-2" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/draad-kabel/xvb-kabel/">XVB kabel</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/xvb-kabel/3-aderig/" class="slideout-item-link">XVB kabel 3 - aderig</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/xvb-kabel/4-aderig/" class="slideout-item-link">XVB kabel 4 - aderig</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/xvb-kabel/5-aderig/" class="slideout-item-link">XVB kabel 5 - aderig</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/xvb-kabel/alle-xvb-kabels/" class="slideout-item-link">Alle XVB kabels</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-3" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4621 class="submenu-item-link slideout-item-link">EXVB kabel</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-3" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/draad-kabel/exvb-kabel/">EXVB kabel</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/exvb-kabel/3-aderig/" class="slideout-item-link">EXVB kabel 3 - aderig</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/exvb-kabel/4-aderig/" class="slideout-item-link">EXVB kabel 4 - aderig</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/exvb-kabel/5-aderig/" class="slideout-item-link">EXVB kabel 5 - aderig</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/exvb-kabel/alle-exvb-kabels/" class="slideout-item-link">Alle EXVB kabels</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-4" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4622 class="submenu-item-link slideout-item-link">XGB kabel</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-4" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/draad-kabel/xgb-kabel/">XGB kabel</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/xgb-kabel/3-aderig/" class="slideout-item-link">XGB kabel 3 - aderig</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/xgb-kabel/4-aderig/" class="slideout-item-link">XGB kabel 4 - aderig</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/xgb-kabel/5-aderig/" class="slideout-item-link">XGB kabel 5 - aderig</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/xgb-kabel/alle-xgb-kabels/" class="slideout-item-link">Alle XGB kabels</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/vob-kabel/" class="slideout-item-link">VOB draad</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/vobs-vobst-draad/" class="slideout-item-link">VOBs en VOBst draad</a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-7" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4623 class="submenu-item-link slideout-item-link">UTP kabel</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-7" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/draad-kabel/utp-kabel/">UTP kabel</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/utp-kabel/cat5e/" class="slideout-item-link">Cat5e</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/utp-kabel/cat6/" class="slideout-item-link">Cat6</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/utp-kabel/cat7/" class="slideout-item-link">Cat7 FTP kabels</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/utp-kabel/utp-grondkabel/" class="slideout-item-link">UTP grondkabel</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/utp-kabel/utp-in-flexibele-buis/" class="slideout-item-link">UTP in flexibele buis</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/utp-kabel/accessoires/" class="slideout-item-link">UTP accessoires</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/utp-kabel/cat-cca/" class="slideout-item-link">Cat CCA</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/flexibele-buis/" class="slideout-item-link">Flexibele buis met draad</a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-9" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4624 class="submenu-item-link slideout-item-link">Neopreen kabel (H07RN-F)</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-9" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/draad-kabel/h07rn-f/">Neopreen kabel (H07RN-F)</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/h07rn-f/h07rn-f-1-aderig/" class="slideout-item-link">Neopreen kabel 1 - aderig</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/h07rn-f/h07rn-f-2-aderig/" class="slideout-item-link">Neopreen kabel 2 - aderig</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/h07rn-f/h07rn-f-3-aderig/" class="slideout-item-link">Neopreen kabel 3 - aderig</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/h07rn-f/h07rn-f-4-aderig/" class="slideout-item-link">Neopreen kabel 4 - aderig</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/h07rn-f/h07rn-f-5-aderig/" class="slideout-item-link">Neopreen kabel 5 - aderig</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/h07rn-f/h07rn-f-7-aderig/" class="slideout-item-link">Neopreen kabel 7 - aderig</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/h07rn-f/h07rn-f-12-aderig/" class="slideout-item-link">Neopreen kabel 12 - aderig</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/solarkabel/" class="slideout-item-link">Solar kabel</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/textielsnoer/" class="slideout-item-link">Textielsnoer</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/usb-kabels/" class="slideout-item-link">USB kabels</a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-13" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4625 class="submenu-item-link slideout-item-link">Hulpmiddelen draad en kabel</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-13" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/draad-kabel/hulpmiddelen/">Hulpmiddelen draad en kabel</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/hulpmiddelen/kabelafroller/" class="slideout-item-link">Kabelafroller</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/hulpmiddelen/snoerschakelaar/" class="slideout-item-link">Snoerschakelaar</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/hulpmiddelen/kabelbeschermband/" class="slideout-item-link">Kabelbeschermband</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/siliconenkabel/" class="slideout-item-link">Siliconenkabel</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/luidsprekerkabel/" class="slideout-item-link">Luidsprekerkabel</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/prikkabel/" class="slideout-item-link">Prikkabel</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/vtmb-kabel/" class="slideout-item-link">VTMB kabel</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/stuurkabel/" class="slideout-item-link">Stuurkabel</a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-19" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4626 class="submenu-item-link slideout-item-link">Kabels voor thuis</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-19" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/draad-kabel/kabels-voor-thuis/">Kabels voor thuis</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-0" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4627 class="submenu-item-link slideout-item-link">HDMI kabel</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-0" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/draad-kabel/kabels-voor-thuis/hdmi-kabel/">HDMI kabel</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/kabels-voor-thuis/hdmi-kabel/hdmi-2-0-kabel/" class="slideout-item-link">HDMI 2.0 kabel</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/kabels-voor-thuis/hdmi-kabel/hdmi-2-1-kabel/" class="slideout-item-link">HDMI 2.1 kabel</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/kabels-voor-thuis/hdmi-kabel/versterkte-hdmi-kabel/" class="slideout-item-link">Versterkte HDMI kabel</a></li></ul></div></div></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/kabels-voor-thuis/displayportkabels/" class="slideout-item-link">Displayportkabels</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/verbindingsmateriaal/steekklem/" class="slideout-item-link">Steekklem</a></li></ul></div></div></li><li x-data="menuItem(1)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-2-item-4" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4628 class="submenu-item-link slideout-item-link"><img src="/media/wysiwyg/menu-icons/Icon set=Buis en goot.svg" alt="Buis" width="36" height="36" loading="lazy"/>Buis</button><div class="dropdown h-full level-2 mega-4columns" id="main-menu-level-2-item-4" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><button class="back-button" type="button" x-show="column4Active && compactMode"><svg width="20" height="20" aria-hidden="true" class="text-black-45"><use href="#icon-chevron-left"/></svg><span class="sr-only">Terug</span></button><a class="column-title slideout-block-link" href="https://www.elektramat.be/buis/">Buis</a></div><ul><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/buis/" class="menu-item-heading slideout-item-link slideout-block-link-all">Type buis<span>Bekijk alles</span></a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/buis/flexibele-buis/" class="slideout-item-link">Flexibele buis</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/flexibele-buis/" class="slideout-item-link">Flexibele buis met draad</a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-3" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4629 class="submenu-item-link slideout-item-link">PVC installatiebuis</button><div class="dropdown h-ful
4629l level-3 mega-4columns" id="main-menu-level-3-item-3" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/buis/pvc-installatiebuis/">PVC installatiebuis</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/buis/pvc-installatiebuis/sokken-en-bochten/" class="slideout-item-link">Sokken en bochten</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/buis/wachtbuis/" class="slideout-item-link">Wachtbuis</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/bevestigingsmateriaal/buisbeugel/" class="slideout-item-link">Buisbeugel</a></li></ul></div></div></li><li x-data="menuItem(1)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-2-item-5" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4630 class="submenu-item-link slideout-item-link"><img src="/media/wysiwyg/menu-icons/Icon set=Installatiemateriaal.svg" alt="Installatiemateriaal" width="36" height="36" loading="lazy"/>Installatiemateriaal</button><div class="dropdown h-full level-2 mega-4columns" id="main-menu-level-2-item-5" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><button class="back-button" type="button" x-show="column4Active && compactMode"><svg width="20" height="20" aria-hidden="true" class="text-black-45"><use href="#icon-chevron-left"/></svg><span class="sr-only">Terug</span></button><a class="column-title slideout-block-link" href="https://www.elektramat.be/installatiemateriaal/">Installatiemateriaal</a></div><ul><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/inbouwdozen/" class="slideout-item-link">Inbouwdozen</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/aftakdozen/" class="slideout-item-link">Aftakdozen</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/hollewanddoos/" class="slideout-item-link">Hollewanddoos</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/centraaldoos/" class="slideout-item-link">Centraaldoos</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/steekklemmen/" class="slideout-item-link">Steekklem</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/lusterklemmen/" class="slideout-item-link">Lusterklem</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/lasdoppen/" class="slideout-item-link">Lasdop</a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-7" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4631 class="submenu-item-link slideout-item-link">Kabelschoenen</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-7" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/installatiemateriaal/kabelschoen/">Kabelschoenen</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-0" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4632 class="submenu-item-link slideout-item-link">Ongeïsoleerd</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-0" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/installatiemateriaal/kabelschoen/ongeisoleerd/">Ongeïsoleerd</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/kabelschoen/ongeisoleerd/standaard/" class="slideout-item-link">Standaard kabelschoen</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/kabelschoen/ongeisoleerd/standaard-onder-hoek/" class="slideout-item-link">Standaard kabelschoen onder hoek</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/kabelschoen/ongeisoleerd/standaard-met-gat/" class="slideout-item-link">Standaard kabelschoen met gat</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/kabelschoen/ongeisoleerd/lang/" class="slideout-item-link">Kabelschoen DIN/Lang</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/kabelschoen/ongeisoleerd/lang-onder-hoek/" class="slideout-item-link">Kabelschoen DIN/Lang onder hoek</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/kabelschoen/ongeisoleerd/koppelingen-en-doorverbinders/" class="slideout-item-link">Kabelschoen koppelingen en doorverbinders</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/kabelschoen/ongeisoleerd/pashulzen/" class="slideout-item-link">Kabelschoen pashulzen</a></li></ul></div></div></li><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-1" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4633 class="submenu-item-link slideout-item-link">Geïsoleerd</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-1" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/installatiemateriaal/kabelschoen/geisoleerd/">Geïsoleerd</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/verbinding/kabelschoenen/geisoleerd/oog/" class="slideout-item-link">
4633Kabelschoen met oog</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/kabelschoen/geisoleerd/vork/" class="slideout-item-link">Kabelschoen met vork</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/kabelschoen/geisoleerd/pen/" class="slideout-item-link">Kabelschoen met pen</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/kabelschoen/geisoleerd/vlaksteker/" class="slideout-item-link">Kabelschoen met vlaksteker</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/kabelschoen/geisoleerd/doorverbinders/" class="slideout-item-link">Kabelschoen doorverbinders</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/kabelschoen/geisoleerd/rondsteker/" class="slideout-item-link">Rondsteker</a></li></ul></div></div></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/adereindhuls/" class="slideout-item-link">Adereindhulzen</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/krimpkousen/" class="slideout-item-link">Krimpkous</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/gietmof/" class="slideout-item-link">Gietmoffen</a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-12" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4634 class="submenu-item-link slideout-item-link">Wartels</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-12" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/installatiemateriaal/wartels/wartel/">Wartels</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/wartels/wartel/" class="slideout-item-link">Wartel</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/wartels/wartelmoer/" class="slideout-item-link">Wartelmoer</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/wartels/reduceerring/" class="slideout-item-link">Reduceerring</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/wartels/blindstop/" class="slideout-item-link">Blindstop</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/wartels/invoertule-membraamtule/" class="slideout-item-link">Invoertule en membraamtule</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/wartels/verloopring/" class="slideout-item-link">Verloopring</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/wartels/wiska/" class="slideout-item-link">Wiska</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/wartels/obo/" class="slideout-item-link">OBO</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/wartels/jacob/" class="slideout-item-link">Jacob</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/wartels/hummel/" class="slideout-item-link">Hummel</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/wartels/attema/" class="slideout-item-link">Attema</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/ophoogkaders/" class="slideout-item-link">Ophoogkaders</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/werkschakelaar/" class="slideout-item-link">Werkschakelaar</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/aarding/" class="slideout-item-link">Aarding</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/rookmelders/" class="slideout-item-link">Rookmelders</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/koolmonoxidemelder/" class="slideout-item-link">Koolmonoxidemelder</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/mc4-connectoren/" class="slideout-item-link">MC4 connectoren</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/assortimentsdoos-gevuld/" class="slideout-item-link">Assortimentsdozen gevuld</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/handbrandmelder/" class="slideout-item-link">Handbrandmelder</a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-21" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4635 class="submenu-item-link slideout-item-link">Batterijen</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-21" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/installatiemateriaal/batterijen/">Batterijen</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/batterijen/aaaa/" class="slideout-item-link">AAAA batterijen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/batterijen/aaa/" class="slideout-item-link">AAA batterijen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/batterijen/aa/" class="slideout-item-link">AA batterijen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/batterijen/c/" class="slideout-item-link">C batterijen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/batterijen/d/" class="slideout-item-link">D batterijen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/batterijen/6-volt/" class="slideout-item-link">6 Volt batterijen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/batterijen/9-volt/" class="slideout-item-link">9 Volt batterijen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/batterijen/v23ga-mn21-a23/" class="slideout-item-link">V23GA/MN21/A23 batterijen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/batterijen/knoopcellen/" class="slideout-item-link">Knoopcellen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/batterijen/oplader/" class="slideout-item-link">Oplader</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/batterijen/overig/" class="slideout-item-link">Overig</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/drukknoppen-en-signaallampen/" class="slideout-item-link">Drukknoppen en signaallampen</a></li></ul></div></div></li><li x-data="menuItem(1)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-2-item-6" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4636 class="submenu-item-link slideout-item-link"><img src="/media/wysiwyg/menu-icons/Icon%20set=Bevestiging.svg" alt="Bevestigingsmateriaal" width="36" height="36" loading="lazy"/>Bevestigingsmateriaal</button><div class="dropdown h-full level-2 mega-4columns" id="main-menu-level-2-item-6" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><button class="back-button" type="button" x-show="column4Active && compactMode"><svg width="20" height="20" aria-hidden="true" class="text-black-45"><use href="#icon-chevron-left"/></svg><span class="sr-only">Terug</span></button><a class="column-title slideout-block-link" href="https://www.elektramat.be/bevestiging/">Bevestigingsmateriaal</a></div><ul><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/nagelklem/" class="slideout-item-link">Nagelklem</a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-1" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4637 class="submenu-item-link slideout-item-link">Schroeven</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-1" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/bevestiging/schroeven/">Schroeven</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/schroeven/spaanplaatschroef/" class="slideout-item-link">Houtschroeven en spaanplaatschroeven</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/schroeven/gipsplaatschroeven/" class="slideout-item-link">Gipsplaatschroeven</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/schroeven/metaalschroeven/" class="slideout-item-link">Metaalschroeven</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/schroeven/zelftappers-en-plaatschroeven/" class="slideout-item-link">Zelftappers en plaatschroeven</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/schroeven/stokschroeven/" class="slideout-item-link">Stokschroeven</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-2" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4638 class="submenu-item-link slideout-item-link">Ankers en pluggen</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-2" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/bevestiging/pluggen/">Ankers en pluggen</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/pluggen/nylon/" class="slideout-item-link">Nylon plug</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/pluggen/slag/" class="slideout-item-link">Slagpluggen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/pluggen/gipsplaat/" class="slideout-item-link">Gipsplaatpluggen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/pluggen/messing-pluggen/" class="slideout-item-link">Messing pluggen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/pluggen/inslagankers/" class="slideout-item-link">Inslagankers</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/pluggen/keilbouten/" class="slideout-item-link">Keilbouten</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/pluggen/chemische-verankering/" class="slideout-item-link">Chemische verankering</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/pluggen/spanhulzen/" class="slideout-item-link">Spanhulzen</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/buisbeugel/" class="slideout-item-link">Buisbeugel</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/montageband/" class="slideout-item-link">Montageband</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/bundelbandjes/" class="slideout-item-link">Kabelbinder</a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-6" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4639 class="submenu-item-link slideout-item-link">
4639Tape</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-6" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/bevestiging/tape/">Tape</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/tape/duct-tapes/" class="slideout-item-link">Duct tapes</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/tape/isolatietapes/" class="slideout-item-link">Isolatietapes</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/tape/masking-tapes/" class="slideout-item-link">Masking tapes</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/tape/antislip-tapes/" class="slideout-item-link">Antislip tapes</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/tape/dubbelzijdige-tapes/" class="slideout-item-link">Dubbelzijdige tapes</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/tape/aluminium-tapes/" class="slideout-item-link">Aluminium tapes</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/tape/markeringstapes/" class="slideout-item-link">Markeringstapes</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/tape/zelf-vulkaniserende-tapes/" class="slideout-item-link">Zelf vulkaniserende tapes</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/tape/luchtdichte-tapes/" class="slideout-item-link">Luchtdichte tapes</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/tape/waarschuwingsband/" class="slideout-item-link">Waarschuwingsband</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/tape/verpakkingstapes/" class="slideout-item-link">Verpakkingstapes</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/tape/overige-tapes/" class="slideout-item-link">Overige tapes</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-7" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4640 class="submenu-item-link slideout-item-link">Schroefbit en bitset</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-7" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/bevestiging/schroefbit/">Schroefbit en bitset</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/schroefbit/torx-schroefbits/" class="slideout-item-link">Schroefbit</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/schroefbit/pozidrive-schroefbits/" class="slideout-item-link">Bitset</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/zadelklem/" class="slideout-item-link">Zadelklem</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/klittenband/" class="slideout-item-link">Klittenband</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/popnagels-klinknagels-moeren/" class="slideout-item-link">Popnagels, klinknagels en moeren</a></li><li x-data="menuItem(2)" :class="{'open': open }" >
4640<a href="https://www.elektramat.be/bevestiging/spantklem/" class="slideout-item-link">Spantklem</a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-12" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4641 class="submenu-item-link slideout-item-link">Lijmen en kitten</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-12" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/">Lijmen en kitten</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-0" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4642 class="submenu-item-link slideout-item-link">Lijmen</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-0" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/">Lijmen</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="" class="menu-item-heading slideout-item-link slideout-block-link-all">Type product<span>Bekijk alles</span></a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/alle-typen/hightack-kit/" class="slideout-item-link">Hightack kit</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/alle-typen/secondelijm/" class="slideout-item-link">Secondelijm</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/alle-typen/constructie-bruislijm/" class="slideout-item-link">Constructie en bruislijm</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/alle-typen/contactlijm/" class="slideout-item-link">Contactlijm</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/alle-typen/metaal/" class="slideout-item-link">Metaallijm</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/alle-typen/montagekit/" class="slideout-item-link">Montagekit</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/alle-typen/purschuim/" class="slideout-item-link">Purschuim</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/alle-typen/pvc-plastic-lijm/" class="slideout-item-link">PVC en plastic lijm</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/alle-typen/houtlijm/" class="slideout-item-link">Houtlijm</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/alle-typen/epoxy/" class="slideout-item-link">Epoxy</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/alle-typen/schroefdraadafdichting/" class="slideout-item-link">Schroefdraadafdichting</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="" class="menu-item-heading slideout-item-link slideout-block-link-all">Materiaal<span>Bekijk alles</span></a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/materiaal/hout/" class="slideout-item-link">Hout</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/materiaal/metaal/" class="slideout-item-link">Metaal</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/materiaal/tegel/" class="slideout-item-link">Tegel</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/materiaal/glas/" class="slideout-item-link">Glas</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/materiaal/steen-beton/" class="slideout-item-link">Steen en beton</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/materiaal/natuursteen/" class="slideout-item-link">Natuursteen</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/materiaal/goot-dakbedekking/" class="slideout-item-link">Goot en dakbedekking</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/materiaal/pvc-plastic/" class="slideout-item-link">PVC en plastic</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="" class="menu-item-heading slideout-item-link slideout-block-link-all">Merken<span>Bekijk alles</span></a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/merken/tremco-illbruck-nullifire/" class="slideout-item-link">illbruck / Nullifire</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/merken/den-braven-zwaluw/" class="slideout-item-link">Den Braven Zwaluw</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/lijmen/merken/griffon-bison/" class="slideout-item-link">Griffon Bison</a></li></ul></div></div></li><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-1" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4643 class="submenu-item-link slideout-item-link">Kitten</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-1" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/">Kitten</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="" class="menu-item-heading slideout-item-link slideout-block-link-all">
4643Typen<span>Bekijk alles</span></a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/alle-typen/siliconenkit/" class="slideout-item-link">Siliconenkit</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/alle-typen/acrylaatkit/" class="slideout-item-link">Acrylaatkit</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/alle-typen/montagekit/" class="slideout-item-link">Montagekit</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/alle-typen/hightack-kit/" class="slideout-item-link">Hightack kit</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/alle-typen/beglazingskit/" class="slideout-item-link">Beglazingskit</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/alle-typen/bitumenkit/" class="slideout-item-link">Bitumenkit</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/alle-typen/purschuim/" class="slideout-item-link">Purschuim</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/alle-typen/brandwerende-kit/" class="slideout-item-link">Brandwerende kit</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/alle-typen/schroefdraadafdichting/" class="slideout-item-link">Schroefdraadafdichting</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="" class="menu-item-heading slideout-item-link slideout-block-link-all">Materiaal<span>Bekijk alles</span></a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/materiaal/hout/" class="slideout-item-link">Hout</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/materiaal/glas/" class="slideout-item-link">Glas</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/materiaal/pvc-plastic/" class="slideout-item-link">PVC en plastic</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/materiaal/steen-beton/" class="slideout-item-link">Steen en beton</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/materiaal/natuursteen/" class="slideout-item-link">Natuursteen</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/materiaal/metaal/" class="slideout-item-link">Metaal</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/materiaal/goot-dakbedekking/" class="slideout-item-link">Goot en dakbedekking</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/materiaal/tegel/" class="slideout-item-link">Tegel</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="" class="menu-item-heading slideout-item-link slideout-block-link-all">Merken<span>Bekijk alles</span></a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/merken/griffon-bison/" class="slideout-item-link">Griffon Bison</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/merken/den-braven-zwaluw/" class="slideout-item-link">Den Braven Zwaluw</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/merken/tremco-illbruck-nullifire/" class="slideout-item-link">illbruck / Nullifire</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="" class="menu-item-heading slideout-item-link slideout-block-link-all">Kleuren<span>Bekijk alles</span></a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/kleuren/zwarte-kit/" class="slideout-item-link">Zwart</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/kleuren/transparante-kit/" class="slideout-item-link">Transparant</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/kleuren/grijze-kit/" class="slideout-item-link">Grijs</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/kleuren/witte-kit/" class="slideout-item-link">Wit</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/kitten/kleuren/antraciete-kit/" class="slideout-item-link">Antraciet</a></li></ul></div></div></li><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-2" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4644 class="submenu-item-link slideout-item-link">Toebehoren en vebruiksartikelen</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-2" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/toebehoren-verbruiksmateriaal/">Toebehoren en vebruiksartikelen</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/toebehoren-verbruiksmateriaal/" class="menu-item-heading slideout-item-link slideout-block-link-all">Verbruiksmateriaal<span>Bekijk alles</span></a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/toebehoren-verbruiksmateriaal/spuitmond-tuit-nozzle/" class="slideout-item-link">Spuitmond, tuit en nozzle</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/toebehoren-verbruiksmateriaal/afwerkzeep/" class="slideout-item-link">Afwerkzeep</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/toebehoren-verbruiksmateriaal/rugvulling-compriband-beglazingsband/" class="slideout-item-link">Rugvulling, compriband en beglazingsband</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/tape/" class="slideout-item-link">
4644Tape</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/toebehoren-verbruiksmateriaal/cleaner-reiniger/" class="slideout-item-link">Cleaner en reiniger</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/toebehoren-verbruiksmateriaal/beglazingsblokjes/" class="slideout-item-link">Beglazingsblokjes</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/toebehoren-verbruiksmateriaal/kwasten/" class="slideout-item-link">Kwasten</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/smeermiddelen/" class="slideout-item-link">Spray en smeermiddelen</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/afdekmateriaal/" class="slideout-item-link">Afdekmateriaal</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/toebehoren-verbruiksmateriaal/" class="menu-item-heading slideout-item-link slideout-block-link-all">Handgereedschap<span>Bekijk alles</span></a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/kitspuit-kitpistool/" class="slideout-item-link">Kitspuit kitpistool</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/toebehoren-verbruiksmateriaal/pur-pistool/" class="slideout-item-link">Pur pistool</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/schuren/" class="slideout-item-link">Schuurmiddelen</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/messen/" class="slideout-item-link">Messen</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/beitels/" class="slideout-item-link">Beitels</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/markers-pennen-potloden/" class="slideout-item-link">Markers, pennen en potloden</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/hamers/" class="slideout-item-link">Hamers</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/bit-en-sleutels/" class="slideout-item-link">Bit- en sleutelsets</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/tangen/" class="slideout-item-link">Tangen</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/schroevendraaiers/" class="slideout-item-link">Schroevendraaiers</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/set/" class="slideout-item-link">Gereedschapsets</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/zagen/" class="slideout-item-link">Zagen</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/rolmaat/" class="slideout-item-link">Rolmaat</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/winkelhaak/" class="slideout-item-link">Winkelhaak</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/waterpas/" class="slideout-item-link">Waterpas</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/zuignap-glasdrager/" class="slideout-item-link">Zuignap glasdrager</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/handgereedschap/verfkrabber-plamuurmes/" class="slideout-item-link">Verfkrabber en plamuurmes</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/handgereedschap/handstoffer/" class="slideout-item-link">Handstoffers, bezems en trekkers</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/bevestiging/lijmen-en-kitten/toebehoren-verbruiksmateriaal/" class="slideout-item-link">Algemeen gereedschap</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/pbm/" class="slideout-item-link">Persoonlijke beschermingsmiddelen</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/" class="slideout-item-link">Elektrisch gereedschap</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/telescoopladders/" class="slideout-item-link">Telescoopladders</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/schraag-zaagbok/" class="slideout-item-link">Schraag zaagbok</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/werkverlichting/" class="slideout-item-link">Werkverlichting</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/opbergsystemen/" class="slideout-item-link">Opbergsystemen</a></li></ul></div></div></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/lijmen-en-kitten/alle-lijmen-en-kitten/" class="slideout-item-link">Alle lijmen en kitten</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-13" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4645 class="submenu-item-link slideout-item-link">Bouten, moeren en ringen</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-13" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/bevestiging/bouten-moeren-en-ringen/">Bouten, moeren en ringen</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/bouten-moeren-en-ringen/tapbouten-en-zeskantbouten/" class="slideout-item-link">
4645Tapbouten en zeskantbouten</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/bouten-moeren-en-ringen/slotbouten/" class="slideout-item-link">Slotbouten</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/bouten-moeren-en-ringen/houtdraadbouten/" class="slideout-item-link">Houtdraadbouten</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/pluggen/keilbouten/" class="slideout-item-link">Keilbouten</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/bouten-moeren-en-ringen/draadeinden-en-stukken/" class="slideout-item-link">Draadeinden en stukken</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/bouten-moeren-en-ringen/moeren/" class="slideout-item-link">Moeren</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/bouten-moeren-en-ringen/ringen/" class="slideout-item-link">Ringen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/schroeven/stokschroeven/" class="slideout-item-link">Stokschroeven</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-14" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4646 class="submenu-item-link slideout-item-link">Montagerail accessoires</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-14" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/bevestiging/montagerail-en-accessoires/">Montagerail accessoires</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/montagerail-en-accessoires/montagerail/" class="slideout-item-link">Montagerail</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/montagerail-en-accessoires/bevestigingsklemmen/" class="slideout-item-link">Bevestigingsklemmen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/montagerail-en-accessoires/montageplaten/" class="slideout-item-link">Montageplaten</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/montagerail-en-accessoires/railmoeren-en-schuifmoeren/" class="slideout-item-link">Railmoeren en schuifmoeren</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/montagerail-en-accessoires/beugels-consoles-en-koppelstukken/" class="slideout-item-link">Beugels, consoles en koppelstukken</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/slangklemmen/" class="slideout-item-link">Slangklemmen</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/bevestiging/solar-bevestigingsclips/" class="slideout-item-link">Solar bevestigingsclips</a></li></ul></div></div></li><li x-data="menuItem(1)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-2-item-7" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4647 class="submenu-item-link slideout-item-link"><img src="/media/wysiwyg/menu-icons/Icon set=Laadpalen.svg" alt="Laadpalen" width="36" height="36" loading="lazy"/>Laadpalen</button><div class="dropdown h-full level-2 mega-4columns" id="main-menu-level-2-item-7" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><button class="back-button" type="button" x-show="column4Active && compactMode"><svg width="20" height="20" aria-hidden="true" class="text-black-45"><use href="#icon-chevron-left"/></svg><span class="sr-only">Terug</span></button><a class="column-title slideout-block-link" href="https://www.elektramat.be/laadpalen/">Laadpalen</a></div><ul><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/laadpalen/" class="menu-item-heading slideout-item-link slideout-block-link-all">Merken<span>Bekijk alles</span></a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/laadpalen/easee/" class="slideout-item-link">Easee</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/laadpalen/zaptec/" class="slideout-item-link">Zaptec</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/laadpalen/wallbox/" class="slideout-item-link">Wallbox</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/laadpalen/peblar/" class="slideout-item-link">Peblar</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/laadpalen/enphase/" class="slideout-item-link">Enphase</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/laadpalen/evhub/" class="slideout-item-link">EVhub</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/laadpalen/zappi/" class="slideout-item-link">Myenergi</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/laadpalen/hager/" class="slideout-item-link">Hager</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/laadpalen/" class="menu-item-heading slideout-item-link slideout-block-link-all">
4647Typen<span>Bekijk alles</span></a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/laadpalen/laadpalen-voor-thuis/" class="slideout-item-link">Laadpalen voor thuis</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/laadpalen/laadpalen-voor-bedrijven/" class="slideout-item-link">Laadpalen voor bedrijven</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/laadpalen/mobiele-laadpalen-type-2/" class="slideout-item-link">Mobiele laadpalen (type 2)</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/laadpalen/bidirectionele-laadpalen/" class="slideout-item-link">Bidirectionele laadpalen</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/laadpalen/laadpalen-met-mid-meter/" class="slideout-item-link">Laadpalen met MID-meter</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/laadpalen/laadpalen-met-loadbalancing/" class="slideout-item-link">Laadpalen met loadbalancing</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/laadpalen/laadpaal-met-pasjessysteem/" class="slideout-item-link">Laadpalen met pasjessysteem (RFID)</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/laadpalen/laadpalen-met-backoffice-ocpp/" class="slideout-item-link">Laadpalen met backoffice (OCPP)</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/laadpalen/11kw-laadpalen/" class="slideout-item-link">11kW laadpalen</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/laadpalen/22kw-laadpalen/" class="slideout-item-link">22kW laadpalen</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/laadpalen/1-fase-laadpalen/" class="slideout-item-link">1-fase laadpalen</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/laadpalen/3-fase-laadpalen/" class="slideout-item-link">3-fase laadpalen</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/laadpalen/" class="menu-item-heading slideout-item-link slideout-block-link-all">Laadpaal toebehoren<span>Bekijk alles</span></a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/laadpalen/laadkabels/" class="slideout-item-link">Laadkabels</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/laadpalen/montagepalen/" class="slideout-item-link">Montagepalen</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/laadpalen/ophangbeugels-laadkabel/" class="slideout-item-link">Ophangbeugels laadkabel</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/laadpalen/laadpaal-uitbreidingen/" class="slideout-item-link">Laadpaal uitbreidingen</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/laadpalen/overige-laadpaal-toebehoren/" class="slideout-item-link">Overige laadpaal toebehoren</a></li></ul></div></div></li><li x-data="menuItem(1)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-2-item-8" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4648 class="submenu-item-link slideout-item-link"><img src="/media/wysiwyg/menu-icons/Icon set=Thuisbaterrijen.svg" alt="Thuisbatterijen" width="36" height="36" loading="lazy"/>Thuisbatterijen</button><div class="dropdown h-full level-2 mega-4columns" id="main-menu-level-2-item-8" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><button class="back-button" type="button" x-show="column4Active && compactMode"><svg width="20" height="20" aria-hidden="true" class="text-black-45"><use href="#icon-chevron-left"/></svg><span class="sr-only">Terug</span></button><a class="column-title slideout-block-link" href="https://www.elektramat.be/thuisbatterijen/">Thuisbatterijen</a></div><ul><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/thuisbatterijen/thuisbatterij-met-stekker/" class="slideout-item-link">
4648Thuisbatterij met stekker</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/thuisbatterijen/all-in-one-thuisbatterijen/" class="slideout-item-link">All-in-One thuisbatterijen</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/thuisbatterijen/balkonsystemen/" class="slideout-item-link">Balkonsystemen</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/thuisbatterijen/groot-zakelijk-batterijsystemen/" class="slideout-item-link">Groot/zakelijk batterijsystemen</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/thuisbatterijen/omvormers/" class="slideout-item-link">Omvormers</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/thuisbatterijen/hybride-omvormers/" class="slideout-item-link">Hybride omvormers</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/thuisbatterijen/energieopslag-accessoires/" class="slideout-item-link">Energieopslag accessoires</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/thuisbatterijen/marstek-thuisbatterijen/" class="slideout-item-link">Marstek thuisbatterijen</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/thuisbatterijen/hoymiles-thuisbatterijen/" class="slideout-item-link">Hoymiles thuisbatterijen</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/thuisbatterijen/conow-thuisbatterijen/" class="slideout-item-link">Conow thuisbatterijen</a></li></ul></div></div></li><li x-data="menuItem(1)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-2-item-9" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4649 class="submenu-item-link slideout-item-link"><img src="/media/wysiwyg/menu-icons/Icon set=Verlichting.svg" alt="Verlichting" width="36" height="36" loading="lazy"/>Verlichting</button><div class="dropdown h-full level-2 mega-4columns" id="main-menu-level-2-item-9" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><button class="back-button" type="button" x-show="column4Active && compactMode"><svg width="20" height="20" aria-hidden="true" class="text-black-45"><use href="#icon-chevron-left"/></svg><span class="sr-only">Terug</span></button><a class="column-title slideout-block-link" href="https://www.elektramat.be/verlichting/">Verlichting</a></div><ul><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/" class="menu-item-heading slideout-item-link slideout-block-link-all">Type verlichting<span>Bekijk alles</span></a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-1" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4650 class="submenu-item-link slideout-item-link">LED lampen</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-1" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/verlichting/led-lampen/">LED lampen</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/led-lampen/e27/" class="slideout-item-link">E27 LED</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/led-lampen/gu10/" class="slideout-item-link">GU10 LED</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/led-lampen/e14/" class="slideout-item-link">E14 LED</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/led-lampen/gu5-3/" class="slideout-item-link">GU5.3 LED</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/led-lampen/tl/" class="slideout-item-link">TL LED</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/led-lampen/g4/" class="slideout-item-link">G4 LED</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/led-lampen/pl-led/" class="slideout-item-link">PL LED</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/led-lampen/g9/" class="slideout-item-link">G9 LED</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/led-lampen/r7s/" class="slideout-item-link">R7S LED</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/led-lampen/ar111/" class="slideout-item-link">AR111 LED</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-2" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4651 class="submenu-item-link slideout-item-link">Halogeenlampen</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-2" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/verlichting/halogeenlampen/">Halogeenlampen</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/halogeenlampen/e14/" class="slideout-item-link">Halogeenlamp E14</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/halogeenlampen/g9/" class="slideout-item-link">G9 halogeenlamp</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/halogeenlampen/staaflamp/" class="slideout-item-link">Halogeen staaflamp</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-3" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4652 class="submenu-item-link slideout-item-link">LED spots</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-3" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/verlichting/led-s
4652pots/">LED spots</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/led-spots/opbouw/" class="slideout-item-link">Opbouw</a></li><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-1" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4653 class="submenu-item-link slideout-item-link">Inbouw</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-1" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/verlichting/led-spots/inbouw/">Inbouw</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/led-spots/inbouw/inbouw-met-led-bron/" class="slideout-item-link">Met LED bron</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/led-spots/inbouw/zonder-led-bron/" class="slideout-item-link">Zonder LED bron</a></li></ul></div></div></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/led-spots/spots-badkamer/" class="slideout-item-link">Spots badkamer</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/buitenverlichting/led-grondspots/" class="slideout-item-link">Grondspots</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-4" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4654 class="submenu-item-link slideout-item-link">LED armaturen</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-4" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/verlichting/led-armaturen/">LED armaturen</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/led-armaturen/downlighters/" class="slideout-item-link">LED downlighters</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/led-armaturen/paneel/" class="slideout-item-link">LED paneel</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/led-armaturen/waterdicht/" class="slideout-item-link">LED waterdicht armatuur</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/led-armaturen/hanglampen/" class="slideout-item-link">Hanglampen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/led-armaturen/high-bay/" class="slideout-item-link">High Bay</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-5" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4655 class="submenu-item-link slideout-item-link">Werkverlichting</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-5" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/gereedschap/hand/werkverlichting/">Werkverlichting</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/werkverlichting/230v/" class="slideout-item-link">Werkverlichting 230V</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/werkverlichting/accu/" class="slideout-item-link">Werkverlichting met accu</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/smart-home/" class="slideout-item-link">Smart home verlichting</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/railverlichting/" class="slideout-item-link">Railverlichting</a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-8" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4656 class="submenu-item-link slideout-item-link">TL lampen</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-8" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/verlichting/tl-lampen/">TL lampen</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/tl-lampen/t5/" class="slideout-item-link">T5 lamp</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/tl-lampen/t8/" class="slideout-item-link">T8 lamp</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/tl-lampen/starters/" class="slideout-item-link">Starters</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-9" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4657 class="submenu-item-link slideout-item-link">Buitenverlichting</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-9" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/verlichting/buitenverlichting/">Buitenverlichting</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/buitenverlichting/paaltop-armaturen/" class="slideout-item-link">Paaltop armaturen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/buitenverlichting/led-grondspots/" class="slideout-item-link">LED grondspots</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/buitenverlichting/lichtmasten/" class="slideout-item-link">Lichtmasten</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/buitenverlichting/opbouw-buitenverlichting/" class="slideout-item-link">Opbouw buitenverlichting</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/buitenverlichting/lichtsnoer/" class="slideout-item-link">Lichtsnoer</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/buitenverlichting/led-bouwlamp/" class="slideout-item-link">Bouwlampen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/buitenverlichting/solar/" class="slideout-item-link">Solar tuinverlichting</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-10" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4658 class="submenu-item-link slideout-item-link">Noodverlichting</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-10" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/verlichting/noodverlichting/">Noodverlichting</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/noodverlichting/in-en-opbouw-noodverlichting/" class="slideout-item-link">In- en opbouw noodverlichting</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/noodverlichting/onderhangend-pictogram/" class="slideout-item-link">Onderhangend pictogram</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/noodverlichting/gependelde-noodverlichting/" class="slideout-item-link">Gependelde noodverlichting</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-11" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4659 class="submenu-item-link slideout-item-link">Gasontladingslampen</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-11" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/verlichting/gasontladingslampen/">Gasontladingslampen</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/gasontladingslampen/cdm-t-hci-t/" class="slideout-item-link">CDM-T / HCI-T</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-12" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4660 class="submenu-item-link slideout-item-link">Filament LED lampen</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-12" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/verlichting/filament-lampen/">Filament LED lampen</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/filament-lampen/e27-filament-led/" class="slideout-item-link">E27 filament LED</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/filament-lampen/e14-filament-led/" class="slideout-item-link">E14 filament LED</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-13" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4661 class="submenu-item-link slideout-item-link">Toebehoren</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-13" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/verlichting/toebehoren/">Toebehoren</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/toebehoren/lampvoeten/" class="slideout-item-link">Lampvoeten</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/toebehoren/voedingstrafo/" class="slideout-item-link">Voedingstrafo</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-14" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4662 class="submenu-item-link slideout-item-link">LED strips</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-14" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/verlichting/led-strip/">LED strips</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/led-strip/led-strips/" class="slideout-item-link">LED strips</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/led-strip/led-strip-accessoires/" class="slideout-item-link">LED strip accessoires</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/led-strip/led-strip-profielen/" class="slideout-item-link">LED strip profielen</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/schakelmateriaal/typen/dimmer/" class="slideout-item-link">Dimmer</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/led-armaturen/hanglampen/" class="slideout-item-link">Hanglampen</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/tangen/strip/" class="slideout-item-link">Striptang</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/alle-kabels/" class="slideout-item-link">Elektriciteitskabels</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/verlichting/alle-vervangingslampen/" class="slideout-item-link">Alle vervangingslampen</a></li></ul></div></div></li><li x-data="menuItem(1)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-2-item-10" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4663 class="submenu-item-link slideout-item-link"><img src="/media/wysiwyg/menu-icons/Icon set=Netwerk en internet.svg" alt="Netwerk en internet" width="36" height="36" loading="lazy"/>Netwerk en internet</button><div class="dropdown h-full level-2 mega-4columns" id="main-menu-level-2-item-10" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><button class="back-button" type="button" x-show="column4Active && compactMode"><svg width="20" height="20" aria-hidden="true" class="text-black-45"><use href="#icon-chevron-left"/></svg><span class="sr-only">Terug</span></button><a class="column-title slideout-block-link" href="https://www.elektramat.be/netwerk-internet/">Netwerk en internet</a></div><ul><li x-data="menuItem(2)" :class
4663="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/" class="menu-item-heading slideout-item-link slideout-block-link-all">Type product<span>Bekijk alles</span></a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/mesh-systeem/" class="slideout-item-link">Mesh systeem</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/wifi-versterker/" class="slideout-item-link">Wifi versterker</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/wifi-router/" class="slideout-item-link">Wifi router</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/netwerk-switch/" class="slideout-item-link">Netwerk switch</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/access-point/" class="slideout-item-link">Access point</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/adapter/" class="slideout-item-link">Adapter</a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-7" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4664 class="submenu-item-link slideout-item-link">Patchkasten</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-7" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/netwerk-internet/patchkasten/">Patchkasten</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/patchkasten/10-inch-patchkasten/" class="slideout-item-link">10 inch patchkasten</a></li><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-1" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4665 class="submenu-item-link slideout-item-link">19 inch wandkasten</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-1" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/netwerk-internet/patchkasten/19-inch-wandkasten/">19 inch wandkasten</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/patchkasten/19-inch-wandkasten/wandkasten-450mm/" class="slideout-item-link">Wandkasten 450mm</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/patchkasten/19-inch-wandkasten/wandkasten-600mm/" class="slideout-item-link">Wandkasten 600mm</a></li></ul></div></div></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/patchkasten/mini/" class="slideout-item-link">Mini patchkasten</a></li><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-3" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4666 class="submenu-item-link slideout-item-link">Patchkast accessoires</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-3" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/">Patchkast accessoires</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/ethernet-switch/" class="slideout-item-link">Ethernet switches</a></li></ul></div></div></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/19-inch-stekkerdozen/" class="slideout-item-link">19 inch stekkerdozen</a></li><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-5" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4667 class="submenu-item-link slideout-item-link">Legborden</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-5" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/legborden/">Legborden</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/legborden/vast/" class="slideout-item-link">Vast</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/legborden/uitschuifbaar/" class="slideout-item-link">Uitschuifbaar</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/legborden/universeel/" class="slideout-item-link">Universeel</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/legborden/wandkast/" class="slideout-item-link">Wandkast</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/legborden/overig/" class="slideout-item-link">Overig</a></li></ul></div></div></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/ventilatorset/" class="slideout-item-link">Ventilatorset</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/afdek-blindpanelen/" class="slideout-item-link">Afdek- en blindpanelen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/patchkast-verlichting/" class="slideout-item-link">Patchkast verlichting</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/kabelmanagement/" class="slideout-item-link">Kabelmanagement</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/sokkels/" class="slideout-item-link">Sokkels</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/afsluitbare-lades/" class="slideout-item-link">Afsluitbare lades</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/l-profielen/" class="slideout-item-link">L-profielen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/kooimoeren/" class="slideout-item-link">Kooimoeren</a></li><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-14" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4668 class="submenu-item-link slideout-item-link">Patchpanelen</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-14" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/patchpanelen/">Patchpanelen</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/patchpanelen/10-inch/" class="slideout-item-link">10 inch patchpanelen</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/patchpanelen/19-inch/" class="slideout-item-link">19 inch patchpanelen</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/patchpanelen/keystone/" class="slideout-item-link">Keystone patchpanelen</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/patchpanelen/keystone-media-boxes/" class="slideout-item-link">Keystone media boxes</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/patchpanelen/keystones/" class="slideout-item-link">Keystones</a></li></ul></div></div></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/patchkasten/accessoires/10-inch-accessoires/" class="slideout-item-link">10 inch accessoires</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/camera-s/" class="slideout-item-link">Camera's</a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-9" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4669 class="submenu-item-link slideout-item-link">Netwerk en internet gereedschap</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-9" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/netwerk-internet/gereedschap/">Netwerk en internet gereedschap</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/tangen/strip/" class="slideout-item-link">Kabelstrippers</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/tangen/krimp/" class="slideout-item-link">Krimptangen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/gereedschap/lsa-punchdown-tools/" class="slideout-item-link">LSA punchdown tools</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/gereedschap/netwerk-toolset/" class="slideout-item-link">Netwerk toolset</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/set/" class="slideout-item-link">Gereedschapsets</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/netwerk-internet/gereedschap/test-gereedschap/" class="slideout-item-link">Test gereedschap</a></li></ul></div></div></li></ul></div></div></li><li x-data="menuItem(1)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-2-item-11" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4670 class="submenu-item-link slideout-item-link"><img src="/media/wysiwyg/menu-icons/Icon set=Gereedschap.svg" alt="Gereedschap" width="36" height="36" loading="lazy"/>Gereedschap</button><div class="dropdown h-full level-2 mega-4columns" id="main-menu-level-2-item-11" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><button class="back-button" type="button" x-show="column4Active && compactMode"><svg width="20" height="20" aria-hidden="true" class="text-black-45"><use href="#icon-chevron-left"/></svg><span class="sr-only">Terug</span></button><a class="column-title slideout-block-link" href="https://www.elektramat.be/gereedschap/">Gereedschap</a></div><ul><li x-data="menuItem(2)" :class="{'open': open }" ><div class="bg-secondary-10 p-3 rounded-lg text-white"><strong class="text-primary leading-none font-branded font-bold block">Hulp nodig?</strong><span class="text-black text-sm">Stel je handgereedschap samen</span><a href="/gereedschapskoffer-configuratoren" class="btn btn-secondary text-center cta_item_link">
4670Ga naar configurator</a></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/" class="menu-item-heading slideout-item-link slideout-block-link-all">Type product<span>Bekijk alles</span></a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-2" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4671 class="submenu-item-link slideout-item-link">Handgereedschap</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-2" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/gereedschap/hand/">Handgereedschap</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-0" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4672 class="submenu-item-link slideout-item-link">Tangen</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-0" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/gereedschap/hand/tangen/">Tangen</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/tangen/strip/" class="slideout-item-link">Striptang</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/tangen/krimp/" class="slideout-item-link">Krimptang</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/tangen/zijknip/" class="slideout-item-link">Zijkniptang</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/tangen/combinatie/" class="slideout-item-link">Combinatietang</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/tangen/grip/" class="slideout-item-link">Griptang</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/tangen/waterpomp/" class="slideout-item-link">Waterpomptang</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/tangen/kabelschaar/" class="slideout-item-link">Kabelschaar</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/tangen/punt/" class="slideout-item-link">Punttang</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/tangen/nijp/" class="slideout-item-link">Nijptang</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/tangen/buisschaar/" class="slideout-item-link">Buizensnijder</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/tangen/lijm/" class="slideout-item-link">Lijmtang</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/tangen/set/" class="slideout-item-link">Tangensets</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/tangen/popnagel/" class="slideout-item-link">Popnageltang</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/tangen/perstang/" class="slideout-item-link">Perstang</a></li></ul></div></div></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/schroevendraaiers/" class="slideout-item-link">Schroevendraaiers</a></li><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-2" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4673 class="submenu-item-link slideout-item-link">Messen</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-2" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/gereedschap/hand/messen/">Messen</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/messen/kabel/" class="slideout-item-link">Kabelmes</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/messen/afbreek/" class="slideout-item-link">Afbreekmes</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/messen/uitschuif/" class="slideout-item-link">Uitschuifmes</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/messen/reserve/" class="slideout-item-link">Reservemes</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/messen/ontbramer/" class="slideout-item-link">Ontbramer</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/messen/stanley/" class="slideout-item-link">Stanleymes</a></li></ul></div></div></li><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-3" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4674 class="submenu-item-link slideout-item-link">Meetgereedschap</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-3" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/gereedschap/hand/meten/">Meetgereedschap</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/stroomtang/" class="slideout-item-link">Stroomtang</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/spanningstester/" class="slideout-item-link">Spanningstester</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/meetsnoeren/" class="slideout-item-link">Meetsnoeren</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/multimeter/" class="slideout-item-link">Multimeter</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/temperatuurmeter/" class="slideout-item-link">Temperatuurmeter</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/temperatuurprobes-en-accessoires/" class="slideout-item-link">Temperatuurprobes en accessoires</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/leidingzoeker-balkzoeker/" class="slideout-item-link">Leidingzoeker balkzoeker</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/lijnlaser-kruislijnlaser/" class="slideout-item-link">Lijnlaser kruislijnlaser</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/laserafstandsmeter/" class="slideout-item-link">Laserafstandsmeter</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/rolmaat/" class="slideout-item-link">Rolmaat</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/schuifmaat/" class="slideout-item-link">Schuifmaat</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/duimstok/" class="slideout-item-link">Duimstok</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/lint/" class="slideout-item-link">Meetlint</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/waterpas/" class="slideout-item-link">Waterpas</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/winkelhaak/" class="slideout-item-link">Winkelhaak</a></li></ul></div></div></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/set/" class="slideout-item-link">Gereedschapsets</a></li><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-5" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4675 class="submenu-item-link slideout-item-link">Zagen</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-5" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="">Zagen</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/zagen/metaalbeugel/" class="slideout-item-link">Metaalbeugelzaag</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/zagen/hand/" class="slideout-item-link">Handzaag</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/boren/gat/" class="slideout-item-link">Klokboor</a></li></ul></div></div></li><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-6" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4676 class="submenu-item-link slideout-item-link">Beitels</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-6" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/gereedschap/hand/beitels/">Beitels</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/beitels/hand/" class="slideout-item-link">Handbeitel</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/beitels/sds-plus/" class="slideout-item-link">Beitel SDS-plus</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/beitels/koevoet/" class="slideout-item-link">Koevoet</a></li></ul></div></div></li><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-7" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4677 class="submenu-item-link slideout-item-link">Bit- en sleutelsets</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-7" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/gereedschap/hand/bit-en-sleutels/">Bit- en sleutelsets</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/bit-en-sleutels/inbus-en-torx/" class="slideout-item-link">Inbus- en torxsleutel</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/schroefbit-en-bitset/schroef/" class="slideout-item-link">Schroefbit</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/schroefbit-en-bitset/set/" class="slideout-item-link">Bitset</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/bit-en-sleutels/verstelbaar/" class="slideout-item-link">Verstelbaar moersleutel</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/bit-en-sleutels/momentsleutel/" class="slideout-item-link">Momentsleutel</a></li></ul></div></div></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/moersleutels/" class="slideout-item-link">Moersleutels</a></li><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-9" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4678 class="submenu-item-link slideout-item-link">Markers, pennen en potloden</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-9" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/gereedschap/hand/markers-pennen-potloden/">Markers, pennen en potloden</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/markers-pennen-potloden/diepgatmarkering/" class="slideout-item-link">Diepgatmarkering</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/markers-pennen-potloden/timmermans/" class="slideout-item-link">Timmermanspotlood</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/markers-pennen-potloden/marker/" class="slideout-item-link">Marker</a></li></ul></div></div></li><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-10" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4679 class="submenu-item-link slideout-item-link">Hamers</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-10" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/gereedschap/hand/hamers/">Hamers</a></div><ul><li x-data="menuItem(4)" :class="{
4679'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/hamers/klauw/" class="slideout-item-link">Klauwhamer</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/hamers/bank/" class="slideout-item-link">Bankhamer</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/hamers/moker/" class="slideout-item-link">Moker</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/hamers/rubber/" class="slideout-item-link">Rubberhamer</a></li></ul></div></div></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/bankschroef/" class="slideout-item-link">Bankschroef</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/kitspuit-kitpistool/" class="slideout-item-link">Kitspuit en kitpistool</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/bevestiging/lijmen-en-kitten/toebehoren-verbruiksmateriaal/pur-pistool/" class="slideout-item-link">Pur pistool</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/verfkrabber-plamuurmes/" class="slideout-item-link">Verfkrabber en plamuurmes</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/handstoffer/" class="slideout-item-link">Handstoffers, bezems en trekkers</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/zuignap-glasdrager/" class="slideout-item-link">Zuignap glasdrager</a></li><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-17" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4680 class="submenu-item-link slideout-item-link">Trek- en buigveren</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-17" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="">Trek- en buigveren</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/trek-en-buigveren/glasvezel-kunststof/" class="slideout-item-link">Trekveer glasvezel/kunststof</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/trek-en-buigveren/metaal/" class="slideout-item-link">Trekveer metaal</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/trek-en-buigveren/accessoires/" class="slideout-item-link">Trekveer accessoires</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/trek-en-buigveren/systeem/" class="slideout-item-link">Trekveersysteem</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/trek-en-buigveren/buig/" class="slideout-item-link">Buigveer</a></li></ul></div></div></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/handtacker/" class="slideout-item-link">Handtacker</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/persgereedschap-w-installatie/" class="slideout-item-link">Persgereedschap W-installatie</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/overig/" class="slideout-item-link">Overig handgereedschap</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-3" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4681 class="submenu-item-link slideout-item-link">Elektrisch gereedschap</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-3" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/gereedschap/elektrisch/">Elektrisch gereedschap</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/" class="menu-item-heading slideout-item-link slideout-block-link-all">Boren & schroeven<span>Bekijk alles</span></a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/boren-schroeven/boormachine/" class="slideout-item-link">Boormachine</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/boren-schroeven/klopboormachine/" class="slideout-item-link">Klopboormachine</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/boren-schroeven/boorhamer/" class="slideout-item-link">Boorhamer</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/boren-schroeven/slagschroevendraaier/" class="slideout-item-link">Slagschroevendraaier</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/boren-schroeven/bandschroefmachine/" class="slideout-item-link">Bandschroefmachine</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/" class="menu-item-heading slideout-item-link slideout-block-link-all">Zagen<span>Bekijk alles</span></a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/afkortzaag/" class="slideout-item-link">Afkortzaag</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/decoupeerzaag/" class="slideout-item-link">Decoupeerzaag</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/reciprozaag/" class="slideout-item-link">Reciprozaag</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/multitool/" class="slideout-item-link">Multitool</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/cirkelzaag/" class="slideout-item-link">Cirkelzaag</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/" class="menu-item-heading slideout-item-link slideout-block-link-all">Slijpen & frezen<span>Bekijk alles</span></a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/sleuvenfrees/" class="slideout-item-link">Sleuvenfrees</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/bovenfrees/" class="slideout-item-link">Bovenfrees</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/haakse-slijper/" class="slideout-item-link">Haakse slijper</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/" class="menu-item-heading slideout-item-link slideout-block-link-all">Persgereedschap<span>Bekijk alles</span></a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="" class="slideout-item-link">Perstang W-installatie</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/perstang-e-installatie/" class="slideout-item-link">Perstang E-installatie</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/" class="menu-item-heading slideout-item-link slideout-block-link-all">Solderen<span>Bekijk alles</span></a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/gasbrander/" class="slideout-item-link">Gasbrander</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/elektrische-soldeerbout/" class="slideout-item-link">Elektrische soldeerbout</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/accessoires-verbruiksartikelen/" class="slideout-item-link">Accessoires en verbruiksartikelen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/" class="menu-item-heading slideout-item-link slideout-block-link-all">Schuren & schaven<span>Bekijk alles</span></a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/schuurmachine/" class="slideout-item-link">Schuurmachine</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/langnek-schuurmachine/" class="slideout-item-link">Langnek schuurmachine</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/" class="menu-item-heading slideout-item-link slideout-block-link-all">Hetelucht verwarmen<span>Bekijk alles</span></a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/heteluchtpistool/" class="slideout-item-link">Heteluchtpistool</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verwarming-en-koeling/werkplaatskachel/" class="slideout-item-link">Werkplaatskachel</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/" class="menu-item-heading slideout-item-link slideout-block-link-all">Pompen<span>Bekijk alles</span></a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/dompelpomp/" class="slideout-item-link">Dompelpomp</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/compressor/" class="slideout-item-link">Compressor</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/" class="menu-item-heading slideout-item-link slideout-block-link-all">Stofzuigen<span>Bekijk alles</span></a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/stofzuiger/" class="slideout-item-link">Stofzuiger</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/aszuiger/" class="slideout-item-link">Aszuiger</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/" class="menu-item-heading slideout-item-link slideout-block-link-all">Mengen<span>Bekijk alles</span></a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/betonmixer-verfmixer/" class="slideout-item-link">Betonmixer verfmixer</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/mengstaaf-mixer/" class="slideout-item-link">Mengstaaf mixer</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/" class="menu-item-heading slideout-item-link slideout-block-link-all">Tacken, nieten & spijkeren<span>Bekijk alles</span></a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/tacker/" class="slideout-item-link">Tacker</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/" class="menu-item-heading slideout-item-link slideout-block-link-all">Lijmen & kitten<span>Bekijk alles</span></a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/kitspuit/" class="slideout-item-link">Kitspuit</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/bouwradio/" class="menu-item-heading slideout-item-link slideout-block-link-all">Radio<span>Bekijk alles</span></a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/bouwradio/" class="slideout-item-link">Bouwradio</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/losse-accu/" class="slideout-item-link">Losse accu</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/accu-lader/" class="slideout-item-link">Accu lader</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/" class="menu-item-heading slideout-item-link slideout-block-link-all">Merken<span>Bekijk alles</span></a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/makita/" class="slideout-item-link">Makita</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/dewalt/" class="slideout-item-link">DeWalt</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/powerplus/" class="slideout-item-link">PowerPlus</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-4" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4682 class="submenu-item-link slideout-item-link">Meetinstrumenten</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-4" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/gereedschap/meetinstrumenten/">Meetinstrumenten</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/stroomtang/" class="slideout-item-link">Stroomtang</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/spanningstester/" class="slideout-item-link">Spanningstester</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/meetsnoeren/" class="slideout-item-link">Meetsnoeren</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/multimeter/" class="slideout-item-link">Multimeter</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/temperatuurmeter/" class="slideout-item-link">Temperatuurmeter</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/temperatuurprobes-en-accessoires/" class="slideout-item-link">Temperatuurprobes & accessoires</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/leidingzoeker-balkzoeker/" class="slideout-item-link">Leidingzoeker balkzoeker</a></li><li x-dat
4682a="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/lijnlaser-kruislijnlaser/" class="slideout-item-link">Lijnlaser kruislijnlaser</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/laserafstandsmeter/" class="slideout-item-link">Laserafstandsmeter</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/rolmaat/" class="slideout-item-link">Rolmaat</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/schuifmaat/" class="slideout-item-link">Schuifmaat</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/duimstok/" class="slideout-item-link">Duimstok</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/lint/" class="slideout-item-link">Meetlint</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/waterpas/" class="slideout-item-link">Waterpas</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/meetinstrumenten/winkelhaak/" class="slideout-item-link">Winkelhaak</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-5" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4683 class="submenu-item-link slideout-item-link">Solderen</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-5" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/gereedschap/elektrisch/solderen/">Solderen</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/gasbrander/" class="slideout-item-link">Gasbrander</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/elektrische-soldeerbout/" class="slideout-item-link">Elektrische soldeerbout</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/accessoires-verbruiksartikelen/" class="slideout-item-link">Accessoires en verbruiksartikelen</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-6" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4684 class="submenu-item-link slideout-item-link">Persoonlijke beschermingsmiddelen</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-6" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/gereedschap/pbm/">Persoonlijke beschermingsmiddelen</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/pbm/handbescherming/" class="slideout-item-link">Handbescherming</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/pbm/gehoorbescherming/" class="slideout-item-link">Gehoorbescherming</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/pbm/hoofdbescherming/" class="slideout-item-link">Hoofdbescherming</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/pbm/oogbescherming/" class="slideout-item-link">Oogbescherming</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/pbm/adembescherming/" class="slideout-item-link">Adembescherming</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/pbm/kniebescherming/" class="slideout-item-link">Kniebescherming</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/pbm/veiligheidsvesten/" class="slideout-item-link">Veiligheidsvesten</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/pbm/overige-beschermingsmiddelen/" class="slideout-item-link">Overige beschermingsmiddelen</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/telescoopladders/" class="slideout-item-link">Telescoopladders</a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-8" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4685 class="submenu-item-link slideout-item-link">Opbergsystemen</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-8" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/gereedschap/opbergsystemen/">Opbergsystemen</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/opbergsystemen/assortimentsdozen/" class="slideout-item-link">Assortimentsdozen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/opbergsystemen/gereedschapskoffer/" class="slideout-item-link">Gereedschapskoffer</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/opbergsystemen/gereedschapstas/" class="slideout-item-link">Gereedschapstas</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/opbergsystemen/gereedschapskist/" class="slideout-item-link">Gereedschapskist</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/hulpmiddelen/kabelafroller/" class="slideout-item-link">Kabelafroller</a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-10" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4686 class="submenu-item-link slideout-item-link">Werkverlichting</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-10" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/gereedschap/hand/werkverlichting/">Werkverlichting</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/werkverlichting/230v/" class="slideout-item-link">Werkverlichting 230V</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/werkverlichting/accu/" class="slideout-item-link">Werkverlichting met accu</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/schraag-zaagbok/" class="slideout-item-link">Schraag zaagbok</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/" class="menu-item-heading slideout-item-link slideout-block-link-all">Verbruiksmateriaal gereedschap<span>Bekijk alles</span></a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/smeermiddelen/" class="slideout-item-link">Spray en smeermiddelen</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/elektrisch/mengstaaf-mixer/" class="slideout-item-link">Mengstaaf mixer</a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-15" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4687 class="submenu-item-link slideout-item-link">Afdekmateriaal</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-15" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/gereedschap/afdekmateriaal/">Afdekmateriaal</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/afdekmateriaal/dekzeil/" class="slideout-item-link">Dekzeil</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/afdekmateriaal/afdekfolie/" class="slideout-item-link">Afdekfolie</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/afdekmateriaal/afdekvlies/" class="slideout-item-link">Afdekvlies</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/afdekmateriaal/stucloper/" class="slideout-item-link">Stucloper</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/afdekmateriaal/maskingtape-met-afdekfolie/" class="slideout-item-link">Maskingtape met afdekfolie</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/afdekmateriaal/puinzak/" class="slideout-item-link">Puinzak</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-16" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4688 class="submenu-item-link slideout-item-link">Schuurmiddelen</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-16" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/gereedschap/hand/schuren/">Schuurmiddelen</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/schuren/papier/" class="slideout-item-link">Schuurpapier</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/schuren/linnen/" class="slideout-item-link">Schuurlinnen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/schuren/spons/" class="slideout-item-link">Schuurspons</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/schuren/vijl/" class="slideout-item-link">Vijl</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/schuren/staalborstel-komborstel/" class="slideout-item-link">Staalborstel komborstel</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/schuren/schuurschijf/" class="slideout-item-link">Schuurschijf</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-17" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4689 class="submenu-item-link slideout-item-link">Zaagblad en slijpschijven</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-17" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="">Zaagblad en slijpschijven</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/zaagblad-en-slijpschijven/doorslijpschijf/" class="slideout-item-link">Doorslijpschijf</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/zaagblad-en-slijpschijven/multitool/" class="slideout-item-link">Multitool zaagblad</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/zaagblad-en-slijpschijven/decoupeer/" class="slideout-item-link">Decoupeer zaagblad</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/zaagblad-en-slijpschijven/recipro/" class="slideout-item-link">Recipro zaagblad</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/zaagblad-en-slijpschijven/cirkelzaagblad/" class="slideout-item-link">Cirkelzaagblad</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-18" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4690 class="submenu-item-link slideout-item-link">Boren</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-18" x-s
4690how="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="">Boren</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/boren/dozen/" class="slideout-item-link">Dozenboor</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/boren/hout/" class="slideout-item-link">Houtboor</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/boren/metaal/" class="slideout-item-link">Metaalboor</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/boren/steen-betonboor/" class="slideout-item-link">Steen- en betonboor</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/boren/draadtappen/" class="slideout-item-link">Draadtappen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/boren/stappen/" class="slideout-item-link">Stappenboor</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/boren/gat/" class="slideout-item-link">Klokboor</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/boren/verzinkboor/" class="slideout-item-link">Verzinkboor</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/boren/tegelboren/" class="slideout-item-link">Tegelboren</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/bevestigingsmateriaal/tape/" class="slideout-item-link">Tape</a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-20" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4691 class="submenu-item-link slideout-item-link">Markers, pennen en potloden</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-20" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/gereedschap/hand/markers-pennen-potloden/">Markers, pennen en potloden</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/markers-pennen-potloden/diepgatmarkering/" class="slideout-item-link">Diepgatmarkering</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/markers-pennen-potloden/timmermans/" class="slideout-item-link">Timmermanspotlood</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/markers-pennen-potloden/marker/" class="slideout-item-link">Marker</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/bevestiging/lijmen-en-kitten/toebehoren-verbruiksmateriaal/kwasten/" class="slideout-item-link">Kwasten</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/bevestiging/lijmen-en-kitten/toebehoren-verbruiksmateriaal/cleaner-reiniger/" class="slideout-item-link">Cleaner en reiniger</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/bevestiging/lijmen-en-kitten/toebehoren-verbruiksmateriaal/beglazingsblokjes/" class="slideout-item-link">Beglazingsblokjes</a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-24" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4692 class="submenu-item-link slideout-item-link">Schroefbit en bitset</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-24" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/gereedschap/schroefbit-en-bitset/">Schroefbit en bitset</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/schroefbit-en-bitset/schroef/" class="slideout-item-link">Schroefbit</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/schroefbit-en-bitset/set/" class="slideout-item-link">Bitset</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/" class="menu-item-heading slideout-item-link slideout-block-link-all">Merken<span>Bekijk alles</span></a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-26" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4693 class="submenu-item-link slideout-item-link">Knipex</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-26" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/gereedschap/knipex/">Knipex</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/knipex/tangen/" class="slideout-item-link">Tangen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/knipex/striptang/" class="slideout-item-link">Striptang</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/knipex/zijkniptang/" class="slideout-item-link">Zijkniptang</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/knipex/knipex-waterpomptang/" class="slideout-item-link">Waterpomptang</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/tangen/krimp/?-filter=true&ae-merk%5B0%5D=KNIPEX" class="slideout-item-link">Krimptang</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/tangen/combinatie/?-filter=true&ae-merk%5B0%5D=KNIPEX" class="slideout-item-link">Combinatietang</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/tangen/grip/?-filter=true&ae-merk%5B0%5D=KNIPEX" class="slideout-item-link">Griptang</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/tangen/kabelschaar/?-filter=true&ae-merk%5B0%5D=KNIPEX" class="slideout-item-link">Kabelschaar</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/tangen/punt/?-filter=true&ae-merk%5B0%5D=KNIPEX" class="slideout-item-link">Punttang</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/tangen/nijp/" class="slideout-item-link">Nijptang</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/tangen/buisschaar/?-filter=true&ae-merk%5B0%5D=KNIPEX" class="slideout-item-link">Buizensnijder</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hand/set/?-filter=true&ae-merk%5B0%5D=KNIPEX" class="slideout-item-link">Tangensets</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hyundai/" class="slideout-item-link">Hyundai</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/wiha/" class="slideout-item-link">Wiha</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/wera/" class="slideout-item-link">Wera</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/dewalt/" class="slideout-item-link">DeWalt</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/makita/" class="slideout-item-link">Makita</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/kreator/" class="slideout-item-link">
4693Kreator</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/cimco/" class="slideout-item-link">Cimco</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/gedore/" class="slideout-item-link">Gedore</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/hultafors/" class="slideout-item-link">Hultafors</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/runpotec/" class="slideout-item-link">Runpotec</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/emhub/" class="slideout-item-link">EMhub</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/stanley/" class="slideout-item-link">Stanley</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/gereedschap/powerplus/" class="slideout-item-link">PowerPlus</a></li></ul></div></div></li><li x-data="menuItem(1)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-2-item-12" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4694 class="submenu-item-link slideout-item-link"><img src="/media/wysiwyg/menu-icons/Icon set=Water afvoer aanvoer.svg" alt="Water aanvoer/afvoer" width="36" height="36" loading="lazy"/>Water aanvoer/afvoer</button><div class="dropdown h-full level-2 mega-4columns" id="main-menu-level-2-item-12" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><button class="back-button" type="button" x-show="column4Active && compactMode"><svg width="20" height="20" aria-hidden="true" class="text-black-45"><use href="#icon-chevron-left"/></svg><span class="sr-only">Terug</span></button><a class="column-title slideout-block-link" href="https://www.elektramat.be/water-aanvoer-afvoer/">Water aanvoer/afvoer</a></div><ul><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/" class="menu-item-heading slideout-item-link slideout-block-link-all">Water aanvoer<span>Bekijk alles</span></a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-1" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4695 class="submenu-item-link slideout-item-link">Koper en stalen leidingen</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-1" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/water-aanvoer-afvoer/koper-stalen-leidingen/">Koper en stalen leidingen</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/koper-stalen-leidingen/koperen-buis/" class="slideout-item-link">Koperen buis</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/koppelingen/perskoppelingen-koper-leiding/" class="slideout-item-link">Perskoppelingen koper leiding</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/koppelingen/koperen-fittingen-knelkoppelingen/" class="slideout-item-link">Koperen fittingen en knelkoppelingen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/koper-stalen-leidingen/cv-buis-staal/" class="slideout-item-link">CV buis staal</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/koppelingen/cv-knel-en-perskoppelingen/" class="slideout-item-link">CV knel- en perskoppelingen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/bevestiging/lijmen-en-kitten/kitten/alle-typen/schroefdraadafdichting/" class="slideout-item-link">Schroefdraadafdichting</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-2" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4696 class="submenu-item-link slideout-item-link">Tyleen</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-2" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/water-aanvoer-afvoer/tyleen/">Tyleen</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/tyleen/zpe-en-hpe-waterleiding/" class="slideout-item-link">Tyleen ZPE en HPE waterleiding</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/koppelingen/tyleen/" class="slideout-item-link">Tyleen koppelingen</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-3" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4697 class="submenu-item-link slideout-item-link">Meerlagenbuis</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-3" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/water-aanvoer-afvoer/meerlagenbuis/">Meerlagenbuis</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/meerlagenbuis/meerlagenbuizen/" class="slideout-item-link">Meerlagenbuis</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/koppelingen/perskoppelingen-meerlagenbuis/" class="slideout-item-link">Perskoppelingen meerlagenbuis</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-4" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4698 class="submenu-item-link slideout-item-link">Koppelingen</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-4" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/water-aanvoer-afvoer/koppelingen/">Koppelingen</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/koppelingen/perskoppelingen-meerlagenbuis/" class="slideout-item-link">Perskoppelingen meerlagenbuis</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/koppelingen/perskoppelingen-koper-leiding/" class="slideout-item-link">Perskoppelingen koper leiding</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/koppelingen/tyleen/" class="slideout-item-link">Tyleen koppelingen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/koppelingen/koperen-fittingen-knelkoppelingen/" class="slideout-item-link">Koperen fittingen en knelkoppelingen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/koppelingen/cv-knel-en-perskoppelingen/" class="slideout-item-link">CV knel- en perskoppelingen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/bevestiging/lijmen-en-kitten/kitten/alle-typen/schroefdraadafdichting/" class="slideout-item-link">Schroefdraadafdichting</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-5" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4699 class="submenu-item-link slideout-item-link">Kraan</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-5" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/water-aanvoer-afvoer/kraan/">Kraan</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/kraan/kogelkraan/" class="slideout-item-link">Kogelkraan</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/kraan/vorstvrij/" class="slideout-item-link">Vorstvrije kraan</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/kraan/wasmachine/" class="slideout-item-link">Wasmachine kraan</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/flexibele-waterleiding-slang/" class="slideout-item-link">Flexibele waterleiding slang</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/waterontharder/" class="slideout-item-link">Waterontharder</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/boilers-buffervaten/" class="slideout-item-link">Boilers en buffervaten</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/toebehoren-sanitair-installatiemateriaal/" class="slideout-item-link">Toebehoren sanitair installatiemateriaal</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/" class="menu-item-heading slideout-item-link slideout-block-link-all">Waterafvoer<span>Bekijk alles</span></a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-11" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4700 class="submenu-item-link slideout-item-link">Riolering</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-11" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/water-aanvoer-afvoer/riolering/">Riolering</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/riolering/pvc-afvoerbuis-rioolbuis/" class="slideout-item-link">PVC afvoerbuis rioolbuis</a></li><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-1" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4701 class="submenu-item-link slideout-item-link">PVC hulpstukken riolering - lijm</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-1" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/water-aanvoer-afvoer/riolering/pvc-hulpstukken/">PVC hulpstukken riolering - lijm</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/riolering/pvc-hulpstukken/pvc-sokken/" class="slideout-item-link">PVC sokken</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/riolering/pvc-hulpstukken/pvc-bochten/" class="slideout-item-link">PVC bochten</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/riolering/pvc-hulpstukken/t-stuk/" class="slideout-item-link">PVC T-stuk</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/riolering/pvc-hulpstukken/pvc-verloopstuk/" class="slideout-item-link">PVC verloopstuk</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/riolering/pvc-hulpstukken/pvc-eindkap/" class="slideout-item-link">PVC eindkap</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/riolering/pvc-hulpstukken/pvc-speciedeksel/" class="slideout-item-link">PVC speciedeksel</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/riolering/pvc-hulpstukken/pvc-overig-hulpstukken/" class="slideout-item-link">PVC overige hulpstukken</a></li></ul></div></div></li><li x-data="menuItem(3)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-4-item-2" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4702 class="submenu-item-link slideout-item-link">PVC hulpstukken riolering - manchet</button><div class="dropdown h-full level-4 mega-4columns" id="main-menu-level-4-item-2" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/water-aanvoer-afvoer/riolering/pvc-hulpstukken-manchet/">PVC hulpstukken riolering - manchet</a></div><ul><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/riolering/pvc-hulpstukken-manchet/pvc-moffen/" class="slideout-item-link">PVC moffen</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/riolering/pvc-hulpstukken-manchet/pvc-bochten/" class="slideout-item-link">PVC bochten</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/riolering/pvc-hulpstukken-manchet/pvc-t-stuk/" class="slideout-item-link">PVC T-stuk</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/riolering/pvc-hulpstukken-manchet/pvc-speciedeksel/" class="slideout-item-link">PVC speciedeksel</a></li><li x-data="menuItem(4)" :class="{'open': open }" ><a href="https://www.elektramat.be
4702/water-aanvoer-afvoer/riolering/pvc-hulpstukken-manchet/pvc-overig-hulpstukken/" class="slideout-item-link">PVC overig hulpstukken</a></li></ul></div></div></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-12" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4703 class="submenu-item-link slideout-item-link">Hemelwaterafvoer HWA</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-12" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/water-aanvoer-afvoer/hemelwaterafvoer-hwa/">Hemelwaterafvoer HWA</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/hemelwaterafvoer-hwa/" class="menu-item-heading slideout-item-link slideout-block-link-all">PVC buis HWA regenpijp<span>Bekijk alles</span></a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/hemelwaterafvoer-hwa/buis-regenpijp/" class="slideout-item-link">PVC hemelwaterafvoer buis regenpijp</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/hemelwaterafvoer-hwa/tijdelijke-hemelwaterafvoer/" class="slideout-item-link">PVC tijdelijke hemelwaterafvoer</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/hemelwaterafvoer-hwa/hulpstukken-buis-regenpijp/" class="slideout-item-link">PVC hulpstukken buis regenpijp HWA</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/hemelwaterafvoer-hwa/" class="menu-item-heading slideout-item-link slideout-block-link-all">PVC dakgoot en hulpstukken<span>Bekijk alles</span></a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/hemelwaterafvoer-hwa/minigoot/" class="slideout-item-link">PVC minigoot</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/hemelwaterafvoer-hwa/pvc-mastgoot/" class="slideout-item-link">PVC mastgoot</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/hemelwaterafvoer-hwa/pvc-bakgoot/" class="slideout-item-link">PVC bakgoot</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/hemelwaterafvoer-hwa/mastgoot-met-kraal-type125/" class="slideout-item-link">PVC mastgoot met kraal type 125</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/hemelwaterafvoer-hwa/mastgoot-met-kraal-type150/" class="slideout-item-link">PVC mastgoot met kraal type 150</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/hemelwaterafvoer-hwa/bakgoot-met-kraal-type140/" class="slideout-item-link">PVC bakgoot met kraal type 140</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/hemelwaterafvoer-hwa/bakgoot-met-kraal-type180/" class="slideout-item-link">PVC bakgoot met kraal type 180</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-13" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4704 class="submenu-item-link slideout-item-link">Sifon en beluchter</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-13" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/water-aanvoer-afvoer/sifon-en-beluchters/">Sifon en beluchter</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/sifon-en-beluchters/" class="menu-item-heading slideout-item-link slideout-block-link-all">Type sifon<span>Bekijk alles</span></a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/sifon-en-beluchters/beker/" class="slideout-item-link">Bekersifon</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/sifon-en-beluchters/plugbeker/" class="slideout-item-link">Plugbekersigon</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/sifon-en-beluchters/buis/" class="slideout-item-link">Buissifon</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/sifon-en-beluchters/universeel/" class="slideout-item-link">Universeel sifon</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/sifon-en-beluchters/ruimtebesparend/" class="slideout-item-link">Ruimtebesparende sifon</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/sifon-en-beluchters/" class="menu-item-heading slideout-item-link slideout-block-link-all">Aanverwanten sifon<span>Bekijk alles</span></a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/sifon-en-beluchters/afvoerplug-korfplug/" class="slideout-item-link">Afvoerplug korfplug</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/sifon-en-beluchters/verlengbuis-en-aanverwanten/" class="slideout-item-link">Verlengbuis en aanverwanten</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/sifon-en-beluchters/beluchters/" class="slideout-item-link">Beluchter</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/doucheputten-en-goten/" class="slideout-item-link">Doucheput en douchegoot</a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-15" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4705 class="submenu-item-link slideout-item-link">Merken</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-15" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/water-aanvoer-afvoer/">Merken</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/henco/" class="slideout-item-link">Henco</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/wavin/" class="slideout-item-link">Wavin</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/walraven/" class="slideout-item-link">Walraven</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/viega/" class="slideout-item-link">Viega</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/eslon/" class="slideout-item-link">ESLON (S-lon)</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/mcalpine/" class="slideout-item-link">McAlpine</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/differnz/" class="slideout-item-link">Differenz</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/plasson/" class="slideout-item-link">Plasson</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/water-aanvoer-afvoer/uponor/" class="slideout-item-link">Uponor</a></li></ul></div></div></li></ul></div></div></li><li x-data="menuItem(1)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-2-item-13" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4706 class="submenu-item-link slideout-item-link"><img src="/media/wysiwyg/menu-icons/Icon set=Verwarming en verkoeling.svg" alt="Verwarming en koeling" width="36" height="36" loading="lazy"/>Verwarming en koeling</button><div class="dropdown h-full level-2 mega-4columns" id="main-menu-level-2-item-13" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><button class="back-button" type="button" x-show="column4Active && compactMode"><svg width="20" height="20" aria-hidden="true" class="text-black-45"><use href="#icon-chevron-left"/></svg><span class="sr-only">Terug</span></button><a class="column-title slideout-block-link" href="https://www.elektramat.be/verwarming-en-koeling/">Verwarming en koeling</a></div><ul><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/verwarming-en-koeling/" class="menu-item-heading slideout-item-link slideout-block-link-all">Verwarming vrijstaand<span>Bekijk alles</span></a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/verwarming-en-koeling/elektrische-kachels/" class="slideout-item-link">Elektrische kachels</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/verwarming-en-koeling/elektrische-handdoekradiator/" class="slideout-item-link">Elektrische handdoekradiatoren</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/verwarming-en-koeling/infrarood-panelen/" class="slideout-item-link">Infrarood paneel</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/verwarming-en-koeling/werkplaatskachel/" class="slideout-item-link">Werkplaatskachel</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/verwarming-en-koeling/spiegel-verwarming/" class="slideout-item-link">Spiegelverwarming</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/verwarming-en-koeling/vorstbeveiliging/" class="slideout-item-link">Vorstbeveiliging</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/verwarming-en-koeling/terrasverwarmer/" class="slideout-item-link">Terrasverwarming</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/verwarming-en-koeling/radiator-toebehoren/" class="slideout-item-link">Radiator toebehoren</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/verwarming-en-koeling/lucht-lucht-warmtepomp/" class="slideout-item-link">Lucht-lucht warmtepomp</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/verwarming-en-koeling/radiator-ventilatoren/" class="slideout-item-link">Radiator ventilatoren</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/verwarming-en-koeling/" class="menu-item-heading slideout-item-link slideout-block-link-all">Vloerverwarming<span>Bekijk alles</span></a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/verwarming-en-koeling/vloerverwarming/elektrisch/" class="slideout-item-link">Elektrische vloerverwarming</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/verwarming-en-koeling/vloerverwarming/verwarmingsmat/" class="slideout-item-link">Verwarmingsmat</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/verwarming-en-koeling/vloerverwarming/vloerverwarming-toebehoren/" class="slideout-item-link">Vloerverwarming toebehoren</a></li><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-15" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4707 class="submenu-item-link slideout-item-link">Thermostaat</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-15" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/verwarming-en-koeling/">Thermostaat</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verwarming-en-koeling/thermostaat/slimme-thermostaat/" class="slideout-item-link">Slimme thermostaat</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/verwarming-en-koeling/thermostaat/universeel-opbouw/" class="slideout-item-link">Opbouw thermostaat</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/verwarming-en-koeling/" class="menu-item-heading slideout-item-link slideout-block-link-all">Koeling<span>Bekijk alles</span></a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/verwarming-en-koeling/staande-ventilator/" class="slideout-item-link">Staande ventilator</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/verwarming-en-koeling/torenventilator/" class="slideout-item-link">Torenventilator</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/verwarming-en-koeling/luchtontvochtiger/" class="slideout-item-link">Luchtontvochtiger</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/verwarming-en-koeling/luchtbevochtiger/" class="slideout-item-link">Luchtbevochtiger</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/verwarming-en-koeling/koelboxen/" class="slideout-item-link">Koelboxen</a></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/verwarming-en-koeling/caravan-airco/" class="slideout-item-link">Caravan airco</a></li></ul></div></div></li><li x-data="menuItem(1)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-2-item-14" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4708 class="submenu-item-link slideout-item-link"><img src="/media/wysiwyg/menu-icons/Icon%20set=Lucht%20en%20ventilatie.svg" alt="Overige materiaal" width="36" height="36" loading="lazy"/>Overige materiaal</button><div class="dropdown h-full level-2 mega-4columns" id="main-menu-level-2-item-14" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><button class="back-button" type="button" x-show="colum
4708n4Active && compactMode"><svg width="20" height="20" aria-hidden="true" class="text-black-45"><use href="#icon-chevron-left"/></svg><span class="sr-only">Terug</span></button><a class="column-title slideout-block-link" href="https://www.elektramat.be/overige/">Overige materiaal</a></div><ul><li x-data="menuItem(2)" :class="{'open': open }" class="group" @click.outside="open = false; column4Active = false" @keyup.escape="onEscPress($el, $event)" ><button aria-controls="main-menu-level-3-item-0" @click="open = !open; $nextTick(() => { calculateHeights(); open && level === 3 ? column4Active = true : column4Active = false; })" 4709 class="submenu-item-link slideout-item-link">Zonnepaneel materiaal</button><div class="dropdown h-full level-3 mega-4columns" id="main-menu-level-3-item-0" x-show="open" x-data="dropdownScrollReset()" x-bind="colTransition" ><div class="dropdown-inner "><div class="dropdown-header"><a class="column-title slideout-block-link" href="https://www.elektramat.be/overige/zonnepaneel-materiaal/">Zonnepaneel materiaal</a></div><ul><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/thuisbatterijen/omvormers/" class="slideout-item-link">Omvormers</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/thuisbatterijen/" class="slideout-item-link">Thuisbatterijen</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/overige/zonnepaneel-materiaal/solar-gereedschap/" class="slideout-item-link">Solar gereedschap</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/draad-kabel/solarkabel/" class="slideout-item-link">Solar kabel</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/installatiemateriaal/werkschakelaar/" class="slideout-item-link">Werkschakelaar</a></li><li x-data="menuItem(3)" :class="{'open': open }" ><a href="https://www.elektramat.be/buis/" class="slideout-item-link">Buizen</a></li></ul></div></div></li><li x-data="menuItem(2)" :class="{'open': open }" ><a href="https://www.elektramat.be/overige/inbouwventilator/" class="slideout-item-link">Inbouwventilator</a></li></ul></div></div></li></ul></div></div></div></div>
4709<script>function initMegaMenu() { 4710 return { 4711 megaMenuHeight: 'auto', 4712 compactMode: false, 4713 column4Active: false, 4714 4715 calculateHeights() { 4716 requestAnimationFrame(() => { 4717 const dropdowns = this.$refs.megaMenu.querySelectorAll('.dropdown-inner'); 4718 let height = 0; 4719 4720 for (const dropdown of dropdowns) { 4721 if (dropdown.offsetHeight >height) { 4722 height = dropdown.offsetHeight; 4723 } 4724 } 4725 4726 height = height === 0 ? 'auto' : height; 4727 this.megaMenuHeight = height; 4728 }); 4729 }, 4730 4731 init() { 4732 this.onResize(); 4733 4734 window.addEventListener('pageshow', (event) => { 4735 if (event.persisted) { 4736 this.open = false; 4737 window.dispatchEvent(new CustomEvent('close-menu')); 4738 } 4739 }); 4740 }, 4741 4742 onResize() { 4743 this.compactMode = window.innerWidth >= 992 && window.innerWidth< 1200; 4744 }, 4745 4746 handleClickEvent(event) { 4747 const isClickInside = event.target.closest('.mega-menu .dropdown-inner'); 4748 if (!isClickInside) { 4749 this.open = false; 4750 this.column4Active = false; 4751 } 4752 } 4753 } 4754 }</script>
4754</li><li class="menu-item" x-data="{ open: false}" :class="{ 'open' : open }" @click.outside="open = false" @keyup.escape="onEscPress($el, $event)"><button type="button" class="menu-item-link" @click="open = !open;" :aria-expanded="open" aria-controls="main-menu-level-1-item-1">Keuzehulp<div :class="{ 'rotate-180': open }"></div></button><div class="absolute top-[calc(100%_+_1px)] grid-menu" id="main-menu-level-1-item-1" x-show="open" x-data="initGridMenu()" @click="handleClickEvent" x-cloak x-transition x-transition:enter.duration.150ms x-transition:leave.duration.0ms 4755><div class="container"><ul class="relative"><li><a href="https://www.elektramat.be/groepenkast-configurator/index/index/build-id/BE-S8MJY0PT4D/?build=S8MJY0PT4D" class="submenu-item !flex flex-col bg-secondary-10 !p-3 rounded-lg h-full" ><div class="flex gap-2 mb-1"><div data-nosnippet><img src="https://www.elektramat.be/media/converted/groepenkastgenerator-be.webp" alt="Stel eenvoudig een zekeringkast naar wens samen met onze generator." class="w-16 h-18 object-contain min-w-16" loading="lazy"></div><div><strong class="submenu-item-title block text-primary-110 text-base font-bold font-branded leading-5 mb-1" >Zekeringkast generator</strong><p class="submenu-item-subtitle mb-1 font-light text-sm leading-5">Stel eenvoudig een zekeringkast naar wens samen met onze generator.</p></div></div><button class="submenu-item-button btn btn-secondary w-full mt-auto">Samenstellen</button></a></li><li><a href="https://www.elektramat.be/schakelmateriaal-configuratoren" class="submenu-item !flex flex-col bg-secondary-10 !p-3 rounded-lg h-full" ><div class="flex gap-2 mb-1"><div data-nosnippet><img src="https://www.elektramat.be/media/converted/schakelmateriaalgenerator-be.webp" alt="Weet je niet welk schakelmateriaal je wil? Kies hier de juiste keuzehulp tool voor jouw situatie." class="w-16 h-18 object-contain min-w-16" loading="lazy"></div><div><strong class="submenu-item-title block text-primary-110 text-base font-bold font-branded leading-5 mb-1" >Schakelmateriaal keuzehulp tools</strong><p class="submenu-item-subtitle mb-1 font-light text-sm leading-5">Weet je niet welk schakelmateriaal je wil? Kies hier de juiste keuzehulp tool voor jouw situatie.</p></div></div><button class="submenu-item-button btn btn-secondary w-full mt-auto">Vind de juiste keuzehulp</button></a></li><li><a href="https://www.elektramat.be/gereedschapskoffer-configuratoren" class="submenu-item !flex flex-col bg-secondary-10 !p-3 rounded-lg h-full" ><div class="flex gap-2 mb-1"><div data-nosnippet><img src="https://www.elektramat.be/media/converted/wysiwyg/Belgie/1handgereedschap_keuzehulp-removebg-preview_1_.webp" alt="Stel je eigen gereedschapskoffers naar wens samen met behulp van deze configuratoren." class="w-16 h-18 object-contain min-w-16" loading="lazy"></div><div><strong class="submenu-item-title block text-primary-110 text-base font-bold font-branded leading-5 mb-1" >Gereedschapskoffer configuratoren</strong><p class="submenu-item-subtitle mb-1 font-light text-sm leading-5">Stel je eigen gereedschapskoffers naar wens samen met behulp van deze configuratoren.</p></div></div><button class="submenu-item-button btn btn-secondary w-full mt-auto">Vind de juiste configurator</button></a></li></ul></div></div>
4755<script>function initGridMenu() { 4756 return { 4757 init() { 4758 this.$watch('open', value => { 4759 document.documentElement.classList.toggle('menu-open', value); 4760 }); 4761 }, 4762 handleClickEvent(event) { 4763 const isClickInside = event.target.closest('.grid-menu .dropdown-inner'); 4764 if (!isClickInside) { 4765 this.open = false; 4766 } 4767 } 4768 } 4769 }</script>
4769</li></ul><ul class="header-service-menu ml-auto flex items-center">
4769<script>(() => { 4770 const VAT_DISPLAY_EXCLUDING = 'excluding'; 4771 const VAT_DISPLAY_INCLUDING = 'including'; 4772 4773 4774 4775 const startingVatDisplay = localStorage.getItem('adwise-vat-display') || 4776 VAT_DISPLAY_INCLUDING; 4777 document.body.classList.add('vat-display-' + startingVatDisplay); 4778 4779 4780 window.addEventListener('private-content-loaded', (event) => { 4781 const segmentationType = event.detail.data?.segmentation?.type ?? null; 4782 4783 if (segmentationType === 'business') { 4784 setAndStoreVatDisplay(VAT_DISPLAY_EXCLUDING); 4785 } else if (segmentationType === 'private') { 4786 setAndStoreVatDisplay(VAT_DISPLAY_INCLUDING); 4787 } 4788 }); 4789 4790 4791 4792 document.addEventListener('segmentation-target-group-changed', (event) => { 4793 const targetGroup = event.detail.targetGroup; 4794 if (targetGroup?.type === 'business') { 4795 setAndStoreVatDisplay(VAT_DISPLAY_EXCLUDING); 4796 } else if (targetGroup?.type === 'private') { 4797 setAndStoreVatDisplay(VAT_DISPLAY_INCLUDING); 4798 } 4799 }); 4800 4801 function setVatDisplay(vatDisplayType) { 4802 document.body.classList.remove('vat-display-' + VAT_DISPLAY_EXCLUDING); 4803 document.body.classList.remove('vat-display-' + VAT_DISPLAY_INCLUDING); 4804 document.body.classList.add('vat-display-' + vatDisplayType); 4805 } 4806 4807 function setAndStoreVatDisplay(vatDisplayType) { 4808 setVatDisplay(vatDisplayType); 4809 localStorage.setItem('adwise-vat-display', vatDisplayType); 4810 } 4811 })();</script>
4811<li class="ml-8"><a href="https://www.elektramat.be/kennisbank/" class="font-normal hover:underline no-underline text-black font-body text-sm hover:text-black" >Kennisbank</a></li><li class="ml-8"><a href="https://www.elektramat.be/klantenservice/" class="font-normal hover:underline no-underline text-black font-body text-sm hover:text-black" >Klantenservice</a></li><li class="ml-8"><a href="https://www.elektramat.be/over-ons" class="font-normal hover:underline no-underline text-black font-body text-sm hover:text-black" >Over ons</a></li><li x-data="segmentationDropdown()" id="segmentation-container-6abb81062ba08" class="segmentation-dropdown mx-5 lg:ml-8 lg:mr-0 lg:w-48 relative leading-none mt-4 lg:mt-0" @private-content-loaded.window="receiveCustomerData($event.detail.data)" @keydown.esc="open = false" @click.outside="open = false" ><button type="button" class="group py-2 lg:py-0.5 px-2.5 font-normal text-black font-body text-xs leading-6 border border-secondary-10 bg-secondary-10 rounded-full w-full flex items-center hover:underline justify-center lg:justify-start " :class="{ 'hover rounded-t-lg border-b-secondary-10 border-primary': open, 'border-secondary-10 rounded-full': !open }" :aria-expanded="open" aria-controls="segmentation-dropdown-6abb81062ba0a" @click="toggle()" ><span x-show="targetGroupCategory === null" class="lg:ml-auto" >Kies je weergave</span><template x-if="targetGroupCategory !== null"><div aria-hidden="true" x-cloak class="text-primary [&_svg]:w-6 [&_svg]:h-6 [&_svg]:text-primary [&_path]:stroke-1 mr-2.5" x-html="targetGroupCategory.icon" ></div></template><template x-if="targetGroupCategory !== null"><span x-html="targetGroupCategory.label"></span></template><span class="dropdown-icon ml-1.5 lg:mr-auto w-3 h-2.5 bg-secondary mask-arrow rotate-90" aria-hidden="true" :class="{ 'rotate-90': !open, '-rotate-90': open }" ></span></button><div class="lg:absolute bg-secondary-10 w-full border border-t-0 border-primary rounded-b-lg top-[calc(100%-1px)]" id="segmentation-dropdown-6abb81062ba0a" x-show="open" x-cloak ><fieldset class="pt-0.5 pb-2.5 px-2.5 max-h-80 overflow-auto focus:outline-none text-xs leading-5.5" role="radiogroup" aria-labelledby="segmentation-dropdown-legend-6abb81062ba0b" ><legend id="segmentation-dropdown-legend-6abb81062ba0b" class="mb-1.5" :class="{ 'sr-only': targetGroupCategory === null }" >Kies je weergave</legend><div class="flex flex-col gap-1.5"><div class="[&_svg]:w-6 [&_svg]:h-6 [&_svg]:text-primary [&_path]:stroke-1 flex gap-2 items-center"><svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.5 21C20.5 19.6044 20.5 18.9067 20.3278 18.3389C19.94 17.0605 18.9395 16.06 17.6611 15.6722C17.0933 15.5 16.3956 15.5 15 15.5H10C8.60444 15.5 7.90665 15.5 7.33886 15.6722C6.06045 16.06 5.06004 17.0605 4.67224 18.3389C4.5 18.9067 4.5 19.6044 4.5 21M17 7.5C17 9.98528 14.9853 12 12.5 12C10.0147 12 8 9.98528 8 7.5C8 5.01472 10.0147 3 12.5 3C14.9853 3 17 5.01472 17 7.5Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg><span><strong>Particulier</strong> incl. btw</span></div><label class="flex gap-2 items-center cursor-pointer leading-6"><input type="radio" name="target-group-6abb81062ba0d" x-model="targetGroupCode" value="type_particulier" id="segmentation-target-group-6abb81062ba0c-type_particulier-6abb81062bb31" class="cursor-pointer" @change="select('type_particulier')" aria-labelledby="label-target-group-type_particulier" aria-label="Selecteer Particulier als mijn doelgroep" ><span>Particulier</span></label><div class="[&_svg]:w-6 [&_svg]:h-6 [&_svg]:text-primary [&_path]:stroke-1 flex gap-2 items-center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.4 20V7.55556C8.4 6.72892 8.4 6.31559 8.492 5.97648C8.74166 5.05624 9.46944 4.33744 10.4012 4.09086C10.7445 4 11.163 4 12 4C12.837 4 13.2555 4 13.5988 4.09086C14.5305 4.33744 15.2584 5.05624 15.508 5.97648C15.6 6.31559 15.6 6.72892 15.6 7.55556V20M5.88 20H18.12C19.1281 20 19.6322 20 20.0172 19.8062C20.3559 19.6358 20.6313 19.3638 20.8038 19.0293C21 18.6491 21 18.1512 21 17.1556V10.4C21 9.40435 21 8.90652 20.8038 8.52624C20.6313 8.19172 20.3559 7.91976 20.0172 7.74932C19.6322 7.55556 19.1281 7.55556 18.12 7.55556H5.88C4.8719 7.55556 4.36786 7.55556 3.98282 7.74932C3.64412 7.91976 3.36876 8.19172 3.19619 8.52624C3 8.90652 3 9.40435 3 10.4V17.1556C3 18.1512 3 18.6491 3.19619 19.0293C3.36876 19.3638 3.64412 19.6358 3.98282 19.8062C4.36786 20 4.87191 20 5.88 20Z" stroke="#196CAE" stroke-linecap="round" stroke-linejoin="round"/></svg><span><strong>Zakelijk</strong> excl. btw</span></div><label class="flex gap-2 items-center cursor-pointer leading-6"><input type="radio" name="target-group-6abb81062ba0d" x-model="targetGroupCode" value="type_e-installatie" id="segmentation-target-group-6abb81062ba0c-type_e-installatie-6abb81062bbe3" class="cursor-pointer" @change="select('type_e\u002Dinstallatie')" aria-labelledby="label-target-group-type_e-installatie" aria-label="Selecteer E-installateur als mijn doelgroep" ><span>E-installateur</span></label><label class="flex gap-2 items-center cursor-pointer leading-6"><input type="radio" name="target-group-6abb81062ba0d" x-model="targetGroupCode" value="type_w-installatie" id="segmentation-target-group-6abb81062ba0c-type_w-installatie-6abb81062bc06" class="cursor-pointer" @change="select('type_w\u002Dinstallatie')" aria-labelledby="label-target-group-type_w-installatie" aria-label="Selecteer W-installateur als mijn doelgroep" ><span>W-installateur</span></label><label class="flex gap-2 items-center cursor-pointer leading-6"><input type="radio" name="target-group-6abb81062ba0d" x-model="targetGroupCode" value="type_bouw" id="segmentation-target-group-6abb81062ba0c-type_bouw-6abb81062bc1e" class="cursor-pointer" @change="select('type_bouw')" aria-labelledby="label-target-group-type_bouw" aria-label="Selecteer Bouw & constructie als mijn doelgroep" ><span>Bouw & constructie</span></label><label class="flex gap-2 items-center cursor-pointer leading-6"><input type="radio" name="target-group-6abb81062ba0d" x-model="targetGroupCode" value="type_anders_zakelijk" id="segmentation-target-group-6abb81062ba0c-type_anders_zakelijk-6abb81062bc37" class="cursor-pointer" @change="select('type_anders_zakelijk')" aria-labelledby="label-target-group-type_anders_zakelijk" aria-label="Selecteer Anders zakelijk als mijn doelgroep" ><span>Anders zakelijk</span></label></div></fieldset></div></li>
4811<script>function segmentationDropdown() { 4812 const targetGroupSaveEndpoint = 'https://www.elektramat.be/segmentation/targetgroup/save/'; 4813 4814 return { 4815 open: false, 4816 targetGroupCode: null, 4817 targetGroupCategory: null, 4818 targetGroupCategoriesMap: {"type_particulier":{"label":"<strong>Particulier<\/strong> incl. btw","icon":"<svg width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M20.5 21C20.5 19.6044 20.5 18.9067 20.3278 18.3389C19.94 17.0605 18.9395 16.06 17.6611 15.6722C17.0933 15.5 16.3956 15.5 15 15.5H10C8.60444 15.5 7.90665 15.5 7.33886 15.6722C6.06045 16.06 5.06004 17.0605 4.67224 18.3389C4.5 18.9067 4.5 19.6044 4.5 21M17 7.5C17 9.98528 14.9853 12 12.5 12C10.0147 12 8 9.98528 8 7.5C8 5.01472 10.0147 3 12.5 3C14.9853 3 17 5.01472 17 7.5Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>","options":[{"value":"type_particulier","label":"Particulier","type":"private"}]},"type_e-installatie":{"label":"<strong>Zakelijk<\/strong> excl. btw","icon":"<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M8.4 20V7.55556C8.4 6.72892 8.4 6.31559 8.492 5.97648C8.74166 5.05624 9.46944 4.33744 10.4012 4.09086C10.7445 4 11.163 4 12 4C12.837 4 13.2555 4 13.5988 4.09086C14.5305 4.33744 15.2584 5.05624 15.508 5.97648C15.6 6.31559 15.6 6.72892 15.6 7.55556V20M5.88 20H18.12C19.1281 20 19.6322 20 20.0172 19.8062C20.3559 19.6358 20.6313 19.3638 20.8038 19.0293C21 18.6491 21 18.1512 21 17.1556V10.4C21 9.40435 21 8.90652 20.8038 8.52624C20.6313 8.19172 20.3559 7.91976 20.0172 7.74932C19.6322 7.55556 19.1281 7.55556 18.12 7.55556H5.88C4.8719 7.55556 4.36786 7.55556 3.98282 7.74932C3.64412 7.91976 3.36876 8.19172 3.19619 8.52624C3 8.90652 3 9.40435 3 10.4V17.1556C3 18.1512 3 18.6491 3.19619 19.0293C3.36876 19.3638 3.64412 19.6358 3.98282 19.8062C4.36786 20 4.87191 20 5.88 20Z\" stroke=\"#196CAE\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>","options":[{"value":"type_e-installatie","label":"E-installateur","type":"business"},{"value":"type_w-installatie","label":"W-installateur","type":"business"},{"value":"type_bouw","label":"Bouw & constructie","type":"business"},{"value":"type_anders_zakelijk","label":"Anders zakelijk","type":"business"}]},"type_w-installatie":{"label":"<strong>Zakelijk<\/strong> excl. btw","icon":"<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M8.4 20V7.55556C8.4 6.72892 8.4 6.31559 8.492 5.97648C8.74166 5.05624 9.46944 4.33744 10.4012 4.09086C10.7445 4 11.163 4 12 4C12.837 4 13.2555 4 13.5988 4.09086C14.5305 4.33744 15.2584 5.05624 15.508 5.97648C15.6 6.31559 15.6 6.72892 15.6 7.55556V20M5.88 20H18.12C19.1281 20 19.6322 20 20.0172 19.8062C20.3559 19.6358 20.6313 19.3638 20.8038 19.0293C21 18.6491 21 18.1512 21 17.1556V10.4C21 9.40435 21 8.90652 20.8038 8.52624C20.6313 8.19172 20.3559 7.91976 20.0172 7.74932C19.6322 7.55556 19.1281 7.55556 18.12 7.55556H5.88C4.8719 7.55556 4.36786 7.55556 3.98282 7.74932C3.64412 7.91976 3.36876 8.19172 3.19619 8.52624C3 8.90652 3 9.40435 3 10.4V17.1556C3 18.1512 3 18.6491 3.19619 19.0293C3.36876 19.3638 3.64412 19.6358 3.98282 19.8062C4.36786 20 4.87191 20 5.88 20Z\" stroke=\"#196CAE\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>","options":[{"value":"type_e-installatie","label":"E-installateur","type":"business"},{"value":"type_w-installatie","label":"W-installateur","type":"business"},{"value":"type_bouw","label":"Bouw & constructie","type":"business"},{"value":"type_anders_zakelijk","label":"Anders zakelijk","type":"business"}]},"type_bouw":{"label":"<strong>Zakelijk<\/strong> excl. btw","icon":"<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M8.4 20V7.55556C8.4 6.72892 8.4 6.31559 8.492 5.97648C8.74166 5.05624 9.46944 4.33744 10.4012 4.09086C10.7445 4 11.163 4 12 4C12.837 4 13.2555 4 13.5988 4.09086C14.5305 4.33744 15.2584 5.05624 15.508 5.97648C15.6 6.31559 15.6 6.72892 15.6 7.55556V20M5.88 20H18.12C19.1281 20 19.6322 20 20.0172 19.8062C20.3559 19.6358 20.6313 19.3638 20.8038 19.0293C21 18.6491 21 18.1512 21 17.1556V10.4C21 9.40435 21 8.90652 20.8038 8.52624C20.6313 8.19172 20.3559 7.91976 20.0172 7.74932C19.6322 7.55556 19.1281 7.55556 18.12 7.55556H5.88C4.8719 7.55556 4.36786 7.55556 3.98282 7.74932C3.64412 7.91976 3.36876 8.19172 3.19619 8.52624C3 8.90652 3 9.40435 3 10.4V17.1556C3 18.1512 3 18.6491 3.19619 19.0293C3.36876 19.3638 3.64412 19.6358 3.98282 19.8062C4.36786 20 4.87191 20 5.88 20Z\" stroke=\"#196CAE\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>","options":[{"value":"type_e-installatie","label":"E-installateur","type":"business"},{"value":"type_w-installatie","label":"W-installateur","type":"business"}
4818,{"value":"type_bouw","label":"Bouw & constructie","type":"business"},{"value":"type_anders_zakelijk","label":"Anders zakelijk","type":"business"}]},"type_anders_zakelijk":{"label":"<strong>Zakelijk<\/strong> excl. btw","icon":"<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M8.4 20V7.55556C8.4 6.72892 8.4 6.31559 8.492 5.97648C8.74166 5.05624 9.46944 4.33744 10.4012 4.09086C10.7445 4 11.163 4 12 4C12.837 4 13.2555 4 13.5988 4.09086C14.5305 4.33744 15.2584 5.05624 15.508 5.97648C15.6 6.31559 15.6 6.72892 15.6 7.55556V20M5.88 20H18.12C19.1281 20 19.6322 20 20.0172 19.8062C20.3559 19.6358 20.6313 19.3638 20.8038 19.0293C21 18.6491 21 18.1512 21 17.1556V10.4C21 9.40435 21 8.90652 20.8038 8.52624C20.6313 8.19172 20.3559 7.91976 20.0172 7.74932C19.6322 7.55556 19.1281 7.55556 18.12 7.55556H5.88C4.8719 7.55556 4.36786 7.55556 3.98282 7.74932C3.64412 7.91976 3.36876 8.19172 3.19619 8.52624C3 8.90652 3 9.40435 3 10.4V17.1556C3 18.1512 3 18.6491 3.19619 19.0293C3.36876 19.3638 3.64412 19.6358 3.98282 19.8062C4.36786 20 4.87191 20 5.88 20Z\" stroke=\"#196CAE\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>","options":[{"value":"type_e-installatie","label":"E-installateur","type":"business"},{"value":"type_w-installatie","label":"W-installateur","type":"business"},{"value":"type_bouw","label":"Bouw & constructie","type":"business"},{"value":"type_anders_zakelijk","label":"Anders zakelijk","type":"business"}]}}, 4819 targetGroups: [{"value":"type_e-installatie","label":"E-installateur","type":"business"},{"value":"type_w-installatie","label":"W-installateur","type":"business"},{"value":"type_bouw","label":"Bouw & constructie","type":"business"},{"value":"type_anders_zakelijk","label":"Anders zakelijk","type":"business"},{"value":"type_particulier","label":"Particulier","type":"private"}], 4820 isTouchDevice: false, 4821 4822 init() { 4823 this.isTouchDevice = (('ontouchstart' in window) || (navigator.maxTouchPoints >0) || (navigator.msMaxTouchPoints >0)); 4824 }, 4825 4826 shouldMenuOpen() { 4827 return !this.isTouchDevice; 4828 }, 4829 4830 receiveCustomerData(data) { 4831 this.targetGroupCode = data.segmentation.targetGroup ?? null; 4832 this.targetGroupCategory = this.targetGroupCategoriesMap[this.targetGroupCode] || null; 4833 }, 4834 4835 toggle() { 4836 this.open = !this.open; 4837 }, 4838 4839 close() { 4840 this.open = false; 4841 }, 4842 4843 async select(targetGroupCode) { 4844 try { 4845 const newTargetGroup = Object.values(this.targetGroups).find(group => group.value === targetGroupCode); 4846 4847 4848 document.dispatchEvent(new CustomEvent('segmentation-target-group-changed', { 4849 detail: { 4850 targetGroup: newTargetGroup, 4851 } 4852 })); 4853 4854 await fetch(targetGroupSaveEndpoint, { 4855 method: 'POST', 4856 headers: { 4857 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' 4858 }, 4859 body: new URLSearchParams({ 4860 form_key: hyva.getFormKey(), 4861 target_group: targetGroupCode 4862 }).toString(), 4863 credentials: 'same-origin' 4864 }); 4865 4866 this.open = false; 4867 } catch (e) { 4868 console.warn('Segmentation dropdown: failed to save target group', e); 4869 } 4870 4871 dispatchEvent(new Event('reload-customer-section-data')); 4872 } 4873 } 4874 }</script>
4874</ul></div></nav>
4874<script>window.colTransition = { 4875 'x\u002Dtransition\u003Aenter': 'transition\u0020ease\u002Dout\u0020duration\u002D300\u0020z\u002D\u005B\u002D1\u005D', 4876 'x\u002Dtransition\u003Aenter\u002Dstart': '\u002Dtranslate\u002Dx\u002Dfull\u0020opacity\u002D0\u0020z\u002D\u005B\u002D1\u005D', 4877 'x\u002Dtransition\u003Aenter\u002Dend': 'translate\u002Dx\u002D0\u0020opacity\u002D100\u0020z\u002D\u005B\u002D1\u005D', 4878 }; 4879 4880 function menuItem(l) { return { open: false, level: l }; } 4881 4882 function initMainMenu() { 4883 return { 4884 init() { 4885 window.addEventListener('close-menu', () => { 4886 this.$el.querySelectorAll('li.open').forEach(li => { 4887 Alpine.$data(li).open = false; 4888 }); 4889 }); 4890 }, 4891 onEscPress($el, $event) { 4892 const activeElement = document.activeElement; 4893 4894 if ($el.classList.contains('open')) { 4895 this.open = false; 4896 $event.stopPropagation(); 4897 4898 if ($el.contains(activeElement)) { 4899 $el.querySelector(':scope >button').focus(); 4900 } 4901 } 4902 } 4903 } 4904 } 4905 4906 function initChildItem() { 4907 return { 4908 open: false, 4909 init() { 4910 this.$watch('open', value => { 4911 document.documentElement.classList.toggle('menu-open', value) 4912 let header = document.querySelector('header'); 4913 document.documentElement.style.setProperty('--header-height', header.offsetHeight + 'px'); 4914 }) 4915 } 4916 } 4917 } 4918 4919 function dropdownScrollReset() { 4920 return { 4921 init() { 4922 this.$watch('open', value => { 4923 this.$el.querySelector('.dropdown-inner').scrollTo(0,0) 4924 }); 4925 }, 4926 } 4927 }</script>
4927</header><main id="maincontent" class="page-main mt-2"><div id="contentarea" tabindex="-1"></div><div class="page messages">
4927<script> 4928 function initMessages() { 4929 "use strict"; 4930 return { 4931 messages: window.mageMessages || [], 4932 isEmpty() { 4933 return this.messages.reduce( 4934 function (isEmpty, message) { 4935 return isEmpty && message === undefined 4936 }, true 4937 ) 4938 }, 4939 removeMessage(messageIndex) { 4940 this.messages[messageIndex] = undefined; 4941 }, 4942 addMessages(messages, hideAfter) { 4943 messages.map((message) => { 4944 const isDuplicateMessage = this.messages.some(existingMessage => 4945 existingMessage && existingMessage.text === message.text && existingMessage.type === message.type 4946 ); 4947 4948 if (!isDuplicateMessage) { 4949 this.messages = this.messages.concat(message); 4950 if (hideAfter === undefined && message.type === 'success' && window.defaultSuccessMessageTimeout) { 4951 hideAfter = window.defaultSuccessMessageTimeout; 4952 } 4953 if (hideAfter) { 4954 this.setHideTimeOut(this.messages.length -1, hideAfter); 4955 } 4956 } 4957 }); 4958 }, 4959 setHideTimeOut(messageIndex, hideAfter) { 4960 setTimeout((messageIndex) => { 4961 this.removeMessage(messageIndex); 4962 }, hideAfter, messageIndex); 4963 }, 4964 eventListeners: { 4965 ['@messages-loaded.window']() { 4966 this.addMessages(event.detail.messages, event.detail.hideAfter) 4967 }, 4968 ['@private-content-loaded.window'](event) { 4969 const data = event.detail.data; 4970 if ( 4971 data.messages && 4972 data.messages.messages && 4973 data.messages.messages.length 4974 ) { 4975 this.addMessages(data.messages.messages); 4976 } 4977 }, 4978 ['@clear-messages.window']() { 4979 this.messages = []; 4980 } 4981 } 4982 } 4983 } 4984</script>
4984 4985<section id="messages" 4986 class="" 4987 x-data="initMessages()" 4988 x-bind="eventListeners" 4989> 4990 <template x-if="!isEmpty()"> 4991 <div class="w-full"> 4992 <div role="alert" class="messages container mx-auto mb-4"> 4993 <template x-for="(message, index) in messages" :key="index"> 4994 <div> 4995 <template x-if="message"> 4996 <div class="message" :class="message.type" 4997 :ui-id="'message-' + message.type" 4998 > 4999 <span x-html="message.text"></span> 5000 <a href="#" class="close cursor-pointer" title="close" 5001 @click.prevent="removeMessage(index)"> 5002 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-white" width="18" height="18" role="img"> 5003 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 5004<title>x</title></svg> 5005 </a> 5006 </div> 5007 </template> 5008 </div> 5009 </template> 5010 </div> 5011 </div> 5012 </template> 5013</section></div> 5014 <div class="container text-center"> 5015 <h1 class="page-title mb-3" 5016 > 5017 <span class="base" data-ui-id="page-title-wrapper" >Inloggen</span> </h1> 5018 </div> 5019<div class="columns"><div class="column main"><div id="customer-login-container" class="login-container grid grid-cols-1 md:grid-cols-2 lg:grid-cols-12 justify-center gap-x-8 gap-y-5 md:gap-y-0 pt-4 md:pt-6"><div class="rounded-lg p-4 bg-secondary-10 lg:col-start-4 lg:col-span-3"> 5020 <div class="" aria-labelledby="block-customer-login-heading"> 5021 <form class="form form-login" 5022 action="https://www.elektramat.be/customer/account/loginPost/referer/aHR0cHM6Ly93d3cuZWxla3RyYW1hdC5iZS9jdXN0b21lci9hY2NvdW50L2luZGV4Lw~~/" 5023 method="post" 5024 x-data="initCustomerLoginForm()" 5025 @submit.prevent="submitForm()" 5026 id="customer-login-form"> 5027 <input name="form_key" type="hidden" value="Dw2DZVZNteHOIFDm" /> 5028 5029 5030 <fieldset class="fieldset login flex flex-col gap-3"> 5031 <legend class="contents"> 5032 <h2 class="text-base leading-none font-medium title-font"> 5033 Bestaande klant </h2> 5034 </legend> 5035 5036 <div class="field field-reserved required !mb-0"> 5037 <label for="email" class="label"> 5038 <span> 5039 E-mail </span> 5040 </label> 5041 <div class="control"> 5042 <input name="login[username]" 5043 class="form-input w-full" 5044 required 5045 placeholder="E-mail" 5046 value="" 5047 autocomplete="username" 5048 id="email" 5049 type="email" 5050 title="E-mail" 5051 /> 5052 </div> 5053 </div> 5054 5055 <div class="field field-reserved required !mb-0"> 5056 <label for="password" class="label"> 5057 <span> 5058 Wachtwoord </span> 5059 </label> 5060 <div class="control relative flex items-center" 5061 x-data="{ showPassword: false }" 5062 > 5063 <input name="login[password]" 5064 class="form-input w-full pr-10" 5065 placeholder="Wachtwoord" 5066 required 5067 :type="showPassword ? 'text' : 'password'" 5068 autocomplete="current-password" 5069 id="pass" 5070 title="Wachtwoord" 5071 /> 5072 <button type="button" 5073 class="absolute right-2 top-1/2 -translate-y-1/2 w-6 h-6" 5074 @click="showPassword = !showPassword" 5075 :aria-label="showPassword ? 'Wachtwoord verbergen' : 5076 'Wachtwoord weergeven'" 5077 >
5078 <span x-show="!showPassword" aria-hidden="true"> 5079 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="stroke-1" width="24" height="24" role="img"> 5080 <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> 5081 <path stroke-linecap="round" stroke-linejoin="round" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/> 5082<title>Wachtwoord weergeven</title></svg> 5083 </span> 5084 <span x-show="showPassword" aria-hidden="true" x-cloak> 5085 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="stroke-1" width="24" height="24" role="img"> 5086 <path stroke-linecap="round" stroke-linejoin="round" d="M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21"/> 5087<title>Wachtwoord verbergen</title></svg> 5088 </span> 5089 </button> 5090 </div> 5091 </div> 5092 5093 5094 <a class="font-normal text-sm" 5095 href="https://www.elektramat.be/customer/account/forgotpassword/" 5096 > 5097 <span> 5098 Wachtwoord vergeten? </span> 5099 </a> 5100 5101 <div class="actions-toolbar"> 5102 <button type="submit" class="btn btn-primary disabled:opacity-75 w-full" name="send" 5103 > 5104 <span> 5105 Inloggen </span> 5106 </button> 5107 </div> 5108 <template x-if="displayErrorMessage"> 5109 <div> 5110 <p class="text-red flex "> 5111 <span class="inline-block w-8 h-8 mr-3"> 5112 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" role="img"> 5113 <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> 5114<title>exclamation-circle</title></svg> 5115 </span> 5116 <template x-for="errorMessage in errorMessages"> 5117 <span x-html="errorMessage"></span> 5118 </template> 5119 </p> 5120 </div> 5121 </template> 5122 </fieldset> 5123 </form> 5124 </div> 5125 <div> 5126 </div> 5127 5128
5128<script> 5129 function initCustomerLoginForm() { 5130 return { 5131 errors: 0, 5132 hasCaptchaToken: 0, 5133 showPassword: false, 5134 displayErrorMessage: false, 5135 errorMessages: [], 5136 setErrorMessages(messages) { 5137 this.errorMessages = [messages] 5138 this.displayErrorMessage = this.errorMessages.length 5139 }, 5140 submitForm() { 5141 // do not rename $form, the variable is the expected name in the recaptcha output 5142 const $form = document.querySelector('#customer-login-form'); 5143 5144 if (this.errors === 0) { 5145 $form.submit(); 5146 } 5147 } 5148 } 5149 } 5150 </script>
5150 5151 5152 </div> <div class="block-new-customer lg:col-span-3 order-1 sm:order-none"> 5153 <div class="rounded-lg p-4 bg-secondary-10"> 5154 <div class="block-title mb-1"> 5155 <h2 class="text-base leading-none font-medium title-font" 5156 role="heading" 5157 aria-level="2"> 5158 De voordelen van een account </h2> 5159 </div> 5160 5161<ul class="flex flex-col"> 5162 <li class="[&_svg]:w-5 [&_svg]:h-5 [&_svg]:text-success flex gap-x-3 mb-0 pt-1.5 items-center"> 5163 <div aria-hidden="true"> 5164 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="19" viewBox="0 0 22 19" fill="none"> 5165 <path d="M6.12939 0.160156C3.02685 0.160156 0.504395 2.71191 0.504395 5.78516C0.504395 6.85742 0.990723 7.78613 1.44189 8.45703C1.89307 9.12793 2.35596 9.55859 2.35596 9.55859L10.4653 17.6914L11.0044 18.2305L11.5435 17.6914L19.6528 9.55859C19.6528 9.55859 21.5044 7.92676 21.5044 5.78516C21.5044 2.71191 18.9819 0.160156 15.8794 0.160156C13.3042 0.160156 11.646 1.70996 11.0044 2.36328C10.3628 1.70996 8.70459 0.160156 6.12939 0.160156ZM6.12939 1.66016C8.37061 1.66016 10.4419 3.83984 10.4419 3.83984L11.0044 4.47266L11.5669 3.83984C11.5669 3.83984 13.6382 1.66016 15.8794 1.66016C18.1616 1.66016 20.0044 3.53223 20.0044 5.78516C20.0044 6.94238 18.5981 8.50391 18.5981 8.50391L11.0044 16.0977L3.41064 8.50391C3.41064 8.50391 3.04736 8.15527 2.68408 7.61328C2.3208 7.07129 2.00439 6.36523 2.00439 5.78516C2.00439 3.53223 3.84717 1.66016 6.12939 1.66016Z" 5166 fill="currentColor"/> 5167 <path class="heart-center" 5168 d="M6.12939 1.66016C8.37061 1.66016 10.4419 3.83984 10.4419 3.83984L11.0044 4.47266L11.5669 3.83984C11.5669 3.83984 13.6382 1.66016 15.8794 1.66016C18.1616 1.66016 20.0044 3.53223 20.0044 5.78516C20.0044 6.94238 18.5981 8.50391 18.5981 8.50391L11.0044 16.0977L3.41064 8.50391C3.41064 8.50391 3.04736 8.15527 2.68408 7.61328C2.3208 7.07129 2.00439 6.36523 2.00439 5.78516C2.00439 3.53223 3.84717 1.66016 6.12939 1.66016Z" 5169 fill="transparent"/> 5170</svg> </div> 5171 <span class="text-sm"> 5172 Bekijk je favoriete producten </span> 5173 </li> 5174 <li class="[&_svg]:w-5 [&_svg]:h-5 [&_svg]:text-success flex gap-x-3 mb-0 pt-1.5 items-center"> 5175 <div aria-hidden="true"> 5176 <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 5177<path d="M8.24999 19.8C9.06001 19.8 9.71666 19.1434 9.71666 18.3334C9.71666 17.5233 9.06001 16.8667 8.24999 16.8667C7.43997 16.8667 6.78333 17.5233 6.78333 18.3334C6.78333 19.1434 7.43997 19.8 8.24999 19.8Z" stroke="currentColor" stroke-width="2.01667" stroke-linecap="round" stroke-linejoin="round"/> 5178<path d="M15.5833 19.8C16.3934 19.8 17.05 19.1434 17.05 18.3334C17.05 17.5233 16.3934 16.8667 15.5833 16.8667C14.7733 16.8667 14.1167 17.5233 14.1167 18.3334C14.1167 19.1434 14.7733 19.8 15.5833 19.8Z" stroke="currentColor" stroke-width="2.01667" stroke-linecap="round" stroke-linejoin="round"/> 5179<path d="M2.75 3.66675H4.58333L6.875 13.7501H16.0417L18.3333 7.33342H5.5" stroke="currentColor" stroke-width="2.01667" stroke-linecap="round" stroke-linejoin="round"/> 5180</svg> </div> 5181 <span class="text-sm"> 5182 Winkelwagen automatisch opgeslagen </span> 5183 </li> 5184 <li class="[&_svg]:w-5 [&_svg]:h-5 [&_svg]:text-success flex gap-x-3 mb-0 pt-1.5 items-center"> 5185 <div aria-hidden="true"> 5186 <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 5187 <path fill="none" d="M14 2.26953V6.40007C14 6.96012 14 7.24015 14.109 7.45406C14.2049 7.64222 14.3578 7.7952 14.546 7.89108C14.7599 8.00007 15.0399 8.00007 15.6 8.00007H19.7305M16 13H8M16 17H8M10 9H8M14 2H8.8C7.11984 2 6.27976 2 5.63803 2.32698C5.07354 2.6146 4.6146 3.07354 4.32698 3.63803C4 4.27976 4 5.11984 4 6.8V17.2C4 18.8802 4 19.7202 4.32698 20.362C4.6146 20.9265 5.07354 21.3854 5.63803 21.673C6.27976 22 7.11984 22 8.8 22H15.2C16.8802 22 17.7202 22 18.362 21.673C18.9265 21.3854 19.3854 20.9265 19.673 20.362C20 19.7202 20 18.8802 20 17.2V8L14 2Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 5188</svg> </div>
5189 <span class="text-sm"> 5190 Vraag offertes aan </span> 5191 </li> 5192 <li class="[&_svg]:w-5 [&_svg]:h-5 [&_svg]:text-success flex gap-x-3 mb-0 pt-1.5 items-center"> 5193 <div aria-hidden="true"> 5194 <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 5195 <path d="M20.5 21C20.5 19.6044 20.5 18.9067 20.3278 18.3389C19.94 17.0605 18.9395 16.06 17.6611 15.6722C17.0933 15.5 16.3956 15.5 15 15.5H10C8.60444 15.5 7.90665 15.5 7.33886 15.6722C6.06045 16.06 5.06004 17.0605 4.67224 18.3389C4.5 18.9067 4.5 19.6044 4.5 21M17 7.5C17 9.98528 14.9853 12 12.5 12C10.0147 12 8 9.98528 8 7.5C8 5.01472 10.0147 3 12.5 3C14.9853 3 17 5.01472 17 7.5Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 5196</svg> </div> 5197 <span class="text-sm"> 5198 Beheer orders en retouren op één plek </span> 5199 </li> 5200 </ul> 5201 <div class="actions-toolbar pt-2 flex justify-center"> 5202 <a href="https://www.elektramat.be/customer/account/create/?restart" 5203 class="btn btn-secondary w-full text-center"> 5204 <span> 5205 Account aanmaken </span> 5206 </a> 5207 </div> 5208 </div> 5209 </div> 5210<div class="md:col-span-2 lg:col-start-4 lg:col-span-6"><div class="md:pt-3 pb-3"><div class="w-full flex items-center"> 5211 <div class="grow border-b border-secondary"></div> 5212 <div class="px-4">Of</div> 5213 <div class="grow border-b border-secondary"></div> 5214</div></div> 5215 <div class="pslogin-block pslogin-login"> 5216 <div x-data="initPsloginButtons()" class="pslogin-buttons"> 5217 <ul class="flex flex-wrap gap-5 items-center justify-center"> 5218 <template x-for="btn in buttons"> 5219 <li x-show="btn.visible || show" x-transition.duration.500ms class="pslogin-button" 5220 :class="{[btn.code]: true, 'md:min-w-[215px]': btn.design === 'default'}" :title="btn.text"> 5221 <a @click.prevent="login(btn)" class="pslogin-button-link pslogin-button-click no-underline" 5222 rel="nofollow" href="#"> 5223 <template x-if="btn.design === 'default'"> 5224 <span class="block"> 5225 <template x-if="btn.image"> 5226 <span class="block rounded-lg overflow-hidden hover:shadow-xl"> 5227 <img class="max-w-[200px] mx-auto" :src="btn.image" 5228 :alt="'Icon ' + btn.code"/> 5229 </span> 5230 </template> 5231 <template x-if="! btn.image"> 5232 <span 5233 class="flex items-center justify-center gap-2 px-3 py-1 rounded-lg overflow-hidden hover:shadow-xl" 5234 :style="{ 5235 background: btn.backgroundColor ? btn.backgroundColor : '#1a1a1a', 5236 color: btn.textColor ? btn.textColor : '#fff', 5237 border: btn.backgroundColor ? `1px solid ${btn.borderColor ? btn.borderColor : btn.backgroundColor}` : 'transparent' 5238 }" 5239 > 5240 <span class="w-8 h-8 shrink-0 block"> 5241 <img 5242 class="max-w-40" 5243 :src="btn.icon" 5244 :alt="'Icon ' + btn.code" 5245 width="32" 5246 height="32" 5247 /> 5248 5249 </span> 5250 <span class="font-semibold text-lg leading-none text-left" 5251 x-text="btn.text"></span> 5252 </span> 5253 </template> 5254 </span> 5255 </template> 5256 5257 <template x-if="btn.design !== 'default'"> 5258 <span class="w-14 h-14 block"> 5259 <template x-if="btn.image">
5260 <span class="w-full h-full block overflow-hidden" 5261 :class="btn.design === 'square' ? 'rounded-lg' : 'rounded-full'" 5262 > 5263 <img class="w-full h-full object-cover" :src="btn.image" 5264 :alt="'Icon ' + btn.code"/> 5265 </span> 5266 </template> 5267 <template x-if="! btn.image"> 5268 <span class="w-full h-full block overflow-hidden" 5269 :class="btn.design === 'square' ? 'rounded-lg' : 'rounded-full'" 5270 :style="{ 5271 background: btn.backgroundColor ? btn.backgroundColor : '#1a1a1a', 5272 color: btn.textColor ? btn.textColor : '#fff', 5273 border: btn.backgroundColor ? `1px solid ${btn.borderColor ? btn.borderColor : btn.backgroundColor}` : 'transparent' 5274 }" 5275 > 5276 <img class="w-full h-full object-cover" 5277 :src="btn.icon" 5278 :alt="'Icon ' + btn.code" 5279 width="32" 5280 height="32" 5281 /> 5282 </span> 5283 </template> 5284 </span> 5285 </template> 5286 </a> 5287 </li> 5288</template> </ul> 5289 5290 </div> 5291 5292 </div> 5293 <div style="clear: both;"></div> 5294 5295
5295<script> 5296 function initPsloginButtons() { 5297 let buttons = [{"code":"google","icon":"https:\/\/www.elektramat.be\/static\/version1790258389\/frontend\/Wise\/elektramat-3_be\/nl_BE\/Plumrocket_SocialLoginPro\/images\/networks\/google_icon.svg","design":"default","height":450,"width":450,"visible":true,"textColor":"#1a1a1a","backgroundColor":"#fff","borderColor":"#d9d9d9","openOnPage":false,"text":"Login met Google","image":"","url":"https:\/\/www.elektramat.be\/pslogin\/account\/douse\/type\/google\/refresh\/1790676144\/customer_action\/login\/"}]; 5298 5299 return { 5300 buttons, 5301 show: false, 5302 title: 'show\u0020more', 5303 toggle() { 5304 this.show = !this.show; 5305 this.title = this.show ? 5306 'show\u0020less' : 5307 'show\u0020more'; 5308 }, 5309 hasHidden() { 5310 return this.buttons.filter(btn => !btn.visible).length > 0; 5311 }, 5312 login(btn) { 5313 if (! btn.url) { 5314 alert('The\u0020Login\u0020Application\u0020was\u0020not\u0020configured\u0020correctly.\u0020If\u0020your\u0020are\u0020the\u0020admin\u0020of\u0020store\u003A\u0020Please\u0020activate\u0020\u201CEnable\u0020Logging\u201D\u0020in\u0020Magento\u0020Login\u0020Extension\u0020and\u0020try\u0020again\u0020to\u0020see\u0020error\u0020details.'); 5315 return false; 5316 } 5317 5318 let href = btn.url, 5319 openOnPage = btn.openOnPage, 5320 width = btn.width, 5321 height = btn.height; 5322 5323 if (openOnPage) { 5324 window.dispatchEvent(new CustomEvent("reload-customer-section-data")); 5325 window.location.href = href; 5326 return; 5327 } 5328 5329 const bc = new BroadcastChannel('loginChannel'); 5330 bc.onmessage = (event) => { 5331 if (event.data.type === 'loginSuccess') { 5332 document.getElementById('pslogin-login-referer').value = event.data.referer; 5333 document.getElementById('pslogin-login-action').value = event.data.action; 5334 document.getElementById('pslogin-login-submit').click(); 5335 } 5336 bc.close(); 5337 }; 5338 5339 width = width ? width : 650; 5340 height = height ? height : 350; 5341 5342 if (href.indexOf('js_login_method') === 0) { 5343 5344 5345 return; 5346 } 5347 5348 const popup = this.openPopup(href, width, height); 5349 this.loadingMessage(popup); 5350 5351 return false; 5352 }, 5353 /** 5354 * Open OAuth window using Modal/InitOAuth action. 5355 * 5356 * @since 3.10.0 5357 * @param href 5358 * @param width 5359 * @param height 5360 * @returns {WindowProxy} 5361 */ 5362 openPopup(href, width, height) { 5363 const left = parseInt((window.innerWidth - width) / 2); 5364 const top = parseInt((window.innerHeight - height) / 2); 5365 5366 const params = [ 5367 'resizable=yes', 5368 'scrollbars=no', 5369 'toolbar=no', 5370 'menubar=no', 5371 'location=no', 5372 'directories=no', 5373 'status=yes', 5374 'width=' + width, 5375 'height=' + height, 5376 'left=' + left, 5377 'top=' + top 5378 ]; 5379 5380 const popup = window.open(href, 'pslogin_popup', params.join(',')); 5381 popup.focus(); 5382 5383 return popup; 5384 }, 5385 loadingMessage(popup) { 5386 const loaderText = 'Bezig\u0020met\u0020laden...'; 5387 let html = '<!DOCTYPE html><html style="height: 100%;"><head><meta name="viewport" content="width=device-width, initial-scale=1"><title>' + loaderText + '</title></head>'; 5388 html += '<body style="height: 100%; margin: 0; padding: 0;">'; 5389 html += '<div style="text-align: center; height: 100%;"><div id="loader" style="top: 50%; position: relative; margin-top: -50px; color: #646464; height:25px; font-size: 25px; text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;">' + loaderText + '</div></div>'; 5390 html += '</body></html>'; 5391 5392 popup.document.documentElement.innerHTML = html; 5393 } 5394 }; 5395 }</script>
5395</div></div>
5395<script> /* e.g. hyva theme */ document.addEventListener('DOMContentLoaded', function(){ var items = document.getElementsByClassName('mfblogunveil'); var el, url; if (items.length) { for (var i=0; i<items.length;i++) { el = items[i]; url = el.getAttribute('data-original'); if (!url) { continue; }; if ('IMG' == el.tagName) { el.src = url; } else { el.style.backgroundImage = "url('" + url + "')"; } } } }); </script>
5395 </div></div></main><footer class="page-footer"><div class="footer content"> 5396<div class="mt-12 lg:mt-24"> 5397 5398<div class="bg-primary"> 5399 <div class="grid container md:py-6 5400 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"> 5401 <div class="flex lg:col-span-2 xl:col-span-3"> 5402 <div class="relative w-1/2 sm:w-full max-w-[180px]"> 5403 <div class="[&>p]:m-0 bottom-0 h-fit pt-4 md:-my-6 lg:absolute"> 5404 <picture><source media="(min-width: 640px)" type="image/avif" srcset="https://www.elektramat.be/media/converted/resized/fc9e769cc2404117be65c2d523d6776c/180x184/elektramat_theme/theme/stores/2/footer-person-brandon1x.avif 1x"><source media="(min-width: 640px)" type="image/webp" srcset="https://www.elektramat.be/media/converted/resized/fc9e769cc2404117be65c2d523d6776c/180x184/elektramat_theme/theme/stores/2/footer-person-brandon1x.webp 1x"><source media="(min-width: 640px)" type="image/png" srcset="https://www.elektramat.be/media/resized/fc9e769cc2404117be65c2d523d6776c/180x184/elektramat_theme/theme/stores/2/footer-person-brandon1x.png 1x"><source type="image/avif" srcset="https://www.elektramat.be/media/converted/resized/fc9e769cc2404117be65c2d523d6776c/180x184/elektramat_theme/theme/stores/2/footer-person-brandon1x.avif 1x"><source type="image/webp" srcset="https://www.elektramat.be/media/converted/resized/fc9e769cc2404117be65c2d523d6776c/180x184/elektramat_theme/theme/stores/2/footer-person-brandon1x.webp 1x"><source type="image/png" srcset="https://www.elektramat.be/media/resized/fc9e769cc2404117be65c2d523d6776c/180x184/elektramat_theme/theme/stores/2/footer-person-brandon1x.png 1x"><img src="https://www.elektramat.be/media/resized/fc9e769cc2404117be65c2d523d6776c/180x184/elektramat_theme/theme/stores/2/footer-person-brandon1x.png" width="180" height="184" alt="" loading="lazy" class="w-full h-auto"></picture> </div> 5405 </div> 5406 5407 <ul class="footer-contact-menu h-fit self-center lg:flex lg:items-center justify-around lg:gap-4 grow min-h-[54px]"> 5408 <li class="py-1 [&_svg_.primary]:text-secondary "> 5409 <span class="text-sm font-extrabold text-white"> 5410 Kunnen we je helpen? </span> 5411 </li> 5412 <li class="py-1 [&_svg_.primary]:text-secondary "> 5413 <a class="flex items-center break-words gap-2 text-sm font-normal no-underline hover:underline text-white hover:text-white [&>svg]:h-6 [&>svg]:w-6" href="tel:+32 (0)11 9 88 44 2"> 5414 <div aria-hidden="true" class="w-5 h-5"> 5415 </div> 5416 +32 (0)11 9 88 44 2 </a> 5417 </li> 5418 <li class="py-1 [&_svg_.primary]:text-secondary "> 5419 <a class="flex items-center break-words gap-2 text-sm font-normal no-underline hover:underline text-white hover:text-white [&>svg]:h-6 [&>svg]:w-6" target="_blank" rel="noopener" href="https://api.whatsapp.com/send?phone=31858081404"> 5420 <div aria-hidden="true" class="w-5 h-5"> 5421 <?xml version="1.0" encoding="UTF-8"?> 5422<svg width="20px" height="20px" viewBox="-2 -2 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 5423 <!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch --> 5424 <title>Fill 1</title> 5425 <desc>Created with Sketch.</desc> 5426 <defs></defs> 5427 <g id="Web-Responsive-Bit-Grid" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> 5428 <g id="Categoriepagina" transform="translate(-671.000000, -2751.
5428000000)" fill="#FEFEFE"> 5429 <g id="Footer" transform="translate(0.000000, 2672.000000)"> 5430 <g id="Background" transform="translate(0.000000, 46.000000)"> 5431 <g id="whatsapp" transform="translate(671.000000, 33.000000)"> 5432 <path d="M19.9835536,9.49748257 C19.8489185,4.22137232 15.5146365,0 10.1758318,0 C4.90410274,0 0.602713663,4.12067519 0.38471771,9.31319391 C0.36794879,9.447134 0.36794879,9.59801833 0.36794879,9.73179706 C0.36794879,11.574361 0.886817856,13.2997676 1.77411943,14.7737542 L0,20 L5.43909577,18.2745933 C6.84526641,19.0454751 8.46846556,19.4806997 10.1758318,19.4806997 C15.5983199,19.4806997 20,15.1255487 20,9.73179706 C20,9.6483669 19.9835536,9.5810741 19.9835536,9.49748257 M14.6776417,11.7084624 C14.4267529,11.5913052 13.2551859,11.0051962 13.0378349,10.921282 C12.80307,10.8543119 12.6526334,10.8041247 12.4855892,11.0552221 C12.3345077,11.2895365 11.8662679,11.8259424 11.7319553,11.9763426 C11.5811962,12.1441712 11.4476898,12.160954 11.2132474,12.0434741 C10.9618749,11.9263168 10.192117,11.6748967 9.27208378,10.8543119 C8.55214892,10.2178544 8.06714017,9.447134 7.93282758,9.21265815 C7.79883746,8.96156081 7.91589742,8.84424219 8.0334411,8.71030209 C8.15050105,8.6099277 8.28449117,8.44226052 8.40122865,8.29121482 C8.43492772,8.25781048 8.46846556,8.22424477 8.48507324,8.19084043 C8.55214892,8.09046605 8.58536428,8.00687452 8.63599352,7.90617738 C8.71967688,7.73899432 8.68646152,7.60473147 8.61954708,7.48757423 C8.56843412,7.37025562 8.08390909,6.18109347 7.88235958,5.71198038 C7.68209998,5.22608443 7.48119543,5.30999871 7.34688284,5.30999871 C7.19628504,5.30999871 7.04600972,5.29305448 6.87880425,5.29305448 C6.71095381,5.29305448 6.46022622,5.34356442 6.24255275,5.59466176 C6.00794911,5.82913762 5.38846653,6.3986251 5.38846653,7.58794862 C5.38846653,7.85582881 5.43909577,8.14065324 5.52326284,8.39191195 C5.75722152,9.24622386 6.29302074,9.93302995 6.37654286,10.0503486 C6.49344158,10.2178544 8.0334411,12.6968758 10.4765437,13.6517235 C12.9370601,14.6064098 12.9370601,14.288181 13.3720846,14.2546153 C13.8074315,14.2210496 14.7947017,13.6851278 14.9959287,13.1156403 C15.1965108,12.5629357 15.1965108,12.076717 15.1295963,11.9763426 C15.0794508,11.8929125 14.9122453,11.8259424 14.6776417,11.7084624 M10.1758318,17.9395817 C8.50184216,17.9395817 6.94555745,17.437387 5.64000032,16.5827524 L2.47696289,17.58811 L3.49744838,14.5392783 C2.51066197,13.1992319 1.92471723,11.5246579 1.92471723,9.73179706 C1.92471723,9.46391686 1.94132491,9.21265815 1.97486274,8.94461658 C2.37667185,4.79053705 5.90749684,1.541118 10.1758318,1.541118 C14.5104362,1.541118 18.0756053,4.8746127 18.409855,9.0955009 C18.4267851,9.31319391 18.4267851,9.53088691 18.4267851,9.73179706 C18.4267851,14.2546153 14.7277872,17.9395817 10.1758318,17.9395817" id="Fill-1"></path> 5433 </g> 5434 </g> 5435 </g> 5436 </g> 5437 </g> 5438</svg> </div> 5439 Whatsapp </a> 5440 </li> 5441 <li class="py-1 [&_svg_.primary]:text-secondary "> 5442 <button 5443 type="button" 5444 class="flex items-center break-words gap-2 text-sm font-normal text-white hover:text-white no-underline hover:underline [&_svg]:h-5 [&_svg]:w-5" 5445 data-trigger="cmcom-popup" 5446 > 5447 <div aria-hidden="true" class="w-5 h-5"> 5448 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" style="enable-background:new 0 0 430 430;"> 5449 <mask id="wow"> 5450 <rect x="-10" y="-10" width="50" height="50" fill="black"/> 5451 <path d="M6.17977 9.72962L3.99642 11.9403C3.69188 12.2486 3.53961 12.4028 3.40872 12.4137C3.29516 12.4231 3.18399 12.3775 3.10983 12.2909C3.02434 12.1912 3.02435 11.9746 3.02435 11.5411V10.4336C3.02435 10.0449 2.70593 9.76349 2.32122 9.70712C1.39012 9.57073 0.658877 8.83953 0.522492 7.9
54510841C0.5 7.75491 0.5 7.57167 0.5 7.20525V3.90786C0.5 2.715 0.5 2.11856 0.732146 1.66295C0.936348 1.26218 1.26218 0.936348 1.66295 0.732146C2.11856 0.5 2.715 0.5 3.90786 0.5H9.16165C10.3545 0.5 10.9509 0.5 11.4066 0.732146C11.8074 0.936348 12.1332 1.26218 12.3373 1.66295C12.5695 2.11856 12.5695 2.715 12.5695 3.90786V6.88974M12.5695 14.6994L11.0243 13.6252C10.8071 13.4742 10.6985 13.3986 10.5803 13.3451C10.4754 13.2976 10.3651 13.263 10.2519 13.2421C10.1242 13.2186 9.99196 13.2186 9.72742 13.2186H8.45168C7.65644 13.2186 7.25878 13.2186 6.95506 13.0639C6.6879 12.9278 6.47064 12.7105 6.33454 12.4433C6.17977 12.1396 6.17977 11.742 6.17977 10.9467V9.16165C6.17977 8.36641 6.17977 7.96875 6.33454 7.66503C6.47064 7.39787 6.6879 7.18062 6.95506 7.04451C7.25878 6.88974 7.65644 6.88974 8.45168 6.88974H12.4275C13.2228 6.88974 13.6204 6.88974 13.9241 7.04451C14.1913 7.18062 14.4085 7.39787 14.5446 7.66503C14.6994 7.96875 14.6994 8.36641 14.6994 9.16165V11.0887C14.6994 11.7503 14.6994 12.0811 14.5914 12.3421C14.4472 12.69 14.1708 12.9665 13.8229 13.1105C13.5619 13.2186 13.2311 13.2186 12.5695 13.2186V14.6994Z" stroke="white" stroke-linecap="round" stroke-linejoin="round" fill="none" style="fill: none" /> 5452 </mask> 5453 <rect x="-10" y="-10" width="50" height="50" fill="currentColor" mask="url(#wow)"/> 5454</svg> </div> 5455 Chat met ons </button> 5456 </li> 5457 </ul> 5458 </div> 5459 <div class="my-auto pb-4 md:pb-0"> 5460 <div> 5461 <form class="form subscribe" 5462 action="https://www.elektramat.be/newsletter/subscriber/new/" 5463 method="post" x-data="initNewsletterForm()" 5464 @submit.prevent="submitForm()" id="newsletter-validate-detail" 5465 aria-label="Abonneren op de nieuwsbrief" 5466 > 5467 <div class="grid grid-cols-[auto_8rem] overflow-hidden rounded-lg border border-solid border-white"> 5468 <label id="footer-newsletter-heading" for="newsletter-subscribe" class="sr-only"> 5469 E-mailadres </label> 5470 <input name="email" 5471 type="email" 5472 required 5473 id="newsletter-subscribe" 5474 class="form-input inline-flex w-full rounded-none border-none" 5475 placeholder="Voer je e-mailadres in" 5476 aria-describedby="footer-newsletter-heading" 5477 > 5478 <input name="form_key" type="hidden" value="Dw2DZVZNteHOIFDm" /> <button class="btn btn-primary ml-auto inline-flex shrink-0 rounded-none px-6 py-1 text-sm xl:mt-0"> 5479 Inschrijven nieuwsbrief </button> 5480 </div> 5481 5482 <div> 5483 <template x-if="displayErrorMessage"> 5484 <p class="text-red flex items-center"> 5485 <span class="mr-3 inline-block h-8 w-8"> 5486 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" role="img"> 5487 <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> 5488<title>exclamation-circle</title></svg> 5489 </span> 5490 <template x-for="errorMessage in errorMessages"> 5491 <span x-html="errorMessage"></span> 5492 </template> 5493 </p> 5494 </template> 5495 </div> 5496 </form> 5497 5498 <div class="w-full"> 5499 </div> 5500 5501
5501<script> 5502 function initNewsletterForm() { 5503 return { 5504 errors: 0, 5505 hasCaptchaToken: 0, 5506 displayErrorMessage: false, 5507 errorMessages: [], 5508 setErrorMessages(messages) { 5509 this.errorMessages = [messages] 5510 this.displayErrorMessage = this.errorMessages.length 5511 }, 5512 submitForm() { 5513 // Do not rename $form, the variable is expected to be declared in the recaptcha output 5514 const $form = document.querySelector('#newsletter-validate-detail'); 5515 5516 if (this.errors === 0) { 5517 $form.submit(); 5518 } 5519 } 5520 } 5521 } 5522 </script>
5522 5523</div> </div> 5524 </div> 5525</div> <div class="bg-secondary-10 px-3 py-10" id="footer-middle"> 5526 <div class="grid grid-cols-2 gap-6 2xl:container md:grid-cols-4"> 5527 <div> 5528 <div> 5529 <strong class="text-primary font-bold leading-6 break-words"> Beoordelingen </strong> 5530 5531<a href="https://www.feedbackcompany.com/nl-be/reviews/elektramat-be/" 5532 target="_blank" 5533 class="fbc-rating-wrapper no-underline hover:underline flex flex-col gap-x-4 gap-y-2" 5534 rel="noopener" 5535 aria-label="Lees reviews voor Elektramat Belgium B.V. op Feedback Company" 5536> 5537 <div class="mt-2"> 5538 <img src="https://www.elektramat.be/static/version1790258389/frontend/Wise/elektramat-3_be/nl_BE/images/feedbackcompany.svg" 5539 class="inline-block" 5540 alt="Feedback Company Logo" 5541 width="115" 5542 height="33"/> 5543 </div> 5544 <div> 5545 <div class="[&_svg]:inline-block text-[0px]" aria-hidden="true"> 5546 <?xml version="1.0" encoding="UTF-8"?> 5547<svg width="20px" height="18px" viewBox="0 0 20 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 5548 <!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch --> 5549 <title>Fill 1</title> 5550 <desc>Created with Sketch.</desc> 5551 <defs></defs> 5552 <g id="Web-Responsive-Bit-Grid" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> 5553 <g id="Categoriepagina" transform="translate(-220.000000, -2917.000000)" fill="#EFCE4A"> 5554 <g id="Footer" transform="translate(0.000000, 2672.000000)"> 5555 <g id="Rating" transform="translate(120.000000, 245.000000)"> 5556 <g id="star" transform="translate(100.000000, 0.000000)"> 5557 <polygon id="Fill-1" points="10 0 13.0890611 5.92548493 20 6.87588142 14.9997679 11.4873246 16.1799787 18 10 14.9257045 3.81955725 18 4.99976795 11.4873246 0 6.87588142 6.91093888 5.92548493"></polygon> 5558 </g> 5559 </g> 5560 </g> 5561 </g> 5562 </g> 5563</svg> <?xml version="1.0" encoding="UTF-8"?> 5564<svg width="20px" height="18px" viewBox="0 0 20 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 5565 <!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch --> 5566 <title>Fill 1</title> 5567 <desc>Created with Sketch.</desc> 5568 <defs></defs> 5569 <g id="Web-Responsive-Bit-Grid" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> 5570 <g id="Categoriepagina" transform="translate(-220.000000, -2917.000000)" fill="#EFCE4A"> 5571 <g id="Footer" transform="translate(0.000000, 2672.000000)"> 5572 <g id="Rating" transform="translate(120.000000, 245.000000)"> 5573 <g id="star" transform="translate(100.000000, 0.000000)"> 5574 <polygon id="Fill-1" points="10 0 13.0890611 5.92548493 20 6.87588142 14.9997679 11.4873246 16.1799787 18 10 14.9257045 3.81955725 18 4.99976795 11.4873246 0 6.87588142 6.91093888 5.92548493"></polygon> 5575 </g> 5576 </g> 5577 </g> 5578 </g> 5579 </g> 5580</svg> <?xml version="1.0" encoding="UTF-8"?> 5581<svg width="20px" height="18px" viewBox="0 0 20 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 5582 <!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch --> 5583 <title>Fill 1</title> 5584 <desc>Created with Sketch.</desc> 5585 <defs></defs> 5586 <g id="Web-Responsive-Bit-Grid" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> 5587 <g id="Categoriepagina" transform="translate(-220.000000, -2917.000000)" fill="#EFCE4A"> 5588 <g id="Footer" transform="translate(0.000000, 2672.000000)"> 5589 <g id="Rating" transform="translate(120.000000, 245.000000)"> 5590 <g id="star" transform="translate(100.000000, 0.000000)"> 5591 <polygon id="Fill-1" points="10 0 13.0890611 5.92548493 20 6.87588142
559114.9997679 11.4873246 16.1799787 18 10 14.9257045 3.81955725 18 4.99976795 11.4873246 0 6.87588142 6.91093888 5.92548493"></polygon> 5592 </g> 5593 </g> 5594 </g> 5595 </g> 5596 </g> 5597</svg> <?xml version="1.0" encoding="UTF-8"?> 5598<svg width="20px" height="18px" viewBox="0 0 20 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 5599 <!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch --> 5600 <title>Fill 1</title> 5601 <desc>Created with Sketch.</desc> 5602 <defs></defs> 5603 <g id="Web-Responsive-Bit-Grid" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> 5604 <g id="Categoriepagina" transform="translate(-220.000000, -2917.000000)" fill="#EFCE4A"> 5605 <g id="Footer" transform="translate(0.000000, 2672.000000)"> 5606 <g id="Rating" transform="translate(120.000000, 245.000000)"> 5607 <g id="star" transform="translate(100.000000, 0.000000)"> 5608 <polygon id="Fill-1" points="10 0 13.0890611 5.92548493 20 6.87588142 14.9997679 11.4873246 16.1799787 18 10 14.9257045 3.81955725 18 4.99976795 11.4873246 0 6.87588142 6.91093888 5.92548493"></polygon> 5609 </g> 5610 </g> 5611 </g> 5612 </g> 5613 </g> 5614</svg> <?xml version="1.0" encoding="UTF-8"?> 5615<svg width="20px" height="18px" viewBox="0 0 20 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 5616 <!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch --> 5617 <title>Fill 1</title> 5618 <desc>Created with Sketch.</desc> 5619 <defs></defs> 5620 <g id="Web-Responsive-Bit-Grid" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> 5621 <g id="Categoriepagina" transform="translate(-220.000000, -2917.000000)" fill="#EFCE4A"> 5622 <g id="Footer" transform="translate(0.000000, 2672.000000)"> 5623 <g id="Rating" transform="translate(120.000000, 245.000000)"> 5624 <g id="star" transform="translate(100.000000, 0.000000)"> 5625 <polygon id="Fill-1" points="10 0 13.0890611 5.92548493 20 6.87588142 14.9997679 11.4873246 16.1799787 18 10 14.9257045 3.81955725 18 4.99976795 11.4873246 0 6.87588142 6.91093888 5.92548493"></polygon> 5626 </g> 5627 </g> 5628 </g> 5629 </g> 5630 </g> 5631</svg> </div> 5632 <div class="mt-1"> 5633 <p class="text-sm font-normal leading-4 text-black hover:text-black break-words w-40"> 5634 <span class="text-primary font-bold">94%</span> van onze klanten beveelt ons aan! </p> 5635 </div> 5636 </div> 5637</a> </div> 5638 <div class="mt-4"> 5639 <strong class="text-primary font-bold leading-6 break-words"> Veilig winkelen </strong> 5640 <a href="https://trustmark.becom.digital/nl/Elektramat-B-v-_4005176" target="_blank" rel="noopener" class="block w-1/2"> 5641 <img src="https://www.elektramat.be/static/version1790258389/frontend/Wise/elektramat-3_be/nl_BE/images/becom.png" alt="Becom Trustmark" loading="lazy"/> 5642</a> </div> 5643 <div class="mt-4"> 5644 <strong class="text-primary font-bold leading-6 break-words"> Sociale netwerken </strong> 5645 5646 <ul class="flex flex-wrap gap-4"> 5647 <li> 5648 <a target="_blank" rel="noopener" href="https://www.facebook.com/Elektramatbe" aria-label="Ga naar Facebook"> 5649 <span aria-hidden="true" class="[&>svg]:fill-secondary [&>svg]:h-5 [&>svg]:w-5"> 5650 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M448 80v352c0 26.5-21.5 48-48 48h-85.3V302.8h60.6l8.7-67.6h-69.3V192c0-19.6 5.4-32.9 33.5-32.9H384V98.7c-6.2-.8-27.4-2.7-52.2-2.7-51.6 0-87 31.5-87 89.4v49.9H184v67.6h60.9V480H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48z"/></svg> </span> 5651 </a> 5652 </li> 5653 <li> 5654 <a target="_blank" rel="noopener" href="https://www.instagram.com/elektramat.be/" aria-label="Ga naar Instagram">
5655 <span aria-hidden="true" class="[&>svg]:fill-secondary [&>svg]:h-5 [&>svg]:w-5"> 5656 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg> </span> 5657 </a> 5658 </li> 5659 <li> 5660 <a target="_blank" rel="noopener" href="https://www.linkedin.com/company/elektramat-be/" aria-label="Ga naar LinkedIn"> 5661 <span aria-hidden="true" class="[&>svg]:fill-secondary [&>svg]:h-5 [&>svg]:w-5"> 5662 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z"/></svg> </span> 5663 </a> 5664 </li> 5665 <li> 5666 <a target="_blank" rel="noopener" href="https://www.tiktok.com/@elektramatbe" aria-label="Ga naar Tiktok"> 5667 <span aria-hidden="true" class="[&>svg]:fill-secondary [&>svg]:h-5 [&>svg]:w-5"> 5668 <?xml version="1.0" encoding="UTF-8"?> 5669<svg id="uuid-89b424ab-12f0-4ad6-a885-8ed7c18f8c49" data-name="icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 650.06 750.04"> 5670 <defs> 5671 <style> 5672 .uuid-7fcb66af-6c49-4b29-8873-4b55f7229479 { 5673 stroke-width: 0px; 5674 } 5675 </style> 5676 </defs> 5677 <path class="uuid-7fcb66af-6c49-4b29-8873-4b55f7229479" d="M569.11,160.41c-5.06-2.62-9.99-5.48-14.77-8.59-13.89-9.18-26.62-20-37.92-32.22-28.28-32.36-38.84-65.19-42.73-88.17h.16c-3.25-19.08-1.91-31.42-1.7-31.42h-128.81v498.09c0,6.69,0,13.3-.28,19.83,0,.81-.08,1.56-.12,2.44,0,.36,0,.73-.08,1.11v.28c-2.76,36.29-23.39,68.83-55.03,86.81-16.24,9.24-34.61,14.09-53.3,14.06-60.02,0-108.66-48.94-108.66-109.38s48.64-109.38,108.66-109.38c11.36-.01,22.65,1.78,33.45,5.3l.16-131.16c-66.29-8.56-133.15,10.99-184.38,53.94-22.2,19.29-40.87,42.31-55.16,68.02-5.44,9.38-25.95,47.05-28.44,108.19-1.56,34.7,8.86,70.66,13.83,85.52v.31c3.12,8.75,15.23,38.61,34.97,63.78,15.91,20.19,34.71,37.93,55.8,52.64v-.31l.31.31c62.36,42.37,131.5,39.59,131.5,39.59,11.97-.48,52.06,0,97.59-21.58,50.5-23.92,79.25-59.56,79.25-59.56,18.37-21.3,32.97-45.56,43.19-71.77,11.66-30.64,15.55-67.39,15.55-82.08V250.77c1.56.94,22.38,14.7,22.38,14.7,0,0,29.98,19.22,76.77,31.73,33.56,8.91,78.78,10.78,78.78,10.78v-127.87c-15.84,1.72-48.02-3.28-80.95-19.7Z"/> 5678</svg> </span> 5679 </a> 5680 </li> 5681 <li> 5682 <a target="_blank" rel="noopener" href="https://www.youtube.com/@Elektramat-BE/videos" aria-label="Ga naar Youtube"> 5683 <span aria-hidden="true" class="[&>svg]:fill-secondary [&>svg]:h-5 [&>svg]:w-5"> 5684 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg> </span> 5685 </a> 5686 </li> 5687 </ul> 5688 </div> 5689 <div class="mt-4 hidden md:block"> 5690 <p>Alle prijzen zijn vermeld in Euro's en inclusief btw, taksen en recupelbijdrage.</p> </div> 5691 </div> 5692 <div> 5693 <strong class="text-primary font-bold leading-6 break-words"> Veelbezochte pagina's </strong> 5694 5695<ul> 5696 <li class="leading-relaxed"> 5697 <a class="text-sm font-normal text-black no-underline hover:text-black hover:underline break-words" href="https://www.elektramat.be/ze
5697keringkast/">Zekeringkasten</a> 5698 </li> 5699 <li class="leading-relaxed"> 5700 <a class="text-sm font-normal text-black no-underline hover:text-black hover:underline break-words" href="https://www.elektramat.be/groepenkast-configurator/index/index/build-id/BE-RZZSGVN5W0/">Zekeringkast generator</a> 5701 </li> 5702 <li class="leading-relaxed"> 5703 <a class="text-sm font-normal text-black no-underline hover:text-black hover:underline break-words" href="https://www.elektramat.be/schakelmateriaal/">Schakelmateriaal</a> 5704 </li> 5705 <li class="leading-relaxed"> 5706 <a class="text-sm font-normal text-black no-underline hover:text-black hover:underline break-words" href="https://www.elektramat.be/schakelmateriaal-configurator/">Schakelmateriaal generator</a> 5707 </li> 5708 <li class="leading-relaxed"> 5709 <a class="text-sm font-normal text-black no-underline hover:text-black hover:underline break-words" href="https://www.elektramat.be/draad-kabel/">Draad en kabel</a> 5710 </li> 5711 <li class="leading-relaxed"> 5712 <a class="text-sm font-normal text-black no-underline hover:text-black hover:underline break-words" href="https://www.elektramat.be/installatiemateriaal/">Installatiemateriaal</a> 5713 </li> 5714 <li class="leading-relaxed"> 5715 <a class="text-sm font-normal text-black no-underline hover:text-black hover:underline break-words" href="https://www.elektramat.be/verlichting/">Verlichting</a> 5716 </li> 5717 <li class="leading-relaxed"> 5718 <a class="text-sm font-normal text-black no-underline hover:text-black hover:underline break-words" href="https://www.elektramat.be/gereedschap/">Gereedschap</a> 5719 </li> 5720 <li class="leading-relaxed"> 5721 <a class="text-sm font-normal text-black no-underline hover:text-black hover:underline break-words" href="https://www.elektramat.be/merken">Onze merken</a> 5722 </li> 5723 <li class="leading-relaxed"> 5724 <a class="text-sm font-normal text-black no-underline hover:text-black hover:underline break-words" href="https://www.elektramat.be/kennisbank/">Kennisbank</a> 5725 </li> 5726 <li class="leading-relaxed"> 5727 <a class="text-sm font-normal text-black no-underline hover:text-black hover:underline break-words" href="https://www.elektramat.be/acties-en-campagnes/">Acties en campagnes</a> 5728 </li> 5729 <li class="leading-relaxed"> 5730 <a class="text-sm font-normal text-black no-underline hover:text-black hover:underline break-words" href="https://www.elektramat.be/elektrische-oplossingen-voor-elke-ruimte">Producten voor elke ruimte</a> 5731 </li> 5732 <li class="leading-relaxed"> 5733 <a class="text-sm font-normal text-black no-underline hover:text-black hover:underline break-words" href="https://www.elektramat.be/buiten-producten">Buiten producten</a> 5734 </li> 5735 </ul> </div> 5736 <div> 5737 <strong class="text-primary font-bold leading-6 break-words"> Klantenservice </strong> 5738 5739<ul> 5740 <li class="leading-relaxed"> 5741 <a class="text-sm font-normal text-black no-underline hover:text-black hover:underline break-words" href="https://www.elektramat.be/klantenservice/">Contact</a> 5742 </li> 5743 <li class="leading-relaxed"> 5744 <a class="text-sm font-normal text-black no-underline hover:text-black hover:underline break-words" href="https://www.elektramat.be/klantenservice/bestellen">Bestellen</a> 5745 </li> 5746 <li class="leading-relaxed"> 5747 <a class="text-sm font-normal text-black no-underline hover:text-black hover:underline break-words" href="https://www.elektramat.be/klantenservice/betalen/">Betalen</a> 5748 </li> 5749 <li class="leading-relaxed"> 5750 <a class="text-sm font-normal text-black no-underline hover:text-black hover:underline break-words" href="https://www.elektramat.be/klantenservice/verzenden">Verzenden</a> 5751 </li> 5752 <li class="leading-relaxed"> 5753 <a class="text-sm font-normal text-black no-underline hover:text-black hover:underline break-words" href="https://www.elektramat.be/klantenservice/retour-sturen/">Retour sturen</a> 5754 </li> 5755 <li class="leading-relaxed"> 5756 <a class="text-sm font-normal text-black no-underline hover:text-black hover:underline break-words" href="https://www.elektramat.be/klantenservice/garantie-reparatie/">Garantie en reparatie</a> 5757 </li> 5758 <li class="leading-relaxed"> 5759 <a class="text-sm font-normal text-black no-underline hover:text-black hover:underline break-words" href="https://www.elektramat.be/zakelijk">Zakelijke klanten</a> 5760 </li> 5761 <li class="leading-relaxed"> 5762 <a class="text-sm font-normal text-black no-underline hover:text-black hover:underline break-words" href="https://www.elektramat.be/algemene-info/">Algemene informatie</a> 5763 </li> 5764 <li class="leading-relaxed"> 5765 <a class="text-sm font-normal text-black no-underline hover:text-black hover:underline break-words" href="https://www.elektramat.be/klantenservice/algemene-voorwaarden/">Algemene voorwaarden</a> 5766 </li> 5767 <li class="leading-relaxed"> 5768 <a class="text-sm font-normal text-black no-underline hover:text-black hover:underline break-words" href="https://www.elektramat.be/klantenservice/klachtenprocedure/">Klachtenprocedure</a> 5769 </li> 5770 <li class="leading-relaxed"> 5771 <a class="text-sm font-normal text-black no-underline hover:text-black hover:underline break-words" href="https://www.elektramat.be/klantenservice/privacy-policy/">Privacy policy</a> 5772 </li> 5773 <li class="leading-relaxed"> 5774 <a class="text-sm font-normal text-black no-underline hover:text-black hover:underline break-words" href="https://www.elektramat.be/responsible-disclosure/">Responsible disclosure</a> 5775 </li> 5776 <li class="leading-relaxed"> 5777 <a class="text-sm font-normal text-black no-underline hover:text-black hover:underline break-words" href="https://www.elektramat.nl/">Ga naar Elektramat.nl</a> 5778 </li> 5779 </ul> </div> 5780 <div> 5781 <div> 5782 5783<strong class="text-primary font-bold leading-6 break-words"> Elektramat Belgium B.V. </strong> 5784<ul> 5785 <li class="text-sm break-words font-normal leading-relaxed mb-1 text-black"> 5786 Dorpsstraat 31 (Geen bezoekadres) </li> 5787 <li class="text-sm break-words font-normal leading-relaxed mb-1 text-black"> 5788 3900 Pelt </li> 5789 <li> 5790 <a class="text-sm break-words font-normal leading-relaxed mb-1 text-black no-underline hover:text-black hover:underline" href="tel:+32 (0)11 9 88 44 2"> +32 (0)11 9 88 44 2 </a> 5791 </li> 5792 <li> 5793 <a class="text-sm break-words font-normal leading-relaxed mb-1 text-black no-underline hover:text-black hover:underline" href="/cdn-cgi/l/email-protection#cda6a1aca3b9a8a3bea8bfbba4aea88da8a1a8a6b9bfaca0acb9e3afa8"> <span class="__cf_email__" data-cfemail="b1daddd0dfc5d4dfc2d4c3c7d8d2d4f1d4ddd4dac5c3d0dcd0c59fd3d4">[email protected]</span> </a> 5794 </li> 5795</ul> </div> 5796 <div class="mt-4"> 5797 <strong class="text-primary font-bold leading-6 break-words"> Openingstijden klantenservice </strong> 5798 <div class="grid grid-cols-[auto_1fr] gap-2 text-sm font-normal break-words text-black"> 5799 <div class="">Maandag</div> 5800 <div>08:00 - 22:00</div> 5801 <div class="">Dinsdag</div> 5802 <div>08:00 - 22:00</div> 5803 <div class="">Woensdag</div> 5804 <div>08:00 - 22:00</div> 5805 <div class="">Donderdag</div> 5806 <div>08:00 - 22:00</div> 5807 <div class="">Vrijdag</div> 5808 <div>08:00 - 22:00</div> 5809 <div class="">Zaterdag</div> 5810 <div>09:00 - 17:00</div> 5811 <div class="">Zondag</div> 5812 <div>09:00 - 17:00</div> 5813 </div> 5814 5815 </div> 5816 <div class="mt-2"> 5817 </div> 5818 </div> 5819 <div class="col-span-2 mt-4 md:hidden"> 5820 <p>Alle prijzen zijn vermeld in Euro's en inclusief btw, taksen en recupelbijdrage.</p> </div> 5821 </div> 5822</div> <div class="grid grid-cols-2 p-3 2xl:container md:grid-cols-4"> 5823 <div class="col-span-2 md:col-span-1 mb-4 md:mb-0"> 5824 5825<div class="h-full flex items-center justify-center flex-wrap text-sm md:justify-start"> 5826 Copyright 2026 Elektramat</div> </div> 5827 <div class="col-span-2 md:col-span-3"> 5828 5829 <ul class="h-full flex items-center justify-center flex-wrap gap-4 sm:justify-between"> 5830 <li class="[&>svg]:h-6"> 5831 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 252.8 156.9" data-title="bancontact"><title>bancontact</title><path d="M262,64.4H183.7l-8,9-25.8,29.1h0l-8,9H64.7l7.8-9.1,3.7-4.3L84,89H48.5a12,12,0,0,0-11.8,12.1h0v25.6a12,12,0,0,0,11.8,12.1H184.7c6.5,0,15.4-4,19.7-9L225,106.4Z" transform="translate(-36.7 -36.9)" style="fill:#005498"/>
5831<path d="M277.7,37.1a12,12,0,0,1,11.8,12.1V74.7a12,12,0,0,1-11.8,12.1H242.3l7.9-9h0l3.9-4.5,7.9-9H183.7l-41.7,47H64.3l55.7-63,2.1-2.4c4.4-4.9,13.3-9,19.8-9H277.7Z" transform="translate(-36.7 -36.9)" style="fill:#ffd800"/><path d="M289.5,192.4v-3.7c0-.5-.3-.8-1-.8h-2.4c-.7,0-1.2-.1-1.3-.4a4.21,4.21,0,0,1-.2-1.9v-14h3.9a1,1,0,0,0,1-1v-3.9a1,1,0,0,0-1-1h-3.9v-5.1a.85.85,0,0,0-.2-.6,1.42,1.42,0,0,0-.6-.2h-.1l-5.8,1a4.88,4.88,0,0,0-.7.3.86.86,0,0,0-.3.6v3.9H273a1,1,0,0,0-1,1v3.2a.6.6,0,0,0,.3.6,1.61,1.61,0,0,0,.7.4l3.9.6v14a16.08,16.08,0,0,0,.5,4.2,6.64,6.64,0,0,0,1.5,2.5,5.32,5.32,0,0,0,2.5,1.2,18.27,18.27,0,0,0,3.5.3,11.48,11.48,0,0,0,1.9-.1c.5-.1,1.2-.2,1.9-.3a.74.74,0,0,0,.8-.8m-20.8-.5v-4.3a.6.6,0,0,0-.3-.6,1.42,1.42,0,0,0-.6-.2h-.1a24.62,24.62,0,0,1-2.6.2,30.22,30.22,0,0,1-3.3.1,3.65,3.65,0,0,1-1.5-.3,3.81,3.81,0,0,1-1.3-.9,3.85,3.85,0,0,1-.8-1.7,10.06,10.06,0,0,1-.3-2.7v-4a10.06,10.06,0,0,1,.3-2.7,5.39,5.39,0,0,1,.8-1.7,3.81,3.81,0,0,1,1.3-.9,4,4,0,0,1,1.5-.3,30.22,30.22,0,0,1,3.3.1c.8.1,1.7.1,2.6.2h.1a.85.85,0,0,0,.6-.2.6.6,0,0,0,.3-.6v-4.3a1,1,0,0,0-.2-.7,2.93,2.93,0,0,0-.8-.4c-.7-.2-1.5-.3-2.6-.5a21.78,21.78,0,0,0-3.8-.2,11,11,0,0,0-8.2,3.1c-2,2.1-3.1,5.1-3.1,9.1v4c0,3.9,1,7,3.1,9.1a10.85,10.85,0,0,0,8.2,3.1c1.4,0,2.7-.1,3.8-.2a24.29,24.29,0,0,0,2.6-.5,1.51,1.51,0,0,0,.8-.4c.2-.1.2-.4.2-.7m-31.3-5.1a10.66,10.66,0,0,1-1.9.7,7.61,7.61,0,0,1-2.1.3,4.74,4.74,0,0,1-2.3-.4c-.5-.3-.7-.9-.7-2V185a6.05,6.05,0,0,1,.2-1.5,2.59,2.59,0,0,1,.7-1.1,2.62,2.62,0,0,1,1.3-.6,10.61,10.61,0,0,1,2.1-.2h2.7v5.2Zm7.6-11.7a11.69,11.69,0,0,0-.8-4.5,8.35,8.35,0,0,0-2.2-3,8.19,8.19,0,0,0-3.5-1.7,17.27,17.27,0,0,0-4.7-.6,35.93,35.93,0,0,0-4.7.3,20.83,20.83,0,0,0-3.6.7c-.6.2-.9.5-.9,1.1v3.9a1.45,1.45,0,0,0,.2.7,1.42,1.42,0,0,0,.6.2h.2c.4,0,.9-.1,1.4-.1s1.2-.1,1.9-.1,1.5-.1,2.3-.1h2.3a4.76,4.76,0,0,1,2.6.6,3.11,3.11,0,0,1,1,2.7v1.7h-2.6c-4.1,0-7.2.6-9,1.9s-2.8,3.4-2.8,6.2v.4a8.78,8.78,0,0,0,.7,3.9,7.31,7.31,0,0,0,1.9,2.6,8.16,8.16,0,0,0,2.6,1.4,10.55,10.55,0,0,0,3.1.4,10.25,10.25,0,0,0,3.7-.6,14.59,14.59,0,0,0,3-1.6v.8a1,1,0,0,0,1,1h5.4a1,1,0,0,0,1-1V175.1Zm-25.7,17.3v-3.7c0-.5-.3-.8-1-.8h-2.4c-.7,0-1.2-.1-1.3-.4a4.21,4.21,0,0,1-.2-1.9v-14h3.9a1,1,0,0,0,1-1v-3.9a1,1,0,0,0-1-1h-3.9v-5.1a.85.85,0,0,0-.2-.6,1.42,1.42,0,0,0-.6-.2h-.1l-5.8,1a4.88,4.88,0,0,0-.7.3.86.86,0,0,0-.3.6v3.9h-4a1,1,0,0,0-1,1v3.2a.6.6,0,0,0,.3.6,1.61,1.61,0,0,0,.7.4l3.9.6v14a16.08,16.08,0,0,0,.5,4.2,6.64,6.64,0,0,0,1.5,2.5,5.32,5.32,0,0,0,2.5,1.2,18.27,18.27,0,0,0,3.5.3,11.48,11.48,0,0,0,1.9-.1c.5-.1,1.2-.2,1.9-.3s.9-.3.9-.8m-21-.1v-16a20.24,20.24,0,0,0-.4-4.3,9.77,9.77,0,0,0-1.3-3.5,5.82,5.82,0,0,0-2.6-2.3,8.86,8.86,0,0,0-4.3-.9,13.09,13.09,0,0,0-4.1.6,14,14,0,0,0-3.8,2v-1.2a1,1,0,0,0-1-1h-5.4a1,1,0,0,0-1,1v25.6a1,1,0,0,0,1,1h5.8a1,1,0,0,0,1-1V173.4a25.57,25.57,0,0,1,2.4-1.1,5.7,5.7,0,0,1,2.2-.4,9,9,0,0,1,1.8.2,2.1,2.1,0,0,1,1.1.7,2.92,2.92,0,0,1,.5,1.4,13.42,13.42,0,0,1,.1,2.1v16a1,1,0,0,0,1,1h5.8a.91.91,0,0,0,.7-.3.79.79,0,0,0,.5-.7m-36.4-11.1c0,3.9-1.4,5.9-4.3,5.9a3.68,3.68,0,0,1-3.2-1.5,7.71,7.71,0,0,1-1.1-4.4v-3.4a7.49,7.49,0,0,1,1.1-4.4,3.68,3.68,0,0,1,3.2-1.5c2.8,0,4.3,2,4.3,5.9Zm7.8-3.4a16.69,16.69,0,0,0-.8-5.2,10.9,10.9,0,0,0-2.3-3.9,10.08,10.08,0,0,0-3.8-2.5,15.47,15.47,0,0,0-10.4,0,10.08,10.08,0,0,0-3.8,2.5,10.9,10.9,0,0,0-2.3,3.9,16.69,16.69,0,0,0-.8,5.2v3.4a16.69,16.69,0,0,0,.8,5.2,10.9,10.9,0,0,0,2.3,3.9,10.08,10.08,0,0,0,3.8,2.5,15.47,15.47,0,0,0,10.4,0,10.08,10.08,0,0,0,3.8-2.5,
583110.9,10.9,0,0,0,2.3-3.9,16.69,16.69,0,0,0,.8-5.2ZM143,191.9v-4.3a.6.6,0,0,0-.3-.6,1.45,1.45,0,0,0-.7-.2h-.1a24.62,24.62,0,0,1-2.6.2,30.22,30.22,0,0,1-3.3.1,3.65,3.65,0,0,1-1.5-.3,3.81,3.81,0,0,1-1.3-.9,3.85,3.85,0,0,1-.8-1.7,10.06,10.06,0,0,1-.3-2.7v-4a10.06,10.06,0,0,1,.3-2.7,5.39,5.39,0,0,1,.8-1.7,3.81,3.81,0,0,1,1.3-.9,4,4,0,0,1,1.5-.3,30.22,30.22,0,0,1,3.3.1c.8.1,1.7.1,2.6.2h.1a1.45,1.45,0,0,0,.7-.2.6.6,0,0,0,.3-.6v-4.3a1,1,0,0,0-.2-.7,2.93,2.93,0,0,0-.8-.4c-.7-.2-1.5-.3-2.6-.5a21.78,21.78,0,0,0-3.8-.2,11,11,0,0,0-8.2,3.1c-2,2.1-3.1,5.1-3.1,9.1v4c0,3.9,1,7,3.1,9.1a10.85,10.85,0,0,0,8.2,3.1c1.4,0,2.7-.1,3.8-.2s1.9-.3,2.6-.5a1.51,1.51,0,0,0,.8-.4,1.17,1.17,0,0,0,.2-.7m-23.7.4v-16a20.24,20.24,0,0,0-.4-4.3,9.77,9.77,0,0,0-1.3-3.5,5.82,5.82,0,0,0-2.6-2.3,8.86,8.86,0,0,0-4.3-.9,13.09,13.09,0,0,0-4.1.6,14,14,0,0,0-3.8,2v-1.2a1,1,0,0,0-1-1H96.4a1,1,0,0,0-1,1v25.6a1,1,0,0,0,1,1h5.8a1,1,0,0,0,1-1V173.4a25.57,25.57,0,0,1,2.4-1.1,5.7,5.7,0,0,1,2.2-.4,9,9,0,0,1,1.8.2,2.1,2.1,0,0,1,1.1.7,2.92,2.92,0,0,1,.5,1.4,13.42,13.42,0,0,1,.1,2.1v16a1,1,0,0,0,1,1h5.8a.91.91,0,0,0,.7-.3.79.79,0,0,0,.5-.7m-37.2-5.5a10.66,10.66,0,0,1-1.9.7,7.61,7.61,0,0,1-2.1.3,4.74,4.74,0,0,1-2.3-.4c-.5-.3-.7-.9-.7-2V185a6.05,6.05,0,0,1,.2-1.5,2.59,2.59,0,0,1,.7-1.1,2.62,2.62,0,0,1,1.3-.6,10.61,10.61,0,0,1,2.1-.2h2.7Zm7.7-11.7a11.69,11.69,0,0,0-.8-4.5,8.35,8.35,0,0,0-2.2-3,8.19,8.19,0,0,0-3.5-1.7,17.27,17.27,0,0,0-4.7-.6,35.93,35.93,0,0,0-4.7.3,20.83,20.83,0,0,0-3.6.7c-.6.2-.9.5-.9,1.1v3.9a1.45,1.45,0,0,0,.2.7,1.42,1.42,0,0,0,.6.2h.2c.4,0,.9-.1,1.4-.1s1.2-.1,2-.1,1.5-.1,2.3-.1h2.3a4.76,4.76,0,0,1,2.6.6,3.11,3.11,0,0,1,1,2.7v1.7H79.4c-4.1,0-7.2.6-9,1.9s-2.8,3.4-2.8,6.2v.4a8.78,8.78,0,0,0,.7,3.9,7.31,7.31,0,0,0,1.9,2.6,8.16,8.16,0,0,0,2.6,1.4,10.55,10.55,0,0,0,3.1.4,10.25,10.25,0,0,0,3.7-.6,14.59,14.59,0,0,0,3-1.6v.8a1,1,0,0,0,1,1H89a1,1,0,0,0,1-1V175.1Zm-34.4,7.6a3.81,3.81,0,0,1-1.4,3.1c-.9.7-2.7,1.1-5.1,1.1h-4v-9h5.4c1.9,0,3.3.4,4,1.3a4.82,4.82,0,0,1,1.1,3Zm-.2-14.3a7.72,7.72,0,0,1-.2,1.5,2.55,2.55,0,0,1-.8,1.2,5.3,5.3,0,0,1-1.5.8,7.8,7.8,0,0,1-2.4.3H44.9v-8.3h3.7c2.5,0,4.2.3,5.2.9a3.16,3.16,0,0,1,1.5,2.9l-.1.7Zm8.2,13.8a7.5,7.5,0,0,0-1.2-4.3,7.6,7.6,0,0,0-3.1-2.8,6.78,6.78,0,0,0,3-2.8,8.77,8.77,0,0,0,1.1-4.2v-.9a10,10,0,0,0-1.1-4.8,8.38,8.38,0,0,0-3.1-3.1,15,15,0,0,0-4.8-1.7,38.92,38.92,0,0,0-6.2-.5H45.6c-.8,0-1.6.1-2.4.1a15,15,0,0,0-2.2.2c-.7.1-1.2.1-1.6.2a3.4,3.4,0,0,0-2,.9,3.34,3.34,0,0,0-.6,2.3v29.3a3.52,3.52,0,0,0,.6,2.3,4.14,4.14,0,0,0,2,.9,8.81,8.81,0,0,0,1.7.2c.7.1,1.4.1,2.2.2a19.27,19.27,0,0,0,2.4.1h2.5a36.06,36.06,0,0,0,5.9-.5,14.39,14.39,0,0,0,4.8-1.7,9.48,9.48,0,0,0,3.3-3.3,10.66,10.66,0,0,0,1.2-5.3v-.8Z" transform="translate(-36.7 -36.9)" style="fill:#005498"/></svg> </li> 5832 <li class="[&>svg]:h-6"> 5833 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 504 163.6"><title>visa</title><path d="M218.5,331H177.4l25.7-158h41.1ZM142.8,173.1,103.6,281.7,99,258.3h0l-13.8-71s-1.7-14.2-19.5-14.2H.8L0,175.7s19.8,4.1,43,18.1L78.7,331h42.8l65.4-158-44.1.1ZM466.2,331H504L471.1,173H438c-15.3,0-19,11.8-19,11.8L357.7,331h42.9l8.6-23.5h52.3ZM421,275.2l21.6-59.1,12.2,59.1Zm-60.1-64.1,5.9-33.9s-18.1-6.9-37-6.9c-20.4,0-68.9,8.9-68.9,52.3,0,40.8,56.9,41.3,56.9,62.8s-51,17.6-67.9,4.1L243.8,325s18.4,8.9,46.4,8.9,70.4-14.5,70.4-54.1c0-41.1-57.4-44.9-57.4-62.8s40.1-15.6,57.7-5.9Z" transform="translate(0 -170.3)" style="fill:#2566af"/><path d="M98.9,258.3l-13.8-71s-1.7-14.2-19.5-14.2H.8L0,175.7s31.2,6.5,61,30.6C89.6,229.5,98.9,258.3,98.9,258.3Z" transform="translate(0 -170.3)" style="fill:#e6a540"/></svg> </li> 5834 <li class="[&>svg]:h-6"> 5835 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 252.93 196.54" data-title="mastercard"><title>mastercard</title><path d="M208.2,650.3a7.83,7.83,0,0,0-2.58-1.7,8.73,8.73,0,0,0-3.27-.6,12.22,12.22,0,0,0-2,.16,8.76,8.76,0,0,0-2,.57,7.64,7.64,0,0,0-1.85,1.14,6.7,6.7,0,0,0-1.53,1.82A7.52,7.52,0,0,0,192.2,649a8.39,8.39,0,0,0-4.09-1,9.87,9.87,0,0,0-1.59.14,7.23,7.23,0,0,0-1.65.49,6.71,6.71,0,0,0-1.55.93,6.41,6.41,0,0,0-1.35,1.51v-2.53h-4.35v20.69H182V657.76a6.1,6.1,0,0,1,.42-2.34,5,5,0,0,1,1.12-1.72,4.62,4.62,0,0,1,1.64-1.05,5.76,5.76,0,0,1,2-.35,4.29,4.29,0,0,1,3.44,1.4,5.91,5.91,0,0,1,1.22,4v11.51h4.39V657.76a6.1,6.1,0,0,1,.42-2.34,5,5,0,0,1,1.12-1.72,4.71,4.71,0,0,1,1.64-1.05,5.82,5.82,0,0,1,2-.35,4.29,4.29,0,0,1,3.43,1.4,5.91,5.91,0,0,1,1.23,4v11.51h4.39v-13a9,9,0,0,0-.6-3.33A7.67,7.67,0,0,0,208.2,650.3Z" transform="translate(-164.86 -473.88)" style="fill:#1d1d1b"/>
5835<path d="M231.34,651a7.8,7.8,0,0,0-6.5-3,10.19,10.19,0,0,0-4.06.81,10.08,10.08,0,0,0-3.28,2.26,10.46,10.46,0,0,0-2.2,3.44,12.36,12.36,0,0,0,0,8.75,10.46,10.46,0,0,0,2.2,3.44,10.06,10.06,0,0,0,7.34,3.07,8.39,8.39,0,0,0,3.83-.82,8.07,8.07,0,0,0,2.67-2.21v2.49h4.52V648.54h-4.52Zm-.17,10.48a6.4,6.4,0,0,1-1.27,2.09,5.87,5.87,0,0,1-2,1.39,6.18,6.18,0,0,1-2.55.51,6.1,6.1,0,0,1-2.62-.53,5.85,5.85,0,0,1-2-1.42,6.41,6.41,0,0,1-1.23-2.11,7.74,7.74,0,0,1-.43-2.57,7.83,7.83,0,0,1,.43-2.57,6.46,6.46,0,0,1,1.23-2.1,6,6,0,0,1,2-1.43,6.25,6.25,0,0,1,2.62-.53,6.18,6.18,0,0,1,2.55.51,6,6,0,0,1,2,1.39,6.35,6.35,0,0,1,1.27,2.1,7.45,7.45,0,0,1,.45,2.63A7.54,7.54,0,0,1,231.17,661.52Z" transform="translate(-164.86 -473.88)" style="fill:#1d1d1b"/><path d="M256.6,658.85a11.21,11.21,0,0,0-5.29-2l-2.14-.32c-.47-.07-.92-.15-1.34-.25a4.41,4.41,0,0,1-1.08-.38,2,2,0,0,1-.72-.6,1.49,1.49,0,0,1-.27-.91,2,2,0,0,1,1-1.78,5.2,5.2,0,0,1,2.88-.68,11,11,0,0,1,1.91.17,14.94,14.94,0,0,1,1.78.44,13.07,13.07,0,0,1,1.54.57,12.3,12.3,0,0,1,1.16.59L258,650.2a13.08,13.08,0,0,0-3.77-1.61,18,18,0,0,0-4.6-.57,12.6,12.6,0,0,0-3.57.47,7.89,7.89,0,0,0-2.68,1.31,5.64,5.64,0,0,0-1.71,2.09,6.21,6.21,0,0,0-.59,2.76,5.09,5.09,0,0,0,1.78,4.05,9.93,9.93,0,0,0,5.23,2l2.16.28a6.72,6.72,0,0,1,2.72.83,1.7,1.7,0,0,1,.87,1.46,2.05,2.05,0,0,1-1.19,1.84,7.17,7.17,0,0,1-3.52.68,13.08,13.08,0,0,1-2.28-.17,11.11,11.11,0,0,1-1.83-.46,9.39,9.39,0,0,1-1.49-.67,9.93,9.93,0,0,1-1.22-.81l-2.1,3.39a11.19,11.19,0,0,0,2.36,1.36,17.51,17.51,0,0,0,2.41.81,16.9,16.9,0,0,0,2.25.39q1.05.09,1.86.09a14.7,14.7,0,0,0,4-.49,8.94,8.94,0,0,0,3-1.4,6,6,0,0,0,1.83-2.13,5.84,5.84,0,0,0,.64-2.73A4.94,4.94,0,0,0,256.6,658.85Z" transform="translate(-164.86 -473.88)" style="fill:#1d1d1b"/><path d="M298.86,651a8.79,8.79,0,0,0-3.09-2.22,9.69,9.69,0,0,0-4-.79,10.66,10.66,0,0,0-4.18.79,9.31,9.31,0,0,0-3.25,2.22,10.22,10.22,0,0,0-2.12,3.45,13.38,13.38,0,0,0,0,8.89,9.94,9.94,0,0,0,2.19,3.44,9.67,9.67,0,0,0,3.34,2.2,11.4,11.4,0,0,0,4.28.78,15.36,15.36,0,0,0,4.48-.65,11.25,11.25,0,0,0,4-2.27l-2.25-3.22a10.08,10.08,0,0,1-2.86,1.61,9,9,0,0,1-3.12.57,7.44,7.44,0,0,1-2.12-.3,5.39,5.39,0,0,1-1.83-.94,5.62,5.62,0,0,1-1.41-1.63,7,7,0,0,1-.8-2.39H301.5c0-.26.05-.54.07-.83s0-.57,0-.86a12.91,12.91,0,0,0-.72-4.41A10.62,10.62,0,0,0,298.86,651Zm-12.62,6.1a7.47,7.47,0,0,1,.6-2.06,5.54,5.54,0,0,1,1.11-1.62,4.92,4.92,0,0,1,1.62-1,6,6,0,0,1,2.15-.36,4.81,4.81,0,0,1,3.52,1.33,6.51,6.51,0,0,1,1.73,3.76Z" transform="translate(-164.86 -473.88)" style="fill:#1d1d1b"/><path d="M358.82,651a8.13,8.13,0,0,0-2.68-2.21,8.22,8.22,0,0,0-3.82-.83,10.12,10.12,0,0,0-4.06.81,10,10,0,0,0-3.28,2.26,10.48,10.48,0,0,0-2.21,3.44,12.51,12.51,0,0,0,0,8.75A10.48,10.48,0,0,0,345,666.7a10.06,10.06,0,0,0,7.34,3.07,8.35,8.35,0,0,0,3.82-.82,8,8,0,0,0,2.68-2.21v2.49h4.51V648.54h-4.51Zm-.17,10.48a6.43,6.43,0,0,1-1.28,2.09,5.83,5.83,0,0,1-2,1.39,6.24,6.24,0,0,1-2.55.51,6.18,6.18,0,0,1-2.63-.53,5.71,5.71,0,0,1-2-1.42,6.41,6.41,0,0,1-1.23-2.11,7.5,7.5,0,0,1-.43-2.57,7.58,7.58,0,0,1,.43-2.57,6.46,6.46,0,0,1,1.23-2.1,5.87,5.87,0,0,1,2-1.43,6.33,6.33,0,0,1,2.63-.53,6.24,6.24,0,0,1,2.55.51,6,6,0,0,1,2,1.39,6.37,6.37,0,0,1,1.28,2.1,7.45,7.45,0,0,1,.45,2.63A7.54,7.54,0,0,1,358.65,661.52Z" transform="translate(-164.86 -473.88)" style="fill:#1d1d1b"/><path d="M276,665.1a5.89,5.89,0,0,1-2.15.41,3.82,3.82,0,0,1-1.28-.21,2.76,2.76,0,0,1-1-.68,3.34,3.34,0,0,1-.7-1.2,5.42,5.42,0,0,1-.26-1.77v-9h7.25v-4.1h-7.25v-6.26H266v6.26h-4.13v4.1H266v9.09q0,4.13,1.95,6.08a7.42,7.42,0,0,0,5.48,2,9.82,9.82,0,0,0,3.53-.61,13.72,13.72,0,0,0,1.93-.91l-1.55-3.77A10.88,10.88,0,0,1,276,665.1Z" transform="translate(-164.86 -473.88)" style="fill:#1d1d1b"/><path d="M316.7,648a8.24,8.24,0,0,0-3.43.69,7.24,7.24,0,0,0-2.57,2.56v-2.71h-4.1v20.69h4.14V657.85a6.92,6.92,0,0,1,.37-2.36,5.09,5.09,0,0,1,1-1.75,4.29,4.29,0,0,1,1.56-1.08,5.29,5.29,0,0,1,2-.36,8.76,8.76,0,0,1,1.77.19,9.2,9.2,0,0,1,.91.24l1.33-4.31a6.82,6.82,0,0,0-1.1-.28A11.78,11.78,0,0,0,316.7,648Z" transform="translate(-164.86 -473.88)" style="fill:#1d1d1b"/><path d="M379.44,648a8.32,8.32,0,0,0-3.44.69,7.4,7.4,0,0,0-2.57,2.56v-2.71h-4.09v20.69h4.14V657.85a7.18,7.18,0,0,1,.36-2.36,5.28,5.28,0,0,1,1-1.75,4.34,4.34,0,0,1,1.55-1.08,5.38,5.38,0,0,1,2-.36,8.76,8.76,0,0,1,1.77.19c.32.07.63.15.91.24l1.33-4.31a7.1,7.1,0,0,0-1.1-.28A11.78,11.78,0,0,0,379.44,648Z" transform="translate(-164.86 -473.88)" style="fill:#1d1d1b"/>
5835<path d="M400.52,640.13V651a7.84,7.84,0,0,0-6.5-3,10.12,10.12,0,0,0-4.06.81,9.87,9.87,0,0,0-3.28,2.26,10.48,10.48,0,0,0-2.21,3.44,12.36,12.36,0,0,0,0,8.75,10.48,10.48,0,0,0,2.21,3.44,10.06,10.06,0,0,0,7.34,3.07,8.38,8.38,0,0,0,3.82-.82,8.11,8.11,0,0,0,2.68-2.21v2.49H405v-29.1Zm-.18,21.39a6.24,6.24,0,0,1-1.27,2.09,5.83,5.83,0,0,1-2,1.39,6.24,6.24,0,0,1-2.55.51,6.15,6.15,0,0,1-2.63-.53,5.71,5.71,0,0,1-1.95-1.42,6.41,6.41,0,0,1-1.23-2.11,7.5,7.5,0,0,1-.43-2.57,7.58,7.58,0,0,1,.43-2.57,6.46,6.46,0,0,1,1.23-2.1,5.87,5.87,0,0,1,1.95-1.43,6.71,6.71,0,0,1,5.18,0,6,6,0,0,1,2,1.39,6.18,6.18,0,0,1,1.27,2.1,7.23,7.23,0,0,1,.46,2.63A7.32,7.32,0,0,1,400.34,661.52Z" transform="translate(-164.86 -473.88)" style="fill:#1d1d1b"/><path d="M327.5,654.1a6.12,6.12,0,0,1,2.05-1.36,6.8,6.8,0,0,1,2.57-.49h0a8.13,8.13,0,0,1,2.83.49,6.84,6.84,0,0,1,2.19,1.3l2.17-3.61a11.14,11.14,0,0,0-2.75-1.6,12.29,12.29,0,0,0-8.88,0,10.88,10.88,0,0,0-3.52,2.29,10.65,10.65,0,0,0-2.32,3.44,11.53,11.53,0,0,0,0,8.64,10.41,10.41,0,0,0,5.84,5.73,12.15,12.15,0,0,0,8.88,0,10.55,10.55,0,0,0,2.75-1.6l-2.17-3.61A6.86,6.86,0,0,1,335,665a8.12,8.12,0,0,1-2.83.48h0a6.79,6.79,0,0,1-2.57-.48,6.28,6.28,0,0,1-2.05-1.36,6.39,6.39,0,0,1-1.36-2.1,7.49,7.49,0,0,1,0-5.38A6.25,6.25,0,0,1,327.5,654.1Z" transform="translate(-164.86 -473.88)" style="fill:#1d1d1b"/><path d="M414.54,666.2a2.13,2.13,0,0,1,.84.16,1.94,1.94,0,0,1,.69.46,2,2,0,0,1,.46.66,2.06,2.06,0,0,1,0,1.64,2.1,2.1,0,0,1-.46.68,2.06,2.06,0,0,1-.69.45,2.14,2.14,0,0,1-.84.17,2.2,2.2,0,0,1-.86-.17,2.06,2.06,0,0,1-.69-.45,2.1,2.1,0,0,1-.46-.68,2.06,2.06,0,0,1,0-1.64,2,2,0,0,1,.46-.66,1.94,1.94,0,0,1,.69-.46A2.2,2.2,0,0,1,414.54,666.2Zm0,3.63a1.45,1.45,0,0,0,.59-.12,1.47,1.47,0,0,0,.48-.33,1.35,1.35,0,0,0,.32-.48,1.46,1.46,0,0,0,.12-.6,1.48,1.48,0,0,0-.12-.59,1.35,1.35,0,0,0-.32-.48,1.47,1.47,0,0,0-.48-.33,1.45,1.45,0,0,0-.59-.12,1.54,1.54,0,0,0-.61.12,1.58,1.58,0,0,0-.48.33,1.37,1.37,0,0,0-.33.48,1.67,1.67,0,0,0-.11.59,1.64,1.64,0,0,0,.11.6,1.37,1.37,0,0,0,.33.48,1.58,1.58,0,0,0,.48.33A1.54,1.54,0,0,0,414.54,669.83Zm.12-2.46a.87.87,0,0,1,.58.17.57.57,0,0,1,.2.46.49.49,0,0,1-.14.37.69.69,0,0,1-.41.2l.58.67h-.63l-.52-.65h-.06v.65h-.53v-1.87Zm-.4.46v.34h.39a.36.36,0,0,0,.19,0,.14.14,0,0,0,.06-.13.15.15,0,0,0-.06-.13.36.36,0,0,0-.19,0Z" transform="translate(-164.86 -473.88)" style="fill:#1d1d1b"/><path d="M261.58,551.84a77.8,77.8,0,0,1,29.61-61.13,78,78,0,1,0,0,122.26A77.8,77.8,0,0,1,261.58,551.84Z" transform="translate(-164.86 -473.88)" style="fill:#e30d17"/><ellipse cx="126.32" cy="77.96" rx="29.6" ry="61.13" style="fill:#eb610a"/><path d="M412.22,594v-2.28h-.92v-.63h2.53v.63h-.93V594Zm4.89,0v-2l-.66,1.74h-.72l-.65-1.73v2h-.68V591.1h1l.73,1.86.71-1.86h1V594Z" transform="translate(-164.86 -473.88)" style="fill:#f69f00"/><path d="M339.54,473.88a77.58,77.58,0,0,0-48.35,16.83,77.92,77.92,0,0,1,0,122.26,78,78,0,1,0,48.35-139.09Z" transform="translate(-164.86 -473.88)" style="fill:#f69f00"/></svg> </li> 5836 <li class="[&>svg]:h-6"> 5837 </li> 5838 <li class="[&>svg]:h-6"> 5839 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 404.65 98.18"><defs><clipPath id="a" transform="translate(44 -271.82)"><rect x="-44" y="271.82" width="404.65" height="98.18" style="fill:none"/></clipPath></defs><title>paypal</title><path d="M270.2,314.61c-1.22,8-7.32,8-13.22,8h-3.36L256,307.69a1.86,1.86,0,0,1,1.83-1.57h1.54c4,0,7.81,0,9.76,2.29,1.17,1.37,1.53,3.4,1.09,6.2Zm-2.57-20.83H245.38a3.1,3.1,0,0,0-3.06,2.61l-9,57.05a1.85,1.85,0,0,0,1.83,2.14h11.41a2.15,2.15,0,0,0,2.14-1.82l2.55-16.18a3.1,3.1,0,0,1,3.06-2.61h7c14.65,0,23.11-7.09,25.32-21.15,1-6.15,0-11-2.84-14.36-3.16-3.72-8.77-5.68-16.21-5.68Z" transform="translate(44 -271.82)" style="fill:#009ade"/><path d="M111.5,314.61c-1.22,8-7.32,8-13.22,8H94.93l2.35-14.91a1.86,1.86,0,0,1,1.83-1.57h1.54c4,0,7.81,0,9.77,2.29,1.17,1.37,1.52,3.4,1.08,6.2Zm-2.57-20.83H86.68a3.08,3.08,0,0,0-3.05,2.61l-9,57.05a1.85,1.85,0,0,0,1.83,2.14H87.09a3.08,3.08,0,0,0,3-2.61l2.43-15.39A3.09,3.09,0,0,1,95.62,335h7c14.66,0,23.12-7.09,25.33-21.15,1-6.15,0-11-2.84-14.36-3.17-3.72-8.78-5.68-16.22-5.68Z" transform="translate(44 -271.82)" style="fill:#002f87"/><path d="M160.59,335.1a11.89,11.89,0,0,1-12,10.17c-3.09,0-5.56-1-7.15-2.88a9,9,0,0,1-1.67-7.48,11.93,11.93,0,0,1,11.94-10.25,9,9,0,0,1,7.1,2.9,9.22,9.22,0,0,1,1.81,7.54Zm14.84-20.74H164.78a1.85,1.85,0,0,0-1.83,1.56l-.47,3-.75-1.08c-2.3-3.35-7.44-4.46-12.58-4.46-11.77,0-21.83,8.91-23.78,21.43-1,6.24.42,12.2,4,16.36,3.25,3.83,7.9,5.42,13.42,5.42a20.4,20.4,0,0,0,14.75-6.09l-.47,3a1.85,1.85,0,0,0,1.83,2.14h9.59a3.09,3.09,0,0,0,3.06-2.61l5.76-36.47a1.86,1.86,0,0,0-1.84-2.14Z" transform="translate(44 -271.82)" style="fill:#002f87"/><path d="M319.28,335.1a11.88,11.88,0,0,1-12,10.17c-3.09,0-5.57-1-7.16-2.88a9.06,9.06,0,0,1-1.67-7.48,11.93,11.93,0,0,1,11.94-10.25,9,9,0,0,1,7.11,2.9,9.18,9.18,0,0,1,1.8,7.54Zm14.85-20.74H323.48a1.86,1.86,0,0,0-1.84,1.56l-.46,3-.75-1.08c-2.31-3.35-7.45-4.46-12.58-4.46-11.77,0-21.83,8.91-23.79,21.43-1,6.24.43,12.2,4,16.36,3.25,3.83,7.89,5.42,13.42,5.42a20.4,20.4,0,0,0,14.75-6.09l-.48,3a1.85,1.85,0,0,0,1.84,2.14h9.59A3.08,3.08,0,0,0,330.2,353
5839L336,316.5a1.85,1.85,0,0,0-1.83-2.14Z" transform="translate(44 -271.82)" style="fill:#009ade"/><g><path d="M232.18,314.36H221.47a3.12,3.12,0,0,0-2.56,1.35l-14.77,21.76-6.26-20.91a3.08,3.08,0,0,0-3-2.2H184.39a1.85,1.85,0,0,0-1.75,2.45l11.79,34.61-11.09,15.65a1.86,1.86,0,0,0,1.51,2.93h10.7a3.11,3.11,0,0,0,2.54-1.33l35.61-51.4a1.85,1.85,0,0,0-1.52-2.91Z" transform="translate(44 -271.82)" style="fill:#002f87"/><path d="M346.69,295.34l-9.13,58.1a1.85,1.85,0,0,0,1.83,2.14h9.18a3.09,3.09,0,0,0,3.06-2.61l9-57.05a1.85,1.85,0,0,0-1.83-2.14H348.52a1.85,1.85,0,0,0-1.83,1.56Z" transform="translate(44 -271.82)" style="fill:#009ade"/><path d="M31,296.76c1.2-7.63,0-12.83-4.14-17.54-4.55-5.18-12.76-7.4-23.27-7.4H-26.95a4.36,4.36,0,0,0-4.31,3.69L-44,356.08a2.62,2.62,0,0,0,2.59,3h18.84l-1.3,8.24A2.29,2.29,0,0,0-21.58,370H-5.7a3.82,3.82,0,0,0,3.77-3.22l.16-.81,3-19L1.41,346a3.82,3.82,0,0,1,3.77-3.22H7.56c15.38,0,27.43-6.25,31-24.32,1.47-7.56.71-13.86-3.18-18.29A15.28,15.28,0,0,0,31,296.76h0" transform="translate(44 -271.82)" style="fill:#009ade"/><path d="M31,296.76c1.2-7.63,0-12.83-4.14-17.54-4.55-5.18-12.76-7.4-23.27-7.4H-26.95a4.36,4.36,0,0,0-4.31,3.69L-44,356.08a2.62,2.62,0,0,0,2.59,3h18.84l4.73-30L-18,330a4.35,4.35,0,0,1,4.3-3.68h9c17.59,0,31.36-7.15,35.38-27.81.12-.61.22-1.2.31-1.79" transform="translate(44 -271.82)" style="fill:#002169"/><path d="M-12.73,296.87A3.79,3.79,0,0,1-10.6,294a3.67,3.67,0,0,1,1.65-.38H15a49.8,49.8,0,0,1,7.89.58c.69.11,1.36.23,2,.38s1.29.31,1.9.49l.9.28A22.07,22.07,0,0,1,31,296.76c1.2-7.63,0-12.83-4.14-17.54-4.55-5.18-12.76-7.4-23.27-7.4H-26.95a4.36,4.36,0,0,0-4.31,3.69L-44,356.08a2.62,2.62,0,0,0,2.59,3h18.84l4.73-30,5.08-32.23Z" transform="translate(44 -271.82)" style="fill:#002f87"/></g></svg> </li> 5840 <li class="[&>svg]:h-6"> 5841 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 145.51 80.84"><defs><style>.cls-1-klarna{fill:#ffb3c7;}.cls-2-klarna{fill:#0a0b09;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><rect class="cls-1-klarna" width="145.51" height="80.84" rx="13.97"/><path class="cls-2-klarna" d="M131.91,47.36a3.47,3.47,0,0,0-3.45,3.47h0a3.46,3.46,0,0,0,3.44,3.48h0a3.48,3.48,0,0,0,0-7Zm-11.34-2.69a5,5,0,1,0-5,4.76,4.87,4.87,0,0,0,5-4.76Zm0-9.26h5.49V53.93h-5.49V52.74a9.58,9.58,0,0,1-5.45,1.7,9.77,9.77,0,0,1,0-19.53,9.59,9.59,0,0,1,5.45,1.69ZM76.64,37.83V35.42H71V53.93h5.64V45.28c0-2.91,3.13-4.48,5.3-4.48H82V35.42A6.79,6.79,0,0,0,76.64,37.83Zm-14,6.84a5,5,0,1,0-5,4.76,4.87,4.87,0,0,0,5-4.76Zm0-9.26h5.49V53.93H62.65V52.74a9.59,9.59,0,0,1-5.45,1.7,9.77,9.77,0,0,1,0-19.53,9.59,9.59,0,0,1,5.45,1.69Zm33.05-.49A6.66,6.66,0,0,0,90,37.5V35.42H84.58V53.93h5.53V44.2A3.89,3.89,0,0,1,94.24,40c2.41,0,3.8,1.45,3.8,4.15v9.77h5.48V42.16c0-4.31-3.39-7.24-7.82-7.24Zm-56.18,19h5.75V27.17H39.52Zm-25.25,0h6.09V27.16H14.27Zm21.3-26.77a21.4,21.4,0,0,1-6.23,15.2l8.41,11.57H30.23L21.09,41.35l2.36-1.78A15.4,15.4,0,0,0,29.6,27.16h6Z"/></g></g></svg> </li> 5842 </ul> 5843 </div> 5844</div></div></div></footer> <div id="segmentation-modal" x-cloak x-data="Object.assign({}, hyva.modal(), initSegmentationModal())" @private-content-loaded.window="receiveCustomerData($event.detail.data)"> <dialog class="max-w-md relative !bg-white px-8 pb-4 pt-8 mx-4" data-dialog-ref-name="segmentation-modal" closeby="any" aria-label="Kies jouw situatie" x-bind="dialogConfig" x-htmldialog="hide" x-ref="segmentation-modal" > <button @click="dismiss()" x-show="dismissable || dismissableVariant === 2" aria-label="Sluit pop-up" class="close-button p-2 text-primary transition duration-150 ease-in-out hover:text-black absolute top-0 right-0 !outline-none"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" role="img"> 5845 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 5846<title>x</title></svg> 5847</span></button> <div class="[&_li_img]:inline-block"><div class="rich-text"><span class="h1"><strong>Hoe kunnen we je het beste van dienst zijn?</strong></span> 5848<p>Kies jouw situatie, zodat we je de juiste producten en aanbiedingen kunnen tonen.</p></div> <div class="flex flex-col gap-4 pb-5"> <button class="btn btn-tertiary justify-start px-5" @click="targetGroupSelect('type_e\u002Dinstallatie')" ><img class="w-8 mr-2" src="https://www.elektramat.be/media/converted/cache/256x_/80/media/wysiwyg/installatie_1758200686.webp" alt=""/>E-installateur</button> <button class="btn btn-tertiary justify-start px-5" @click="targetGroupSelect('type_w\u002Dinstallatie')" ><img class="w-8 mr-2" src="https://www.elektramat.be/media/converted/cache/256x_/80/media/wysiwyg/vynckier/watertechniek_1778655587.webp" alt=""/>W-installateur</button> <button class="btn btn-tertiary justify-start px-5" @click="targetGroupSelect('type_bouw')" ><img class="w-8 mr-2" src="https://www.elektramat.be/media/converted/cache/256x_/80/media/wysiwyg/bouw_1758201435.webp" alt=""/>Bouw & constructie</button> <button class="btn btn-tertiary justify-start px-5" @click="targetGroupSelect('type_anders_zakelijk')" ><img class="w-8 mr-2" src="https://www.elektramat.be/media/converted/cache/256x_/80/media/wysiwyg/anders_zakelijk_1758201461.webp" alt=""/>Anders zakelijk</button> <button class="btn btn-tertiary justify-start px-5" @click="targetGroupSelect('type_particulier')" ><img class="w-8 mr-2" src="https://www.elektramat.be/media/converted/cache/256x_/80/media/wysiwyg/particulier_1758201485.webp" alt=""/>Particulier</button> </div> <div class="mb-5 flex items-start"><input type="checkbox" id="segmentation-allow-cookie-storage" name="segmentation-allow-cookie-storage" title="Bewaar mijn voorkeur" value="1" checked="checked" class="checkbox mr-2" /><label for="segmentation-allow-cookie-storage" class="label">Bewaar mijn voorkeur</label></div><div class="rich-text"> <div class="text-center"><button class="no-personalize-button a cursor-pointer text-sm no-underline hover:!underline" :class="{ 'btn btn-secondary font-bold': dismissableVariant === 2, 'text-secondary': dismissableVariant !== 2 }" @click="dismiss()" >Kies later</button></div></div></div></dialog></div>
vendor: 108 bytes, line 5848
5848<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
5848<script> 5849 function initSegmentationModal() { 5850 const segmentationDismissCookieName = 'website_type_dismiss'; 5851 const targetGroupSaveEndpoint = 'https://www.elektramat.be/segmentation/targetgroup/save/'; 5852 const targetGroupStorageKey = 'elektramat_segmentation_target_group'; 5853 const segmentationAllowCookieStorageCheckboxId = 'segmentation-allow-cookie-storage'; 5854 const originalHide = hyva.modal().hide; 5855 5856 return { 5857 checkAfterCustomerData: false, 5858 dismissable: true, 5859 dismissableVariant: 1, 5860 5861 init() { 5862 window.openSegmentationModal = () => { 5863 return this.check(); 5864 }; 5865 window.segmentationModalDismissable = (dismissable, variant = 1) => { 5866 this.dismissable = dismissable; 5867 this.dismissableVariant = variant; 5868 }; 5869 5870 window.isSegmentationModalDismissed = () => { 5871 return this.isDismissed(); 5872 }; 5873 5874 this.check(); 5875 }, 5876 5877 receiveCustomerData(data) { 5878 this.customerData = data; 5879 5880 const targetGroupFromCustomerData = data?.segmentation?.targetGroup ?? null; 5881 if (targetGroupFromCustomerData) { 5882 this.storeTargetGroup(targetGroupFromCustomerData); 5883 } 5884 5885 if (this.checkAfterCustomerData) { 5886 this.checkAfterCustomerData = false; 5887 this.check(); 5888 } 5889 }, 5890 5891 getStoredTargetGroup() { 5892 try { 5893 return window.localStorage.getItem(targetGroupStorageKey); 5894 } catch (e) { 5895 return null; 5896 } 5897 }, 5898 5899 storeTargetGroup(targetGroupCode) { 5900 try { 5901 window.localStorage.setItem(targetGroupStorageKey, targetGroupCode); 5902 } catch (e) { 5903 5904 } 5905 }, 5906 5907 check() { 5908 const segmentationDismissed = this.isDismissed(); 5909 if (segmentationDismissed) { 5910 return false; 5911 } 5912 5913 let cookieConsent = hyva.getCookie('CookieConsent'); 5914 if (!cookieConsent) { 5915 return false; 5916 } 5917 5918 const customerDataTargetGroup = this.customerData?.segmentation?.targetGroup ?? ''; 5919 const targetGroupFromStorage = this.getStoredTargetGroup() ?? ''; 5920 5921 if (customerDataTargetGroup !== '' || targetGroupFromStorage !== '') { 5922 return false; 5923 } 5924 5925 if (!this.customerData) { 5926 this.checkAfterCustomerData = true; 5927 } 5928 5929 cookieConsent = this.decodeCookieConsent(cookieConsent); 5930 if (cookieConsent.marketing) { 5931 const allowCookieStorageCheckbox = document.getElementById( 5932 segmentationAllowCookieStorageCheckboxId 5933 ); 5934 allowCookieStorageCheckbox.parentElement.classList.add('hidden'); 5935 } 5936 5937 this.launch(); 5938 5939 return true; 5940 }, 5941 5942 launch() { 5943 this.show('segmentation-modal'); 5944 }, 5945 5946 async targetGroupSelect(targetGroupCode) { 5947 const allowCookieStorage = 5948 document.getElementById(segmentationAllowCookieStorageCheckboxId).checked ?? false; 5949 this.storeTargetGroup(targetGroupCode); 5950 5951 try { 5952 await fetch(targetGroupSaveEndpoint, { 5953 method: 'POST', 5954 headers: { 5955 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8', 5956 }, 5957 body: new URLSearchParams({ 5958 form_key: hyva.getFormKey(), 5959 target_group: targetGroupCode, 5960 allow_cookie_storage: allowCookieStorage ? '1' : '0', 5961 }).toString(), 5962 credentials: 'same-origin', 5963 }); 5964 } catch (e) { 5965 console.warn('Segmentation modal: failed to save target group', e); 5966 } 5967 5968 this.forceHide(false); 5969 }, 5970 5971 isDismissed() { 5972 const customerDataTargetGroup = this.customerData?.segmentation?.targetGroup ?? '';
5973 const targetGroupFromStorage = this.getStoredTargetGroup() ?? ''; 5974 5975 return ( 5976 hyva.getCookie(segmentationDismissCookieName) || 5977 customerDataTargetGroup !== '' || 5978 targetGroupFromStorage !== '' 5979 ); 5980 }, 5981 5982 dismiss() { 5983 this.forceHide(); 5984 hyva.setCookie(segmentationDismissCookieName, true, 365); 5985 }, 5986 5987 hide(...args) { 5988 if (!this.dismissable) { 5989 return false; 5990 } 5991 5992 hyva.setCookie(segmentationDismissCookieName, true, 1); 5993 return originalHide.apply(this, args); 5994 }, 5995 5996 forceHide(...args) { 5997 return originalHide.apply(this, args); 5998 }, 5999 6000 decodeCookieConsent(cookieConsent) { 6001 cookieConsent = decodeURIComponent(cookieConsent); 6002 cookieConsent = cookieConsent.replace(/'/g, '"'); 6003 cookieConsent = cookieConsent.replace(/([{,])(\w+):/g, '$1"$2":'); 6004 return JSON.parse(cookieConsent); 6005 }, 6006 }; 6007 }</script>
6007 <div x-data="popup()" id="video-popup" class="fixed inset-0 flex items-center bg-white justify-center z-50 p-4 sm:p-8 md:p-20" :class="{ 'hidden': !open }" x-defer="interact" x-cloak ><button class="absolute top-8 right-8" @click="close()" aria-label="Sluit video speler" ><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-8 h-8 cursor-pointer" width="24" height="24" role="img"> 6008 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 6009<title>x</title></svg> 6010</span></button> <div class="w-full max-h-full max-w-full aspect-video"><iframe :src="src" title="YouTube video speler" class="h-full w-full" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></div></div>
6010<script> 6011 function popup() { 6012 return { 6013 open: false, 6014 src: null, 6015 init() { 6016 window.addEventListener('open-video-popup', (event) => { 6017 this.src = event.detail; 6018 this.open = true; 6019 }); 6020 }, 6021 close() { 6022 this.open = false; 6023 this.src = null; 6024 document.body.classList.remove('overflow-hidden'); 6025 }, 6026 }; 6027 }</script>
6027
6027<script> 6028 (function () { 6029 'use strict'; 6030 6031 /** 6032 * Config to determine which element is responsible for the form submission 6033 * 6034 * @type {[{elementSelector: undefined|string, submitAttribute: string}]} 6035 */ 6036 const formWrapperConfig = [{"elementSelector":null,"submitAttribute":"submit"},{"elementSelector":"[type=\"submit\"]","submitAttribute":"click"}]; 6037 6038 /** 6039 * Replace protected forms submit with amRecaptchaModel.execute($event) method. 6040 * Call original submit on amrecaptcha-callback event after successful captcha validation. 6041 * 6042 * @return {void} 6043 */ 6044 const wrapFormSubmit = function () { 6045 document.addEventListener("DOMContentLoaded", function () { 6046 const formsSelector = window.amRecaptchaModel?.formsToProtect || ''; 6047 if (formsSelector.length === 0) { 6048 return; 6049 } 6050 6051 document.querySelectorAll(formsSelector)?.forEach(formElement => { 6052 if (!formElement) { 6053 return; 6054 } 6055 6056 const { elementToWrap, attributeNameToWrap } = resolveElementWrapping(formElement); 6057 if (!elementToWrap || !attributeNameToWrap || elementToWrap.getAttribute('am-captcha-inintialized')) { 6058 return; 6059 } 6060 6061 setElementAttributes(formElement, elementToWrap, attributeNameToWrap); 6062 }); 6063 }); 6064 }; 6065 6066 /** 6067 * Find submit event and DOM element that has this event using formWrapperConfig. 6068 * 6069 * @param {HTMLElement} formElement 6070 * @return {{elementToWrap: undefined|string, attributeNameToWrap: undefined|string}} 6071 */ 6072 const resolveElementWrapping = function (formElement) { 6073 let result = { 6074 elementToWrap: undefined, 6075 attributeNameToWrap: undefined 6076 }; 6077 6078 formWrapperConfig.forEach(({ elementSelector, submitAttribute }) => { 6079 const elementToWrap = !!elementSelector ? formElement.querySelector(elementSelector) : formElement; 6080 if (!elementToWrap) { 6081 return; 6082 } 6083 6084 const attributeNameToWrap = elementToWrap.getAttributeNames().find( 6085 (elementAttribute) => { 6086 /** @type {string[]} */ 6087 const submitAttributeVariations = ['@', 'x-on:'].map(variation => variation + submitAttribute); 6088 6089 return submitAttributeVariations.some( 6090 (submitAttributeVariation) => elementAttribute.startsWith(submitAttributeVariation) 6091 ) 6092 } 6093 ); 6094 if (!attributeNameToWrap) { 6095 return; 6096 } 6097 6098 result.elementToWrap = elementToWrap; 6099 result.attributeNameToWrap = attributeNameToWrap; 6100 }); 6101 6102 return result; 6103 } 6104 6105 /** 6106 * Set attribute to wrap original submit, add eventListeners for captcha callbacks 6107 * 6108 * @param {HTMLElement} formElement 6109 * @param {HTMLElement} elementToWrap 6110 * @param {string} attributeNameToWrap 6111 */ 6112 const setElementAttributes = function (formElement, elementToWrap, attributeNameToWrap) { 6113 const originalSubmit = elementToWrap.getAttribute(attributeNameToWrap); 6114 elementToWrap.removeAttribute(attributeNameToWrap); 6115 6116 /** 6117 * To properly set submit attribute - we need to replace '@' with 'x-on:' 6118 * and add preventDefault behaviour 6119 */ 6120 elementToWrap.setAttribute( 6121 attributeNameToWrap.replace(/^@/, 'x-on:').replace(/.prevent$/, '') + '.prevent', 6122 'amRecaptchaModelExecute' 6123 ); 6124 elementToWrap.setAttribute( 6125 'x-on:amrecaptcha-executable-callback', 6126 originalSubmit 6127 ); 6128 } 6129 6130 /** 6131 * Add recaptcha methods to Alpine component with proper error handling and timing 6132 * @param {HTMLElement} elementToWrap - Element with Alpine component 6133 * @returns {void} 6134 */ 6135 const addRecaptchaMethodsToComponent = function (elementToWrap) { 6136 const alpineComponent = Alpine.$data(elementToWrap); 6137 6138 if (!alpineComponent || typeof alpineComponent !== 'object') { 6139 return; 6140 } 6141 6142 alpineComponent.amRecaptchaModelExecute = function ($event) { 6143 window.amRecaptchaModel.execute($event); 6144 }; 6145 6146 alpineComponent.amRecaptchaModelRecaptchaCallback = function ($event, $el) { 6147 $el ??= $event.detail.form; 6148 window.amRecaptchaModel.recaptchaCallback($event, $el); 6149 }; 6150 6151 alpineComponent.amRecaptchaModelExpiredCallback = function ($event, $el) { 6152 $el ??= $event.detail.form; 6153 window.amRecaptchaModel.expiredCallback($event, $el); 6154 }; 6155 6156 elementToWrap.setAttribute('am-captcha-inintialized', 'true'); 6157 }; 6158 6159 const setAmRecaptchaModelExecute = function () { 6160 const formsSelector = window.amRecaptchaModel?.formsToProtect || ''; 6161 6162 if (formsSelector.length === 0) { 6163 return; 6164 } 6165 6166 document.querySelectorAll(formsSelector).forEach(formElement => { 6167 const { elementToWrap, attributeNameToWrap } = resolveElementWrapping(formElement); 6168 if (!elementToWrap || !attributeNameToWrap || elementToWrap.getAttribute('am-captcha-inintialized')) { 6169 return; 6170 } 6171 6172 let formComponent = getFormComponent(elementToWrap), 6173 origFormComponent = window[formComponent]; 6174 6175 if (!formComponent) { 6176 [formComponent, origFormComponent] = setNewFormComponent(elementToWrap); 6177 } 6178 6179 if (window.Alpine) { 6180 if (elementToWrap?._x_dataStack) { 6181 if (attributeNameToWrap.startsWith('@')) { 6182 setElementAttributes(formElement, elementToWrap, attributeNameToWrap); 6183 } 6184 addRecaptchaMethodsToComponent(elementToWrap); 6185 } 6186 6187 return; 6188 } 6189 6190 /** 6191 * Alpine isn't loaded yet. Eagerly attach the recaptcha methods to the component 6192 * factory so they're available as soon as Alpine mounts it - this does NOT rewrite 6193 * the submit directive itself (that only happens once Alpine has actually mounted 6194 * the component, in the branch above), so it must use its own marker and must not 6195 * set 'am-captcha-inintialized' - that attribute means "the submit directive was 6196 * rewritten", and this path never rewrites it. 6197 */ 6198 if (elementToWrap.getAttribute('am-captcha-legacy-wrapped')) { 6199 return; 6200 } 6201 elementToWrap.setAttribute('am-captcha-legacy-wrapped', 'true'); 6202 6203 window[formComponent] = function () { 6204 const instance = origFormComponent.apply(this, arguments) || {}; 6205 6206 const reviewComponent = document.querySelector( 6207 '[x-data="initReviewForm()"], [x-data="initReviewForm"]' 6208 ); 6209 6210 if (reviewComponent?.getAttribute('x-data') === formComponent) { 6211 const originalInit = instance.init; 6212 instance.init = function () { 6213 if (typeof originalInit === 'function') { 6214 originalInit.apply(this, arguments); 6215 } 6216 this.$watch( 6217 'errorMessages', 6218 errorMessages => { 6219 errorMessages?.length > 0 6220 && window.dispatchEvent(new CustomEvent("reload-customer-section-data")); 6221 } 6222 ) 6223 } 6224 } 6225 6226 instance.amRecaptchaModelExecute = function ($event) { 6227 window.amRecaptchaModel.execute($event); 6228 } 6229 6230 instance.amRecaptchaModelRecaptchaCallback = function ($event, $el) { 6231 $el ??= $event.detail.form; 6232 window.amRecaptchaModel.recaptchaCallback($event, $el); 6233 } 6234 6235 instance.amRecaptchaModelExpiredCallback = function ($event, $el) { 6236 $el ??= $event.detail.form; 6237 window.amRecaptchaModel.expiredCallback($event, $el); 6238 } 6239 6240 return instance; 6241 }; 6242 }); 6243 } 6244 6245 /** 6246 * Generate a random string for component names 6247 * @param {number} length - Length of the string to generate 6248 * @returns {string} Generated random string 6249 */ 6250 const generateRandomString = function (length) {
6251 const alphabet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'; 6252 const alphabetLength = alphabet.length; 6253 6254 return Array.from( 6255 { length }, 6256 () => alphabet[Math.floor(Math.random() * alphabetLength)] 6257 ).join(''); 6258 } 6259 6260 /** 6261 * @param {HTMLElement} elementToWrap 6262 * @return {string} 6263 */ 6264 const getFormComponent = function (elementToWrap) { 6265 let formComponent = elementToWrap.hasAttribute('x-data') 6266 ? elementToWrap.getAttribute('x-data') 6267 : elementToWrap.closest('[x-data]').getAttribute('x-data'); 6268 const match = formComponent.match(/\b([a-zA-Z0-9_$]+)\s*\(\s*\)/); 6269 6270 if (match && match[1]) { 6271 return match[1]; 6272 } 6273 6274 return formComponent.replace(/\(\)$/g, ''); 6275 } 6276 6277 /** 6278 * Creates a new Alpine form component and assigns it to the element 6279 * @param {HTMLElement} elementToWrap 6280 * @returns {array} 6281 */ 6282 const setNewFormComponent = function (elementToWrap) { 6283 const newFormComponent = function () { 6284 return {}; 6285 }; 6286 6287 const newFormComponentName = generateRandomString(10); 6288 window[newFormComponentName] = newFormComponent; 6289 6290 elementToWrap?.setAttribute('x-data', newFormComponentName); 6291 6292 return [newFormComponentName, newFormComponent]; 6293 }; 6294 6295 wrapFormSubmit(); 6296 6297 6298 !window.Alpine && setAmRecaptchaModelExecute(); 6299 6300 6301 document.addEventListener('alpine:initialized', () => { 6302 setAmRecaptchaModelExecute(); 6303 }); 6304 6305 window.addEventListener('am-reinit-captcha', () => { 6306 setAmRecaptchaModelExecute(); 6307 }); 6308 })(window.amRecaptchaModel = window.amRecaptchaModel || {});</script>
6308
6308<script type="text/javascript"> 6309 window.dataLayer = window.dataLayer || []; 6310 window.dataLayer.push({ 6311 "event": "crto_", 6312 "crto": {"email":""} 6313 }); 6314 </script>
6314
6314<script> 6315 (() => { 6316 const apiKey = '6i5792p7'; 6317 const src = `https://selfservice.robinhq.com/external/robin/${encodeURIComponent(apiKey)}.js`; 6318 6319 function loadRobinWidget() { 6320 if (document.querySelector(`script[src="${src}"]`)) { 6321 return Promise.resolve(); 6322 } 6323 6324 return new Promise((resolve, reject) => { 6325 const script = document.createElement('script'); 6326 script.src = src; 6327 script.async = true; 6328 script.onload = () => resolve(); 6329 script.onerror = () => reject(new Error('Failed to load Robin widget')); 6330 document.head.appendChild(script); 6331 }); 6332 } 6333 6334 window.loadRobinWidget = loadRobinWidget; 6335 6336 if (window.externalScriptsInitialized) { 6337 loadRobinWidget(); 6338 } else { 6339 window.addEventListener('init-external-scripts', loadRobinWidget, {once: true, passive: true}); 6340 } 6341 })();</script>
6341
6341<script> 6342 document.querySelectorAll('[data-trigger="cmcom-popup"]').forEach(item => { 6343 item.addEventListener('click', (e) => { 6344 e.preventDefault(); 6345 if (document.getElementById('robin_tab_container')) { 6346 __robin.show(); 6347 } 6348 }); 6349 });</script>
6349
6349<script> 6350 window.insertPersonalization = function(containerId, configArray, layout, squeezelyInfoId=null) { 6351 let container = document.getElementById(containerId); 6352 let squeezelyInfo = document.getElementById(squeezelyInfoId); 6353 6354 if (!container) { 6355 console.log('The container ID doesn\'t exist: ' + containerId); 6356 return; 6357 } 6358 6359 if (squeezelyInfoId && !squeezelyInfo) { 6360 console.log('The squeezelyInfo ID doesn\'t exist: ' + squeezelyInfoId); 6361 return; 6362 } 6363 6364 if (typeof layout !== 'undefined' && container.querySelectorAll('[data-activate-layout]').length > 0) { 6365 container.querySelector('[data-activate-layout="default"]').style.display = 'none'; 6366 container = container.querySelector('[data-activate-layout="' + layout + '"]'); 6367 if (!container) { 6368 console.error('The layout doesn\'t exist: ' + layout); 6369 return; 6370 } 6371 container.style.display = 'block'; 6372 } 6373 6374 container.classList.remove('hidden'); 6375 6376 const selectors = { 6377 'activate': 'innerHTML', 6378 'activate-href': 'href', 6379 'activate-src': 'src' 6380 } 6381 6382 for (const selector in selectors) { 6383 let dataAttributeKey = selector; 6384 if (selector.includes('-')) { 6385 let split = selector.split('-'); 6386 dataAttributeKey = split[0] + split[1].charAt(0).toUpperCase() + split[1].substring(1); 6387 } 6388 6389 container.querySelectorAll('[data-' + selector + ']').forEach((element) => { 6390 const key = element.dataset[dataAttributeKey]; 6391 const attribute = selectors[selector]; 6392 if (configArray.hasOwnProperty(key)) { 6393 element[attribute] = configArray[key]; 6394 } 6395 if (attribute === 'href' && squeezelyInfo) { 6396 element.addEventListener('click', function(event) { 6397 event.preventDefault(); 6398 window._sqzl = window._sqzl || []; 6399 window._sqzl.push({ 6400 "event": "PersonalizationClick", 6401 "personalization_id": squeezelyInfo.dataset.personalizationId, 6402 "personalization_variant_id": squeezelyInfo.dataset.variantId, 6403 "personalization_id_click": squeezelyInfo.dataset.personalizationId, 6404 "personalization_variant_id_click": squeezelyInfo.dataset.variantId 6405 }); 6406 6407 window.location.href = element.href; 6408 }); 6409 } 6410 6411 }); 6412 } 6413 6414 container.dataset.activateLoaded = ''; 6415 6416 if (containerId === 'spotler-activate-modal') { 6417 window.dispatchEvent(new CustomEvent('show-spotler-activate-modal')); 6418 } 6419 }</script>
6419 <div id="spotler-activate-modal" x-cloak x-data="hyva.modal()" @show-spotler-activate-modal.window="show('spotler_activate_modal')" > <dialog class="relative !p-0 w-[1000px]" data-dialog-ref-name="spotler_activate_modal" closeby="any" x-bind="dialogConfig" x-htmldialog="hide" x-ref="spotler_activate_modal" > <div data-activate-layout="default"><header class="flex items-center p-4 gap-x-4"><strong class="text-xl sm:text-2xl h4" data-activate="modal_title"></strong> <button @click="hide()" aria-label="Sluit pop-up" class="p-2 text-primary transition duration-150 ease-in-out hover:text-black !outline-none ml-auto"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" role="img"> 6420 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 6421<title>x</title></svg> 6422</button></header><div class="px-4 py-6 bg-secondary-10"><p data-activate="modal_content"></p><div class="flex"><div class="bg-white rounded-lg flex overflow-hidden justify-center grow"><img src="https://www.elektramat.be/static/version1790258389/frontend/Wise/elektramat-3_be/nl_BE/Magento_Catalog/images/product/placeholder/image.jpg" data-activate-src="image_url_1" alt="" class="block object-cover w-28 sm:w-[165px] max-h-[165px]" width="165" height="165"/><div class="grow p-4 flex flex-col gap-4 justify-center"><div class="flex flex-col"><strong class="text-xl sm:text-2xl h3 !mb-0 leading-none sm:leading-none" data-activate="title_1"></strong> <strong class="text-xl sm:text-2xl h3 text-secondary !mb-0 leading-none sm:leading-none" data-activate="subtitle_1"></strong></div><div class="flex items-center"><a href="/" class="btn btn-primary whitespace-nowrap" data-activate="button_text_1" data-activate-href="button_url_1" ></a></div></div></div></div></div></div><div data-activate-layout="one"><header class="flex items-center p-4 gap-x-4"><strong class="text-xl sm:text-2xl h4" data-activate="modal_title"></strong> <button @click="hide()" aria-label="Sluit pop-up" class="p-2 text-primary transition duration-150 ease-in-out hover:text-black !outline-none ml-auto"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" role="img"> 6423 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 6424<title>x</title></svg> 6425</button></header><div class="px-4 py-6 bg-secondary-10"><p data-activate="modal_content"></p><div class="flex"><div class="bg-white rounded-lg flex overflow-hidden justify-center grow"><img src="https://www.elektramat.be/static/version1790258389/frontend/Wise/elektramat-3_be/nl_BE/Magento_Catalog/images/product/placeholder/image.jpg" data-activate-src="image_url_1" alt="" class="block object-cover w-28 sm:w-[165px] max-h-[165px]" width="165" height="165"/><div class="grow p-4 flex flex-col gap-4 justify-center"><div class="flex flex-col"><strong class="text-xl sm:text-2xl h3 !mb-0 leading-none sm:leading-none" data-activate="title_1"></strong> <strong class="text-xl sm:text-2xl h3 text-secondary !mb-0 leading-none sm:leading-none" data-activate="subtitle_1"></strong></div><div class="flex items-center"><a href="/" class="btn btn-primary whitespace-nowrap" data-activate="button_text_1" data-activate-href="button_url_1" ></a></div></div></div></div></div></div><div data-activate-layout="two"><header class="flex items-center p-4 gap-x-4"><strong class="text-xl sm:text-2xl h4" data-activate="modal_title"></strong> <button @click="hide()" aria-label="Sluit pop-up" class="p-2 text-primary transition duration-150 ease-in-out hover:text-black !outline-none ml-auto"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" role="img"> 6426 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 6427<title>x</title></svg> 6428</span></button></header><div class="px-4 py-6 bg-secondary-10"><p data-activate="modal_content"></p><div class="grid md:grid-cols-2 gap-4"><div class="bg-white rounded-lg flex overflow-hidden justify-center grow"><img src="https://www.elektramat.be/static/version1790258389/frontend/Wise/elektramat-3_be/nl_BE/Magento_Catalog/images/product/placeholder/image.jpg" data-activate-src="image_url_1" alt="" class="block object-cover w-28" width="112" height="165"/><div class="grow p-4 flex flex-col gap-4 justify-center"><div class="flex flex-col"><strong class="text-xl sm:text-2xl h3 !mb-0 leading-none sm:leading-none" data-activate="title_1"></strong> <strong class="text-xl sm:text-2xl h3 text-secondary !mb-0 leading-none sm:leading-none" data-activate="subtitle_1"></strong></div><div class="flex items-center"><a href="/" class="btn btn-primary whitespace-nowrap px-4" data-activate="button_text_1" data-activate-href="button_url_1" ></a></div></div></div><div class="bg-white rounded-lg flex overflow-hidden justify-center grow"><img src="https://www.elektramat.be/static/version1790258389/frontend/Wise/elektramat-3_be/nl_BE/Magento_Catalog/images/product/placeholder/image.jpg" data-activate-src="image_url_2" alt="" class="block object-cover w-28" width="112" height="165"/><div class="grow p-4 flex flex-col gap-4 justify-center"><div class="flex flex-col"><strong class="text-xl sm:text-2xl h3 !mb-0 leading-none sm:leading-none" data-activate="title_2"></strong> <strong class="text-xl sm:text-2xl h3 text-secondary !mb-0 leading-none sm:leading-none" data-activate="subtitle_2"></strong></div><div class="flex items-center"><a href="/" class="btn btn-primary whitespace-nowrap px-4" data-activate="button_text_2" data-activate-href="button_url_2" ></a></div></div></div></div></div></div></dialog></div> <style> :root { }</style>
6428<script>document.addEventListener("DOMContentLoaded", function() { if (document.querySelectorAll('.mf-ytw-wrapper').length || document.querySelectorAll('[data-mf-ytw-youtube-link]').length) { !function (f, b, e, v, t, s) { if(f.mfytwcss)return; f.mfytwcss=1; t = b.createElement(e); t.rel = 'stylesheet'; t.type = 'text/css'; t.href = v; s = b.getElementsByTagName('HEAD')[0]; s.appendChild(t) }(window, document, 'link', 'https://www.elektramat.be/static/version1790258389/frontend/Wise/elektramat-3_be/nl_BE/Magefan_YouTubeWidget/css/youtubewidget.min.css'); } if (document.querySelectorAll('.mf-ytw-wrapper').length) { !function (f, b, e, v, t, s) { if(f.mfytwjs)return; f.mfytwjs=1; t = b.createElement(e); t.type = 'text/javascript'; t.src = v; s = b.getElementsByTagName('HEAD')[0]; s.appendChild(t) }(window, document, 'script', 'https://www.elektramat.be/static/version1790258389/frontend/Wise/elektramat-3_be/nl_BE/Magefan_YouTubeWidget/js/iframe.min.js'); } if (document.querySelectorAll('[data-mf-ytw-youtube-link]').length) { !function (f, b, e, v, t) { if(f.mflinkjs)return; f.mflinkjs=1; t = b.createElement(e); t.type = 'text/javascript'; t.src = v; s = b.getElementsByTagName('HEAD')[0]; s.appendChild(t) }(window, document, 'script', 'https://www.elektramat.be/static/version1790258389/frontend/Wise/elektramat-3_be/nl_BE/Magefan_YouTubeWidget/js/link.min.js'); } });</script>
6428
6428<script> 6429 let SnapSlider = class { 6430 constructor(el, { 6431 labelSepparator = 'van', 6432 autoPager, 6433 groupPager, 6434 loop 6435 } = {}) { 6436 this.el = el; 6437 this.track = this.el.querySelector("[data-track]"); 6438 if (!this.track) { 6439 console.warn( 6440 "No Slider track defined, reverting back to CSS slider.\nPlease create a wrapper for your slides with the attribute data-track", 6441 this.el 6442 ); 6443 return; 6444 } 6445 this.initialLoad = true; 6446 this.slides = []; 6447 this.inViewObserver; 6448 this.mutationObserver; 6449 this.resizeObserver; 6450 this.pager = this.el.querySelector("[data-pager]"); 6451 this.navBtns = Array.from( 6452 this.el.querySelectorAll("[data-next], [data-prev]") 6453 ); 6454 this.slideLabelSepparator = this.el.dataset.slideLabelSepparator || labelSepparator; 6455 this.useAutoPager = autoPager || this.el.hasAttribute("data-auto-pager") || false; 6456 this.useGroupPager = groupPager || this.el.hasAttribute("data-group-pager") || false; 6457 this.useLoop = loop || this.el.hasAttribute("data-loop") || false; 6458 this.sliderLabel = this.el.hasAttribute("aria-label") && this.el.getAttribute("aria-label").toLowerCase().trim().replace(/[^a-z0-9_-]+/g, "-").replace(/^-+|-+$/g, ""); 6459 this.sliderId = this.el.id || this.sliderLabel || "slider"; 6460 this.markerIdName = "data-target-id"; 6461 this.pagerClasses = this.el.dataset.pagerClass || "snap-pager"; 6462 this.markerClasses = this.el.dataset.markerClass || "snap-marker"; 6463 this.init(); 6464 } 6465 init() { 6466 this.setupSlides(); 6467 this.setupNav(); 6468 if (this.useAutoPager) { 6469 this.createPager(); 6470 } else { 6471 this.setupPager(); 6472 } 6473 this.setupObservers(); 6474 this.setupMutationObserver(); 6475 this.setupResizeObserver(); 6476 this.el.addEventListener("click", this.eventHandler.bind(this)); 6477 this.el.addEventListener("keydown", this.eventHandler.bind(this)); 6478 if ("onscrollend" in window) { 6479 this.track.addEventListener("scrollend", () => { 6480 this.isNavigating = false; 6481 }); 6482 } else { 6483 this.track.addEventListener("scroll", () => { 6484 clearTimeout(this.scrollEndTimer); 6485 this.scrollEndTimer = setTimeout(() => { 6486 this.isNavigating = false; 6487 }, 100); 6488 }); 6489 } 6490 } 6491 destroy() { 6492 this.inViewObserver?.disconnect(); 6493 this.mutationObserver?.disconnect(); 6494 this.resizeObserver?.disconnect(); 6495 this.el.removeEventListener("click", this.eventHandler.bind(this)); 6496 this.el.removeEventListener("keydown", this.eventHandler.bind(this)); 6497 } 6498 roundUpIfGreaterThan(number, min = 8) { 6499 const decimalPart = number - Math.floor(number); 6500 return decimalPart >= min ? Math.ceil(number) : Math.floor(number); 6501 } 6502 getInViewItems() { 6503 const inViewSlides = Array.from(this.track.querySelectorAll("[data-in-view]")).filter((el) => this.slides.includes(el)); 6504 const firstInViewSlide = inViewSlides[0] || null; 6505 const lastInViewSlide = inViewSlides[inViewSlides.length - 1] || null; 6506 const isAtStart = firstInViewSlide === this.slides[0]; 6507 const isAtEnd = lastInViewSlide === this.slides[this.slides.length - 1]; 6508 return { 6509 inViewSlides, 6510 totalInViewSlides: inViewSlides.length, 6511 firstInViewSlide, 6512 lastInViewSlide, 6513 isAtStart, 6514 isAtEnd, 6515 hasNoOverflow: isAtStart && isAtEnd 6516 }; 6517 } 6518 groupPagerMarkers() { 6519 if (this.slides.length === 0 || !this.pager || !this.useGroupPager) return; 6520 const totalVisibleSlides = this.roundUpIfGreaterThan( 6521 this.track.offsetWidth / this.slides[0].offsetWidth 6522 ); 6523 const markers = Array.from(this.pager.querySelectorAll("a, button"));
6524 markers.forEach((marker, index) => { 6525 marker.style.display = index % totalVisibleSlides === 0 ? null : "none"; 6526 }); 6527 } 6528 handleInView(entries) { 6529 entries.forEach((entry) => { 6530 const marker = this.pager && (this.pager.querySelector(`[href="#${entry.target.id}"]`) || this.pager.querySelector( 6531 `[${this.markerIdName}="${entry.target.id}"]` 6532 )); 6533 entry.target.toggleAttribute("data-in-view", entry.isIntersecting); 6534 entry.target.toggleAttribute("inert", !entry.isIntersecting); 6535 marker?.setAttribute("aria-current", entry.isIntersecting); 6536 marker?.setAttribute("tabindex", entry.isIntersecting ? "0" : "-1"); 6537 }); 6538 const { isAtStart, isAtEnd, hasNoOverflow } = this.getInViewItems(); 6539 this.navBtns.forEach((btn) => { 6540 if (btn.hasAttribute("data-next")) { 6541 btn.style.visibility = hasNoOverflow ? "hidden" : null; 6542 isAtEnd && !this.useLoop ? btn.setAttribute("disabled", "") : btn.removeAttribute("disabled"); 6543 } 6544 if (btn.hasAttribute("data-prev")) { 6545 btn.style.visibility = hasNoOverflow ? "hidden" : null; 6546 isAtStart && !this.useLoop ? btn.setAttribute("disabled", "") : btn.removeAttribute("disabled"); 6547 } 6548 }); 6549 if (this.pager) { 6550 this.pager.style.visibility = hasNoOverflow ? "hidden" : null; 6551 this.pager.toggleAttribute("inert", hasNoOverflow); 6552 } 6553 if (!this.initialLoad) { 6554 this.el.dispatchEvent( 6555 new CustomEvent("slideChange", { 6556 detail: this.getInViewItems() 6557 }) 6558 ); 6559 } else { 6560 this.initialLoad = false; 6561 } 6562 if (document.activeElement.parentElement.hasAttribute("data-pager")) { 6563 const activeItems = this.pager.querySelectorAll('[tabindex="0"]'); 6564 if (activeItems.length) { 6565 activeItems[0].focus({ preventScroll: true }); 6566 } 6567 } 6568 } 6569 getSlides() { 6570 if (!this.track) return []; 6571 return Array.from(this.track.children).filter( 6572 (child) => child.tagName.toLowerCase() !== "template" && child.tagName.toLowerCase() !== "style" && child.tagName.toLowerCase() !== "script" && child.style.display !== "none" 6573 ); 6574 } 6575 refreshSlides() { 6576 this.initialLoad = true; 6577 this.slides = this.getSlides(); 6578 this.setupSlides(); 6579 if (this.useAutoPager) { 6580 this.createPager(); 6581 } else { 6582 this.setupPager(); 6583 } 6584 this.groupPagerMarkers(); 6585 this.setupObservers(); 6586 } 6587 setupSlides() { 6588 this.slides = this.getSlides(); 6589 this.slides.forEach((slide, index) => { 6590 const totalSlides = this.slides.length; 6591 const currentSlide = index + 1; 6592 const existingLabel = slide.getAttribute("aria-label") || ""; 6593 const isImage = slide.tagName.toLowerCase() === "img" || slide.tagName.toLowerCase() === "picture"; 6594 const slideLabelTag = isImage ? "alt" : "aria-label"; 6595 const hasAutoLabel = existingLabel.startsWith( 6596 `${currentSlide} ${this.slideLabelSepparator} ` 6597 ); 6598 if (!slide.hasAttribute("id")) { 6599 slide.setAttribute( 6600 "id", 6601 `${this.sliderId}-item-${currentSlide}` 6602 ); 6603 } 6604 if (!slide.hasAttribute(slideLabelTag) || slide.getAttribute(slideLabelTag) === "" || hasAutoLabel) { 6605 slide.setAttribute( 6606 slideLabelTag, 6607 `${currentSlide} ${this.slideLabelSepparator} ${totalSlides}` 6608 ); 6609 } 6610 if (slide.tagName.toLowerCase() === "div" && !slide.hasAttribute("role")) { 6611 slide.setAttribute("role", "group"); 6612 } 6613 if (this.pager && !isImage) { 6614 slide.setAttribute("role", "tabpanel"); 6615 } 6616 if (slide.getAttribute("role") === "group") { 6617 slide.setAttribute("aria-roledescription", "item"); 6618 } 6619 }); 6620 if (!this.el.hasAttribute("role") && this.el.tagName !== "SECTION") { 6621 this.el.setAttribute("role", "region"); 6622 } 6623 if (!this.el.hasAttribute("aria-roledescription")) { 6624 this.el.setAttribute("aria-roledescription", "carousel"); 6625 } 6626 if (!this.track.hasAttribute("tabindex")) { 6627 this.track.setAttribute("tabindex", 0); 6628 } 6629 this.track.setAttribute("aria-live", "polite"); 6630 } 6631 setupNav() { 6632 this.navBtns.forEach((btn) => { 6633 btn.setAttribute("disabled", ""); 6634 btn.removeAttribute("hidden"); 6635 btn.classList.remove("invisible"); 6636 btn.style.visibility = null; 6637 }); 6638 } 6639 createPager() { 6640 const newPager = document.createElement("nav"); 6641 newPager.setAttribute("data-pager", ""); 6642 newPager.setAttribute("role", "tablist"); 6643 newPager.classList.add(...this.pagerClasses.split(" "));
6644 this.slides.forEach((slide, index) => { 6645 const marker = document.createElement("button"); 6646 const slideId = slide.id || `${this.sliderId}-item-${index + 1}`; 6647 marker.setAttribute(this.markerIdName, slideId); 6648 marker.classList.add(...this.markerClasses.split(" ")); 6649 this.setupPagerMarker(marker, index); 6650 newPager.appendChild(marker); 6651 if (slide.tagName.toLowerCase() !== "img" && slide.tagName.toLowerCase() !== "picture") { 6652 slide.removeAttribute("aria-roledescription"); 6653 slide.setAttribute("role", "tabpanel"); 6654 } 6655 }); 6656 if (this.pager) { 6657 this.pager.setAttribute("role", "tablist"); 6658 this.pager.replaceChildren(...newPager.children); 6659 } else { 6660 this.track.after(newPager); 6661 this.pager = this.el.querySelector("[data-pager]"); 6662 } 6663 } 6664 setupPager() { 6665 if (!this.pager) return; 6666 this.pager.setAttribute("role", "tablist"); 6667 const items = Array.from(this.pager.querySelectorAll("a, button")); 6668 items.forEach((marker, index) => this.setupPagerMarker(marker, index)); 6669 } 6670 setupPagerMarker(marker, index) { 6671 const markerId = marker.getAttribute("href")?.slice(1) || marker.getAttribute(this.markerIdName); 6672 const slideId = markerId || `${this.sliderId}-item-${index + 1}`; 6673 if (!markerId) { 6674 marker.setAttribute(this.markerIdName, slideId); 6675 } 6676 marker.setAttribute("role", "tab"); 6677 marker.setAttribute("aria-controls", slideId); 6678 marker.setAttribute("aria-posinset", index + 1); 6679 marker.setAttribute("aria-setsize", this.slides.length); 6680 marker.setAttribute("tabindex", "-1"); 6681 if (!marker.hasAttribute("aria-label")) { 6682 marker.setAttribute("aria-label", `Slide ${index + 1}`); 6683 } 6684 } 6685 setupObservers() { 6686 if (this.inViewObserver) { 6687 this.inViewObserver.disconnect(); 6688 } 6689 this.inViewObserver = new IntersectionObserver( 6690 this.handleInView.bind(this), { 6691 root: this.track, 6692 threshold: 0.8 6693 } 6694 ); 6695 this.slides.forEach((slide) => this.inViewObserver.observe(slide)); 6696 } 6697 setupMutationObserver() { 6698 this.mutationObserver = new MutationObserver((mutations) => { 6699 if (mutations.some((m) => m.type === "childList" || m.target.parentElement === this.track)) { 6700 this.refreshSlides(); 6701 } 6702 }); 6703 this.mutationObserver.observe(this.track, { 6704 childList: true, 6705 subtree: true, 6706 attributeFilter: ["style"] 6707 }); 6708 } 6709 setupResizeObserver() { 6710 this.resizeObserver = new ResizeObserver( 6711 this.groupPagerMarkers.bind(this) 6712 ); 6713 this.resizeObserver.observe(this.el); 6714 } 6715 goToSlideDir(dir = "next") { 6716 if (this.isNavigating) return; 6717 const { firstInViewSlide, lastInViewSlide } = this.getInViewItems(); 6718 const isPrev = dir === "prev"; 6719 const referenceSlide = isPrev ? firstInViewSlide : lastInViewSlide; 6720 const currentIndex = this.slides.indexOf(referenceSlide); 6721 let targetIndex = isPrev ? currentIndex - 1 : currentIndex + 1; 6722 if (targetIndex < 0 || targetIndex >= this.slides.length) { 6723 if (!this.useLoop) return; 6724 targetIndex = isPrev ? this.slides.length - 1 : 0; 6725 } 6726 const targetSlide = this.slides[targetIndex]; 6727 if (!targetSlide) return; 6728 this.isNavigating = true; 6729 targetSlide.scrollIntoView({ 6730 block: "nearest", 6731 inline: isPrev ? "end" : "start" 6732 }); 6733 } 6734 pagerToSlide(event) { 6735 if (!event.target.closest("[data-pager]")) return; 6736 const marker = event.target.closest("a, button"); 6737 if (!marker) return; 6738 event.preventDefault(); 6739 const slideId = marker.getAttribute("href")?.slice(1) || marker.getAttribute(this.markerIdName); 6740 const targetSlide = this.track.querySelector(`#${slideId}`);
6741 targetSlide?.scrollIntoView({ block: "nearest", inline: "start" }); 6742 } 6743 eventHandler(event) { 6744 const target = event.target.closest( 6745 "[data-next], [data-prev], [data-pager]" 6746 ); 6747 if (!target) return; 6748 if (event.type === "click") { 6749 if (target.hasAttribute("data-next")) { 6750 this.goToSlideDir("next"); 6751 } else if (target.hasAttribute("data-prev")) { 6752 this.goToSlideDir("prev"); 6753 } else if (target.closest("[data-pager]")) { 6754 this.pagerToSlide(event); 6755 } 6756 } 6757 if (event.type === "keydown" && target.closest("[data-pager]")) { 6758 if (event.key === "ArrowRight" || event.key === "ArrowDown") { 6759 event.preventDefault(); 6760 this.goToSlideDir("next"); 6761 } else if (event.key === "ArrowLeft" || event.key === "ArrowUp") { 6762 event.preventDefault(); 6763 this.goToSlideDir("prev"); 6764 } 6765 } 6766 } 6767 }; 6768 6769 (() => { 6770 function alpineSnapSlider(Alpine) { 6771 Alpine.directive("snap-slider", (el, { 6772 modifiers 6773 }, { 6774 cleanup 6775 }) => { 6776 const slider = new SnapSlider(el, { 6777 autoPager: modifiers.includes("auto-pager"), 6778 groupPager: modifiers.includes("group-pager"), 6779 loop: modifiers.includes("loop") 6780 }); 6781 cleanup(() => { 6782 slider.destroy(); 6783 }); 6784 }); 6785 } 6786 6787 document.addEventListener("alpine:init", () => { 6788 window.Alpine.plugin(alpineSnapSlider); 6789 }); 6790 })();</script>
6790
6790<script> 6791 (() => { 6792 'use strict'; 6793 6794 if (typeof SnapSlider === 'undefined') { 6795 return; 6796 } 6797 6798 const RESIZE_DEBOUNCE_MS = 150; 6799 const SCROLL_FALLBACK_THROTTLE_MS = 100; 6800 6801 window.AmSnapSlider = class AmSnapSlider extends SnapSlider { 6802 init() { 6803 this.useInfinite = this.el.hasAttribute('data-am-infinity-loop'); 6804 6805 super.init(); 6806 6807 if (!this.useInfinite || !this.track) { 6808 return; 6809 } 6810 6811 this._cloneCount = 0; 6812 this._isCloning = false; 6813 this._isJumping = false; 6814 this._onInfiniteScrollEnd = this._onInfiniteScrollEnd.bind(this); 6815 6816 this._setupInfiniteLoop(); 6817 this._bindInfiniteScrollEnd(); 6818 } 6819 6820 getSlides() { 6821 const slides = super.getSlides(); 6822 6823 if (!this.useInfinite) { 6824 return slides; 6825 } 6826 6827 return slides.filter((child) => !child.hasAttribute('data-clone')); 6828 } 6829 6830 refreshSlides() { 6831 if (!this.useInfinite) { 6832 return super.refreshSlides(); 6833 } 6834 6835 if (this._isCloning) { 6836 return; 6837 } 6838 6839 this._removeClones(); 6840 super.refreshSlides(); 6841 this._setupInfiniteLoop(); 6842 } 6843 6844 setupResizeObserver() { 6845 this.resizeObserver = new ResizeObserver(() => { 6846 requestAnimationFrame(() => { 6847 if (this._isCloning || this._isJumping) { 6848 return; 6849 } 6850 6851 this.groupPagerMarkers(); 6852 6853 if (!this.useInfinite) { 6854 return; 6855 } 6856 6857 clearTimeout(this._resizeInfiniteTimer); 6858 this._resizeInfiniteTimer = setTimeout(() => { 6859 this._setupInfiniteLoop(); 6860 }, RESIZE_DEBOUNCE_MS); 6861 }); 6862 }); 6863 this.resizeObserver.observe(this.el); 6864 } 6865 6866 goToSlideDir(dir = 'next') { 6867 if (!this.useInfinite || !this._cloneCount) { 6868 return super.goToSlideDir(dir); 6869 } 6870 6871 if (this.isNavigating || this._isJumping) { 6872 return; 6873 } 6874 6875 const allSlides = this._getAllTrackSlides(); 6876 6877 if (!allSlides.length) { 6878 return; 6879 } 6880 6881 6882 const inViewSlides = this._getVisibleTrackSlides(allSlides); 6883 const isPrev = dir === 'prev'; 6884 const referenceSlide = isPrev 6885 ? inViewSlides[0] 6886 : inViewSlides[inViewSlides.length - 1]; 6887 const currentIndex = allSlides.indexOf(referenceSlide); 6888 6889 if (currentIndex < 0) { 6890 return; 6891 } 6892 6893 const targetIndex = isPrev ? currentIndex - 1 : currentIndex + 1; 6894 6895 if (targetIndex < 0 || targetIndex >= allSlides.length) { 6896 return; 6897 } 6898 6899 const targetSlide = allSlides[targetIndex]; 6900 6901 if (!targetSlide) { 6902 return; 6903 } 6904 6905 this.isNavigating = true; 6906 targetSlide.scrollIntoView({ 6907 block: 'nearest', 6908 inline: isPrev ? 'end' : 'start' 6909 }); 6910 } 6911 6912 handleInView(entries) { 6913 this.focusOnActivePageMarker(); 6914 6915 if (!this.useInfinite) { 6916 const focusedNavBtn = this.navBtns.includes(document.activeElement) 6917 ? document.activeElement 6918 : null; 6919 6920 super.handleInView(entries); 6921 6922 if (focusedNavBtn?.disabled) { 6923 this.navBtns.find((btn) =>
6923 !btn.disabled)?.focus({ preventScroll: true });; 6924 } 6925 6926 return; 6927 } 6928 6929 const realEntries = []; 6930 6931 entries.forEach((entry) => { 6932 if (entry.target.hasAttribute('data-clone')) { 6933 entry.target.toggleAttribute('data-in-view', entry.isIntersecting); 6934 entry.target.setAttribute('inert', ''); 6935 entry.target.setAttribute('aria-hidden', 'true'); 6936 return; 6937 } 6938 6939 realEntries.push(entry); 6940 }); 6941 6942 if (realEntries.length) { 6943 super.handleInView(realEntries); 6944 } 6945 6946 this.navBtns.forEach((btn) => { 6947 btn.removeAttribute('disabled'); 6948 btn.style.visibility = null; 6949 }); 6950 } 6951 6952 focusOnActivePageMarker() { 6953 if (!this.useGroupPager || !this.pager || !this.slides.length) { 6954 return; 6955 } 6956 6957 const totalVisibleSlides = this.roundUpIfGreaterThan( 6958 this.track.offsetWidth / this.slides[0].offsetWidth 6959 ); 6960 const markers = Array.from(this.pager.querySelectorAll('a, button')); 6961 const { lastInViewSlide } = this.getInViewItems(); 6962 const activeIndex = lastInViewSlide ? this.slides.indexOf(lastInViewSlide) : -1; 6963 const activeGroupLeaderIndex = activeIndex >= 0 6964 ? activeIndex - (activeIndex % totalVisibleSlides) 6965 : -1; 6966 6967 let currentMarker = null; 6968 6969 markers.forEach((marker, index) => { 6970 const isGroupLeader = index % totalVisibleSlides === 0; 6971 6972 if (!isGroupLeader) { 6973 marker.setAttribute('aria-current', 'false'); 6974 marker.setAttribute('tabindex', '-1'); 6975 return; 6976 } 6977 6978 const isCurrent = index === activeGroupLeaderIndex; 6979 6980 marker.setAttribute('aria-current', String(isCurrent)); 6981 marker.setAttribute('tabindex', isCurrent ? '0' : '-1'); 6982 6983 if (isCurrent) { 6984 currentMarker = marker; 6985 } 6986 }); 6987 6988 if (currentMarker && this.pager.contains(document.activeElement) 6989 && document.activeElement !== currentMarker 6990 ) {
6991 currentMarker.focus({ preventScroll: true }); 6992 } 6993 } 6994 6995 destroy() { 6996 if (this.useInfinite) { 6997 this._unbindInfiniteScrollEnd(); 6998 clearTimeout(this._resizeInfiniteTimer); 6999 clearTimeout(this._infiniteScrollTimer); 7000 this._removeClones(); 7001 } 7002 7003 super.destroy(); 7004 } 7005 7006 _getAllTrackSlides() { 7007 return this.track ? super.getSlides() : []; 7008 } 7009 7010 _getClosestSlideIndex(slides) { 7011 const trackLeft = this.track.getBoundingClientRect().left; 7012 let closest = 0; 7013 let minDist = Infinity; 7014 7015 slides.forEach((slide, index) => { 7016 const dist = Math.abs(slide.getBoundingClientRect().left - trackLeft); 7017 if (dist < minDist) { 7018 minDist = dist; 7019 closest = index; 7020 } 7021 }); 7022 7023 return closest; 7024 } 7025 7026 _getVisibleTrackSlides(slides) { 7027 const marked = slides.filter((slide) => slide.hasAttribute('data-in-view')); 7028 if (marked.length) { 7029 return marked; 7030 } 7031 7032 const trackRect = this.track.getBoundingClientRect(); 7033 const threshold = 0.8; 7034 7035 return slides.filter((slide) => { 7036 const rect = slide.getBoundingClientRect(); 7037 const visibleWidth = Math.min(rect.right, trackRect.right) 7038 - Math.max(rect.left, trackRect.left); 7039 7040 if (visibleWidth <= 0) { 7041 return false; 7042 } 7043 7044 return (visibleWidth / Math.max(rect.width, 1)) >= threshold; 7045 }); 7046 } 7047 7048 _getSlideScrollLeft(slide) { 7049 const trackRect = this.track.getBoundingClientRect(); 7050 const slideRect = slide.getBoundingClientRect(); 7051 7052 return this.track.scrollLeft + (slideRect.left - trackRect.left); 7053 } 7054 7055 _createClone(slide, position, index) { 7056 const clone = slide.cloneNode(true); 7057 const baseId = slide.id || `${this.sliderId}-item-${index + 1}`; 7058 7059 clone.setAttribute('data-clone', position); 7060 clone.setAttribute('data-clone-of', baseId); 7061 clone.setAttribute('aria-hidden', 'true'); 7062 clone.setAttribute('inert', ''); 7063 clone.setAttribute('x-ignore', ''); 7064 clone.id = `${baseId}-clone-${position}-${index}`; 7065 clone.removeAttribute('data-in-view'); 7066 7067 clone.querySelectorAll('[id]').forEach((el) => { 7068 if (el !== clone) { 7069 el.removeAttribute('id'); 7070 } 7071 }); 7072 clone.querySelectorAll('[name]').forEach((el) => { 7073 el.removeAttribute('name'); 7074 }); 7075 7076 return clone; 7077 } 7078 7079 _removeClones() { 7080 if (!this.track) { 7081 return; 7082 } 7083 7084 this.track.querySelectorAll('[data-clone]').forEach((clone) => { 7085 clone.remove(); 7086 }); 7087 this._cloneCount = 0; 7088 } 7089 7090 _silentScrollTo(slide) { 7091 if (!slide || !this.track) { 7092 return; 7093 } 7094 7095 this._isJumping = true; 7096 7097 const track = this.track; 7098 const prevBehavior = track.style.scrollBehavior; 7099 const prevSnap = track.style.scrollSnapType; 7100 7101 track.style.scrollBehavior = 'auto'; 7102 track.style.scrollSnapType = 'none'; 7103 track.scrollLeft = this._getSlideScrollLeft(slide); 7104 7105 requestAnimationFrame(() => { 7106 track.style.scrollBehavior = prevBehavior; 7107 track.style.scrollSnapType = prevSnap; 7108 this._isJumping = false;
7109 this.isNavigating = false; 7110 }); 7111 } 7112 7113 _canUseInfinite(realSlides) { 7114 if (!realSlides.length || realSlides.length < 2) { 7115 return false; 7116 } 7117 7118 return this.track.scrollWidth > this.track.clientWidth + 1; 7119 } 7120 7121 _setupInfiniteLoop() { 7122 if (!this.useInfinite || !this.track || this._isCloning) { 7123 return; 7124 } 7125 7126 this._isCloning = true; 7127 this.mutationObserver?.disconnect(); 7128 7129 let restoreIndex = 0; 7130 const { firstInViewSlide } = this.getInViewItems(); 7131 const currentIndex = this.slides.indexOf(firstInViewSlide); 7132 7133 if (currentIndex >= 0) { 7134 restoreIndex = currentIndex; 7135 } 7136 7137 this._removeClones(); 7138 7139 const realSlides = this.getSlides(); 7140 7141 this.slides = realSlides; 7142 7143 if (!this._canUseInfinite(realSlides)) { 7144 this._cloneCount = 0; 7145 this._isCloning = false; 7146 this._reobserveMutations(); 7147 this.setupObservers(); 7148 7149 return; 7150 } 7151 7152 const slideWidth = realSlides[0].offsetWidth || 1; 7153 const visibleCount = Math.max( 7154 1, 7155 this.roundUpIfGreaterThan(this.track.offsetWidth / slideWidth) 7156 ); 7157 7158 this._cloneCount = Math.min(visibleCount, realSlides.length); 7159 7160 const prependFragment = document.createDocumentFragment(); 7161 7162 for (let i = realSlides.length - this._cloneCount; i < realSlides.length; i++) { 7163 prependFragment.appendChild( 7164 this._createClone(realSlides[i], 'pre', i) 7165 ); 7166 } 7167 this.track.insertBefore(prependFragment, this.track.firstChild); 7168 7169 const appendFragment = document.createDocumentFragment(); 7170 for (let i = 0; i < this._cloneCount; i++) { 7171 appendFragment.appendChild( 7172 this._createClone(realSlides[i], 'post', i) 7173 ); 7174 } 7175 this.track.appendChild(appendFragment); 7176 7177 this.slides = this.getSlides(); 7178 this.setupObservers(); 7179 7180 this._getAllTrackSlides().forEach((slide) => { 7181 if (slide.hasAttribute('data-clone')) { 7182 this.inViewObserver.observe(slide); 7183 } 7184 }); 7185 7186 const target = this.slides[restoreIndex] || this.slides[0]; 7187 requestAnimationFrame(() => { 7188 this._silentScrollTo(target); 7189 this._isCloning = false; 7190 this._reobserveMutations(); 7191 }); 7192 } 7193 7194 _reobserveMutations() { 7195 if (!this.mutationObserver || !this.track) { 7196 return; 7197 } 7198 7199 7200 7201 this.mutationObserver.observe(this.track, { 7202 childList: true, 7203 subtree: false 7204 }); 7205 } 7206 7207 _bindInfiniteScrollEnd() { 7208 if (!this.track) { 7209 return; 7210 } 7211 7212 if ('onscrollend' in window) { 7213 this.track.addEventListener('scrollend', this._onInfiniteScrollEnd); 7214 return; 7215 } 7216 7217 this._onInfiniteScrollFallback = () => { 7218 clearTimeout(this._infiniteScrollTimer); 7219 this._infiniteScrollTimer = setTimeout(() => { 7220 this._onInfiniteScrollEnd(); 7221 }, SCROLL_FALLBACK_THROTTLE_MS); 7222 }; 7223 this.track.addEventListener('scroll', this._onInfiniteScrollFallback); 7224 } 7225 7226 _unbindInfiniteScrollEnd() { 7227 if (!this.track) { 7228 return; 7229 } 7230 7231 this.track.removeEventListener('scrollend', this._onInfiniteScrollEnd); 7232 if (this._onInfiniteScrollFallback) { 7233 this.track.removeEventListener('scroll', this._onInfiniteScrollFallback); 7234 } 7235 } 7236 7237 _onInfiniteScrollEnd() { 7238 if (this._isJumping || this._isCloning || this._isSimulateDragging) { 7239 return; 7240 } 7241 7242 if (!this.useInfinite || !this._cloneCount) { 7243 this.isNavigating = false;
7244 7245 return; 7246 } 7247 7248 const allSlides = this._getAllTrackSlides(); 7249 const realCount = this.slides.length; 7250 7251 if (!realCount || allSlides.length < realCount + this._cloneCount) { 7252 this.isNavigating = false; 7253 7254 return; 7255 } 7256 7257 const currentIndex = this._getClosestSlideIndex(allSlides); 7258 7259 if (currentIndex < this._cloneCount) { 7260 this._silentScrollTo(allSlides[currentIndex + realCount]); 7261 7262 return; 7263 } 7264 7265 if (currentIndex >= this._cloneCount + realCount) { 7266 this._silentScrollTo(allSlides[currentIndex - realCount]); 7267 7268 return; 7269 } 7270 7271 this.isNavigating = false; 7272 } 7273 }; 7274 7275 function alpineAmSnapSlider(Alpine) { 7276 Alpine.directive('am-snap-slider', (el, { modifiers }, { cleanup }) => { 7277 const slider = new window.AmSnapSlider(el, { 7278 autoPager: modifiers.includes('auto-pager'), 7279 groupPager: modifiers.includes('group-pager') 7280 }); 7281 cleanup(() => { 7282 slider.destroy(); 7283 }); 7284 }); 7285 } 7286 7287 document.addEventListener('alpine:init', () => { 7288 window.Alpine.plugin(alpineAmSnapSlider); 7289 }); 7290 })();</script>
7290
7290<script> 7291 (() => { 7292 'use strict'; 7293 7294 if (typeof window.AmSnapSlider === 'undefined') { 7295 return; 7296 } 7297 7298 7299 const DRAG_THRESHOLD_PX = 8; 7300 7301 7302 const DOC_DRAG_EVENTS = ['pointermove', 'pointerup', 'pointercancel']; 7303 7304 const AmSnapSliderBase = window.AmSnapSlider; 7305 7306 window.AmSnapSlider = class AmSnapSlider extends AmSnapSliderBase { 7307 init() { 7308 this.useSimulateTouch = this.el.hasAttribute('data-am-simulate-touch'); 7309 7310 super.init(); 7311 7312 if (!this.useSimulateTouch || !this.track) { 7313 return; 7314 } 7315 7316 this._dragTracking = false; 7317 this._dragMoved = false; 7318 this._isSimulateDragging = false; 7319 this._dragStartX = 0; 7320 this._dragScrollLeft = 0; 7321 this._dragPointerId = null; 7322 this._suppressClick = false; 7323 7324 this._onSimulatePointerDown = this._onSimulatePointerDown.bind(this); 7325 this._onSimulatePointerMove = this._onSimulatePointerMove.bind(this); 7326 this._onSimulatePointerUp = this._onSimulatePointerUp.bind(this); 7327 this._onSimulateClickCapture = this._onSimulateClickCapture.bind(this); 7328 this._onSimulateDragStart = this._onSimulateDragStart.bind(this); 7329 7330 this._bindSimulateTouch(); 7331 } 7332 7333 destroy() { 7334 if (this.useSimulateTouch) { 7335 this._unbindSimulateTouch(); 7336 } 7337 7338 super.destroy(); 7339 } 7340 7341 _bindSimulateTouch() { 7342 if (!this.track) { 7343 return; 7344 } 7345 7346 this.track.classList.add('am-snap-simulate-touch'); 7347 this.track.addEventListener('pointerdown', this._onSimulatePointerDown); 7348 this.track.addEventListener('dragstart', this._onSimulateDragStart, true); 7349 this.track.addEventListener('click', this._onSimulateClickCapture, true); 7350 } 7351 7352 _unbindSimulateTouch() { 7353 if (!this.track) { 7354 return; 7355 } 7356 7357 this._endSimulateDrag(); 7358 this.track.classList.remove('am-snap-simulate-touch', 'is-dragging'); 7359 this.track.removeEventListener('pointerdown', this._onSimulatePointerDown); 7360 this.track.removeEventListener('dragstart', this._onSimulateDragStart, true); 7361 this.track.removeEventListener('click', this._onSimulateClickCapture, true); 7362 } 7363 7364 _onSimulateDragStart(event) { 7365 event.preventDefault(); 7366 } 7367 7368 _onSimulatePointerDown(event) { 7369 if (event.pointerType !== 'mouse' || event.button !== 0) { 7370 return; 7371 } 7372 7373 if (this._isJumping || this._isCloning || !this.track) { 7374 return; 7375 } 7376 7377 this._dragTracking = true; 7378 this._dragMoved = false; 7379 this._suppressClick = false; 7380 this._dragStartX = event.clientX; 7381 this._dragScrollLeft = this.track.scrollLeft; 7382 this._dragPointerId = event.pointerId; 7383 7384 DOC_DRAG_EVENTS.forEach((name) => { 7385 const handler = name === 'pointermove' 7386 ? this._onSimulatePointerMove 7387 : this._onSimulatePointerUp; 7388 document.addEventListener(name, handler); 7389 }); 7390 } 7391 7392 _onSimulatePointerMove(event) { 7393 if (!this._dragTracking || event.pointerId !== this._dragPointerId || !this.track) { 7394 return; 7395 } 7396 7397 const deltaX = event.clientX - this._dragStartX; 7398 7399 if (!this._dragMoved) { 7400 if (Math.abs(deltaX) < DRAG_THRESHOLD_PX) { 7401 return; 7402 } 7403 7404 this._dragMoved = true; 7405 this._isSimulateDragging = true; 7406 this._suppressClick = true; 7407 this.track.style.scrollSnapType = 'none'; 7408 this.track.style.scrollBehavior = 'auto'; 7409 this.track.classList.add('is-dragging'); 7410 7411 try { 7412 this.track.setPointerCapture(event.pointerId); 7413 } catch (e) { 7414 7415 } 7416 } 7417 7418 event.preventDefault(); 7419 this.track.scrollLeft = this._dragScrollLeft - deltaX; 7420 } 7421 7422 _onSimulatePointerUp(event) { 7423 if (!this._dragTracking || event.pointerId !== this._dragPointerId) { 7424 return; 7425 } 7426 7427 this._endSimulateDrag(); 7428 } 7429 7430 /** 7431 * Instantly align to the closest slide without CSS smooth scrolling. 7432 * Restoring snap+smooth from a mid-snap offset is what causes desktop jerk. 7433 */ 7434 _snapToNearestAfterDrag() { 7435 if (!this.track) { 7436 return; 7437 } 7438 7439 const slides = typeof this._getAllTrackSlides === 'function' 7440 ? this._getAllTrackSlides() 7441 : Array.from(this.track.children); 7442 7443 if (!slides.length) { 7444 return; 7445 } 7446 7447 if (typeof this._getClosestSlideIndex === 'function' 7448 && typeof this._getSlideScrollLeft === 'function' 7449 ) { 7450 const slide = slides[this._getClosestSlideIndex(slides)]; 7451 7452 if (slide) { 7453 this.track.scrollLeft = this._getSlideScrollLeft(slide); 7454 } 7455 7456 return; 7457 } 7458 7459 const trackLeft = this.track.getBoundingClientRect().left; 7460 let closest = null; 7461 let minDist = Infinity; 7462 7463 for (const slide of slides) { 7464 const dist = Math.abs(slide.getBoundingClientRect().left - trackLeft); 7465 if (dist < minDist) { 7466 minDist = dist; 7467 closest = slide; 7468 } 7469 } 7470 7471 if (closest) { 7472 this.track.scrollLeft += closest.getBoundingClientRect().left - trackLeft; 7473 } 7474 } 7475 7476 _endSimulateDrag() {
7477 DOC_DRAG_EVENTS.forEach((name) => { 7478 const handler = name === 'pointermove' 7479 ? this._onSimulatePointerMove 7480 : this._onSimulatePointerUp; 7481 document.removeEventListener(name, handler); 7482 }); 7483 7484 if (!this.track) { 7485 this._dragTracking = false; 7486 this._dragMoved = false; 7487 this._isSimulateDragging = false; 7488 this._dragPointerId = null; 7489 7490 return; 7491 } 7492 7493 if (this._dragPointerId !== null) { 7494 try { 7495 if (this.track.hasPointerCapture?.(this._dragPointerId)) { 7496 this.track.releasePointerCapture(this._dragPointerId); 7497 } 7498 } catch (e) { 7499 7500 } 7501 } 7502 7503 if (this._dragMoved) { 7504 7505 this.track.style.scrollSnapType = 'none'; 7506 this.track.style.scrollBehavior = 'auto'; 7507 this._snapToNearestAfterDrag(); 7508 7509 7510 this._isSimulateDragging = false; 7511 this._onInfiniteScrollEnd?.(); 7512 7513 7514 requestAnimationFrame(() => { 7515 if (!this.track) { 7516 return; 7517 } 7518 this.track.style.scrollSnapType = ''; 7519 this.track.classList.remove('is-dragging'); 7520 7521 requestAnimationFrame(() => { 7522 if (this.track) { 7523 this.track.style.scrollBehavior = ''; 7524 } 7525 }); 7526 }); 7527 } else { 7528 this._isSimulateDragging = false; 7529 } 7530 7531 this._dragTracking = false; 7532 this._dragMoved = false; 7533 this._dragPointerId = null; 7534 7535 if (this._suppressClick) { 7536 requestAnimationFrame(() => { 7537 this._suppressClick = false; 7538 }); 7539 } 7540 } 7541 7542 _onSimulateClickCapture(event) { 7543 if (!this._suppressClick) { 7544 return; 7545 } 7546 7547 event.preventDefault(); 7548 event.stopPropagation(); 7549 this._suppressClick = false; 7550 } 7551 }; 7552 })();</script>
7552
7552<script> 7553 (() => { 7554 7555 function dialog_default(Alpine) { 7556 Alpine.directive("htmldialog", fylgjaAlpineDialog); 7557 function fylgjaAlpineDialog(el, { expression, modifiers }, { evaluateLater, cleanup }) { 7558 const evaluate = expression.length ? evaluateLater(expression) : () => {}; 7559 const lockPageScroll = modifiers.includes("noscroll"); 7560 const isModeless = modifiers.includes("modeless"); 7561 const closeBy = el.getAttribute("closeby") || modifierValue(modifiers, "closeby", "closerequest"); 7562 el.style.display = null; 7563 el.style.length === 0 && el.removeAttribute("style"); 7564 if (el._x_isShown) { 7565 open(); 7566 } 7567 const closeBySupported = (() => { 7568 return "closedBy" in HTMLDialogElement.prototype; 7569 })(); 7570 function scrollLock(use = true) { 7571 document.body.style.overflow = use ? "hidden" : ""; 7572 } 7573 function dialogSubmit(event) { 7574 if (event.target.getAttribute("method") === "dialog" || event.submitter?.getAttribute("formmethod") === "dialog") { 7575 event.preventDefault(); 7576 evaluate(); 7577 } 7578 } 7579 function escapeDialog(event) { 7580 if (event.key !== "Escape") return; 7581 event.preventDefault(); 7582 if (closeBy === "none") return; 7583 evaluate(); 7584 } 7585 function handleCloseByEvent(event) { 7586 if (event.target !== el) return; 7587 const rect = el.getBoundingClientRect(); 7588 const isInDialog = rect.top <= event.clientY && event.clientY <= rect.top + rect.height && rect.left <= event.clientX && event.clientX <= rect.left + rect.width; 7589 if (!isInDialog) { 7590 if (closeBy === "any") { 7591 if (closeBySupported) { 7592 event.preventDefault(); 7593 } 7594 evaluate(); 7595 } 7596 } 7597 } 7598 function handleCloseEvent() { 7599 evaluate(); 7600 } 7601 function open() { 7602 if (el.hasAttribute("open")) return; 7603 isModeless ? el.show() : el.showModal(); 7604 scrollLock(lockPageScroll); 7605 } 7606 function close() { 7607 if (!el.hasAttribute("open")) return; 7608 el.close(); 7609 scrollLock(false); 7610 } 7611 el._x_doShow = () => open(); 7612 el._x_doHide = () => close(); 7613 el.addEventListener("keydown", escapeDialog); 7614 el.addEventListener("submit", dialogSubmit); 7615 el.addEventListener("click", handleCloseByEvent); 7616 el.addEventListener("cancel", handleCloseEvent); 7617 cleanup(() => { 7618 el.removeEventListener("keydown", escapeDialog); 7619 el.removeEventListener("submit", dialogSubmit); 7620 el.removeEventListener("click", handleCloseByEvent); 7621 el.removeEventListener("cancel", handleCloseEvent); 7622 scrollLock(false); 7623 }); 7624 } 7625 } 7626 function modifierValue(modifiers, key, fallback) { 7627 if (modifiers.indexOf(key) === -1) return fallback; 7628 const rawValue = modifiers[modifiers.indexOf(key) + 1]; 7629 if (!rawValue) return fallback; 7630 if (key === "closeby") { 7631 const allowedValues = ["auto", "none", "closerequest", "any"]; 7632 const options = allowedValues.join(", "); 7633 if (!allowedValues.includes(rawValue)) { 7634 console.warn( 7635 `"${rawValue}" is not one of the allowed values for closeby: ${options}` 7636 ); 7637 return fallback; 7638 } 7639 } 7640 return rawValue; 7641 } 7642 7643 7644 document.addEventListener("alpine:init", () => { 7645 window.Alpine.plugin(dialog_default); 7646 }); 7647 })();</script>
7647
7647<script> 7648 (() => { 7649 function src_default(Alpine) { 7650 Alpine.directive("intersect", Alpine.skipDuringClone((el, { value, expression, modifiers }, { evaluateLater, cleanup }) => { 7651 let evaluate = evaluateLater(expression); 7652 let options = { 7653 rootMargin: getRootMargin(modifiers), 7654 threshold: getThreshold(modifiers) 7655 }; 7656 let observer = new IntersectionObserver((entries) => { 7657 entries.forEach((entry) => { 7658 if (entry.isIntersecting === (value === "leave")) 7659 return; 7660 evaluate(); 7661 modifiers.includes("once") && observer.disconnect(); 7662 }); 7663 }, options); 7664 observer.observe(el); 7665 cleanup(() => { 7666 observer.disconnect(); 7667 }); 7668 })); 7669 } 7670 function getThreshold(modifiers) { 7671 if (modifiers.includes("full")) 7672 return 0.99; 7673 if (modifiers.includes("half")) 7674 return 0.5; 7675 if (!modifiers.includes("threshold")) 7676 return 0; 7677 let threshold = modifiers[modifiers.indexOf("threshold") + 1]; 7678 if (threshold === "100") 7679 return 1; 7680 if (threshold === "0") 7681 return 0; 7682 return Number(`.${threshold}`); 7683 } 7684 function getLengthValue(rawValue) { 7685 let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/); 7686 return match ? match[1] + (match[2] || "px") : void 0; 7687 } 7688 function getRootMargin(modifiers) { 7689 const key = "margin"; 7690 const fallback = "0px 0px 0px 0px"; 7691 const index = modifiers.indexOf(key); 7692 if (index === -1) 7693 return fallback; 7694 let values = []; 7695 for (let i = 1; i < 5; i++) { 7696 values.push(getLengthValue(modifiers[index + i] || "")); 7697 } 7698 values = values.filter((v) => v !== void 0); 7699 return values.length ? values.join(" ").trim() : fallback; 7700 } 7701 7702 document.addEventListener("alpine:init", () => { 7703 window.Alpine.plugin(src_default); 7704 }); 7705 })();</script>
7705
7705<script> 7706 for (const [selector, deferUntil] of Object.entries({".product-slider section[x-data]:not([x-data] [x-data])":"intersect",".product-info [x-data]:not([x-data] [x-data])":"intersect","#filters-content [x-data]:not([x-data] [x-data])":"intersect","#review_form":"intersect","section[x-data^=initRecentlyViewedProductsComponent]":"intersect","div[x-data^=initBundleOptions]":"intersect","#product_addtocart_form [x-data]:not([x-data] [x-data])":"intersect","#notice-cookie-block":"idle"})) { 7707 document.querySelectorAll(selector).forEach(el => el.setAttribute('x-defer', `${deferUntil}`)); 7708 }</script>
7708
7708<script> 7709 (() => { 7710 const hasAlpine = new Promise(resolve => { 7711 window.addEventListener('alpine:initialized', resolve, {once: true, passive: true}); 7712 }); 7713 7714 const hasInteract = new Promise(resolve => { 7715 (events => { 7716 const onInteract = () => { 7717 resolve(); 7718 events.forEach(type => window.removeEventListener(type, onInteract)); 7719 } 7720 events.forEach(type => window.addEventListener(type, onInteract, {once: true, passive: true})) 7721 })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown']) 7722 }); 7723 7724 const onIntersect = (el) => { 7725 return new Promise(resolve => { 7726 const observer = new IntersectionObserver(entries => { 7727 for (const entry of entries) { 7728 if (entry.isIntersecting) { 7729 observer.disconnect() 7730 resolve(); 7731 } 7732 } 7733 }, {}); 7734 observer.observe(el); 7735 }); 7736 } 7737 7738 function runComponent(el) { 7739 hasAlpine.then(() => { 7740 el.removeAttribute('x-ignore'); 7741 queueMicrotask(() => Alpine.initTree(el)); 7742 }); 7743 } 7744 7745 function initDeferredComponents() { 7746 document.querySelectorAll('[x-data][x-defer]').forEach(el => { 7747 el.setAttribute('x-ignore', ''); 7748 const deferUntil = (el.getAttribute('x-defer') || '').trim(); 7749 switch (deferUntil) { 7750 case 'interact': 7751 hasInteract.then(() => runComponent(el)); 7752 break; 7753 case 'intersect': 7754 onIntersect(el).then(() => runComponent(el)) 7755 break; 7756 case 'idle': 7757 window.requestIdleCallback 7758 ? window.requestIdleCallback(() => runComponent(el), {timeout: 4000}) 7759 : setTimeout(() => runComponent(el), 4000); 7760 break; 7761 case 'eager': 7762 runComponent(el); 7763 break; 7764 default: 7765 if (deferUntil.startsWith('event:') && deferUntil.length > 6) { 7766 window.addEventListener(deferUntil.substring(6), () => runComponent(el), {once: true, passive: true}); 7767 } 7768 } 7769 }); 7770 } 7771 7772 window.addEventListener('alpine:init', initDeferredComponents, {once: true, passive: true}); 7773 })();</script>
7773
7773<script> 7774 window.awOpeningHoursData = JSON.parse("\u007B\u0022hours\u0022\u003A\u007B\u0022_1542722349690_690\u0022\u003A\u007B\u0022day_id\u0022\u003A\u00221\u0022,\u0022day\u0022\u003A\u0022Maandag\u0022,\u0022from\u0022\u003A\u002207\u003A00\u0022,\u0022to\u0022\u003A\u002222\u003A00\u0022\u007D,\u0022_1542722359670_670\u0022\u003A\u007B\u0022day_id\u0022\u003A\u00222\u0022,\u0022day\u0022\u003A\u0022Dinsdag\u0022,\u0022from\u0022\u003A\u002207\u003A00\u0022,\u0022to\u0022\u003A\u002222\u003A00\u0022\u007D,\u0022_1542722360726_726\u0022\u003A\u007B\u0022day_id\u0022\u003A\u00223\u0022,\u0022day\u0022\u003A\u0022Woensdag\u0022,\u0022from\u0022\u003A\u002207\u003A00\u0022,\u0022to\u0022\u003A\u002222\u003A00\u0022\u007D,\u0022_1542722362065_65\u0022\u003A\u007B\u0022day_id\u0022\u003A\u00224\u0022,\u0022day\u0022\u003A\u0022Donderdag\u0022,\u0022from\u0022\u003A\u002207\u003A00\u0022,\u0022to\u0022\u003A\u002222\u003A00\u0022\u007D,\u0022_1542722363506_506\u0022\u003A\u007B\u0022day_id\u0022\u003A\u00225\u0022,\u0022day\u0022\u003A\u0022Vrijdag\u0022,\u0022from\u0022\u003A\u002207\u003A00\u0022,\u0022to\u0022\u003A\u002222\u003A00\u0022\u007D,\u0022_1641193905729_729\u0022\u003A\u007B\u0022day_id\u0022\u003A\u00226\u0022,\u0022day\u0022\u003A\u0022Zaterdag\u0022,\u0022from\u0022\u003A\u002209\u003A00\u0022,\u0022to\u0022\u003A\u002211\u003A00\u0022\u007D,\u0022_1739110824732_732\u0022\u003A\u007B\u0022day_id\u0022\u003A\u00227\u0022,\u0022day\u0022\u003A\u0022Zondag\u0022,\u0022from\u0022\u003A\u002209\u003A00\u0022,\u0022to\u0022\u003A\u002217\u003A00\u0022\u007D\u007D,\u0022holidays\u0022\u003A\u007B\u0022_1542794051766_766\u0022\u003A\u007B\u0022date\u0022\u003A\u002225\u002D12\u002D2018\u0022,\u0022description\u0022\u003A\u00221e\u0020kerstdag\u0022\u007D,\u0022_1542794059360_360\u0022\u003A\u007B\u0022date\u0022\u003A\u002226\u002D12\u002D2018\u0022,\u0022description\u0022\u003A\u00222e\u0020kerstdag\u0022\u007D,\u0022_1542794083176_176\u0022\u003A\u007B\u0022date\u0022\u003A\u002201\u002D01\u002D2019\u0022,\u0022description\u0022\u003A\u0022Nieuwjaarsdag\u0022\u007D,\u0022_1542794091445_445\u0022\u003A\u007B\u0022date\u0022\u003A\u002222\u002D04\u002D2019\u0022,\u0022description\u0022\u003A\u00222e\u0020paasdag\u0022\u007D,\u0022_1542794107567_567\u0022\u003A\u007B\u0022date\u0022\u003A\u002230\u002D05\u002D2019\u0022,\u0022description\u0022\u003A\u0022Hemelvaartsdag\u0022\u007D,\u0022_1542794122778_778\u0022\u003A\u007B\u0022date\u0022\u003A\u002210\u002D06\u002D2019\u0022,\u0022description\u0022\u003A\u00222e\u0020pinksterdag\u0022\u007D,\u0022_1542794133882_882\u0022\u003A\u007B\u0022date\u0022\u003A\u002225\u002D12\u002D2019\u0022,\u0022description\u0022\u003A\u00221e\u0020kerstdag\u0022\u007D,\u0022_1542794145762_762\u0022\u003A\u007B\u0022date\u0022\u003A\u002226\u002D12\u002D2019\u0022,\u0022description\u0022\u003A\u00222e\u0020kerstdag\u0022\u007D,\u0022_1586246098984_984\u0022\u003A\u007B\u0022date\u0022\u003A\u002213\u002D04\u002D2020\u0022,\u0022description\u0022\u003A\u00222de\u0020paasdag\u0022\u007D,\u0022_1608623568043_43\u0022\u003A\u007B\u0022date\u0022\u003A\u002225\u002D12\u002D2022\u0022,\u0022description\u0022\u003A\u00221ste\u0020kerstdag\u0022\u007D,\u0022_1608623568924_924\u0022\u003A\u007B\u0022date\u0022\u003A\u002226\u002D12\u002D2022\u0022,\u0022description\u0022\u003A\u00222de\u0020kerstdag\u0022\u007D,\u0022_1682324577985_985\u0022\u003A\u007B\u0022date\u0022\u003A\u002227\u002D04\u002D2023\u0022,\u0022description\u0022\u003A\u0022Koningsdag\u0022\u007D,\u0022_1735632307595_595\u0022\u003A\u007B\u0022date\u0022\u003A\u002201\u002D01\u002D2025\u0022,\u0022description\u0022\u003A\u0022Nieuwjaarsdag\u0022\u007D\u007D,\u0022specialMessages\u0022\u003A\u007B\u0022_1778483847706_706\u0022\u003A\u007B\u0022from\u0022\u003A\u002212\u002D05\u002D2026\u002022\u003A01\u0022,\u0022to\u0022\u003A\u002213\u002D05\u002D2026\u002023\u003A59\u0022,\u0022message\u0022\u003A\u0022Nu\u0020besteld,\u0020vrijdag\u0020geleverd\u0022\u007D,\u0022_1778483888970_970\u0022\u003A\u007B\u0022from\u0022\u003A\u002222\u002D05\u002D2026\u002022\u003A01\u0022,\u0022to\u0022\u003A\u002224\u002D05\u002D2026\u002023\u003A59\u0022,\u0022message\u0022\u003A\u0022Nu\u0020besteld,\u0020dinsdag\u0020geleverd\u0022\u007D,\u0022_1778758397423_423\u0022\u003A\u007B\u0022from\u0022\u003A\u002214\u002D05\u002D2026\u002013\u003A01\u0022,\u0022to\u0022\u003A\u002214\u002D05\u002D2026\u002023\u003A59\u0022,\u0022message\u0022\u003A\u0022Nu\u0020besteld,\u0020zaterdag\u0020geleverd\u0022\u007D\u007D,\u0022messages\u0022\u003A\u007B\u0022deliveredNextWorkingDay\u0022\u003A\u0022Nu\u0020besteld,\u0020\u003Cspan\u0020class\u003D\u005C\u0022delivery\u002Ddate\u005C\u0022\u003Eeerstvolgende\u0020werkdag\u0020verzonden\u003C\u005C\u002Fspan\u003E\u0022,\u0022deliveredDayAfterTomorrow\u0022\u003A\u0022Nu\u0020besteld,\u0020\u003Cspan\u0020class\u003D\u005C\u0022delivery\u002Ddate\u005C\u0022\u003Eovermorgen\u0020geleverd\u003C\u005C\u002Fspan\u003E\u0022,\u0022deliveredMonday\u0022\u003A\u0022Vandaag\u0020besteld,\u0020\u003Cspan\u0020class\u003D\u005C\u0022delivery\u002Ddate\u005C\u0022\u003Emaandag\u0020geleverd\u003C\u005C\u002Fspan\u003E\u0022,\u0022deliveredTuesday\u0022\u003A\u0022Vandaag\u0020besteld,\u0020\u003Cspan\u0020class\u003D\u005C\u0022delivery\u002Ddate\u005C\u0022\u003Edinsdag\u0020geleverd\u003C\u005C\u002Fspan\u003E\u0022,\u0022deliveredTomorrow\u0022\u003A\u0022Voor\u0020\u003Cspan\u0020class\u003D\u005C\u0022order\u002Dtime\u005C\u0022\u003E\u0025s\u003C\u005C\u002Fspan\u003E\u0020besteld,\u0020\u003Cspan\u0020class\u003D\u005C\u0022delivery\u002Ddate\u005C\u0022\u003Emorgen\u0020geleverd\u003C\u005C\u002Fspan\u003E\u0022,\u0022deliveredTomorrowCountdown\u0022\u003A\u0022Bestel\u0020binnen\u0020\u003Cspan\u0020class\u003D\u005C\u0022order\u002Dtime\u005C\u0022\u003E\u0025s\u003C\u005C\u002Fspan\u003E\u0020\u003Cspan\u0020class\u003D\u005C\u0022delivery\u002Ddate\u005C\u0022\u003Emorgen\u0020geleverd\u003C\u005C\u002Fspan\u003E\u0022\u007D\u007D" ?? '{}');</script>
7774<script> 7775 document.addEventListener('alpine:init', () => { 7776 const SUNDAY = 0; 7777 const SATURDAY = 6; 7778 const FRIDAY = 5; 7779 Alpine.data('openingHours', (isMinuteCountdownEnabled = false) => ({ 7780 data: window.awOpeningHoursData, 7781 today: new Date(), 7782 minuteCountdown: isMinuteCountdownEnabled, 7783 minuteCountdownNumberOfHours: 2, 7784 debugging: false, 7785 deliveryThreshold: null, 7786 currentDay: 0, 7787 currentHour: 0, 7788 currentMinute: 0, 7789 percentage: 0, 7790 7791 debug: (message) => { 7792 if (this.debugging) { 7793 console.log('[OPENING] ' + message); 7794 } 7795 }, 7796 7797 isHoliday() { 7798 let holidays = this.data.holidays; 7799 let month = (this.today.getMonth() + 1).toString().padStart(2, '0'); 7800 let date = this.today.getDate().toString().padStart(2, '0'); 7801 let year = this.today.getFullYear(); 7802 let todayDate = `${date}-${month}-${year}`; 7803 7804 for(let holiday of Object.values(holidays)){ 7805 if (holiday.date === todayDate) { 7806 return true; 7807 } 7808 } 7809 return false; 7810 }, 7811 7812 init() { 7813 7814 const urlParams = new URLSearchParams(window.location.search); 7815 7816 const debugDate = urlParams.get('debug_date'); 7817 if (debugDate) { 7818 this.debugging=true; 7819 this.debug('debug_date is set to ' + debugDate); 7820 this.today = new Date(debugDate); 7821 7822 this.debug('parsed debug_date is set to \n' + this.today); 7823 } 7824 7825 7826 this.currentDay = parseInt(this.today.getDay()); 7827 this.currentHour = parseInt(this.today.getHours()); 7828 this.currentMinute = parseInt(this.today.getMinutes()); 7829 7830 7831 for (let openingTime of Object.values(this.data.hours)){ 7832 if (parseInt(openingTime.day_id) === this.currentDay) { 7833 this.deliveryThreshold = openingTime.to; 7834 break; 7835 } 7836 } 7837 }, 7838 7839 timeToMinutes(time) { 7840 let timeArray = time.split(':'); 7841 let hours = parseInt(timeArray[0]); 7842 let minutes = parseInt(timeArray[1]); 7843 return (hours * 60) + minutes; 7844 }, 7845 isBefore(time) { 7846 let current = this.timeToMinutes(`${this.currentHour}:${this.currentMinute}`); 7847 let before = this.timeToMinutes(time); 7848 return current < before; 7849 }, 7850 7851 isOpenNow() { 7852 let day = this.currentDay; 7853 let hours = this.data.hours; 7854 let current = this.timeToMinutes(`${this.currentHour}:${this.currentMinute}`); 7855 7856 for(let openingTime of Object.values(hours)){ 7857 if (parseInt(openingTime.day_id) === day) { 7858 let openingMinute = this.timeToMinutes(openingTime.from); 7859 let closingMinute = this.timeToMinutes(openingTime.to); 7860 if (current >= openingMinute && current < closingMinute) { 7861 this.deliveryThreshold = openingTime.to; 7862 return true; 7863 } 7864 } 7865 } 7866 7867 return false; 7868 }, 7869 isOpen(day) { 7870 7871 if (day > SATURDAY) { 7872 day = SUNDAY; 7873 } 7874 7875 let hours = this.data.hours; 7876 for(let openingTime of Object.values(hours)){ 7877 if (parseInt(openingTime.day_id) === day) { 7878 return !!openingTime.from 7879 } 7880 } 7881 }, 7882 7883 formatText(text) { 7884 const REGEX_BOLD = /\*(\S(.*?\S)?)\*/gm; 7885 const REGEX_ITALIC = /_(\S(.*?\S)?)_/gm; 7886 text = text.replace(REGEX_BOLD, '<span class="order-time">$1</span>'); 7887 text = text.replace(REGEX_ITALIC, '<strong class="delivery-date">$1</strong>'); 7888 return text; 7889 }, 7890 7891 isSpecial() { 7892 return !!this.getSpecialMessage(); 7893 }, 7894 7895 getSpecialMessage() { 7896 for(let special of Object.values(this.data.specialMessages)) { 7897 let now = new Date(); 7898 7899 let specialFromRaw = special.from; 7900 let reformattedFromDate = specialFromRaw.split(" ")[0].split("-").reverse().join("/") + " " + specialFromRaw.split(" ")[1]; 7901 let specialFrom = new Date(reformattedFromDate); 7902 7903 let specialToRaw = special.to; 7904 let reformattedToDate = specialToRaw.split(" ")[0].split("-").reverse().join("/") + " " + specialToRaw.split(" ")[1]; 7905 let specialTo = new Date(reformattedToDate); 7906 7907 if (now >= specialFrom && now < specialTo) { 7908 return special.message; 7909 } 7910 } 7911 return null; 7912 }, 7913 7914 is(day) { 7915 return this.currentDay === parseInt(day); 7916 }, 7917 7918 isCountingDown() { 7919 if (!this.deliveryThreshold) { 7920 return false;
7921 } 7922 7923 let deliveryThresholdTime = this.deliveryThreshold.split(':'); 7924 let deliveryThresholdHour = parseInt(deliveryThresholdTime[0]); 7925 let deliveryThresholdMinute = parseInt(deliveryThresholdTime[1]); 7926 7927 deliveryThresholdHour = deliveryThresholdHour.toString().padStart(2, '0'); 7928 deliveryThresholdMinute = deliveryThresholdMinute.toString().padStart(2, '0'); 7929 let deliveryThresholdCountdown = deliveryThresholdHour - this.minuteCountdownNumberOfHours + ':' + deliveryThresholdMinute; 7930 7931 return this.minuteCountdown && (!this.isSpecial()) && this.isOpenNow() && (!this.is(SATURDAY)) && this.isBefore(this.deliveryThreshold) && (!this.isBefore(deliveryThresholdCountdown)); 7932 }, 7933 7934 getTimeRemaining() { 7935 if (!this.isCountingDown()) { 7936 return { 7937 hours: null, 7938 minutes: null, 7939 percentage: null, 7940 }; 7941 } 7942 7943 let timeRemaining = this.timeToMinutes(this.deliveryThreshold) - this.timeToMinutes(`${this.currentHour}:${this.currentMinute}`); 7944 let hours = Math.floor(timeRemaining / 60); 7945 let minutes = timeRemaining % 60; 7946 let totalTime = this.minuteCountdownNumberOfHours * 60; 7947 let percentage = Math.floor(((totalTime - timeRemaining) / totalTime) * 100); 7948 this.percentage = percentage; 7949 return { 7950 hours: hours, 7951 minutes: minutes, 7952 percentage: percentage 7953 } 7954 }, 7955 7956 getLabel() { 7957 if (this.isSpecial()) { 7958 this.debug('Today is a special occasion') 7959 return this.formatText(this.getSpecialMessage()) 7960 } 7961 7962 if (this.isHoliday()) { 7963 this.debug('Today is a holiday. Next delivery is unsure.') 7964 return this.formatText(this.data.messages.deliveredNextWorkingDay); 7965 } 7966 7967 if (this.isCountingDown()) { 7968 this.debug('open now, before delivery threshold and inside the special timerange!') 7969 let timeRemaining = this.getTimeRemaining(); 7970 let hours = timeRemaining.hours.toString().padStart(2, '0'); 7971 let minutes = timeRemaining.minutes.toString().padStart(2, '0'); 7972 return this.formatText(this.data.messages.deliveredTomorrowCountdown.replace('%s', hours + ':' + minutes)); 7973 } 7974 7975 if (this.isOpenNow()) { 7976 this.debug('open now') 7977 if (this.is(SATURDAY)) { 7978 this.debug('today is saturday') 7979 return this.formatText(this.data.messages.deliveredMonday); 7980 } 7981 this.debug('open now, not saturday, next day delivery') 7982 return this.formatText(this.data.messages.deliveredTomorrow.replace('%s', this.deliveryThreshold)); 7983 } 7984 7985 if (this.is(SUNDAY) && this.isBefore('17:00')) { 7986 this.debug('is sunday before 17:00') 7987 return this.formatText(this.data.messages.deliveredMonday); 7988 } else if (this.is(SUNDAY)) { 7989 this.debug('is sunday after 17:00') 7990 return this.formatText(this.data.messages.deliveredTuesday); 7991 } 7992 if (this.is(SATURDAY)) { 7993 this.debug('is saturday'); 7994 return this.formatText(this.data.messages.deliveredMonday); 7995 } 7996 7997 if (this.isOpen(this.currentDay) && this.isBefore(this.deliveryThreshold)) { 7998 this.debug('It is open today. Delivery is estimated tomorrow.') 7999 return this.formatText(this.data.messages.deliveredTomorrow.replace('%s', this.deliveryThreshold)); 8000 } 8001 8002 if (this.isOpen(this.currentDay + 1)) { 8003 if (this.is(FRIDAY)) { 8004 this.debug('It is open tomorrow, but the day after tomorrow is sunday. Delivery on monday.') 8005 return this.formatText(this.data.messages.deliveredMonday); 8006 } 8007 8008 this.debug('It is open tomorrow. Delivery is estimated the day after tomorrow.') 8009 return this.formatText(this.data.messages.deliveredDayAfterTomorrow); 8010 } 8011 this.debug('It is not open tomorrow. Next delivery is unsure.') 8012 return this.formatText(this.data.messages.deliveredNextWorkingDay); 8013 } 8014 })); 8015 });</script>
8015
8015<script type="module" 8016 src="https://www.elektramat.be/static/version1790258389/frontend/Wise/elektramat-3_be/nl_BE/Hyva_Theme/js/alpine3.min.js" 8017 defer 8018 crossorigin 8019></script>
8019
8019<script> 8020 function dispatchMessages(messages, hideAfter) { 8021 const messagesEvent = new CustomEvent("messages-loaded", { 8022 detail: { 8023 messages: messages, 8024 hideAfter: hideAfter 8025 } 8026 }); 8027 window.dispatchEvent(messagesEvent); 8028 } 8029 8030 if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { 8031 console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); 8032 } 8033 8034 (function( hyva, undefined ) { 8035 8036 hyva.initFormKey = () => { 8037 if (typeof hyva.getFormKey !== 'function') return; 8038 8039 const formKey = hyva.getFormKey(); 8040 if (!formKey) return; 8041 8042 document.querySelectorAll('input[name="form_key"]').forEach((input) => { 8043 input.value = formKey; 8044 }); 8045 } 8046 8047 hyva.initMessages = () => { 8048 try { 8049 const messages = hyva.getCookie('mage-messages'); 8050 window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 8051 8052 dispatchMessages(window.mageMessages); 8053 8054 const skipSetDomain = true; 8055 hyva.setCookie('mage-messages','', -1, skipSetDomain); 8056 8057 } catch (error) { 8058 console.warn('Error parsing Cookie Messages:', error); 8059 } 8060 } 8061 8062 window.addEventListener('DOMContentLoaded', hyva.initFormKey); 8063 8064 window.addEventListener('pageshow', (event) => { 8065 if (event.persisted) { 8066 hyva.initFormKey(); 8067 } 8068 }); 8069 8070 hyva.alpineInitialized(hyva.initMessages) 8071 }( window.hyva = window.hyva || {} ));</script>
8071
8071<script> 8072 (() => { 8073 const private_content_key = 'mage-cache-storage'; 8074 const private_content_expire_key = 'mage-cache-timeout'; 8075 const private_content_version_key = 'private_content_version'; 8076 const section_data_ids_key = 'section_data_ids'; 8077 const mage_cache_session_id_key = 'mage-cache-sessid'; 8078 const last_visited_store_key = 'last_visited_store'; 8079 8080 const ttl = 604800; 8081 8082 if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { 8083 console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); 8084 } 8085 8086 function loadSectionData () { 8087 const browserStorage = hyva.getBrowserStorage(); 8088 if (!browserStorage) { 8089 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 8090 [{ 8091 type: "warning", 8092 text: "Please enable LocalStorage in your browser." 8093 }] 8094 ); 8095 return; 8096 } 8097 try { 8098 let isInvalid = false; 8099 8100 if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) { 8101 isInvalid = true; 8102 } 8103 hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false); 8104 8105 if (!hyva.getCookie(mage_cache_session_id_key)) { 8106 isInvalid = true; 8107 browserStorage.removeItem(private_content_key); 8108 const skipSetDomain = true; 8109 const days = false; 8110 hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain) 8111 } 8112 8113 const cookieVersion = hyva.getCookie(private_content_version_key); 8114 const storageVersion = browserStorage.getItem(private_content_version_key); 8115 8116 if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) { 8117 isInvalid = true; 8118 } 8119 8120 const privateContentExpires = browserStorage.getItem(private_content_expire_key); 8121 if (privateContentExpires && new Date(privateContentExpires) < new Date()) { 8122 browserStorage.removeItem(private_content_key); 8123 } 8124 8125 if (isInvalid && cookieVersion) { 8126 fetchPrivateContent([]); 8127 } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) { 8128 const privateContent = JSON.parse(browserStorage.getItem(private_content_key)); 8129 if ( 8130 privateContent && 8131 privateContentExpires && 8132 privateContent.cart && 8133 privateContent.customer 8134 ) { 8135 dispatchPrivateContent(privateContent); 8136 } else { 8137 fetchPrivateContent([]); 8138 } 8139 } else { 8140 if (document.getElementById('default-section-data')) { 8141 const privateContent = JSON.parse(document.getElementById('default-section-data').textContent.trim()); 8142 dispatchPrivateContent(privateContent); 8143 } else { 8144 dispatchPrivateContent({}); 8145 } 8146 } 8147 8148 } catch (error) { 8149 console.warn('Error retrieving Private Content:', error); 8150 } 8151 } 8152 8153 hyva.alpineInitialized(loadSectionData) 8154 window.addEventListener('reload-customer-section-data', loadSectionData); 8155 8156 window.processSectionDataBeforeDispatch = window.processSectionDataBeforeDispatch || (data => data); 8157 8158 function dispatchPrivateContent(data) { 8159 8160 const privateContentEvent = new CustomEvent("private-content-loaded", { 8161 detail: { 8162 data: window.processSectionDataBeforeDispatch(data) 8163 } 8164 }); 8165 window.dispatchEvent(privateContentEvent); 8166 } 8167 8168 function fetchPrivateContent(sections) { 8169 fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, { 8170 method: 'GET', 8171 headers: { 8172 'Content-Type': 'application/json', 8173 'X-Requested-With': 'XMLHttpRequest' 8174 } 8175 }) 8176 .then(response => response.ok && response.json()) 8177 .then( 8178 data => { 8179 if (data) { 8180 try { 8181 const browserStorage = hyva.getBrowserStorage(); 8182 8183 8184 const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {}; 8185 8186 if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) { 8187 delete oldSectionData['checkout-data']; 8188 } 8189 const newSectionData = Object.assign(oldSectionData, data); 8190 8191 dispatchPrivateContent(newSectionData); 8192 8193 8194 if (newSectionData.messages && newSectionData.messages.messages ) { 8195 newSectionData.messages.messages = []; 8196 } 8197 8198 browserStorage.setItem(private_content_key, JSON.stringify(newSectionData)); 8199 8200 const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString(); 8201 browserStorage.setItem(private_content_expire_key, expiresAt); 8202 8203 const newCookieVersion = hyva.getCookie(private_content_version_key); 8204 browserStorage.setItem(private_content_version_key, newCookieVersion); 8205 8206 8207 8208 hyva.setCookie( 8209 section_data_ids_key, 8210 JSON.stringify( 8211 Object.keys(data).reduce((sectionDataIds, sectionKey) => { 8212 sectionDataIds[sectionKey] = data[sectionKey]['data_id']; 8213 return sectionDataIds; 8214 }, {}) 8215 ), 8216 false, 8217 true 8218 ); 8219 } catch (error) { 8220 console.warn("Couldn't store privateContent", error); 8221 } 8222 } 8223 } 8224 ) 8225 .catch(error => { 8226 console.warn("Couldn't fetch privateContent", error); 8227 }); 8228 } 8229 })();</script>
8229
8229<script> 8230 (() => { 8231 document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc())); 8232 })()</script>
8232<script> 8233 ((events) => { 8234 const dispatchUserInteractionEvent = () => { 8235 events.forEach((type) => window.removeEventListener(type, dispatchUserInteractionEvent)); 8236 window.dispatchEvent(new Event('init-external-scripts')); 8237 window.externalScriptsInitialized = true; 8238 }; 8239 events.forEach((type) => 8240 window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true}) 8241 ); 8242 })(['touchstart', 'mousemove', 'wheel', 'scroll', 'keydown']); 8243 //# sourceURL=hyva-init-external-scripts.js 8244</script>
vendor: 1 bytes, line 8244
8244
8245<script> 8246 function initConfigurableOptions(productId, optionConfig) { 8247 8248 function findPathParam(key) { 8249 const baseUrl = (BASE_URL.substring(0, 2) === '//' ? 'http:' : '') + BASE_URL; 8250 const baseUrlParts = (new URL(baseUrl)).pathname.replace(/\/$/, '').split('/'); 8251 const pathParts = window.location.pathname.split('/').slice(baseUrlParts.length + 3); 8252 for (let i = 0; i < pathParts.length; i += 2) { 8253 if (pathParts[i] === key && pathParts.length > i) { 8254 return pathParts[i + 1]; 8255 } 8256 } 8257 } 8258 8259 return { 8260 optionConfig, 8261 productId, 8262 itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'), 8263 allowedAttributeOptions: [], 8264 selectedValues: [], 8265 selectedOptions: {}, 8266 init() { 8267 this.baseInit(); 8268 }, 8269 baseInit() { 8270 this.buildLookupMap(); 8271 this.findAllowedAttributeOptions(); 8272 this.$nextTick(() => { 8273 if (typeof this.optionConfig.defaultValues === 'object') { 8274 for (const [attributeId, value] of Object.entries(this.optionConfig.defaultValues)) { 8275 this.changeOption(attributeId, value + ''); 8276 } 8277 } 8278 this.applyCheckedState(); 8279 }); 8280 }, 8281 applyCheckedState() { 8282 this.$root.querySelectorAll('input[data-attribute-id], select[data-attribute-id]').forEach(el => { 8283 const val = this.selectedValues[el.dataset.attributeId]; 8284 if (!val) return; 8285 if (el.tagName === 'SELECT') { 8286 el.value = val; 8287 this.selectedOptions[el.dataset.attributeId] = el.options[el.selectedIndex]?.text || ''; 8288 } else if (el.value === val && this.optionIsActive(el.dataset.attributeId, el.value)) { 8289 el.checked = true; 8290 this.selectedOptions[el.dataset.attributeId] = el.dataset.optionLabel || ''; 8291 } 8292 }); 8293 }, 8294 productIndex: 0, 8295 productIndexForPrice: 0, 8296 productIndexesMap: null, 8297 productIndexesKeys: null, 8298 attributeCount: 0, 8299 optionIsActive(attributeId, optionId) { 8300 return !!this.getAllowedAttributeOptions(attributeId).find( 8301 option => option.id === optionId 8302 ) 8303 }, 8304 optionIsDisabled() { 8305 const attributeId = this.$el.dataset.attributeId; 8306 if (!attributeId) { 8307 throw new Error('data-attribute-id missing, in item template'); 8308 } 8309 return !this.optionIsActive(attributeId, this.$el.value); 8310 }, 8311 findSimpleIndex() { 8312 this.productIndex = this.calculateSimpleIndexForPartialSelection(this.selectedValues); 8313 this.productIndexForPrice = this.findCheapestProductForPartialSelection(this.selectedValues); 8314 }, 8315 calculateSimpleIndexForPartialSelection(selectedValues) { 8316 if (selectedValues.length === 0) return 0; 8317 return this.findProductIdsForPartialSelection(selectedValues)[0]; 8318 }, 8319 buildLookupMap() { 8320 this.productIndexesMap = new Map(); 8321 this.attributeCount = Object.keys(this.optionConfig.attributes).length; 8322 for (const id in this.optionConfig.index) { 8323 const options = this.optionConfig.index[id]; 8324 if (! this.productIndexesKeys) { 8325 this.productIndexesKeys = Object.keys(options).sort(); 8326 } 8327 const key = JSON.stringify(options, this.productIndexesKeys); 8328 this.productIndexesMap.set(key, id); 8329 } 8330 }, 8331 findAllowedAttributeOptions() { 8332 this.allowedAttributeOptions = this.calculateAllowedAttributeOptions(this.selectedValues); 8333 }, 8334 calculateAllowedAttributeOptions(selectedValues) { 8335 const allAttributes = this.optionConfig.attributes; 8336 const allAttributesSorted = Object.values(allAttributes).sort((a,b) => { 8337 return a.position - b.position 8338 }); 8339 8340 const newAllowedAttributeOptions = []; 8341 8342 allAttributesSorted.forEach(attribute => { 8343 const selectionWithoutAttr = Object.assign({}, this.removeAttrFromSelection(selectedValues, attribute.id)); 8344 const availableIndexes = this.calculateAvailableProductIndexes(selectionWithoutAttr); 8345 newAllowedAttributeOptions[attribute.id] = allAttributes[attribute.id].options.filter(option => { 8346 return !!option.products.find(product => { 8347 return availableIndexes.includes(product); 8348 }) 8349 }); 8350 }); 8351 return newAllowedAttributeOptions; 8352 }, 8353 calculateAvailableProductIndexes(selectedOptions) { 8354 if (Object.keys(selectedOptions).length === 0) { 8355 if (Object.values(this.optionConfig.salable || {}).length) { 8356 return [].concat.apply([], [].concat.apply([], Object.values(this.optionConfig.salable).map(Object.values))).filter((x, i, a) => a.indexOf(x) === i) 8357 } 8358 return Object.keys(this.optionConfig.index); 8359 } 8360 8361 const selectedIds = Object.keys(selectedOptions); 8362 if (Object.values(this.optionConfig.salable || {}).length) { 8363 const selectedOptionIndexes = selectedIds.map(attrId => { 8364 const optionValue = selectedOptions[attrId]; 8365 return this.optionConfig.salable[attrId] && this.optionConfig.salable[attrId][optionValue] || [] 8366 }) 8367 return selectedOptionIndexes.reduce((acc, optionIndexes) => { 8368 return acc.filter(index => optionIndexes.includes(index)); 8369 }); 8370 } else { 8371 const productIndexes = this.optionConfig.index; 8372 return Object.keys(productIndexes).filter(index => { 8373 for (const attrId of selectedIds) { 8374 if (productIndexes[index][attrId] !== `${selectedOptions[attrId]}`) return false 8375 } 8376 return true 8377 }); 8378 } 8379 }, 8380 findAttributeByOptionId(optionId) { 8381 for (const attributeId in this.optionConfig.attributes) { 8382 const attributeOptions = this.optionConfig.attributes[attributeId].options || []; 8383 if (attributeOptions.find(option => option.id === optionId)) { 8384 return attributeId; 8385 } 8386 } 8387 }, 8388 getAllowedAttributeOptions(attributeId) { 8389 return this.allowedAttributeOptions[attributeId] || [] 8390 }, 8391 getAllAttributeOptions(attributeId) { 8392 return ( 8393 this.optionConfig.attributes[attributeId] && 8394 this.optionConfig.attributes[attributeId].options 8395 ) || [] 8396 }, 8397 getProductIdsForOption(option) { 8398 const attributeId = this.findAttributeByOptionId(option.id); 8399 const allOptions = this.optionConfig.attributes[attributeId]; 8400 const opt = (allOptions && allOptions.options || []).find(o => o.id === option.id); 8401 return opt && opt.products 8402 ? opt.products 8403 : []; 8404 }, 8405 findProductIdsForPartialSelection(optionSelection) { 8406 const candidateProducts = Object.values(optionSelection).reduce((candidates, optionId) => { 8407 const newCandidates = this.getProductIdsForOption({id: optionId}); 8408 return candidates === null 8409 ? newCandidates 8410 : candidates.filter(productId => newCandidates.includes(productId)); 8411 }, null); 8412 return candidateProducts || []; 8413 },
8414 findCheapestProductForPartialSelection(optionSelection) { 8415 const candidateProducts = this.findProductIdsForPartialSelection(optionSelection); 8416 return candidateProducts.reduce((cheapest, simpleIdx) => { 8417 // in the first iteration we start with simpleIdx as the currently cheapest product 8418 if (! this.optionConfig.optionPrices[cheapest]) return simpleIdx; 8419 const knownCheapestPrice = this.optionConfig.optionPrices[cheapest].finalPrice.amount; 8420 return knownCheapestPrice > this.optionConfig.optionPrices[simpleIdx].finalPrice.amount 8421 ? simpleIdx 8422 : cheapest; 8423 }, 0) 8424 }, 8425 removeAttrFromSelection(selectedValues, attributeId) { 8426 attributeId = parseInt(attributeId); 8427 return selectedValues.reduce((newSelection, val, attr) => { 8428 if (attr !== attributeId) { 8429 newSelection[attr] = val; 8430 } 8431 return newSelection; 8432 }, []); 8433 }, 8434 reflectOption(event) { 8435 const attributeId = event.target.dataset.attributeId; 8436 const label = event.target.dataset.optionLabel 8437 || event.target.options?.[event.target.selectedIndex]?.text 8438 || ''; 8439 this.selectedOptions[attributeId] = label; 8440 this.changeOption(attributeId, event.target.value); 8441 }, 8442 baseChangeOption(attributeId, value) { 8443 if (value === '') { 8444 this.selectedValues = this.removeAttrFromSelection(this.selectedValues, attributeId) 8445 } else if (value && this.getAllowedAttributeOptions(attributeId).find(option => option.id === value)) { 8446 this.selectedValues[attributeId] = value; 8447 } 8448 this.findSimpleIndex(); 8449 this.findAllowedAttributeOptions(); 8450 this.updatePrices(); 8451 this.updateGallery(); 8452 }, 8453 changeOption(attributeId, value) { 8454 this.baseChangeOption(attributeId, value); 8455 8456 const candidates = this.findProductIdsForPartialSelection(this.selectedValues); 8457 8458 window.dispatchEvent( 8459 new CustomEvent( 8460 'configurable-selection-changed', 8461 { 8462 detail: { 8463 productId: this.productId, 8464 optionId: attributeId, 8465 value: value, 8466 productIndex: this.productIndex, 8467 selectedValues: this.selectedValues, 8468 candidates: candidates, 8469 skuCandidates: Object.values(candidates).map(id => this.optionConfig.sku?.[id] ?? null).filter(Boolean), 8470 } 8471 } 8472 ) 8473 ); 8474 }, 8475 calculateIsMinimalPrice() { 8476 return ! this.isFullSelection(this.selectedValues); 8477 }, 8478 isFullSelection(selectedValues) { 8479 return Object.keys(selectedValues).length === this.attributeCount; 8480 }, 8481 updatePrices() { 8482 const value = this.optionConfig.optionPrices[this.productIndexForPrice] || this.optionConfig.prices; 8483 window.dispatchEvent( 8484 new CustomEvent( 8485 "update-prices-" + this.productId, 8486 { 8487 detail: Object.assign( 8488 value, 8489 { isMinimalPrice: this.calculateIsMinimalPrice() } 8490 ) 8491 } 8492 ) 8493 ); 8494 }, 8495 updateGallery () { 8496 if (this.productIndex) { 8497 const images = this.optionConfig.images[this.productIndex]; 8498 images && window.dispatchEvent(new CustomEvent( 8499 "update-gallery", 8500 { detail: this.sortImagesByPosition(images) } 8501 )); 8502 } else { 8503 window.dispatchEvent(new Event("reset-gallery")); 8504 } 8505 }, 8506 sortImagesByPosition(images) { 8507 return images.sort((x, y) => { 8508 return x.position === y.position ? 0 : (parseInt(x.position) > parseInt(y.position) ? 1 : -1) 8509 }); 8510 }, 8511 preselectQuerystringItems() { 8512 // pre-select option like ?size=167 8513 const urlQueryParams = new URLSearchParams(window.location.search.replace('?','')); 8514 this.preselectItemsBasedOnLocation(attribute => urlQueryParams.get(attribute.code)); 8515 }, 8516 preselectLocationHashItems() { 8517 // pre-select option like #144=167 8518 const urlHashParams = new URLSearchParams(window.location.hash.replace('#','')); 8519 this.preselectItemsBasedOnLocation(attribute => urlHashParams.get(attribute.id)); 8520 }, 8521 preselectItemsBasedOnLocation(getLocationValue) { 8522 Object.values(this.optionConfig.attributes).map(attribute => { 8523 const v = getLocationValue(attribute); 8524 v && this.changeOption(attribute.id, v) 8525 }); 8526 }, 8527 findProductForOptionPrice(attributeId, value) { 8528 const options = this.optionConfig.attributes[attributeId]?.options || []; 8529 const option = options.find(o => o.id === value); 8530 if (!option?.products?.length) return null; 8531 return option.products.reduce((cheapest, productId) => { 8532 if (!cheapest) return productId; 8533 const cheapestPrice = this.optionConfig.optionPrices[cheapest]?.finalPrice?.amount ?? Infinity; 8534 const thisPrice = this.optionConfig.optionPrices[productId]?.finalPrice?.amount ?? Infinity; 8535 return thisPrice < cheapestPrice ? productId : cheapest; 8536 }, null); 8537 }, 8538 getOptionLabel() { 8539 const value = this.$el.value; 8540 const attributeId = this.$el.dataset.attributeId; 8541 const label = this.$el.dataset.optionLabel || ''; 8542 if (!value || !attributeId) return label; 8543 8544 const productId = this.findProductForOptionPrice(attributeId, value); 8545 if (!productId) return label; 8546 8547 const optionPrice = this.optionConfig.optionPrices[productId]?.finalPrice?.amount; 8548 const basePrice = this.optionConfig.prices?.finalPrice?.amount; 8549 if (optionPrice == null || basePrice == null) return label; 8550 8551 const adjustment = optionPrice - basePrice; 8552 if (Math.abs(adjustment) < 0.001) return label; 8553 8554 const formatted = hyva.formatPrice(Math.abs(adjustment)); 8555 return `${label} (${adjustment > 0 ? '+' : '-'}${formatted})`; 8556 }, 8557 } 8558 } 8559</script>
vendor: 1 bytes, line 8559
8559
8560<script> 8561 function initSwatchOptions() { 8562 return { 8563 activeTooltipItem: false, 8564 tooltipPositionElement: false, 8565 isTooltipVisible() { 8566 return !!this.activeTooltipItem; 8567 }, 8568 isCurrentTooltipVisual() { 8569 return this.activeTooltipItem && ['color', 'image'].includes(this.activeTooltipItem.type); 8570 }, 8571 getTooltipImageStyle() { 8572 const item = this.activeTooltipItem; 8573 if (item?.type === 'color') return { 8574 backgroundColor: item.preview, 8575 width: `${item.width ?? 90}px`, 8576 height: `${item.height ?? 90}px` 8577 }; 8578 if (item?.type === 'image') return { 8579 backgroundImage: `url(${item.preview})`, 8580 backgroundSize: 'cover', 8581 backgroundPosition: 'center', 8582 backgroundRepeat: 'no-repeat', 8583 width: `${item.width ?? 90}px`, 8584 height: `${item.height ?? 90}px` 8585 }; 8586 return null; 8587 }, 8588 getTooltipPosition() { 8589 if (!this.tooltipPositionElement) return null; 8590 const el = this.tooltipPositionElement; 8591 const elRect = el.getBoundingClientRect(); 8592 const left = elRect.left + elRect.width / 2; 8593 8594 return { 8595 bottom: `${window.innerHeight - elRect.top}px`, 8596 left: `${left}px`, 8597 translate: '-50% 0' 8598 }; 8599 }, 8600 getTooltipLabel() { 8601 return this.activeTooltipItem ? this.activeTooltipItem.label : ''; 8602 }, 8603 showTooltip(event) { 8604 if (!window.matchMedia('(hover: hover) and (pointer: fine)').matches) return; 8605 const input = event.currentTarget.querySelector('input'); 8606 this.activeTooltipItem = JSON.parse(input.dataset.tooltip); 8607 this.tooltipPositionElement = event.currentTarget; 8608 }, 8609 hideTooltip() { 8610 this.activeTooltipItem = false; 8611 }, 8612 } 8613 } 8614</script>
8614 8615
8615<script> 8616 (function () { 8617 const modals = []; 8618 let lastHide = 0; 8619 8620 function resolveElement($refs, value) { 8621 if (!value) return null; 8622 if (value instanceof Element) return value; 8623 if (typeof value === 'string') { 8624 try { 8625 return ($refs && $refs[value]) || document.querySelector(value) || null; 8626 } catch (e) {} 8627 } 8628 return null; 8629 } 8630 8631 function determineTrigger($refs, dialog, trigger) { 8632 if (!trigger && dialog?.target instanceof HTMLElement) { 8633 return dialog.target; 8634 } 8635 8636 if (typeof dialog === 'string' && trigger?.target instanceof HTMLElement) { 8637 return trigger.target; 8638 } 8639 8640 return resolveElement($refs, trigger); 8641 } 8642 8643 function setFocusFirstElement(dialogElement) { 8644 if (!dialogElement) return; 8645 8646 window.setTimeout(() => { 8647 const candidates = dialogElement.querySelectorAll('[x-focus-first]'); 8648 for (const candidate of candidates) { 8649 if (candidate.closest('dialog') === dialogElement) { 8650 candidate.focus(); 8651 return; 8652 } 8653 } 8654 }, 50); 8655 } 8656 8657 window.hyva.modal = function(options = {}) { 8658 if (this.$el && this.$el.dataset && this.$el.dataset.options) { 8659 try { 8660 options = Object.assign(options, JSON.parse(this.$el.dataset.options || '{}')); 8661 } catch (e) { 8662 throw new Error('Cannot read the dialog options from the data-options attribute: not valid JSON'); 8663 } 8664 } 8665 8666 const config = Object.assign({ 8667 dialog: 'dialog', duration: 300, transitionEnter: 'transition ease-out duration-300', 8668 transitionEnterStart: 'opacity-0', 8669 transitionEnterEnd: 'opacity-100', 8670 transitionLeave: 'transition ease-in duration-300', 8671 transitionLeaveStart: 'opacity-100', 8672 transitionLeaveEnd: 'opacity-0', 8673 }, options); 8674 8675 return { 8676 opened: {}, 8677 show(dialog, trigger) { 8678 const name = typeof dialog === 'string' ? dialog : config.dialog; 8679 if (!name || this.opened[name]) return; 8680 8681 this.opened[name] = true; 8682 const focusTarget = determineTrigger(this.$refs, dialog, trigger); 8683 const dialogEl = this.$refs && this.$refs[name]; 8684 const frame = { name, instance: this, focusTarget, time: Date.now() }; 8685 modals.push(frame); 8686 setFocusFirstElement(dialogEl); 8687 return new Promise(resolve => { frame.resolve = resolve; }); 8688 }, 8689 cancel() { 8690 this.hide(false); 8691 }, 8692 ok() { 8693 this.hide(true); 8694 }, 8695 hide(value) { 8696 if (Date.now() - lastHide < config.duration) return; 8697 lastHide = Date.now(); 8698 8699 const modal = modals.pop(); 8700 if (!modal) return; 8701 8702 modal.instance.opened[modal.name] = false; 8703 8704 const focusTarget = modal.focusTarget; 8705 focusTarget && window.setTimeout(() => focusTarget.focus(), config.duration + 50); 8706 modal.resolve && modal.resolve(value); 8707 }, 8708 /** 8709 * @deprecated Use dialogConfig() instead, which is used by the default modal-container.phtml template. 8710 * This method is kept for backwards compatibility with custom container templates. 8711 */ 8712 overlay(dialog) { 8713 dialog = this.$el.dataset.dialogRefName || dialog; 8714 const name = typeof dialog === 'string' ? dialog : config.dialog; 8715 if (this.$el.tagName !== 'DIALOG' && ! window.hyva.modal.legacyModalCompatibility) { 8716 console.warn( 8717 '[hyva] Deprecated modal markup detected (x-bind="overlay" on a non-dialog element' + 8718 (name ? ` for "${name}"` : '') + ').\n' + 8719 'Escape and click-outside closing are not available for such dialogs anymore.\n' + 8720 'Install hyva-themes/magento2-legacy-modal-compatibility or migrate to the native <dialog> markup.' 8721 ); 8722 } 8723 return Object.assign({}, this.dialogConfig(name), { 8724 ['@hyva-modal-show.window'](event) { 8725 event.detail && event.detail.dialog === name && this.show(name, event.detail.focusAfterHide) 8726 } 8727 }); 8728 }, 8729 dialogConfig(name) { 8730 name = name || this.$el.dataset.dialogRefName || config.dialog; 8731 return { 8732 ['x-show']: () => name ? this.opened[name] : false, 8733 ['x-transition:enter']: config.transitionEnter, 8734 ['x-transition:enter-start']: config.transitionEnterStart, 8735 ['x-transition:enter-end']: config.transitionEnterEnd, 8736 ['x-transition:leave']: config.transitionLeave, 8737 ['x-transition:leave-start']: config.transitionLeaveStart, 8738 ['x-transition:leave-end']: config.transitionLeaveEnd, 8739 ['@hyva-modal-show.window'](event) { 8740 event.detail && event.detail.dialog === name && this.show(name, event.detail.focusAfterHide); 8741 }, 8742 }; 8743 },
8744 showDialogOnInit() { 8745 const name = this.$el.dataset.dialogRefName; 8746 if (name) { 8747 this.show(name); 8748 } 8749 } 8750 }; 8751 } 8752 8753 window.hyva.modal.peek = () => modals.length > 0 && modals[modals.length - 1] 8754 8755 window.hyva.modal.pop = function () { 8756 if (modals.length > 0) { 8757 modals[modals.length - 1].instance.hide(); 8758 } 8759 } 8760 8761 /** 8762 * @deprecated Native <dialog> handles focus trapping automatically. 8763 * Calling this function has no effect. Kept for backwards compatibility. 8764 */ 8765 window.hyva.modal.excludeSelectorsFromFocusTrap = function (selectors) {} 8766 8767 /** 8768 * @deprecated Native <dialog> with x-htmldialog handles ESC key and click-outside events. 8769 * These functions have no effect. Kept for backwards compatibility. 8770 */ 8771 window.hyva.modal.eventListeners = { 8772 keydown: event => {}, 8773 click: event => {} 8774 }; 8775 })(); 8776 8777 window.addEventListener('alpine:init', () => { 8778 Alpine.data('hyvaModal', window.hyva.modal); 8779 }, {once: true});</script>
8779<script> 8780 'use strict'; 8781 8782 const grecaptchaV2LoadCallbacks = []; 8783 8784 function executeRecaptchaLoadCallbacks () { 8785 while (window.grecaptcha && grecaptchaV2LoadCallbacks.length > 0) { 8786 const callback = grecaptchaV2LoadCallbacks.pop(); 8787 typeof callback === 'string' ? window[callback]() : callback(); 8788 } 8789 } 8790 8791 (function() { 8792 const loadRecaptchaScript = (event) => { 8793 8794 if (window.grecaptcha || !event.target.form) { 8795 return; 8796 } 8797 8798 const url = 'https://www.google.com/recaptcha/api.js?onload=executeRecaptchaLoadCallbacks'; 8799 const siteKey = ''; 8800 const script = document.createElement('script'); 8801 script.type = 'text/javascript'; 8802 script.src = siteKey ? `${url}&render=${siteKey}` : `${url}&render=explicit`; 8803 script.async = true; 8804 document.head.appendChild(script); 8805 8806 script.addEventListener('load', () => { 8807 Array.from(document.querySelectorAll('button[data-recaptcha-btn]:disabled')).forEach(btn => btn.removeAttribute('disabled')); 8808 }); 8809 } 8810 8811 window.forceLoadRecaptchaScript = (form) => { 8812 loadRecaptchaScript({target: {form: form || 'dummy'}}); 8813 executeRecaptchaLoadCallbacks(); 8814 }; 8815 8816 document.body.addEventListener('input', loadRecaptchaScript, { once: true }); 8817 document.body.addEventListener('focus', loadRecaptchaScript, { once: true }); 8818 8819 }()); 8820 8821</script>
vendor: 1 bytes, line 8821
8821
8822<script> 8823(() => { 8824 const origFormatPrice = hyva.formatPrice; 8825 window.hyva.formatPrice = function () { 8826 const result = origFormatPrice.apply(null, arguments) 8827 return result.replace(/€\s*/g, ''); 8828 } 8829})() 8830</script>
8830<script> 8831 window.testLayer = window.testLayer || [] 8832 window.testLayer.push({ 8833 key: 'mdml_related', 8834 description: 'MDML Related Products', 8835 enable: function () { 8836 const relatedA = document.getElementById('related') 8837 const relatedB = document.getElementById('related-b') 8838 if (relatedA && relatedB) { 8839 relatedA.classList.add('hidden') 8840 relatedB.classList.remove('hidden') 8841 } 8842 }, 8843 disable: function () { 8844 const relatedA = document.getElementById('related') 8845 const relatedB = document.getElementById('related-b') 8846 if (relatedA && relatedB) { 8847 relatedA.classList.remove('hidden') 8848 relatedB.classList.add('hidden') 8849 } 8850 }, 8851 }) 8852 8853 window.testLayer.push({ 8854 key: 'combination_products', 8855 description: 'Combination Products', 8856 enable: function () { 8857 const combinationA = document.getElementById('combination-a') 8858 const combinationB = document.getElementById('combination-b') 8859 if (combinationA && combinationB) { 8860 combinationA.classList.add('hidden') 8861 combinationB.classList.remove('hidden') 8862 } 8863 }, 8864 disable: function () { 8865 const combinationA = document.getElementById('combination-a') 8866 const combinationB = document.getElementById('combination-b') 8867 if (combinationA && combinationB) { 8868 combinationA.classList.remove('hidden') 8869 combinationB.classList.add('hidden') 8870 } 8871 }, 8872 }) 8873 8874 window.testLayer.push({ 8875 key: 'pdp_stock_value', 8876 description: 'PDP Stock Value', 8877 enable: function () { 8878 document.body.classList.add('pdp-stock-value') 8879 }, 8880 disable: function () { 8881 document.body.classList.remove('pdp-stock-value') 8882 }, 8883 }) 8884</script>
vendor: 1 bytes, line 8884
8884
8885<script> 8886 window.setAjaxCart = () => { 8887 const removalDelay = '5000'; 8888 const fixedOffset = '85'; 8889 const parentElement = '.minicart-container'; 8890 window.hasProductBeenAddedToCart = false; 8891 8892 document.addEventListener('submit', e => { 8893 if (e.target.id !== 'product_addtocart_form' && !e.target.classList.contains('product_addtocart_form')) { 8894 return; 8895 } 8896 8897 e.preventDefault(); 8898 const form = e.target; 8899 const data = new URLSearchParams(new FormData(form)); 8900 const isPopupEnabled = !data.has('disable_popup'); 8901 const isSuccessCheckmarkEnabled = data.has('success_checkmark'); 8902 const popup = document.querySelector('#add-to-cart-popup'); 8903 8904 window.hasProductBeenAddedToCart = true; 8905 8906 8907 if (popup && isPopupEnabled) { 8908 popup.remove(); 8909 } 8910 8911 let addToCartButton = form.querySelector('button.add-to-cart') ? form.querySelector('button.add-to-cart') : document.getElementById('product-addtocart-button'); 8912 const buttonContent = addToCartButton.innerHTML; 8913 8914 data.append('form_key', hyva.getFormKey()); 8915 8916 addToCartButton.innerHTML = '\u000A\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020viewBox\u003D\u00220\u00200\u0020100\u0020100\u0022\u0020xml\u003Aspace\u003D\u0022preserve\u0022\u0020width\u003D\u002232\u0022\u0020height\u003D\u002232\u0022\u0020fill\u003D\u0022currentColor\u0022\u0020class\u003D\u0022mx\u002Dauto\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cpath\u0020fill\u003D\u0022currentColor\u0022\u0020d\u003D\u0022M73\u002050c0\u002D12.7\u002D10.3\u002D23\u002D23\u002D23S27\u002037.3\u002027\u002050m3.9\u00200c0\u002D10.5\u00208.5\u002D19.1\u002019.1\u002D19.1S69.1\u002039.5\u002069.1\u002050\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003CanimateTransform\u0020attributeName\u003D\u0022transform\u0022\u0020attributeType\u003D\u0022XML\u0022\u0020type\u003D\u0022rotate\u0022\u0020dur\u003D\u00221s\u0022\u0020from\u003D\u00220\u002050\u002050\u0022\u0020to\u003D\u0022360\u002050\u002050\u0022\u0020repeatCount\u003D\u0022indefinite\u0022\u002F\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fpath\u003E\u000A\u003C\u002Fsvg\u003E'; 8917 addToCartButton.classList.add('is-loading'); 8918 addToCartButton.disabled = true; 8919 8920 fetch(form.action, { 8921 method: 'POST', 8922 body: data, 8923 headers: { 8924 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 8925 'X-Requested-With': 'XMLHttpRequest' 8926 } 8927 }).then(res => { 8928 removeLoadingStateFromButton(addToCartButton, buttonContent); 8929 if (!res.ok) { 8930 return form.submit(); 8931 } 8932 8933 if (res.redirected) { 8934 hyva.initMessages(); 8935 return; 8936 } 8937 8938 return res.json(); 8939 }).then(data => { 8940 if (!data || Array.isArray(data) && !data.length) { 8941 return; 8942 } 8943 8944 if (data.backUrl) { 8945 form.submit(); 8946 } 8947 8948 if (isPopupEnabled && !window.forceCartDrawerOnAdd) { 8949 if (parentElement !== '') { 8950 document.querySelector(parentElement).insertAdjacentHTML('beforeend', data.popup_html); 8951 } else { 8952 document.body.insertAdjacentHTML('beforeend', data.popup_html); 8953 } 8954 8955 const popup = document.getElementById('add-to-cart-popup'); 8956 8957 setTimeout(function () { 8958 popup.classList.add('!opacity-100', '!pointer-events-auto', 'animate-in'); 8959 }, 10); 8960 8961 popup.querySelectorAll('.close').forEach((element) => { 8962 element.addEventListener('click', () => { 8963 removePopup(popup); 8964 }); 8965 }); 8966 8967 if (parseInt(removalDelay) > -1) { 8968 const removeTimeout = setTimeout(() => { 8969 removePopup(popup); 8970 }, parseInt(removalDelay)); 8971 8972 popup.addEventListener('mouseenter', () => { 8973 clearTimeout(removeTimeout); 8974 }); 8975 } 8976 8977 if (parseInt(fixedOffset) > -1) { 8978 handleViewChange(popup, fixedOffset); 8979 8980 ['resize', 'scroll'].forEach(event => { 8981 document.addEventListener(event, () => handleViewChange(popup, fixedOffset)) 8982 }); 8983 } 8984 8985 window.addEventListener('toggle-cart', () => { 8986 removePopup(popup); 8987 }); 8988 } 8989 8990 if (window.forceCartDrawerOnAdd) { 8991 window.dispatchEvent(new CustomEvent('cart-drawer-product-add', {detail: data.product.id})); 8992 window.dispatchEvent(new CustomEvent('toggle-cart')); 8993 } 8994 8995 window.dispatchEvent(new CustomEvent('product-addtocart-success')); 8996 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 8997 8998 if (isSuccessCheckmarkEnabled) { 8999 const buttonClassList = ['border-success', '!bg-success-15']; 9000 addToCartButton.innerHTML = '\u003Csvg\u0020width\u003D\u002214\u0022\u0020height\u003D\u002210\u0022\u0020viewBox\u003D\u00220\u00200\u002014\u002010\u0022\u0020fill\u003D\u0022currentColor\u0022\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u003E\u000A\u003Cpath\u0020d\u003D\u0022M5.08672\u
900000209.3877L0.886719\u00205.1877L1.69297\u00204.38145L5.08672\u00207.7752L12.2867\u00200.575195L13.093\u00201.38145L5.08672\u00209.3877Z\u0022\u0020fill\u003D\u0022currentColor\u0022\u002F\u003E\u000A\u003C\u002Fsvg\u003E'; 9001 addToCartButton.classList.add(...buttonClassList); 9002 9003 const svg = addToCartButton.querySelector('svg'); 9004 svg.style.height = '1rem'; 9005 svg.classList.add('text-success'); 9006 9007 setTimeout(() => { 9008 addToCartButton.innerHTML = buttonContent; 9009 addToCartButton.classList.remove(...buttonClassList); 9010 }, 2000); 9011 } 9012 }).catch(error => { 9013 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 9014 console.log(error); 9015 removeLoadingStateFromButton(addToCartButton, buttonContent); 9016 }); 9017 }, true); 9018 } 9019 9020 function removeLoadingStateFromButton(button, originalButtonContent) { 9021 button.classList.remove('is-loading'); 9022 button.disabled = false; 9023 button.innerHTML = originalButtonContent; 9024 } 9025 9026 function handleViewChange(popup, fixedOffset) { 9027 const fixedClasses = ['!fixed', '!top-4']; 9028 9029 if (window.scrollY > parseInt(fixedOffset)) { 9030 popup.classList.add(...fixedClasses); 9031 } else { 9032 popup.classList.remove(...fixedClasses); 9033 } 9034 } 9035 9036 function setMessage(message) { 9037 typeof window.dispatchMessages !== 'undefined' && window.dispatchMessages( 9038 [message], 5000 9039 ); 9040 } 9041 9042 function removePopup(popup) { 9043 popup.classList.remove('!opacity-100', '!pointer-events-auto', 'animate-in'); 9044 popup.addEventListener('transitionend', () => 9045 { 9046 popup.remove(); 9047 }); 9048 } 9049 9050 window.setAjaxCart(); 9051</script>
9051
9051<script> 9052 document.addEventListener('alpine:init', () => { 9053 Alpine.data('qtyInput', () => ({ 9054 min: null, 9055 max: null, 9056 minus: null, 9057 plus: null, 9058 addToCartOnEnter: false, 9059 allowDecimalQty: false, 9060 buttonClasses: ''.split(' '), 9061 contentMinus: '\u000A\u003Csvg\u0020width\u003D\u002217\u0022\u0020height\u003D\u00223\u0022\u0020viewBox\u003D\u00220\u00200\u002017\u00203\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u0020focusable\u003D\u0022false\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cpath\u0020d\u003D\u0022M1.15576\u00201.11914H15.1558\u0022\u0020stroke\u002Dwidth\u003D\u00222\u0022\u0020stroke\u002Dlinecap\u003D\u0022round\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020stroke\u002Dlinejoin\u003D\u0022round\u0022\u002F\u003E\u000A\u003C\u002Fsvg\u003E', 9062 contentPlus: '\u000A\u003Csvg\u0020width\u003D\u002217\u0022\u0020height\u003D\u002217\u0022\u0020viewBox\u003D\u00220\u00200\u002017\u002017\u0022\u0020fill\u003D\u0022none\u0022\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u0020focusable\u003D\u0022false\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cpath\u0020d\u003D\u0022M8.15576\u00201.11914V15.1191M1.15576\u00208.11914H15.1558\u0022\u0020stroke\u002Dwidth\u003D\u00222\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020stroke\u002Dlinecap\u003D\u0022round\u0022\u0020stroke\u002Dlinejoin\u003D\u0022round\u0022\u002F\u003E\u000A\u003C\u002Fsvg\u003E', 9063 dirty: false, 9064 9065 init() { 9066 this.initSettings() 9067 9068 if (this.isInitialized()) { 9069 this.bindExistingElements() 9070 this.addEventListeners() 9071 this.updateButtonState() 9072 return 9073 } 9074 9075 this.createElements() 9076 this.addEventListeners() 9077 this.updateButtonState() 9078 }, 9079 9080 initSettings() { 9081 this.min = parseInt(this.$el.getAttribute('min') ?? 1) 9082 this.max = parseInt(this.$el.getAttribute('max') ?? 999) 9083 this.addToCartOnEnter = this.$el.hasAttribute('x-add-to-cart-on-enter') 9084 this.allowDecimalQty = this.$el.hasAttribute('x-allow-decimal-qty') 9085 }, 9086 9087 isInitialized() { 9088 const wrapper = this.getWrapper() 9089 return !!(wrapper && wrapper.dataset.qtyInputInitialized === '1') 9090 }, 9091 9092 getWrapper() { 9093 return this.$el.closest('.qty-input-wrapper') 9094 }, 9095 9096 markInitialized(wrapper) { 9097 if (wrapper) { 9098 wrapper.dataset.qtyInputInitialized = '1' 9099 } 9100 }, 9101 9102 bindExistingElements() { 9103 const wrapper = this.getWrapper() 9104 9105 if (!wrapper) { 9106 return 9107 } 9108 9109 this.minus = wrapper.querySelector('.btn-minus') 9110 this.plus = wrapper.querySelector('.btn-plus') 9111 this.updateButtonState() 9112 }, 9113 9114 createElements() { 9115 const wrapper = document.createElement('div') 9116 wrapper.classList.add('qty-input-wrapper', 'flex') 9117 this.$el.parentNode.insertBefore(wrapper, this.$el) 9118 wrapper.appendChild(this.$el) 9119 this.markInitialized(wrapper) 9120 9121 const buttonClasses = this.buttonClasses.filter(function (el) { 9122 return el !== '' 9123 }) 9124 9125 const buttonMinus = document.createElement('button') 9126 const buttonPlus = document.createElement('button') 9127 9128 buttonMinus.classList.add(...buttonClasses) 9129 buttonMinus.classList.add('btn-minus')
9130 buttonPlus.classList.add(...buttonClasses) 9131 buttonPlus.classList.add('btn-plus') 9132 9133 buttonMinus.ariaLabel = 'Verminder\u0020hoeveelheid' 9134 buttonPlus.ariaLabel = 'Verhoog\u0020hoeveelheid' 9135 9136 buttonMinus.innerHTML = this.contentMinus !== '' ? this.contentMinus : '-' 9137 this.$el.parentNode.insertBefore(buttonMinus, this.$el) 9138 this.minus = buttonMinus 9139 9140 buttonPlus.innerHTML = this.contentPlus !== '' ? this.contentPlus : '+' 9141 this.$el.after(buttonPlus) 9142 this.plus = buttonPlus 9143 }, 9144 9145 addEventListeners() { 9146 const wrapper = this.getWrapper() 9147 9148 if (wrapper?.dataset.qtyInputListenersAdded === '1') { 9149 return 9150 } 9151 9152 if (wrapper) { 9153 wrapper.dataset.qtyInputListenersAdded = '1' 9154 } 9155 9156 this.minus.addEventListener('click', (e) => { 9157 e.preventDefault() 9158 this.setQuantity(Math.max(parseInt(this.getQuantity()) - 1, this.min)) 9159 this.dispatchQtyChangedEvent() 9160 this.updateButtonState() 9161 }) 9162 9163 this.plus.addEventListener('click', (e) => { 9164 e.preventDefault() 9165 this.setQuantity(Math.min(parseInt(this.getQuantity()) + 1, this.max)) 9166 this.dispatchQtyChangedEvent() 9167 this.updateButtonState() 9168 }) 9169 9170 this.$el.addEventListener('click', (e) => e.preventDefault()) 9171 9172 this.$el.addEventListener('change', () => { 9173 this.dirty = true 9174 this.correctQtyValue() 9175 this.dispatchQtyChangedEvent() 9176 this.updateButtonState() 9177 }) 9178 9179 this.$el.addEventListener( 9180 'keyup', 9181 debounce(() => { 9182 this.dispatchQtyChangedEvent() 9183 this.updateButtonState() 9184 }, 500) 9185 ) 9186 9187 this.$el.addEventListener('keypress', (e) => { 9188 if (e.key === 'Enter') { 9189 e.preventDefault() 9190 if (this.addToCartOnEnter) { 9191 this.form?.querySelector('button.add-to-cart')?.click?.() 9192 } 9193 } 9194 }) 9195 9196 function debounce(callback, ms) { 9197 let timer = null 9198 return function () { 9199 let context = this, 9200 args = arguments 9201 clearTimeout(timer) 9202 timer = setTimeout(function () { 9203 callback.apply(context, args) 9204 }, ms || 0) 9205 } 9206 } 9207 }, 9208 9209 dispatchQtyChangedEvent() { 9210 if (!this.dirty) { 9211 return 9212 } 9213 this.dirty = false 9214 this.form?.dispatchEvent(new CustomEvent('qty-changed', {detail: {}, bubbles: true})) 9215 }, 9216 9217 correctQtyValue() { 9218 if (this.getQuantity() <= this.min) { 9219 this.setQuantity(this.min) 9220 } else if (this.getQuantity() >= this.max) { 9221 this.setQuantity(this.max) 9222 } 9223 9224 if (!this.allowDecimalQty) { 9225 this.setQuantity(Math.round(this.getQuantity())) 9226 } 9227 }, 9228 9229 updateButtonState() { 9230 if (!this.minus || !this.plus) { 9231 return 9232 } 9233 9234 if (this.getQuantity() <= this.min) { 9235 this.minus.setAttribute('disabled', 'disabled') 9236 } else { 9237 this.minus.removeAttribute('disabled') 9238 } 9239 9240 if (this.getQuantity() >= this.max) { 9241 this.plus.setAttribute('disabled', 'disabled') 9242 } else { 9243 this.plus.removeAttribute('disabled') 9244 } 9245 }, 9246 9247 setQuantity(value) { 9248 if (this.qty !== undefined) { 9249 if (this.qty !== value) { 9250 this.dirty = true 9251 } 9252 this.qty = value 9253 } 9254 9255 if (this.$el.value !== value) { 9256 this.dirty = true 9257 } 9258 9259 this.$el.value = value 9260 9261 if (this.$el._x_model) { 9262 this.$el._x_model.set(value) 9263 } 9264 }, 9265 9266 getQuantity() { 9267 return this.qty ?? this.$el.value 9268 }, 9269 get form() { 9270 return this.$el.closest('form') ?? document.querySelector('form#' + this.$el.getAttribute('form')) 9271 }, 9272 })) 9273
9274 let elements = '\u007B\u0022product\u0022\u003Anull,\u0022cart\u0022\u003Anull\u007D' 9275 elements = elements ? JSON.parse(elements) : [] 9276 9277 function attachQtyInput(elements) { 9278 Object.entries(elements).forEach(([key, selector]) => { 9279 const elementNodes = document.querySelectorAll(selector) 9280 9281 elementNodes.forEach((element) => { 9282 if (element && !element.hasAttribute('x-data')) { 9283 element.setAttribute('x-data', 'qtyInput') 9284 } 9285 }) 9286 }) 9287 } 9288 9289 function observeCartInputs() { 9290 if (!elements['cart']) { 9291 return 9292 } 9293 const key = elements['cart'] 9294 const filteredElement = {key} 9295 const cartRefreshedNode = document.querySelector('.checkout-cart-index #maincontent') 9296 const config = { 9297 childList: true, 9298 characterData: true, 9299 subtree: true, 9300 } 9301 9302 const cartCallback = (mutationsList) => { 9303 for (const mutation of mutationsList) { 9304 if (mutation.type === 'childList' || mutation.type === 'characterData') { 9305 attachQtyInput(filteredElement) 9306 } 9307 } 9308 } 9309 9310 if (cartRefreshedNode) { 9311 const observer = new MutationObserver(cartCallback) 9312 observer.observe(cartRefreshedNode, config) 9313 } 9314 } 9315 9316 attachQtyInput(elements) 9317 observeCartInputs() 9318 })</script>
9318
9318<script> 9319 const scriptSourceCore = 'https\u003A\u002F\u002Fwww.elektramat.be\u002Fstatic\u002Fversion1790258389\u002Ffrontend\u002FWise\u002Felektramat\u002D3_be\u002Fnl_BE\u002FAdwise_HyvaTooltip\u002Fjs\u002Ffloating\u002Dui\u002Fcore.min.js'; 9320 const scriptSourceDom = 'https\u003A\u002F\u002Fwww.elektramat.be\u002Fstatic\u002Fversion1790258389\u002Ffrontend\u002FWise\u002Felektramat\u002D3_be\u002Fnl_BE\u002FAdwise_HyvaTooltip\u002Fjs\u002Ffloating\u002Dui\u002Fdom.min.js'; 9321 9322 const scriptCore = document.createElement('script'); 9323 scriptCore.src = scriptSourceCore; 9324 scriptCore.async = true; 9325 9326 scriptCorePromise = new Promise((resolve) => { 9327 scriptCore.addEventListener('load', resolve); 9328 }); 9329 9330 const floatingUiReadyPromises = [scriptCorePromise, scriptCorePromise.then(() => { 9331 return new Promise((resolve) => { 9332 const scriptDom = document.createElement('script'); 9333 scriptDom.src = scriptSourceDom; 9334 scriptDom.async = true; 9335 9336 scriptDom.addEventListener('load', resolve); 9337 document.head.append(scriptDom); 9338 }) 9339 })]; 9340 9341 const loadFloatingUi = () => { 9342 document.head.append(scriptCore); 9343 }; 9344 9345 window.addEventListener('init-external-scripts', loadFloatingUi, { once: true, passive: true }); 9346 9347 document.addEventListener('alpine:init', () => { 9348 Alpine.data('tooltip', () => ({ 9349 content: '', 9350 placement: 'top', 9351 behavior: 'tooltip', 9352 arrow: null, 9353 showCloseButton: false, 9354 defaultMiddleware: { 9355 flip: {}, 9356 shift: {}, 9357 arrow: {}, 9358 offset: 10 9359 }, 9360 middleware: [], 9361 9362 init() { 9363 if (!document.querySelector(`script[src="${scriptSourceCore}"]`)) { 9364 loadFloatingUi(); 9365 } 9366 9367 this.$el.setAttribute('x-bind', 'eventListeners'); 9368 9369 const placement = this.$el.getAttribute('x-placement'); 9370 this.placement = placement ? placement : this.placement; 9371 this.behavior = this.$el.getAttribute('x-behavior') === 'popover' ? 'popover' : this.behavior; 9372 this.content = this.$el.getAttribute('x-content'); 9373 this.showCloseButton = this.$el.getAttribute('x-show-close-button') === 'true'; 9374 9375 9376 floatingUiReadyPromises.push(new Promise((resolve) => { 9377 Promise.all(floatingUiReadyPromises).then(() => { 9378 Object.keys(this.defaultMiddleware).forEach((key) => { 9379 let options = this.defaultMiddleware[key]; 9380 if (key === 'arrow') { 9381 options.element = document.querySelector('#tooltip .arrow'); 9382 } 9383 9384 if (this.$el.getAttribute(`x-${key}`)) { 9385 const attributeValue = this.$el.getAttribute(`x-${key}`); 9386 const jsonValue = JSON.parse(attributeValue); 9387 options = Object.assign(options, jsonValue); 9388 } 9389 9390 this.middleware.push(window.FloatingUIDOM[key](options)); 9391 }); 9392 9393 resolve(); 9394 }); 9395 })); 9396 }, 9397 9398 updateTooltip() { 9399 Promise.all(floatingUiReadyPromises).then(() => { 9400 window.FloatingUIDOM.computePosition(this.$el, document.querySelector('#tooltip'), { 9401 placement: this.placement, 9402 middleware: this.middleware, 9403 }).then(({x, y, middlewareData, placement}) => { 9404 Object.assign(document.querySelector('#tooltip').style, { 9405 left: `${x}px`, 9406 top: `${y}px`, 9407 }); 9408 9409 const side = placement.split("-")[0]; 9410 const staticSide = { 9411 top: 'bottom', 9412 right: 'left', 9413 bottom: 'top', 9414 left: 'right' 9415 }[side]; 9416 9417 if (middlewareData.arrow) { 9418 const {x, y} = middlewareData.arrow; 9419 9420 Object.assign(document.querySelector('#tooltip .arrow').style, { 9421 left: x != null ? `${x}px` : "", 9422 top: y != null ? `${y}px` : "", 9423 [staticSide]: `${(-0.5 * document.querySelector('#tooltip .arrow').offsetWidth)}px` 9424 }); 9425 } 9426 }); 9427 }); 9428 }, 9429 9430 showTooltip(event) { 9431 document.querySelector('#tooltip #tooltip-inner #tooltip-content').innerHTML = this.content; 9432 this.updateTooltip(); 9433 this.$dispatch('open-tooltip', { 9434 rootElement: this.$root, 9435 clickEvent: event, 9436 showCloseButton: this.showCloseButton 9437 }); 9438 }, 9439 9440 hideTooltip(event) { 9441 this.$dispatch('close-tooltip', { rootElement: this.$root, clickEvent: event }); 9442 }, 9443 9444 eventListeners() { 9445 const tooltipListeners = { 9446 ['@mouseenter']($event) { 9447 this.showTooltip(); 9448 }, 9449 ['@mouseleave']($event) { 9450 this.hideTooltip(); 9451 }, 9452 ['@focus']($event) { 9453 this.showTooltip(); 9454 }, 9455 ['@blur']($event) { 9456 this.hideTooltip(); 9457 }, 9458 ['@keydown.escape.window']($event) { 9459 this.hideTooltip(); 9460 } 9461 }; 9462 9463 const popoverListeners = { 9464 ['@click']($event) { 9465 this.showTooltip(); 9466 }, 9467 ['@resize.window']($event) { 9468 this.updateTooltip(); 9469 } 9470 } 9471 9472 if (this.behavior === 'tooltip') { 9473 if (this.isTouchDevice()) { 9474 return popoverListeners; 9475 } else { 9476 return tooltipListeners; 9477 } 9478 } else { 9479 return popoverListeners; 9480 } 9481 }, 9482 9483 isTouchDevice() { 9484 return ('ontouchstart' in window) || (navigator.maxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0) 9485 } 9486 })) 9487 });</script>
9487<div class="tooltip" id="tooltip" x-data="initTooltipComponent()" x-cloak :class="{'open': open}" @open-tooltip.window="openTooltip($event)" @close-tooltip.window="open = false" @click.outside="closeTooltip($event); " ><div id="tooltip-inner" class="tooltip-inner" role="tooltip"><template x-if="showCloseButton"><button @click="closeTooltip($event); " class="close-button" aria-label="Tooltip sluiten" ><svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M4.91211 13.5L13.9121 4.5M4.91211 4.5L13.9121 13.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /></svg></button></template><div id="tooltip-content"></div></div><div class="arrow"></div></div>
9487<script> 9488 function initTooltipComponent() { 9489 return { 9490 open: false, 9491 referenceElement: null, 9492 showCloseButton: false, 9493 9494 openTooltip($event) { 9495 this.open = true; 9496 this.referenceElement = $event.detail.rootElement; 9497 this.showCloseButton = $event.detail.showCloseButton; 9498 }, 9499 9500 closeTooltip($event) { 9501 if (this.open && !this.referenceElement.contains($event.target) && !$event.target.hasAttribute('wire:model')) { 9502 this.open = false; 9503 } 9504 } 9505 } 9506 }</script>
9506
9506<script> 9507 'use strict'; 9508 9509 9510 hyva.formValidation.addRule('email', function (value, options, field, context) { 9511 const rule = /^([a-z0-9!\#\$%&'\*\+\/=\?\^_`\{\|\}~-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z0-9!\#\$%&'\*\+\/=\?\^_`\{\|\}~-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*@([a-z0-9-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z0-9-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*\.(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]){2,})$/i; 9512 if (value.length > 0 && !rule.test(value)) { 9513 return 'Vul\u0020een\u0020geldig\u0020e\u002Dmailadres\u0020in.'; 9514 } 9515 9516 return true; 9517 });</script>
9517 <section x-cloak x-data="amRecaptchaLoading" @amcaptcha-loading-start.window="loadingStart" @amcaptcha-loading-stop.window="loadingStop"><div class="loading flex flex-row justify-center items-center w-full h-full select-none z-50 absolute inset-0" 9518 style="background: rgba(255,255,255,0.85);" 9519 x-show="isLoading" 9520 x-cloak 9521 x-transition:enter="ease-out duration-200" 9522 x-transition:enter-start="opacity-0" 9523 x-transition:enter-end="opacity-100" 9524 x-transition:leave="ease-in duration-200" 9525 x-transition:leave-start="opacity-100" 9526 x-transition:leave-end="opacity-0"> 9527 <div class="loading-content-wrapper flex justify-center items-center w-full h-full"> 9528 <div class="loading-content flex justify-center items-center gap-x-10"> 9529 <svg xmlns="http://www.w3.org/2000/svg" width="57" height="57" viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2" stroke-linecap="round" class="text-primary animate-spin" role="img"> 9530 <circle style="opacity: .3;" cx="12" cy="12" r="10"/> 9531 <path fill="none" stroke-width="2" d="M12,2 a10,10 0 0,1 10,10"/> 9532<title>loader</title></svg> 9533 <div class="text-primary text-xl"> 9534 Bezig met laden... </div> 9535 </div> 9536 </div> 9537</div></section>
9537<script> 9538 function amRecaptchaLoading() { 9539 return { 9540 isLoading: false, 9541 9542 loadingStart() { 9543 this.isLoading = true; 9544 }, 9545 9546 loadingStop() { 9547 this.isLoading = false; 9548 } 9549 }; 9550 } 9551 (() => { 9552 const initFn = () => Alpine.data('amRecaptchaLoading', amRecaptchaLoading); 9553 window.Alpine ? initFn() : window.addEventListener('alpine:init', initFn, {once: true}) 9554 })()</script>
9554
9554<script> 9555 document.addEventListener("alpine:init", () => { 9556 Alpine.data('hyvaCmsToggle', () => ({ 9557 open: false, 9558 notOpen() { 9559 return !this.open; 9560 }, 9561 show() { 9562 this.open = true 9563 }, 9564 hide() { 9565 this.open = false 9566 }, 9567 toggle() { 9568 this.open = !this.open 9569 } 9570 })) 9571 });</script>
9571<script> 9572 document.addEventListener('alpine:initialized', () => { 9573 const urlParams = new URLSearchParams(window.location.search); 9574 const skuField = document.querySelector('.amform-form [name="field-sku"'); 9575 9576 if (!skuField) { 9577 return; 9578 } 9579 9580 const alpineScopeElement = skuField.closest('[x-data]'); 9581 const valueProxy = alpineScopeElement._x_dataStack.find(o => o.hasOwnProperty('value')); 9582 9583 if (!valueProxy) { 9584 return; 9585 } 9586 9587 valueProxy.value = urlParams.get('sku') ; 9588 }); 9589</script>
9589
9589<script type="text/json" id="default-section-data"> 9590 {"messages":[],"customer":[],"compare-products":[],"last-ordered-items":[],"cart":[],"directory-data":{"AT":{"name":"Oostenrijk","regions":{"102":{"code":"BL","name":"Burgenland"},"99":{"code":"KN","name":"K\u00e4rnten"},"96":{"code":"NO","name":"Nieder\u00f6sterreich"},"97":{"code":"OO","name":"Ober\u00f6sterreich"},"98":{"code":"SB","name":"Salzburg"},"100":{"code":"ST","name":"Steiermark"},"101":{"code":"TI","name":"Tirol"},"103":{"code":"VB","name":"Vorarlberg"},"95":{"code":"WI","name":"Wien"}}},"BE":{"name":"Belgi\u00eb","regions":{"609":{"code":"VAN","name":"Antwerpen"},"610":{"code":"WBR","name":"Brabant wallon"},"611":{"code":"BRU","name":"Brussels-Capital Region"},"612":{"code":"WHT","name":"Hainaut"},"614":{"code":"WLG","name":"Li\u00e8ge"},"613":{"code":"VLI","name":"Limburg"},"615":{"code":"WLX","name":"Luxembourg"},"616":{"code":"WNA","name":"Namur"},"617":{"code":"VOV","name":"Oost-Vlaanderen"},"618":{"code":"VBR","name":"Vlaams-Brabant"},"619":{"code":"VWV","name":"West-Vlaanderen"}}},"BG":{"name":"Bulgarije","regions":{"620":{"code":"BG-01","name":"Blagoevgrad"},"621":{"code":"BG-02","name":"Burgas"},"627":{"code":"BG-08","name":"Dobrich"},"626":{"code":"BG-07","name":"Gabrovo"},"645":{"code":"BG-26","name":"Haskovo"},"628":{"code":"BG-09","name":"Kardzhali"},"629":{"code":"BG-10","name":"Kyustendil"},"630":{"code":"BG-11","name":"Lovech"},"631":{"code":"BG-12","name":"Montana"},"632":{"code":"BG-13","name":"Pazardzhik"},"633":{"code":"BG-14","name":"Pernik"},"634":{"code":"BG-15","name":"Pleven"},"635":{"code":"BG-16","name":"Plovdiv"},"636":{"code":"BG-17","name":"Razgrad"},"637":{"code":"BG-18","name":"Ruse"},"646":{"code":"BG-27","name":"Shumen"},"638":{"code":"BG-19","name":"Silistra"},"639":{"code":"BG-20","name":"Sliven"},"640":{"code":"BG-21","name":"Smolyan"},"641":{"code":"BG-22","name":"Sofia City"},"642":{"code":"BG-23","name":"Sofia Province"},"643":{"code":"BG-24","name":"Stara Zagora"},"644":{"code":"BG-25","name":"Targovishte"},"622":{"code":"BG-03","name":"Varna"},"623":{"code":"BG-04","name":"Veliko Tarnovo"},"624":{"code":"BG-05","name":"Vidin"},"625":{"code":"BG-06","name":"Vratsa"},"647":{"code":"BG-28","name":"Yambol"}}},"CY":{"name":"Cyprus"},"CZ":{"name":"Tsjechi\u00eb","regions":{"1110":{"code":"CZ-31","name":"Jiho\u010desk\u00fd kraj"},"1118":{"code":"CZ-64","name":"Jihomoravsk\u00fd kraj"},"1112":{"code":"CZ-41","name":"Karlovarsk\u00fd kraj"},"1117":{"code":"CZ-63","name":"Kraj Vyso\u010dina"},"1115":{"code":"CZ-52","name":"Kr\u00e1lov\u00e9hradeck\u00fd kraj"},"1114":{"code":"CZ-51","name":"Libereck\u00fd kraj"},"1121":{"code":"CZ-80","name":"Moravskoslezsk\u00fd kraj"},"1119":{"code":"CZ-71","name":"Olomouck\u00fd kraj"},"1116":{"code":"CZ-53","name":"Pardubick\u00fd kraj"},"1111":{"code":"CZ-32","name":"Plze\u0148sk\u00fd kraj"},"1108":{"code":"CZ-10","name":"Praha, Hlavn\u00ed m\u011bsto"},"1109":{"code":"CZ-20","name":"St\u0159edo\u010desk\u00fd kraj"},"1113":{"code":"CZ-42","name":"\u00dasteck\u00fd kraj"},"1120":{"code":"CZ-72","name":"Zl\u00ednsk\u00fd kraj"}}},"DE":{"name":"Duitsland","regions":{"80":{"code":"BAW","name":"Baden-W\u00fcrttemberg"},"81":{"code":"BAY","name":"Bayern"},"82":{"code":"BER","name":"Berlin"},"83":{"code":"BRG","name":"Brandenburg"},"84":{"code":"BRE","name":"Bremen"},"85":{"code":"HAM","name":"Hamburg"},"86":{"code":"HES","name":"Hessen"},"87":{"code":"MEC","name":"Mecklenburg-Vorpommern"},"79":{"code":"NDS","name":"Niedersachsen"},"88":{"code":"NRW","name":"Nordrhein-Westfalen"},"89":{"code":"RHE","name":"Rheinland-Pfalz"},"90":{"code":"SAR","name":"Saarland"},"91":{"code":"SAS","name":"Sachsen"},"92":{"code":"SAC","name":"Sachsen-Anhalt"},"93":{"code":"SCN","name":"Schleswig-Holstein"},"94":{"code":"THE","name":"Th\u00fcringen"}}},"DK":{"name":"Denemarken","regions":{"927":{"code":"DK-84","name":"Hovedstaden"},"928":{"code":"DK-82","name":"Midtjylland"},"929":{"code":"DK-81","name":"Nordjylland"},"930":{"code":"DK-85","name":"Sj\u00e6lland"},"931":{"code":"DK-83","name":"Syddanmark"}}},"EE":{"name":"Estland","regions":{"340":{"code":"EE-37","name":"Harjumaa"},"341":{"code":"EE-39","name":"Hiiumaa"},"342":{"code":"EE-44","name":"Ida-Virumaa"}
9590,"344":{"code":"EE-51","name":"J\u00e4rvamaa"},"343":{"code":"EE-49","name":"J\u00f5gevamaa"},"346":{"code":"EE-59","name":"L\u00e4\u00e4ne-Virumaa"},"345":{"code":"EE-57","name":"L\u00e4\u00e4nemaa"},"348":{"code":"EE-67","name":"P\u00e4rnumaa"},"347":{"code":"EE-65","name":"P\u00f5lvamaa"},"349":{"code":"EE-70","name":"Raplamaa"},"350":{"code":"EE-74","name":"Saaremaa"},"351":{"code":"EE-78","name":"Tartumaa"},"352":{"code":"EE-82","name":"Valgamaa"},"353":{"code":"EE-84","name":"Viljandimaa"},"354":{"code":"EE-86","name":"V\u00f5rumaa"}}},"ES":{"name":"Spanje","regions":{"130":{"code":"A Coru\u0441a","name":"A Coru\u00f1a"},"131":{"code":"Alava","name":"Alava"},"132":{"code":"Albacete","name":"Albacete"},"133":{"code":"Alicante","name":"Alicante"},"134":{"code":"Almeria","name":"Almeria"},"135":{"code":"Asturias","name":"Asturias"},"136":{"code":"Avila","name":"Avila"},"137":{"code":"Badajoz","name":"Badajoz"},"138":{"code":"Baleares","name":"Baleares"},"139":{"code":"Barcelona","name":"Barcelona"},"140":{"code":"Burgos","name":"Burgos"},"141":{"code":"Caceres","name":"Caceres"},"142":{"code":"Cadiz","name":"Cadiz"},"143":{"code":"Cantabria","name":"Cantabria"},"144":{"code":"Castellon","name":"Castellon"},"145":{"code":"Ceuta","name":"Ceuta"},"146":{"code":"Ciudad Real","name":"Ciudad Real"},"147":{"code":"Cordoba","name":"Cordoba"},"148":{"code":"Cuenca","name":"Cuenca"},"149":{"code":"Girona","name":"Girona"},"150":{"code":"Granada","name":"Granada"},"151":{"code":"Guadalajara","name":"Guadalajara"},"152":{"code":"Guipuzcoa","name":"Guipuzcoa"},"153":{"code":"Huelva","name":"Huelva"},"154":{"code":"Huesca","name":"Huesca"},"155":{"code":"Jaen","name":"Jaen"},"156":{"code":"La Rioja","name":"La Rioja"},"157":{"code":"Las Palmas","name":"Las Palmas"},"158":{"code":"Leon","name":"Leon"},"159":{"code":"Lleida","name":"Lleida"},"160":{"code":"Lugo","name":"Lugo"},"161":{"code":"Madrid","name":"Madrid"},"162":{"code":"Malaga","name":"Malaga"},"163":{"code":"Melilla","name":"Melilla"},"164":{"code":"Murcia","name":"Murcia"},"165":{"code":"Navarra","name":"Navarra"},"166":{"code":"Ourense","name":"Ourense"},"167":{"code":"Palencia","name":"Palencia"},"168":{"code":"Pontevedra","name":"Pontevedra"},"169":{"code":"Salamanca","name":"Salamanca"},"170":{"code":"Santa Cruz de Tenerife","name":"Santa Cruz de Tenerife"},"171":{"code":"Segovia","name":"Segovia"},"172":{"code":"Sevilla","name":"Sevilla"},"173":{"code":"Soria","name":"Soria"},"174":{"code":"Tarragona","name":"Tarragona"},"175":{"code":"Teruel","name":"Teruel"},"176":{"code":"Toledo","name":"Toledo"},"177":{"code":"Valencia","name":"Valencia"},"178":{"code":"Valladolid","name":"Valladolid"},"179":{"code":"Vizcaya","name":"Vizcaya"},"180":{"code":"Zamora","name":"Zamora"},"181":{"code":"Zaragoza","name":"Zaragoza"}}},"FI":{"name":"Finland","regions":{"339":{"code":"Ahvenanmaa","name":"Ahvenanmaa"},"333":{"code":"Etel\u00e4-Karjala","name":"Etel\u00e4-Karjala"},"326":{"code":"Etel\u00e4-Pohjanmaa","name":"Etel\u00e4-Pohjanmaa"},"325":{"code":"Etel\u00e4-Savo","name":"Etel\u00e4-Savo"},"337":{"code":"It\u00e4-Uusimaa","name":"It\u00e4-Uusimaa"},"322":{"code":"Kainuu","name":"Kainuu"},"335":{"code":"Kanta-H\u00e4me","name":"Kanta-H\u00e4me"},"330":{"code":"Keski-Pohjanmaa","name":"Keski-Pohjanmaa"},"331":{"code":"Keski-Suomi","name":"Keski-Suomi"},"338":{"code":"Kymenlaakso","name":"Kymenlaakso"},"320":{"code":"Lappi","name":"Lappi"},"334":{"code":"P\u00e4ij\u00e4t-H\u00e4me","name":"P\u00e4ij\u00e4t-H\u00e4me"},"328":{"code":"Pirkanmaa","name":"Pirkanmaa"},"327":{"code":"Pohjanmaa","name":"Pohjanmaa"},"323":{"code":"Pohjois-Karjala","name":"Pohjois-Karjala"},"321":{"code":"Pohjois-Pohjanmaa","name":"Pohjois-Pohjanmaa"},"324":{"code":"Pohjois-Savo","name":"Pohjois-Savo"},"329":{"code":"Satakunta","name":"Satakunta"},"336":{"code":"Uusimaa","name":"Uusimaa"},"332":{"code":"Varsinais-Suomi","name":"Varsinais-Suomi"}}},"FR":{"name":"Frankrijk","regions":{"182":{"code":"1","name":"Ain"},"183":{"code":"2","name":"Aisne"},"184":{"code":"3","name":"Allier"}
9590,"185":{"code":"4","name":"Alpes-de-Haute-Provence"},"187":{"code":"6","name":"Alpes-Maritimes"},"188":{"code":"7","name":"Ard\u00e8che"},"189":{"code":"8","name":"Ardennes"},"190":{"code":"9","name":"Ari\u00e8ge"},"191":{"code":"10","name":"Aube"},"192":{"code":"11","name":"Aude"},"193":{"code":"12","name":"Aveyron"},"249":{"code":"67","name":"Bas-Rhin"},"194":{"code":"13","name":"Bouches-du-Rh\u00f4ne"},"195":{"code":"14","name":"Calvados"},"196":{"code":"15","name":"Cantal"},"197":{"code":"16","name":"Charente"},"198":{"code":"17","name":"Charente-Maritime"},"199":{"code":"18","name":"Cher"},"200":{"code":"19","name":"Corr\u00e8ze"},"201":{"code":"2A","name":"Corse-du-Sud"},"203":{"code":"21","name":"C\u00f4te-d'Or"},"204":{"code":"22","name":"C\u00f4tes-d'Armor"},"205":{"code":"23","name":"Creuse"},"261":{"code":"79","name":"Deux-S\u00e8vres"},"206":{"code":"24","name":"Dordogne"},"207":{"code":"25","name":"Doubs"},"208":{"code":"26","name":"Dr\u00f4me"},"273":{"code":"91","name":"Essonne"},"209":{"code":"27","name":"Eure"},"210":{"code":"28","name":"Eure-et-Loir"},"211":{"code":"29","name":"Finist\u00e8re"},"212":{"code":"30","name":"Gard"},"214":{"code":"32","name":"Gers"},"215":{"code":"33","name":"Gironde"},"250":{"code":"68","name":"Haut-Rhin"},"202":{"code":"2B","name":"Haute-Corse"},"213":{"code":"31","name":"Haute-Garonne"},"225":{"code":"43","name":"Haute-Loire"},"234":{"code":"52","name":"Haute-Marne"},"252":{"code":"70","name":"Haute-Sa\u00f4ne"},"256":{"code":"74","name":"Haute-Savoie"},"269":{"code":"87","name":"Haute-Vienne"},"186":{"code":"5","name":"Hautes-Alpes"},"247":{"code":"65","name":"Hautes-Pyr\u00e9n\u00e9es"},"274":{"code":"92","name":"Hauts-de-Seine"},"216":{"code":"34","name":"H\u00e9rault"},"217":{"code":"35","name":"Ille-et-Vilaine"},"218":{"code":"36","name":"Indre"},"219":{"code":"37","name":"Indre-et-Loire"},"220":{"code":"38","name":"Is\u00e8re"},"221":{"code":"39","name":"Jura"},"222":{"code":"40","name":"Landes"},"223":{"code":"41","name":"Loir-et-Cher"},"224":{"code":"42","name":"Loire"},"226":{"code":"44","name":"Loire-Atlantique"},"227":{"code":"45","name":"Loiret"},"228":{"code":"46","name":"Lot"},"229":{"code":"47","name":"Lot-et-Garonne"},"230":{"code":"48","name":"Loz\u00e8re"},"231":{"code":"49","name":"Maine-et-Loire"},"232":{"code":"50","name":"Manche"},"233":{"code":"51","name":"Marne"},"235":{"code":"53","name":"Mayenne"},"236":{"code":"54","name":"Meurthe-et-Moselle"},"237":{"code":"55","name":"Meuse"},"238":{"code":"56","name":"Morbihan"},"239":{"code":"57","name":"Moselle"},"240":{"code":"58","name":"Ni\u00e8vre"},"241":{"code":"59","name":"Nord"},"242":{"code":"60","name":"Oise"},"243":{"code":"61","name":"Orne"},"257":{"code":"75","name":"Paris"},"244":{"code":"62","name":"Pas-de-Calais"},"245":{"code":"63","name":"Puy-de-D\u00f4me"},"246":{"code":"64","name":"Pyr\u00e9n\u00e9es-Atlantiques"},"248":{"code":"66","name":"Pyr\u00e9n\u00e9es-Orientales"},"251":{"code":"69","name":"Rh\u00f4ne"},"253":{"code":"71","name":"Sa\u00f4ne-et-Loire"},"254":{"code":"72","name":"Sarthe"},"255":{"code":"73","name":"Savoie"},"259":{"code":"77","name":"Seine-et-Marne"},"258":{"code":"76","name":"Seine-Maritime"},"275":{"code":"93","name":"Seine-Saint-Denis"},"262":{"code":"80","name":"Somme"},"263":{"code":"81","name":"Tarn"},"264":{"code":"82","name":"Tarn-et-Garonne"},"272":{"code":"90","name":"Territoire-de-Belfort"},"277":{"code":"95","name":"Val-d'Oise"},"276":{"code":"94","name":"Val-de-Marne"},"265":{"code":"83","name":"Var"},"266":{"code":"84","name":"Vaucluse"},"267":{"code":"85","name":"Vend\u00e9e"},"268":{"code":"86","name":"Vienne"},"270":{"code":"88","name":"Vosges"},"271":{"code":"89","name":"Yonne"},"260":{"code":"78","name":"Yvelines"}}},"GB":{"name":"Verenigd Koninkrijk"},"GR":{"name":"Griekenland","regions":{"969":{"code":"GR-69","name":"\u00c1gion \u00d3ros"},"956":{"code":"GR-A","name":"Anatolik\u00ed Makedon\u00eda kai Thr\u00e1ki"},"957":{"code":"GR-I","name":"Attik\u00ed"},"958":{"code":"GR-G","name":"Dytik\u00ed Ell\u00e1da"},"959":{"code":"GR-C","name":"Dytik\u00ed Makedon\u00eda"},"960":{"code":"GR-F","name":"Ion\u00eda N\u00edsia"},"961":{"code":"GR-D","name":"\u00cdpeiros"},"962":{"code":"GR-B","name":"Kentrik\u00ed Makedon\u00eda"},"963":{"code":"GR-M","name":"Kr\u00edti"},"964":{"code":"GR-L","name":"N\u00f3tio Aiga\u00edo"},"965":{"code":"GR-J","name":"Pelop\u00f3nnisos"},"966":{"code":"GR-H","name":"Stere\u00e1 Ell\u00e1da"}
9590,"967":{"code":"GR-E","name":"Thessal\u00eda"},"968":{"code":"GR-K","name":"V\u00f3reio Aiga\u00edo"}}},"HR":{"name":"Kroati\u00eb","regions":{"518":{"code":"HR-07","name":"Bjelovarsko-bilogorska \u017eupanija"},"523":{"code":"HR-12","name":"Brodsko-posavska \u017eupanija"},"530":{"code":"HR-19","name":"Dubrova\u010dko-neretvanska \u017eupanija"},"532":{"code":"HR-21","name":"Grad Zagreb"},"529":{"code":"HR-18","name":"Istarska \u017eupanija"},"515":{"code":"HR-04","name":"Karlova\u010dka \u017eupanija"},"517":{"code":"HR-06","name":"Koprivni\u010dko-kri\u017eeva\u010dka \u017eupanija"},"513":{"code":"HR-02","name":"Krapinsko-zagorska \u017eupanija"},"520":{"code":"HR-09","name":"Li\u010dko-senjska \u017eupanija"},"531":{"code":"HR-20","name":"Me\u0111imurska \u017eupanija"},"525":{"code":"HR-14","name":"Osje\u010dko-baranjska \u017eupanija"},"522":{"code":"HR-11","name":"Po\u017ee\u0161ko-slavonska \u017eupanija"},"519":{"code":"HR-08","name":"Primorsko-goranska \u017eupanija"},"526":{"code":"HR-15","name":"\u0160ibensko-kninska \u017eupanija"},"514":{"code":"HR-03","name":"Sisa\u010dko-moslava\u010dka \u017eupanija"},"528":{"code":"HR-17","name":"Splitsko-dalmatinska \u017eupanija"},"516":{"code":"HR-05","name":"Vara\u017edinska \u017eupanija"},"521":{"code":"HR-10","name":"Viroviti\u010dko-podravska \u017eupanija"},"527":{"code":"HR-16","name":"Vukovarsko-srijemska \u017eupanija"},"524":{"code":"HR-13","name":"Zadarska \u017eupanija"},"512":{"code":"HR-01","name":"Zagreba\u010dka \u017eupanija"}}},"HU":{"name":"Hongarije"},"IE":{"name":"Ierland"},"IT":{"name":"Itali\u00eb","regions":{"714":{"code":"AG","name":"Agrigento"},"715":{"code":"AL","name":"Alessandria"},"716":{"code":"AN","name":"Ancona"},"717":{"code":"AO","name":"Aosta"},"719":{"code":"AR","name":"Arezzo"},"720":{"code":"AP","name":"Ascoli-Piceno"},"721":{"code":"AT","name":"Asti"},"722":{"code":"AV","name":"Avellino"},"723":{"code":"BA","name":"Bari"},"724":{"code":"BT","name":"Barletta-Andria-Trani"},"725":{"code":"BL","name":"Belluno"},"726":{"code":"BN","name":"Benevento"},"727":{"code":"BG","name":"Bergamo"},"728":{"code":"BI","name":"Biella"},"729":{"code":"BO","name":"Bologna"},"730":{"code":"BZ","name":"Bolzano"},"731":{"code":"BS","name":"Brescia"},"732":{"code":"BR","name":"Brindisi"},"733":{"code":"CA","name":"Cagliari"},"734":{"code":"CL","name":"Caltanissetta"},"735":{"code":"CB","name":"Campobasso"},"736":{"code":"CI","name":"Carbonia Iglesias"},"737":{"code":"CE","name":"Caserta"},"738":{"code":"CT","name":"Catania"},"739":{"code":"CZ","name":"Catanzaro"},"740":{"code":"CH","name":"Chieti"},"741":{"code":"CO","name":"Como"},"742":{"code":"CS","name":"Cosenza"},"743":{"code":"CR","name":"Cremona"},"744":{"code":"KR","name":"Crotone"},"745":{"code":"CN","name":"Cuneo"},"746":{"code":"EN","name":"Enna"},"747":{"code":"FM","name":"Fermo"},"748":{"code":"FE","name":"Ferrara"},"749":{"code":"FI","name":"Firenze"},"750":{"code":"FG","name":"Foggia"},"751":{"code":"FC","name":"Forli-Cesena"},"752":{"code":"FR","name":"Frosinone"},"753":{"code":"GE","name":"Genova"},"754":{"code":"GO","name":"Gorizia"},"755":{"code":"GR","name":"Grosseto"},"756":{"code":"IM","name":"Imperia"},"757":{"code":"IS","name":"Isernia"},"718":{"code":"AQ","name":"L'Aquila"},"758":{"code":"SP","name":"La-Spezia"},"759":{"code":"LT","name":"Latina"},"760":{"code":"LE","name":"Lecce"},"761":{"code":"LC","name":"Lecco"},"762":{"code":"LI","name":"Livorno"},"763":{"code":"LO","name":"Lodi"},"764":{"code":"LU","name":"Lucca"},"765":{"code":"MC","name":"Macerata"},"766":{"code":"MN","name":"Mantova"},"767":{"code":"MS","name":"Massa-Carrara"},"768":{"code":"MT","name":"Matera"},"769":{"code":"VS","name":"Medio Campidano"},"770":{"code":"ME","name":"Messina"},"771":{"code":"MI","name":"Milano"},"772":{"code":"MO","name":"Modena"},"773":{"code":"MB","name":"Monza-Brianza"},"774":{"code":"NA","name":"Napoli"},"775":{"code":"NO","name":"Novara"},"776":{"code":"NU","name":"Nuoro"},"777":{"code":"OG","name":"Ogliastra"},"778":{"code":"OT","name":"Olbia Tempio"},"779":{"code":"OR","name":"Oristano"},"780":{"code":"PD","name":"Padova"},"781":{"code":"PA","name":"Palermo"},"782":{"code":"PR","name":"Parma"},"783":{"code":"PV","name":"Pavia"},"784":{"code":"PG","name":"Perugia"},"785":{"code":"PU","name":"Pesaro-Urbino"},"786":{"code":"PE","name":"Pescara"},"787":{"code":"PC","name":"Piacenza"},"788":{"code":"PI","name":"Pisa"},"789":{"code":"PT","name":"Pistoia"},"790":{"code":"PN","name":"Pordenone"},"791":{"code":"PZ","name":"Potenza"},"792":{"code":"PO","name":"Prato"},"793":{"code":"RG","name":"Ragusa"},"794":{"code":"RA","name":"Ravenna"},"795":{"code":"RC","name":"Reggio-Calabria"},"796":{"code":"RE","name":"Reggio-Emilia"},"797":{"code":"RI","name":"Rieti"},"798":{"code":"RN","name":"Rimini"},"799":{"code":"RM","name":"Roma"},"800":{"code":"RO","name":"Rovigo"},"801":{"code":"SA","name":"Salerno"},"802":{"code":"SS","name":"Sassari"},"803":{"code":"SV","name":"Savona"},"804":{"code":"SI","name":"Siena"},"805":{"code":"SR","name":"Siracusa"},"806":{"code":"SO","name":"Sondrio"},"807":{"code":"TA","name":"Taranto"},"808":{"code":"TE","name":"Teramo"},"809":{"code":"TR","name":"Terni"},"810":{"code":"TO","name":"Torino"},"811":{"code":"TP","name":"Trapani"},"812":{"code":"TN","name":"Trento"},"813":{"code":"TV","name":"Treviso"},"814":{"code":"TS","name":"Trieste"},"815":{"code":"UD","name":"Udine"},"816":{"code":"VA","name":"Varese"},"817":{"code":"VE","name":"Venezia"},"818":{"code":"VB","name":"Verbania"},"819":{"code":"VC","name":"Vercelli"},"820":{"code":"VR","name":"Verona"}
9590,"821":{"code":"VV","name":"Vibo-Valentia"},"822":{"code":"VI","name":"Vicenza"},"823":{"code":"VT","name":"Viterbo"}}},"LT":{"name":"Litouwen","regions":{"475":{"code":"LT-AL","name":"Alytaus Apskritis"},"476":{"code":"LT-KU","name":"Kauno Apskritis"},"477":{"code":"LT-KL","name":"Klaip\u0117dos Apskritis"},"478":{"code":"LT-MR","name":"Marijampol\u0117s Apskritis"},"479":{"code":"LT-PN","name":"Panev\u0117\u017eio Apskritis"},"480":{"code":"LT-SA","name":"\u0160iauli\u0173 Apskritis"},"481":{"code":"LT-TA","name":"Taurag\u0117s Apskritis"},"482":{"code":"LT-TE","name":"Tel\u0161i\u0173 Apskritis"},"483":{"code":"LT-UT","name":"Utenos Apskritis"},"484":{"code":"LT-VL","name":"Vilniaus Apskritis"}}},"LU":{"name":"Luxemburg"},"LV":{"name":"Letland","regions":{"471":{"code":"\u0100da\u017eu novads","name":"\u0100da\u017eu novads"},"366":{"code":"Aglonas novads","name":"Aglonas novads"},"367":{"code":"LV-AI","name":"Aizkraukles novads"},"368":{"code":"Aizputes novads","name":"Aizputes novads"},"369":{"code":"Akn\u012bstes novads","name":"Akn\u012bstes novads"},"370":{"code":"Alojas novads","name":"Alojas novads"},"371":{"code":"Alsungas novads","name":"Alsungas novads"},"372":{"code":"LV-AL","name":"Al\u016bksnes novads"},"373":{"code":"Amatas novads","name":"Amatas novads"},"374":{"code":"Apes novads","name":"Apes novads"},"375":{"code":"Auces novads","name":"Auces novads"},"376":{"code":"Bab\u012btes novads","name":"Bab\u012btes novads"},"377":{"code":"Baldones novads","name":"Baldones novads"},"378":{"code":"Baltinavas novads","name":"Baltinavas novads"},"379":{"code":"LV-BL","name":"Balvu novads"},"380":{"code":"LV-BU","name":"Bauskas novads"},"381":{"code":"Bever\u012bnas novads","name":"Bever\u012bnas novads"},"382":{"code":"Broc\u0113nu novads","name":"Broc\u0113nu novads"},"383":{"code":"Burtnieku novads","name":"Burtnieku novads"},"384":{"code":"Carnikavas novads","name":"Carnikavas novads"},"387":{"code":"LV-CE","name":"C\u0113su novads"},"385":{"code":"Cesvaines novads","name":"Cesvaines novads"},"386":{"code":"Ciblas novads","name":"Ciblas novads"},"388":{"code":"Dagdas novads","name":"Dagdas novads"},"355":{"code":"LV-DGV","name":"Daugavpils"},"389":{"code":"LV-DA","name":"Daugavpils novads"},"390":{"code":"LV-DO","name":"Dobeles novads"},"391":{"code":"Dundagas novads","name":"Dundagas novads"},"392":{"code":"Durbes novads","name":"Durbes novads"},"393":{"code":"Engures novads","name":"Engures novads"},"472":{"code":"\u0112rg\u013cu novads","name":"\u0112rg\u013cu novads"},"394":{"code":"Garkalnes novads","name":"Garkalnes novads"},"395":{"code":"Grobi\u0146as novads","name":"Grobi\u0146as novads"},"396":{"code":"LV-GU","name":"Gulbenes novads"},"397":{"code":"Iecavas novads","name":"Iecavas novads"},"398":{"code":"Ik\u0161\u0137iles novads","name":"Ik\u0161\u0137iles novads"},"399":{"code":"Il\u016bkstes novads","name":"Il\u016bkstes novads"},"400":{"code":"In\u010dukalna novads","name":"In\u010dukalna novads"},"401":{"code":"Jaunjelgavas novads","name":"Jaunjelgavas novads"},"402":{"code":"Jaunpiebalgas novads","name":"Jaunpiebalgas novads"},"403":{"code":"Jaunpils novads","name":"Jaunpils novads"},"357":{"code":"J\u0113kabpils","name":"J\u0113kabpils"},"405":{"code":"LV-JK","name":"J\u0113kabpils novads"},"356":{"code":"LV-JEL","name":"Jelgava"},"404":{"code":"LV-JL","name":"Jelgavas novads"},"358":{"code":"LV-JUR","name":"J\u016brmala"},"406":{"code":"Kandavas novads","name":"Kandavas novads"},"412":{"code":"K\u0101rsavas novads","name":"K\u0101rsavas novads"},"473":{"code":"\u0136eguma novads","name":"\u0136eguma novads"},"474":{"code":"\u0136ekavas novads","name":"\u0136ekavas novads"},"407":{"code":"Kokneses novads","name":"Kokneses novads"},"410":{"code":"LV-KR","name":"Kr\u0101slavas novads"},"408":{"code":"Krimuldas novads","name":"Krimuldas novads"},"409":{"code":"Krustpils novads","name":"Krustpils novads"},"411":{"code":"LV-KU","name":"Kuld\u012bgas novads"},"413":{"code":"Lielv\u0101rdes novads","name":"Lielv\u0101rdes novads"},"359":{"code":"LV-LPX","name":"Liep\u0101ja"},"360":{"code":"LV-LE","name":"Liep\u0101jas novads"},"417":{"code":"L\u012bgatnes novads","name":"L\u012bgatnes novads"},"414":{"code":"LV-LM","name":"Limba\u017eu novads"},"418":{"code":"L\u012bv\u0101nu novads","name":"L\u012bv\u0101nu novads"},"415":{"code":"Lub\u0101nas novads","name":"Lub\u0101nas novads"},"416":{"code":"LV-LU","name":"Ludzas novads"},"419":{"code":"LV-MA","name":"Madonas novads"},"421":{"code":"M\u0101lpils novads","name":"M\u0101lpils novads"},"422":{"code":"M\u0101rupes novads","name":"M\u0101rupes novads"},"420":{"code":"Mazsalacas novads","name":"Mazsalacas novads"},"423":{"code":"Nauk\u0161\u0113nu novads","name":"Nauk\u0161\u0113nu novads"},"424":{"code":"Neretas novads","name":"Neretas novads"},"425":{"code":"N\u012bcas novads","name":"N\u012bcas novads"},"426":{"code":"LV-OG","name":"Ogres novads"},"427":{"code":"Olaines novads","name":"Olaines novads"},"428":{"code":"Ozolnieku novads","name":"Ozolnieku novads"},"432":{"code":"P\u0101rgaujas novads","name":"P\u0101rgaujas novads"},"433":{"code":"P\u0101vilostas novads","name":"P\u0101vilostas novads"},"434":{"code":"P\u013cavi\u0146u novads","name":"P\u013cavi\u0146u novads"},"429":{"code":"LV-PR","name":"Prei\u013cu novads"},"430":{"code":"Priekules novads","name":"Priekules novads"},"431":{"code":"Prieku\u013cu novads","name":"Prieku\u013cu novads"},"435":{"code":"Raunas novads","name":"Raunas novads"},"361":{"code":"LV-REZ","name":"R\u0113zekne"},"442":{"code":"LV-RE","name":"R\u0113zeknes novads"},"436":{"code":"Riebi\u0146u novads","name":"Riebi\u0146u novads"},"362":{"code":"LV-RIX","name":"R\u012bga"},"363":{"code":"LV-RI","name":"R\u012bgas novads"},"437":{"code":"Rojas novads","name":"Rojas novads"},"438":{"code":"Ropa\u017eu novads","name":"Ropa\u017eu novads"},"439":{"code":"Rucavas novads","name":"Rucavas novads"},"440":{"code":"Rug\u0101ju novads","name":"Rug\u0101ju novads"},"443":{"code":"R\u016bjienas novads","name":"R\u016bjienas novads"},"441":{"code":"Rund\u0101les novads","name":"Rund\u0101les novads"},"444":{"code":"Salacgr\u012bvas novads","name":"Salacgr\u012bvas novads"},"445":{"code":"Salas novads","name":"Salas novads"},"446":{"code":"Salaspils novads","name":"Salaspils novads"},"447":{"code":"LV-SA","name":"Saldus novads"},"448":{"code":"Saulkrastu novads","name":"Saulkrastu novads"},"455":{"code":"S\u0113jas novads","name":"S\u0113jas novads"},"449":{"code":"Siguldas novads","name":"Siguldas novads"}
9590,"451":{"code":"Skr\u012bveru novads","name":"Skr\u012bveru novads"},"450":{"code":"Skrundas novads","name":"Skrundas novads"},"452":{"code":"Smiltenes novads","name":"Smiltenes novads"},"453":{"code":"Stopi\u0146u novads","name":"Stopi\u0146u novads"},"454":{"code":"Stren\u010du novads","name":"Stren\u010du novads"},"456":{"code":"LV-TA","name":"Talsu novads"},"458":{"code":"T\u0113rvetes novads","name":"T\u0113rvetes novads"},"457":{"code":"LV-TU","name":"Tukuma novads"},"459":{"code":"Vai\u0146odes novads","name":"Vai\u0146odes novads"},"460":{"code":"LV-VK","name":"Valkas novads"},"364":{"code":"Valmiera","name":"Valmiera"},"461":{"code":"LV-VM","name":"Valmieras novads"},"462":{"code":"Varak\u013c\u0101nu novads","name":"Varak\u013c\u0101nu novads"},"469":{"code":"V\u0101rkavas novads","name":"V\u0101rkavas novads"},"463":{"code":"Vecpiebalgas novads","name":"Vecpiebalgas novads"},"464":{"code":"Vecumnieku novads","name":"Vecumnieku novads"},"365":{"code":"LV-VEN","name":"Ventspils"},"465":{"code":"LV-VE","name":"Ventspils novads"},"466":{"code":"Vies\u012btes novads","name":"Vies\u012btes novads"},"467":{"code":"Vi\u013cakas novads","name":"Vi\u013cakas novads"},"468":{"code":"Vi\u013c\u0101nu novads","name":"Vi\u013c\u0101nu novads"},"470":{"code":"Zilupes novads","name":"Zilupes novads"}}},"MT":{"name":"Malta"},"NL":{"name":"Nederland"},"PL":{"name":"Polen","regions":{"824":{"code":"PL-02","name":"dolno\u015bl\u0105skie"},"825":{"code":"PL-04","name":"kujawsko-pomorskie"},"826":{"code":"PL-06","name":"lubelskie"},"827":{"code":"PL-08","name":"lubuskie"},"830":{"code":"PL-14","name":"mazowieckie"},"829":{"code":"PL-12","name":"ma\u0142opolskie"},"831":{"code":"PL-16","name":"opolskie"},"832":{"code":"PL-18","name":"podkarpackie"},"833":{"code":"PL-20","name":"podlaskie"},"834":{"code":"PL-22","name":"pomorskie"},"835":{"code":"PL-24","name":"\u015bl\u0105skie"},"836":{"code":"PL-26","name":"\u015bwi\u0119tokrzyskie"},"837":{"code":"PL-28","name":"warmi\u0144sko-mazurskie"},"838":{"code":"PL-30","name":"wielkopolskie"},"839":{"code":"PL-32","name":"zachodniopomorskie"},"828":{"code":"PL-10","name":"\u0142\u00f3dzkie"}}},"PT":{"name":"Portugal","regions":{"1032":{"code":"PT-01","name":"Aveiro"},"1033":{"code":"PT-02","name":"Beja"},"1034":{"code":"PT-03","name":"Braga"},"1035":{"code":"PT-04","name":"Bragan\u00e7a"},"1036":{"code":"PT-05","name":"Castelo Branco"},"1037":{"code":"PT-06","name":"Coimbra"},"1038":{"code":"PT-07","name":"\u00c9vora"},"1039":{"code":"PT-08","name":"Faro"},"1040":{"code":"PT-09","name":"Guarda"},"1041":{"code":"PT-10","name":"Leiria"},"1042":{"code":"PT-11","name":"Lisboa"},"1043":{"code":"PT-12","name":"Portalegre"},"1044":{"code":"PT-13","name":"Porto"},"1051":{"code":"PT-30","name":"Regi\u00e3o Aut\u00f3noma da Madeira"},"1050":{"code":"PT-20","name":"Regi\u00e3o Aut\u00f3noma dos A\u00e7ores"},"1045":{"code":"PT-14","name":"Santar\u00e9m"},"1046":{"code":"PT-15","name":"Set\u00fabal"},"1047":{"code":"PT-16","name":"Viana do Castelo"},"1048":{"code":"PT-17","name":"Vila Real"},"1049":{"code":"PT-18","name":"Viseu"}}},"RO":{"name":"Roemeni\u00eb","regions":{"278":{"code":"AB","name":"Alba"},"279":{"code":"AR","name":"Arad"},"280":{"code":"AG","name":"Arge\u015f"},"281":{"code":"BC","name":"Bac\u0103u"},"282":{"code":"BH","name":"Bihor"},"283":{"code":"BN","name":"Bistri\u0163a-N\u0103s\u0103ud"},"284":{"code":"BT","name":"Boto\u015fani"},"286":{"code":"BR","name":"Br\u0103ila"},"285":{"code":"BV","name":"Bra\u015fov"},"287":{"code":"B","name":"Bucure\u015fti"},"288":{"code":"BZ","name":"Buz\u0103u"},"290":{"code":"CL","name":"C\u0103l\u0103ra\u015fi"},"289":{"code":"CS","name":"Cara\u015f-Severin"},"291":{"code":"CJ","name":"Cluj"},"292":{"code":"CT","name":"Constan\u0163a"},"293":{"code":"CV","name":"Covasna"},"294":{"code":"DB","name":"D\u00e2mbovi\u0163a"},"295":{"code":"DJ","name":"Dolj"},"296":{"code":"GL","name":"Gala\u0163i"},"297":{"code":"GR","name":"Giurgiu"},"298":{"code":"GJ","name":"Gorj"},"299":{"code":"HR","name":"Harghita"},"300":{"code":"HD","name":"Hunedoara"},"301":{"code":"IL","name":"Ialomi\u0163a"},"302":{"code":"IS","name":"Ia\u015fi"},"303":{"code":"IF","name":"Ilfov"},"304":{"code":"MM","name":"Maramure\u015f"},"305":{"code":"MH","name":"Mehedin\u0163i"},"306":{"code":"MS","name":"Mure\u015f"},"307":{"code":"NT","name":"Neam\u0163"},"308":{"code":"OT","name":"Olt"},"309":{"code":"PH","name":"Prahova"},"311":{"code":"SJ","name":"S\u0103laj"},"310":{"code":"SM","name":"Satu-Mare"},"312":{"code":"SB","name":"Sibiu"},"313":{"code":"SV","name":"Suceava"},"314":{"code":"TR","name":"Teleorman"},"315":{"code":"TM","name":"Timi\u015f"},"316":{"code":"TL","name":"Tulcea"},"318":{"code":"VL","name":"V\u00e2lcea"},"317":{"code":"VS","name":"Vaslui"},"319":{"code":"VN","name":"Vrancea"}}},"SE":{"name":"Zweden","regions":{"1062":{"code":"SE-K","name":"Blekinge l\u00e4n"}
9590,"1063":{"code":"SE-W","name":"Dalarnas l\u00e4n"},"1065":{"code":"SE-X","name":"G\u00e4vleborgs l\u00e4n"},"1064":{"code":"SE-I","name":"Gotlands l\u00e4n"},"1066":{"code":"SE-N","name":"Hallands l\u00e4n"},"1067":{"code":"SE-Z","name":"J\u00e4mtlands l\u00e4n"},"1068":{"code":"SE-F","name":"J\u00f6nk\u00f6pings l\u00e4n"},"1069":{"code":"SE-H","name":"Kalmar l\u00e4n"},"1070":{"code":"SE-G","name":"Kronobergs l\u00e4n"},"1071":{"code":"SE-BD","name":"Norrbottens l\u00e4n"},"1081":{"code":"SE-T","name":"\u00d6rebro l\u00e4n"},"1082":{"code":"SE-E","name":"\u00d6sterg\u00f6tlands l\u00e4n"},"1072":{"code":"SE-M","name":"Sk\u00e5ne l\u00e4n"},"1074":{"code":"SE-D","name":"S\u00f6dermanlands l\u00e4n"},"1073":{"code":"SE-AB","name":"Stockholms l\u00e4n"},"1075":{"code":"SE-C","name":"Uppsala l\u00e4n"},"1076":{"code":"SE-S","name":"V\u00e4rmlands l\u00e4n"},"1077":{"code":"SE-AC","name":"V\u00e4sterbottens l\u00e4n"},"1078":{"code":"SE-Y","name":"V\u00e4sternorrlands l\u00e4n"},"1079":{"code":"SE-U","name":"V\u00e4stmanlands l\u00e4n"},"1080":{"code":"SE-O","name":"V\u00e4stra G\u00f6talands l\u00e4n"}}},"SI":{"name":"Sloveni\u00eb"},"SK":{"name":"Slowakije"},"data_id":1790676144},"captcha":[],"instant-purchase":[],"loggedAsCustomer":[],"persistent":[],"review":[],"payments":[],"wishlist":{"items":[]},"faq":[],"hyva_checkout":[],"ammessages":[],"discount-groups":[],"hyva_commerce_messages":[],"segmentation":[],"gtm-checkout":[],"pslogin":[],"projectlists":[],"recently_viewed_product":[],"recently_compared_product":[],"product_data_storage":[],"paypal-billing-agreement":[],"paypal-buyer-country":[]}</script>
9590
9590<script> 9591 window.processSectionDataBeforeDispatch && (window.processSectionDataBeforeDispatch = new Proxy(window.processSectionDataBeforeDispatch, { 9592 apply(target, thisArg, [data]) { 9593 data.hyva_commerce_messages = data.hyva_commerce_messages || {}; 9594 return target.call(thisArg, data); 9595 } 9596 }));</script>
9596 <div x-data="amMessage()" x-bind="eventListeners"></div>
9596<script> 9597 function amMessage() { 9598 let lastProcessedDataId = null; 9599 const processedMessageHashes = new Set(); 9600 let debounceTimer; 9601 9602 return { 9603 init() { 9604 this.processStoredMessages(); 9605 9606 window.addEventListener('beforeunload', () => { 9607 processedMessageHashes.clear(); 9608 lastProcessedDataId = null; 9609 }); 9610 }, 9611 9612 eventListeners: { 9613 ['@private-content-loaded.window'](event) { 9614 const { ammessages } = event.detail.data; 9615 9616 clearTimeout(debounceTimer); 9617 debounceTimer = setTimeout(() => { 9618 if (ammessages?.data_id && ammessages.data_id === lastProcessedDataId) { 9619 return; 9620 } 9621 9622 lastProcessedDataId = ammessages?.data_id; 9623 9624 9625 if (ammessages?.messages) { 9626 const messageHash = JSON.stringify(ammessages.messages); 9627 if (processedMessageHashes.has(messageHash)) { 9628 return; 9629 } 9630 processedMessageHashes.add(messageHash); 9631 } 9632 9633 const isCartPage = document.body.classList.contains('checkout-cart-index'); 9634 const isCheckoutPage = document.body.classList.contains('hyva_checkout-index-index'); 9635 const onePageSuccessPage = document.body.classList.contains('hyva_checkout_onepage_success'); 9636 9637 if (!isCartPage && !isCheckoutPage && !onePageSuccessPage && ammessages?.messages) { 9638 this.processMessages(ammessages.messages); 9639 } 9640 }, 500); 9641 }, 9642 ['@am-promo:initialized.window']() { 9643 this.processStoredMessages(); 9644 }, 9645 ['@am-promo-products-recollect.window']() { 9646 this.processStoredMessages(); 9647 } 9648 }, 9649 9650 processStoredMessages() { 9651 try { 9652 const messages = JSON.parse(localStorage.getItem('amFreeGiftCartMessages')); 9653 if (messages?.length) { 9654 messages.forEach(message => dispatchMessages([message], 5000)); 9655 localStorage.removeItem('amFreeGiftCartMessages'); 9656 } 9657 } catch (e) { 9658 console.error('Error processing stored messages:', e); 9659 } 9660 }, 9661 9662 processMessages(messages) { 9663 if (messages?.notice) { 9664 this.handleNoticeMessage(messages.notice); 9665 } 9666 }, 9667 9668 handleNoticeMessage(notice) { 9669 if (!notice) return; 9670 dispatchMessages([{ type: notice.type, text: notice.text }]); 9671 } 9672 } 9673 }</script>
9673</div>
9673<script nonce="czhqbjNiMHZlbXY1bjBkdHh3NjRpZW14MzBvZTc5Y3Y="> 9674 const customerLoggedInEventDataKey = 'customerLoggedInEventData'; 9675 const originalPusher = window.yireoGoogleTagManager2Pusher; 9676 9677 if (originalPusher) { 9678 if (localStorage.getItem(customerLoggedInEventDataKey)) { 9679 const eventData = JSON.parse(localStorage.getItem(customerLoggedInEventDataKey)); 9680 yireoGoogleTagManager2Pusher(eventData, 'push (customer logged in from previous session) [early-customer-event]'); 9681 } 9682 9683 window.yireoGoogleTagManager2Pusher = function (eventData, message, callback) { 9684 if ('customerLoggedIn' in eventData) { 9685 localStorage.setItem(customerLoggedInEventDataKey, JSON.stringify(eventData)); 9686 } 9687 if (eventData.event === 'logout') { 9688 localStorage.removeItem(customerLoggedInEventDataKey); 9689 } 9690 originalPusher(eventData, message, callback); 9691 }; 9692 }</script>
9692
9692<script nonce="czhqbjNiMHZlbXY1bjBkdHh3NjRpZW14MzBvZTc5Y3Y="> 9693 yireoGoogleTagManager2Pusher({"version":"3.10.7","page_type":"customer\/account\/login","page_path":"https:\/\/www.elektramat.be\/customer\/account\/login\/referer\/aHR0cHM6Ly93d3cuZWxla3RyYW1hdC5iZS9jdXN0b21lci9hY2NvdW50L2luZGV4Lw~~\/","page_title":"Inloggen","virtual_page":"\/customer\/account\/login\/referer\/aHR0cHM6Ly93d3cuZWxla3RyYW1hdC5iZS9jdXN0b21lci9hY2NvdW50L2luZGV4Lw~~","breadcrumb":[],"user":{"has_transacted":false}}, 'push (initial page) [data-layer.phtml]'); 9694 </script>
9694<script nonce="czhqbjNiMHZlbXY1bjBkdHh3NjRpZW14MzBvZTc5Y3Y="> 9695 ;(() => { 9696 const products = document.querySelectorAll('.item.product.product-item a') 9697 if (products && products.length > 0) { 9698 products.forEach(function (product) { 9699 product.addEventListener('click', function (event, s) { 9700 if (event.target.closest('form')) { 9701 return 9702 } 9703 const productTile = event.target.closest('.product-item') 9704 const productLink = event.target.closest('a[data-entity-id]') 9705 const productId = productLink.dataset.entityId 9706 const productData = window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_' + productId] || {} 9707 9708 const eventData = { 9709 event: 'select_item', 9710 ecommerce: { 9711 items: [productData], 9712 }, 9713 } 9714 9715 const productTileRequestIdElement = productTile.closest('div[data-twn-request-id]') 9716 if (productTileRequestIdElement) { 9717 eventData.tweakwise_request_id = productTileRequestIdElement.getAttribute('data-twn-request-id') 9718 } 9719 9720 yireoGoogleTagManager2Pusher( 9721 eventData, 9722 'push (page event "select_item") [script-product-clicks.phtml]' 9723 ) 9724 9725 if ( 9726 window['YIREO_GOOGLETAGMANAGER2_DEBUG_CLICKS'] && 9727 confirm('Press to continue with redirect') === false 9728 ) { 9729 event.preventDefault() 9730 } 9731 }) 9732 }) 9733 } 9734 })() 9735</script>
9735<script nonce="czhqbjNiMHZlbXY1bjBkdHh3NjRpZW14MzBvZTc5Y3Y="> 9736 window.addEventListener('private-content-loaded', function (event) { 9737 window.dataLayer = window.dataLayer || [] 9738 9739 const isEmpty = function (variable) { 9740 if (typeof variable === 'undefined') { 9741 return true 9742 } 9743 9744 if (Array.isArray(variable) && variable.length === 0) { 9745 return true 9746 } 9747 9748 return typeof variable === 'object' && Object.keys(variable).length === 0 9749 } 9750 9751 const getSectionNames = function () { 9752 return ['cart', 'customer', 'gtm-checkout'] 9753 } 9754 9755 getSectionNames().forEach(function (sectionName) { 9756 if (!event.detail.data[sectionName] || !event.detail.data[sectionName].gtm) { 9757 return 9758 } 9759 9760 const attributes = event.detail.data[sectionName].gtm 9761 if (!Object.keys(attributes).length > 0) { 9762 return 9763 } 9764 9765 yireoGoogleTagManager2Pusher(attributes, 'push (attributes) [script-additions.phtml]') 9766 }) 9767 9768 let attributes = {} 9769 getSectionNames().forEach(function (sectionName) { 9770 if (!event.detail.data[sectionName] || !event.detail.data[sectionName].gtm_events) { 9771 return 9772 } 9773 9774 const gtmEvents = event.detail.data[sectionName].gtm_events 9775 for (const [eventId, eventData] of Object.entries(gtmEvents)) { 9776 yireoGoogleTagManager2Logger('found event in section "' + sectionName + '"', eventData) 9777 9778 const metaData = eventData.meta 9779 const isCartPage = /^\/checkout\/cart\/?/.test(window.location.pathname) 9780 if (sectionName === 'cart' && eventId === 'view_cart_event' && isCartPage) { 9781 yireoGoogleTagManager2Logger( 9782 'Warning: Skipping duplicate customerData view_cart_event on cart page', 9783 eventData 9784 ) 9785 continue 9786 } 9787 9788 yireoGoogleTagManager2Pusher( 9789 eventData, 9790 'push (customerData "' + sectionName + '" event "' + eventId + '")' 9791 ) 9792 9793 if (!metaData || metaData.cacheable !== true) { 9794 yireoGoogleTagManager2Logger('removing event "' + eventId + '" from section "' + sectionName + '"') 9795 9796 let mageCacheStorage = event.detail.data 9797 9798 if ( 9799 mageCacheStorage !== null && 9800 typeof mageCacheStorage[sectionName] !== 'undefined' && 9801 typeof mageCacheStorage[sectionName].gtm_events !== 'undefined' && 9802 eventId in mageCacheStorage[sectionName].gtm_events 9803 ) { 9804 delete mageCacheStorage[sectionName].gtm_events[eventId] 9805 } 9806 9807 window.localStorage.setItem('mage-cache-storage', JSON.stringify(mageCacheStorage)) 9808 } 9809 } 9810 }) 9811 9812 if (false === isEmpty(attributes)) { 9813 yireoGoogleTagManager2Pusher(attributes, 'dataLayer (initial js) [script-additions.phtml]') 9814 } 9815 }) 9816 9817 window.addEventListener('toggle-cart', (event) => { 9818 if (!event.detail || !event.detail.isOpen) { 9819 return 9820 } 9821 9822 window.dispatchEvent(new CustomEvent('minicart_collapse')) 9823 }) 9824</script>
9824</body> 9825</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.