https://www.autoscout24.at/assets/as24-search-funnel/_next/static/chunks/7388-6e7a2a92e8e672f5.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7388],{19988:function(e,t,r){var a,i;r.d(t,{TL:function(){return c},z4:function(){return o}}),(i=a||(a={})).DirectSale="DirectSale",i.MLC="MLC",i.TradeIn="TradeIn",i.UnifiedForm="UnifiedForm",i.PriceEstimation="PriceEstimation";let n="vehicle-data-v2",l=(e=30)=>{if("undefined"==typeof document)return;let t=new Date;t.setTime(t.getTime()+864e5*e);let r=`expires=${t.toUTCString()}`;document.cookie=`${n}=true;${r};path=/;SameSite=Lax`},s=()=>{"undefined"!=typeof document&&(document.cookie=`${n}=;expires=Thu, 01 Jan 1970 00:00:00 UTC;path=/;`)},o=(e,t)=>{try{localStorage.setItem(n,JSON.stringify(null));let r={source:e,created:new Date,vehicle:t};localStorage.setItem(n,JSON.stringify(r)),l()}catch(e){console.error("Failed to access localStorage from vehicle-data save:",e)}},c=()=>{localStorage.removeItem(n),s()}},61120:function(e,t,r){r.d(t,{ol:function(){return a}});var a=Object.freeze({__proto__:null,AuthDialogCloseEvent:"AUTH_DIALOG_CLOSE_EVENT",AuthDialogFragmentReadyEvent:"AUTH_DIALOG_FRAGMENT_READY_EVENT",AuthDialogTypeChangeEvent:"AUTH_DIALOG_TYPE_CHANGE_EVENT"}),i=(Object.freeze({__proto__:null,SomeFragmentInitializationExample:"SOME_FRAGMENT:INITIALIZED",TatsuServiceTemplateSelectImage:"TATSU_SERVICE_TEMPLATE:SELECT_IMAGE"}),Object.freeze({__proto__:null,FavoriteAddedEvent:"WATCHLIST:FAVORITE_ADDED",FavoriteRemovedEvent:"WATCHLIST:FAVORITE_REMOVED",FavoritesReady:"FAVORITES:READY",PcsUiShowDoiOptinOverlayEvent:"PCS_UI_SHOW_DOI_OPTIN_OVERLAY",PcsUiShowOverlayEvent:"PCS_UI_SHOW_OVERLAY",SearchFunnelPopupSurvey:"SEARCH_FUNNEL:POPUP_SURVEY",WatchlistEvent:"AS24_WATCHLIST_EVENT",WatchlistEventCountUpdate:"WATCHLIST_COUNT_UPDATE"}),Object.freeze({__proto__:null,TestEvent:"HOMEPAGE_TEST_EVENT",ViewChange:"VIEW_CHANGE"}),"CL_FILTER_UPDATE"),n="CLASSIFIED_LIST:FILTER_EDIT_INITIALIZED";Object.freeze({__proto__:null,ClassifiedListFilterEditInitialized:n,ClassifiedListFilterUpdate:i,ClassifiedListRequestFiltersValue:"CLASSIFIED_LIST:REQUEST_FILTER_VALUES",ClassifiedListTotalCountUpdate:"TOTAL_COUNT_UPDATE",ListItemsChanged:"list-items:changed",ListItemsInitialized:"LIST_ITEMS_INITIALIZED",SavedSearchesFragmentInitialization:"SAVED_SEARCHES_FRAGMENT_INIT",WebPushOptIn:"WEB_PUSH:OPT_IN"}),Object.freeze({__proto__:null,ClassifiedListFilterEditInitialized:n,ClassifiedListFilterUpdate:i,SearchMaskFilterUpdate:"SAVED_SEARCHES_EDIT:SEARCH_MASK_QUERY_UPDATE"})},63763:function(e,t,r){r.d(t,{X:function(){return s}});var a=r(85893),i=r(77405),n=r(67294),l=r(45635);let s=({id:e,checked:t,indeterminate:r=!1,onChange:s,disabled:o=!1,label:c,"aria-label":d,className:u,value:m,withContainer:h,name:E,error:_,errorMessage:p,backgroundColor:f,checkmarkColor:v,...b})=>{c||d||console.warn("Checkbox component should have either a `label` prop or an `aria-label` prop for accessibility.");let T=(0,n.useId)(),C=e??`checkbox-${T}`,I=(0,n.useRef)(null);(0,n.useEffect)(()=>{I.current&&(I.current.indeterminate=r)},[r]);let k=t||r;return(0,a.jsxs)("div",{className:(0,l.c)("sr-checkbox",{"sr-checkbox--disabled":o,"sr-checkbox--with-container":h,"sr-checkbox--error":_&&!o},u),...b,children:[(0,a.jsx)("div",{"aria-hidden":!0,className:(0,l.c)("sr-checkbox--checkmark-box",{"sr-checkbox--checkmark-box-hide":!k}),style:f?{backgroundColor:f}:void 0,children:r?(0,a.jsx)(i.J,{className:"sr-checkbox--checkmark",style:v?{color:v}:void 0}):(0,a.jsx)(i.g,{className:(0,l.c)("sr-checkbox--checkmark",{"sr-checkbox--checkmark-hide":!t}),style:v?{color:v}:void 0})}),(0,a.jsx)("input",{ref:I,id:C,type:"checkbox",className:"sr-checkbox--input",checked:t,onChange:s,disabled:o,"aria-label":d,"aria-checked":r?"mixed":void 0,value:m,name:E}),c&&(0,a.jsx)("label",{htmlFor:C,className:"sr-checkbox--label",children:c}),_&&!o&&!h&&(0,a.jsx)("span",{className:"sr-checkbox--error-message",children:p})]})}},57704:function(e,t,r){r.d(t,{I:function(){return s}});var a=r(85893),i=r(77405),n=r(67294),l=r(45635);let s=({label:e,hideLabel:t,placeholder:r,helper:s,error:o,search:c,suffix:d,disabled:u,id:m,type:h,className:E,required:_,"aria-label":p,...f})=>{let v=(0,n.useId)(),b=m??`input-${v}`,T=`${b}-helper`;return(0,n.useEffect)(()=>{},[t,p,b]),(0,a.jsxs)("div",{className:"sr-input",children:[(0,a.jsxs)("label",{className:(0,l.c)({"sr-visually-hidden":t}),htmlFor:b,children:[e,_&&(0,a.jsx)("span",{className:"sr-input__required","aria-hidden":"true",children:"*"})]}),(0,a.jsxs)("div",{className:(0,l.c)("sr-input__container",{"sr-input--error":o&&!u,"sr-input__container-disabled":u}),children:[c&&(0,a.jsx)(i.a,{"aria-hidden":"true",className:"sr-input__search-icon"}),(0,a.jsx)("input",{className:(0,l.c)("sr-input",E),placeholder:r,...f,id:b,disabled:u,type:h,"aria-label":p,"aria-invalid":!!o,"aria-required":_,"aria-describedby":s||"boolean"==typeof o?T:void 0,"aria-errormessage":"string"==typeof o?o:void 0}),(0,a.jsx)("div",{className:"sr-input__suffix-container",children:o&&!u&&(0,a.jsx)(i.K,{"aria-hidden":"true",className:"sr-input__error-icon"})}),!!d&&(0,a.jsx)("span",{className:"sr-input__suffix",children:d})]}),(s||o)&&(0,a.jsx)("p",{id:T,className:(0,l.c)("sr-input__helper",{"sr-input__helper--error":o&&!u,"sr-input__helper--disabled":u}),children:"boolean"!=typeof o&&o?o:s})]})}},36133:function(e,t,r){r.d(t,{u:function(){return o}});var a=r(85893),i=r(77405),n=r(67294),l=r(33970),s=r(45635);let o=({openModal:e,closeModal:t,title:r,children:o,hasCloseButton:c=!0,footer:d,className:u,onClick:m,...h})=>{let E=(0,n.useRef)(null);(0,n.useLayoutEffect)(()=>{e?E.current?.showModal():E.current?.close()},[e]);let _=e=>{e.stopPropagation()};return(0,a.jsx)("dialog",{ref:E,onCancel:t,onMouseDown:e=>{e.target===E.current&&t()},className:(0,s.c)("sr-modal",u,{"sr-modal-closed":!e}),onClick:m,...h,children:(0,a.jsxs)("div",{className:"sr-modal_content sr-thin-scrollbar",tabIndex:0,onClick:_,children:[(r||c)&&(0,a.jsxs)("div",{onClick:_,className:(0,s.c)("sr-modal_content_title",{"sr-modal_content_title--hide":typeof r>"u"}),children:[r&&(0,a.jsx)("h2",{className:"sr-modal__title",children:r}),c&&(0,a.jsx)("div",{className:"sr-modal__close",children:(0,a.jsx)(l.z,{mode:"ghost-neutral",onClick:t,"aria-label":"Close modal",children:(0,a.jsx)(i.C,{"aria-hidden":"true",width:"24",height:"24"})})})]}),o,d&&(0,a.jsx)("div",{className:"sr-modal_content_footer",onClick:_,children:d})]})})}},65121:function(e,t,r){r.d(t,{u:function(){return d}});var a=r(85893),i=r(67294),n=r(73935),l=r(45635),s=r(578);let o="sr-tooltip",c=e=>!!(0,i.isValidElement)(e)&&"string"!=typeof e.type,d=({content:e,pos:t=["bottom center"],defaultOpen:r=!1,delay:d=0,showOnClick:u=!1,triggerElement:m,onOpen:h,onClose:E,className:_,ariaLabel:p,children:f=e,interactive:v=!1,tooltipProps:b,disabled:T,centerArrow:C=!1,...I})=>{let[k,x]=(0,i.useState)(!1),S=(0,i.useRef)(null),L=(0,i.useRef)(null),g=(0,i.useRef)(null),N=(0,i.useRef)(null),A=(0,i.useId)(),[y,w]=(0,i.useState)(t[0]),[D,O]=(0,i.useState)({position:"fixed",zIndex:"var(--sr-zindex-overlay, 9999)",top:0,left:0,opacity:0,visibility:"hidden",backgroundColor:"var(--component-tooltip-color-fill)",pointerEvents:v?"auto":"none"}),[j,R]=(0,i.useState)(null),F=(0,i.useCallback)(({finalLeft:e,triggerRect:t,tooltipRect:r})=>{if(!C){R(null);return}let a=t.left+t.width/2-e,i=g.current?.offsetWidth??12,n=Math.max(i,r.width-i);R(Math.min(Math.max(a,i),n))},[C]),U=(0,i.useCallback)(()=>{L.current&&S.current&&k&&(0,s.c)(t,S,L,w,O,!0,F)},[t,k,F]);(0,i.useLayoutEffect)(()=>

