[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_226":227,"_228":229},"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":25,"_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",26,"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","map.ts","latestPath","fileId","cd781224-a6cb-11f1-bce0-1607ee4eb77e","name","fileType","script","content","(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 });\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})();","/**\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 * même si le script de la carte tient largement sous les 80 000 caractères\n * et n'a donc pas besoin d'être découpé : on garde ici le MÊME mécanisme\n * (val HTTP qui va chercher le contenu brut ailleurs et le sert) plutôt que\n * de coller le code directement dans un val \"fichier\" statique, pour ne\n * dépendre que d'UN SEUL mécanisme éprouvé (celui déjà utilisé par \"main\")\n * au lieu de deux façons différentes de servir du JS.\n *\n * À FAIRE avant de déployer :\n * 1. Colle le contenu de console-paste-map.js dans un fichier du projet\n * nommé map_content.ts (contenu fourni tel quel, aucune modification).\n * 2. Si l'URL de ce fichier diffère de celle codée ci-dessous, remplace-la.\n * 3. Garde ce fichier nommé \"map\" (ou fais pointer la 2e balise

Diff · v26