https://www.finn.com/_next/static/chunks/app/%5Blang%5D/%5B...slug%5D/page-82bca0bf382e7264.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[709],{26666:(e,t,l)=>{Promise.resolve().then(l.bind(l,56980)),Promise.resolve().then(l.bind(l,29832)),Promise.resolve().then(l.bind(l,87689)),Promise.resolve().then(l.bind(l,96178)),Promise.resolve().then(l.bind(l,27775)),Promise.resolve().then(l.bind(l,88625)),Promise.resolve().then(l.bind(l,57392))},29832:(e,t,l)=>{"use strict";l.d(t,{LeasingKostenvergleichTrigger:()=>J});var a=l(54568),n=l(66866),i=l(92088),s=l(60974),r=l(60233),o=l(48097),d=l(15170),c=l(46879),m=l(33611),h=l(7620),u=l(19649),p=l(21079),b=l(59770),f=l(19863),g=l(62307),x=l(82175),v=l(27128);let j=`*Alle Preise verstehen sich inkl. MwSt. und zzgl. Bereitstellungskosten i.H.v. 1.500 €. Du kannst diese Kosten entweder einmalig bei der Fahrzeug\xfcbergabe oder in monatlichen Raten bezahlen. F\xfcr die Lieferung deines Fahrzeugs an deine Wunschadresse berechnen wir eine einmalige Geb\xfchr von ${b.fh} €. Bei der Abholung deines Fahrzeugs an einer FINN Station f\xe4llt eine Geb\xfchr von ${b.p7} € an. Bei Folgebuchungen deines laufenden Abos sparst du die Liefergeb\xfchr.`,N=e=>fetch(e,{headers:{"x-finn-actor":"ua-frontend"}}).then(e=>{if(!e.ok)throw Error(`Failed to fetch: ${e.status} ${e.statusText}`);return e.json()}),w=(e,t)=>{if(!e)return 0;let l=e[`b2c_${t}`];if(null!=l)return l;let a=Object.entries(e).filter(([e,t])=>e.startsWith("b2c_")&&null!=t).map(([e,t])=>({term:Number(e.replace("b2c_","")),price:t}));return 0===a.length?0:(a.sort((e,l)=>Math.abs(e.term-t)-Math.abs(l.term-t)),a[0].price)},_=(0,a.jsx)(p.R,{className:"h-3.5 w-10","aria-label":"FINN"}),k=(0,a.jsx)("span",{className:"body-16-semibold",children:"Leasing"}),y=({items:e,baseLabel:t,barHeight:l,colorClass:n,price:i,bottomLabel:s})=>(0,a.jsxs)("div",{className:"flex flex-1 flex-col items-center gap-3.5",children:[(0,a.jsx)("p",{className:"body-16-semibold",children:i}),(0,a.jsxs)("div",{className:"flex w-full flex-col overflow-hidden",style:{height:l},children:[e.map(e=>(0,a.jsx)("div",{className:`flex h-6 shrink-0 items-center justify-center border-b border-white ${n}`,style:{padding:"1px 7px"},children:(0,a.jsx)("span",{className:"body-12-semibold text-center text-white",children:e})},e)),(0,a.jsx)("div",{className:`flex flex-1 items-center justify-center ${n}`,style:{padding:"1px 7px"},children:(0,a.jsx)("span",{className:"body-12-semibold text-center text-white",children:t})})]}),(0,a.jsx)("div",{className:"flex h-5 items-center",children:s})]}),C=({formData:e,onClose:t,heading:l,description:n,description2:i,finnItems:r,finnItemsMobile:o,leasingItems:d,finnBaseLabel:h,leasingBaseLabel:p,buttonText:b,disclaimer:C})=>{let M,E,{brand:L,model:$,duration:S,mileage:A}=e,I=Number(S)||12,{data:O,isLoading:T}=(0,v.Ay)(L&&$?`/api/cars?brands=${encodeURIComponent(L)}&models=${encodeURIComponent($)}&offer_type=subscription&view=available-and-coming-soon&sort=asc&limit=10`:null,N,{revalidateIfStale:!1,revalidateOnFocus:!1}),{data:P,isLoading:z}=(0,v.Ay)(L&&$?`/api/leasing-median?brand=${encodeURIComponent(L)}&model=${encodeURIComponent($)}&term=${I}`:null,N,{revalidateIfStale:!1,revalidateOnFocus:!1}),W=O?.results||[],B=W[0],D=B?.picture?.url,F=Number(A)||0,R=W.reduce((e,t)=>{let l=t?.downpayment_prices,a=t?.price,n=(w(l?.available_price_list,I)||w(a?.available_price_list,I))+(F>0&&a?Number(a[`extra_${F}`]??0):0);return n>0&&(0===e||n<e)?n:e},0),V=P?.median_price??null,K=(r||"\xdcbergabe,Bereitstellungskosten").split(",").map(e=>e.trim()),J=(o||"Lieferung,Bereitstellungskosten").split(",").map(e=>e.trim()),H=(d||"T\xdcV,Reifenwechsel,Wartung & Verschlei\xdf,KFZ-Steuer,Versicherung").split(",").map(e=>e.trim()),X=24*K.length,U=24*H.length;if(R>0&&null!==V&&V>0){let e=Math.max(R,V);M=Math.max(Math.round(R/e*248),X+40),E=Math.max(Math.round(V/e*248),U+40)}else M=X+40+48,E=U+40+48;let q=h??"Abo-Rate",G=p??"Leasingrate",Y=R>0?`ab ${Math.round(R)} €*`:"ab XXX €*",Z=null!==V?`ab ${Math.round(V)} €`:"ab XXX €",Q=new URLSearchParams;S&&(0,f.u$)(Q,S),A&&Q.set("mileage_package",A);let ee=Q.toString(),et=`/de-DE/models/${(0,g.Yv)(L)}/${(0,g.Yv)($)}${ee?`?${ee}`:""}`,el=()=>{(0,c._J)(m.fC.MODAL_STEP_COMPLETED,{name:"leasing-kostenvergleich",step:5,stepName:"comparison",action:"cta_clicked",brand:L,model:$}),t()},ea=`Kostenvergleich: FINN Auto Abo ${Y}, Leasing ${Z}`;return(0,a.jsxs)("div",{className:"flex h-full flex-col gap-6 overflow-y-auto md:overflow-visible",children:[(0,a.jsx)("h2",{className:"mobile-t4-semibold md:web-t4-semibold",children:l??"Dein Kostenvergleich ist da"}),(0,a.jsxs)("div",{className:"body-16-light",children:[(0,a.jsx)("p",{children:n??"Leasing kann auf den ersten Blick g\xfcnstiger wirken. Doch viele Kosten wie Versicherung, Wartung oder T\xdcV kommen zus\xe4tzlich dazu."}),void 0!==i&&(0,a.jsx)("p",{className:"mt-2",children:i}),void 0===i&&(0,a.jsx)("p",{className:"mt-2",children:"Bei FINN ist bereits vieles enthalten. Nur ums Tanken und Laden k\xfcmmerst du dich - den Rest \xfcbernehmen wir."})]}),T||z?(0,a.jsx)("div",{className:"flex h-40 items-center justify-center",children:(0,a.jsx)(u.y,{})}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"relative hidden md:block",role:"group","aria-label":ea,children:[D&&(0,a.jsx)("div",{className:"absolute bottom-4 left-0",children:(0,a.jsx)(x.default,{src:D,alt:`${L} ${$}`,width:461,height:277,className:"object-contain",unoptimized:!0})}),(0,a.jsxs)("div",{className:"z-overlay relative ml-auto flex w-80 items-end gap-2 bg-white p-2",children:[(0,a.jsx)(y,{items:K,baseLabel:q,barHeight:M,colorClass:"bg-trustedBlue",price:Y,bottomLabel:_}),(0,a.jsx)(y,{items:H,baseLabel:G,barHeight:E,colorClass:"bg-steel",price:Z,bottomLabel:k})]})]}),(0,a.jsxs)("div",{className:"md:hidden",children:[D&&(0,a.jsx)("div",{className:"relative w-full shrink-0",style:{height:206,marginBottom:-45},children:(0,a.jsx)(x.default,{src:D,alt:`${L} ${$}`,fill:!0,className:"object-contain object-top",sizes:"375px",unoptimized:!0})}),(0,a.jsxs)("div",{className:"flex items-end gap-2",role:"group","aria-label":ea,children:[(0,a.jsx)(y,{items:J,baseLabel:q,barHeight:M,colorClass:"bg-trustedBlue",price:Y,bottomLabel:_}),(0,a.jsx)(y,{items:H,baseLabel:G,barHeight:E,colorClass:"bg-steel",price:Z,bottomLabel:k})]})]})]}),L&&$?(0,a.jsx)(s.$,{variant:"primary",size:"lg",className:"mt-auto w-full shrink-0",href:et,onClick:el,children:b??"Jetzt entdecken"}):(0,a.jsx)(s.$,{variant:"primary",size:"lg",className:"mt-auto w-full shrink-0",onClick:el,children:b??"Jetzt entdecken"}),(0,a.jsx)("p",{className:"body-12-light",children:C??j})]})};var M=l(8828),E=l(21975),L=l(23601),$=l(42584),S=l(23941);let A=S.Ik({firstName:S.Yj().min(1,"Pflichtfeld"),email:S.Yj().min(1,"Pflichtfeld").email("Ung\xfcltige E-Mail Adresse"),newsletterConsent:S.zM().refine(e=>!0===e,{message:"Pflichtfeld"})}),I=({formData:e,onSubmit:t,onFieldChange:l,heading:n,description:i,newsletterLabel:r,buttonText:o})=>{let{register:d,handleSubmit:u,control:p,watch:b,formState:{errors:f,isSubmitting:g}}=(0,$.mN)({resolver:(0,L.u)(A),mode:"onBlur",defaultValues:{firstName:e.firstName,email:e.email,newsletterConsent:!1}});(0,h.useEffect)(()=>{let e=b(e=>{void 0!==e.firstName&&l("firstName",e.firstName),void 0!==e.email&&l("email",e.email)});return()=>e.unsubscribe()},[b,l]);let x=u(async l=>{let a={brand:e.brand,model:e.model,duration:e.duration,mileage:e.mileage,firstName:l.firstName,email:l.email,newsletterConsent:l.newsletterConsent??!1,url:window.location.href};try{await fetch("/api/cors-safe-hook-proxy",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({endpoint:"https://hook.finn.integromat.cloud/imhy25kk6r1247s1o3ls6e1xcc3xj15r",data:a})}),(0,c._J)(m.fC.CTA_CLICKED,{name:"leasing-kostenvergleich",action:"form_submitted",brand:e.brand,model:e.model})}catch{}t()});return(0,a.jsxs)("div",{className:"flex h-full flex-col gap-6 md:gap-8",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-6 md:gap-8",children:[(0,a.jsx)("h2",{className:"mobile-t4-semibold md:web-t4-semibold",children:n??"Dein Kostenvergleich ist bereit"}),(0,a.jsx)("p",{className:"body-16-light",children:i??"Wir berechnen die echten Gesamtkosten von Leasing vs. FINN Auto Abo f\xfcr dich – transparent & verst\xe4ndlich."})]}),(0,a.jsxs)("form",{onSubmit:x,className:"flex flex-1 flex-col gap-8",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,a.jsx)(E.p,{label:"Vorname",...d("firstName"),error:f.firstName?.message}),(0,a.jsx)(E.p,{label:"E-Mail Adresse",type:"email",...d("email"),error:f.email?.message})]}),(0,a.jsx)($.xI,{name:"newsletterConsent",control:p,render:({field:e,fieldState:t})=>(0,a.jsx)(M.S,{checked:e.value,onCheckedChange:e.onChange,error:!!t.error,label:r??"Ja, ich m\xf6chte regelm\xe4\xdfig den Newsletter von FINN \xfcber Neuheiten, Inspirationen und exklusive Angebote per E-Mail erhalten. Ich kann meine Einwilligung jederzeit \xfcber den Abmeldelink in jeder Newsletter-E-Mail widerrufen."})}),(0,a.jsx)(s.$,{type:"submit",variant:"primary",size:"lg",className:"mt-auto w-full",loading:g,children:o??"Kostenvergleich erhalten"})]})]})};var O=l(58593);let T=[{label:"6 Monate",value:"6"},{label:"12 Monate",value:"12"},{label:"24 Monate",value:"24"},{label:"36 Monate +",value:"36+"}],P=({duration:e,onSelect:t,heading:l,options:n})=>(0,a.jsxs)("div",{className:"flex flex-col gap-6 md:gap-8",children:[(0,a.jsx)("h2",{className:"mobile-t4-semibold md:web-t4-semibold",children:l??"Wie lange willst du dein n\xe4chstes Auto fahren?"}),(0,a.jsx)("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2",children:(n??T).map(l=>(0,a.jsx)(s.$,{variant:"ghost",onClick:()=>t(l.value),className:(0,O.cn)("body-14-semibold flex h-16 w-full cursor-pointer items-center justify-center rounded-xs bg-white",e===l.value?"border-2 border-solid border-black":"border-pearl border border-solid"),children:l.label},l.value))})]}),z=[{label:"500 km",value:"500"},{label:"1000 km",value:"1000"},{label:"1500 km",value:"1500"},{label:"2000 km",value:"2000"}],W=({mileage:e,onSelect:t,heading:l,options:n})=>(0,a.jsxs)("div",{className:"flex flex-col gap-6 md:gap-8",children:[(0,a.jsx)("h2",{className:"mobile-t4-semibold md:web-t4-semibold",children:l??"Wieviele Kilometer f\xe4hrst du pro Monat?"}),(0,a.jsx)("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2",children:(n??z).map(l=>(0,a.jsx)(s.$,{variant:"ghost",onClick:()=>t(l.value),className:(0,O.cn)("body-14-semibold flex h-16 w-full cursor-pointer items-center justify-center rounded-xs bg-white",e===l.value?"border-2 border-solid border-black":"border-pearl border border-solid"),children:l.label},l.value))})]});var B=l(5875);let D=({brand:e,model:t,onBrandChange:l,onModelChange:n,onNext:i,heading:r,brandLabel:o,brandPlaceholder:d,modelLabel:c,modelPlaceholder:m,buttonText:u})=>{let{data:p}=(0,v.Ay)("/api/filters/cars?offer_type=subscription&view=available-and-coming-soon",e=>fetch(e,{headers:{"x-finn-actor":"ua-frontend"}}).then(e=>e.json()),{revalidateIfStale:!1,revalidateOnFocus:!1,revalidateOnReconnect:!1}),b=(0,h.useMemo)(()=>p?.brands??[],[p]),f=(0,h.useMemo)(()=>

