https://www.bruna.nl/client/6.54.0-8637/8442.bundle.9f3b57ee846e6b3e8c34.js

1"use strict";(this.__LOADABLE_LOADED_CHUNKS__=this.__LOADABLE_LOADED_CHUNKS__||[]).push([[8442],{78442:function(e,t,n){n.d(t,{default:function(){return G}});var r=n(23604),a=n.n(r),i=n(89962),o=n(21112),c=n(48696),l=n(85831),s=n(79123),m=n(49318),u=n(81120),d=n(10311),p=n(20301),h=n(84069),b=n.n(h),g=n(44345),v=n.n(g),f=n(25947),k=n.n(f),y=n(92860),E=n(65794),A=n.n(E),N=(n(88329),n(40660)),C=n.n(N),L=n(65752),B=n(34028),I=n(35750),S=n(73159),D=n(17426),_=n(65821);function O(){try{var e=!Boolean.prototype.valueOf.call(a()(Boolean,[],function(){}))}catch(e){}return(O=function(){return!!e})()}var w=function(e){function t(){return(0,l.A)(this,t),e=this,n=t,r=arguments,n=(0,u.A)(n),(0,m.A)(e,O()?a()(n,r||[],(0,u.A)(e).constructor):n.apply(e,r));var e,n,r}return(0,d.A)(t,e),(0,s.A)(t,[{key:"homeLink",get:function(){return{name:(0,_.t)("common.home.link"),url:"/"}}},{key:"currentLink",get:function(){return{name:this.props.title}}},{key:"breadcrumbs",get:function(){var e=this.props.components,t=void 0===e?[]:e;return C()(t).call(t,function(e){return"breadcrumb"===e["component-type"]})||{items:[this.homeLink,this.currentLink]}}},{key:"subtitle",get:function(){return this.breadcrumbs.items&&this.breadcrumbs.items.length>2?this.breadcrumbs.items[this.breadcrumbs.items.length-2].name:this.props.subtitle}},{key:"render",value:function(){var e=this.props,t=e.title,n=e.products,r=void 0===n?[]:n;return y.createElement("div",{className:"container stacked-page-header"},y.createElement(L.y,null,y.createElement(L.f,{sm:7},y.createElement("div",{className:"details"},y.createElement(S.A,{items:this.breadcrumbs.items,removable:this.breadcrumbs.removable}),y.createElement("h1",null,t),y.createElement("h2",null,this.subtitle))),y.createElement(L.f,{sm:5,className:"mobile-hidden"},y.createElement("div",{className:"collection"},y.createElement("div",{className:"stacked-items"},b()(r).call(r,function(e,t){var n=new D.Y(e);return y.createElement(I.A,{href:n.url,className:"item",key:t},y.createElement(B.X$,{product:n,maxHeight:300}))})),y.createElement("div",{className:"circle-wrapper"},y.createElement("div",{className:"circle-bg dynamic-color"}))))))}}])}(y.Component);w.propTypes={products:A().array,title:A().string,subtitle:A().string,components:A().array};var T=w;function j(){try{var e=!Boolean.prototype.valueOf.call(a()(Boolean,[],function(){}))}catch(e){}return(j=function(){return!!e})()}var R=function(e){function t(){return(0,l.A)(this,t),e=this,n=t,r=arguments,n=(0,u.A)(n),(0,m.A)(e,j()?a()(n,r||[],(0,u.A)(e).constructor):n.apply(e,r));var e,n,r}return(0,d.A)(t,e),(0,s.A)(t,[{key:"homeLink",get:function(){return{name:(0,_.t)("common.home.link"),url:"/"}}},{key:"currentLink",get:function(){return{name:this.props.title}}},{key:"breadcrumbs",get:function(){var e=this.props.components,t=void 0===e?[]:e;return C()(t).call(t,function(e){return"breadcrumb"===e["component-type"]})||{items:[this.homeLink,this.currentLink]}}},{key:"render",value:function(){var e=this.props,t=e.title,n=e.subtitle,r=e.backgroundImage;return y.createElement("div",{className:"container background-page-header"},y.createElement(L.y,null,y.createElement(L.f,{sm:6},y.createElement("div",{className:"details"},y.createElement(S.A,{items:this.breadcrumbs.items,removable:this.breadcrumbs.removable}),y.createElement("h1",null,t),y.createElement("h2",null,n))),y.createElement(L.f,{sm:6,className:"mobile-hidden"},y.createElement("div",{className:"background-container"},y.createElement("img",{alt:t,src:r})))))}}])}(y.Component);R.propTypes={title:A().string,subtitle:A().string,components:A().array,backgroundImage:A().string};var H=R;function K(){try{var e=!Boolean.prototype.valueOf.call(a()(Boolean,[],function(){}))}catch(e){}return(K=function(){return!!e})()}var P=function(e){function t(){return(0,l.A)(this,t),e=this,n=t,r=arguments,n=(0,u.A)(n),(0,m.A)(e,K()?a()(n,r||[],(0,u.A)(e).constructor):n.apply(e,r));var e,n,r}return(0,d.A)(t,e),(0,s.A)(t,[{key:"homeLink",get:function(){return{name:(0,_.t)("common.home.link"),url:"/"}}},{key:"currentLink",get:function(){return{name:this.props.title}}},{key:"breadcrumbs",get:function(){var e=this.props.components,t=void 0===e?[]:e;return C()(t).call(t,function(e){return"breadcrumb"===e["component-type"]})||{items:[this.homeLink,this.currentLink]}}},{key:"render",value:function(){var e=this.props,t=e.title,n=e.subt

1itle,r=e.products,a=void 0===r?[]:r;return y.createElement("div",{className:"container simple-page-header"},y.createElement(L.y,null,y.createElement(L.f,{sm:6},y.createElement("div",{className:"details"},y.createElement(S.A,{items:this.breadcrumbs.items,removable:this.breadcrumbs.removable}),y.createElement("h1",null,t),y.createElement("h2",null,n))),y.createElement(L.f,{sm:6,className:"mobile-hidden"},y.createElement("div",{className:"collection"},b()(a).call(a,function(e,t){var n=new D.Y(e);return y.createElement(I.A,{href:n.url,className:"item",key:t},y.createElement("div",{className:"product-image-wrapper"},y.createElement(B.X$,{product:n})))})))))}}])}(y.Component);P.propTypes={products:A().array,title:A().string,subtitle:A().string,components:A().array};var U=P,Y=function(e){var t=e.title,n=e.subtitle,r=e.backgroundImage,a=e.components,i=void 0===a?[]:a,o={name:(0,_.t)("common.home.link"),url:"/"},c={name:t},l=C()(i).call(i,function(e){return"breadcrumb"===e["component-type"]})||{items:[o,c]};return y.createElement("div",{className:"image-page-header"},y.createElement("div",{className:"container"},y.createElement(L.y,null,y.createElement(L.f,{sm:7},y.createElement("div",{className:"details"},y.createElement(S.A,{items:l.items,removable:l.removable}),y.createElement("h1",null,t),y.createElement("h2",null,l.items&&l.items.length>2?l.items[l.items.length-2].name:n))),y.createElement(L.f,{sm:5,className:"mobile-hidden"},y.createElement("div",{className:"artwork-wrap dynamic-color"},y.createElement("img",{alt:t,src:r}))))))};Y.propTypes={title:A().string,subtitle:A().string,components:A().array,backgroundImage:A().string};var x=Y,X=function(e){var t=e.title,n=e.backgroundImage,r=e.subtitle,a=e.breadcrumbsData,i=void 0===a?{}:a,o=e.hiddenSubtitle,c=e.additionalInfo,l={name:(0,_.t)("common.home.link"),url:"/"},s=i||{items:[l,{name:t}]};return y.createElement("div",{className:"plain-image-page-header"},y.createElement("div",{className:"container"},y.createElement(L.y,null,y.createElement(L.f,{sm:6},y.createElement("div",{className:"details"},y.createElement(S.A,{items:s.items,removable:s.removable}),y.createElement("h1",null,t),y.createElement("h2",null,o?null:s.items&&s.items.length>2?s.items[s.items.length-2].name:r),y.createElement("span",{className:"additional-info ".concat(c.textColor)},c.component))),n&&y.createElement(L.f,{sm:6,className:"mobile-hidden"},y.createElement("div",{className:"dynamic-color"},y.createElement("img",{alt:t,src:n}))))))};X.propTypes={title:A().string,subtitle:A().string,backgroundImage:A().string,breadcrumbsData:A().object,hiddenSubtitle:A().bool,additionalInfo:A().object};var $=X,M=n(21125),q=["variant","subtitle","hiddenSubtitle","title"];function z(){try{var e=!Boolean.prototype.valueOf.call(a()(Boolean,[],function(){}))}catch(e){}return(z=function(){return!!e})()}var F=function(e){function t(e){var n,r,i,o;return(0,l.A)(this,t),r=this,i=t,o=[e],i=(0,u.A)(i),n=(0,m.A)(r,z()?a()(i,o||[],(0,u.A)(r).constructor):i.apply(r,o)),(0,p.A)(n,"setBackgroundColor",function(){n.setState({backgroundClass:n.backgroundColorClass})}),n.state={backgroundClass:"hue-default"},n.imageRef=(0,y.createRef)(),n}

1return(0,d.A)(t,e),(0,s.A)(t,[{key:"componentDidMount",value:function(){this.setBackgroundColor()}},{key:"componentDidUpdate",value:function(e){e.backgroundColor!==this.props.backgroundColor&&this.setBackgroundColor()}},{key:"products",get:function(){var e,t,n=[],r=this.props,a=r.store,i=r.products,o=void 0===i?[]:i,l=r.productSelection,s=void 0===l?[]:l;return b()(s).call(s,function(e){var t=a.storedProducts()[e]||"";return!!t&&n.push(t)}),v()(e=k()(t=[]).call(t,(0,c.A)(o),n)).call(e,0,4)}},{key:"firstProduct",get:function(){var e;return(null===(e=this.products)||void 0===e?void 0:e.length)>0?new D.Y(this.products[0]):{}}},{key:"dominantImageSrc",get:function(){var e=this.props,t=e.backgroundImage;return"background"===e.variant?t||null:this.firstProduct.image||null}},{key:"backgroundColorClass",get:function(){return"dynamic"===this.props.backgroundColor&&this.imageRef.current?(0,M.cw)(this.imageRef.current):(0,M.tK)(this.props.backgroundColor)}},{key:"component",get:function(){var e={simple:U,stacked:T,background:H,image:x,plainImage:$,default:U};return e[this.props.variant]||e.default}},{key:"hasDynamicBgColor",get:function(){return"dynamic"===this.props.backgroundColor}},{key:"render",value:function(){var e,t=this.state.backgroundClass,n=this.props,r=n.variant,a=void 0===r?"simple":r,c=n.subtitle,l=n.hiddenSubtitle,s=n.title,m=(0,o.A)(n,q),u=this.component;return y.createElement("div",{className:k()(e="dynamic-page-header ".concat(a," ")).call(e,t)},y.createElement(u,(0,i.A)({},m,{title:s,subtitle:l?null:c,products:this.products,hiddenSubtitle:l})),!!this.hasDynamicBgColor&&this.dominantImageSrc&&y.createElement("img",{alt:s,style:{display:"none"},onLoad:this.setBackgroundColor,src:this.dominantImageSrc,ref:this.imageRef}))}}])}(y.Component);F.propTypes={productSelection:A().array,products:A().array,title:A().string,subtitle:A().string,hiddenSubtitle:A().bool,variant:A().oneOf(["simple","stacked","image","background","plainImage"]),backgroundColor:A().oneOf(["dynamic","default","red","orange","yellow","green","grey","blue","greyBlue","purple","pink"]),backgroundImage:A().string,store:A().object,breadcrumbsData:A().object,additionalInfo:A().object};var G=F}}]);
2//# sourceMappingURL=8442.bundle.9f3b57ee846e6b3e8c34.js.map