https://www.osloskinlab.nl/_next/static/chunks/1134.9997e411c2530425.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1134],{6515:(e,t,s)=>{"use strict";s.r(t),s.d(t,{BeforeAndAfterBlockComponent:()=>c,default:()=>f});var l=s(37876),a=s(2542),r=s(38475);s(14232);var n=s(48304),i=s(36286),o=s(63124),d=s.n(o);let c=e=>{let t=(0,a.wK)(e.content,"items");(0,n.m)(e);let s=(0,a.wK)(e.content,"theme")??void 0;return e.content&&null!=t&&0!=t.length?(0,l.jsx)("div",{className:"w-full",children:(0,l.jsx)(i.default,{reverseArrowControlDefaultPositions:!0,hideDotControls:!0,slides:t,theme:s,classNames:{base:`${d().before_after} !gap-[32px] lg:!gap-[48px]`,arrow_contol_container:"justify-start md:justify-end"}})}):(0,l.jsx)(l.Fragment,{})};c.getStaticProps=async(e,t)=>{let{locale:s,inEditMode:l,api:a,loader:n}=t;return{fallback:await (0,r.M8)(e,[],s,!0==l,void 0,a,n)}};let f=c},9400:e=>{e.exports={showMoreLessResults:"osl_styles_showMoreLessResults__xt5Um",flipCardGrid:"osl_styles_flipCardGrid__nf3PD",flipCardReveal:"osl_styles_flipCardReveal__aM4CB"}},27334:(e,t,s)=>{"use strict";s.r(t),s.d(t,{BeforAndAfterComponent:()=>f,default:()=>u});var l=s(37876),a=s(14232),r=s(60386),n=s(51152),i=s(6515),o=s(54333),d=s(72515),c=s(58669);let f=e=>{let{siteProps:t}=(0,a.useContext)(r.BasePageContext);switch(t?.siteTheme?.toLocaleLowerCase()){case n.x.VitaePro.toLowerCase():return(0,l.jsx)(i.default,{...e});case n.x.OSL.toLowerCase():return(0,l.jsx)(o.default,{...e});case n.x.Edel.toLowerCase():return(0,l.jsx)(d.default,{...e});default:return(0,l.jsx)(c.default,{...e})}},u=f},36286:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>r});var l=s(37876);s(14232);var a=s(43557);let r=e=>(0,l.jsx)(a.default,{...e})},48531:(e,t,s)=>{"use strict";s.d(t,{h:()=>r,x:()=>a});var l=s(14232);let a=(0,l.createContext)(!1),r=()=>(0,l.useContext)(a)},54333:(e,t,s)=>{"use strict";s.r(t),s.d(t,{BeforeAndAfterBlockComponent:()=>x,default:()=>m});var l=s(37876),a=s(14232),r=s(38824),n=s(38475),i=s(2542),o=s(82324),d=s(60386),c=s(48531),f=s(9400),u=s.n(f);let x=e=>{let[t,s]=(0,a.useState)(!1),{pageType:n}=(0,a.useContext)(d.BasePageContext),f=n===d.PageComponentType.Product,x=(0,i.wK)(e.content,"items")??[],m=(0,i.wK)(e.content,"showMoreResultsLabel"),p=f?x.length>1?"2":"1":1===x.length?"1":2===x.length?"2":"3",h=x.length>1?"2":"1",v=f?4:6,w=x.length>3,j=x.length>4,g=x.length>v,b=!t&&(w||j||g);return(0,l.jsxs)(c.x.Provider,{value:!1,children:[(0,l.jsx)("div",{className:u().flipCardGrid,style:{"--ba-columns-mobile":"1","--ba-columns-tablet":h,"--ba-columns-desktop":p},"data-expanded":t||void 0,children:x.map((e,t)=>(0,l.jsx)(o.FlipCard,{item:e,visibleFrom:t<3?"mobile":t<4?"tablet":t<v?"desktop":"expanded"},`flip-${t}`))}),b?(0,l.jsx)("div",{className:`${w?"flex":"hidden"} ${j?"md:flex":"md:hidden"} ${g?"lg:flex":"lg:hidden"} justify-center w-full mt-[32px]`,children:(0,l.jsx)(r.T,{className:`${u().showMoreLessResults}`,onPress:()=>s(!t),children:m})}):(0,l.jsx)(l.Fragment,{})]})};x.getStaticProps=async(e,t)=>{let{locale:s,inEditMode:l,api:a,loader:r}=t;return{fallback:await (0,n.M8)(e,[],s,!0==l,void 0,a,r)}};let m=x},58669:(e,t,s)=>{"use strict";s.r(t),s.d(t,{BeforeAndAfterBlockComponent:()=>c,default:()=>f});var l=s(37876),a=s(2542),r=s(38475);s(14232);var n=s(48304),i=s(36286),o=s(63124),d=s.n(o);let c=e=>{let t=(0,a.wK)(e.content,"items");(0,n.m)(e);let s=(0,a.wK)(e.content,"theme")??void 0;return e.content&&null!=t&&0!=t.length?(0,l.jsx)("div",{className:"w-full",children:(0,l.jsx)(i.default,{slides:t,theme:s,classNames:{base:d().before_after}})}):(0,l.jsx)(l.Fragment,{})};c.getStaticProps=async(e,t)=>{let{locale:s,inEditMode:l,api:a,loader:n}=t;return{fallback:await (0,r.M8)(e,[],s,!0==l,void 0,a,n)}};let f=c},72515:(e,t,s)=>{"use strict";s.r(t),s.d(t,{BeforeAndAfterBlockComponent:()=>c,default:()=>f});var l=s(37876),a=s(2542),r=s(38475);s(14232);var n=s(48304),i=s(36286),o=s(63124),d=s.n(o);let c=e=>{let t=(0,a.wK)(e.content,"items"),s=(0,a.wK)(e.content,"theme")??void 0;return((0,n.m)(e),e.content&&null!=t&&0!=t.length)?(0,l.jsx)("div",{className:"w-full",children:(0,l.jsx)(i.default,{reverseArrowControlDefaultPositions:!0,hideDotControls:!0,slides:t,theme:s,classNames:{base:`${d().before_after} !gap-0 lg:!gap-[32px]`,arrow_contol_container:"justify-end"}})}):(0,l.jsx)(l.Fragment,{})};c.getStaticProps=async(e,t)=>{let{locale:s,inEditMode:l,api:a,loader:n}=t;return{fallback:await (0,r.M8)(e,[],s,!0==l,void 0,a,n)}};let f=c},82324:(e,t,s)=>{"use strict";s.r(t),s.d(t,{FlipCard:()=>o});var l=s(37876),a=s(51148),r=s(14232),n=s(36102),i=s(2559);let o=e=>{let[t,s]=(0,r.useState)(!1);return(0,l.jsx)("div",{className:"flex items-center justify-center transition-transform transform lg:hover:-translate-y-[8px]","data-visible-from":e.visibleFrom,children:(0,l.jsxs)("div",{className:`h-full w-full perspective-[1000px] bg-[#F7F6F1] cursor-pointer relative transition-all ease-in-out duration-300 [transform-style:preserve-3d] ${t&&"[transform:rotateY(180deg)]"}`,onClick:()=>void s(!t),children:[(0,l.jsxs)("div",{className:`absolute w-full h-full relative flex flex-col inset-0 gap-[8px] p-[8px] transition-all duration-300 ease-in-out ${t&&"opacity-0"}`,children:[(0,l.jsxs)("div",{className:"flex gap-[2px] h-full",children:[e.item.beforeImage&&(0,l.jsx)("div",{className:"w-full",children:(0,l.jsx)(a.hw,{content:(0,n.Zb)(e.item.beforeImage),imageProps:{classNames:"h-full w-full object-contain",sizes:"350px"}})}

