https://www.nieuwbouw-vlietvoorde.nl/frontend/hestia/assets/js/chunks/748.84a687ad7150643935f8.js

1"use strict";(self.webpackChunkfrontend_setup=self.webpackChunkfrontend_setup||[]).push([[748],{9027:(e,o,t)=>{t.d(o,{Z:()=>i});var n=t(7995),r=t(5446);const s=["children","classes","start","controlId"];function ownKeys(e,o){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);o&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),t.push.apply(t,n)}return t}function _objectSpread(e){for(var o=1;o<arguments.length;o++){var t=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(t),!0).forEach(function(o){_defineProperty(e,o,t[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))})}return e}function _defineProperty(e,o,t){return(o=function _toPropertyKey(e){var o=function _toPrimitive(e,o){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,o||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===o?String:Number)(e)}(e,"string");return"symbol"==typeof o?o:o+""}(o))in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}const i={Container:e=>{let{children:o,classes:t,start:r,controlId:i}=e,l=function _objectWithoutProperties(e,o){if(null==e)return{};var t,n,r=function _objectWithoutPropertiesLoose(e,o){if(null==e)return{};var t={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(-1!==o.indexOf(n))continue;t[n]=e[n]}return t}(e,o);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)t=s[n],-1===o.indexOf(t)&&{}.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}(e,s);return(0,n.h)("bpd-slider",_objectSpread(_objectSpread({},l),{},{start:r,controlId:i}),(0,n.h)("ul",{className:`c-slider ${t||""}`,"js-hook-slider":!0},o))},List:({children:e,classes:o,indicators:t})=>(0,n.h)("inview-container",{"data-inview-hook":"js-hook-slider-item"},(0,n.h)("ul",{className:`slider__list ${o||""}`,"js-hook-slider-list":!0},e),t&&(0,n.h)("inview-indicator",null)),Item:({children:e,classes:o})=>(0,n.h)("div",{className:`slider__item ${o||""}`,"js-hook-slider-item":!0},e),Control:({classes:e,label:o,variant:t,active:s,direction:i="left",controlId:l})=>{const a=`\n        ${e}\n        ${s?"slider__control--active":""}\n        slider__control\n        slider__control--${i}\n    `,c="right"===i?"js-hook-slider-control-next":"js-hook-slider-control-previous";return(0,n.h)(r.x,{ariaLabel:o,variant:t,classes:a,svg:"icons-arrow-areas",attributes:{"data-direction":i,[c]:l||!0}})}}},9748:(e,o,t)=>{t.r(o),t.d(o,{HousePlans:()=>HousePlans});var n=t(9490),r=t(7995),s=t(5044),i=t(7030);const l="house-plans-dropdown__items--visible";var a;!function(e){e.DOWN="down",e.UP="up"}(a||(a={}));const HousePlanDropDown=()=>{(0,s.Rd)(i.Z);const[e]=(0,n.v9)("options",[]),[o]=(0,n.v9)("handleOptionClickCallback",()=>null),t=(0,n.YP)("[js-hook-house-plans-dropdown-items]"),c=(0,n.YP)("[js-hook-house-plans-dropdown-text]"),d=(0,n.YP)("[js-hook-house-plans-dropdown-arrow]"),p=(0,n.sO)();function toggleArrowDirection(){const e=d.current?.getAttribute("direction");d.current?.setAttribute("direction",e===a.DOWN?a.UP:a.DOWN)}if((0,n.N_)(()=>{c.current&&e.length&&(c.current.innerHTML=e[0].text)}),e)return(0,r.h)("div",{class:"c-house-plans-dropdown"},(0,r.h)("button",{"aria-hidden":"true",class:"house-plans-dropdown__toggle",onClick:function handleSelectClick(){t.current?.classList.toggle(l),toggleArrowDirection()}},(0,r.h)("div",{class:"house-plans-dropdown__selected"},(0,r.h)("span",{class:"house-plans-dropdown__title"},(0,s.qM)("Options")),(0,r.h)("span",{class:"house-plans-dropdown__selected-text","js-hook-house-plans-dropdown-text":!0},c&&c)),(0,r.h)("div",{class:"house-plans-dropdown__arrow-container"},(0,r.h)("div",{class:"house-plans-dropdown__arrow",direction:"down","js-hook-house-plans-dropdown-arrow":!0}))),(0,r.h)("div",{class:"house-plans-dropdown__items","js-hook-house-plans-dropdown-items":!0},e.map(e=>(0,r.h)("button",{class:"house-plans-dropdown__item",onClick:n=>

1function handleItemClick(e,n){p.current&&(p.current.selected=!1),n.selected=!0,c.current&&(c.current.innerHTML=e.text),p.current=n,t.current?.classList.toggle(l),toggleArrowDirection(),o(e)}(e,n.currentTarget)},e.text))))};HousePlanDropDown.props={options:{type:Array},handleOptionClickCallback:{type:Function}},(0,n.Nk)("bpd-house-plans-dropdown",HousePlanDropDown);var c=t(9027),d=t(8034);const HousePlansSelector=()=>{(0,s.Rd)(d.Z);const[e]=(0,n.v9)("plans",[]),[o]=(0,n.v9)("start",0),[t]=(0,n.v9)("handlePlanSelectorCallback",()=>null),i=(0,n.lq)("[js-hook-house-plans-selector-button]");const l=e.filter(e=>e.floorIndex<0).length>0,a=e.length<=4&&!l;return(0,r.h)("div",{class:"c-house-plans-selector"+(a?" house-plans-selector--compact":"")},(0,r.h)(c.Z.Container,{classes:"house-plans-selector__items",start:o},(0,r.h)(c.Z.Control,{classes:"house-plans-selector__control house-plans-selector__control--left",direction:"left",label:"Go left"}),(0,r.h)(c.Z.List,null,e.map((e,n)=>(0,r.h)(c.Z.Item,null,(0,r.h)("button",{"js-hook-house-plans-selector-button":!0,selected:n===o,class:"house-plans-selector__button",onClick:o=>function handlePlanButtonOnClick(e,o){[...i.current].forEach(e=>{e.removeAttribute("selected")});const n=e.currentTarget;n&&(n.setAttribute("selected",""),t&&t(o))}(o,e)},e.floorText)))),(0,r.h)(c.Z.Control,{classes:"house-plans-selector__control house-plans-selector__control--right",direction:"right",label:"Go right"})))};HousePlansSelector.props={plans:{type:Array},start:{type:Number},handlePlanSelectorCallback:{type:Function}},(0,n.Nk)("bpd-house-plans-selector",HousePlansSelector);var p=t(2699),u=t(7768),h=t(6346),b=t(3869);function ownKeys(e,o){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);o&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),t.push.apply(t,n)}return t}function _defineProperty(e,o,t){return(o=function _toPropertyKey(e){var o=function _toPrimitive(e,o){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,o||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===o?String:Number)(e)}(e,"string");return"symbol"==typeof o?o:o+""}(o))in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}const HousePlans=({element:e})=>{const o=(0,n.YP)("[js-hook-house-plans-image]"),t=(0,n.YP)("[js-hook-house-plans-dropdown]"),i=(0,n.YP)("[js-hook-house-plans-modal-container]"),[,l,a]=(0,n.v9)("currentPlan",null),[,c,d]=(0,n.v9)("currentOption",null);(0,s.Rd)(b.Z);const m=(0,p.Z)(e),w=m?.plans??[],f=m?.pdf;function getFirstPlanIndex(){const e=w.find(({floorIndex:e})=>0===e),o=w.indexOf(e);return o>-1?o:0}function updatePlan(e){l(e),c(e.options[0])}function updateOption(e){c(function _objectSpread(e){for(var o=1;o<arguments.length;o++){var t=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(t),!0).forEach(function(o){_defineProperty(e,o,t[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))})}return e}({},e))}async function handleEnlarge(){if(!e.currentOption)return;const o=JSON.stringify({images:[e.currentOption.image]}),t=(0,r.h)("bpd-media-overlay",{"modal-id":"house-plans-overlay",media:o,"zoom-image":!0});i.current.innerHTML="",i.current.append(t),await t.componentOnReady(),t.open()}return(0,n.N_)(()=>{w.length&&updatePlan(w[getFirstPlanIndex()])}),d(e=>{o.current.innerHTML="",o.current.append((0,r.h)(u.E,{classes:"house-plans__image",image:e.image.image,alt:e.image.alt,preload:{height:16},settings:{"640w":{height:640},"1280w":{height:1280,src:!0},"1920w":{height:1920}}}))}),a(e=>{0!==w.length&&w.length>0&&(t.current.innerHTML="",e.options.length>1&&t.current.append((0,r.h)("bpd-house-plans-dropdown",{options:e.options,handleOptionClickCallback:updateOption})))}),w.length&&(0,r.h)("div",{class:"c-house-plans"},(0,r.h)("div",{class:"o-container"},(0,r.h)("div",{class:"u-flex u-flex-end u-flex-wrap"},(0,r.h)("div",{class:"house-plans__controls"},w.length>1&&(0,r.h)("bpd-house-plans-selector",{plans:w,handlePlanSelectorCallback:updatePlan,start:getFirstPlanIndex()}),(0,r.h)("div",{class:"house-plans__dropdown-container","js-hook-house-plans-dropdown":!0}))),(0,r.h)("div",{class:"u-flex u-flex-center"},(0,r.h)("button",{class:"house-plans__image-container",onClick:handleEnlarge,"js-hook-house-plans-image":!0}))),(0,r.h)("div",{"js-hook-house-plans-modal-container":!0}),(0,r.h)("div",{class:"house-plans__actions"}

1,(0,r.h)(h.zx,{classes:"house-plans__action",label:(0,s.qM)("Magnification"),icon:"icons-enlarge",variant:"grey-90",onClick:handleEnlarge}),f&&(0,r.h)(h.bx,{label:"Download",classes:"house-plans__action",icon:"icons-download",variant:"grey-90",target:"_blank",url:f})))};HousePlans.props={currentPlan:{type:Object,required:!1},currentOption:{type:Object,required:!1}},(0,n.Nk)("bpd-house-plans",HousePlans)},7030:(e,o,t)=>{t.d(o,{Z:()=>l});var n=t(8081),r=t.n(n),s=t(3645),i=t.n(s)()(r());i.push([e.id,":host{display:block;width:100%}.c-house-plans-dropdown{position:relative}.house-plans-dropdown__toggle{-ms-flex-pack:distribute;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:var(--color-white);border:.1rem solid var(--color-grey-10);height:5.7rem;-webkit-justify-content:space-around;justify-content:space-around;position:relative}.house-plans-dropdown__selected,.house-plans-dropdown__toggle{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%}.house-plans-dropdown__selected{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;line-height:1.5rem;padding:0 2rem}.house-plans-dropdown__selected span{padding:.1rem}.house-plans-dropdown__title{font-size:1rem}.house-plans-dropdown__selected-text{color:var(--color-black);font-size:1.6rem}.house-plans-dropdown__items{background-color:var(--color-white);border-bottom:.1rem solid var(--color-grey-10);border-left:.1rem solid var(--color-grey-10);border-right:.1rem solid var(--color-grey-10);display:none;opacity:0;position:absolute;top:5.6rem;-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:100%;z-index:999}.house-plans-dropdown__items--visible{display:block;opacity:1}.house-plans-dropdown__arrow-container{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;margin-right:2rem}.house-plans-dropdown__arrow[direction=down],.house-plans-dropdown__arrow[direction=up]{border-bottom:.5rem solid var(--color-black);border-left:.5rem solid transparent;border-right:.5rem solid transparent;height:0;width:0}.house-plans-dropdown__arrow[direction=down]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.house-plans-dropdown__item{background-color:var(--color-white);color:var(--color-black);cursor:pointer;display:block;font-size:1.6rem;padding:2rem}.house-plans-dropdown__item[selected],html.is-touch--with-mouse .house-plans-dropdown__item:hover,html:not(.is-touch) .house-plans-dropdown__item:hover{color:var(--color-secondary)}",""]);const l=i.toString()},8034:(e,o,t)=>{t.d(o,{Z:()=>l});var n=t(8081),r=t.n(n),s=t(3645),i=t.n(s)()(r());i.push([e.id,".c-house-plans-selector{background-color:var(--color-grey-20);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;z-index:1}.house-plans-selector--compact .house-plans-selector__items{padding-left:0;width:auto}.house-plans-selector--compact .house-plans-selector__control{display:none}.house-plans-selector__control{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background-color:var(--color-grey-20);color:var(--color-black);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-justify-content:center;justify-content:center;opacity:0;position:absolute;-webkit-transition:opacity .15s cubic-bezier(.215,.61,.355,1);transition:opacity .15s cubic-bezier(.215,.61,.355,1);width:4rem}.house-plans-selector__control.slider__control--is-active{opacity:1}.house-plans-selector__control:after{display:none}html.is-touch--with-mouse .house-plans-selector__control:hover,html:not(.is-touch) .house-plans-selector__control:hover{background-color:var(--color-white);color:var(--color-black)}

1.house-plans-selector__control--left{left:0}.house-plans-selector__control--right{right:0}.house-plans-selector__items{-webkit-box-orient:horizontal;-webkit-box-direction:normal;background-color:var(--color-grey-20);-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;left:0;padding-left:4rem;position:relative;-webkit-transition:left .15s ease-in-out,-webkit-transform .15s ease;transition:left .15s ease-in-out,-webkit-transform .15s ease;transition:left .15s ease-in-out,transform .15s ease;transition:left .15s ease-in-out,transform .15s ease,-webkit-transform .15s ease;width:100%}.house-plans-selector__button,.house-plans-selector__items{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.house-plans-selector__button{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;height:5.6rem;-webkit-justify-content:center;justify-content:center;text-decoration:none;-webkit-transition:.15s ease-in-out;transition:.15s ease-in-out;-webkit-transition-property:color,background-color;transition-property:color,background-color;width:5.6rem}html.is-touch--with-mouse .house-plans-selector__button:hover,html:not(.is-touch) .house-plans-selector__button:hover{background-color:var(--color-white);color:var(--color-black)}.house-plans-selector__button[selected]{background-color:var(--color-black);color:var(--color-white)}@media only screen and (min-width:48em){.house-plans-selector__items{width:24.8rem}}",""]);const l=i.toString()},3869:(e,o,t)=>{t.d(o,{Z:()=>l});var n=t(8081),r=t.n(n),s=t(3645),i=t.n(s)()(r());i.push([e.id,".c-house-plans{background-color:var(--color-bg);padding-top:4.8rem;position:relative;width:100%}.house-plans__controls{margin-bottom:1.6rem;min-height:12rem;position:relative;z-index:1}.house-plans__dropdown-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;z-index:1}.house-plans__image{margin-bottom:4rem;width:100%}.house-plans__image img{height:40rem;max-width:100%;-o-object-fit:contain;object-fit:contain;width:auto}.house-plans__action{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%}.house-plans__action:first-child{border-right:1px solid var(--color-grey-50)}@media only screen and (min-width:30em){.house-plans__image{margin-bottom:11rem}.house-plans__image img{height:55rem}.house-plans__actions{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center}}@media only screen and (min-width:48em){.c-house-plans{padding-bottom:8rem;padding-top:8rem}.house-plans__controls{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin-bottom:0;max-width:31.6rem;position:absolute;right:3.2rem;top:3.2rem}.house-plans__image{margin-bottom:0}.house-plans__actions{-webkit-box-pack:end;-ms-flex-pack:end;bottom:0;-webkit-justify-content:flex-end;justify-content:flex-end;position:absolute;right:0}.house-plans__action{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}}@media only screen and (min-width:77.5em){.house-plans__controls{right:8rem;top:8rem}}@media only screen and (max-width:47.96875em){.house-plans__controls{max-width:100%}.house-plans__controls bpd-slider{width:100%}.house-plans__actions{margin-top:1rem}}",""]);const l=i.toString()}}]);
2//# sourceMappingURL=748.84a687ad7150643935f8.js.map