[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_216":217,"_218":219},"routes/_app.x.$handle.$name",{"_97":96,"_32":45,"_105":87,"_27":53,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":25,"_119":120,"_121":59,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",46,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","searchbar_part3.ts","latestPath","fileId","d0453f5e-a6cb-11f1-a0f6-1607ee4eb77e","name","fileType","script","content","class: \"voyageurs-wrapper is-chambres\"\n }, [ el(\"div\", {\n class: \"w-layout-vflex\"\n }, [ el(\"div\", {\n class: \"text-size-small text-color-alternate\",\n text: label\n }) ]), el(\"div\", {\n class: \"input-counter_wrapper is-chambres\"\n }, [ minus, input, plus ]) ]));\n });\n }\n var BADGE_STYLE_BASE = \"display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;font-size:10px;font-weight:700;margin-left:6px;line-height:1;vertical-align:middle;transition:background .15s, color .15s\";\n var BADGE_STYLE_CLOSED = BADGE_STYLE_BASE + \";background:#363535;color:#F7F3E6\";\n var BADGE_STYLE_OPEN = BADGE_STYLE_BASE + \";background:#F7F3E6;color:#363535\";\n function isTabOpen(tabBtn) {\n return !!tabBtn && tabBtn.classList.contains(\"w--open\");\n }\n function setTabBadge(tabBtn, count) {\n if (!tabBtn) return;\n var badge = tabBtn.querySelector(\"[data-filter-badge]\");\n if (!count) {\n if (badge) badge.remove();\n return;\n }\n if (!badge) {\n badge = document.createElement(\"span\");\n badge.setAttribute(\"data-filter-badge\", \"\");\n tabBtn.appendChild(badge);\n badge.addEventListener(\"mouseenter\", function() {\n badge.setAttribute(\"style\", BADGE_STYLE_OPEN);\n });\n badge.addEventListener(\"mouseleave\", function() {\n badge.setAttribute(\"style\", isTabOpen(tabBtn) ? BADGE_STYLE_OPEN : BADGE_STYLE_CLOSED);\n });\n }\n badge.textContent = String(count);\n badge.setAttribute(\"style\", isTabOpen(tabBtn) ? BADGE_STYLE_OPEN : BADGE_STYLE_CLOSED);\n }\n function eventPathIncludes(e, node) {\n if (typeof e.composedPath === \"function\") return e.composedPath().indexOf(node) !== -1;\n return node.contains(e.target);\n }\n function initWidget(container) {\n var state = readStateFromURL();\n var registry = {};\n var localCards = buildLocalCardIndex(registry);\n var hasLocalCards = localCards.length > 0;\n var cardIndexPromise = getCardIndex(hasLocalCards, registry);\n var destIndex = [];\n cardIndexPromise.then(function(idx) {\n destIndex = idx;\n });\n var familyOptions = {};\n FILTER_FAMILIES.forEach(function(f) {\n var bySlug = registry[f.key] || {};\n var labels = Object.keys(bySlug).map(function(slug) {\n return bySlug[slug];\n });\n familyOptions[f.key] = sortFamilyOptions(f.key, labels);\n });\n var root = renderWidget(container);\n var refs = root._refs;\n var variant = refs.variant;\n function currentDestIndex() {\n return hasLocalCards ? localCards : destIndex;\n }\n if (state.bien) {\n var preselected = currentDestIndex().filter(function(c) {\n return c.url === state.bien || c.mapId === state.bien;\n })[0];\n refs.destInput.value = preselected ? preselected.name : state.bien;\n } else {\n refs.destInput.value = state.ville || state.region || state.pays || \"\";\n }\n updateDatesLabel();\n refs.travDisplay.textContent = travelerSummary(state);\n function updateClearButtonsVisibility() {\n refs.destClearBtn.style.display = refs.destInput.value.trim() ? \"\" : \"none\";\n refs.datesClearBtn.style.display = state.start_date ? \"\" : \"none\";\n var travTotal = (state.adult || 0) + (state.children || 0) + (state.baby || 0);\n refs.travClearBtn.style.display = travTotal > 0 ? \"\" : \"none\";\n }\n updateClearButtonsVisibility();\n function updatePillBadges() {\n FILTER_FAMILIES.forEach(function(f) {\n setTabBadge(refs.pillTabs[f.key], (state[f.key] || []).length);\n });\n setTabBadge(refs.roomsTab, (state.room || 0) + (state.bed || 0));\n }\n function closeAllDropdowns() {\n wClose([ refs.destOuter, refs.destToggle, refs.destNav ]);\n wClose([ refs.travOuter, refs.travToggle, refs.travNav ]);\n if (refs.datesPopover) refs.datesPopover.classList.remove(\"is-open\");\n if (typeof dp !== \"undefined\" && dp && dp.isOpenMobile()) dp.closeMobile();\n Object.keys(refs.pillOuters || {}).forEach(function(k) {\n wClose([ refs.pillOuters[k], refs.pillTabs[k], refs.pillDropdowns[k] ]);\n });\n wClose([ refs.roomsOuter, refs.roomsTab, refs.roomsNav ]);\n if (typeof closeDestMobile === \"function\" && destMobPanel && destMobPanel.isOpen()) closeDestMobile();\n if (typeof closeTravMobile === \"function\" && travMobPanel && travMobPanel.isOpen()) closeTravMobile();\n updatePillBadges();\n }\n function refreshDisplays() {\n updateDatesLabel();\n refs.travDisplay.textContent = travelerSummary(state);\n updateClearButtonsVisibility();\n updatePillBadges();\n syncURLLive(state);\n reapplyFilters();\n }\n function updateDatesLabel() {\n var txt = datesSummary(state);\n var hasValue = !!state.start_date;\n if (hasValue) {\n refs.datesInput.value = txt;\n refs.datesInput.placeholder = \"\";\n refs.datesInput.style.setProperty(\"color\", variant === \"catalogue\" ? dpIsMob() ? \"#363535\" : \"#333333\" : \"#ffffff\", \"important\");\n } else {\n refs.datesInput.value = \"\";\n refs.datesInput.placeholder = txt;\n if (variant === \"catalogue\") {\n refs.datesInput.style.setProperty(\"color\", dpIsMob() ? \"#363535\" : \"#333333\", \"important\");\n } else {\n refs.datesInput.style.removeProperty(\"color\");\n }\n }\n }\n var availabilityCache = null;\n function reapplyFilters() {\n if (!hasLocalCards) return;\n var visible = applyAttributeFilters(localCards, state);\n setEmptyStateVisible(visible.length === 0);\n if (!state.start_date || !state.end_date) {\n availabilityCache = null;\n localCards.forEach(function(card) {\n setCardAvailability(card.node, false);\n });\n sortUnavailableLast(localCards);\n return;\n }\n if (availabilityCache && availabilityCache.checkin === state.start_date && availabilityCache.checkout === state.end_date) {\n applyAvailabilityOverlay(visible, availabilityCache.byId);\n sortUnavailableLast(localCards);\n return;\n }\n var requestedCheckin = state.start_date, requestedCheckout = state.end_date;\n var allIds = localCards.map(function(c) {\n return c.id;\n }).filter(Boolean);\n fetchAvailability(allIds, requestedCheckin, requestedCheckout).then(function(res) {\n if (state.start_date !== requestedCheckin || state.end_date !== requestedCheckout) return;\n if (!res || !res.results) {\n availabilityCache = null;\n return;\n }\n var byId = {};\n res.results.forEach(function(r) {\n byId[r.id] = r;\n });\n availabilityCache = {\n checkin: requestedCheckin,\n checkout: requestedCheckout,\n byId: byId\n };\n var currentlyVisible = localCards.filter(function(c) {\n return c.node.style.display !== \"none\";\n });\n applyAvailabilityOverlay(currentlyVisible, byId);\n sortUnavailableLast(localCards);\n });\n }\n _instances.push({\n state: state,\n reapplyFilters: reapplyFilters,\n refs: refs,\n openDatesDropdown: function() {\n closeAllDropdowns();\n openDatesDropdown();\n }\n });\n reapplyFilters();\n enrichBienLinks(state);\n function scrollToAndHighlight(node) {\n if (!node || typeof node.scrollIntoView !== \"function\") return;\n node.scrollIntoView({\n behavior: \"smooth\",\n block: \"center\"\n });\n node.classList.add(\"th-sb-highlight\");\n setTimeout(function() {\n node.classList.remove(\"th-sb-highlight\");\n }, 3e3);\n }\n function dispatchSelectEvent(detail) {\n try {\n document.dispatchEvent(new CustomEvent(\"thehost:searchbar:select\", {\n detail: detail\n }));\n } catch (e) {}\n }\n function onDestSelect(entry, type) {\n wClose([ refs.destOuter, refs.destToggle, refs.destNav ]);\n if (destMobPanel.isOpen()) closeDestMobile();\n state.bien = \"\";\n state.ville = \"\";\n state.region = \"\";\n state.pays = \"\";\n if (type === \"bien\") {\n var card = entry.card;\n state.bien = card.url || card.mapId || slugify(card.name);\n refs.destInput.value = card.name;\n state.lat = card.lat || \"\";\n state.lon = card.lng || \"\";\n state.zoom = String(ZOOM_BY_BUCKET.biens);\n dispatchSelectEvent({\n type: \"bien\",\n label: card.name,\n slug: state.bien,\n lat: card.lat,\n lon: card.lng,\n zoom: ZOOM_BY_BUCKET.biens\n });\n reapplyFilters();\n scrollToAndHighlight(card.node);\n } else {\n state[type] = entry.label;\n refs.destInput.value = entry.label;\n state.lat = entry.lat != null ? String(entry.lat) : \"\";\n state.lon = entry.lon != null ? String(entry.lon) : \"\";\n state.zoom = entry.zoom != null ? String(entry.zoom) : \"\";\n dispatchSelectEvent({\n type: type,\n label: entry.label,\n lat: entry.lat,\n lon: entry.lon,\n zoom: entry.zoom,\n bbox: entry.bbox\n });\n reapplyFilters();\n }\n refreshDisplays();\n }\n var destGroups = {\n biens: [],\n villes: [],\n regions: [],\n pays: []\n };\n var _destToken = 0;\n function renderDestNow() {\n destGroups.biens = buildBienSuggestions(currentDestIndex(), refs.destInput.value);\n renderDestinationDropdown(refs, destGroups, onDestSelect);\n }\n var debouncedGeoSearch = debounce(function() {\n var q = refs.destInput.value;\n var token = ++_destToken;\n fetchGeoSuggestions(q).then(function(geo) {\n if (token !== _destToken) return;\n destGroups.villes = geo.villes;\n destGroups.regions = geo.regions;\n destGroups.pays = geo.pays;\n renderDestinationDropdown(refs, destGroups, onDestSelect);\n });\n }, CONFIG.destDebounceMs);\n var destInputHome = domHome(refs.destInput);\n var destResultsHome = domHome(refs.destResults);\n var destMobPanel = buildMobPanelShell(\"Destination\");\n function openDestMobile() {\n refs.destInput.classList.add(\"th-mob-search-input\");\n destMobPanel.scroll.appendChild(refs.destInput);\n destMobPanel.scroll.appendChild(refs.destResults);\n destMobPanel.open();\n renderDestNow();\n requestAnimationFrame(function() {\n refs.destInput.focus();\n });\n }\n function closeDestMobile() {\n destMobPanel.close();\n refs.destInput.classList.remove(\"th-mob-search-input\");\n restoreHome(refs.destInput, destInputHome);\n restoreHome(refs.destResults, destResultsHome);\n wClose([ refs.destOuter, refs.destToggle, refs.destNav ]);\n }\n destMobPanel.resetBtn.addEventListener(\"click\", function() {\n refs.destInput.value = \"\";\n state.bien = \"\";\n state.ville = \"\";\n state.region = \"\";\n state.pays = \"\";\n state.lat = \"\";\n state.lon = \"\";\n state.zoom = \"\";\n destGroups.biens = [];\n destGroups.villes = [];\n destGroups.regions = [];\n destGroups.pays = [];\n renderDestNow();\n reapplyFilters();\n refreshDisplays();\n refs.destInput.focus();\n });\n destMobPanel.validateBtn.addEventListener(\"click\", function() {\n closeDestMobile();\n });\n destMobPanel.closeBtn.addEventListener(\"click\", function() {\n closeDestMobile();\n });\n refs.destInput.addEventListener(\"focus\", function() {\n if (dpShouldOpenMobile()) {\n if (destMobPanel.isOpen()) return;\n closeAllDropdowns();\n openDestMobile();\n return;\n }\n closeAllDropdowns();\n renderDestNow();\n });\n refs.destToggle.addEventListener(\"click\", function(e) {\n if (!dpShouldOpenMobile()) return;\n if (eventPathIncludes(e, refs.destClearBtn)) return;\n if (eventPathIncludes(e, refs.destInput)) return;\n var geoloc = refs.destToggle.querySelector(\"[data-geoloc-btn]\");\n if (geoloc && eventPathIncludes(e, geoloc)) return;\n if (destMobPanel.isOpen()) return;\n closeAllDropdowns();\n openDestMobile();\n });\n refs.destInput.addEventListener(\"input\", function() {\n state.bien = \"\";\n renderDestNow();\n updateClearButtonsVisibility();\n if (refs.destInput.value.trim().length >= CONFIG.destMinChars) debouncedGeoSearch(); else {\n destGroups.villes = [];\n destGroups.regions = [];\n destGroups.pays = [];\n }\n });\n refs.destClearBtn.addEventListener(\"click\", function(e) {\n e.stopPropagation();\n refs.destInput.value = \"\";\n state.bien = \"\";\n state.ville = \"\";\n state.region = \"\";\n state.pays = \"\";\n state.lat = \"\";\n state.lon = \"\";\n state.zoom = \"\";\n destGroups.biens = [];\n destGroups.villes = [];\n destGroups.regions = [];\n destGroups.pays = [];\n wClose([ refs.destOuter, refs.destToggle, refs.destNav ]);\n reapplyFilters();\n refreshDisplays();\n refs.destInput.focus();\n });\n var dp = createDatePicker(variant === \"catalogue\" ? \"dark\" : \"light\", \"#363535\", {\n getState: function() {\n return state;\n },\n onPick: function(ts) {\n var iso = fmtDate(new Date(ts));\n if (!state.start_date || state.start_date && state.end_date) {\n state.start_date = iso;\n state.end_date = \"\";\n } else if (iso <= state.start_date) {\n state.start_date = iso;\n state.end_date = \"\";\n } else {\n state.end_date = iso;\n }\n refreshDisplays();\n dp.renderDesk();\n if (dp.isOpenMobile()) dp.renderMob();\n if (state.end_date && !dpIsMob()) dp.closeDesk();\n },\n onReset: function() {\n state.start_date = \"\";\n state.end_date = \"\";\n reapplyFilters();\n refreshDisplays();\n },\n onClose: function() {\n updatePillBadges();\n }\n });\n refs.datesPopover = dp.popover;\n refs.datesMob = dp.mob;\n function openDatesDropdown() {\n if (dpShouldOpenMobile()) dp.openMobile(); else dp.openDesk(refs.datesOuter);\n }\n refs.datesToggle.addEventListener(\"click\", function(e) {\n if (eventPathIncludes(e, refs.datesClearBtn)) return;\n if (dpShouldOpenMobile()) {\n closeAllDropdowns();\n dp.openMobile();\n return;\n }\n var willOpen = !dp.isOpenDesk();\n closeAllDropdowns();\n if (willOpen) openDatesDropdown();\n });\n refs.datesClearBtn.addEventListener(\"click\", function(e) {\n e.stopPropagation();\n state.start_date = \"\";\n state.end_date = \"\";\n dp.closeDesk();\n dp.closeMobile();\n reapplyFilters();\n refreshDisplays();\n });\n var travBlockHome = domHome(refs.travBlock);\n var travMobPanel = buildMobPanelShell(\"Voyageur\");\n function openTravMobile() {\n travMobPanel.scroll.appendChild(refs.travBlock);\n renderTravelerDropdown(refs.travBlock, state, refreshDisplays, variant !== \"catalogue\");\n travMobPanel.open();\n }\n function closeTravMobile() {\n travMobPanel.close();\n restoreHome(refs.travBlock, travBlockHome);\n }\n travMobPanel.resetBtn.addEventListener(\"click\", function() {\n state.adult = 0;\n state.children = 0;\n state.baby = 0;\n state.pet = 0;\n renderTravelerDropdown(refs.travBlock, state, refreshDisplays, variant !== \"catalogue\");\n reapplyFilters();\n refreshDisplays();\n });\n travMobPanel.validateBtn.addEventListener(\"click\", function() {\n closeTravMobile();\n });\n travMobPanel.closeBtn.addEventListener(\"click\", function() {\n closeTravMobile();\n });\n refs.travToggle.addEventListener(\"click\", function(e) {\n if (eventPathIncludes(e, refs.travClearBtn)) return;\n if (dpShouldOpenMobile()) {\n var willOpenMob = !travMobPanel.isOpen();\n closeAllDropdowns();\n if (willOpenMob) openTravMobile();\n return;\n }\n var willOpen = !refs.travToggle.classList.contains(\"w--open\");\n closeAllDropdowns();\n if (willOpen) {\n wOpen([ refs.travOuter, refs.travToggle, refs.travNav ]);\n renderTravelerDropdown(refs.travBlock, state, refreshDisplays, variant !== \"catalogue\");\n }\n });\n refs.travClearBtn.addEventListener(\"click\", function(e) {\n e.stopPropagation();\n state.adult = 0;\n state.children = 0;\n state.baby = 0;\n state.pet = 0;\n wClose([ refs.travOuter, refs.travToggle, refs.travNav ]);\n reapplyFilters();\n refreshDisplays();\n });\n if (variant === \"catalogue\") {\n FILTER_FAMILIES.forEach(function(f) {\n var tab = refs.pillTabs[f.key];\n var nav = refs.pillDropdowns[f.key];\n var outer = refs.pillOuters[f.key];\n tab.addEventListener(\"click\", function() {\n var willOpen = !tab.classList.contains(\"w--open\");\n closeAllDropdowns();\n if (willOpen) {\n wOpen([ outer, tab, nav ]);\n renderPillDropdown(nav, f, familyOptions[f.key] || [], state, refreshDisplays);\n }\n updatePillBadges();\n });\n });\n refs.roomsTab.addEventListener(\"click\", function() {\n var willOpen = !refs.roomsTab.classList.contains(\"w--open\");\n closeAllDropdowns();\n if (willOpen) {\n wOpen([ refs.roomsOuter, refs.roomsTab, refs.roomsNav ]);\n renderRoomsBedsDropdown(refs.roomsBlock, state, refreshDisplays);\n }\n updatePillBadges();\n });\n root._resetBtn.addEventListener(\"click\", function(e) {\n e.preventDefault();\n window.location.href = window.location.pathname;\n });\n updatePillBadges();\n }\n document.addEventListener(\"click\", function(e) {\n if (!eventPathIncludes(e, container) && !eventPathIncludes(e, dp.popover) && !eventPathIncludes(e, dp.mob) && !eventPathIncludes(e, destMobPanel.panel) && !eventPathIncludes(e, travMobPanel.panel)) closeAllDropdowns();\n });\n refs.submitBtn.addEventListener(\"click\", function(e) {\n e.preventDefault();\n var params = stateToParams(state);\n var targetPath = variant === \"hero\" ? CONFIG.catalogPagePath : window.location.pathname;\n var qsStr = params.toString();\n window.location.href = targetPath + (qsStr ? \"?\" + qsStr : \"\");\n });\n }\n var STYLE = \" .w-input[disabled]:not(.w-input-disabled),.w-select[disabled]:not(.w-input-disabled),.w-input[readonly],.w-select[readonly],fieldset[disabled]:not(.w-input-disabled) .w-input,fieldset[disabled]:not(.w-input-disabled) .w-select{background-color:#eee;} .th-sb-dest-card.th-sb-dest-card { margin-top: 1.5rem !important; margin-left: 0 !important; border-radius: 8px !important; box-shadow: none !important; right: auto !important; } .th-sb-dest-group-title { font-size: 11px; letter-spacing: .05em; opacity: .6; margin: 10px 0 4px; } .th-sb-dest-item { padding: 6px 4px; cursor: pointer; font-size: 14px; } .th-sb-dest-item:hover { opacity: .7; } .th-mob-panel .th-sb-dest-group-title, .th-mob-panel .th-sb-dest-item { color: #363535 !important; } .th-sb-hidden-by-filter { display: none !important; } .th-sb-highlight { outline: 3px solid #1a1a1a; outline-offset: 4px; transition: outline-color .3s ease; border-radius: 4px; } .dp-popover { position: absolute; z-index: 9000; border-radius: 8px; padding: 15px 22px; width: max-content; display: none; box-sizing: border-box; transform: translateX(-50%); } .dp-popover.is-open { display: block; } .dp-months { display: flex; gap: 40px; } .dp-month { width: 336px; } .dp-mhdr { display: flex; align-items: center; height: 30px; margin-bottom: 12px; } .dp-mnav { width: 30px; display: flex; } .dp-mnav.prev { justify-content: flex-start; } .dp-mnav.next { justify-content: flex-end; } .dp-mnav-btn { background: transparent; border: none; cursor: pointer; font-size: 24px; line-height: 1; padding: 0; } .dp-mtitle { flex: 1; text-align: center; } .dp-dow-row { display: grid; grid-template-columns: repeat(7, 1fr); margin-bottom: 6px; } .dp-dow { text-align: center; font-family: Inter, sans-serif; font-size: 12px; font-weight: 500; } .dp-cells { display: grid; grid-template-columns: repeat(7, 1fr); } .dp-band { height: 44px; width: 100%; display: flex; align-items: center; justify-content: center; } .dp-day { width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: Inter, sans-serif; font-size: 15px; font-weight: 500; border: none; background: transparent; cursor: pointer; transition: background .15s; } .dp-day:disabled { cursor: default; } .dp-mob { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; height: 100vh; height: -webkit-fill-available; height: 100svh; height: 100dvh; display: none; flex-direction: column; background: #f7f3e6; } .dp-mob.is-open { display: flex; } .dp-mob-hdr { flex: none; } .dp-mob-title { font-family: Inter, sans-serif; font-size: 24px; font-weight: 600; font-style: normal; text-transform: uppercase; color: #363535; text-align: center; } .dp-mob-dlabel { font-family: Inter, sans-serif; font-size: 14px; color: #363535; text-align: center; margin-top: 4px; } .dp-mob-scroll { flex: 1; min-height: 0; overflow-y: auto; padding: 8px 20px 12px; } .dp-mob-month { margin-bottom: 22px; } .dp-mob-mtitle { font-family: Inter, sans-serif; font-size: 12px; font-weight: 300; font-style: normal; text-transform: uppercase; letter-spacing: 1.5px; color: #363535; text-align: center; width: 100%; margin: 6px 2px 12px; } .dp-mob-foot { flex: none; position: sticky; bottom: 0; } .dp-mob-actions { display: flex; align-items: center; background-color: rgb(251, 250, 246) !important; justify-content: space-between; padding: 14px 30px calc(14px + env(safe-area-inset-bottom, 0px)); } .dp-mob-reset { background: transparent; border: none; font-family: Inter, sans-serif; font-size: 13px; font-weight: 400; color: #363535; text-decoration: none; cursor: pointer; padding: 0; } .dp-mob-search { border: none; border-radius: 999px; padding: 0 20px; height: 32px; font-family: Inter, sans-serif; font-size: 13px; font-weight: 400; cursor: pointer; } .dp-mob-load-more { display: block; width: calc(100% - 48px); margin: 16px 24px 24px; padding: 14px; background: transparent; border: 1px solid rgba(54,53,53,0.25); border-radius: 999px; font-family: Inter, sans-serif; font-size: .94rem !important; font-weight: 300 !important; cursor: pointer; color: #363535; } .th-mob-panel { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; height: 100vh; height: -webkit-fill-available; height: 100svh; height: 100dvh; display: none; flex-direction: column; background: #f7f3e6; } .th-mob-panel.is-open { display: flex; } .th-mob-close { position: absolute; top: 1.5rem; left: 1.5rem; background: transparent; border: none; padding: 8px; cursor: pointer; z-index: 1; line-height: 0; } .th-mob-hdr { flex: none; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px 20px 20px; position: relative; } .th-mob-title { font-family: Inter, sans-serif; font-size: 24px; font-weight: 600; font-style: normal; text-transform: uppercase; color: #363535; text-align: center; } .th-mob-scroll { flex: 1; min-height: 0; overflow-y: auto; padding: 8px 1.5rem 12px; } .th-mob-foot { flex: none; position: sticky; bottom: 0; } .th-mob-actions { display: flex; align-items: center; background-color: rgb(251, 250, 246) !important; justify-content: space-between; padding: 14px 30px calc(14px + env(safe-area-inset-bottom, 0px)); } .th-mob-reset { background: transparent; border: none; font-family: Inter, sans-serif; font-size: 13px; font-weight: 400; color: #363535; text-decoration: none; cursor: pointer; padding: 0; } .th-mob-validate { border: none; border-radius: 999px; padding: 0 20px; height: 32px; font-family: Inter, sans-serif; font-size: 13px; font-weight: 400; cursor: pointer; background: #363535; color: #f7f5ee; } .th-mob-search-input.th-mob-search-input { display: flex !important; align-items: center !important; flex: none !important; width: calc(100% - 16px) !important; height: 46px !important; box-sizing: border-box; border: 1px solid #363535 !important; border-radius: 23px !important; padding: 12px 16px !important; font-family: Inter, sans-serif; font-size: 15px; color: #363535 !important; background: #F7F3E6 !important; margin: 16px 8px 8px !important; } .th-mob-search-input.th-mob-search-input::placeholder { color: rgba(54,53,53,.6) !important; opacity: 1 !important; } .th-mob-panel--voyageur .voyageurs-wrapper { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } .th-empty-state-visible.th-empty-state-visible { display: flex !important; } \";\n function injectStyles() {\n if (document.getElementById(\"th-sb-styles\")) return;\n var styleEl = document.createElement(\"style\");\n styleEl.id = \"th-sb-styles\";\n styleEl.textContent = STYLE;\n document.head.appendChild(styleEl);\n }\n function normalizeBoundsInput(b) {\n if (!b) return null;\n if (typeof b.getNorth === \"function\") {\n return {\n north: b.getNorth(),\n south: b.getSouth(),\n east: b.getEast(),\n west: b.getWest()\n };\n }\n if (Array.isArray(b) && b.length === 2 && Array.isArray(b[0])) {\n return {\n west: b[0][0],\n south: b[0][1],\n east: b[1][0],\n north: b[1][1]\n };\n }\n if (typeof b.north === \"number\" && typeof b.south === \"number\") return b;\n return null;\n }\n window.TheHostSearchbar = window.TheHostSearchbar || {};\n window.TheHostSearchbar.setMapBounds = function(bounds) {\n var b = normalizeBoundsInput(bounds);\n _instances.forEach(function(inst) {\n inst.state._mapBounds = b;\n inst.reapplyFilters();\n });\n };\n window.TheHostSearchbar.clearMapBounds = function() {\n _instances.forEach(function(inst) {\n inst.state._mapBounds = null;\n inst.reapplyFilters();\n });\n };\n function handleOpenDatePickerClick(e) {\n var btn = e.target.closest(\"[open-date-picker]\");\n if (!btn) return;\n e.preventDefault();\n var inst = _instances[0];\n var target = inst && inst.refs && inst.refs.datesOuter;\n if (!inst || !target) return;\n var remPx = parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;\n var top = target.getBoundingClientRect().top + window.scrollY - 5 * remPx;\n window.scrollTo({\n top: top,\n behavior: \"smooth\"\n });\n setTimeout(function() {\n inst.openDatesDropdown();\n }, 350);\n }\n function boot() {\n injectStyles();\n var nodes = document.querySelectorAll(\"[searchbar], #searchbar, .searchbar\");\n var seen = [];\n nodes.forEach(function(container) {\n if (seen.indexOf(container) !== -1) return;\n seen.push(container);\n try {\n initWidget(container);\n } catch (e) {\n if (window.console && console.error) console.error(\"[thehost-searchbar]\", e);\n }\n });\n document.addEventListener(\"click\", handleOpenDatePickerClick);\n }\n if (document.readyState === \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", boot);\n } else {\n boot();\n }\n})();","input.value = String(state[key]);\n onChange();\n });\n block.appendChild(el(\"div\", {\n class: \"voyageurs-wrapper is-chambres\"\n }, [ el(\"div\", {\n class: \"w-layout-vflex\"\n }, [ el(\"div\", {\n class: \"text-size-small text-color-alternate\",\n text: label\n }) ]), el(\"div\", {\n class: \"input-counter_wrapper is-chambres\"\n }, [ minus, input, plus ]) ]));\n });\n }\n var BADGE_STYLE_BASE = \"display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;font-size:10px;font-weight:700;margin-left:6px;line-height:1;vertical-align:middle;transition:background .15s, color .15s\";\n var BADGE_STYLE_CLOSED = BADGE_STYLE_BASE + \";background:#363535;color:#F7F3E6\";\n var BADGE_STYLE_OPEN = BADGE_STYLE_BASE + \";background:#F7F3E6;color:#363535\";\n function isTabOpen(tabBtn) {\n return !!tabBtn && tabBtn.classList.contains(\"w--open\");\n }\n function setTabBadge(tabBtn, count) {\n if (!tabBtn) return;\n var badge = tabBtn.querySelector(\"[data-filter-badge]\");\n if (!count) {\n if (badge) badge.remove();\n return;\n }\n if (!badge) {\n badge = document.createElement(\"span\");\n badge.setAttribute(\"data-filter-badge\", \"\");\n tabBtn.appendChild(badge);\n badge.addEventListener(\"mouseenter\", function() {\n badge.setAttribute(\"style\", BADGE_STYLE_OPEN);\n });\n badge.addEventListener(\"mouseleave\", function() {\n badge.setAttribute(\"style\", isTabOpen(tabBtn) ? BADGE_STYLE_OPEN : BADGE_STYLE_CLOSED);\n });\n }\n badge.textContent = String(count);\n badge.setAttribute(\"style\", isTabOpen(tabBtn) ? BADGE_STYLE_OPEN : BADGE_STYLE_CLOSED);\n }\n function eventPathIncludes(e, node) {\n if (typeof e.composedPath === \"function\") return e.composedPath().indexOf(node) !== -1;\n return node.contains(e.target);\n }\n function initWidget(container) {\n var state = readStateFromURL();\n var registry = {};\n var localCards = buildLocalCardIndex(registry);\n var hasLocalCards = localCards.length > 0;\n var cardIndexPromise = getCardIndex(hasLocalCards, registry);\n var destIndex = [];\n cardIndexPromise.then(function(idx) {\n destIndex = idx;\n });\n var familyOptions = {};\n FILTER_FAMILIES.forEach(function(f) {\n var bySlug = registry[f.key] || {};\n var labels = Object.keys(bySlug).map(function(slug) {\n return bySlug[slug];\n });\n familyOptions[f.key] = sortFamilyOptions(f.key, labels);\n });\n var root = renderWidget(container);\n var refs = root._refs;\n var variant = refs.variant;\n function currentDestIndex() {\n return hasLocalCards ? localCards : destIndex;\n }\n if (state.bien) {\n var preselected = currentDestIndex().filter(function(c) {\n return c.url === state.bien || c.mapId === state.bien;\n })[0];\n refs.destInput.value = preselected ? preselected.name : state.bien;\n } else {\n refs.destInput.value = state.ville || state.region || state.pays || \"\";\n }\n updateDatesLabel();\n refs.travDisplay.textContent = travelerSummary(state);\n function updateClearButtonsVisibility() {\n refs.destClearBtn.style.display = refs.destInput.value.trim() ? \"\" : \"none\";\n refs.datesClearBtn.style.display = state.start_date ? \"\" : \"none\";\n var travTotal = humanTravelerCount(state);\n refs.travClearBtn.style.display = travTotal > 0 ? \"\" : \"none\";\n }\n updateClearButtonsVisibility();\n function updatePillBadges() {\n FILTER_FAMILIES.forEach(function(f) {\n setTabBadge(refs.pillTabs[f.key], (state[f.key] || []).length);\n });\n setTabBadge(refs.roomsTab, (state.room || 0) + (state.bed || 0));\n }\n function closeAllDropdowns() {\n wClose([ refs.destOuter, refs.destToggle, refs.destNav ]);\n wClose([ refs.travOuter, refs.travToggle, refs.travNav ]);\n if (refs.datesPopover) refs.datesPopover.classList.remove(\"is-open\");\n if (typeof dp !== \"undefined\" && dp && dp.isOpenMobile()) dp.closeMobile();\n Object.keys(refs.pillOuters || {}).forEach(function(k) {\n wClose([ refs.pillOuters[k], refs.pillTabs[k], refs.pillDropdowns[k] ]);\n });\n wClose([ refs.roomsOuter, refs.roomsTab, refs.roomsNav ]);\n if (typeof closeDestMobile === \"function\" && destMobPanel && destMobPanel.isOpen()) closeDestMobile();\n if (typeof closeTravMobile === \"function\" && travMobPanel && travMobPanel.isOpen()) closeTravMobile();\n updatePillBadges();\n }\n function refreshDisplays() {\n updateDatesLabel();\n refs.travDisplay.textContent = travelerSummary(state);\n updateClearButtonsVisibility();\n updatePillBadges();\n syncURLLive(state);\n reapplyFilters();\n }\n function updateDatesLabel() {\n var txt = datesSummary(state);\n var hasValue = !!state.start_date;\n if (hasValue) {\n refs.datesInput.value = txt;\n refs.datesInput.placeholder = \"\";\n refs.datesInput.style.setProperty(\"color\", variant === \"catalogue\" ? dpIsMob() ? \"#363535\" : \"#333333\" : \"#ffffff\", \"important\");\n } else {\n refs.datesInput.value = \"\";\n refs.datesInput.placeholder = txt;\n if (variant === \"catalogue\") {\n refs.datesInput.style.setProperty(\"color\", dpIsMob() ? \"#363535\" : \"#333333\", \"important\");\n } else {\n refs.datesInput.style.removeProperty(\"color\");\n }\n }\n }\n var availabilityCache = null;\n function reapplyFilters() {\n if (!hasLocalCards) return;\n var visible = applyAttributeFilters(localCards, state);\n setEmptyStateVisible(visible.length === 0);\n if (!state.start_date || !state.end_date) {\n availabilityCache = null;\n localCards.forEach(function(card) {\n setCardAvailability(card.node, false);\n });\n sortUnavailableLast(localCards);\n return;\n }\n if (availabilityCache && availabilityCache.checkin === state.start_date && availabilityCache.checkout === state.end_date) {\n applyAvailabilityOverlay(visible, availabilityCache.byId);\n sortUnavailableLast(localCards);\n return;\n }\n var requestedCheckin = state.start_date, requestedCheckout = state.end_date;\n var allIds = localCards.map(function(c) {\n return c.id;\n }).filter(Boolean);\n fetchAvailability(allIds, requestedCheckin, requestedCheckout).then(function(res) {\n if (state.start_date !== requestedCheckin || state.end_date !== requestedCheckout) return;\n if (!res || !res.results) {\n availabilityCache = null;\n return;\n }\n var byId = {};\n res.results.forEach(function(r) {\n byId[r.id] = r;\n });\n availabilityCache = {\n checkin: requestedCheckin,\n checkout: requestedCheckout,\n byId: byId\n };\n var currentlyVisible = localCards.filter(function(c) {\n return c.node.style.display !== \"none\";\n });\n applyAvailabilityOverlay(currentlyVisible, byId);\n sortUnavailableLast(localCards);\n });\n }\n _instances.push({\n state: state,\n reapplyFilters: reapplyFilters,\n refs: refs,\n openDatesDropdown: function() {\n closeAllDropdowns();\n openDatesDropdown();\n }\n });\n reapplyFilters();\n enrichBienLinks(state);\n function scrollToAndHighlight(node) {\n if (!node || typeof node.scrollIntoView !== \"function\") return;\n node.scrollIntoView({\n behavior: \"smooth\",\n block: \"center\"\n });\n node.classList.add(\"th-sb-highlight\");\n setTimeout(function() {\n node.classList.remove(\"th-sb-highlight\");\n }, 3e3);\n }\n function dispatchSelectEvent(detail) {\n try {\n document.dispatchEvent(new CustomEvent(\"thehost:searchbar:select\", {\n detail: detail\n }));\n } catch (e) {}\n }\n function onDestSelect(entry, type) {\n wClose([ refs.destOuter, refs.destToggle, refs.destNav ]);\n if (destMobPanel.isOpen()) closeDestMobile();\n state.bien = \"\";\n state.ville = \"\";\n state.region = \"\";\n state.pays = \"\";\n if (type === \"bien\") {\n var card = entry.card;\n state.bien = card.url || card.mapId || slugify(card.name);\n refs.destInput.value = card.name;\n state.lat = card.lat || \"\";\n state.lon = card.lng || \"\";\n state.zoom = String(ZOOM_BY_BUCKET.biens);\n dispatchSelectEvent({\n type: \"bien\",\n label: card.name,\n slug: state.bien,\n lat: card.lat,\n lon: card.lng,\n zoom: ZOOM_BY_BUCKET.biens\n });\n reapplyFilters();\n scrollToAndHighlight(card.node);\n } else {\n state[type] = entry.label;\n refs.destInput.value = entry.label;\n state.lat = entry.lat != null ? String(entry.lat) : \"\";\n state.lon = entry.lon != null ? String(entry.lon) : \"\";\n state.zoom = entry.zoom != null ? String(entry.zoom) : \"\";\n dispatchSelectEvent({\n type: type,\n label: entry.label,\n lat: entry.lat,\n lon: entry.lon,\n zoom: entry.zoom,\n bbox: entry.bbox\n });\n reapplyFilters();\n }\n refreshDisplays();\n }\n var destGroups = {\n biens: [],\n villes: [],\n regions: [],\n pays: []\n };\n var _destToken = 0;\n function renderDestNow() {\n destGroups.biens = buildBienSuggestions(currentDestIndex(), refs.destInput.value);\n renderDestinationDropdown(refs, destGroups, onDestSelect);\n }\n var debouncedGeoSearch = debounce(function() {\n var q = refs.destInput.value;\n var token = ++_destToken;\n fetchGeoSuggestions(q).then(function(geo) {\n if (token !== _destToken) return;\n destGroups.villes = geo.villes;\n destGroups.regions = geo.regions;\n destGroups.pays = geo.pays;\n renderDestinationDropdown(refs, destGroups, onDestSelect);\n });\n }, CONFIG.destDebounceMs);\n var destInputHome = domHome(refs.destInput);\n var destResultsHome = domHome(refs.destResults);\n var destMobPanel = buildMobPanelShell(\"Destination\");\n function openDestMobile() {\n refs.destInput.classList.add(\"th-mob-search-input\");\n destMobPanel.scroll.appendChild(refs.destInput);\n destMobPanel.scroll.appendChild(refs.destResults);\n destMobPanel.open();\n renderDestNow();\n requestAnimationFrame(function() {\n refs.destInput.focus();\n });\n }\n function closeDestMobile() {\n destMobPanel.close();\n refs.destInput.classList.remove(\"th-mob-search-input\");\n restoreHome(refs.destInput, destInputHome);\n restoreHome(refs.destResults, destResultsHome);\n wClose([ refs.destOuter, refs.destToggle, refs.destNav ]);\n }\n destMobPanel.resetBtn.addEventListener(\"click\", function() {\n refs.destInput.value = \"\";\n state.bien = \"\";\n state.ville = \"\";\n state.region = \"\";\n state.pays = \"\";\n state.lat = \"\";\n state.lon = \"\";\n state.zoom = \"\";\n destGroups.biens = [];\n destGroups.villes = [];\n destGroups.regions = [];\n destGroups.pays = [];\n renderDestNow();\n reapplyFilters();\n refreshDisplays();\n refs.destInput.focus();\n });\n destMobPanel.validateBtn.addEventListener(\"click\", function() {\n closeDestMobile();\n });\n destMobPanel.closeBtn.addEventListener(\"click\", function() {\n closeDestMobile();\n });\n refs.destInput.addEventListener(\"focus\", function() {\n if (dpShouldOpenMobile()) {\n if (destMobPanel.isOpen()) return;\n closeAllDropdowns();\n openDestMobile();\n return;\n }\n closeAllDropdowns();\n renderDestNow();\n });\n refs.destToggle.addEventListener(\"click\", function(e) {\n if (!dpShouldOpenMobile()) return;\n if (eventPathIncludes(e, refs.destClearBtn)) return;\n if (eventPathIncludes(e, refs.destInput)) return;\n var geoloc = refs.destToggle.querySelector(\"[data-geoloc-btn]\");\n if (geoloc && eventPathIncludes(e, geoloc)) return;\n if (destMobPanel.isOpen()) return;\n closeAllDropdowns();\n openDestMobile();\n });\n refs.destInput.addEventListener(\"input\", function() {\n state.bien = \"\";\n renderDestNow();\n updateClearButtonsVisibility();\n if (refs.destInput.value.trim().length >= CONFIG.destMinChars) debouncedGeoSearch(); else {\n destGroups.villes = [];\n destGroups.regions = [];\n destGroups.pays = [];\n }\n });\n refs.destClearBtn.addEventListener(\"click\", function(e) {\n e.stopPropagation();\n refs.destInput.value = \"\";\n state.bien = \"\";\n state.ville = \"\";\n state.region = \"\";\n state.pays = \"\";\n state.lat = \"\";\n state.lon = \"\";\n state.zoom = \"\";\n destGroups.biens = [];\n destGroups.villes = [];\n destGroups.regions = [];\n destGroups.pays = [];\n wClose([ refs.destOuter, refs.destToggle, refs.destNav ]);\n reapplyFilters();\n refreshDisplays();\n refs.destInput.focus();\n });\n var dp = createDatePicker(variant === \"catalogue\" ? \"dark\" : \"light\", \"#363535\", {\n getState: function() {\n return state;\n },\n onPick: function(ts) {\n var iso = fmtDate(new Date(ts));\n if (!state.start_date || state.start_date && state.end_date) {\n state.start_date = iso;\n state.end_date = \"\";\n } else if (iso <= state.start_date) {\n state.start_date = iso;\n state.end_date = \"\";\n } else {\n state.end_date = iso;\n }\n refreshDisplays();\n dp.renderDesk();\n if (dp.isOpenMobile()) dp.renderMob();\n if (state.end_date && !dpIsMob()) dp.closeDesk();\n },\n onReset: function() {\n state.start_date = \"\";\n state.end_date = \"\";\n reapplyFilters();\n refreshDisplays();\n },\n onClose: function() {\n updatePillBadges();\n }\n });\n refs.datesPopover = dp.popover;\n refs.datesMob = dp.mob;\n function openDatesDropdown() {\n if (dpShouldOpenMobile()) dp.openMobile(); else dp.openDesk(refs.datesOuter);\n }\n refs.datesToggle.addEventListener(\"click\", function(e) {\n if (eventPathIncludes(e, refs.datesClearBtn)) return;\n if (dpShouldOpenMobile()) {\n closeAllDropdowns();\n dp.openMobile();\n return;\n }\n var willOpen = !dp.isOpenDesk();\n closeAllDropdowns();\n if (willOpen) openDatesDropdown();\n });\n refs.datesClearBtn.addEventListener(\"click\", function(e) {\n e.stopPropagation();\n state.start_date = \"\";\n state.end_date = \"\";\n dp.closeDesk();\n dp.closeMobile();\n reapplyFilters();\n refreshDisplays();\n });\n var travBlockHome = domHome(refs.travBlock);\n var travMobPanel = buildMobPanelShell(\"Voyageur\");\n function openTravMobile() {\n travMobPanel.scroll.appendChild(refs.travBlock);\n renderTravelerDropdown(refs.travBlock, state, refreshDisplays, variant !== \"catalogue\");\n travMobPanel.open();\n }\n function closeTravMobile() {\n travMobPanel.close();\n restoreHome(refs.travBlock, travBlockHome);\n }\n travMobPanel.resetBtn.addEventListener(\"click\", function() {\n state.adult = 0;\n state.children = 0;\n state.baby = 0;\n state.pet = 0;\n renderTravelerDropdown(refs.travBlock, state, refreshDisplays, variant !== \"catalogue\");\n reapplyFilters();\n refreshDisplays();\n });\n travMobPanel.validateBtn.addEventListener(\"click\", function() {\n closeTravMobile();\n });\n travMobPanel.closeBtn.addEventListener(\"click\", function() {\n closeTravMobile();\n });\n refs.travToggle.addEventListener(\"click\", function(e) {\n if (eventPathIncludes(e, refs.travClearBtn)) return;\n if (dpShouldOpenMobile()) {\n var willOpenMob = !travMobPanel.isOpen();\n closeAllDropdowns();\n if (willOpenMob) openTravMobile();\n return;\n }\n var willOpen = !refs.travToggle.classList.contains(\"w--open\");\n closeAllDropdowns();\n if (willOpen) {\n wOpen([ refs.travOuter, refs.travToggle, refs.travNav ]);\n renderTravelerDropdown(refs.travBlock, state, refreshDisplays, variant !== \"catalogue\");\n }\n });\n refs.travClearBtn.addEventListener(\"click\", function(e) {\n e.stopPropagation();\n state.adult = 0;\n state.children = 0;\n state.baby = 0;\n state.pet = 0;\n wClose([ refs.travOuter, refs.travToggle, refs.travNav ]);\n reapplyFilters();\n refreshDisplays();\n });\n if (variant === \"catalogue\") {\n FILTER_FAMILIES.forEach(function(f) {\n var tab = refs.pillTabs[f.key];\n var nav = refs.pillDropdowns[f.key];\n var outer = refs.pillOuters[f.key];\n tab.addEventListener(\"click\", function() {\n var willOpen = !tab.classList.contains(\"w--open\");\n closeAllDropdowns();\n if (willOpen) {\n wOpen([ outer, tab, nav ]);\n renderPillDropdown(nav, f, familyOptions[f.key] || [], state, refreshDisplays);\n }\n updatePillBadges();\n });\n });\n refs.roomsTab.addEventListener(\"click\", function() {\n var willOpen = !refs.roomsTab.classList.contains(\"w--open\");\n closeAllDropdowns();\n if (willOpen) {\n wOpen([ refs.roomsOuter, refs.roomsTab, refs.roomsNav ]);\n renderRoomsBedsDropdown(refs.roomsBlock, state, refreshDisplays);\n }\n updatePillBadges();\n });\n root._resetBtn.addEventListener(\"click\", function(e) {\n e.preventDefault();\n window.location.href = window.location.pathname;\n });\n updatePillBadges();\n }\n document.addEventListener(\"click\", function(e) {\n if (!eventPathIncludes(e, container) && !eventPathIncludes(e, dp.popover) && !eventPathIncludes(e, dp.mob) && !eventPathIncludes(e, destMobPanel.panel) && !eventPathIncludes(e, travMobPanel.panel)) closeAllDropdowns();\n });\n refs.submitBtn.addEventListener(\"click\", function(e) {\n e.preventDefault();\n var params = stateToParams(state);\n var targetPath = variant === \"hero\" ? CONFIG.catalogPagePath : window.location.pathname;\n var qsStr = params.toString();\n window.location.href = targetPath + (qsStr ? \"?\" + qsStr : \"\");\n });\n }\n var STYLE = \" .w-input[disabled]:not(.w-input-disabled),.w-select[disabled]:not(.w-input-disabled),.w-input[readonly],.w-select[readonly],fieldset[disabled]:not(.w-input-disabled) .w-input,fieldset[disabled]:not(.w-input-disabled) .w-select{background-color:#eee;} .th-sb-dest-card.th-sb-dest-card { margin-top: 1.5rem !important; margin-left: 0 !important; border-radius: 8px !important; box-shadow: none !important; right: auto !important; } .th-sb-dest-group-title { font-size: 11px; letter-spacing: .05em; opacity: .6; margin: 10px 0 4px; } .th-sb-dest-item { padding: 6px 4px; cursor: pointer; font-size: 14px; } .th-sb-dest-item:hover { opacity: .7; } .th-mob-panel .th-sb-dest-group-title, .th-mob-panel .th-sb-dest-item { color: #363535 !important; } .th-sb-hidden-by-filter { display: none !important; } .th-sb-highlight { outline: 3px solid #1a1a1a; outline-offset: 4px; transition: outline-color .3s ease; border-radius: 4px; } .dp-popover { position: absolute; z-index: 9000; border-radius: 8px; padding: 15px 22px; width: max-content; display: none; box-sizing: border-box; transform: translateX(-50%); } .dp-popover.is-open { display: block; } .dp-months { display: flex; gap: 40px; } .dp-month { width: 336px; } .dp-mhdr { display: flex; align-items: center; height: 30px; margin-bottom: 12px; } .dp-mnav { width: 30px; display: flex; } .dp-mnav.prev { justify-content: flex-start; } .dp-mnav.next { justify-content: flex-end; } .dp-mnav-btn { background: transparent; border: none; cursor: pointer; font-size: 24px; line-height: 1; padding: 0; } .dp-mtitle { flex: 1; text-align: center; } .dp-dow-row { display: grid; grid-template-columns: repeat(7, 1fr); margin-bottom: 6px; } .dp-dow { text-align: center; font-family: Inter, sans-serif; font-size: 12px; font-weight: 500; } .dp-cells { display: grid; grid-template-columns: repeat(7, 1fr); } .dp-band { height: 44px; width: 100%; display: flex; align-items: center; justify-content: center; } .dp-day { width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: Inter, sans-serif; font-size: 15px; font-weight: 500; border: none; background: transparent; cursor: pointer; transition: background .15s; } .dp-day:disabled { cursor: default; } .dp-mob { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; height: 100vh; height: -webkit-fill-available; height: 100svh; height: 100dvh; display: none; flex-direction: column; background: #f7f3e6; } .dp-mob.is-open { display: flex; } .dp-mob-hdr { flex: none; } .dp-mob-title { font-family: Inter, sans-serif; font-size: 24px; font-weight: 600; font-style: normal; text-transform: uppercase; color: #363535; text-align: center; } .dp-mob-dlabel { font-family: Inter, sans-serif; font-size: 14px; color: #363535; text-align: center; margin-top: 4px; } .dp-mob-scroll { flex: 1; min-height: 0; overflow-y: auto; padding: 8px 20px 12px; } .dp-mob-month { margin-bottom: 22px; } .dp-mob-mtitle { font-family: Inter, sans-serif; font-size: 12px; font-weight: 300; font-style: normal; text-transform: uppercase; letter-spacing: 1.5px; color: #363535; text-align: center; width: 100%; margin: 6px 2px 12px; } .dp-mob-foot { flex: none; position: sticky; bottom: 0; } .dp-mob-actions { display: flex; align-items: center; background-color: rgb(251, 250, 246) !important; justify-content: space-between; padding: 14px 30px calc(14px + env(safe-area-inset-bottom, 0px)); } .dp-mob-reset { background: transparent; border: none; font-family: Inter, sans-serif; font-size: 13px; font-weight: 400; color: #363535; text-decoration: none; cursor: pointer; padding: 0; } .dp-mob-search { border: none; border-radius: 999px; padding: 0 20px; height: 32px; font-family: Inter, sans-serif; font-size: 13px; font-weight: 400; cursor: pointer; } .dp-mob-load-more { display: block; width: calc(100% - 48px); margin: 16px 24px 24px; padding: 14px; background: transparent; border: 1px solid rgba(54,53,53,0.25); border-radius: 999px; font-family: Inter, sans-serif; font-size: .94rem !important; font-weight: 300 !important; cursor: pointer; color: #363535; } .th-mob-panel { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; height: 100vh; height: -webkit-fill-available; height: 100svh; height: 100dvh; display: none; flex-direction: column; background: #f7f3e6; } .th-mob-panel.is-open { display: flex; } .th-mob-close { position: absolute; top: 1.5rem; left: 1.5rem; background: transparent; border: none; padding: 8px; cursor: pointer; z-index: 1; line-height: 0; } .th-mob-hdr { flex: none; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px 20px 20px; position: relative; } .th-mob-title { font-family: Inter, sans-serif; font-size: 24px; font-weight: 600; font-style: normal; text-transform: uppercase; color: #363535; text-align: center; } .th-mob-scroll { flex: 1; min-height: 0; overflow-y: auto; padding: 8px 1.5rem 12px; } .th-mob-foot { flex: none; position: sticky; bottom: 0; } .th-mob-actions { display: flex; align-items: center; background-color: rgb(251, 250, 246) !important; justify-content: space-between; padding: 14px 30px calc(14px + env(safe-area-inset-bottom, 0px)); } .th-mob-reset { background: transparent; border: none; font-family: Inter, sans-serif; font-size: 13px; font-weight: 400; color: #363535; text-decoration: none; cursor: pointer; padding: 0; } .th-mob-validate { border: none; border-radius: 999px; padding: 0 20px; height: 32px; font-family: Inter, sans-serif; font-size: 13px; font-weight: 400; cursor: pointer; background: #363535; color: #f7f5ee; } .th-mob-search-input.th-mob-search-input { display: flex !important; align-items: center !important; flex: none !important; width: calc(100% - 16px) !important; height: 46px !important; box-sizing: border-box; border: 1px solid #363535 !important; border-radius: 23px !important; padding: 12px 16px !important; font-family: Inter, sans-serif; font-size: 15px; color: #363535 !important; background: #F7F3E6 !important; margin: 16px 8px 8px !important; } .th-mob-search-input.th-mob-search-input::placeholder { color: rgba(54,53,53,.6) !important; opacity: 1 !important; } .th-mob-panel--voyageur .voyageurs-wrapper { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } .th-empty-state-visible.th-empty-state-visible { display: flex !important; } \";\n function injectStyles() {\n if (document.getElementById(\"th-sb-styles\")) return;\n var styleEl = document.createElement(\"style\");\n styleEl.id = \"th-sb-styles\";\n styleEl.textContent = STYLE;\n document.head.appendChild(styleEl);\n }\n function normalizeBoundsInput(b) {\n if (!b) return null;\n if (typeof b.getNorth === \"function\") {\n return {\n north: b.getNorth(),\n south: b.getSouth(),\n east: b.getEast(),\n west: b.getWest()\n };\n }\n if (Array.isArray(b) && b.length === 2 && Array.isArray(b[0])) {\n return {\n west: b[0][0],\n south: b[0][1],\n east: b[1][0],\n north: b[1][1]\n };\n }\n if (typeof b.north === \"number\" && typeof b.south === \"number\") return b;\n return null;\n }\n window.TheHostSearchbar = window.TheHostSearchbar || {};\n window.TheHostSearchbar.setMapBounds = function(bounds) {\n var b = normalizeBoundsInput(bounds);\n _instances.forEach(function(inst) {\n inst.state._mapBounds = b;\n inst.reapplyFilters();\n });\n };\n window.TheHostSearchbar.clearMapBounds = function() {\n _instances.forEach(function(inst) {\n inst.state._mapBounds = null;\n inst.reapplyFilters();\n });\n };\n function handleOpenDatePickerClick(e) {\n var btn = e.target.closest(\"[open-date-picker]\");\n if (!btn) return;\n e.preventDefault();\n var inst = _instances[0];\n var target = inst && inst.refs && inst.refs.datesOuter;\n if (!inst || !target) return;\n var remPx = parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;\n var top = target.getBoundingClientRect().top + window.scrollY - 5 * remPx;\n window.scrollTo({\n top: top,\n behavior: \"smooth\"\n });\n setTimeout(function() {\n inst.openDatesDropdown();\n }, 350);\n }\n function boot() {\n injectStyles();\n var nodes = document.querySelectorAll(\"[searchbar], #searchbar, .searchbar\");\n var seen = [];\n nodes.forEach(function(container) {\n if (seen.indexOf(container) !== -1) return;\n seen.push(container);\n try {\n initWidget(container);\n } catch (e) {\n if (window.console && console.error) console.error(\"[thehost-searchbar]\", e);\n }\n });\n document.addEventListener(\"click\", handleOpenDatePickerClick);\n }\n if (document.readyState === \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", boot);\n } else {\n boot();\n }\n})();","createdAt",["D",1788449646337],"branchVersion","branchId","7b93db50-4232-4711-9961-8d80b790aebd","id","75ef7691-070d-4ba7-9903-9bb760a603ae","thehost",["D",1788352959095],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","51e0f890-4215-11f0-8fa4-2945475a7e7e","pinnedFileId","c821379c-a6cb-11f1-8ec5-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","9d7676f2-7a4d-4e3f-975a-15aca5bcc997","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_104":100},"org",{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":25},"branch",{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"isOwned",52,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","ncf","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ5NWtrVUd1NlAwbmxWS2NMVFB4N0Ezb0drSyJ9","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_43":44,"_32":45,"_38":212,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":213,"_81":214,"_83":215,"_85":25},"tree",[187,188,189,190,191,192],"files",[187,188,189,190,191,192],"counts",{"_176":63,"_177":178,"_179":63,"_180":181,"_182":183},"contents",[126,127,128,129,130,131],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":170,"_32":171,"_30":57,"_133":-5,"_41":42,"_40":172,"_134":59,"_38":173,"_13":158,"_33":167,"_35":174,"_24":25,"_137":-5,"_27":175},{"_43":161,"_32":162,"_30":163,"_133":-5,"_41":42,"_40":164,"_134":59,"_38":165,"_13":166,"_33":167,"_35":168,"_24":25,"_137":-5,"_27":169},{"_43":153,"_32":154,"_30":155,"_133":-5,"_41":42,"_40":156,"_134":59,"_38":157,"_13":158,"_33":34,"_35":159,"_24":25,"_137":-5,"_27":160},{"_43":146,"_32":147,"_30":148,"_133":-5,"_41":42,"_40":149,"_134":25,"_38":150,"_13":136,"_33":34,"_35":151,"_24":25,"_137":-5,"_27":152},{"_43":139,"_32":140,"_30":141,"_133":-5,"_41":42,"_40":142,"_134":25,"_38":143,"_13":136,"_33":34,"_35":144,"_24":25,"_137":-5,"_27":145},{"_43":132,"_32":28,"_30":31,"_133":-5,"_41":42,"_40":14,"_134":25,"_38":135,"_13":136,"_33":34,"_35":37,"_24":25,"_137":-5,"_27":138},"80fc538e-3bf1-4bcd-bfc7-777d893c2f15","parentId","latest",["D",1788449646337],6,"label",[28],"f2dc3e10-b42b-440d-b4e9-422331d47e78","searchbar_part2.ts","cf9d5bc2-a6cb-11f1-b925-1607ee4eb77e",45,["D",1788449633601],"id: uid,\n \"search-bar\": variant === \"catalogue\" ? \"dark\" : \"light\"\n });\n var destInput = el(\"input\", {\n class: \"adresses-input\" + heroCls(\"text-color-placeholder\") + \" w-input\",\n type: \"text\",\n placeholder: \"Ville, région, pays, lieu...\",\n maxlength: \"256\"\n });\n var destResults = el(\"div\", {\n class: \"adresse-results th-sb-dest-card\" + catCls(\"is-dark-app\")\n });\n var destNav = el(\"nav\", {\n class: \"fs-select_list-6\" + catCls(\"is-dark\") + \" w-dropdown-list\"\n }, [ destResults ]);\n var destClearBtn = crossIcon(\"destination\", isHero);\n var destToggle = el(\"div\", {\n class: \"fs-select_toggle-6 destination app-state w-dropdown-toggle\"\n }, [ el(\"div\", {\n class: \"w-layout-vflex flex-block z-index-2 max-width-full relative\"\n }, [ el(\"div\", {\n class: \"text-size-regular is-italic\" + heroCls(\"text-color-alternate\"),\n text: \"Destination\"\n }), destInput, destClearBtn ]), geolocBtn(isHero) ]);\n var destOuter = el(\"div\", {\n class: \"fs-select-6 is-left\" + (isHero ? \" no-hover-border\" : \" border-dark-mobile onlight\") + \" w-dropdown\"\n }, [ destToggle, destNav ]);\n var datesInput = el(\"input\", {\n class: \"adresses-input date-picker\" + heroCls(\"text-color-placeholder\") + \" w-input\",\n type: \"text\",\n placeholder: \"Sélectionnez vos dates\"\n });\n var datesClearBtn = crossIcon(\"date\", isHero);\n var datesToggle = el(\"div\", {\n class: \"fs-select_toggle-6 is-border date-picker\" + catCls(\"dark\")\n }, [ el(\"div\", {\n class: \"w-layout-vflex flex-block z-index-2 max-width-full relative\"\n }, [ el(\"div\", {\n class: \"text-size-regular is-italic\" + heroCls(\"text-color-alternate\"),\n text: \"Date\"\n }), datesInput, datesClearBtn ]) ]);\n var datesOuter = el(\"div\", {\n class: \"fs-select-6 is-2\" + (isHero ? \"\" : \" border-mobile-dark onlight\")\n }, [ datesToggle ]);\n var travDisplay = el(\"div\", {\n class: \"heading-style-h6 is-inter\" + heroCls(\"text-color-placeholder\"),\n \"data-placeholder-voyageurs\": \"\",\n text: \"Ajouter ...\"\n });\n var travClearBtn = crossIcon(\"voyageur\", isHero);\n var travToggle = el(\"div\", {\n class: \"fs-select_toggle-6 is-border\" + catCls(\"is-dark\") + \" w-dropdown-toggle\"\n }, [ el(\"div\", {\n class: \"flex-block z-index-2 max-width-full relative\"\n }, [ el(\"div\", {\n class: \"text-size-regular is-italic\" + heroCls(\"text-color-alternate\"),\n text: \"Voyageurs\"\n }), travDisplay, travClearBtn ]) ]);\n var travBlock = el(\"div\", {\n class: \"fs-select_list-block-6\" + catCls(\"is-dark-app\")\n });\n var travNav = el(\"nav\", {\n class: \"fs-select_list-6\" + catCls(\"is-dark\") + \" noplaceholder w-dropdown-list\"\n }, [ travBlock ]);\n var travOuter = el(\"div\", {\n class: \"fs-select-6 is-3\" + (isHero ? \" no-hover-border\" : \" border-mobile-dark onlight\") + \" w-dropdown\"\n }, [ travToggle, travNav ]);\n var submitBtn = el(\"a\", {\n href: \"#result\",\n class: \"button is-secondary is-absolute\" + catCls(\"is-dark\"),\n text: \"Rechercher\"\n });\n var decorativeBorderInput = el(\"input\", {\n class: \"text-field-search\" + (variant === \"catalogue\" ? \" is-light\" : \"\") + \" w-input\",\n type: \"text\",\n maxlength: \"256\",\n tabindex: \"-1\",\n \"aria-hidden\": \"true\"\n });\n var filtersWrap = el(\"div\", {\n class: \"wrapper-filters-search\"\n }, [ destOuter, datesOuter, travOuter ]);\n var containerSearchbar = el(\"div\", {\n class: \"container-searchbar\"\n }, [ filtersWrap, submitBtn ]);\n var formSearch = el(\"div\", {\n class: \"form-search center\"\n }, [ decorativeBorderInput, containerSearchbar ]);\n root.appendChild(formSearch);\n var afterRootNodes = [];\n var pillDropdowns = {}, pillTabs = {}, pillOuters = {};\n var roomsTab = null, roomsOuter = null, roomsNav = null, roomsBlock = null;\n if (variant === \"catalogue\") {\n var pillNodes = FILTER_FAMILIES.map(function(f) {\n var tab = el(\"div\", {\n \"data-filter-tab\": f.tabKey,\n class: \"dropdown-toggle-filters with-count w-dropdown-toggle\"\n }, [ el(\"div\", {\n text: f.label\n }) ]);\n var nav = el(\"nav\", {\n \"data-filter-content\": f.tabKey,\n class: \"dropdown-list-filters \" + f.navClass + \" w-dropdown-list\"\n });\n var outer = el(\"div\", {\n \"data-delay\": \"0\",\n \"data-hover\": \"false\",\n class: \"filter-dropdown w-dropdown\"\n }, [ tab, nav ]);\n pillTabs[f.key] = tab;\n pillDropdowns[f.key] = nav;\n pillOuters[f.key] = outer;\n return outer;\n });\n roomsTab = el(\"div\", {\n \"data-filter-tab\": ROOMS_FAMILY.tabKey,\n class: \"dropdown-toggle-filters with-count w-dropdown-toggle\"\n }, [ el(\"div\", {\n text: ROOMS_FAMILY.label\n }) ]);\n roomsBlock = el(\"div\", {\n class: \"fs-select_list-block-6 is-dark \" + ROOMS_FAMILY.navClass\n });\n roomsNav = el(\"nav\", {\n \"data-filter-content\": ROOMS_FAMILY.tabKey,\n \"data-filter-type\": \"counter\",\n class: \"dropdown-list-filters \" + ROOMS_FAMILY.navClass + \" w-dropdown-list\"\n }, [ roomsBlock ]);\n roomsOuter = el(\"div\", {\n \"data-delay\": \"0\",\n \"data-hover\": \"false\",\n class: \"filter-dropdown w-dropdown\"\n }, [ roomsTab, roomsNav ]);\n var ordered = [ pillNodes[0], pillNodes[1], roomsOuter ].concat(pillNodes.slice(2));\n var resetBtn = el(\"a\", {\n id: \"clear-all\",\n href: \"#\",\n class: \"button black is-smaller w-button\",\n text: \"Effacer ma recherche\"\n });\n afterRootNodes = [ el(\"div\", {\n class: \"spacer-medium\"\n }), el(\"div\", {\n class: \"filters-wrappers\"\n }, ordered), el(\"div\", {\n class: \"spacer-40\"\n }), el(\"div\", {\n class: \"align-center text-align-center\"\n }, [ resetBtn ]) ];\n root._resetBtn = resetBtn;\n }\n root._refs = {\n variant: variant,\n destInput: destInput,\n destOuter: destOuter,\n destToggle: destToggle,\n destNav: destNav,\n destResults: destResults,\n destClearBtn: destClearBtn,\n datesInput: datesInput,\n datesOuter: datesOuter,\n datesToggle: datesToggle,\n datesClearBtn: datesClearBtn,\n travDisplay: travDisplay,\n travOuter: travOuter,\n travToggle: travToggle,\n travNav: travNav,\n travBlock: travBlock,\n travClearBtn: travClearBtn,\n submitBtn: submitBtn,\n pillDropdowns: pillDropdowns,\n pillTabs: pillTabs,\n pillOuters: pillOuters,\n roomsTab: roomsTab,\n roomsNav: roomsNav,\n roomsBlock: roomsBlock,\n roomsOuter: roomsOuter\n };\n container.innerHTML = \"\";\n container.appendChild(root);\n afterRootNodes.forEach(function(n) {\n container.appendChild(n);\n });\n return root;\n }\n var TRAVELER_ROWS = [ {\n key: \"adult\",\n label: \"Adultes\",\n help: \"13 ans et plus\",\n dataValue: \"adultes\"\n }, {\n key: \"children\",\n label: \"Enfants\",\n help: \"De 2 à 12 ans\",\n dataValue: \"enfants\"\n }, {\n key: \"baby\",\n label: \"Bébés\",\n help: \"-de 2 ans\",\n dataValue: \"bebes\"\n }, {\n key: \"pet\",\n label: \"Animaux\",\n help: \"Chiens et chats\",\n dataValue: \"animaux\"\n } ];\n function renderTravelerDropdown(block, state, onChange, isHero) {\n block.innerHTML = \"\";\n var inputCls = isHero ? \"input\" : \"input text-color-alternate dark-tablet\";\n var counterCls = isHero ? \"input-counter-actions\" : \"input-counter-actions border-is-light dark-tablet\";\n var smallCls = isHero ? \"text-size-small text-color-primary\" : \"text-size-small text-color-alternate dark-tablet\";\n var tinyCls = isHero ? \"text-size-tiny text-color-primary\" : \"text-size-tiny text-color-alternate dark-tablet\";\n TRAVELER_ROWS.forEach(function(row) {\n var input = el(\"input\", {\n class: inputCls,\n \"data-value\": row.dataValue,\n min: \"0\"\n });\n input.value = String(state[row.key] || 0);\n var minus = el(\"div\", {\n class: counterCls,\n \"fs-inputcounter-element\": \"decrement\"\n }, [ el(\"div\", {\n class: \"less-more\",\n text: \"-\"\n }) ]);\n var plus = el(\"div\", {\n class: counterCls,\n \"fs-inputcounter-element\": \"increment\"\n }, [ el(\"div\", {\n class: \"less-more\",\n text: \"+\"\n }) ]);\n minus.addEventListener(\"click\", function() {\n state[row.key] = Math.max(0, (state[row.key] || 0) - 1);\n input.value = String(state[row.key]);\n onChange();\n });\n plus.addEventListener(\"click\", function() {\n state[row.key] = (state[row.key] || 0) + 1;\n input.value = String(state[row.key]);\n onChange();\n });\n block.appendChild(el(\"div\", {\n class: \"voyageurs-wrapper\"\n }, [ el(\"div\", {\n class: \"w-layout-vflex\"\n }, [ el(\"div\", {\n class: smallCls,\n text: row.label\n }), el(\"div\", {\n class: tinyCls,\n text: row.help\n }) ]), el(\"div\", {\n class: \"input-counter_wrapper\"\n }, [ minus, input, plus ]) ]));\n });\n }\n function travelerSummary(state) {\n var total = humanTravelerCount(state);\n if (!total) return \"Ajouter ...\";\n var parts = [ total + \" voyageur\" + (total > 1 ? \"s\" : \"\") ];\n if (state.baby) parts.push(state.baby + \" bébé\" + (state.baby > 1 ? \"s\" : \"\"));\n if (state.pet) parts.push(state.pet + \" animal\" + (state.pet > 1 ? \"aux\" : \"\"));\n return parts.join(\", \");\n }\n function createDatePicker(theme, accent, cbs) {\n var pal = dpPalette(theme, accent);\n var now = new Date;\n now.setHours(0, 0, 0, 0);\n var todayTs = now.getTime();\n var baseY = now.getFullYear(), baseM = now.getMonth();\n var offset = 0;\n var mobMonths = 4;\n function buildDow(color) {\n var row = el(\"div\", {\n class: \"dp-dow-row\"\n });\n DAYS_FR.forEach(function(d) {\n var c = el(\"div\", {\n class: \"dp-dow\",\n text: d\n });\n c.style.setProperty(\"color\", color, \"important\");\n row.appendChild(c);\n });\n return row;\n }\n function buildMonth(y, m) {\n var state = cbs.getState();\n var checkin = parseDate(state.start_date), checkout = parseDate(state.end_date);\n var startTs = checkin ? checkin.getTime() : null;\n var endTs = checkout ? checkout.getTime() : null;\n var dow = (new Date(y, m, 1).getDay() + 6) % 7;\n var days = new Date(y, m + 1, 0).getDate();\n var cells = [];\n for (var i = 0; i < dow; i++) cells.push({\n blank: true\n });\n for (var d = 1; d <= days; d++) {\n var ts = new Date(y, m, d).getTime();\n cells.push({\n blank: false,\n day: d,\n ts: ts,\n isStart: !!startTs && ts === startTs,\n isEnd: !!endTs && ts === endTs,\n inRange: !!startTs && !!endTs && ts > startTs && ts < endTs,\n faded: ts < todayTs,\n hasEnd: !!endTs\n });\n }\n return {\n title: MONTHS_FR_LOWER[m] + \" \" + y,\n cells: cells\n };\n }\n function renderCells(cells, container, palOverride) {\n var p = palOverride || pal;\n container.innerHTML = \"\";\n cells.forEach(function(c) {\n if (c.blank) {\n var blank = el(\"div\");\n blank.style.cssText = \"height:44px;visibility:hidden;\";\n container.appendChild(blank);\n return;\n }\n var band = el(\"div\", {\n class: \"dp-band\"\n });\n if (c.isStart && c.hasEnd && !c.isEnd) band.style.background = \"linear-gradient(90deg,transparent 50%,\" + p.band + \" 50%)\"; else if (c.isEnd && c.hasEnd) band.style.background = \"linear-gradient(90deg,\" + p.band + \" 50%,transparent 50%)\"; else if (c.inRange) band.style.background = p.band;\n var btn = el(\"button\", {\n type: \"button\",\n class: \"dp-day\",\n text: String(c.day)\n });\n if (c.faded) {\n btn.style.setProperty(\"color\", p.faded, \"important\");\n btn.disabled = true;\n } else if (c.isStart || c.isEnd) {\n btn.setAttribute(\"style\", \"background:\" + p.selBg + \"!important;color:\" + p.selText + \"!important;font-weight:600!important;\");\n } else {\n btn.style.setProperty(\"color\", p.calText, \"important\");\n btn.addEventListener(\"mouseenter\", function() {\n btn.style.background = p.hover;\n });\n btn.addEventListener(\"mouseleave\", function() {\n btn.style.background = \"transparent\";\n });\n btn.addEventListener(\"click\", function() {\n cbs.onPick(c.ts);\n });\n }\n band.appendChild(btn);\n container.appendChild(band);\n });\n }\n var popover = el(\"div\", {\n class: \"dp-popover\"\n });\n popover.style.cssText = \"background:\" + pal.popBg + \";box-shadow:0 30px 70px \" + pal.popShadow + \";\";\n var monthsRow = el(\"div\", {\n class: \"dp-months\"\n });\n var monthEls = [];\n for (var k = 0; k < 2; k++) {\n var mEl = el(\"div\", {\n class: \"dp-month\"\n });\n var hdr = el(\"div\", {\n class: \"dp-mhdr\"\n });\n var prevNav = el(\"div\", {\n class: \"dp-mnav prev\"\n });\n var nextNav = el(\"div\", {\n class: \"dp-mnav next\"\n });\n var titleEl = el(\"div\", {\n class: \"dp-mtitle\"\n });\n titleEl.style.cssText = \"color:\" + pal.calText + \";font-family:Inter,sans-serif;font-size:15px;font-weight:300;font-style:normal;text-transform:uppercase;letter-spacing:0px;\";\n if (k === 0) {\n var prevBtn = el(\"button\", {\n type: \"button\",\n class: \"dp-mnav-btn\",\n text: \"‹\"\n });\n prevBtn.style.color = pal.navColor;\n prevBtn.addEventListener(\"click\", function(e) {\n e.stopPropagation();\n offset--;\n renderDesk();\n });\n prevNav.appendChild(prevBtn);\n }\n if (k === 1) {\n var nextBtn = el(\"button\", {\n type: \"button\",\n class: \"dp-mnav-btn\",\n text: \"›\"\n });\n nextBtn.style.color = pal.navColor;\n nextBtn.addEventListener(\"click\", function(e) {\n e.stopPropagation();\n offset++;\n renderDesk();\n });\n nextNav.appendChild(nextBtn);\n }\n hdr.appendChild(prevNav);\n hdr.appendChild(titleEl);\n hdr.appendChild(nextNav);\n var dowRow = buildDow(pal.calMuted);\n var cellsEl = el(\"div\", {\n class: \"dp-cells\"\n });\n mEl.appendChild(hdr);\n mEl.appendChild(dowRow);\n mEl.appendChild(cellsEl);\n monthEls.push({\n title: titleEl,\n cells: cellsEl\n });\n monthsRow.appendChild(mEl);\n }\n popover.appendChild(monthsRow);\n popover.addEventListener(\"click\", function(e) {\n e.stopPropagation();\n });\n document.body.appendChild(popover);\n function renderDesk() {\n monthEls.forEach(function(mo, i) {\n var ym = dpShiftMonths(baseY, baseM, offset + i);\n var month = buildMonth(ym[0], ym[1]);\n mo.title.textContent = month.title;\n renderCells(month.cells, mo.cells);\n });\n }\n function position(trigger) {\n var rect = trigger.getBoundingClientRect();\n popover.style.top = rect.bottom + window.scrollY + 12 + \"px\";\n popover.style.left = rect.left + window.scrollX + rect.width / 2 + \"px\";\n }\n function openDesk(trigger) {\n position(trigger);\n popover.classList.add(\"is-open\");\n renderDesk();\n }\n function closeDesk() {\n popover.classList.remove(\"is-open\");\n }\n function isOpenDesk() {\n return popover.classList.contains(\"is-open\");\n }\n var mobPal = dpPalette(\"light\", accent);\n var mob = el(\"div\", {\n class: \"dp-mob\"\n });\n mob.style.setProperty(\"background\", mobPal.popBg, \"important\");\n var closeBtn = el(\"button\", {\n type: \"button\",\n html: DP_CLOSE_SVG\n });\n closeBtn.style.cssText = \"position:absolute!important;top:1.5rem!important;left:1.5rem!important;background:transparent!important;border:none!important;padding:8px!important;cursor:pointer!important;z-index:1!important;line-height:0!important;\";\n closeBtn.addEventListener(\"click\", function() {\n closeMobile();\n if (cbs.onClose) cbs.onClose();\n });\n mob.appendChild(closeBtn);\n var mobHdr = el(\"div\", {\n class: \"dp-mob-hdr\"\n });\n mobHdr.style.cssText = \"display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 20px 20px;flex:none;\";\n var mobTitle = el(\"div\", {\n class: \"dp-mob-title\",\n text: \"Dates\"\n });\n mobTitle.style.cssText = \"font-family:Inter,sans-serif!important;font-size:24px!important;font-weight:600!important;font-style:normal!important;text-transform:uppercase!important;color:\" + mobPal.calText + \"!important;text-align:center!important;\";\n var mobDLabel = el(\"div\", {\n class: \"dp-mob-dlabel\"\n });\n mobDLabel.style.cssText = \"margin-top:8px;color:#363535!important;font-size:14px!important;font-family:Inter,sans-serif!important;text-align:center!important;\";\n mobHdr.appendChild(mobTitle);\n mobHdr.appendChild(mobDLabel);\n mob.appendChild(mobHdr);\n var mobDow = buildDow(mobPal.calMuted);\n mobDow.style.cssText = (mobDow.style.cssText || \"\") + \"flex:none;border-top:1px solid rgba(54,53,53,0.15);border-bottom:1px solid rgba(54,53,53,0.15);padding:10px 20px;\";\n mob.appendChild(mobDow);\n var mobScroll = el(\"div\", {\n class: \"dp-mob-scroll\"\n });\n mob.appendChild(mobScroll);\n var mobFoot = el(\"div\", {\n class: \"dp-mob-foot\"\n });\n var actions = el(\"div\", {\n class: \"dp-mob-actions\"\n });\n var resetBtn = el(\"button\", {\n type: \"button\",\n class: \"dp-mob-reset\",\n text: \"Effacer\"\n });\n resetBtn.style.cssText = \"border:none!important;background:transparent!important;cursor:pointer;font-size:13px!important;font-weight:400!important;font-family:Inter,sans-serif!important;color:\" + mobPal.calText + \"!important;padding:0!important;text-decoration:none!important;\";\n resetBtn.addEventListener(\"click\", function() {\n cbs.onReset();\n renderMob();\n });\n var searchBtn = el(\"button\", {\n type: \"button\",\n class: \"dp-mob-search\",\n text: \"Valider\"\n });\n searchBtn.style.cssText = \"background:\" + accent + \"!important;color:#f7f5ee!important;border:none!important;\";\n searchBtn.addEventListener(\"click\", function() {\n closeMobile();\n if (cbs.onClose) cbs.onClose();\n });\n actions.appendChild(resetBtn);\n actions.appendChild(searchBtn);\n mobFoot.appendChild(actions);\n mob.appendChild(mobFoot);\n document.body.appendChild(mob);\n function renderMob() {\n mobDLabel.textContent = datesSummary(cbs.getState());\n mobScroll.innerHTML = \"\";\n for (var kk = 0; kk < mobMonths; kk++) {\n var ym2 = dpShiftMonths(baseY, baseM, kk);\n var month2 = buildMonth(ym2[0], ym2[1]);\n var wrap = el(\"div\", {\n class: \"dp-mob-month\"\n });\n var t2 = el(\"div\", {\n class: \"dp-mob-mtitle\",\n text: month2.title\n });\n t2.style.cssText = \"color:\" + mobPal.calText + \"!important;font-family:Inter,sans-serif!important;font-size:11px!important;font-weight:300!important;font-style:normal!important;text-transform:uppercase!important;letter-spacing:1.5px!important;text-align:center!important;width:100%!important;\";\n wrap.appendChild(t2);\n var cellsWrap = el(\"div\", {\n class: \"dp-cells\"\n });\n renderCells(month2.cells, cellsWrap, mobPal);\n wrap.appendChild(cellsWrap);\n mobScroll.appendChild(wrap);\n }\n var loadBtn = el(\"button\", {\n type: \"button\",\n class: \"dp-mob-load-more\",\n text: \"Afficher plus de dates\"\n });\n loadBtn.style.setProperty(\"color\", mobPal.calText, \"important\");\n loadBtn.style.setProperty(\"background\", \"transparent\", \"important\");\n loadBtn.addEventListener(\"click\", function() {\n mobMonths += 3;\n renderMob();\n });\n mobScroll.appendChild(loadBtn);\n }\n function openMobile() {\n mob.classList.add(\"is-open\");\n lockBodyScroll();\n renderMob();\n }\n function closeMobile() {\n if (!mob.classList.contains(\"is-open\")) return;\n mob.classList.remove(\"is-open\");\n unlockBodyScroll();\n }\n function isOpenMobile() {\n return mob.classList.contains(\"is-open\");\n }\n return {\n popover: popover,\n mob: mob,\n openDesk: openDesk,\n closeDesk: closeDesk,\n isOpenDesk: isOpenDesk,\n openMobile: openMobile,\n closeMobile: closeMobile,\n isOpenMobile: isOpenMobile,\n renderDesk: renderDesk,\n renderMob: renderMob\n };\n }\n function datesSummary(state) {\n var checkin = parseDate(state.start_date), checkout = parseDate(state.end_date);\n if (!checkin) return \"Sélectionnez vos dates\";\n var short = window.innerWidth > 991;\n var s = fmtDateHuman(checkin, short);\n s += checkout ? \" – \" + fmtDateHuman(checkout, short) : \" – Départ\";\n return s;\n }\n function buildMobPanelShell(titleText) {\n var panel = el(\"div\", {\n class: \"th-mob-panel th-mob-panel--\" + slugify(titleText)\n });\n var closeBtn = el(\"button\", {\n type: \"button\",\n class: \"th-mob-close\",\n html: DP_CLOSE_SVG\n });\n var hdr = el(\"div\", {\n class: \"th-mob-hdr\"\n }, [ el(\"div\", {\n class: \"th-mob-title\",\n text: titleText\n }) ]);\n var scroll = el(\"div\", {\n class: \"th-mob-scroll\"\n });\n var resetBtn = el(\"button\", {\n type: \"button\",\n class: \"th-mob-reset\",\n text: \"Effacer\"\n });\n var validateBtn = el(\"button\", {\n type: \"button\",\n class: \"th-mob-validate\",\n text: \"Valider\"\n });\n var actions = el(\"div\", {\n class: \"th-mob-actions\"\n }, [ resetBtn, validateBtn ]);\n var foot = el(\"div\", {\n class: \"th-mob-foot\"\n }, [ actions ]);\n panel.appendChild(closeBtn);\n panel.appendChild(hdr);\n panel.appendChild(scroll);\n panel.appendChild(foot);\n document.body.appendChild(panel);\n function open() {\n panel.classList.add(\"is-open\");\n lockBodyScroll();\n }\n function close() {\n if (!panel.classList.contains(\"is-open\")) return;\n panel.classList.remove(\"is-open\");\n unlockBodyScroll();\n }\n function isOpen() {\n return panel.classList.contains(\"is-open\");\n }\n return {\n panel: panel,\n scroll: scroll,\n closeBtn: closeBtn,\n resetBtn: resetBtn,\n validateBtn: validateBtn,\n open: open,\n close: close,\n isOpen: isOpen\n };\n }\n function domHome(node) {\n return {\n parent: node.parentNode,\n next: node.nextSibling\n };\n }\n function restoreHome(node, home) {\n if (home.next && home.next.parentNode === home.parent) home.parent.insertBefore(node, home.next); else home.parent.appendChild(node);\n }\n var DEST_GROUP_TITLES = {\n biens: \"--- Biens The Host ---\",\n villes: \"--- Villes ---\",\n regions: \"--- Régions ---\",\n pays: \"--- Pays ---\"\n };\n var DEST_GROUP_ORDER = [ \"biens\", \"villes\", \"regions\", \"pays\" ];\n var DEST_GROUP_TO_TYPE = {\n biens: \"bien\",\n villes: \"ville\",\n regions: \"region\",\n pays: \"pays\"\n };\n function renderDestinationDropdown(refs, groups, onSelect) {\n var dropdown = refs.destResults;\n dropdown.innerHTML = \"\";\n var hasAny = DEST_GROUP_ORDER.some(function(g) {\n return groups[g] && groups[g].length;\n });\n if (!dpShouldOpenMobile()) {\n if (!hasAny) {\n wClose([ refs.destOuter, refs.destToggle, refs.destNav ]);\n return;\n }\n wOpen([ refs.destOuter, refs.destToggle, refs.destNav ]);\n } else if (!hasAny) {\n return;\n }\n DEST_GROUP_ORDER.forEach(function(groupKey) {\n var items = groups[groupKey];\n if (!items || !items.length) return;\n dropdown.appendChild(el(\"div\", {\n class: \"th-sb-dest-group-title\",\n text: DEST_GROUP_TITLES[groupKey]\n }));\n items.forEach(function(entry) {\n var item = el(\"div\", {\n class: \"th-sb-dest-item\",\n text: entry.label\n });\n var type = DEST_GROUP_TO_TYPE[groupKey];\n item.addEventListener(\"click\", function() {\n onSelect(entry, type);\n });\n dropdown.appendChild(item);\n });\n });\n }\n function renderPillDropdown(nav, family, options, state, onChange) {\n nav.innerHTML = \"\";\n var listClass = \"filters-result-list\" + (family.singleColumn ? \" is-result\" : \"\") + \" w-dyn-items\";\n var list = el(\"div\", {\n \"data-filtre\": family.filtreAttr,\n role: \"list\",\n class: listClass\n });\n if (!options.length) {\n list.appendChild(el(\"div\", {\n class: \"padding-left-5px_tablet w-dyn-item\",\n text: \"Aucune option trouvée sur cette page\"\n }));\n } else {\n options.forEach(function(label) {\n var value = slugify(label);\n var checked = state[family.key].indexOf(value) !== -1;\n var checkbox = el(\"input\", {\n type: \"checkbox\",\n style: \"opacity:0;position:absolute;z-index:-1\"\n });\n checkbox.checked = checked;\n var indicator = el(\"div\", {\n class: \"w-checkbox-input w-checkbox-input--inputType-custom checkbox is-light\"\n });\n indicator.classList.toggle(\"w--redirected-checked\", checked);\n checkbox.addEventListener(\"change\", function() {\n var arr = state[family.key];\n var idx = arr.indexOf(value);\n if (checkbox.checked && idx === -1) arr.push(value);\n if (!checkbox.checked && idx !== -1) arr.splice(idx, 1);\n indicator.classList.toggle(\"w--redirected-checked\", checkbox.checked);\n onChange();\n });\n var item = el(\"div\", {\n role: \"listitem\",\n class: \"padding-left-5px_tablet w-dyn-item\"\n }, [ el(\"label\", {\n class: \"w-checkbox\"\n }, [ indicator, checkbox, el(\"span\", {\n class: \"text-size-small w-form-label\",\n text: label\n }) ]) ]);\n list.appendChild(item);\n });\n }\n nav.appendChild(el(\"div\", {\n class: \"w-dyn-list\"\n }, [ list ]));\n }\n function renderRoomsBedsDropdown(block, state, onChange) {\n block.innerHTML = \"\";\n [ [ \"room\", \"Chambres\" ], [ \"bed\", \"Lits\" ] ].forEach(function(pair) {\n var key = pair[0], label = pair[1];\n var input = el(\"input\", {\n class: \"input text-color-alternate\",\n min: \"0\"\n });\n input.value = String(state[key] || 0);\n var minus = el(\"div\", {\n class: \"input-counter-actions border-is-light\",\n \"fs-inputcounter-element\": \"decrement\"\n }, [ el(\"div\", {\n class: \"less-more\",\n text: \"-\"\n }) ]);\n var plus = el(\"div\", {\n class: \"input-counter-actions border-is-light\",\n \"fs-inputcounter-element\": \"increment\"\n }, [ el(\"div\", {\n class: \"less-more\",\n text: \"+\"\n }) ]);\n minus.addEventListener(\"click\", function() {\n state[key] = Math.max(0, (state[key] || 0) - 1);\n input.value = String(state[key]);\n onChange();\n });\n plus.addEventListener(\"click\", function() {\n state[key] = (state[key] || 0) + 1;",[140],"d10b6d9b-6ab2-4a01-a8fb-61cdd92f9f13","searchbar_part1.ts","ce42deaa-a6cb-11f1-a7a8-1607ee4eb77e",44,["D",1788449621582],"(function() {\n \"use strict\";\n var CONFIG = {\n availabilityEndpoint: \"https://ics-avaibility-thehost-prod.little-pine-633b.workers.dev/api/availability\",\n cardSelector: \".item-mapbox\",\n catalogPagePath: \"/nos-adresses\",\n mapboxToken: \"pk.eyJ1IjoidGhlaG9zdCIsImEiOiJjbWEybmh6aWYwYXY3MnFyM2h3ZXhydWp4In0.pkEiJs8EOR9t1ZFCzfWAtQ\",\n mapboxGeocodingUrl: \"https://api.mapbox.com/geocoding/v5/mapbox.places/\",\n mapboxParams: {\n language: \"fr\",\n limit: 30,\n types: \"place,region,district,country\",\n fuzzyMatch: \"true\"\n },\n destMinChars: 3,\n destDebounceMs: 300,\n customRegions: [ {\n label: \"Patagonie\",\n bbox: null\n }, {\n label: \"Amazonie\",\n bbox: null\n }, {\n label: \"Sahara\",\n bbox: null\n } ],\n idAttr: \"url\",\n attrs: {\n price: \"custom-data-price\",\n lits: \"custom-data-lits\",\n url: \"custom-data-url\",\n min: \"custom-data-min\",\n max: \"custom-data-max\",\n pays: \"custom-data-pays\",\n city: \"custom-data-city\",\n name: \"custom-data-name\",\n mapId: \"custom-data-map-id\",\n chambres: \"custom-data-chambres\",\n lat: \"custom-data-lat\",\n region: \"custom-data-region\",\n lng: \"custom-data-lng\"\n },\n filterFieldAliases: {\n evenements: [ \"event\", \"evenement\", \"evenements\" ],\n type: [ \"type\" ],\n equipements: [ \"equipements\" ],\n services: [ \"services\" ],\n environnement: [ \"environnement\" ],\n plus: [ \"plus\" ]\n }\n };\n var FEATURES = {\n filterByPet: false\n };\n var FILTER_FAMILIES = [ {\n key: \"evenements\",\n urlParam: \"evenements\",\n label: \"ÉVÉNEMENTS\",\n mode: \"OR\",\n tabKey: \"evenements\",\n navClass: \"is-type\",\n filtreAttr: \"event\"\n }, {\n key: \"type\",\n urlParam: \"type\",\n label: \"Type de logement\",\n mode: \"OR\",\n tabKey: \"logement\",\n navClass: \"is-type\",\n filtreAttr: \"type\"\n }, {\n key: \"equipements\",\n urlParam: \"equipements\",\n label: \"ÉQUIPEMENTS\",\n mode: \"AND\",\n tabKey: \"equipement\",\n navClass: \"is-equipement\",\n filtreAttr: \"equipements\"\n }, {\n key: \"services\",\n urlParam: \"services\",\n label: \"SERVICES\",\n mode: \"AND\",\n tabKey: \"services\",\n navClass: \"is-services\",\n filtreAttr: \"services\"\n }, {\n key: \"environnement\",\n urlParam: \"environnement\",\n label: \"ENVIRONNEMENT\",\n mode: \"OR\",\n tabKey: \"environnement\",\n navClass: \"is-environnement\",\n filtreAttr: \"environnement\"\n }, {\n key: \"plus\",\n urlParam: \"plus\",\n label: \"LES PLUS\",\n mode: \"OR\",\n tabKey: \"plus\",\n navClass: \"is-plus\",\n filtreAttr: \"plus\",\n singleColumn: true\n } ];\n var FAMILY_FIXED_ORDER = {\n evenements: [ \"sejour\", \"shooting-seminaire\", \"retraite-bien-etre\", \"mariage\" ]\n };\n function sortFamilyOptions(familyKey, labels) {\n var fixed = FAMILY_FIXED_ORDER[familyKey];\n if (!fixed) return labels.slice().sort(function(a, b) {\n return a.localeCompare(b, \"fr\");\n });\n var rank = {};\n fixed.forEach(function(slug, i) {\n rank[slug] = i;\n });\n return labels.slice().sort(function(a, b) {\n var ra = rank.hasOwnProperty(slugify(a)) ? rank[slugify(a)] : fixed.length;\n var rb = rank.hasOwnProperty(slugify(b)) ? rank[slugify(b)] : fixed.length;\n if (ra !== rb) return ra - rb;\n return a.localeCompare(b, \"fr\");\n });\n }\n var ROOMS_FAMILY = {\n tabKey: \"chambres\",\n navClass: \"is-chambres\",\n label: \"CHAMBRES ET LITS\"\n };\n function normalize(str) {\n return String(str || \"\").normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\").toLowerCase().trim();\n }\n function slugify(str) {\n return normalize(str).replace(/[^a-z0-9]+/g, \"-\").replace(/^-+|-+$/g, \"\");\n }\n function toNumber(v, fallback) {\n var n = parseFloat(v);\n return isNaN(n) ? fallback === undefined ? 0 : fallback : n;\n }\n function csvToArray(v) {\n if (!v) return [];\n return String(v).split(\",\").map(function(s) {\n return s.trim();\n }).filter(Boolean);\n }\n function debounce(fn, delay) {\n var t;\n return function() {\n var args = arguments, ctx = this;\n clearTimeout(t);\n t = setTimeout(function() {\n fn.apply(ctx, args);\n }, delay);\n };\n }\n function el(tag, attrs, children) {\n var node = document.createElement(tag);\n attrs = attrs || {};\n Object.keys(attrs).forEach(function(k) {\n if (k === \"class\") node.className = attrs[k]; else if (k === \"html\") node.innerHTML = attrs[k]; else if (k === \"text\") node.textContent = attrs[k]; else node.setAttribute(k, attrs[k]);\n });\n (children || []).forEach(function(c) {\n if (c) node.appendChild(c);\n });\n return node;\n }\n function pad2(n) {\n return (n < 10 ? \"0\" : \"\") + n;\n }\n function fmtDate(d) {\n return d.getFullYear() + \"-\" + pad2(d.getMonth() + 1) + \"-\" + pad2(d.getDate());\n }\n function parseDate(s) {\n if (!s) return null;\n var parts = s.split(\"-\");\n if (parts.length !== 3) return null;\n var d = new Date(parseInt(parts[0], 10), parseInt(parts[1], 10) - 1, parseInt(parts[2], 10));\n return isNaN(d.getTime()) ? null : d;\n }\n var DAYS_FR = [ \"L\", \"M\", \"M\", \"J\", \"V\", \"S\", \"D\" ];\n var MONTHS_FR_LOWER = [ \"janvier\", \"février\", \"mars\", \"avril\", \"mai\", \"juin\", \"juillet\", \"août\", \"septembre\", \"octobre\", \"novembre\", \"décembre\" ];\n var MONTHS_FR_SHORT = [ \"janv.\", \"févr.\", \"mars\", \"avr.\", \"mai\", \"juin\", \"juil.\", \"août\", \"sept.\", \"oct.\", \"nov.\", \"déc.\" ];\n function fmtDateHuman(d, short) {\n var month = short ? MONTHS_FR_SHORT[d.getMonth()] : MONTHS_FR_LOWER[d.getMonth()];\n return d.getDate() + \" \" + month + \" \" + d.getFullYear();\n }\n function dpShiftMonths(y, m, delta) {\n var d = new Date(y, m + delta, 1);\n return [ d.getFullYear(), d.getMonth() ];\n }\n function dpPalette(theme, accent) {\n if (theme === \"dark\") {\n return {\n popBg: \"#363535\",\n popShadow: \"rgba(0,0,0,0.30)\",\n calText: \"#f3efe5\",\n calMuted: \"rgba(243,239,229,0.5)\",\n selBg: \"#f3efe5\",\n selText: \"#363535\",\n band: \"rgba(243,239,229,0.25)\",\n faded: \"rgba(243,239,229,0.32)\",\n hover: \"rgba(243,239,229,0.12)\",\n navColor: \"#f3efe5\"\n };\n }\n return {\n popBg: \"#f7f3e6\",\n popShadow: \"rgba(0,0,0,0.18)\",\n calText: \"#363535\",\n calMuted: \"rgba(54,53,53,0.45)\",\n selBg: accent,\n selText: \"#f7f5ee\",\n band: \"rgba(0,0,0,0.20)\",\n faded: \"rgba(54,53,53,0.28)\",\n hover: \"rgba(54,53,53,0.08)\",\n navColor: \"#363535\"\n };\n }\n var DP_BREAK = 991;\n function dpIsMob() {\n return window.innerWidth <= DP_BREAK;\n }\n function dpShouldOpenMobile() {\n return window.innerWidth < 768;\n }\n var DP_CLOSE_SVG = '';\n var URL_KEYS = [ \"adult\", \"children\", \"baby\", \"pet\", \"total_traveler\", \"room\", \"bed\", \"type\", \"equipements\", \"environnement\", \"services\", \"plus\", \"evenements\", \"start_date\", \"end_date\", \"bien\", \"ville\", \"region\", \"pays\", \"lat\", \"lon\", \"zoom\" ];\n function defaultState() {\n return {\n adult: 0,\n children: 0,\n baby: 0,\n pet: 0,\n total_traveler: 0,\n room: 0,\n bed: 0,\n type: [],\n equipements: [],\n environnement: [],\n services: [],\n plus: [],\n evenements: [],\n start_date: \"\",\n end_date: \"\",\n bien: \"\",\n ville: \"\",\n region: \"\",\n pays: \"\",\n lat: \"\",\n lon: \"\",\n zoom: \"\",\n _mapBounds: null\n };\n }\n function humanTravelerCount(state) {\n return (state.adult || 0) + (state.children || 0);\n }\n function readStateFromURL() {\n var params = new URLSearchParams(window.location.search);\n var s = defaultState();\n [ \"adult\", \"children\", \"baby\", \"pet\", \"room\", \"bed\" ].forEach(function(k) {\n if (params.has(k)) s[k] = toNumber(params.get(k), 0);\n });\n s.total_traveler = humanTravelerCount(s);\n FILTER_FAMILIES.forEach(function(f) {\n if (params.has(f.urlParam)) s[f.key] = csvToArray(params.get(f.urlParam));\n });\n [ \"start_date\", \"end_date\", \"bien\", \"ville\", \"region\", \"pays\", \"lat\", \"lon\", \"zoom\" ].forEach(function(k) {\n if (params.has(k)) s[k] = params.get(k);\n });\n return s;\n }\n function stateToParams(state) {\n var params = new URLSearchParams;\n if (state.adult) params.set(\"adult\", state.adult);\n if (state.children) params.set(\"children\", state.children);\n if (state.baby) params.set(\"baby\", state.baby);\n if (state.pet) params.set(\"pet\", state.pet);\n var total = humanTravelerCount(state);\n if (total) params.set(\"total_traveler\", total);\n if (state.room) params.set(\"room\", state.room);\n if (state.bed) params.set(\"bed\", state.bed);\n FILTER_FAMILIES.forEach(function(f) {\n if (state[f.key] && state[f.key].length) params.set(f.urlParam, state[f.key].join(\",\"));\n });\n if (state.start_date) params.set(\"start_date\", state.start_date);\n if (state.end_date) params.set(\"end_date\", state.end_date);\n if (state.bien) params.set(\"bien\", state.bien);\n if (state.ville) params.set(\"ville\", state.ville);\n if (state.region) params.set(\"region\", state.region);\n if (state.pays) params.set(\"pays\", state.pays);\n if (state.lat) params.set(\"lat\", state.lat);\n if (state.lon) params.set(\"lon\", state.lon);\n if (state.zoom) params.set(\"zoom\", state.zoom);\n return params;\n }\n function syncURLLive(state) {\n var params = stateToParams(state);\n var qsStr = params.toString();\n var newUrl = window.location.pathname + (qsStr ? \"?\" + qsStr : \"\");\n window.history.replaceState(null, \"\", newUrl);\n }\n var BIEN_LINK_KEPT_PARAMS = [ \"start_date\", \"end_date\", \"adult\", \"children\", \"baby\", \"pet\", \"total_traveler\" ];\n function enrichBienLinks(state) {\n var kept = new URLSearchParams;\n BIEN_LINK_KEPT_PARAMS.forEach(function(k) {\n if (state[k]) kept.set(k, state[k]);\n });\n var qsStr = kept.toString();\n document.querySelectorAll(\"[data-card-link]\").forEach(function(a) {\n var base = (a.getAttribute(\"href\") || \"\").split(\"?\")[0];\n if (!base) return;\n a.setAttribute(\"href\", qsStr ? base + \"?\" + qsStr : base);\n });\n }\n function collectFilterFieldValues(root, aliases) {\n var out = [];\n aliases.forEach(function(alias) {\n var nodes = root.querySelectorAll('[filter-field=\"' + alias + '\"]');\n for (var i = 0; i < nodes.length; i++) {\n var text = (nodes[i].textContent || \"\").trim();\n if (text) out.push(text);\n }\n });\n return out;\n }\n function readCard(node, registry) {\n var a = CONFIG.attrs;\n function get(name) {\n return node.getAttribute(a[name]) || \"\";\n }\n var card = {\n node: node,\n id: get(\"url\") || get(\"mapId\"),\n price: toNumber(get(\"price\")),\n lits: toNumber(get(\"lits\")),\n url: get(\"url\"),\n min: toNumber(get(\"min\")),\n max: toNumber(get(\"max\")),\n pays: get(\"pays\"),\n city: get(\"city\"),\n name: get(\"name\"),\n mapId: get(\"mapId\"),\n chambres: toNumber(get(\"chambres\")),\n lat: get(\"lat\"),\n region: get(\"region\"),\n lng: get(\"lng\"),\n entire: !!node.querySelector(\"[data-entire-flag]\")\n };\n FILTER_FAMILIES.forEach(function(f) {\n var aliases = CONFIG.filterFieldAliases[f.key] || [ f.key ];\n var labels = collectFilterFieldValues(node, aliases);\n var slugs = [];\n labels.forEach(function(label) {\n var slug = slugify(label);\n if (slugs.indexOf(slug) === -1) slugs.push(slug);\n if (registry) {\n if (!registry[f.key]) registry[f.key] = {};\n registry[f.key][slug] = label;\n }\n });\n card[f.key] = slugs;\n });\n return card;\n }\n function buildLocalCardIndex(registry) {\n return Array.prototype.map.call(document.querySelectorAll(CONFIG.cardSelector), function(node) {\n return readCard(node, registry);\n });\n }\n var _remoteIndexPromise = null;\n function getRemoteCardIndex(registry) {\n if (_remoteIndexPromise) return _remoteIndexPromise;\n try {\n _remoteIndexPromise = fetch(CONFIG.catalogPagePath, {\n credentials: \"same-origin\"\n }).then(function(res) {\n return res.text();\n }).then(function(html) {\n var doc = (new DOMParser).parseFromString(html, \"text/html\");\n return Array.prototype.map.call(doc.querySelectorAll(CONFIG.cardSelector), function(node) {\n return readCard(node, registry);\n });\n }).catch(function() {\n return [];\n });\n } catch (e) {\n _remoteIndexPromise = Promise.resolve([]);\n }\n return _remoteIndexPromise;\n }\n function getCardIndex(hasLocalCards, registry) {\n if (hasLocalCards) return Promise.resolve(buildLocalCardIndex(registry));\n return getRemoteCardIndex(registry);\n }\n function fetchAvailability(ids, checkin, checkout) {\n if (!ids.length || !checkin || !checkout) return Promise.resolve(null);\n return fetch(CONFIG.availabilityEndpoint, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\"\n },\n body: JSON.stringify({\n ids: ids,\n checkin: checkin,\n checkout: checkout\n })\n }).then(function(res) {\n return res.ok ? res.json() : null;\n }).catch(function() {\n return null;\n });\n }\n function isWithinBounds(card, bounds) {\n var lat = toNumber(card.lat, null), lng = toNumber(card.lng, null);\n if (lat === null || lng === null || isNaN(lat) || isNaN(lng)) return true;\n if (lat > bounds.north || lat < bounds.south) return false;\n if (bounds.east >= bounds.west) {\n return lng >= bounds.west && lng <= bounds.east;\n }\n return lng >= bounds.west || lng <= bounds.east;\n }\n function matchesFilters(card, state) {\n if (state.bien) {\n return card.url === state.bien || card.mapId === state.bien || slugify(card.name) === state.bien;\n }\n var travelerCount = humanTravelerCount(state);\n if (travelerCount > 0) {\n if (card.max && travelerCount > card.max) return false;\n if (card.min && travelerCount < card.min) return false;\n }\n if (state.room > 0 && card.chambres < state.room) return false;\n if (state.bed > 0 && card.lits < state.bed) return false;\n if (FEATURES.filterByPet && state.pet > 0 && !card.pet) return false;\n for (var i = 0; i < FILTER_FAMILIES.length; i++) {\n var f = FILTER_FAMILIES[i];\n var selected = state[f.key];\n if (!selected || !selected.length) continue;\n var values = card[f.key] || [];\n var ok = f.mode === \"AND\" ? selected.every(function(v) {\n return values.indexOf(v) !== -1;\n }) : selected.some(function(v) {\n return values.indexOf(v) !== -1;\n });\n if (!ok) return false;\n }\n if (state._mapBounds) {\n if (!isWithinBounds(card, state._mapBounds)) return false;\n } else if (state.ville || state.region || state.pays) {\n var rawLabel = state.ville || state.region || state.pays;\n var needle = normalize(String(rawLabel).split(\",\")[0]);\n var haystack = normalize([ card.pays, card.city, card.region, card.name ].join(\" \"));\n if (needle && haystack.indexOf(needle) === -1) return false;\n }\n return true;\n }\n function applyAttributeFilters(cards, state) {\n var visible = [];\n cards.forEach(function(card) {\n var match = matchesFilters(card, state);\n card.node.style.display = match ? \"\" : \"none\";\n card.node.classList.toggle(\"th-sb-hidden-by-filter\", !match);\n if (match) visible.push(card);\n });\n return visible;\n }\n function setEmptyStateVisible(visible) {\n var el = document.querySelector(\"[data-empty-state]\");\n if (!el) return;\n el.classList.toggle(\"th-empty-state-visible\", !!visible);\n }\n function setCardAvailability(node, isUnavailable) {\n node.dataset.unavailable = isUnavailable ? \"1\" : \"0\";\n node.classList.toggle(\"th-sb-unavailable\", isUnavailable);\n var badge = node.querySelector(\".not-available\");\n if (badge) badge.style.visibility = isUnavailable ? \"visible\" : \"hidden\";\n var overlay = node.querySelector('[available-state=\"overlay\"]') || node.querySelector(\".available-overlay\");\n if (overlay) {\n overlay.style.visibility = isUnavailable ? \"visible\" : \"hidden\";\n lockOverlayVisibleOnHover(node, overlay, isUnavailable);\n }\n }\n function lockOverlayVisibleOnHover(node, overlay, isUnavailable) {\n if (node._thOverlayEnter) {\n node.removeEventListener(\"mouseenter\", node._thOverlayEnter);\n node.removeEventListener(\"mousemove\", node._thOverlayEnter);\n node._thOverlayEnter = null;\n }\n if (!isUnavailable) return;\n var keepVisible = function() {\n overlay.style.setProperty(\"visibility\", \"visible\", \"important\");\n overlay.style.setProperty(\"opacity\", \"1\", \"important\");\n };\n node._thOverlayEnter = keepVisible;\n node.addEventListener(\"mouseenter\", keepVisible);\n node.addEventListener(\"mousemove\", keepVisible);\n }\n function applyAvailabilityOverlay(visible, byId) {\n visible.forEach(function(card) {\n var r = byId[card.id];\n var isUnavailable = false;\n if (r) {\n if (r.available === false) isUnavailable = true; else if (card.entire && r.global_ics_available === false) isUnavailable = true;\n }\n setCardAvailability(card.node, isUnavailable);\n });\n }\n function sortUnavailableLast(cards) {\n if (!cards.length) return;\n var list = cards[0].node.parentElement;\n if (!list) return;\n var sorted = cards.slice().sort(function(a, b) {\n var au = a.node.classList.contains(\"th-sb-unavailable\") ? 1 : 0;\n var bu = b.node.classList.contains(\"th-sb-unavailable\") ? 1 : 0;\n return au - bu;\n });\n sorted.forEach(function(c) {\n list.appendChild(c.node);\n });\n }\n function buildBienSuggestions(index, query) {\n var q = normalize(query);\n if (!q) return [];\n var biens = [];\n index.forEach(function(card) {\n if (card.name && normalize(card.name).indexOf(q) !== -1) {\n biens.push({\n label: card.name,\n card: card\n });\n }\n });\n return biens.slice(0, 6);\n }\n var ZOOM_BY_BUCKET = {\n villes: 7,\n regions: 6,\n pays: 3,\n biens: 12\n };\n function bucketForPlaceType(placeTypes) {\n if (!placeTypes) return null;\n if (placeTypes.indexOf(\"place\") !== -1) return \"villes\";\n if (placeTypes.indexOf(\"region\") !== -1 || placeTypes.indexOf(\"district\") !== -1) return \"regions\";\n if (placeTypes.indexOf(\"country\") !== -1) return \"pays\";\n if (placeTypes.indexOf(\"address\") !== -1 || placeTypes.indexOf(\"poi\") !== -1) return \"biens\";\n return null;\n }\n function matchCustomRegion(query) {\n var q = normalize(query);\n if (!q) return null;\n var hit = CONFIG.customRegions.filter(function(r) {\n var rl = normalize(r.label);\n return rl.indexOf(q) === 0 || q.indexOf(rl) === 0;\n })[0];\n return hit || null;\n }\n var _geoCache = {};\n var _geoAbortController = null;\n function fetchGeoSuggestions(query) {\n var q = String(query || \"\").trim();\n var custom = matchCustomRegion(q);\n function withCustomRegion(buckets) {\n if (custom) {\n var already = buckets.regions.some(function(r) {\n return normalize(r.label) === normalize(custom.label);\n });\n if (!already) {\n var cx = custom.bbox ? (custom.bbox[0] + custom.bbox[2]) / 2 : \"\";\n var cy = custom.bbox ? (custom.bbox[1] + custom.bbox[3]) / 2 : \"\";\n buckets.regions.unshift({\n label: custom.label,\n lat: cy,\n lon: cx,\n zoom: ZOOM_BY_BUCKET.regions,\n bbox: custom.bbox\n });\n }\n }\n return buckets;\n }\n var empty = {\n villes: [],\n regions: [],\n pays: []\n };\n if (q.length < CONFIG.destMinChars) return Promise.resolve(withCustomRegion(empty));\n if (!CONFIG.mapboxToken || CONFIG.mapboxToken.indexOf(\"PASTE_\") === 0) return Promise.resolve(withCustomRegion(empty));\n var cacheKey = normalize(q);\n if (_geoCache[cacheKey]) return _geoCache[cacheKey];\n if (_geoAbortController) {\n try {\n _geoAbortController.abort();\n } catch (e) {}\n }\n _geoAbortController = typeof AbortController !== \"undefined\" ? new AbortController : null;\n var params = {\n access_token: CONFIG.mapboxToken\n };\n Object.keys(CONFIG.mapboxParams).forEach(function(k) {\n params[k] = CONFIG.mapboxParams[k];\n });\n var qs = Object.keys(params).map(function(k) {\n return k + \"=\" + encodeURIComponent(params[k]);\n }).join(\"&\");\n var url = CONFIG.mapboxGeocodingUrl + encodeURIComponent(q) + \".json?\" + qs;\n var fetchOpts = _geoAbortController ? {\n signal: _geoAbortController.signal\n } : {};\n var promise;\n try {\n promise = fetch(url, fetchOpts).then(function(res) {\n return res.ok ? res.json() : null;\n }).then(function(data) {\n var buckets = {\n villes: [],\n regions: [],\n pays: []\n };\n if (data && data.features) {\n data.features.forEach(function(feat) {\n var bucket = bucketForPlaceType(feat.place_type);\n if (!bucket || bucket === \"biens\") return;\n var center = feat.center || [];\n buckets[bucket].push({\n label: feat.place_name || feat.text,\n lat: center[1],\n lon: center[0],\n zoom: ZOOM_BY_BUCKET[bucket],\n bbox: feat.bbox || null\n });\n });\n }\n if (normalize(q) === \"paris\") {\n var isParisFrance = function(label) {\n var n = normalize(label);\n return n.indexOf(\"paris\") === 0 && n.indexOf(\"france\") !== -1;\n };\n var idxVilles = -1;\n buckets.villes.some(function(v, i) {\n if (isParisFrance(v.label)) {\n idxVilles = i;\n return true;\n }\n return false;\n });\n if (idxVilles > 0) {\n var found = buckets.villes.splice(idxVilles, 1)[0];\n buckets.villes.unshift(found);\n } else if (idxVilles === -1) {\n var idxRegions = -1;\n buckets.regions.some(function(r, i) {\n if (isParisFrance(r.label)) {\n idxRegions = i;\n return true;\n }\n return false;\n });\n if (idxRegions !== -1) {\n var moved = buckets.regions.splice(idxRegions, 1)[0];\n moved.zoom = ZOOM_BY_BUCKET.villes;\n buckets.villes.unshift(moved);\n }\n }\n }\n return withCustomRegion(buckets);\n }).catch(function() {\n return withCustomRegion({\n villes: [],\n regions: [],\n pays: []\n });\n });\n } catch (e) {\n promise = Promise.resolve(withCustomRegion({\n villes: [],\n regions: [],\n pays: []\n }));\n }\n _geoCache[cacheKey] = promise;\n return promise;\n }\n var _uid = 0;\n var _instances = [];\n var CROSS_ICON_HTML = '';\n function crossIcon(clearAttr, isHero) {\n return el(\"div\", {\n class: \"cross-container\" + (isHero ? \" text-color-alternate\" : \"\"),\n \"cross-clear\": clearAttr\n }, [ el(\"div\", {\n class: \"icon-embed-xxsmall-3 w-embed\",\n html: CROSS_ICON_HTML\n }) ]);\n }\n var GEOLOC_ICON_HTML = '';\n function geolocBtn(isHero) {\n var a = el(\"a\", {\n \"aria-label\": \"Me géolocaliser\",\n \"data-geoloc-btn\": \"\",\n href: \"#\",\n class: \"icon-localisation\" + (isHero ? \"\" : \" text-color-primary\") + \" w-inline-block\"\n }, [ el(\"div\", {\n class: \"icon-embed-xxsmall w-embed\",\n html: GEOLOC_ICON_HTML\n }) ]);\n a.addEventListener(\"click\", function(e) {\n e.preventDefault();\n });\n return a;\n }\n function wOpen(nodes) {\n nodes.forEach(function(n) {\n if (n) n.classList.add(\"w--open\");\n });\n }\n function wClose(nodes) {\n nodes.forEach(function(n) {\n if (n) n.classList.remove(\"w--open\");\n });\n }\n var _scrollLockCount = 0;\n var _scrollLockY = 0;\n function lockBodyScroll() {\n if (_scrollLockCount === 0) {\n _scrollLockY = window.scrollY || window.pageYOffset || 0;\n document.body.style.position = \"fixed\";\n document.body.style.top = -_scrollLockY + \"px\";\n document.body.style.left = \"0\";\n document.body.style.right = \"0\";\n document.body.style.width = \"100%\";\n document.body.style.overflow = \"hidden\";\n }\n _scrollLockCount++;\n }\n function unlockBodyScroll() {\n _scrollLockCount = Math.max(0, _scrollLockCount - 1);\n if (_scrollLockCount === 0) {\n document.body.style.position = \"\";\n document.body.style.top = \"\";\n document.body.style.left = \"\";\n document.body.style.right = \"\";\n document.body.style.width = \"\";\n document.body.style.overflow = \"\";\n window.scrollTo(0, _scrollLockY);\n }\n }\n function renderWidget(container) {\n _uid++;\n var uid = \"th-sb-\" + _uid;\n var variant = container.getAttribute(\"data-th-variant\") || (document.querySelector(CONFIG.cardSelector) ? \"catalogue\" : \"hero\");\n var isHero = variant !== \"catalogue\";\n function heroCls(realClass) {\n return isHero ? \" \" + realClass : \"\";\n }\n function catCls(realClass) {\n return isHero ? \"\" : \" \" + realClass;\n }\n var root = el(\"div\", {\n class: \"wrapper-searchbar th-sb th-sb--\" + variant,",[147],"9023c336-64d4-4806-8978-1643f81f9594","map_content.ts","9cb88f6c-a6ce-11f1-8129-1607ee4eb77e",43,["D",1788363409919],3,"(function() {\n \"use strict\";\n var CONFIG = {\n mapboxToken: \"pk.eyJ1IjoidGhlaG9zdCIsImEiOiJjbWEybmh6aWYwYXY3MnFyM2h3ZXhydWp4In0.pkEiJs8EOR9t1ZFCzfWAtQ\",\n mapboxGlVersion: \"3.29.0\",\n mapStyle: \"mapbox://styles/thehost/cma2orows01su01qu9ac77vm5\",\n containerSelector: \"[map], #map, .map\",\n cardSelector: \".item-mapbox\",\n popupTemplateSelector: \".mapboxgl-popup-content\",\n defaultCenter: [ 3.418, 47.059 ],\n defaultZoom: 1.5,\n hoverColor: \"#F7F3E6\",\n baseColor: \"#000000\",\n attrs: {\n price: \"custom-data-price\",\n url: \"custom-data-url\",\n pays: \"custom-data-pays\",\n city: \"custom-data-city\",\n name: \"custom-data-name\",\n mapId: \"custom-data-map-id\",\n region: \"custom-data-region\",\n lat: \"custom-data-lat\",\n lng: \"custom-data-lng\",\n max: \"custom-data-max\"\n },\n imageSelectors: [ \".image-card-results\", \"img\" ],\n detailPathPrefix: \"/etablissement/\"\n };\n var MARKER_SVG = \"\" + '\";\n function toNumber(v) {\n var n = parseFloat(v);\n return isNaN(n) ? null : n;\n }\n function loadCss(href) {\n if (document.querySelector('link[href=\"' + href + '\"]')) return;\n var link = document.createElement(\"link\");\n link.rel = \"stylesheet\";\n link.href = href;\n document.head.appendChild(link);\n }\n function loadScript(src) {\n return new Promise(function(resolve, reject) {\n var s = document.createElement(\"script\");\n s.src = src;\n s.onload = function() {\n resolve();\n };\n s.onerror = function() {\n reject(new Error(\"échec de chargement: \" + src));\n };\n document.head.appendChild(s);\n });\n }\n function ensureMapboxGl() {\n if (window.mapboxgl) return Promise.resolve();\n loadCss(\"https://api.mapbox.com/mapbox-gl-js/v\" + CONFIG.mapboxGlVersion + \"/mapbox-gl.css\");\n return loadScript(\"https://api.mapbox.com/mapbox-gl-js/v\" + CONFIG.mapboxGlVersion + \"/mapbox-gl.js\");\n }\n function firstImageSrc(node) {\n for (var i = 0; i < CONFIG.imageSelectors.length; i++) {\n var img = node.querySelector(CONFIG.imageSelectors[i]);\n if (!img) continue;\n var src = img.currentSrc || img.getAttribute(\"src\") || img.getAttribute(\"data-src\") || \"\";\n if (src && src.indexOf(\"data:\") !== 0) return src;\n var srcset = img.getAttribute(\"srcset\") || img.getAttribute(\"data-srcset\") || \"\";\n if (srcset) {\n var first = srcset.split(\",\")[0].trim().split(\" \")[0];\n if (first) return first;\n }\n }\n return \"\";\n }\n var BIEN_LINK_KEPT_PARAMS = [ \"start_date\", \"end_date\", \"adult\", \"children\", \"baby\", \"pet\", \"total_traveler\" ];\n function appendKeptParams(basePath) {\n var src = new URLSearchParams(window.location.search);\n var out = new URLSearchParams;\n BIEN_LINK_KEPT_PARAMS.forEach(function(k) {\n var v = src.get(k);\n if (v) out.set(k, v);\n });\n var qsStr = out.toString();\n return qsStr ? basePath + \"?\" + qsStr : basePath;\n }\n function readCards() {\n var a = CONFIG.attrs;\n return Array.prototype.map.call(document.querySelectorAll(CONFIG.cardSelector), function(node) {\n function get(name) {\n return node.getAttribute(a[name]) || \"\";\n }\n var lat = toNumber(get(\"lat\"));\n var lng = toNumber(get(\"lng\"));\n var url = get(\"url\") || get(\"mapId\");\n return {\n node: node,\n id: url,\n name: get(\"name\"),\n price: get(\"price\"),\n max: get(\"max\"),\n city: get(\"city\"),\n region: get(\"region\"),\n pays: get(\"pays\"),\n image: firstImageSrc(node),\n href: url ? appendKeptParams(CONFIG.detailPathPrefix + url) : \"\",\n lat: lat,\n lng: lng,\n hasCoords: lat !== null && lng !== null\n };\n }).filter(function(c) {\n return c.hasCoords;\n });\n }\n function isCardVisible(node) {\n return node.style.display !== \"none\";\n }\n function isCardUnavailable(node) {\n return node.classList.contains(\"th-sb-unavailable\");\n }\n function scrollToAndHighlight(node) {\n if (!node || typeof node.scrollIntoView !== \"function\") return;\n node.scrollIntoView({\n behavior: \"smooth\",\n block: \"center\"\n });\n node.classList.add(\"th-sb-highlight\");\n setTimeout(function() {\n node.classList.remove(\"th-sb-highlight\");\n }, 3e3);\n }\n function fmtPrice(p) {\n var n = toNumber(p);\n return n === null ? \"\" : n.toLocaleString(\"fr-FR\");\n }\n function injectStyles() {\n if (document.getElementById(\"th-map-styles\")) return;\n var css = \"\" + \".th-map-container{min-height:420px;}\" + \".th-map-marker{cursor:pointer;}\" + \".th-map-marker--unavailable{opacity:.55;}\";\n var styleEl = document.createElement(\"style\");\n styleEl.id = \"th-map-styles\";\n styleEl.textContent = css;\n document.head.appendChild(styleEl);\n }\n function findPopupTemplate() {\n return document.querySelector(CONFIG.popupTemplateSelector);\n }\n function fillPopupFields(root, card) {\n var img = root.querySelector(\"img\");\n if (img && card.image) {\n img.removeAttribute(\"srcset\");\n img.removeAttribute(\"sizes\");\n img.src = card.image;\n }\n var titleEl = root.querySelector(\".popup-title\");\n if (titleEl) titleEl.textContent = card.name || \"\";\n var descEl = root.querySelector(\".popup-desc\");\n if (descEl) {\n if (card.price) {\n descEl.textContent = \"À partir de \" + fmtPrice(card.price) + \"€ / nuit\";\n descEl.style.display = \"\";\n } else descEl.style.display = \"none\";\n }\n var personnesEl = root.querySelector(\".popup-personnes\");\n if (personnesEl) {\n if (card.max) {\n personnesEl.textContent = \"Jusqu'à \" + card.max + \" personnes\";\n personnesEl.style.display = \"\";\n } else personnesEl.style.display = \"none\";\n }\n var link = root.querySelector(\".button-line-unfill\") || root.querySelector(\"a[href]\");\n if (link && card.href) {\n link.setAttribute(\"href\", card.href);\n link.setAttribute(\"target\", \"_blank\");\n link.setAttribute(\"rel\", \"noopener noreferrer\");\n }\n }\n function fillPopupClone(template, card) {\n var clone = template.cloneNode(true);\n clone.classList.remove(\"hide\");\n clone.classList.remove(\"mapboxgl-popup-content\");\n clone.classList.add(\"th-map-popup\");\n fillPopupFields(clone, card);\n var closeBtn = clone.querySelector(\".popup-close-btn\");\n return {\n root: clone,\n closeBtn: closeBtn\n };\n }\n function setUnavailableOnClone(clone, unavailable) {\n var badge = clone.querySelector(\".not-available\");\n var overlay = clone.querySelector('[available-state=\"overlay\"]') || clone.querySelector(\".available-overlay\");\n if (badge) badge.style.visibility = unavailable ? \"visible\" : \"hidden\";\n if (overlay) overlay.style.visibility = unavailable ? \"visible\" : \"hidden\";\n }\n function buildFallbackPopupHtml(card) {\n var bits = [ '\");\n return bits.join(\"\");\n }\n function isHiddenContainer(el) {\n var r = el.getBoundingClientRect();\n return r.width === 0 || r.height === 0;\n }\n function initMap(container) {\n if (!isHiddenContainer(container)) {\n createMapInstance(container);\n return;\n }\n var mo = new MutationObserver(function() {\n if (isHiddenContainer(container)) return;\n mo.disconnect();\n try {\n createMapInstance(container);\n } catch (e) {\n if (window.console && console.error) console.error(\"[thehost-map]\", e);\n }\n });\n mo.observe(container, {\n attributes: true,\n attributeFilter: [ \"class\", \"style\" ]\n });\n }\n function createMapInstance(container) {\n injectStyles();\n container.classList.add(\"th-map-container\");\n var params = new URLSearchParams(window.location.search);\n var urlLat = toNumber(params.get(\"lat\"));\n var urlLon = toNumber(params.get(\"lon\"));\n var urlZoom = toNumber(params.get(\"zoom\"));\n var popupTemplate = findPopupTemplate();\n mapboxgl.accessToken = CONFIG.mapboxToken;\n var map = new mapboxgl.Map({\n container: container,\n style: CONFIG.mapStyle,\n projection: \"globe\",\n center: urlLat !== null && urlLon !== null ? [ urlLon, urlLat ] : CONFIG.defaultCenter,\n zoom: urlZoom !== null ? urlZoom : CONFIG.defaultZoom\n });\n map.addControl(new mapboxgl.FullscreenControl, \"top-right\");\n map.addControl(new mapboxgl.NavigationControl({\n showCompass: false\n }), \"top-right\");\n window.mapboxMap = map;\n var entries = {};\n var openPopup = null;\n var suppressMoveend = false;\n function setMarkerColor(pathEl, hovered) {\n if (pathEl) pathEl.style.fill = hovered ? CONFIG.hoverColor : CONFIG.baseColor;\n }\n function buildMarker(card) {\n var el = document.createElement(\"div\");\n el.className = \"th-map-marker\";\n el.innerHTML = MARKER_SVG;\n var pathEl = el.querySelector(\".th-map-marker-path\");\n var popup = new mapboxgl.Popup({\n offset: 18,\n closeButton: false,\n closeOnClick: false,\n maxWidth: \"none\"\n });\n var closeBtn = null;\n var popupContentEl = null;\n if (popupTemplate) {\n var built = fillPopupClone(popupTemplate, card);\n popup.setDOMContent(built.root);\n closeBtn = built.closeBtn;\n popupContentEl = built.root;\n } else {\n popup.setHTML(buildFallbackPopupHtml(card));\n }\n var closeTimer = null;\n function openThisPopup() {\n clearTimeout(closeTimer);\n if (openPopup && openPopup !== popup) openPopup.remove();\n popup.setLngLat([ card.lng, card.lat ]).addTo(map);\n openPopup = popup;\n setMarkerColor(pathEl, true);\n }\n function scheduleClose() {\n clearTimeout(closeTimer);\n closeTimer = setTimeout(function() {\n popup.remove();\n }, 150);\n }\n popup.on(\"close\", function() {\n if (openPopup === popup) openPopup = null;\n setMarkerColor(pathEl, false);\n });\n popup.on(\"open\", function() {\n var popupEl = popup.getElement();\n if (popupEl) {\n if (!popupEl._thHoverBound) {\n popupEl._thHoverBound = true;\n popupEl.addEventListener(\"mouseenter\", function() {\n clearTimeout(closeTimer);\n });\n popupEl.addEventListener(\"mouseleave\", scheduleClose);\n }\n var contentEl = popupEl.querySelector(\".mapboxgl-popup-content\");\n if (contentEl) {\n contentEl.style.animation = \"none\";\n void contentEl.offsetWidth;\n contentEl.style.animation = \"\";\n }\n }\n if (closeBtn) {\n closeBtn.onclick = function(e) {\n e.stopPropagation();\n popup.remove();\n };\n }\n });\n el.addEventListener(\"mouseenter\", openThisPopup);\n el.addEventListener(\"mouseleave\", scheduleClose);\n el.addEventListener(\"click\", function() {\n scrollToAndHighlight(card.node);\n if (card.href) window.open(card.href, \"_blank\", \"noopener,noreferrer\");\n });\n var marker = new mapboxgl.Marker({\n element: el\n }).setLngLat([ card.lng, card.lat ]);\n return {\n card: card,\n marker: marker,\n popup: popup,\n pathEl: pathEl,\n popupContentEl: popupContentEl,\n addedToMap: false\n };\n }\n function syncMarkersWithCards() {\n var cards = readCards();\n var seen = {};\n cards.forEach(function(card) {\n if (!card.id) return;\n seen[card.id] = true;\n var entry = entries[card.id];\n if (!entry) {\n entry = buildMarker(card);\n entries[card.id] = entry;\n } else {\n entry.card = card;\n if (entry.popupContentEl) fillPopupFields(entry.popupContentEl, card);\n }\n var visible = isCardVisible(card.node);\n var unavailable = isCardUnavailable(card.node);\n if (entry.popupContentEl) setUnavailableOnClone(entry.popupContentEl, unavailable);\n entry.marker.getElement().classList.toggle(\"th-map-marker--unavailable\", unavailable);\n if (visible && !entry.addedToMap) {\n entry.marker.addTo(map);\n entry.addedToMap = true;\n } else if (!visible && entry.addedToMap) {\n entry.marker.remove();\n entry.popup.remove();\n entry.addedToMap = false;\n }\n });\n Object.keys(entries).forEach(function(id) {\n if (!seen[id]) {\n entries[id].marker.remove();\n entries[id].popup.remove();\n delete entries[id];\n }\n });\n }\n function visibleLngLats() {\n return Object.keys(entries).filter(function(id) {\n return entries[id].addedToMap;\n }).map(function(id) {\n return [ entries[id].card.lng, entries[id].card.lat ];\n });\n }\n function fitToVisible() {\n var pts = visibleLngLats();\n if (!pts.length) return;\n var bounds = pts.reduce(function(b, p) {\n return b.extend(p);\n }, new mapboxgl.LngLatBounds(pts[0], pts[0]));\n suppressMoveend = true;\n map.fitBounds(bounds, {\n padding: 60,\n maxZoom: 14,\n duration: 0\n });\n setTimeout(function() {\n suppressMoveend = false;\n }, 0);\n }\n var syncTimer = null;\n function debouncedSync() {\n clearTimeout(syncTimer);\n syncTimer = setTimeout(function() {\n map.resize();\n var hadNone = !Object.keys(entries).length;\n syncMarkersWithCards();\n if (hadNone && (urlLat === null || urlLon === null)) fitToVisible();\n }, 60);\n }\n var observer = new MutationObserver(debouncedSync);\n observer.observe(document.body, {\n subtree: true,\n attributes: true,\n attributeFilter: [ \"style\", \"class\" ]\n });\n window.updateMapPointsFromVisibleCards = syncMarkersWithCards;\n window.addEventListener(\"resize\", function() {\n map.resize();\n });\n map.on(\"load\", function() {\n map.resize();\n syncMarkersWithCards();\n if (urlLat === null || urlLon === null) fitToVisible();\n });\n map.on(\"moveend\", function() {\n if (suppressMoveend) return;\n if (window.TheHostSearchbar && typeof window.TheHostSearchbar.setMapBounds === \"function\") {\n window.TheHostSearchbar.setMapBounds(map.getBounds());\n }\n });\n document.addEventListener(\"thehost:searchbar:select\", function(e) {\n var d = e.detail || {};\n if (d.bbox) {\n map.fitBounds(d.bbox, {\n padding: 60,\n duration: 800\n });\n } else if (d.lat != null && d.lon != null && d.lat !== \"\" && d.lon !== \"\") {\n map.flyTo({\n center: [ parseFloat(d.lon), parseFloat(d.lat) ],\n zoom: d.zoom ? parseFloat(d.zoom) : map.getZoom()\n });\n }\n });\n }\n function isRealMapContainer(node) {\n return !node.closest(CONFIG.cardSelector + \", \" + CONFIG.popupTemplateSelector);\n }\n function isMobileToggleActive() {\n return window.innerWidth < 992;\n }\n function initMobileToggle() {\n document.addEventListener(\"click\", function(e) {\n var btn = e.target.closest(\"[data-toggle]\");\n if (!btn || !isMobileToggleActive()) return;\n var targetView = btn.getAttribute(\"data-toggle\");\n if (targetView !== \"liste\" && targetView !== \"carte\") return;\n document.querySelectorAll(\"[data-toggle]\").forEach(function(b) {\n var kind = b.getAttribute(\"data-toggle\");\n if (kind === \"liste\") b.className = \"toggle-btn-left\"; else if (kind === \"carte\") b.className = \"toggle-btn-right\";\n });\n btn.className = (targetView === \"liste\" ? \"toggle-btn-left\" : \"toggle-btn-right\") + \" active\";\n document.querySelectorAll(\"[data-content]\").forEach(function(c) {\n c.classList.add(\"hidden\");\n });\n var targetContainer = document.querySelector('[data-content=\"' + targetView + '\"]');\n if (!targetContainer) return;\n targetContainer.classList.remove(\"hidden\");\n if (targetView === \"carte\") {\n window.dispatchEvent(new Event(\"resize\"));\n void targetContainer.offsetWidth;\n if (window.mapboxMap) window.mapboxMap.resize();\n }\n });\n }\n function boot() {\n initMobileToggle();\n var containers = Array.prototype.filter.call(document.querySelectorAll(CONFIG.containerSelector), isRealMapContainer);\n if (!containers.length) return;\n ensureMapboxGl().then(function() {\n containers.forEach(function(container) {\n try {\n initMap(container);\n } catch (e) {\n if (window.console && console.error) console.error(\"[thehost-map]\", e);\n }\n });\n });\n }\n if (document.readyState === \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", boot);\n } else {\n boot();\n }\n})();",[154],"5f03fc47-cda1-4981-9040-56e72a5ff576","map.ts","cd781224-a6cb-11f1-bce0-1607ee4eb77e",39,["D",1788361047108],5,"http","/**\n * \"map\" — sert le script de la carte Mapbox (remplace l'ancien val fichier\n * statique de la carte).\n *\n * Même mécanisme que \"main\" (voir main.ts pour l'explication complète) :\n * pas de cache mémoire pendant la phase d'itération, pour ne jamais servir\n * une version périmée. Le fichier tient largement sous les 80 000\n * caractères, pas de découpage nécessaire ici.\n */\n\nconst CONTENT_URL = \"https://esm.town/v/ncf/thehost/map_content.ts\";\n\nexport default async function (req: Request): Promise {\n const res = await fetch(CONTENT_URL);\n if (!res.ok) throw new Error(\"Échec de récupération de \" + CONTENT_URL + \" (\" + res.status + \")\");\n const script = await res.text();\n\n return new Response(script, {\n headers: {\n \"Content-Type\": \"application/javascript; charset=utf-8\",\n \"Cache-Control\": \"public, max-age=60\",\n },\n });\n}",[162],"554483fd-716c-4496-a291-90d71a4fe448","main.ts",38,["D",1788361032078],"/**\n * \"main\" — sert le script de la search bar (remplace l'ancien val fichier\n * statique https://esm.town/v/ncf/thehost-test-results/search-widget.js).\n *\n * Pourquoi : Val Town limite chaque fichier/val à 80 000 caractères. Le\n * script pèse un peu plus que ça une fois nettoyé, donc il est stocké en 3\n * morceaux (searchbar_part1.ts / part2.ts / part3.ts, chacun ~27 000\n * caractères — large marge avant de devoir re-découper). Ce val HTTP\n * récupère les 3 morceaux et les concatène DANS L'ORDRE pour reconstituer\n * EXACTEMENT le fichier original (une seule IIFE `(function(){...})();`\n * répartie sur les 3 fichiers), puis les sert comme un unique script JS —\n * rien ne change côté Webflow, la balise

Diff · v46