1),e.item.afterImage&&(0,l.jsx)("div",{className:"w-full",children:(0,l.jsx)(a.hw,{content:(0,n.Zb)(e.item.afterImage),imageProps:{classNames:"h-full w-full object-contain",sizes:"350px"}})})]}),(0,l.jsxs)("div",{className:"flex justify-between relative items-center px-[8px] py-[4px] w-full",children:[(0,l.jsx)("div",{className:"flex w-full",children:e.item.signature}),(0,l.jsx)("div",{className:"h-full relative py-[4px]",children:(0,l.jsx)(d,{})})]})]}),(0,l.jsxs)("div",{className:"absolute flex flex-col inset-0 gap-[8px] p-[8px] bg-[#F7F6F1] w-full h-full justify-between text-center [transform:rotateY(180deg)] [backface-visibility:hidden] overflow-hidden",children:[(0,l.jsx)("div",{className:"flex px-[24px] items-center h-full",children:(0,l.jsx)("div",{className:"line-clamp-5 xl:line-clamp-6 overflow-hidden",children:e.item.story&&(0,l.jsx)(i.Ay,{propertyData:e.item.story})})}),(0,l.jsxs)("div",{className:"flex justify-between items-center px-[8px] py-[4px] w-full",children:[(0,l.jsx)("div",{className:"flex w-full",children:e.item.signature}),(0,l.jsx)(d,{mirrored:!0})]})]})]})})},d=e=>{let{mirrored:t}=e;return(0,l.jsx)("svg",{className:t?"[transform:scaleX(-1)]":void 0,width:"20",height:"15",viewBox:"0 0 20 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M19 5H5.5C3.01472 5 1 7.01472 1 9.5C1 11.9853 3.01472 14 5.5 14H10M19 5L15 1M19 5L15 9",stroke:"#8B7746",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}},97623:(e,t,s)=>{"use strict";s.d(t,{d:()=>d});var l=s(52952),a=s(34837),r=s(40733),n=s(94103),i=s(37876),o=(0,a.Rf)((e,t)=>{var s;let{as:a,className:o,children:d,...c}=e,f=(0,r.zD)(t),{slots:u,classNames:x}=(0,l.f)(),m=(0,n.$z)(null==x?void 0:x.header,o);return(0,i.jsx)(a||"div",{ref:f,className:null==(s=u.header)?void 0:s.call(u,{class:m}),...c,children:d})});o.displayName="HeroUI.CardHeader";var d=o}}]);