[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_210":211,"_212":213},"routes/_app.x.$handle.$name",{"_96":95,"_33":46,"_104":86,"_28":38,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":27,"_118":119,"_120":27,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_33":46,"_39":47,"_48":-5,"_49":27,"_50":51,"_52":51,"_53":38,"_54":-5,"_18":55,"_56":57,"_58":25,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":27},"version",21,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":29},"file",{"_31":32,"_33":29,"_35":36,"_37":38,"_39":40,"_41":14,"_42":43,"_24":27},"previous",{"_31":32,"_33":34,"_35":36,"_37":38},"deleted",true,"deletedHere",false,"path","searchbar_widget.ts","latestPath","fileId","cf04e98c-a6cb-11f1-9e16-1607ee4eb77e","name","searchbar_part4.ts","fileType","script","content","","createdAt",["D",1788353636818],"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","pinMigrated","screenshotVersion","likeCount",0,"orgId","9d7676f2-7a4d-4e3f-975a-15aca5bcc997","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_103":99},"org",{"_96":95,"_97":-5,"_98":99,"_18":55,"_100":101,"_102":27},"branch",{"_13":85,"_33":86,"_44":43,"_87":45,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":46,"_94":95},"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",{"_44":45,"_33":46,"_39":206,"_48":-5,"_49":27,"_50":51,"_52":51,"_53":38,"_54":-5,"_18":55,"_56":57,"_58":25,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":207,"_80":208,"_82":209,"_84":27},"tree",[181,182,183,184,185,186],"files",[181,182,183,184,185,186],"counts",{"_171":62,"_172":165,"_173":62,"_174":175,"_176":177},"contents",[125,126,127,128,129,130],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":167,"_33":168,"_31":57,"_132":-5,"_42":43,"_41":165,"_133":27,"_39":169,"_13":62,"_35":36,"_37":38,"_24":27,"_136":-5,"_28":170},{"_44":160,"_33":161,"_31":162,"_132":-5,"_42":43,"_41":163,"_133":27,"_39":164,"_13":165,"_35":36,"_37":38,"_24":27,"_136":-5,"_28":166},{"_44":153,"_33":154,"_31":155,"_132":-5,"_42":43,"_41":156,"_133":27,"_39":157,"_13":143,"_35":36,"_37":158,"_24":27,"_136":-5,"_28":159},{"_44":146,"_33":147,"_31":148,"_132":-5,"_42":43,"_41":149,"_133":27,"_39":150,"_13":143,"_35":36,"_37":151,"_24":27,"_136":-5,"_28":152},{"_44":138,"_33":139,"_31":140,"_132":-5,"_42":43,"_41":141,"_133":27,"_39":142,"_13":143,"_35":36,"_37":144,"_24":27,"_136":-5,"_28":145},{"_44":131,"_33":29,"_31":32,"_132":-5,"_42":43,"_41":14,"_133":27,"_39":134,"_13":135,"_35":36,"_37":38,"_24":27,"_136":-5,"_28":137},"c6f12444-de1e-462d-90d5-02aafc9d8e97","parentId","latest",["D",1788353636818],6,"label",[29],"533a54c5-c373-4e40-88d0-f496e41503a0","searchbar_part3.ts","d0453f5e-a6cb-11f1-a0f6-1607ee4eb77e",16,["D",1788353590111],2,"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 familyOptions[f.key] = Object.keys(bySlug).map(function(slug) {\n return bySlug[slug];\n }).sort(function(a, b) {\n return a.localeCompare(b, \"fr\");\n });\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) + (state.pet || 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 (refs.datesMob) {\n refs.datesMob.classList.remove(\"is-open\");\n document.body.style.overflow = \"\";\n }\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 refs.destInput.focus();\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 20px 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: 100%; height: 60px !important; box-sizing: border-box; border: 1px solid #363535 !important; border-radius: 50px !important; padding: .38rem 1.56rem !important; font-family: Inter, sans-serif; font-size: 15px; color: #363535 !important; background: transparent !important; margin: 4px 0 20px; } .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})();",[139],"886edbeb-b15d-4e19-a819-7c76e4195dd6","searchbar_part2.ts","cf9d5bc2-a6cb-11f1-b925-1607ee4eb77e",15,["D",1788353577335],"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,\n 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 no-hover-border 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\"\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 = (state.adult || 0) + (state.children || 0) + (state.baby || 0);\n if (!total && !state.pet) return \"Ajouter ...\";\n var parts = [];\n if (total) parts.push(total + \" voyageur\" + (total > 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 document.body.style.overflow = \"hidden\";\n renderMob();\n }\n function closeMobile() {\n mob.classList.remove(\"is-open\");\n document.body.style.overflow = \"\";\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\"\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 document.body.style.overflow = \"hidden\";\n }\n function close() {\n panel.classList.remove(\"is-open\");\n document.body.style.overflow = \"\";\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;\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 }",[147],"053e591f-e98b-4f10-853a-00199f94db8b","searchbar_part1.ts","ce42deaa-a6cb-11f1-a7a8-1607ee4eb77e",9,["D",1788353392396],"(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 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 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 = s.adult + s.children + s.baby;\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 = state.adult + state.children + state.baby;\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 if (state.total_traveler > 0) {\n if (card.max && state.total_traveler > card.max) return false;\n if (card.min && state.total_traveler < 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 }",[154],"1c710884-7dc8-47ad-a624-6ab95c8551da","map.ts","cd781224-a6cb-11f1-bce0-1607ee4eb77e",13,["D",1788353469070],1,[161],"8f14a267-5873-41c9-a20a-4b7f069fe323","main.ts",["D",1788352959125],[168],"pulls","branches","forks","envVars",{"_178":62,"_180":62},"connections",{"_178":62,"_179":62},"count","unfilledCount","emptyCount",{"_44":167,"_33":168,"_31":57,"_132":-5,"_42":43,"_41":165,"_133":27,"_39":203,"_13":62,"_35":36,"_37":38,"_24":27,"_136":-5,"_188":204,"_28":205},{"_44":160,"_33":161,"_31":162,"_132":-5,"_42":43,"_41":163,"_133":27,"_39":200,"_13":165,"_35":36,"_37":38,"_24":27,"_136":-5,"_188":201,"_28":202},{"_44":153,"_33":154,"_31":155,"_132":-5,"_42":43,"_41":156,"_133":27,"_39":197,"_13":143,"_35":36,"_37":158,"_24":27,"_136":-5,"_188":198,"_28":199},{"_44":146,"_33":147,"_31":148,"_132":-5,"_42":43,"_41":149,"_133":27,"_39":194,"_13":143,"_35":36,"_37":151,"_24":27,"_136":-5,"_188":195,"_28":196},{"_44":138,"_33":139,"_31":140,"_132":-5,"_42":43,"_41":141,"_133":27,"_39":191,"_13":143,"_35":36,"_37":144,"_24":27,"_136":-5,"_188":192,"_28":193},{"_44":131,"_33":29,"_31":32,"_132":-5,"_42":43,"_41":14,"_133":27,"_39":187,"_13":135,"_35":36,"_37":38,"_24":27,"_136":-5,"_188":189,"_28":190},["D",1788353636818],"children",[],[29],["D",1788353590111],[],[139],["D",1788353577335],[],[147],["D",1788353392396],[],[154],["D",1788353469070],[],[161],["D",1788352959125],[],[168],["D",1788352959095],{"_96":95,"_103":99},{"_96":95,"_97":-5,"_98":99,"_18":55,"_100":101,"_102":27},{"_13":85,"_33":86,"_44":43,"_87":45,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":46,"_94":95},"ctx",{"_78":-5,"_122":243,"_244":245,"_246":247,"_248":27,"_249":27,"_250":27,"_251":25,"_252":-5,"_253":-7,"_254":-7,"_255":62,"_256":27,"_257":27,"_258":-5,"_259":27,"_260":27,"_261":27,"_262":-5},"ENV",{"_214":215,"_216":217,"_218":86,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v21