{"version":3,"file":"offer-Dk1hmhxM.js","sources":["../../../../../assets/default/js/stock/offer.js"],"sourcesContent":["import '../../styles/stock/offer.css';\nimport bindToForm from '../form/form-protection';\nimport '../../image/geld-lenen-kost-geld.svg';\n\nfunction disableSubmitButton(submitButton) {\n    submitButton.disabled = true;\n    submitButton.innerHTML = '<span class=\"inline-block animate-spin mr-2\">↻</span>Bezig met verzenden...';\n}\n\nfor (const wizardContainer of document.querySelectorAll('.enable-wizard')) {\n    if (wizardContainer.nodeName !== 'FORM') {\n        throw new Error('Wizard container must be a form element');\n    }\n\n    const buttonContainer = wizardContainer.querySelector('.submit-button-container');\n    const submitButton = buttonContainer.querySelector('button[type=submit]');\n\n    wizardContainer.addEventListener('submit', () => {\n        disableSubmitButton(submitButton);\n\n        return true;\n    });\n\n    // Check if the wizard is enabled\n    if (typeof wizardContainer.dataset.wizard !== 'undefined' && wizardContainer.dataset.wizard !== 'true') {\n        continue;\n    }\n\n    const fakeNextButton = document.createElement('button');\n    fakeNextButton.innerText = 'Volgende';\n\n    fakeNextButton.classList.add(...submitButton.classList);\n    submitButton.classList.add('hidden');\n\n    const steps = wizardContainer.querySelectorAll('.form-group');\n    const errorParentElement = wizardContainer.querySelector('.form-field.error')?.closest('.form-group');\n\n    steps.forEach((el, i) => {\n        if (errorParentElement) {\n            el.classList.add('hidden');\n\n            if (errorParentElement === el) {\n                el.classList.remove('hidden');\n            }\n        } else {\n            i > 0 && el.classList.add('hidden');\n        }\n\n        const inputElements = el.querySelectorAll('input, textarea, select');\n\n        if (inputElements.length > 1) {\n            return;\n        }\n\n        for (const elem of inputElements) {\n            elem.addEventListener('keydown', (e) => {\n                if (!elem.checkValidity()) {\n                    return;\n                }\n\n                if (e.key === 'Enter') {\n                    e.preventDefault();\n                    e.stopPropagation();\n\n                    fakeNextButton.click();\n                }\n            });\n        }\n    });\n\n    fakeNextButton.addEventListener('click', (e) => {\n        e.preventDefault();\n        e.stopPropagation();\n\n        const currentStep = wizardContainer.querySelector('.form-group:not(.hidden)');\n        const currentInputElement = currentStep.querySelector('input, textarea, select');\n        const nextStep = currentStep.nextElementSibling;\n\n        if (!currentInputElement.checkValidity()) {\n            currentInputElement.focus();\n\n            return false;\n        }\n\n        if (nextStep.classList.contains('form-group')) {\n            currentStep.classList.add('hidden');\n            nextStep.classList.remove('hidden');\n            nextStep.querySelector('input').focus();\n        } else {\n            disableSubmitButton(fakeNextButton);\n            wizardContainer.requestSubmit(submitButton);\n        }\n    });\n\n    buttonContainer.appendChild(fakeNextButton);\n}\n\nfor (const formElement of document.querySelectorAll('form[data-protect]')) {\n    bindToForm(formElement, 'Weet je zeker dat je de pagina wilt verlaten?');\n}\n\n// <editor-fold desc=\"Mobile view improvements\">\nconst listener = window.matchMedia('(max-width: 768px)');\n\n// Disable the click event of the summary element when the screen is bigger than 640px\ndocument.querySelector('#overview > summary').addEventListener('click', (event) => {\n    listener.matches || event.preventDefault();\n});\n\nconst openSummaryFn = (event) => {\n    const overview = document.querySelector('#overview');\n    event.matches ? overview.removeAttribute('open') : overview.setAttribute('open', '');\n};\n\nlistener.addEventListener('change', openSummaryFn);\nopenSummaryFn(listener);\n// </editor-fold>\n"],"names":["disableSubmitButton","submitButton","wizardContainer","buttonContainer","fakeNextButton","steps","errorParentElement","_a","el","inputElements","elem","e","currentStep","currentInputElement","nextStep","formElement","bindToForm","listener","event","openSummaryFn","overview"],"mappings":"kbAIA,SAASA,EAAoBC,EAAc,CACvCA,EAAa,SAAW,GACxBA,EAAa,UAAY,6EAC7B,OAEA,UAAWC,KAAmB,SAAS,iBAAiB,gBAAgB,EAAG,CACvE,GAAIA,EAAgB,WAAa,OAC7B,MAAM,IAAI,MAAM,yCAAyC,EAG7D,MAAMC,EAAkBD,EAAgB,cAAc,0BAA0B,EAC1ED,EAAeE,EAAgB,cAAc,qBAAqB,EASxE,GAPAD,EAAgB,iBAAiB,SAAU,KACvCF,EAAoBC,CAAY,EAEzB,GACV,EAGG,OAAOC,EAAgB,QAAQ,OAAW,KAAeA,EAAgB,QAAQ,SAAW,OAC5F,SAGJ,MAAME,EAAiB,SAAS,cAAc,QAAQ,EACtDA,EAAe,UAAY,WAE3BA,EAAe,UAAU,IAAI,GAAGH,EAAa,SAAS,EACtDA,EAAa,UAAU,IAAI,QAAQ,EAEnC,MAAMI,EAAQH,EAAgB,iBAAiB,aAAa,EACtDI,GAAqBC,EAAAL,EAAgB,cAAc,mBAAmB,IAAjD,YAAAK,EAAoD,QAAQ,eAEvFF,EAAM,QAAQ,CAACG,EAAI,IAAM,CACjBF,GACAE,EAAG,UAAU,IAAI,QAAQ,EAErBF,IAAuBE,GACvBA,EAAG,UAAU,OAAO,QAAQ,GAGhC,EAAI,GAAKA,EAAG,UAAU,IAAI,QAAQ,EAGtC,MAAMC,EAAgBD,EAAG,iBAAiB,yBAAyB,EAEnE,GAAI,EAAAC,EAAc,OAAS,GAI3B,UAAWC,KAAQD,EACfC,EAAK,iBAAiB,UAAYC,GAAM,CAC/BD,EAAK,iBAINC,EAAE,MAAQ,UACVA,EAAE,eAAgB,EAClBA,EAAE,gBAAiB,EAEnBP,EAAe,MAAO,EAE1C,CAAa,CAEb,CAAK,EAEDA,EAAe,iBAAiB,QAAUO,GAAM,CAC5CA,EAAE,eAAgB,EAClBA,EAAE,gBAAiB,EAEnB,MAAMC,EAAcV,EAAgB,cAAc,0BAA0B,EACtEW,EAAsBD,EAAY,cAAc,yBAAyB,EACzEE,EAAWF,EAAY,mBAE7B,GAAI,CAACC,EAAoB,gBACrB,OAAAA,EAAoB,MAAO,EAEpB,GAGPC,EAAS,UAAU,SAAS,YAAY,GACxCF,EAAY,UAAU,IAAI,QAAQ,EAClCE,EAAS,UAAU,OAAO,QAAQ,EAClCA,EAAS,cAAc,OAAO,EAAE,MAAO,IAEvCd,EAAoBI,CAAc,EAClCF,EAAgB,cAAcD,CAAY,EAEtD,CAAK,EAEDE,EAAgB,YAAYC,CAAc,CAC9C,CAEA,UAAWW,KAAe,SAAS,iBAAiB,oBAAoB,EACpEC,EAAWD,EAAa,+CAA+C,EAI3E,MAAME,EAAW,OAAO,WAAW,oBAAoB,EAGvD,SAAS,cAAc,qBAAqB,EAAE,iBAAiB,QAAUC,GAAU,CAC/ED,EAAS,SAAWC,EAAM,eAAgB,CAC9C,CAAC,EAED,MAAMC,EAAiBD,GAAU,CAC7B,MAAME,EAAW,SAAS,cAAc,WAAW,EACnDF,EAAM,QAAUE,EAAS,gBAAgB,MAAM,EAAIA,EAAS,aAAa,OAAQ,EAAE,CACvF,EAEAH,EAAS,iBAAiB,SAAUE,CAAa,EACjDA,EAAcF,CAAQ"}