https://www.sallys-shop.de/cdn/shop/t/60/assets/animation.js?v=2977869278949552001777298879

1const tt=(t,e,n)=>Math.min(Math.max(n,t),e),Y={duration:.3,delay:0,endDelay:0,repeat:0,easing:"ease"},et=t=>"number"==typeof t,nt=t=>Array.isArray(t)&&!et(t[0]);const it=(t,e,n)=>-n*t+n*e+t,rt=()=>{},at=t=>t,st=(t,e,n)=>e-t===0?1:(n-t)/(e-t);function ot(t,e){const n=t[t.length-1];for(let i=1;i<=e;i++){const r=st(0,e,i);t.push(it(n,1,r))}}function ct(t){const e=[0];return ot(e,t-1),e}function lt(t,e=ct(t.length),n=at){const i=t.length,r=i-e.length;return r>0&&ot(e,r),r=>{let a=0;for(;a<i-2&&!(r<e[a+1]);a++);let s=tt(0,1,st(e[a],e[a+1],r));const o=function(t,e){return nt(t)?t[((t,e,n)=>{const i=e-t;return((n-t)%i+i)%i+t})(0,t.length,e)]:t}(n,a);return s=o(s),it(t[a],t[a+1],s)}}const ut=t=>Array.isArray(t)&&et(t[0]),ft=t=>"object"==typeof t&&Boolean(t.createAnimation),ht=t=>"function"==typeof t,dt=t=>"string"==typeof t,pt=t=>1e3*t,gt=t=>t/1e3;const mt=(t,e,n)=>(((1-3*n+3*e)*t+(3*n-6*e))*t+3*e)*t;function yt(t,e,n,i){if(t===e&&n===i)return at;const r=e=>function(t,e,n,i,r){let a,s,o=0;do{s=e+(n-e)/2,a=mt(s,i,r)-t,a>0?n=s:e=s}while(Math.abs(a)>1e-7&&++o<12);return s}(e,0,1,t,n);return t=>0===t||1===t?t:mt(r(t),e,i)}const vt={ease:yt(.25,.1,.25,1),"ease-in":yt(.42,0,1,1),"ease-in-out":yt(.42,0,.58,1),"ease-out":yt(0,0,.58,1)},wt=/\((.*?)\)/;function bt(t){if(ht(t))return t;if(ut(t))return yt(...t);const e=vt[t];if(e)return e;if(t.startsWith("steps")){const e=wt.exec(t);if(e){const t=e[1].split(",");return((t,e="end")=>n=>{const i=(n="end"===e?Math.min(n,.999):Math.max(n,.001))*t,r="end"===e?Math.floor(i):Math.ceil(i);return tt(0,1,r/t)})(parseFloat(t[0]),t[1].trim())}}return at}class Bi{constructor(t,e=[0,1],{easing:n,duration:i=Y.duration,delay:r=Y.delay,endDelay:a=Y.endDelay,repeat:s=Y.repeat,offset:o,direction:c="normal",autoplay:l=!0}={}){if(this.startTime=null,this.rate=1,this.t=0,this.cancelTimestamp=null,this.easing=at,this.duration=0,this.totalDuration=0,this.repeat=0,this.playState="idle",this.finished=new Promise((t,e)=>{this.resolve=t,this.reject=e}),n=n||Y.easing,ft(n)){const t=n.createAnimation(e);n=t.easing,e=t.keyframes||e,i=t.duration||i}this.repeat=s,this.easing=nt(n)?at:bt(n),this.updateDuration(i);const u=lt(e,o,nt(n)?n.map(bt):at);this.tick=e=>{var n;let i=0;i=void 0!==this.pauseTime?this.pauseTime:(e-this.startTime)*this.rate,this.t=i,i/=1e3,i=Math.max(i-r,0),"finished"===this.playState&&void 0===this.pauseTime&&(i=this.totalDuration);const s=i/this.duration;let o=Math.floor(s),l=s%1;!l&&s>=1&&(l=1),1===l&&o--;const f=o%2;("reverse"===c||"alternate"===c&&f||"alternate-reverse"===c&&!f)&&(l=1-l);const h=i>=this.totalDuration?1:Math.min(l,1),d=u(this.easing(h));t(d);void 0===this.pauseTime&&("finished"===this.playState||i>=this.totalDuration+a)?(this.playState="finished",null===(n=this.resolve)||void 0===n||n.call(this,d)):"idle"!==this.playState&&(this.frameRequestId=requestAnimationFrame(this.tick))},l&&this.play()}play(){const t=performance.now();this.playState="running",void 0!==this.pauseTime?this.startTime=t-this.pauseTime:this.startTime||(this.startTime=t),this.cancelTimestamp=this.startTime,this.pauseTime=void 0,this.frameRequestId=requestAnimationFrame(this.tick)}pause(){this.playState="paused",this.pauseTime=this.t}finish(){this.playState="finished",this.tick(0)}stop(){var t;this.playState="idle",void 0!==this.frameRequestId&&cancelAnimationFrame(this.frameRequestId),null===(t=this.reject)||void 0===t||t.call(this,!1)}cancel(){this.stop(),this.tick(this.cancelTimestamp)}reverse(){this.rate*=-1}commitStyles(){}updateDuration(t){this.duration=t,this.totalDuration=t*(this.repeat+1)}get currentTime(){return this.t}set currentTime(t){void 0!==this.pauseTime||0===this.rate?this.pauseTime=t:this.startTime=performance.now()-t/this.rate}get playbackRate(){return this.rate}set playbackRate(t){this.rate=t}}class MotionValue{setAnimation(t){this.animation=t,null==t||t.finished.then(()=>this.clearAnimation()).catch(()=>{})}clearAnimation(){this.animation=this.generator=void 0}}const xt=new WeakMap;function Et(t){return xt.has(t)||xt.set(t,{transforms:[],values:new Map}),xt.get(t)}const Ot=["","X","Y","Z"],St={x:"translateX",y:"translateY",z:"translateZ"},Tt={syntax:"<angle>",initialValue:"0deg",toDefaultUnit:t=>t+"deg"},At={translate:{syntax:"<length-percentage>",initialValue:"0px",toDefaultUnit:t=>t+"px"},rotate:Tt,scale:{syntax:"<number>",initialValue:1,toDefaultUnit:at},skew:Tt},Mt=new Map,Dt=t=>`--motion-${t}`,Lt=["x","y","z"];["translate","scale","rotate","skew"].forEach(t=>

1{Ot.forEach(e=>{Lt.push(t+e),Mt.set(Dt(t+e),At[t])})});const Wt=(t,e)=>Lt.indexOf(t)-Lt.indexOf(e),kt=new Set(Lt),zt=t=>kt.has(t),Pt=t=>t.sort(Wt).reduce(Rt,"").trim(),Rt=(t,e)=>`${t} ${e}(var(${Dt(e)}))`,jt=t=>t.startsWith("--"),Bt=new Set;const Vt=(t,e)=>document.createElement("div").animate(t,e),$t={cssRegisterProperty:()=>"undefined"!=typeof CSS&&Object.hasOwnProperty.call(CSS,"registerProperty"),waapi:()=>Object.hasOwnProperty.call(Element.prototype,"animate"),partialKeyframes:()=>{try{Vt({opacity:[1]})}catch(t){return!1}return!0},finished:()=>Boolean(Vt({opacity:[0,1]},{duration:.001}).finished),linearEasing:()=>{try{Vt({opacity:0},{easing:"linear(0, 1)"})}catch(t){return!1}return!0}},Ht={},It={};for(const t in $t)It[t]=()=>(void 0===Ht[t]&&(Ht[t]=$t[t]()),Ht[t]);const Ft=(t,e)=>ht(t)?It.linearEasing()?`linear(${((t,e)=>{let n="";const i=Math.round(e/.015);for(let e=0;e<i;e++)n+=t(st(0,i-1,e))+", ";return n.substring(0,n.length-2)})(t,e)})`:Y.easing:ut(t)?qt(t):t,qt=([t,e,n,i])=>`cubic-bezier(${t}, ${e}, ${n}, ${i})`;function Ut(t){return St[t]&&(t=St[t]),zt(t)?Dt(t):t}const Ct=(t,e)=>{e=Ut(e);let n=jt(e)?t.style.getPropertyValue(e):getComputedStyle(t)[e];if(!n&&0!==n){const t=Mt.get(e);t&&(n=t.initialValue)}return n},Nt=(t,e,n)=>{e=Ut(e),jt(e)?t.style.setProperty(e,n):t.style[e]=n};function _t(t,e=!0){if(t&&"finished"!==t.playState)try{t.stop?t.stop():(e&&t.commitStyles(),t.cancel())}catch(t){}}function Gt(t,e,n,i={},r){const a=window.__MOTION_DEV_TOOLS_RECORD,s=!1!==i.record&&a;let o,{duration:c=Y.duration,delay:l=Y.delay,endDelay:u=Y.endDelay,repeat:f=Y.repeat,easing:h=Y.easing,persist:d=!1,direction:p,offset:g,allowWebkitAcceleration:m=!1,autoplay:y=!0}=i;const v=Et(t),w=zt(e);let b=It.waapi();w&&((t,e)=>{St[e]&&(e=St[e]);const{transforms:n}=Et(t);var i,r;r=e,-1===(i=n).indexOf(r)&&i.push(r),t.style.transform=Pt(n)})(t,e);const x=Ut(e),E=function(t,e){return t.has(e)||t.set(e,new MotionValue),t.get(e)}(v.values,x),O=Mt.get(x);return _t(E.animation,!(ft(h)&&E.generator)&&!1!==i.record),()=>{const v=()=>{var e,n;return null!==(n=null!==(e=Ct(t,x))&&void 0!==e?e:null==O?void 0:O.initialValue)&&void 0!==n?n:0};let S=function(t,e){for(let n=0;n<t.length;n++)null===t[n]&&(t[n]=n?t[n-1]:e());return t}((t=>Array.isArray(t)?t:[t])(n),v);const T=function(t,e){var n;let i=(null==e?void 0:e.toDefaultUnit)||at;const r=t[t.length-1];if(dt(r)){const t=(null===(n=r.match(/(-?[\d.]+)([a-z%]*)/))||void 0===n?void 0:n[2])||"";t&&(i=e=>e+t)}return i}(S,O);if(ft(h)){const t=h.createAnimation(S,"opacity"!==e,v,x,E);h=t.easing,S=t.keyframes||S,c=t.duration||c}if(jt(x)&&(It.cssRegisterProperty()?function(t){if(!Bt.has(t)){Bt.add(t);try{const{syntax:e,initialValue:n}=Mt.has(t)?Mt.get(t):{};CSS.registerProperty({name:t,inherits:!1,syntax:e,initialValue:n})}catch(t){}}}(x):b=!1),w&&!It.linearEasing()&&(ht(h)||nt(h)&&h.some(ht))&&(b=!1),b){O&&(S=S.map(t=>et(t)?O.toDefaultUnit(t):t)),1!==S.length||It.partialKeyframes()&&!s||S.unshift(v());const e={delay:pt(l),duration:pt(c),endDelay:pt(u),easing:nt(h)?void 0:Ft(h,c),direction:p,iterations:f+1,fill:"both"};o=t.animate({[x]:S,offset:g,easing:nt(h)?h.map(t=>Ft(t,c)):void 0},e),o.finished||(o.finished=new Promise((t,e)=>{o.onfinish=t,o.oncancel=e}));const n=S[S.length-1];o.finished.then(()=>{d||(Nt(t,x,n),o.cancel())}).catch(rt),m||(o.playbackRate=1.000001)}else if(r&&w)S=S.map(t=>"string"==typeof t?parseFloat(t):t),1===S.length&&S.unshift(parseFloat(v())),o=new r(e=>{Nt(t,x,T?T(e):e)},S,Object.assign(Object.assign({},i),{duration:c,easing:h}));else{const e=S[S.length-1];Nt(t,x,O&&et(e)?O.toDefaultUnit(e):e)}return s&&a(t,e,S,{duration:c,delay:l,easing:h,repeat:f,offset:g},"motion-one"),E.setAnimation(o),o&&!y&&o.pause(),o}}const Kt=(t,e)=>t[e]?Object.assign(Object.assign({},t),t[e]):Object.assign({},t);function Xt(t,e){return"string"==typeof t?t=document.querySelectorAll(t):t instanceof Element&&(t=[t]),Array.from(t||[])}const Yt=t=>t(),Zt=(t,e,n=Y.duration)=>new Proxy({animations:t.map(Yt).filter(Boolean),duration:n,options:e},Jt),Jt={get:(t,e)=>{const n=t.animations[0];switch(e){case"duration":return t.duration;case"currentTime":return gt((null==n?void 0:n[e])||0);case"playbackRate":case"playState":return null==n?void 0:n[e];case"finished":return t.finished||(t.finished=Promise.all(t.animations.map(Qt)).catch(rt)),t.finished;case"stop":return()=>{t.animations.forEach(t=>_t(t))};case"forEachNative":return e=>{t.animations.forEach(n=>e(n,t))};default:return void 0===(null==n?void 0:n[e])?void 0:()=>t.animations.forEach(t=>t[e]())}},set:(t,e,n)=>{switch(e){case"currentTime":n=pt(n);case"playbackRate":for(let i=0;i<t.animations.length;i++)t.animations[i][e]=n;return!0}return!1}},Qt=t=>t.finished;function ne(t=.1,{start:e=0,from:n=0,easing:i}={}){return(r,a)=>{const s=et(n)?n:function(t,e){if("first"===t)return 0;{const n=e-1;return"last"===t?n:n/2}}(n,a),o=Math.abs(s-r);let c=t*o;if(i){const e=a*t;c=bt(i)(c/e)*e}return e+c}}function re(t,e,n){return ht(t)?t(e,n):t}const oe=(ce=Bi,function(t,e,n={}){const i=(t=Xt(t)).length,r=[];for(let a=0;a<i;a++){const s=t[a];for(const t in e){const o=Kt(n,t);o.delay=re(o.delay,a,i);const c=Gt(s,t,e[t],o,ce);r.push(c)}}return Zt(r,n,n.duration)});var ce;"function"==typeof SuppressedError&&SuppressedError;const le={any:0,all:1};function ue(t,e,{root:n,margin:i,amount:r="any"}={}){if("undefined"==typeof IntersectionObserver)return()=>{};const a=Xt(t),s=new WeakMap,o=new IntersectionObserver(t=>{t.forEach(t=>{const n=s.get(t.target);if(t.isIntersecting!==Boolean(n))if(t.isIntersecting){const n=e(t);ht(n)?s.set(t.target,n):o.unobserve(t.target)}else n&&(n(t),s.delete(t.target))})},{root:n,rootMargin:i,threshold:"number"==typeof r?r:le[r]});return a.forEach(t=>o.observe(t)),()=>o.disconnect()}const fe=new WeakMap;let he;function de({target:t,contentRect:e,borderBoxSize:n}){var i;

1null===(i=fe.get(t))||void 0===i||i.forEach(i=>{i({target:t,contentSize:e,get size(){return function(t,e){if(e){const{inlineSize:t,blockSize:n}=e[0];return{width:t,height:n}}return t instanceof SVGElement&&"getBBox"in t?t.getBBox():{width:t.offsetWidth,height:t.offsetHeight}}(t,n)}})})}function pe(t){t.forEach(de)}function ge(t,e){he||"undefined"!=typeof ResizeObserver&&(he=new ResizeObserver(pe));const n=Xt(t);return n.forEach(t=>{let n=fe.get(t);n||(n=new Set,fe.set(t,n)),n.add(e),null==he||he.observe(t)}),()=>{n.forEach(t=>{const n=fe.get(t);null==n||n.delete(e),(null==n?void 0:n.size)||null==he||he.unobserve(t)})}}const me=new Set;let ye;function ve(t){return me.add(t),ye||(ye=()=>{const t={width:window.innerWidth,height:window.innerHeight},e={target:window,size:t,contentSize:t};me.forEach(t=>t(e))},window.addEventListener("resize",ye)),()=>{me.delete(t),!me.size&&ye&&(ye=void 0)}}const we={x:{length:"Width",position:"Left"},y:{length:"Height",position:"Top"}};function be(t,e,n,i){const r=n[e],{length:a,position:s}=we[e],o=r.current,c=n.time;r.current=t[`scroll${s}`],r.scrollLength=t[`scroll${a}`]-t[`client${a}`],r.offset.length=0,r.offset[0]=0,r.offset[1]=r.scrollLength,r.progress=st(0,r.scrollLength,r.current);const l=i-c;var u,f;r.velocity=l>50?0:(u=r.current-o,(f=l)?u*(1e3/f):0)}const xe={All:[[0,0],[1,1]]},Ee={start:0,center:.5,end:1};function Oe(t,e,n=0){let i=0;if(void 0!==Ee[t]&&(t=Ee[t]),dt(t)){const e=parseFloat(t);t.endsWith("px")?i=e:t.endsWith("%")?t=e/100:t.endsWith("vw")?i=e/100*document.documentElement.clientWidth:t.endsWith("vh")?i=e/100*document.documentElement.clientHeight:t=e}return et(t)&&(i=e*t),n+i}const Se=[0,0];function Te(t,e,n,i){let r=Array.isArray(t)?t:Se,a=0,s=0;return et(t)?r=[t,t]:dt(t)&&(r=(t=t.trim()).includes(" ")?t.split(" "):[t,Ee[t]?t:"0"]),a=Oe(r[0],n,i),s=Oe(r[1],e),a-s}const Ae={x:0,y:0};function Me(t,e,n){let{offset:i=xe.All}=n;const{target:r=t,axis:a="y"}=n,s="y"===a?"height":"width",o=r!==t?function(t,e){let n={x:0,y:0},i=t;for(;i&&i!==e;)if(i instanceof HTMLElement)n.x+=i.offsetLeft,n.y+=i.offsetTop,i=i.offsetParent;else if(i instanceof SVGGraphicsElement&&"getBBox"in i){const{top:t,left:e}=i.getBBox();for(n.x+=e,n.y+=t;i&&"svg"!==i.tagName;)i=i.parentNode}return n}(r,t):Ae,c=r===t?{width:t.scrollWidth,height:t.scrollHeight}:{width:r.clientWidth,height:r.clientHeight},l={width:t.clientWidth,height:t.clientHeight};e[a].offset.length=0;let u=!e[a].interpolate;const f=i.length;for(let t=0;t<f;t++){const n=Te(i[t],l[s],c[s],o[a]);u||n===e[a].interpolatorOffsets[t]||(u=!0),e[a].offset[t]=n}u&&(e[a].interpolate=lt(ct(f),e[a].offset),e[a].interpolatorOffsets=[...e[a].offset]),e[a].progress=e[a].interpolate(e[a].current)}function De(t,e,n,i={}){const r=i.axis||"y";return{measure:()=>function(t,e=t,n){if(n.x.targetOffset=0,n.y.targetOffset=0,e!==t){let i=e;for(;i&&i!=t;)n.x.targetOffset+=i.offsetLeft,n.y.targetOffset+=i.offsetTop,i=i.offsetParent}n.x.targetLength=e===t?e.scrollWidth:e.clientWidth,n.y.targetLength=e===t?e.scrollHeight:e.clientHeight,n.x.containerLength=t.clientWidth,n.y.containerLength=t.clientHeight}(t,i.target,n),update:e=>{!function(t,e,n){be(t,"x",e,n),be(t,"y",e,n),e.time=n}(t,n,e),(i.offset||i.target)&&Me(t,n,i)},notify:ht(e)?()=>e(n):Le(e,n[r])}}function Le(t,e){return t.pause(),t.forEachNative((t,{easing:e})=>{var n,i;if(t.updateDuration)e||(t.easing=at),t.updateDuration(1);else{const r={duration:1e3};e||(r.easing="linear"),null===(i=null===(n=t.effect)||void 0===n?void 0:n.updateTiming)||void 0===i||i.call(n,r)}}),()=>{t.currentTime=e.progress}}const We=new WeakMap,ke=new WeakMap,ze=new WeakMap,Pe=t=>t===document.documentElement?window:t;function Re(t,e={}){var{container:n=document.documentElement}=e,i=function(t,e){var n={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(t);r<i.length;r++)e.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(t,i[r])&&(n[i[r]]=t[i[r]])}return n}(e,["container"]);let r=ze.get(n);r||(r=new Set,ze.set(n,r));const a=De(n,t,{time:0,x:{current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0},y:{current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0}},i);if(r.add(a),!We.has(n)){const t=()=>{const t=performance.now();for(const t of r)t.measure();for(const e of r)e.update(t);for(const t of r)t.notify()};We.set(n,t);const e=Pe(n);window.addEventListener("resize",t,{passive:!0}),n!==document.documentElement&&ke.set(n,(o=t,ht(s=n)?ve(s):ge(s,o))),e.addEventListener("scroll",t,{passive:!0})}var s,o;const c=We.get(n),l=requestAnimationFrame(c);return()=>{var e;"function"!=typeof t&&t.stop(),cancelAnimationFrame(l);const i=ze.get(n);if(!i)return;if(i.delete(a),i.size)return;const r=We.get(n);We.delete(n),r&&(Pe(n).removeEventListener("scroll",r),null===(e=ke.get(n))||void 0===e||e(),window.removeEventListener("resize",r))}}function je(t,e={}){return Zt([()=>{const n=new Bi(t,[0,1],e);return n.finished.catch(()=>{}),n}],e,e.duration)}

1function Be(t,e,n){return(ht(t)?je:oe)(t,e,n)}export{Be as animate,ue as inView,Re as scroll,ne as stagger};