https://www.oralb.nl/_next/static/chunks/3392.d9ae83e9705953ee.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3392],{73392:(e,l,n)=>{n.r(l),n.d(l,{GalleryBlockTest:()=>p,default:()=>v});var a=n(65069),i=n(14232),t=n(18847),s=n.n(t),d=n(43876),r=n(86364),u=n(32888),o=n(54394),c=n(37876);s()(function(){return Promise.resolve().then(n.bind(n,46628))},{loadableGenerated:{webpack:function(){return[46628]}}});var m=s()(function(){return Promise.resolve().then(n.bind(n,7560))},{loadableGenerated:{webpack:function(){return[7560]}}}),b=s()(function(){return Promise.resolve().then(n.bind(n,91838))},{loadableGenerated:{webpack:function(){return[91838]}}}),f=s()(function(){return Promise.resolve().then(n.bind(n,4485))},{loadableGenerated:{webpack:function(){return[4485]}}});function x(e){var l=e.extraAttributes,n=e.isMedium;return l&&l.entity&&l.entity.gallery?function(e,l,n){var a,t,s,x,v,p,g,w,h,y,j=new d.A(n),T=(0,i.useState)(!1),_=T[0],N=T[1],k="gallery "+(j.getFieldValue(r.Tw.classNames)||""),A=j.getFieldValue(r.Tw.title);k.includes(r.Tw.whiteText);var L=j.getFieldValue(r.Tw.anchorId),V=j.getFieldValue(r.Tw.seeMoreButtonLabel),G=j.getFieldValue(r.Tw.seeLessButtonLabel),I=(0,i.useState)(V),B=I[0],F=I[1],H=[];e.gallery&&(H=e.gallery);var P=(a=H)&&a.length>1?(0,c.jsx)("div",{className:"ob-gallery__masonry",children:a&&a.slice(1)&&a.slice(1).map(function(e,l){var n,a,i,t,s;return(0,c.jsx)("div",{className:"grid-item",children:e.fields.mainAsset.fields.contentType===r.Tw.cloudinaryImage?(0,c.jsx)(m,{noLazyLoad:!0,image:null==e||null==(n=e.fields)?void 0:n.mainAsset,ariaHidden:!_}):e.fields.mainAsset.fields.contentType===r.Tw.cloudinaryVideo?(0,c.jsx)(u.default,{video:null==e||null==(a=e.fields)||null==(i=a.mainAsset)?void 0:i.fields}):(0,c.jsx)(o.default,{document:null==e||null==(t=e.fields)||null==(s=t.mainAsset)?void 0:s.fields})},"product-"+l)})}):void 0,C=null;H&&H.length>0&&(C=null==(t=H)||null==(s=t[0])||null==(x=s.fields)?void 0:x.mainAsset,l&&(null==(v=H)||null==(p=v[0])||null==(g=p.fields)?void 0:g.mobileAsset)&&(C=null==(w=H)||null==(h=w[0])||null==(y=h.fields)?void 0:y.mobileAsset));var z=(0,i.useCallback)(function(){N(!_),!1==_?F(G):F(V)},[_,G,V]),M=(0,c.jsxs)("button",{onClick:z,className:"ob-link ob-gallery__button primaryGrey see-more-button event_button_click","aria-expanded":_,"data-action-detail":B,children:[_?(0,c.jsx)(b,{name:r.Tw.minus6,roundedIcon:r.Tw.blue,viewBox:6,ariaHidden:!0,arialable:null}):(0,c.jsx)(b,{name:r.Tw.plus,roundedIcon:r.Tw.blue,viewBox:10,ariaHidden:!0,arialable:null}),B]});return(0,c.jsxs)("div",{className:"ob-gallery w-full ".concat(k),id:L,children:[A&&(0,c.jsx)("div",{className:"mb-4 w-full text-center 2md:mb-8",children:(0,c.jsx)(f,{type:"headline",customLevel:"h2",customSize:52,className:"bg-dark-gradient bg-clip-text text-center text-[2.6rem] leading-[1.1] text-transparent lg_up:!text-33 custom_xl:text-46",fontWeight:"bold",color:"dark-gradient-secondary",dangerousHTML:!0,children:A})}),C&&C.fields&&(0,c.jsx)("div",{className:"ob-gallery-mainItem relative mx-auto w-full px-2p4h pb-1/2 2md:max-w-[144rem] 2md:px-5 2md:pb-1 2lg:px-10",children:C.fields.contentType===r.Tw.cloudinaryImage?(0,c.jsx)("div",{className:"w-full",children:(0,c.jsx)(m,{image:C})}):C.fields.contentType===r.Tw.cloudinaryVideo?(0,c.jsx)("div",{className:"w-full",children:(0,c.jsx)(u.default,{video:C.fields})}):(0,c.jsx)("div",{className:"w-full",children:(0,c.jsx)(o.default,{document:C.fields})})}),H&&H.length>1&&(0,c.jsx)("div",{className:"relative z-10 flex w-full justify-center pb-[5.5rem] md:pb-3",children:M}),H&&H.length>1&&(0,c.jsx)("div",{className:"ob-gallery__container relative mx-auto w-full px-2p4h pb-2 2md:max-w-[144rem] 2md:px-5 2md:pb-2 2lg:px-10 ".concat(_?"is-open":"is-closed"),"aria-hidden":!_,children:(0,c.jsx)("div",{className:"ob-gallery__container-collapsible-wrapper",style:{maxHeight:5e3*!!_},children:(0,c.jsx)("div",{className:"ob-gallery__container-collapsible",children:P})})})]})}(l.entity,n||!1,e):""}let v=(0,a.PT)(x);var p=x}}]);