1(this.webpackJsonpfesmeknes=this.webpackJsonpfesmeknes||[]).push([[33],{543:function(n,e,t){"use strict";t.r(e);var i,a,o,c,s,l,d,r,p,x,h,g,b,f,u,j,m,O,v,w,y,k,z,C,E,S=t(1),M=t(13),$=t(14),F=t(218),L=t(92),q=t(114),D=t(118),_=t(119),T=t(115),Y=t(117),B=t(4),J=t(23),P=t(3);const R=P.c.div(i||(i=Object(B.a)(["\n display: flex;\n width: 100%;\n min-height: calc(100vh - 14px);\n @media (max-width: 768px) {\n flex-direction: column;\n /* keep spacing under navbar */\n /* padding: 16px 16px 80px; */\n }\n"]))),V=P.c.aside(a||(a=Object(B.a)(["\n width: 485px;\n flex-shrink: 0;\n display: flex;\n flex-direction: column;\n gap: 48px;\n padding-left: 42px;\n padding-right: 42px;\n padding-top: 24px;\n border-right: 1px solid #c4c4c4;\n\n h2 {\n font-family: ",";\n font-weight: 400;\n font-size: 20px;\n line-height: 110.00000000000001%;\n letter-spacing: 0%;\n vertical-align: middle;\n color: #1c473b;\n }\n\n @media (max-width: 768px) {\n position: fixed;\n left: 0;\n bottom: 0;\n width: 100%;\n z-index: 1001;\n gap: 16px;\n background: white;\n padding: 16px;\n transform: translateY(",");\n transition: transform 0.3s ease-in-out;\n overflow-y: auto;\n border-right: none;\n }\n"])),n=>{let{theme:e}=n;return e.fonts.ivy},n=>n.$isOpen?"0":"100%"),A=P.c.div(o||(o=Object(B.a)(["\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n gap: 28px;\n padding: 0px 20px;\n @media (max-width: 768px) {\n padding-top: 16px; /* Space for fixed search bar */\n }\n"]))),I=P.c.div(c||(c=Object(B.a)(["\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n gap: 24px;\n\n @media (max-width: 768px) {\n grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));\n gap: 16px;\n }\n"]))),N=P.c.div(s||(s=Object(B.a)(["\n width: 100%;\n position: relative;\n background-color: #fcfcfc;\n border-bottom: 1px solid #c4c4c4;\n\n @media (max-width: 768px) {\n position: fixed;\n top: ",";\n left: 0;\n right: 0;\n border-top: 1px solid #c4c4c4;\n z-index: 999;\n transition: top 0.3s ease-in-out;\n }\n"])),n=>n.$isVisible?"80px":"-44px"),W=P.c.input(l||(l=Object(B.a)(["\n width: 100%;\n height: 77px;\n padding-left: 102px;\n padding-right: 44px;\n outline: none;\n font-family: ",";\n font-weight: 400;\n font-size: 25px;\n line-height: 110.00000000000001%;\n letter-spacing: 0%;\n vertical-align: middle;\n\n &:focus {\n outline: none;\n box-shadow: none;\n }\n @media (max-width: 768px) {\n height: 44px;\n padding-left: 36px;\n font-size: 18px;\n background-color: #fcfcfc;\n }\n"])),n=>{let{theme:e}=n;return e.fonts.ivy}),X=P.c.button(d||(d=Object(B.a)(["\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n width: 24px;\n height: 24px;\n right: 24px;\n top: 50%;\n transform: translateY(-50%);\n color: #1c473b;\n"]))),G=P.c.span(r||(r=Object(B.a)(["\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n width: 24px;\n height: 24px;\n left: 33px;\n top: 50%;\n transform: translateY(-50%);\n @media (max-width: 768px) {\n left: 16px;\n width: 16px;\n height: 16px;\n }\n"]))),H=P.c.button(p||(p=Object(B.a)(["\n display: none;\n\n @media (max-width: 768px) {\n position: absolute;\n right: 24px;\n top: 14px;\n display: flex;\n width: 16px;\n height: 16px;\n justify-content: center;\n flex-shrink: 0;\n\n .filter-notification-dot {\n display: flex;\n position: absolute;\n top: 2px;\n right: 0px;\n background-color: #f22253;\n width: 6px;\n height: 6px;\n border-radius: 100%;\n align-items: center;\n justify-content: center;\n }\n }\n"]))),K=(P.c.div(x||(x=Object(B.a)(["\n width: 100%;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 15px;\n"]))),P.c.div(h||(h=Object(B.a)(["\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n gap: 12px;\n padding: 16px;\n\n color: #111;\n font-family: ",";\n\n h1 {\n text-align: center;\n font-size: 40px;\n font-weight: 300;\n line-height: 140%; /* 56px */\n }\n\n h2 {\n margin-top: 8px;\n font-size: 24px;\n font-weight: 300;\n line-height: 140%; /* 33.6px */\n }\n\n span {\n width: 243px;\n height: 243px;\n }\n"])),n=>{let{theme:e}=n;return e.fonts.sofia})),Q=P.c.h2(g||(g=Object(B.a)(["\n color: #1c473b;\n font-family: ",";\n font-size: 25px;\n font-style: normal;\n font-weight: 400;\n line-height: 110%; /* 27.5px */\n @media (max-width: 768px) {\n font-size: 14px;\n padding-top: 12px;\n }\n"])),n=>{let{theme:e}=n;return e.fonts.ivy}),U=(P.c.div(b||(b=Object(B.a)(["\n width: 100%;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n @media (max-width: 768px) {\n display: none; /* hidden when swiper used */\n }\n"]))),P.c.div(f||(f=Object(B.a)(["\n position: relative;\n height: 416px;\n @media (max-width: 768px) {\n height: 360px;\n }\n"])))),Z=Object(P.c)(J.b)(u||(u=Object(B.a)(["\n position: absolute;\n inset: 0;\n padding: 0 16px;\n z-index: 20;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n gap: 6px;\n padding-top: 18px;\n padding-bottom: 30px;\n text-align: center;\n padding-left: 12px;\n padding-right: 12px;\n"]))),nn=(P.c.img(j||(j=Object(B.a)(["\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;
1\n"]))),P.c.span(m||(m=Object(B.a)(["\n position: absolute;\n z-index: 100;\n left: 0;\n right: 0;\n bottom: 0;\n height: 76px;\n opacity: 0.5;\n background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);\n"])))),en=P.c.span(O||(O=Object(B.a)(["\n color: white;\n font-family: ",";\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 110%; /* 17.6px */\n"])),n=>{let{theme:e}=n;return e.fonts.ivy}),tn=P.c.button(v||(v=Object(B.a)(["\n display: flex;\n border-radius: 100%;\n background-color: white;\n width: 34px;\n height: 34px;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n @media (max-width: 768px) {\n width: 22px;\n height: 22px;\n }\n"]))),an=P.c.section(w||(w=Object(B.a)(["\n padding: 20px 0;\n display: flex;\n flex-direction: column;\n gap: 16px;\n border: 1px solid #cecece;\n border-left: 0;\n border-right: 0;\n\n h3 {\n color: #1c473b;\n font-family: ",";\n font-weight: 400;\n font-size: 20px;\n line-height: 110.00000000000001%;\n letter-spacing: 0%;\n vertical-align: middle;\n\n @media (max-width: 768px) {\n font-size: 16px;\n line-height: 110%;\n letter-spacing: 0%;\n vertical-align: middle;\n }\n }\n\n &:first-child {\n border-bottom: 1px solid #cecece;\n }\n"])),n=>{let{theme:e}=n;return e.fonts.ivy}),on=P.c.div(y||(y=Object(B.a)(["\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n"]))),cn=P.c.button(k||(k=Object(B.a)(["\n border: 1px solid ",";\n background: ",";\n color: ",";\n padding: 6px 12px;\n border-radius: 40px;\n display: flex;\n padding: 11px 29px;\n align-items: center;\n gap: 2px;\n transition: background 0.15s, border-color 0.15s;\n font-family: ",";\n font-size: 12px;\n font-style: normal;\n font-weight: 300;\n line-height: 140%; /* 19.6px */\n @media (max-width: 768px) {\n padding: 8px 18px;\n }\n"])),n=>n.$active?"#307361":"##E7E8E8",n=>n.$active?"#D0EBE4":"#E7E8E8",n=>n.$active?"#307361":"#111",n=>{let{theme:e}=n;return e.fonts.sofia}),sn=P.c.footer(z||(z=Object(B.a)(["\n width: 100%;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 10px;\n"]))),ln=P.c.button(C||(C=Object(B.a)(["\n background: ",";\n color: ",";\n border: ",";\n display: flex;\n padding: 15px 32px;\n justify-content: center;\n align-items: center;\n gap: 7px;\n\n font-family: ",";\n font-size: 14px;\n font-style: normal;\n font-weight: 300;\n line-height: 140%; /* 19.6px */\n @media (max-width: 768px) {\n width: 100%;\n padding: 12px 20px;\n }\n"])),n=>n.isSecondary?"white":"#307361",n=>n.isSecondary?"#307361":"white",n=>n.isSecondary?"1px solid #307361":"none",n=>{let{theme:e}=n;return e.fonts.sofia}),dn=P.c.div(E||(E=Object(B.a)(["\n position: fixed;\n inset: 0;\n top: 33px;\n opacity: 0.7;\n background: #1c473b;\n z-index: 1000;\n\n @media (max-width: 768px) {\n top: 0;\n }\n"])));var rn=t(116),pn=t(18),xn=t(91),hn=t(63),gn=t(113),bn=t(38),fn=t(31),un=t(0);const jn={restaurants:["restaurants","authenticite-gastronomique","tresors-locaux"],activities:["activites","activites-aquatiques","activites-sportives","activites-et-loisirs","culture-et-vestiges","espaces-naturels","evasion-montagnarde","lacs-et-barrages","vers-les-chemins-de-la-randonnee","pique-nique-au-bord-du-lac","decouvertes-insolites","nature-et-environnement","au-fil-des-eaux","evenements","musique"],hotels:["hebergement"],"travel-agencies":["agence-de-voyages"]};e.default=function(){const{slug:n}=Object(M.i)(),e=Object($.c)(),t=Object(M.g)(),{t:i}=Object(F.a)(),{data:a}=Object(bn.a)(),o=Object(S.useMemo)(()=>{var n,e;return null!==(n=null!==(e=null===a||void 0===a?void 0:a.places)&&void 0!==e?e:null===a||void 0===a?void 0:a.all)&&void 0!==n?n:[]},[a]),{favorites:c}=Object($.d)(n=>n.Favorites||{}),{data:s=[]}=Object(fn.a)(),{local:l}=Object($.d)(n=>n.Local||{}),d=Object(S.useMemo)(()=>jn[n]||[n],[n]),[r,p]=Object(S.useState)(""),[x,h]=Object(S.useState)(!1),[g,b]=Object(S.useState)(12),f=Object(gn.a)(r,300),[u,j]=Object(S.useState)([]),[m,O]=Object(S.useState)([]),[v,w]=Object(S.useState)(!0),[y,k]=Object(S.useState)(0);Object(S.useEffect)(()=>{const n=()=>
1{if(window.innerWidth>768)return void w(!0);if(x)return void w(!0);const n=window.scrollY;n<10?w(!0):n>y&&n>100?w(!1):n<y&&w(!0),k(n)};return window.addEventListener("scroll",n),window.addEventListener("resize",n),()=>{window.removeEventListener("scroll",n),window.removeEventListener("resize",n)}},[y,x]);const z=Object(S.useMemo)(()=>(o||[]).filter(n=>{const e=(n.tags||[]).map(n=>n.slug);return d.some(n=>e.includes(n))}),[o,d]),C=Object(S.useMemo)(()=>m.length?z.filter(n=>{var e,t;return m.includes(null===(e=n.contact)||void 0===e||null===(t=e.address)||void 0===t?void 0:t.city)}):z,[z,m]),E=Object(S.useMemo)(()=>{if(!f||0===f.length)return C;return new Y.a(C,{keys:["title.".concat(l)],threshold:.3,ignoreLocation:!0,minMatchCharLength:2}).search(f).map(n=>n.item)},[C,f,l]),B=Object(S.useMemo)(()=>E.slice(0,g),[E,g]),J=E.length>g;Object(S.useEffect)(()=>{b(12)},[f,m,n]);const P=Object(S.useCallback)(n=>{null!==n&&void 0!==n&&n._id&&t.push("/".concat(l,"/poi/").concat(n._id))},[t,l]),mn=m.length;return Object(un.jsxs)(un.Fragment,{children:[Object(un.jsx)(xn.a,{title:i("thingsToDo")+" - "+(i(n)||n),description:i("seoThingsToDoCategoryDescription","Category page"),local:l}),Object(un.jsxs)(R,{children:[x&&Object(un.jsx)(dn,{onClick:()=>h(!1)}),Object(un.jsxs)(V,{$isOpen:x,children:[Object(un.jsx)("h2",{children:i("filterBy")}),Object(un.jsxs)(an,{children:[Object(un.jsxs)("h3",{children:[i("destinations")," (",u.length,")"]}),Object(un.jsx)(on,{children:(s||[]).map(n=>Object(un.jsx)(cn,{$active:u.includes(n.slug),onClick:()=>{j(e=>e.includes(n.slug)?e.filter(e=>e!==n.slug):[...e,n.slug])},children:Object(pn.c)(()=>n.title[l])||n.slug},n.slug))})]}),Object(un.jsxs)(sn,{children:[Object(un.jsx)(ln,{isSecondary:!0,type:"button",onClick:()=>{j([]),O([]),h(!1)},children:i("cancel")}),Object(un.jsx)(ln,{type:"button",onClick:()=>{O(u),h(!1)},"data-apply":"true",children:i("applyFilters")})]})]}),Object(un.jsxs)(A,{children:[Object(un.jsxs)(N,{$isVisible:v,children:[Object(un.jsx)(G,{children:Object(un.jsx)(q.a,{width:27,height:27})}),r&&Object(un.jsx)(X,{onClick:()=>p(""),children:"X"}),Object(un.jsx)(W,{value:r,onChange:n=>p(n.target.value),type:"text",placeholder:i("searchPlaceholder")}),Object(un.jsxs)(H,{onClick:()=>h(n=>!n),children:[Object(un.jsx)(T.a,{width:20,height:20}),mn>0?Object(un.jsx)("span",{className:"filter-notification-dot"}):null]})]}),Object(un.jsx)(Q,{children:i(n)||i("thingsToDo")}),Object(un.jsx)(I,{children:B.map(n=>{var t;const a=!(null===c||void 0===c||null===(t=c.pois)||void 0===t||!t.includes(n._id));return Object(un.jsxs)(U,{children:[Object(un.jsxs)(Z,{to:"/".concat(l,"/poi/").concat(n._id),onClick:()=>P(n),children:[Object(un.jsx)(tn,{"aria-label":a?i("removeFromFavorites","Remove from favorites"):i("addToFavorites","Add to favorites"),onClick:t=>{t.preventDefault(),t.stopPropagation(),e(Object(hn.b)({pois:[n._id]}))},children:a?Object(un.jsx)(D.a,{width:13,height:13}):Object(un.jsx)(_.a,{width:13,height:13})}),Object(un.jsx)(en,{children:Object(pn.c)(()=>n.title[l])})]}),Object(un.jsx)(nn,{}),Object(un.jsx)(L.a,{src:Object(pn.c)(()=>n.media[0].url,null),alt:Object(pn.c)(()=>n.title[l],""),sizes:"(max-width: 480px) 210px, 300px",loading:"lazy",style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",objectFit:"cover",zIndex:1}})]},n._id)})}),J&&Object(un.jsxs)(ln,{onClick:()=>{b(n=>n+12)},children:[i("showMore")," (",E.length-g," ",i("remaining"),")"]}),0===E.length&&Object(un.jsxs)(K,{children:[Object(un.jsx)("span",{children:Object(un.jsx)(rn.a,{})}),Object(un.jsx)("h1",{children:"oops"}),Object(un.jsx)("h2",{children:i("noResults")})]})]})]})]})}}}]); 2//# sourceMappingURL=33.1ed937d5.chunk.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.