1{if(!e)return[];let t=b.find(t=>t.id===e);return t?.models??[]},[e,b]);return(0,a.jsxs)("div",{className:"flex h-full flex-col gap-6 md:gap-8",children:[(0,a.jsx)("h2",{className:"mobile-t4-semibold md:web-t4-semibold",children:r??"Welches Fahrzeug interessiert dich?"}),(0,a.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,a.jsxs)(B.l6,{value:e,onValueChange:e=>{l(e),n("")},children:[(0,a.jsx)(B.bq,{className:"body-16-regular w-full",label:o??"Marke",children:(0,a.jsx)(B.yv,{placeholder:d??"Alle Marken"})}),(0,a.jsx)(B.gC,{withScrollDownButton:!0,children:b.map(e=>(0,a.jsx)(B.eb,{value:e.id,children:e.id},e.id))})]}),(0,a.jsxs)(B.l6,{value:t,onValueChange:n,children:[(0,a.jsx)(B.bq,{className:"body-16-regular w-full",label:c??"Modell",children:(0,a.jsx)(B.yv,{placeholder:m??"Alle Modelle"})}),(0,a.jsx)(B.gC,{withScrollDownButton:!0,children:f.map(e=>(0,a.jsx)(B.eb,{value:e.id,children:e.id},e.id))})]})]}),(0,a.jsx)(s.$,{variant:"primary",size:"lg",className:"mt-auto w-full",disabled:!t,onClick:i,children:u??"Weiter"})]})},F={1:"vehicle_selection",2:"duration",3:"mileage",4:"contact_form",5:"comparison"},R={brand:"",model:"",duration:"",mileage:"",firstName:"",email:""},V=e=>{if(e)return e.split(",").map(e=>{let[t,l]=e.split(":");return{label:t.trim(),value:(l??t).trim()}})},K=({open:e,onClose:t,content:l})=>{let[n,i]=(0,h.useState)(1),[u,p]=(0,h.useState)(R),b=(0,h.useRef)(!1),f=(0,h.useMemo)(()=>V(l?.step2_options),[l?.step2_options]),g=(0,h.useMemo)(()=>V(l?.step3_options),[l?.step3_options]);(0,h.useEffect)(()=>{e&&!b.current&&(b.current=!0,(0,c._J)(m.fC.MODAL_OPENED,{name:"leasing-kostenvergleich"}),(0,c._J)(m.fC.MODAL_STEP_VIEWED,{name:"leasing-kostenvergleich",step:1,stepName:F[1]})),e||(b.current=!1)},[e]);let x=(0,h.useCallback)(()=>{(0,c._J)(m.fC.MODAL_CLOSED,{name:"leasing-kostenvergleich",step:n,stepName:F[n]}),t(),setTimeout(()=>{i(1),p(R)},300)},[t,n]),v=(0,h.useCallback)(()=>{i(e=>{let t=Math.min(e+1,5);return(0,c._J)(m.fC.MODAL_STEP_COMPLETED,{name:"leasing-kostenvergleich",step:e,stepName:F[e]}),t!==e&&(0,c._J)(m.fC.MODAL_STEP_VIEWED,{name:"leasing-kostenvergleich",step:t,stepName:F[t]}),t})},[]),j=(0,h.useCallback)(()=>{i(e=>Math.max(e-1,1))},[]),N=(0,h.useCallback)((e,t)=>{p(l=>({...l,[e]:t}))},[]),w=(0,h.useCallback)(e=>{N("duration",e),v()},[N,v]),_=(0,h.useCallback)(e=>{N("mileage",e),v()},[N,v]),k=n>1,y=n/5*100,M=(0,h.useCallback)(()=>(0,a.jsxs)("div",{className:"flex flex-col",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[k?(0,a.jsx)(s.$,{variant:"ghost",className:"h-max p-0",onClick:j,children:(0,a.jsx)(o.m,{"aria-label":"Zur\xfcck"})}):(0,a.jsx)("div",{}),(0,a.jsx)(s.$,{variant:"ghost",className:"h-max p-0",onClick:x,children:(0,a.jsx)(d.b,{"aria-label":"Schlie\xdfen"})})]}),(0,a.jsx)("div",{className:"bg-pearl mt-4 h-0.5 w-full",children:(0,a.jsx)("div",{className:"bg-trustedBlue h-full transition-all duration-300",style:{width:`${y}%`}})})]}),[k,y,j,x]);return(0,a.jsx)(r.aF,{open:e,onOpenChange:e=>!e&&x(),children:(0,a.jsx)(r.$m,{variant:"large",renderHeader:M,className:"md:gap-4 md:pt-6",style:{minHeight:"min(790px, 100dvh)"},children:(0,a.jsxs)("div",{className:"flex min-h-0 flex-1 flex-col",children:[1===n&&(0,a.jsx)(D,{brand:u.brand,model:u.model,onBrandChange:e=>N("brand",e),onModelChange:e=>N("model",e),onNext:v,heading:l?.step1_heading,brandLabel:l?.step1_brand_label,brandPlaceholder:l?.step1_brand_placeholder,modelLabel:l?.step1_model_label,modelPlaceholder:l?.step1_model_placeholder,buttonText:l?.step1_button}),2===n&&(0,a.jsx)(P,{duration:u.duration,onSelect:w,heading:l?.step2_heading,options:f}),3===n&&(0,a.jsx)(W,{mileage:u.mileage,onSelect:_,heading:l?.step3_heading,options:g}),4===n&&(0,a.jsx)(I,{formData:u,onSubmit:v,onFieldChange:N,heading:l?.step4_heading,description:l?.step4_description,newsletterLabel:l?.step4_newsletter_label,buttonText:l?.step4_button}),5===n&&(0,a.jsx)(C,{formData:u,onClose:x,heading:l?.step5_heading,description:l?.step5_description,description2:l?.step5_description_2,finnItems:l?.step5_finn_items,finnItemsMobile:l?.step5_finn_items_mobile,leasingItems:l?.step5_leasing_items,finnBaseLabel:l?.step5_finn_base_label,leasingBaseLabel:l?.step5_leasing_base_label,buttonText:l?.step5_button,disclaimer:l?.step5_disclaimer})]})})})},J=({content:e})=>(0,a.jsx)(n.Bs,{modalKey:i.t.LEASING_KOSTENVERGLEICH,ModalComponent:K,content:e})},36742:(e,t,l)=>{"use strict";let a,n,i;l.d(t,{Q:()=>C});var s=l(7620);let r=new Set,o=new WeakMap,d=new WeakMap,c=new WeakMap,m=new WeakMap,h=new WeakMap,u=new WeakMap,p=new WeakMap,b="__aa_tgt",f="__aa_del";function g(e){clearTimeout(p.get(e));let t=k(e),l="function"==typeof t?500:t.duration;p.set(e,setTimeout(()=>{let t=c.get(e);(!t||t.finished)&&(o.set(e,w(e)),function(e){let t=m.get(e);null==t||t.disconnect();let l=o.get(e),n=0;l||(l=w(e),o.set(e,l));let{offsetWidth:i,offsetHeight:s}

1=a,r=[l.top-5,i-(l.left+5+l.width),s-(l.top+5+l.height),l.left-5].map(e=>`${-1*Math.floor(e)}px`).join(" "),d=new IntersectionObserver(()=>{++n>1&&g(e)},{root:a,threshold:1,rootMargin:r});d.observe(e),m.set(e,d)}(e))},l))}function x(e){setTimeout(()=>{h.set(e,setInterval(()=>v(g.bind(null,e)),2e3))},Math.round(2e3*Math.random()))}function v(e){"function"==typeof requestIdleCallback?requestIdleCallback(()=>e()):requestAnimationFrame(()=>e())}function j(e,t){t||b in e?!t||b in t||Object.defineProperty(t,b,{value:e}):Object.defineProperty(e,b,{value:e})}function N(e){return Number(e.replace(/[^0-9.\-]/g,""))}function w(e){let t=e.getBoundingClientRect();return{top:t.top+window.scrollY,left:t.left+window.scrollX,width:t.width,height:t.height}}function _(e,t,l){let a=t.width,n=t.height,i=l.width,s=l.height,r=getComputedStyle(e);if("content-box"===r.getPropertyValue("box-sizing")){let e=N(r.paddingTop)+N(r.paddingBottom)+N(r.borderTopWidth)+N(r.borderBottomWidth),t=N(r.paddingLeft)+N(r.paddingRight)+N(r.borderRightWidth)+N(r.borderLeftWidth);a-=t,i-=t,n-=e,s-=e}return[a,i,n,s].map(Math.round)}function k(e){return b in e&&u.has(e[b])?u.get(e[b]):{duration:250,easing:"ease-in-out"}}function y(e,...t){t.forEach(t=>t(e,u.has(e)));for(let l=0;l<e.children.length;l++){let a=e.children.item(l);a&&t.forEach(e=>e(a,u.has(a)))}}function C(e){let t=(0,s.useRef)(null);return(0,s.useEffect)(()=>{t.current instanceof HTMLElement&&function(e,t={}){n&&i&&("static"===getComputedStyle(e).position&&Object.assign(e.style,{position:"relative"}),y(e,g,x,e=>null==i?void 0:i.observe(e)),"function"==typeof t?u.set(e,t):u.set(e,{duration:250,easing:"ease-in-out",...t}),n.observe(e,{childList:!0}),r.add(e))}(t.current,e)},[t]),t}"u">typeof window&&(a=document.documentElement,n=new MutationObserver(e=>{let t=e.reduce((e,t)=>{if(!1===e)return!1;if(t.target instanceof Element){if(j(t.target),!e.has(t.target)){e.add(t.target);for(let l=0;l<t.target.children.length;l++){let a=t.target.children.item(l);if(a){if(f in a)return!1;j(t.target,a),e.add(a)}}}if(t.removedNodes.length)for(let l=0;l<t.removedNodes.length;l++){let a=t.removedNodes[l];if(f in a)return!1;a instanceof Element&&(e.add(a),j(t.target,a),d.set(a,[t.previousSibling,t.nextSibling]))}}return e},new Set);t&&t.forEach(e=>{var t,l,n;let i,s,r,h,u;return t=e,i=a.contains(t),s=o.has(t),void(i&&d.has(t)&&d.delete(t),c.has(t)&&(null==(l=c.get(t))||l.cancel()),s&&i?function(e){let t,l=o.get(e),a=w(e);if(!l)return;let n=k(e);if("function"!=typeof n){let i=l.left-a.left,s=l.top-a.top,[r,o,d,c]=_(e,l,a),m={transform:`translate(${i}px, ${s}px)`},h={transform:"translate(0, 0)"};r!==o&&(m.width=`${r}px`,h.width=`${o}px`),d!==c&&(m.height=`${d}px`,h.height=`${c}px`),t=e.animate([m,h],n)}else(t=new Animation(n(e,"remain",l,a))).play();c.set(e,t),o.set(e,a),t.addEventListener("finish",g.bind(null,e))}(t):s&&!i?function(e){let t;if(!d.has(e)||!o.has(e))return;let[l,a]=d.get(e);Object.defineProperty(e,f,{value:!0}),a&&a.parentNode&&a.parentNode instanceof Element?a.parentNode.insertBefore(e,a):l&&l.parentNode&&l.parentNode.appendChild(e);let[n,i,s,r]=function(e){let t=o.get(e),[l,,a]=_(e,t,w(e)),n=e.parentElement;for(;n&&("static"===getComputedStyle(n).position||n instanceof HTMLBodyElement);)n=n.parentElement;n||(n=document.body);let i=getComputedStyle(n),s=o.get(n)||w(n);return[Math.round(t.top-s.top)-N(i.borderTopWidth),Math.round(t.left-s.left)-N(i.borderLeftWidth),l,a]}(e),h=k(e),u=o.get(e);Object.assign(e.style,{position:"absolute",top:`${n}px`,left:`${i}px`,width:`${s}px`,height:`${r}px`,margin:0,pointerEvents:"none",transformOrigin:"center",zIndex:100}),"function"!=typeof h?t=e.animate([{transform:"scale(1)",opacity:1},{transform:"scale(.98)",opacity:0}

1],{duration:h.duration,easing:"ease-out"}):(t=new Animation(h(e,"remove",u))).play(),c.set(e,t),t.addEventListener("finish",()=>{var t;e.remove(),o.delete(e),d.delete(e),c.delete(e),null==(t=m.get(e))||t.disconnect()})}(t):(h=w(n=t),o.set(n,h),"function"!=typeof(u=k(n))?r=n.animate([{transform:"scale(.98)",opacity:0},{transform:"scale(0.98)",opacity:0,offset:.5},{transform:"scale(1)",opacity:1}],{duration:1.5*u.duration,easing:"ease-in"}):(r=new Animation(u(n,"add",h))).play(),c.set(n,r),r.addEventListener("finish",g.bind(null,n))))})}),(i=new ResizeObserver(e=>{e.forEach(e=>{e.target===a&&(clearTimeout(p.get(a)),p.set(a,setTimeout(()=>{r.forEach(e=>y(e,e=>v(()=>g(e))))},100))),o.has(e.target)&&g(e.target)})})).observe(a))},42834:(e,t,l)=>{var a=l(2702);e.exports=function(){var e=arguments,t=a(e[0]);return e.length<3?t:t.replace(e[1],e[2])}},52087:(e,t,l)=>{var a=l(58470),n=l(29702),i=l(18955),s=l(17280),r=l(2702),o=l(21860);e.exports=function(e,t,l){if((e=r(e))&&(l||void 0===t))return e.slice(0,o(e)+1);if(!e||!(t=a(t)))return e;var d=s(e),c=i(d,s(t))+1;return n(d,0,c).join("")}}},e=>{e.O(0,[9166,5246,1153,6733,1973,5220,9635,5096,7128,3327,9915,4551,4821,9734,1126,9186,2175,3512,6267,6497,9580,6619,9661,7961,6751,2421,6274,4950,9834,3004,6980,587,1968,7358],()=>e(e.s=26666)),_N_E=e.O()}]);