{"version":3,"file":"select-D5AQ_iT8.js","sources":["../../Frontend/js/modules/select.js"],"sourcesContent":["import * as validate from '../vendor/validate';\r\n\r\nexport default function fSelect() {\r\n    const timeList = document.querySelector('.js-fill-list');\r\n    const timeInputWrappers = document.querySelectorAll('.js-time-input');\r\n\r\n    timeInputWrappers.forEach((input) => {\r\n        input.style.display = 'none';\r\n    });\r\n\r\n    function clearField(field) {\r\n        const callbackTime = field;\r\n        const callbackTimeValue = callbackTime.parentElement.querySelector('.js-select-value');\r\n        callbackTime.value = '';\r\n        callbackTimeValue.innerHTML = '';\r\n    }\r\n\r\n    function removeActiveState() {\r\n        let select = document.querySelector(\".js-select.is-active\");\r\n\r\n        if(select != null){\r\n            select.classList.remove(\"is-active\");\r\n        }\r\n    }\r\n\r\n    document.addEventListener('click', function(event) {\r\n        let select;\r\n\r\n        if(event.target.matches('.js-select') || event.target.closest('.js-select')) {\r\n            select = event.target.matches('.js-select') || event.target.closest('.js-select');\r\n\r\n            if(select.matches('.is-active')) {\r\n                removeActiveState();\r\n            } else {\r\n                removeActiveState();\r\n\r\n                select.classList.add(\"is-active\");\r\n            }\r\n        } else {\r\n            if(!event.target.matches('.js-select.is-active') || event.target.closest('.js-select.is-active')) {\r\n                removeActiveState();\r\n            }\r\n        }\r\n\r\n        if(event.target.matches('.js-tag')) {\r\n            let form = event.target.closest('form');\r\n            let parent = event.target.closest('.js-select');\r\n            let oSelectedValue = parent.querySelector('.js-select-value');\r\n            let oHiddenInput = parent.querySelector('input[type=\"hidden\"]');\r\n            let oCallBackTime = form.querySelector('.js-callback-time');\r\n            let timeInputWrapper = form.querySelector('.js-time-input');\r\n\r\n            if (oSelectedValue) oSelectedValue.innerHTML = event.target.innerHTML;\r\n            if (oHiddenInput) {\r\n                const prevValue = oHiddenInput.value;\r\n                oHiddenInput.value = event.target.innerHTML;\r\n\r\n                // Validate the field\r\n                let error = validate.hasError(oHiddenInput);\r\n\r\n                // If there's an error, show it\r\n                if (error) {\r\n                    validate.showError(oHiddenInput, error);\r\n                    return;\r\n                }\r\n\r\n                // Otherwise, remove any errors that exist\r\n                validate.removeError(oHiddenInput);\r\n\r\n                // And add success class to field\r\n                oHiddenInput.classList.add('is-successful');\r\n\r\n                if (oHiddenInput.className.includes('js-callback-day')) {\r\n                    timeInputWrapper.style.display = 'block';\r\n\r\n                    const weekDays = timeList.querySelectorAll('[data-normal]');\r\n                    const friday = timeList.querySelector('[data-vr]');\r\n\r\n                    if (oHiddenInput.value === 'Vrijdag') {\r\n\r\n                        weekDays.forEach(element => {\r\n                            element.style.display = 'none'\r\n                        });\r\n\r\n                        friday.style.display = 'block';\r\n\r\n                        if (prevValue !== 'Vrijdag') {\r\n                            clearField(oCallBackTime);\r\n                        }\r\n                    } else {\r\n                        weekDays.forEach(element => {\r\n                            element.style.display = 'block'\r\n                        });\r\n\r\n                        friday.style.display = 'none';\r\n\r\n                        if (prevValue === 'Vrijdag') {\r\n                            clearField(oCallBackTime);\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    });\r\n}\r\n"],"names":["fSelect","timeList","input","clearField","field","callbackTime","callbackTimeValue","removeActiveState","select","event","form","parent","oSelectedValue","oHiddenInput","oCallBackTime","timeInputWrapper","prevValue","error","validate.hasError","validate.showError","validate.removeError","weekDays","friday","element"],"mappings":"kFAEe,SAASA,GAAU,CAC9B,MAAMC,EAAW,SAAS,cAAc,eAAe,EAC7B,SAAS,iBAAiB,gBAAgB,EAElD,QAASC,GAAU,CACjCA,EAAM,MAAM,QAAU,MAC9B,CAAK,EAED,SAASC,EAAWC,EAAO,CACvB,MAAMC,EAAeD,EACfE,EAAoBD,EAAa,cAAc,cAAc,kBAAkB,EACrFA,EAAa,MAAQ,GACrBC,EAAkB,UAAY,EACjC,CAED,SAASC,GAAoB,CACzB,IAAIC,EAAS,SAAS,cAAc,sBAAsB,EAEvDA,GAAU,MACTA,EAAO,UAAU,OAAO,WAAW,CAE1C,CAED,SAAS,iBAAiB,QAAS,SAASC,EAAO,CAC/C,IAAID,EAkBJ,GAhBGC,EAAM,OAAO,QAAQ,YAAY,GAAKA,EAAM,OAAO,QAAQ,YAAY,GACtED,EAASC,EAAM,OAAO,QAAQ,YAAY,GAAKA,EAAM,OAAO,QAAQ,YAAY,EAE7ED,EAAO,QAAQ,YAAY,EAC1BD,KAEAA,IAEAC,EAAO,UAAU,IAAI,WAAW,KAGjC,CAACC,EAAM,OAAO,QAAQ,sBAAsB,GAAKA,EAAM,OAAO,QAAQ,sBAAsB,IAC3FF,IAILE,EAAM,OAAO,QAAQ,SAAS,EAAG,CAChC,IAAIC,EAAOD,EAAM,OAAO,QAAQ,MAAM,EAClCE,EAASF,EAAM,OAAO,QAAQ,YAAY,EAC1CG,EAAiBD,EAAO,cAAc,kBAAkB,EACxDE,EAAeF,EAAO,cAAc,sBAAsB,EAC1DG,EAAgBJ,EAAK,cAAc,mBAAmB,EACtDK,EAAmBL,EAAK,cAAc,gBAAgB,EAG1D,GADIE,IAAgBA,EAAe,UAAYH,EAAM,OAAO,WACxDI,EAAc,CACd,MAAMG,EAAYH,EAAa,MAC/BA,EAAa,MAAQJ,EAAM,OAAO,UAGlC,IAAIQ,EAAQC,WAAkBL,CAAY,EAG1C,GAAII,EAAO,CACPE,YAAmBN,EAAcI,CAAK,EACtC,MACH,CAQD,GALAG,EAAoB,YAACP,CAAY,EAGjCA,EAAa,UAAU,IAAI,eAAe,EAEtCA,EAAa,UAAU,SAAS,iBAAiB,EAAG,CACpDE,EAAiB,MAAM,QAAU,QAEjC,MAAMM,EAAWpB,EAAS,iBAAiB,eAAe,EACpDqB,EAASrB,EAAS,cAAc,WAAW,EAE7CY,EAAa,QAAU,WAEvBQ,EAAS,QAAQE,GAAW,CACxBA,EAAQ,MAAM,QAAU,MACpD,CAAyB,EAEDD,EAAO,MAAM,QAAU,QAEnBN,IAAc,WACdb,EAAWW,CAAa,IAG5BO,EAAS,QAAQE,GAAW,CACxBA,EAAQ,MAAM,QAAU,OACpD,CAAyB,EAEDD,EAAO,MAAM,QAAU,OAEnBN,IAAc,WACdb,EAAWW,CAAa,EAGnC,CACJ,CACJ,CACT,CAAK,CACL"}