https://xxlager.de/_nuxt/B6bV_0GY.js

1import{_ as gt}from"./CwM2Z-Cz.js";import{u as mt}from"./oxLgTsxl.js";import{s as bt,o as N,F as G,I as Y,G as xt,N as yt,O as wt,P as vt,n as J,J as Q,aj as St}from"./U0ku_F_l.js";import{n as b,T as I,g as Z,s as z,p as $t,i as L,b as kt,f as U,d as y,r as H,c as Et,e as q,h as it,j as M,l as nt,k as Ft,m as ot,o as dt,q as Tt,t as Ct,u as K,w as O,v as Bt,x as _t,y as rt,z as Wt,a as Lt}from"./DVyM40Eb.js";import{g as lt,s as at}from"./BH9KrONm.js";const zt=(l=b)=>new I({duration:1*Z.timeScale,onComplete:l},null,0).resume();const Ht=()=>{const l=y.createElement("div");y.body.appendChild(l),l.style.height="100lvh";const t=l.offsetHeight;return y.body.removeChild(l),t},P=(l,t)=>l&&Ct(l)?l(t):l,tt=new Map;class Ot{constructor(t){this.element=t,this.useWin=this.element===y.body,this.winWidth=0,this.winHeight=0,this.width=0,this.height=0,this.left=0,this.top=0,this.scale=1,this.zIndex=0,this.scrollX=0,this.scrollY=0,this.prevScrollX=0,this.prevScrollY=0,this.scrollWidth=0,this.scrollHeight=0,this.velocity=0,this.backwardX=!1,this.backwardY=!1,this.scrollTicker=new I({autoplay:!1,onBegin:()=>this.dataTimer.resume(),onUpdate:()=>{const e=this.backwardX||this.backwardY;U(this,s=>s.handleScroll(),e)},onComplete:()=>this.dataTimer.pause()}).init(),this.dataTimer=new I({autoplay:!1,frameRate:30,onUpdate:e=>{const s=e.deltaTime,o=this.prevScrollX,n=this.prevScrollY,c=this.scrollX,r=this.scrollY,i=o-c,h=n-r;this.prevScrollX=c,this.prevScrollY=r,i&&(this.backwardX=o>c),h&&(this.backwardY=n>r),this.velocity=H(s>0?Math.sqrt(i*i+h*h)/s:0,5)}}).init(),this.resizeTicker=new I({autoplay:!1,duration:250*Z.timeScale,onComplete:()=>{this.updateWindowBounds(),this.refreshScrollObservers(),this.handleScroll()}}).init(),this.wakeTicker=new I({autoplay:!1,duration:500*Z.timeScale,onBegin:()=>{this.scrollTicker.resume()},onComplete:()=>{this.scrollTicker.pause()}}).init(),this._head=null,this._tail=null,this.updateScrollCoords(),this.updateWindowBounds(),this.updateBounds(),this.refreshScrollObservers(),this.handleScroll(),this.resizeObserver=new ResizeObserver(()=>this.resizeTicker.restart()),this.resizeObserver.observe(this.element),(this.useWin?O:this.element).addEventListener("scroll",this,!1)}updateScrollCoords(){const t=this.useWin,e=this.element;this.scrollX=H(t?O.scrollX:e.scrollLeft,0),this.scrollY=H(t?O.scrollY:e.scrollTop,0)}updateWindowBounds(){this.winWidth=O.innerWidth,this.winHeight=Ht()}updateBounds(){const t=getComputedStyle(this.element),e=this.element;this.scrollWidth=e.scrollWidth+parseFloat(t.marginLeft)+parseFloat(t.marginRight),this.scrollHeight=e.scrollHeight+parseFloat(t.marginTop)+parseFloat(t.marginBottom),this.updateWindowBounds();let s,o;if(this.useWin)s=this.winWidth,o=this.winHeight;else{const n=e.getBoundingClientRect();s=e.clientWidth,o=e.clientHeight,this.top=n.top,this.left=n.left,this.scale=n.width?s/n.width:n.height?o/n.height:1}this.width=s,this.height=o}refreshScrollObservers(){U(this,t=>{t._debug&&t.removeDebug()}),this.updateBounds(),U(this,t=>{t.refresh(),t._debug&&t.debug()})}refresh(){this.updateWindowBounds(),this.updateBounds(),this.refreshScrollObservers(),this.handleScroll()}handleScroll(){this.updateScrollCoords(),this.wakeTicker.restart()}handleEvent(t){t.type==="scroll"&&this.handleScroll()}revert(){this.scrollTicker.cancel(),this.dataTimer.cancel(),this.resizeTicker.cancel(),this.wakeTicker.cancel(),this.resizeObserver.disconnect(),(this.useWin?O:this.element).removeEventListener("scroll",this),tt.delete(this.element)}}const Vt=l=>{const t=l?dt(l)[0]||y.body:y.body;let e=tt.get(t);return e||(e=new Ot(t),tt.set(t,e)),e},V=(l,t,e,s,o)=>{const n=t==="min",c=t==="max",r=t==="top"||t==="left"||t==="start"||n?0:t==="bottom"||t==="right"||t==="end"||c?"100%":t==="center"?"50%":t,{n:i,u:h}=_t(r,rt);let p=i;return h==="%"?p=i/100*e:h&&(p=Wt(l,rt,"px",!0).n),c&&s<0&&(p+=s),n&&o>0&&(p+=o),p},R=(l,t,e,s,o)=>{let n;if(q(t)){const c=Bt.exec(t);if(c){const r=c[0],i=r[0],h=t.split(r),p=h[0]==="min",f=h[0]==="max",m=V(l,h[0],e,s,o),S=V(l,h[1],e,s,o);if(p){const x=K(V(l,"min",e),S,i);n=x<m?m:x}else if(f){const x=K(V(l,"max",e),S,i);n=x>m?m:x}else n=K(m,S,i)}else n=V(l,t,e,s,o)}else n=t;return H(n,0)},ht=l=>{let t;const e=l.targets;for(let s=0,o=e.length;s<o;s++){const n=e[s];if(n[Tt]){t=n;break}}return t};let It=0;const ct=["#FF4B4B","#FF971B","#FFC730","#F9F640","#7AFF5A","#18FF74","#17E09B","#3CFFEC","#05DBE9","#33B3F1","#638CF9","#C563FE","#FF4FCF","#F93F8A"];class Xt{constructor(t={}){const e=z(t.sync,"play pause"),s=e?$t(e):null,o=e&&(e==="linear"||e===ot),n=e&&!(s===ot&&!o),c=e&&(M(e)||e===!0||o),r=e&&q(e)&&!n&&!c,i=r?e.split(" ").map(p=>()=>{const f=this.linked;return f&&f[p]?f[p]():null}):null,h=r&&i.length>2;this.index=It++,this.id=L(t.id)?this.index:t.id,this.container=Vt(t.container),this.target=null,this.linked=null,this.repeat=null,this.horizontal=null,this.enter=null,this.leave=null,this.sync=n||c||!!i,this.syncEase=n?s:null,this.syncSmooth=c?e===!0||o?1:e:null,this.onSyncEnter=i&&!h&&i[0]?i[0]:b,this.onSyncLeave=i&&!h&&i[1]?i[

11]:b,this.onSyncEnterForward=i&&h&&i[0]?i[0]:b,this.onSyncLeaveForward=i&&h&&i[1]?i[1]:b,this.onSyncEnterBackward=i&&h&&i[2]?i[2]:b,this.onSyncLeaveBackward=i&&h&&i[3]?i[3]:b,this.onEnter=t.onEnter||b,this.onLeave=t.onLeave||b,this.onEnterForward=t.onEnterForward||b,this.onLeaveForward=t.onLeaveForward||b,this.onEnterBackward=t.onEnterBackward||b,this.onLeaveBackward=t.onLeaveBackward||b,this.onUpdate=t.onUpdate||b,this.onSyncComplete=t.onSyncComplete||b,this.reverted=!1,this.ready=!1,this.completed=!1,this.began=!1,this.isInView=!1,this.forceEnter=!1,this.hasEntered=!1,this.offset=0,this.offsetStart=0,this.offsetEnd=0,this.distance=0,this.prevProgress=0,this.thresholds=["start","end","end","start"],this.coords=[0,0,0,0],this.debugStyles=null,this.$debug=null,this._params=t,this._debug=z(t.debug,!1),this._next=null,this._prev=null,kt(this.container,this),zt(()=>{if(!this.reverted){if(!this.target){const p=dt(t.target)[0];this.target=p||y.body,this.refresh()}this._debug&&this.debug()}})}link(t){if(t&&(t.pause(),this.linked=t,L(t)||(t.persist=!0),!this._params.target)){let e;L(t.targets)?U(t,s=>{s.targets&&!e&&(e=ht(s))}):e=ht(t),this.target=e||y.body,this.refresh()}return this}get velocity(){return this.container.velocity}get backward(){return this.horizontal?this.container.backwardX:this.container.backwardY}get scroll(){return this.horizontal?this.container.scrollX:this.container.scrollY}get progress(){const t=(this.scroll-this.offsetStart)/this.distance;return t===1/0||isNaN(t)?0:H(Et(t,0,1),6)}refresh(){this.ready=!0,this.reverted=!1;const t=this._params;return this.repeat=z(P(t.repeat,this),!0),this.horizontal=z(P(t.axis,this),"y")==="x",this.enter=z(P(t.enter,this),"end start"),this.leave=z(P(t.leave,this),"start end"),this.updateBounds(),this.handleScroll(),this}removeDebug(){return this.$debug&&(this.$debug.parentNode.removeChild(this.$debug),this.$debug=null),this.debugStyles&&(this.debugStyles.revert(),this.$debug=null),this}debug(){this.removeDebug();const t=this.container,e=this.horizontal,s=t.element.querySelector(":scope > .animejs-onscroll-debug"),o=y.createElement("div"),n=y.createElement("div"),c=y.createElement("div"),r=ct[this.index%ct.length],i=t.useWin,h=i?t.winWidth:t.width,p=i?t.winHeight:t.height,f=t.scrollWidth,m=t.scrollHeight,S=this.container.width>360?320:260,x=e?0:10,w=e?10:0,u=e?24:S/2,d=e?u:15,g=e?60:u,F=e?g:d,$=e?"repeat-x":"repeat-y",T=k=>e?"0px "+k+"px":k+"px 2px",C=k=>`linear-gradient(${e?90:0}deg, ${k} 2px, transparent 1px)`,W=(k,B,v,_,a)=>`position:${k};left:${B}px;top:${v}px;width:${_}px;height:${a}px;`;o.style.cssText=`${W("absolute",x,w,e?f:S,e?S:m)}
2      pointer-events: none;
3      z-index: ${this.container.zIndex++};
4      display: flex;
5      flex-direction: ${e?"column":"row"};
6      filter: drop-shadow(0px 1px 0px rgba(0,0,0,.75));
7    `,n.style.cssText=`${W("sticky",0,0,e?h:u,e?u:p)}`,s||(n.style.cssText+=`background:
8        ${C("#FFFF")}${T(u-10)} / 100px 100px ${$},
9        ${C("#FFF8")}${T(u-10)} / 10px 10px ${$};
10      `),c.style.cssText=`${W("relative",0,0,e?f:u,e?u:m)}`,s||(c.style.cssText+=`background:
11        ${C("#FFFF")}${T(0)} / ${e?"100px 10px":"10px 100px"} ${$},
12        ${C("#FFF8")}${T(0)} / ${e?"10px 0px":"0px 10px"} ${$};
13      `);const X=[" enter: "," leave: "];this.coords.forEach((k,B)=>{const v=B>1,_=(v?0:this.offset)+k,a=B%2,et=_<F,st=_>(v?e?h:p:e?f:m)-F,E=(v?a&&!et:!a&&!et)||st,D=y.createElement("div"),j=y.createElement("div"),pt=e?E?"right":"left":E?"bottom":"top",ft=E?(e?g:d)+(v?e?-1:st?0:-2:e?-1:-2):e?1:0;j.innerHTML=`${this.id}${X[a]}${this.thresholds[B]}`,D.style.cssText=`${W("absolute",0,0,g,d)}
14        display: flex;
15        flex-direction: ${e?"column":"row"};
16        justify-content: flex-${v?"start":"end"};
17        align-items: flex-${E?"end":"start"};
18        border-${pt}: 2px solid ${r};
19      `,j.style.cssText=`
20        overflow: hidden;
21        max-width: ${S/2-10}px;
22        height: ${d};
23        margin-${e?E?"right":"left":E?"bottom":"top"}: -2px;
24        padding: 1px;
25        font-family: ui-monospace, monospace;
26        font-size: 10px;
27        letter-spacing: -.025em;
28        line-height: 9px;
29        font-weight: 600;

30        text-align: ${e&&E||!e&&!v?"right":"left"};
31        white-space: pre;
32        text-overflow: ellipsis;
33        color: ${a?r:"rgba(0,0,0,.75)"};
34        background-color: ${a?"rgba(0,0,0,.65)":r};
35        border: 2px solid ${a?r:"transparent"};
36        border-${e?E?"top-left":"top-right":E?"top-left":"bottom-left"}-radius: 5px;
37        border-${e?E?"bottom-left":"bottom-right":E?"top-right":"bottom-right"}-radius: 5px;
38      `,D.appendChild(j);let ut=_-ft+(e?1:0);D.style[e?"left":"top"]=`${ut}px`,(v?n:c).appendChild(D)}),o.appendChild(n),o.appendChild(c),t.element.appendChild(o),s||o.classList.add("animejs-onscroll-debug"),this.$debug=o,lt(t.element,"position")==="static"&&(this.debugStyles=at(t.element,{position:"relative "}))}updateBounds(){this._debug&&this.removeDebug();let t;const e=this.target,s=this.container,o=this.horizontal,n=this.linked;let c,r=e;for(n&&(c=n.currentTime,n.seek(0,!0)),r.parentElement;r&&r!==s.element&&r!==y.body;){const a=lt(r,"position")==="sticky"?at(r,{position:"static"}):!1;r=r.parentElement,a&&(t||(t=[]),t.push(a))}const i=e.getBoundingClientRect(),h=s.scale,p=(o?i.left+s.scrollX-s.left:i.top+s.scrollY-s.top)*h,f=(o?i.width:i.height)*h,m=o?s.width:s.height,x=(o?s.scrollWidth:s.scrollHeight)-m,w=this.enter,u=this.leave;let d="start",g="end",F="end",$="start";if(q(w)){const a=w.split(" ");F=a[0],d=a.length>1?a[1]:d}else if(it(w)){const a=w;L(a.container)||(F=a.container),L(a.target)||(d=a.target)}else M(w)&&(F=w);if(q(u)){const a=u.split(" ");$=a[0],g=a.length>1?a[1]:g}else if(it(u)){const a=u;L(a.container)||($=a.container),L(a.target)||(g=a.target)}else M(u)&&($=u);const T=R(e,d,f),C=R(e,g,f),W=T+p-m,X=C+p-x,A=R(e,F,m,W,X),k=R(e,$,m,W,X),B=T+p-A,v=C+p-k,_=v-B;this.offset=p,this.offsetStart=B,this.offsetEnd=v,this.distance=_<=0?0:_,this.thresholds=[d,g,F,$],this.coords=[T,C,A,k],t&&t.forEach(a=>a.revert()),n&&n.seek(c,!0),this._debug&&this.debug()}handleScroll(){if(!this.ready)return;const t=this.linked,e=this.sync,s=this.syncEase,o=this.syncSmooth,n=t&&(s||o),c=this.horizontal,r=this.container,i=this.scroll,h=i<=this.offsetStart,p=i>=this.offsetEnd,f=!h&&!p,m=i===this.offsetStart||i===this.offsetEnd,S=!this.hasEntered&&m,x=this._debug&&this.$debug;let w=!1,u=!1,d=this.progress;if(h&&this.began&&(this.began=!1),d>0&&!this.began&&(this.began=!0),n){const g=t.progress;if(o&&M(o)){if(o<1){const $=g<d&&d===1?1e-4:g>d&&!d?-1e-4:0;d=H(nt(g,d,nt(.01,.2,o))+$,6)}}else s&&(d=s(d));w=d!==this.prevProgress,u=g===1,w&&!u&&o&&g&&r.wakeTicker.restart()}if(x){const g=c?r.scrollY:r.scrollX;x.style[c?"top":"left"]=g+10+"px"}(f&&!this.isInView||S&&!this.forceEnter&&!this.hasEntered)&&(f&&(this.isInView=!0),!this.forceEnter||!this.hasEntered?(x&&f&&(x.style.zIndex=`${this.container.zIndex++}`),this.onSyncEnter(this),this.onEnter(this),this.backward?(this.onSyncEnterBackward(this),this.onEnterBackward(this)):(this.onSyncEnterForward(this),this.onEnterForward(this)),this.hasEntered=!0,S&&(this.forceEnter=!0)):f&&(this.forceEnter=!1)),(f||!f&&this.isInView)&&(w=!0),w&&(n&&t.seek(t.duration*d),this.onUpdate(this)),!f&&this.isInView&&(this.isInView=!1,this.onSyncLeave(this),this.onLeave(this),this.backward?(this.onSyncLeaveBackward(this),this.onLeaveBackward(this)):(this.onSyncLeaveForward(this),this.onLeaveForward(this)),e&&!o&&(u=!0)),d>=1&&this.began&&!this.completed&&(e&&u||!e)&&(e&&this.onSyncComplete(this),this.completed=!0,(!this.repeat&&!t||!this.repeat&&t&&t.completed)&&this.revert()),d<1&&this.completed&&(this.completed=!1),this.prevProgress=d}revert(){if(this.reverted)return;const t=this.container;return Ft(t,this),t._head||t.revert(),this._debug&&this.removeDebug(),this.reverted=!0,this.ready=!1,this}}const Dt=(l={})=>new Xt(l),Yt={name:"ImageGridBlock",props:{title:{type:String,default:""},items:{type:Array,default:()=>[]}},setup(){const{isDarkTheme:l}=mt();return{isDarkTheme:l}},data(){return{quantifier:{value:0},themeRef:null}},computed:{counts(){return this.items.map(l=>Math.round(l.number*this.quantifier.value))}},mounted(){const l=Lt(this.quantifier,{value:[0,1],autoplay:Dt({target:this.$el,enter:"bottom center"}),duration:800,ease:"easeOutQuad",onComplete:()=>{l?.revert(),this.quantifier.value=1}});St(()=>{l?.revert()})}},Mt={class:"bg-blue-600 lg:py-24 py-10"},Pt={class:"wrapper"},Rt={class:"grid lg:grid-cols-3 lg:gap-6 sm:grid-cols-2 gap-2 lg:mt-12 mt-8"};function Ut(l,t,e,s,o,n){const c=gt;return N(),G("section",Mt,[Y("div",Pt,[xt(c,{title:e.title,class:"text-white text-center"},null,8,["title"]),Y("div",Rt,[(N(!0),G(yt,null,wt(e.items,(r,i)=>(N(),G("div",{key:r.src,class:J(["rounded-[1.25rem] lg:p-8 p-6 flex flex-col bg-no-repeat lg:bg-contain bg-cover aspect-square",{"justify-end":r.position==="bottom"}]),style:vt({"background-image":`url(${s.isDarkTheme&&r.darkSrc?r.darkSrc:r.src})`})},[Y("div",{class:J(["xl:text-[3.875rem] xl:leading-[3.875rem] text-[2.5rem] leading-[2.5rem] font-semibold",{"text-white":r.white,"text-gray-800":!r.white}

38])},Q(n.counts[i])+Q(r.title),3),Y("div",{class:J(["text-base font-medium mt-2",{"text-white":r.white,"text-gray-600":!r.white}])},Q(r.description),3)],6))),128))])])])}const Jt=bt(Yt,[["render",Ut]]);export{Jt as default};