1{if(k)return O(e=>({...e,top:0,left:0,opacity:0,visibility:"visible"})),queueMicrotask(()=>{U()}),window.addEventListener("resize",U),window.addEventListener("scroll",U),()=>{window.removeEventListener("resize",U),window.removeEventListener("scroll",U)}},[k,U]);let P=(0,i.useCallback)(()=>{N.current&&window.clearTimeout(N.current),N.current=window.setTimeout(()=>{x(!0),h?.()},d)},[d,h]),M=(0,i.useCallback)(()=>{N.current&&(window.clearTimeout(N.current),N.current=null),x(!1),O(e=>({...e,top:0,left:0,opacity:0,visibility:"hidden"})),R(null),E?.()},[E]),V=(0,i.useCallback)(()=>{x(e=>!e)},[]),z=(0,i.useCallback)(e=>{let t=L.current?.contains(e.target),r=S.current?.contains(e.target);t||r||M()},[M]),H=(0,i.useCallback)(e=>{"Escape"===e.key&&M()},[M]);(0,i.useEffect)(()=>{if(k)return document.addEventListener("mousedown",z),document.addEventListener("keydown",H),()=>{document.removeEventListener("mousedown",z),document.removeEventListener("keydown",H)}},[k,z,H]),(0,i.useEffect)(()=>{if(!u){let e=S.current;if(!e)return;let t=()=>P(),r=()=>!v&&M(),a=e=>{e.target.setAttribute("aria-describedby",A),P()},i=t=>{t.target.removeAttribute("aria-describedby");let r=t.relatedTarget;r&&e.contains(r)||M()};return e.addEventListener("mouseenter",t),e.addEventListener("mouseleave",r),e.addEventListener("focusin",a),e.addEventListener("focusout",i),()=>{e.removeEventListener("mouseenter",t),e.removeEventListener("mouseleave",r),e.removeEventListener("focusin",a),e.removeEventListener("focusout",i)}}},[u,P,M]),(0,i.useEffect)(()=>{x(r)},[]);let W=(0,l.c)(o,`${o}--${(y||"bottom center").replace(" ","-")}`,{[`${o}--interactive`]:v},_),$=C&&null!==j?{left:`${j}px`,right:"auto",transform:"translateX(-50%) rotate(45deg)"}:void 0;if(!(0,i.isValidElement)(m))throw Error("Trigger element is not a valid react element. Please use a single react element as a trigger.");let G=c(m),Y=G?(0,a.jsx)("span",{className:"sr-tooltip-trigger-wrapper",role:"none",children:m}):m,q=I.onClick??Y.props.onClick,K=I.onKeyDown??Y.props.onKeyDown,J=u?{onClick:V}:{onClick:e=>{q?.(e),e.defaultPrevented||k||P()},onKeyDown:e=>{K?.(e),e.defaultPrevented||k||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),P())}},Z=(0,i.cloneElement)(Y,{...I,"data-tooltip-trigger":A,ref:e=>{S.current=e;let t=Y.ref;"function"==typeof t?t(e):t&&e&&(t.current=e)},...!G&&{"aria-label":p??Y.props?.["aria-label"],"aria-describedby":k?A:void 0,tabIndex:Y.props?.tabIndex??0},...J});return(0,a.jsxs)(a.Fragment,{children:[Z,k&&!T&&(0,n.createPortal)((0,a.jsxs)("div",{id:A,ref:L,role:"tooltip",className:W,style:D,onClick:e=>e.stopPropagation(),onMouseDown:e=>e.stopPropagation(),...b,children:[f,(0,a.jsx)("div",{ref:g,className:`${o}-arrow`,style:$})]}),document.body)]})}}}]);