https://www.locaties.nl/_next/static/chunks/5561.cffed2d13c2280e1.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5561],{601:(e,a,t)=>{"use strict";t.d(a,{A:()=>m});var l=t(84888),s=t(70900),r=t(96342),o=t(4740),n=t(74243),i=t(65868),c=t(23160),p=t(53505),d=t(18281),u=t(19255),_=t.n(u),h=t(40703);function m(e){var a;let{title:t,titleSuffix:u,titleEllipsis:m=!0,image:b,handleClosePopUp:y,showBorder:x=!0,spacing:f="full",subTitle:v}=e,[j,g]=(0,s.useState)(),N=(0,h.a)();return(0,s.useEffect)(()=>{g("\n      (max-width: 640px) ".concat((0,i.W0)({size:150,unit:i.kI.vw}),",\n      ").concat((0,i.W0)({size:608,unit:i.kI.px})))},[]),(0,l.jsx)("div",{className:(0,r.A)(_().popUpHeader,{[_().popupHeaderWithBorder]:x}),children:(0,l.jsxs)("div",{className:(0,r.A)(_().popUpHeaderWrapper,_()["spacing".concat((0,n.ym)(f))]),children:[(0,n.a4)(b)&&(0,l.jsx)("div",{className:_().popUpHeaderImage,children:(0,l.jsx)(c.Ay,{alt:b.title,className:_().popUpHeaderImage,width:100,height:80,isLoading:!(0,n.a4)(j),sizes:j,objectFit:c.LX.cover,objectPosition:c.lg.center,src:null!=(a=b.url)?a:""})}),(0,l.jsxs)("div",{className:_().popUpHeaderTitle,children:[(0,n.a4)(t)&&(0,l.jsx)(d.Ay,{level:2,stylingLevel:d.PB.h4,id:"dialog-title",className:(0,r.A)(_().popUpTitle,{[_().popUpTitleEllipsis]:m}),children:(0,n.a4)(u)?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("span",{className:_().popUpTitle,children:t}),(0,l.jsx)("span",{className:_().popUpTitleSuffix,children:u})]}):t}),(0,n.a4)(v)?v:null]}),(0,l.jsx)("button",{className:_().popUpButtonClose,"aria-label":N("close"),onClick:y,children:(0,l.jsx)(p.Z,{icon:o.V.close,className:_().popUpButtonIcon})})]})})}},19255:e=>{e.exports={popUpHeader:"styles_popUpHeader__o3K7T",popupHeaderWithBorder:"styles_popupHeaderWithBorder__yy7NZ",popUpHeaderWrapper:"styles_popUpHeaderWrapper__W9K_7",popUpHeaderImage:"styles_popUpHeaderImage__G_c8e",popUpHeaderTitle:"styles_popUpHeaderTitle__v0JGE",popUpTitleSuffix:"styles_popUpTitleSuffix__LP0FG",popUpButtonClose:"styles_popUpButtonClose___AoYo",popUpButtonIcon:"styles_popUpButtonIcon__2m3fl",popUpTitle:"styles_popUpTitle__r3K4Y",popUpTitleWrap:"styles_popUpTitleWrap__e_UKh",popUpTitleEllipsis:"styles_popUpTitleEllipsis__QxHwa",spacingSmall:"styles_spacingSmall__Kz_cU",spacingMedium:"styles_spacingMedium__j1kDG",spacingLarge:"styles_spacingLarge__HC7Qu",spacingFull:"styles_spacingFull__FMyCy"}},19632:e=>{e.exports={spacesSlider:"styles_spacesSlider__DQQAW",spacesSliderHeader:"styles_spacesSliderHeader__hZxWd",spacesNavigation:"styles_spacesNavigation__8URYO",spacesNavigationButton:"styles_spacesNavigationButton__skkED",spacesSliderContent:"styles_spacesSliderContent__2gEUF",indicator:"styles_indicator__haUOb",slider:"styles_slider__ALVVa",slide:"styles_slide__DzJ_I"}},25561:(e,a,t)=>{"use strict";t.r(a),t.d(a,{default:()=>I});var l=t(84888),s=t(601),r=t(70900),o=t(96342),n=t(29575),i=t(74243),c=t(40703),p=t(23160),d=t(51231),u=t.n(d),_=t(99780),h=t(53533),m=t(66697),b=t(1995),y=t(52042),x=t(62472),f=t(81513);function v(e){let{data:a,onClickCallBack:t}=e,s=(0,c.a)(),d=(0,m.useRouter)(),[v,j]=(0,r.useState)([]),g=e=>{if((0,i.pE)(e.tableLayout))return e.tableLayout.find(a=>a.layout.name===e.layoutType)};(0,r.useEffect)(()=>{j((e=>{let a=[];return(0,i.pE)(e)?(e.forEach(e=>{((0,h.L8)(e)||(0,h.Kb)(e))&&(0,i.pE)(e.tableLayouts)&&e.tableLayouts.forEach(e=>{a.push((0,i.a4)(e.layout.name)?e.layout.name:"")})}

