https://werkenbijdefensie.nl/build/app/js/chunks/react/components/C141Quote/C141Quote.js?id=f919ca1962ad5302

1"use strict";(self.webpackChunkwerkenbijdefensie_nl=self.webpackChunkwerkenbijdefensie_nl||[]).push([[2439],{21724:function(e,a,t){var r=t(62323),o=t(65901);r.Ay.registerPlugin(o.A);const i={vinnieInOut:o.A.create("vinnieInOut","M0,0 C0.2,0 0,1 1,1"),jorisInOut:o.A.create("jorisInOut","M0,0 C0.3,0 0.25,1 1,1"),jorisOut:o.A.create("jorisOut","M0,0 C0.1,0.495 0.105,0.715 0.25,0.845 0.405,0.978 0.505,1 1,1"),militarySnap:o.A.create("militarySnap","M0,0 C0.15,0 0.2,0.7 0.35,0.88 0.5,1.02 0.65,1 1,1"),tacticalIn:o.A.create("tacticalIn","M0,0 C0.22,0.61 0.36,1 1,1"),precisionOut:o.A.create("precisionOut","M0,0 C0.25,0.46 0.45,0.94 1,1")};a.A=i},34167:function(e,a,t){t.d(a,{Y:function(){return i},$:function(){return n}});var r=t(62323);const o={duration:.5,ease:t(21724).A.tacticalIn,fromScale:1.1,toScale:1,fade:!0,transformOrigin:"50% 100%",clearProps:!0};function i(e,a={}){const{fromScale:t,toScale:i,fade:n,duration:l,ease:m,stagger:s,transformOrigin:c,clearProps:u}={...o,...a};return r.Ay.fromTo(e,{scale:t,transformOrigin:c,...n&&{opacity:0}},{scale:i,...n&&{opacity:1},duration:l,ease:m,stagger:s,clearProps:u?"transform,opacity":void 0})}function n(e,a={}){return i(e,{stagger:.1,...a})}},65951:function(e,a,t){t.d(a,{l:function(){return i},a:function(){return n}});var r=t(62323);const o={duration:.6,ease:t(21724).A.militarySnap,distance:30,fade:!0,clearProps:!0};function i(e,a="bottom",t={}){const{distance:i,fade:n,duration:l,ease:m,stagger:s,clearProps:c}={...o,...t},u=function(e,a){const t="number"==typeof a?a:Number.parseInt(a,10);switch(e){case"top":return{y:-t};case"bottom":default:return{y:t};case"left":return{x:-t};case"right":return{x:t}}}(a,i??40);return r.Ay.fromTo(e,{...u,...n&&{opacity:0}},{x:0,y:0,...n&&{opacity:1},duration:l,ease:m,stagger:s,clearProps:c?"transform,opacity":void 0})}function n(e,a="bottom",t={}){return i(e,a,{stagger:.08,...t})}},85784:function(e,a,t){t.d(a,{S:function(){return f}});var r=t(13526),o=t(66136),i=t(20489),n=t(23170),l=t(15542),m=t.n(l),s=t(65355),c={insert:"head",singleton:!1},u=(m()(s.A,c),s.A.locals||{}),d=t(31325);function f({src:e,alt:a,thumbnailUrl:t,fallbackSrc:l,sources:m=[],loading:s,objectFit:c="cover",overlay:f,fillParent:g=!1,fixedAspectRatio:p,focalPoint:_,className:b,ref:v,imageProps:{className:y,style:k,...A}={},...w}){const I=(0,r.A)(u.a3Image,b,g&&u.fillParent,f&&u.overlay,f&&u[`overlay${(0,o.f)(f)}`]),x=(0,i.useMemo)((()=>p?{"--a3-image-aspect-ratio-mobile":n._[p.mobile],"--a3-image-aspect-ratio-desktop":n._[p.desktop]}:void 0),[p]),h=l&&l!==e?l:void 0,[C,Q]=(0,i.useState)(),S=Boolean(e&&C!==e),j=S?e:h,Y=S?m:[],q=Boolean(e&&t),N=_?{objectPosition:`${_.x}% ${_.y}%`}:void 0;return(0,d.jsxs)("span",{className:(0,r.A)(I),style:x,...w,children:[q&&(0,d.jsx)("img",{src:t,alt:"","aria-hidden":!0,loading:s,style:N,className:(0,r.A)(u.thumbnail,u[`fit${(0,o.f)(c)}`])}),(0,d.jsxs)("picture",{className:u.picture,ref:v,children:[Y.map((({srcset:e,media:a,type:t})=>(0,d.jsx)("source",{media:a,srcSet:e,type:t},e+a+t))),(0,d.jsx)("img",{src:j,alt:a,loading:s,...A,style:_?{...k,...N}:k,onError:a=>{S&&h?Q(e):A.onError?.(a)},className:(0,r.A)(u.image,y,u[`fit${(0,o.f)(c)}`])})]})]})}},91597:function(e,a,t){t.r(a),t.d(a,{C141Quote:function(){return k}});var r=t(96663),o=t(13526),i=t(99658),n=t(51857),l=t(85784),m=t(18199),s=t(62323),c=t(21724),u=t(34167),d=t(65951),f=t(92111);var g=t(15542),p=t.n(g),_=t(32625),b={insert:"head",singleton:!1},v=(p()(_.A,b),_.A.locals||{}),y=t(31325);function k({author:e,content:a,image:t,background:g,quoteVariant:p="subheading-2",palette:_="wbd-dark",backgroundTint:b="surface-dim"}){const k=(0,r.u5)();return(0,i.O)(k.self,(()=>function(e){const{self:a,background:t,quoteText:o,quoteAuthor:i}=(0,r.Mj)(e);if(!a||!o||!i)return;const n=s.Ay.timeline({scrollTrigger:{trigger:a,scroller:(0,f.m)(a),start:"top 80%"}});return n.add((0,d.a)([o,i])),t&&n.add((0,u.Y)(t,{fromScale:1.1,duration:.6,ease:c.A.militarySnap,transformOrigin:"50% 0%"}),"0"),n}(k)),[k]),(0,y.jsxs)("div",{...(0,n.I)(_,b),className:v.c141Quote,ref:k.self,children:[g&&(0,y.jsx)("div",{className:v.backgroundContainer,children:(0,y.jsx)(l.S,{...g,className:(0,o.A)(v.background,g.className),fillParent:!0,objectFit:"cover",overlay:g.overlay??"scrim-42",ref:k.background})}),(0,y.jsxs)("div",{className:v.wrapper,children:[(0,y.jsx)(m.O,{as:"blockquote",variant:p,className:v.quoteText,ref:k.quoteText,children:a}),(0,y.jsxs)(m.O,{as:"p",className:v.quoteAuthor,variant:"button-3",ref:k.quoteAuthor,children:[(0,y.jsx)(l.S,{...t,className:v.quoteAuthorImage}),e]})]})]})}},99658:function(e,a,t){t.d(a,{O:function(){return n}});var r=t(47537),o=t(62323),i=t(92111);function n(e,a,t,n=!0){const l=(0,r.sM)(a,t);return(0,r.sM)((()=>

1{if(!e?.current||!n)return;const a=(0,i.m)(e.current);return o.Ay.timeline({scrollTrigger:{trigger:e.current,scroller:a,start:"top bottom",onLeaveBack:()=>{l.current?.pause(0)}}})}),[l,e,n]),l}},23170:function(e,a,t){t.d(a,{_:function(){return r}});const r={square:"1 / 1","portrait-1":"1 / 2","portrait-2":"9 / 16","portrait-3":"2 / 3","portrait-4":"4 / 5","landscape-1":"16 / 9","landscape-2":"2 / 1","landscape-3":"21 / 9","landscape-4":"3 / 1","landscape-5":"5 / 4","landscape-6":"4 / 3","landscape-7":"3 / 2"}},51857:function(e,a,t){function r(e,a,t=!1){return{"data-palette":e,style:{backgroundColor:t?"transparent":`var(--surface-${a})`}}}t.d(a,{I:function(){return r}})},92111:function(e,a,t){function r(e){let a=e.parentElement;for(;a&&a!==document.body&&a!==document.documentElement;){const{overflow:e,overflowY:t}=getComputedStyle(a);if(/(?<temp1>auto|scroll)/u.test(`${e}${t}`))return a;a=a.parentElement}}t.d(a,{m:function(){return r}})},65355:function(e,a,t){var r=t(4308),o=t.n(r)()((function(e){return e[1]}));o.push([e.id,'@-webkit-keyframes A3Image-module_fade-in_hJ22s{0%{opacity:0}to{opacity:1}}@keyframes A3Image-module_fade-in_hJ22s{0%{opacity:0}to{opacity:1}}@-webkit-keyframes A3Image-module_fade-out_N7ka\\+{0%{opacity:1}to{opacity:0}}@keyframes A3Image-module_fade-out_N7ka\\+{0%{opacity:1}to{opacity:0}}@-webkit-keyframes A3Image-module_fade-slide-down_-BOQy{0%{opacity:0;-webkit-transform:translateY(-2rem);transform:translateY(-2rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes A3Image-module_fade-slide-down_-BOQy{0%{opacity:0;-webkit-transform:translateY(-2rem);transform:translateY(-2rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes A3Image-module_fade-slide-up_CRfdH{0%{opacity:0;-webkit-transform:translateY(2rem);transform:translateY(2rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes A3Image-module_fade-slide-up_CRfdH{0%{opacity:0;-webkit-transform:translateY(2rem);transform:translateY(2rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.A3Image-module_a3Image_P1Iqy{aspect-ratio:var(--a3-image-aspect-ratio-mobile,var(--a3-image-aspect-ratio,initial));background:var(--a3-image-background,none);display:block;overflow:hidden;position:relative;z-index:0}@media ((min-width:650px)){.A3Image-module_a3Image_P1Iqy{aspect-ratio:var(--a3-image-aspect-ratio-desktop,var(--a3-image-aspect-ratio,initial))}}.A3Image-module_fillParent_rDQ21,.A3Image-module_overlay_654WG:after{inset:0;position:absolute}.A3Image-module_overlay_654WG:after{content:"";display:block;z-index:2}.A3Image-module_overlayGradient_4hybC:after{background:var(--gradient-linear-image-overlay)}.A3Image-module_overlayGradientStrong_s7zHr:after{background:var(--gradient-linear-image-overlay-strong)}.A3Image-module_overlayScrim20_Sva6E:after{background:var(--color-wbd-scrim-0-20a)}.A3Image-module_overlayScrim42_PnV\\+A:after{background:var(--color-wbd-scrim-0-42a)}.A3Image-module_overlayScrim54_rvzxE:after{background:var(--color-wbd-scrim-0-54a)}.A3Image-module_overlayScrim66_Nq\\+dM:after{background:var(--color-wbd-scrim-0-66a)}.A3Image-module_overlayProgressiveBlur_kAN3X:after{-webkit-backdrop-filter:blur(var(--blur-effect-minimal));backdrop-filter:blur(var(--blur-effect-minimal));-webkit-mask-image:-webkit-gradient(linear,left bottom,left top,from(#000),to(transparent));-webkit-mask-image:linear-gradient(0deg,#000,transparent);mask-image:-webkit-gradient(linear,left bottom,left top,from(#000),to(transparent));mask-image:linear-gradient(0deg,#000,transparent)}.A3Image-module_picture_2FIZa{position:relative;z-index:1}.A3Image-module_picture_2FIZa,.A3Image-module_thumbnail_gboOc{block-size:100%;display:block;inline-size:100%}.A3Image-module_thumbnail_gboOc{-webkit-filter:blur(var(--blur-effect-minimal));filter:blur(var(--blur-effect-minimal));inset:0;position:absolute;-webkit-transform:scale(1.05);transform:scale(1.05);z-index:0}.A3Image-module_image_Z\\+ada{block-size:var(--a3-image-block-size,auto);display:block;inline-size:var(--a3-image-inline-size,100%)}.A3Image-module_fitContain_xKrL3{-o-object-fit:contain;object-fit:contain}.A3Image-module_fitContain_xKrL3,.A3Image-module_fitCover_2sKDu{--a3-image-block-size:100%}.A3Image-module_fitCover_2sKDu{-o-object-fit:cover;object-fit:cover}.A3Image-module_fitFill_7juMO{-o-object-fit:fill;object-fit:fill}.A3Image-module_fitFill_7juMO,.A3Image-module_fitNone_87q0f{--a3-image-block-size:100%}.A3Image-module_fitNone_87q0f{-o-object-fit:none;object-fit:none}.A3Image-module_fitScaleDown_IuJNs{--a3-image-block-size:100%;-o-object-fit:scale-down;object-fit:scale-down}',""]),o.locals={a3Image:"A3Image-module_a3Image_P1Iqy",fillParent:"A3Image-module_fillParent_rDQ21",overlay:"A3Image-module_overlay_654WG",overlayGradient:"A3Image-module_overlayGradient_4hybC",overlayGradientStrong:"A3Image-module_overlayGradientStrong_s7zHr",overlayScrim20:"A3Image-module_overlayScrim20_Sva6E",overlayScrim42:"A3Image-module_overlayScrim42_PnV+A",overlayScrim54:"A3Image-module_overlayScrim54_rvzxE",overlayScrim66:"A3Image-module_overlayScrim66_Nq+dM",overlayProgressiveBlur:"A3Image-module_overlayProgressiveBlur_kAN3X",picture:"A3Image-module_picture_2FIZa",thumbnail:"A3Image-module_thumbnail_gboOc",image:"A3Image-module_image_Z+ada",fitContain:"A3Image-module_fitContain_xKrL3",fitCover:"A3Image-module_fitCover_2sKDu",fitFill:"A3Image-module_fitFill_7juMO",fitNone:"A3Image-module_fitNone_87q0f",fitScaleDown:"A3Image-module_fitScaleDown_IuJNs","fade-in":"A3Image-module_fade-in_hJ22s","fade-out"

1:"A3Image-module_fade-out_N7ka+","fade-slide-down":"A3Image-module_fade-slide-down_-BOQy","fade-slide-up":"A3Image-module_fade-slide-up_CRfdH"},a.A=o},32625:function(e,a,t){var r=t(4308),o=t.n(r)()((function(e){return e[1]}));o.push([e.id,'@charset "UTF-8";@-webkit-keyframes C141Quote-module_fade-in_-k582{0%{opacity:0}to{opacity:1}}@keyframes C141Quote-module_fade-in_-k582{0%{opacity:0}to{opacity:1}}@-webkit-keyframes C141Quote-module_fade-out_1c16S{0%{opacity:1}to{opacity:0}}@keyframes C141Quote-module_fade-out_1c16S{0%{opacity:1}to{opacity:0}}@-webkit-keyframes C141Quote-module_fade-slide-down_l2Pv9{0%{opacity:0;-webkit-transform:translateY(-2rem);transform:translateY(-2rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes C141Quote-module_fade-slide-down_l2Pv9{0%{opacity:0;-webkit-transform:translateY(-2rem);transform:translateY(-2rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes C141Quote-module_fade-slide-up_maxrf{0%{opacity:0;-webkit-transform:translateY(2rem);transform:translateY(2rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes C141Quote-module_fade-slide-up_maxrf{0%{opacity:0;-webkit-transform:translateY(2rem);transform:translateY(2rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.C141Quote-module_c141Quote_mKrH1{position:relative}.C141Quote-module_backgroundContainer_QJxOn{inset:0;overflow:hidden;position:absolute}.C141Quote-module_background_TANIU{z-index:1}.C141Quote-module_wrapper_odmFD{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;color:var(--surface-on-surface);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;inline-size:min(100%,var(--content-wrapper-max-width));justify-content:center;margin-inline:auto;padding-block:clamp(6.25rem,calc(3.38908rem + 7.04225vw),9.375rem);padding-inline:var(--content-wrapper-padding);position:relative;z-index:2}.C141Quote-module_quoteText_ab66S{margin:0;position:relative}.C141Quote-module_quoteText_ab66S:before{content:"“";display:block;font-family:var(--typescale-heading-2-font);font-size:var(--typescale-heading-2-size,1rem);font-weight:var(--typescale-heading-2-weight,400);letter-spacing:var(--typescale-heading-2-letter-spacing,0);line-height:var(--typescale-heading-2-line-height,1);text-transform:var(--typescale-heading-2-text-transform,none)}.C141Quote-module_quoteAuthor_vmQt-{-webkit-box-align:center;-ms-flex-align:center;-webkit-margin-before:clamp(3.125rem,calc(.26408rem + 7.04225vw),6.25rem);align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:.9375rem;margin-block-start:clamp(3.125rem,calc(.26408rem + 7.04225vw),6.25rem)}.C141Quote-module_quoteAuthorImage_tueJQ{--inline-size:clamp(6.5625rem,calc(5.41813rem + 2.8169vw),7.8125rem);aspect-ratio:125/70;border-radius:var(--inline-size);inline-size:var(--inline-size);overflow:hidden;position:relative}@media ((min-width:650px)){.C141Quote-module_quoteText_ab66S{-webkit-padding-start:calc(((100% - (var(--grid-columns) - 1)*var(--grid-column-gap))/var(--grid-columns) + var(--grid-column-gap))*1);padding-inline-start:calc(((100% - (var(--grid-columns) - 1)*var(--grid-column-gap))/var(--grid-columns) + var(--grid-column-gap))*1)}.C141Quote-module_quoteText_ab66S:before{inset-block-start:0;inset-inline-start:0;position:absolute}.C141Quote-module_quoteAuthor_vmQt-{-webkit-margin-start:calc(((100% - (var(--grid-columns) - 1)*var(--grid-column-gap))/var(--grid-columns) + var(--grid-column-gap))*1);grid-column:2/-1;margin-inline-start:calc(((100% - (var(--grid-columns) - 1)*var(--grid-column-gap))/var(--grid-columns) + var(--grid-column-gap))*1)}}@media ((min-width:960px)){.C141Quote-module_quoteText_ab66S{-webkit-padding-end:calc(((100% - (var(--grid-columns) - 1)*var(--grid-column-gap))/var(--grid-columns) + var(--grid-column-gap))*1);padding-inline-end:calc(((100% - (var(--grid-columns) - 1)*var(--grid-column-gap))/var(--grid-columns) + var(--grid-column-gap))*1)}}',""]),o.locals={c141Quote:"C141Quote-module_c141Quote_mKrH1",backgroundContainer:"C141Quote-module_backgroundContainer_QJxOn",background:"C141Quote-module_background_TANIU",wrapper:"C141Quote-module_wrapper_odmFD",quoteText:"C141Quote-module_quoteText_ab66S",quoteAuthor:"C141Quote-module_quoteAuthor_vmQt-",quoteAuthorImage:"C141Quote-module_quoteAuthorImage_tueJQ","fade-in":"C141Quote-module_fade-in_-k582","fade-out"

1:"C141Quote-module_fade-out_1c16S","fade-slide-down":"C141Quote-module_fade-slide-down_l2Pv9","fade-slide-up":"C141Quote-module_fade-slide-up_maxrf"},a.A=o}}]);