[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_103":104,"_105":106},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","ncf","name","thehost","path","map_content.ts","project",{"_22":45,"_11":12,"_33":46,"_47":-5,"_48":42,"_49":50,"_51":50,"_52":53,"_54":-5,"_55":56,"_57":58,"_59":32,"_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":42},"file",{"_22":23,"_11":14,"_24":25,"_26":-5,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":-5,"_13":44},"permalink","https://www.val.town/x/ncf/thehost/code/map_content.ts","extension","id","9023c336-64d4-4806-8978-1643f81f9594","fileId","9cb88f6c-a6ce-11f1-8129-1607ee4eb77e","parentId","branchId","7b93db50-4232-4711-9961-8d80b790aebd","branchVersion",43,"latest",true,"createdAt",["D",1788363409919],"version",3,"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 if (card.href) window.open(card.href, \"_blank\", \"noopener,noreferrer\");\n });\n var marker = new mapboxgl.Marker({\n element: el\n }).setLngLat([ card.lng, card.lat ]);\n return {\n card: card,\n marker: marker,\n popup: popup,\n pathEl: pathEl,\n popupContentEl: popupContentEl,\n addedToMap: false\n };\n }\n function syncMarkersWithCards() {\n var cards = readCards();\n var seen = {};\n cards.forEach(function(card) {\n if (!card.id) return;\n seen[card.id] = true;\n var entry = entries[card.id];\n if (!entry) {\n entry = buildMarker(card);\n entries[card.id] = entry;\n } else {\n entry.card = card;\n if (entry.popupContentEl) fillPopupFields(entry.popupContentEl, card);\n }\n var visible = isCardVisible(card.node);\n var unavailable = isCardUnavailable(card.node);\n if (entry.popupContentEl) setUnavailableOnClone(entry.popupContentEl, unavailable);\n entry.marker.getElement().classList.toggle(\"th-map-marker--unavailable\", unavailable);\n if (visible && !entry.addedToMap) {\n entry.marker.addTo(map);\n entry.addedToMap = true;\n } else if (!visible && entry.addedToMap) {\n entry.marker.remove();\n entry.popup.remove();\n entry.addedToMap = false;\n }\n });\n Object.keys(entries).forEach(function(id) {\n if (!seen[id]) {\n entries[id].marker.remove();\n entries[id].popup.remove();\n delete entries[id];\n }\n });\n }\n function visibleLngLats() {\n return Object.keys(entries).filter(function(id) {\n return entries[id].addedToMap;\n }).map(function(id) {\n return [ entries[id].card.lng, entries[id].card.lat ];\n });\n }\n function fitToVisible() {\n var pts = visibleLngLats();\n if (!pts.length) return;\n var bounds = pts.reduce(function(b, p) {\n return b.extend(p);\n }, new mapboxgl.LngLatBounds(pts[0], pts[0]));\n suppressMoveend = true;\n map.fitBounds(bounds, {\n padding: 60,\n maxZoom: 14,\n duration: 0\n });\n setTimeout(function() {\n suppressMoveend = false;\n }, 0);\n }\n var syncTimer = null;\n function debouncedSync() {\n clearTimeout(syncTimer);\n syncTimer = setTimeout(function() {\n map.resize();\n var hadNone = !Object.keys(entries).length;\n syncMarkersWithCards();\n if (hadNone && (urlLat === null || urlLon === null)) fitToVisible();\n }, 60);\n }\n var observer = new MutationObserver(debouncedSync);\n observer.observe(document.body, {\n subtree: true,\n attributes: true,\n attributeFilter: [ \"style\", \"class\" ]\n });\n window.updateMapPointsFromVisibleCards = syncMarkersWithCards;\n window.addEventListener(\"resize\", function() {\n map.resize();\n });\n map.on(\"load\", function() {\n map.resize();\n syncMarkersWithCards();\n if (urlLat === null || urlLon === null) fitToVisible();\n });\n map.on(\"moveend\", function() {\n if (suppressMoveend) return;\n if (window.TheHostSearchbar && typeof window.TheHostSearchbar.setMapBounds === \"function\") {\n window.TheHostSearchbar.setMapBounds(map.getBounds());\n }\n });\n document.addEventListener(\"thehost:searchbar:select\", function(e) {\n var d = e.detail || {};\n if (d.bbox) {\n map.fitBounds(d.bbox, {\n padding: 60,\n duration: 800\n });\n } else if (d.lat != null && d.lon != null && d.lat !== \"\" && d.lon !== \"\") {\n map.flyTo({\n center: [ parseFloat(d.lon), parseFloat(d.lat) ],\n zoom: d.zoom ? parseFloat(d.zoom) : map.getZoom()\n });\n }\n });\n }\n function isRealMapContainer(node) {\n return !node.closest(CONFIG.cardSelector + \", \" + CONFIG.popupTemplateSelector);\n }\n function isMobileToggleActive() {\n return window.innerWidth < 992;\n }\n function initMobileToggle() {\n document.addEventListener(\"click\", function(e) {\n var btn = e.target.closest(\"[data-toggle]\");\n if (!btn || !isMobileToggleActive()) return;\n var targetView = btn.getAttribute(\"data-toggle\");\n if (targetView !== \"liste\" && targetView !== \"carte\") return;\n document.querySelectorAll(\"[data-toggle]\").forEach(function(b) {\n var kind = b.getAttribute(\"data-toggle\");\n if (kind === \"liste\") b.className = \"toggle-btn-left\"; else if (kind === \"carte\") b.className = \"toggle-btn-right\";\n });\n btn.className = (targetView === \"liste\" ? \"toggle-btn-left\" : \"toggle-btn-right\") + \" active\";\n document.querySelectorAll(\"[data-content]\").forEach(function(c) {\n c.classList.add(\"hidden\");\n });\n var targetContainer = document.querySelector('[data-content=\"' + targetView + '\"]');\n if (!targetContainer) return;\n targetContainer.classList.remove(\"hidden\");\n if (targetView === \"carte\") {\n window.dispatchEvent(new Event(\"resize\"));\n void targetContainer.offsetWidth;\n if (window.mapboxMap) window.mapboxMap.resize();\n }\n });\n }\n function boot() {\n initMobileToggle();\n var containers = Array.prototype.filter.call(document.querySelectorAll(CONFIG.containerSelector), isRealMapContainer);\n if (!containers.length) return;\n ensureMapboxGl().then(function() {\n containers.forEach(function(container) {\n try {\n initMap(container);\n } catch (e) {\n if (window.console && console.error) console.error(\"[thehost-map]\", e);\n }\n });\n });\n }\n if (document.readyState === \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", boot);\n } else {\n boot();\n }\n})();","deleted",false,"label",[14],"75ef7691-070d-4ba7-9903-9bb760a603ae",["D",1788352959095],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","userId","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",{"_9":10,"_102":98},"org",{"_9":10,"_96":-5,"_97":98,"_55":56,"_99":100,"_101":42},"branch",{"_35":86,"_11":87,"_22":28,"_88":45,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":12,"_95":10},"isOwned",52,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ5NWtrVUd1NlAwbmxWS2NMVFB4N0Ezb0drSyJ9","tier","free","canRestrictVals","profileImageUrl","ctx",{"_79":-5,"_136":137,"_138":139,"_140":141,"_142":42,"_143":42,"_144":42,"_145":32,"_146":-5,"_147":-7,"_148":-7,"_149":63,"_150":42,"_151":42,"_152":-5,"_153":42,"_154":42,"_155":42,"_156":-5},"ENV",{"_107":108,"_109":110,"_111":87,"_112":113,"_114":115,"_116":117,"_118":119,"_120":121,"_122":123,"_124":125,"_126":127,"_128":129,"_130":131,"_132":133,"_134":135},"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","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]