1),[...new Set(a)]):a})(a))},[a]);let N=(0,r.useCallback)(e=>{d.push((0,_.F)({...e,locale:d.locale})),t()},[t,d]);return(0,l.jsx)("div",{className:u().tableData,children:(0,l.jsxs)(n.bL,{className:u().scrollArea,children:[(0,l.jsx)(n.LM,{className:u().scrollViewport,children:(0,l.jsx)("div",{className:u().wrapper,children:(0,l.jsxs)("table",{className:(0,o.A)(u().tableContainer,{[u().noTableLayout]:!(0,i.pE)(v)}),children:[(0,l.jsxs)("thead",{children:[(0,l.jsxs)("tr",{className:(0,o.A)(u().tableDataRowHead),children:[(0,l.jsx)("th",{className:(0,o.A)(u().tableDataSpace),children:s("global.space")}),(0,i.a4)(a)&&(0,h.L8)(a[0])&&(0,l.jsx)("th",{}),(0,l.jsx)("th",{className:u().hideOnMobile}),(0,l.jsx)("th",{className:u().tableDataSpacerImage}),(0,i.pE)(v)&&(0,l.jsx)("th",{className:(0,o.A)(u().tableDataCapacity),colSpan:v.length,children:s("MaxCapacityPerSetup")})]}),(0,l.jsxs)("tr",{className:u().tableDataRowHead,children:[(0,l.jsx)("th",{className:(0,o.A)(u().tableDataCol,u().hideOnMobile)}),(0,l.jsx)("th",{className:(0,o.A)(u().tableDataName)}),(0,l.jsx)("th",{className:(0,i.a4)(a)&&(0,h.Kb)(a[0])?(0,o.A)(u().tableDataSeperator):(0,o.A)(u().tableDataCol),children:s("Surface")}),(0,i.a4)(a)&&(0,y.H)(a[0])&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("th",{className:(0,o.A)(u().tableDataSeperator),children:s("NumberOfRooms")}),(0,l.jsx)("th",{className:(0,o.A)(u().tableDataSeperator),children:s("NumberOfPersonsPerRoom")})]}),(0,i.a4)(a)&&(0,h.L8)(a[0])&&(0,l.jsx)("th",{className:(0,o.A)(u().tableDataSeperator),children:s("Height")}),(0,i.pE)(v)&&v.map((e,a)=>(0,l.jsx)("th",{className:(0,o.A)(u().tableDataCol),children:(0,l.jsx)("span",{className:u().thead,children:s("".concat(e))})},"th-layout-".concat(a)))]})]}),(0,l.jsx)("tbody",{children:(0,i.pE)(a)&&a.map((e,t)=>{var r,n,c;return(0,l.jsxs)("tr",{onClick:()=>N({id:e.id,title:e.name,type:e.typeName}),className:(0,o.A)(u().tableDataBody,u().tableDataRow,u().tableDataRowButton),children:[(0,l.jsx)("td",{className:(0,o.A)(u().tableColImage),children:(0,l.jsx)(p.Ay,{"data-testid":"overviewimage",objectFit:p.LX.cover,objectPosition:p.lg.center,className:u().tableDataImage,width:160,height:160,src:(0,i.pE)(e.images)&&null!=(r=e.images[0].url)?r:"",alt:(0,i.pE)(e.images)&&null!=(n=e.images[0].title)?n:""})}),(0,l.jsx)("th",{className:(0,o.A)(u().stickyTableCell,u().tableDataName),children:e.name}),(0,l.jsx)("td",{className:(0,i.a4)(a)&&(0,h.Kb)(a[0])?(0,o.A)(u().tableDataSeperator):(0,o.A)(u().tableDataCol),children:!(0,x.BB)(e)&&((0,i.I6)(e.surface)||(0,i.I6)(e.length)&&(0,i.I6)(e.width))?s("{var} m\xb2",{values:{var:(0,i.I6)(e.surface)?(0,f.E)(null!=(c=null==d?void 0:d.locale)?c:b.zB.enUS,2).format(e.surface):((e,a)=>{if((0,i.I6)(e)&&(0,i.I6)(a)){var t;return(0,f.E)(null!=(t=null==d?void 0:d.locale)?t:b.zB.enUS,2).format(e*a)}return"-"})(e.width,e.length)}}):"-"}),(0,h.L8)(e)&&(0,l.jsx)("td",{className:(0,o.A)(u().tableDataSeperator),children:(0,i.I6)(e.height)?s("{var} m",{values:{var:e.height}}):"-"}),(0,y.H)(e)&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("td",{className:(0,o.A)(u().tableDataSeperator),children:(0,i.I6)(e.numberOfRooms)?e.numberOfRooms:"-"}),(0,l.jsx)("td",{className:(0,o.A)(u().tableDataSeperator),children:(0,i.I6)(e.numberOfPersonsPerRoom)?e.numberOfPersonsPerRoom:"-"})]}),(0,i.pE)(v)&&!(0,y.H)(e)&&v.map((a,t)=>{var s;return(0,l.jsx)("td",{className:(0,o.A)(u().tableDataCol),children:((0,h.Kb)(e)||(0,h.L8)(e))&&(0,i.a4)(g({tableLayout:e.tableLayouts,layoutType:a}))?null==(s=g({tableLayout:e.tableLayouts,layoutType:a}))?void 0:s.capacity:"-"},"layout-".concat(t))})]},"table-row-".concat(t))})})]})})}),(0,l.jsx)(n.Ze,{orientation:"horizontal",children:(0,l.jsx)(n.zi,{})}),(0,l.jsx)(n.Ze,{orientation:"vertical",children:(0,l.jsx)(n.zi,{})}),(0,l.jsx)(n.OK,{})]})})}var j=t(701);t(98968);let g=function(e){(0,r.useEffect)(e,[])},N=function(e){var a=(0,r.useRef)(e);a.current=e,g(function(){return function(){return a.current()}})},S=function(e){var a=(0,r.useRef)(0),t=(0,r.useState)(e),l=t[0],s=t[1],o=(0,r.useCallback)(function(e){cancelAnimationFrame(a.current),a.current=requestAnimationFrame(function(){s(e)})},[]);return N(function(){cancelAnimationFrame(a.current)}),[l,o]};var w=t(89543);let D=function(e,a){void 0===e&&(e=1/0),void 0===a&&(a=1/0);var t=S({width:w.Bd?window.innerWidth:e,height:w.Bd?window.innerHeight:a}),l=t[0],s=t[1];return(0,r.useEffect)(function(){if(w.Bd){var e=function(){s({width:window.innerWidth,height:window.innerHeight})};return(0,w.on)(window,"resize",e),function(){(0,w.AU)(window,"resize",e)}}},[]),l};var A=t(19632),C=t.n(A);function E(e){let{tabs:a,activeTab:t,children:s,className:n,classNameHeader:c,classNameContent:p,stopPropagationOnClick:d=!1}=e,u=(0,r.useRef)(0),[_,h]=(0,r.useState)(),m=(0,r.useRef)(null),b=(0,r.useRef)(a.map(()=>(0,r.createRef)())),y=D(),[x,f]=(0,j.E)({slides:{perView:1},drag:!1,slideChanged(e){u.current=e.track.details.rel,v(e.track.details.rel)}}),v=e=>

1{let a=b.current[e].current;null!==a&&h({left:a.offsetLeft,width:a.getBoundingClientRect().width})},g=(0,r.useCallback)(e=>{var a;null==(a=f.current)||a.moveToIdx(e)},[f]),N=(0,r.useCallback)(e=>{let t=a.length;if("ArrowLeft"===e.key&&g(u.current-1),"ArrowRight"===e.key){let e=u.current+1;e<=t&&g(e)}},[g,a.length]);return(0,r.useEffect)(()=>{var e;let l=0;a.forEach((e,a)=>{e.id===t&&(l=a)}),null==(e=f.current)||e.moveToIdx(l),v(l)},[t,f,a]),(0,r.useEffect)(()=>{v(u.current)},[y]),(0,r.useEffect)(()=>{document.addEventListener("keydown",N,!1)}),(0,l.jsxs)("div",{className:(0,o.A)(C().spacesSlider,n),children:[(0,l.jsxs)("div",{className:(0,o.A)(C().spacesSliderHeader,c),children:[(0,l.jsx)("div",{className:C().spacesNavigation,ref:x,children:(0,i.a4)(a)&&a.length>0?a.map((e,a)=>(0,l.jsx)("button",{"data-testid":"slider-nav-hall",onClick:t=>{var l;(0,i.a4)(e.onClick)&&e.onClick(),null==(l=f.current)||l.moveToIdx(a),d&&t.stopPropagation()},ref:b.current[a],className:(0,o.A)(C().spacesNavigationButton,{[C().spacesNavigationButtonActive]:u}),children:e.name},"slide-nav-".concat(a))):null}),(0,l.jsx)("div",{className:C().indicator,style:_,ref:m})]}),(0,l.jsx)("div",{className:(0,o.A)(C().spacesSliderContent,p),children:(0,l.jsx)("ul",{className:(0,o.A)("list keen-slider",C().slider),ref:x,children:(0,i.pE)(s)?s.map((e,a)=>(0,l.jsx)("li",{className:(0,o.A)("keen-slider__slide flex",C().slideNew),children:e},"component-slider-".concat(a))):null})})]})}var U=t(30881),H=t.n(U),k=t(64786),L=t(87939),B=t(25643);function I(e){let{isActive:a,onPopupReady:t}=e,o=(0,c.a)(),n=(()=>{let{venueChildren:e}=(0,L.G)(),{updateParams:a}=(0,B.h)(),t=(0,c.a)(),l=[];return(0,i.a4)(e)&&((0,i.pE)(e.indoorSpaces)&&l.push({id:"indoor-spaces",name:t("Indoor Spaces"),onClick:()=>a({"active-tab":"indoor-spaces"},"replace")}),(0,i.pE)(e.outdoorSpaces)&&l.push({id:"outdoor-spaces",name:t("Outdoor Spaces"),onClick:()=>a({"active-tab":"outdoor-spaces"},"replace")}),(0,i.pE)(e.rooms)&&l.push({id:"rooms",name:t("Rooms"),onClick:()=>a({"active-tab":"rooms"},"replace")})),l})(),p=(()=>{let{venueChildren:e}=(0,L.G)(),a=[];return(0,i.a4)(e)&&((0,i.pE)(e.indoorSpaces)&&a.push(e.indoorSpaces),(0,i.pE)(e.outdoorSpaces)&&a.push(e.outdoorSpaces),(0,i.pE)(e.rooms)&&a.push(e.rooms)),a})(),{params:d,closeDialog:u}=(0,B.h)(),{product:_}=(0,L.G)(),h=null==d?void 0:d["active-tab"],m=null==_?void 0:_.name,b=o("global.spaces");(0,r.useEffect)(()=>{null==t||t()},[t]);let y=(0,r.useCallback)(()=>{u()},[u]);return(0,l.jsx)(k.Ay,{open:a,onCloseClick:y,size:k.Uh.extraLarge,children:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(s.A,{title:b,titleSuffix:m,handleClosePopUp:y,showBorder:!1}),(0,i.pE)(n)?(0,l.jsx)(E,{tabs:n,activeTab:h,classNameHeader:H().tabbableSliderPopUpHeader,children:null==p?void 0:p.map((e,a)=>(0,l.jsx)(v,{data:e,onClickCallBack:y},"spacesTableContent-".concat(a)))}):null]})})}},30881:e=>{e.exports={tabbableSliderPopupHeader:"styles_tabbableSliderPopupHeader__X614J"}},51231:e=>{e.exports={tableData:"styles_tableData__7tojv",wrapper:"styles_wrapper__wavLD",tableContainer:"styles_tableContainer__Xt9WA",tableDataRow:"styles_tableDataRow__HelRj",tableDataRowHead:"styles_tableDataRowHead__ZPHSH",tableDataCol:"styles_tableDataCol__47Xk4",tableDataRowButton:"styles_tableDataRowButton__7PdBq",tableColImage:"styles_tableColImage__Jl_6g",tableDataImage:"styles_tableDataImage__6T4_x",tableDataName:"styles_tableDataName__Y1dO5",tableDataSpace:"styles_tableDataSpace__KWB8s",tableDataSpacer:"styles_tableDataSpacer__ic928",tableDataCapacity:"styles_tableDataCapacity__94RQu",scrollArea:"styles_scrollArea__PRxEl",scrollViewport:"styles_scrollViewport__YlfVi",tableDataSeperator:"styles_tableDataSeperator__S75wY",noTableLayout:"styles_noTableLayout__zz5Z3",hideOnMobile:"styles_hideOnMobile__j7F4k"}}}]);