jQuery($ => { const popupId = 5692; const $select = $('#form-field-guests'); const $form = $('#hero_booking_form'); let openedByKeyboard = false; function $modal() { return $('#gaeste-popup-form-modal'); } function $agesWrap() { return $modal().find('#gaeste-children-ages'); } function $agesLine() { return $modal().find('.kids-ages-line'); } function clampAge(n) { const x = parseInt(n, 10); if (!Number.isFinite(x)) return null; return Math.max(0, Math.min(13, x)); } function getSavedAgeTokens() { const raw = String($select.attr('data-ages') || '').trim(); if (raw === '') return []; return raw.split(',').map(token => { const t = String(token || '').trim(); if (t === '') return ''; const v = clampAge(t); return v === null ? '' : String(v); }); } function setSpinAriaNow() { const a = +$('#popup-adults').text(); const c = +$('#popup-children').text(); $modal().find('.adults-controls').attr('aria-valuenow', String(a)); $modal().find('.kids-controls').attr('aria-valuenow', String(c)); } function refreshButtons() { const a = +$('#popup-adults').text(); const c = +$('#popup-children').text(); $modal().find('#gaeste-popup-form button[data-action]').each(function() { const $btn = $(this); const tgt = $btn.data('target'); const act = $btn.data('action'); let disable = false; if (tgt === 'adults' && act === 'decrease') disable = a = 8 || a + c >= 8; if (tgt === 'children' && act === 'decrease') disable = c = 7 || a + c >= 8; $btn.prop('disabled', disable).toggleClass('disabled', disable); }); setSpinAriaNow(); } function ageOptionLabel(i) { return i === 1 ? '1 Jahr' : `${i} Jahre`; } function buildAgeRow(idx, selectedToken) { const selectedVal = (selectedToken === '' || selectedToken === null || selectedToken === undefined) ? null : clampAge(selectedToken); let options = `—`; for (let i = 0; i <= 13; i++) { const selected = (selectedVal === i) ? ' selected' : ''; options += `${ageOptionLabel(i)}`; } return ` `; } function getCurrentAgeTokensFromUI() { const tokens = []; $agesWrap().find('select.kid-age-select').each(function() { const v = String($(this).val() || '').trim(); if (v === '') { tokens.push(''); return; } const c = clampAge(v); tokens.push(c === null ? '' : String(c)); }); return tokens; } function renderAgeFields(childrenCount) { if (childrenCount <= 0) { $agesWrap().empty(); $agesLine().attr('hidden', true); return; } $agesLine().removeAttr('hidden'); const current = getCurrentAgeTokensFromUI(); let base = current.length ? current : getSavedAgeTokens(); base = base.slice(0, childrenCount); while (base.length < childrenCount) { base.push(''); } let html = ''; for (let i = 0; i e.preventDefault()); $select.on('click', function(e) { openedByKeyboard = false; e.preventDefault(); e.stopPropagation(); elementorProFrontend.modules.popup.showPopup({ id: popupId }); }); $select.on('keydown', function(e) { if (e.key === 'Enter' || e.key === ' ') { openedByKeyboard = true; e.preventDefault(); elementorProFrontend.modules.popup.showPopup({ id: popupId }); } }); $(document).on('elementor/popup/show', (e, id) => { if (id !== popupId) return; const sel = $select.val() || ''; const adults = +(sel.match(/(\d+)\s*Erwachsen/i)?.[1] || 1); const children = +(sel.match(/(\d+)\s*Kind/i)?.[1] || 0); $('#popup-adults').text(adults); $('#popup-children').text(children); renderAgeFields(children); refreshButtons(); if (openedByKeyboard) { $modal().find('#gaeste-popup-form [role="spinbutton"]').first().focus(); } }); $(document).on('click', '#gaeste-popup-form button[data-action], #gaeste-apply', function(e) { const $btn = $(this); if ($btn.is('[data-action]')) { e.preventDefault(); const tgt = $btn.data('target'); const act = $btn.data('action'); const $el = (tgt === 'adults') ? $('#popup-adults') : $('#popup-children'); let val = +$el.text(); const other = (tgt === 'adults') ? +$('#popup-children').text() : +$('#popup-adults').text(); if (act === 'increase' && ((tgt === 'adults' && val < 8 && val + other < 8) || (tgt === 'children' && val < 7 && val + other 1) || (tgt === 'children' && val > 0))) { val--; } $el.text(val); if (tgt === 'children') { renderAgeFields(val); } refreshButtons(); return; } e.preventDefault(); const a = +$('#popup-adults').text(); const c = +$('#popup-children').text(); if (c > 0) { const tokens = getCurrentAgeTokensFromUI().slice(0, c); while (tokens.length { if ($form.length) $form.focus(); }, 300); }); $(document).on('keydown', '#gaeste-popup-form-modal', function(e) { if (e.key !== 'Tab') return; const $focusable = $(this) .find('button, [role="spinbutton"], select, #gaeste-apply') .filter(':visible:enabled'); const idx = $focusable.index(document.activeElement); if (e.shiftKey && idx === 0) { e.preventDefault(); $focusable.last().focus(); } else if (!e.shiftKey && idx === $focusable.length - 1) { e.preventDefault(); $focusable.first().focus(); } }); });