1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9326,9536],{11640:function(a,b,c){"use strict";c.r(b),c.d(b,{default:function(){return g}});var d=c(83946),e=c(19013),f=c(13882);function g(a,b){(0,f.Z)(2,arguments);var c=(0,e.default)(a),g=(0,d.Z)(b);if(isNaN(g))return new Date(NaN);if(!g)return c;var h=c.getDate(),i=new Date(c.getTime());return(i.setMonth(c.getMonth()+g+1,0),h>=i.getDate())?i:(c.setFullYear(i.getFullYear(),i.getMonth(),h),c)}},78582:function(a,b,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/gebrauchtwagen/favoriten/vergleich",function(){return c(80959)}])},79046:function(a,b,c){"use strict";var d=c(85893);c(67294);var e=c(76324),f=c(28106),g=c(43019),h=function(a){var b=a.handleClick,c=a.isFavorite,h=a.hasText,i=a.className;return void 0!==h&&h?(0,d.jsxs)(g.W3,{className:i,onClick:b,children:[c?(0,d.jsx)(e.Z,{style:{color:"#E4001E",height:23,width:23},fontSize:"inherit"}):(0,d.jsx)(f.Z,{style:{height:23,width:23},fontSize:"inherit"}),(0,d.jsx)("span",{className:"text",children:"Merken"})]}):(0,d.jsx)(g.Sn,{className:i,onClick:b,children:c?(0,d.jsx)(e.Z,{style:{color:"#E4001E",height:20,width:20},fontSize:"inherit"}):(0,d.jsx)(f.Z,{style:{height:20,width:20},fontSize:"inherit"})})};b.Z=h},43019:function(a,b,c){"use strict";c.d(b,{Sn:function(){return i},W3:function(){return j}});var d=c(7297),e=c(19521);function f(){var a=(0,d.Z)(["\n box-sizing: border-box;\n height: 45px;\n width: 45px;\n padding: 0;\n border: 1.5px solid ",";\n background-color: ",";\n box-shadow: 1px 5px 9px 0 rgba(160,160,160,0.5);\n position: relative;\n border-radius: 100%;\n cursor: pointer;\n background-color: ",";\n display: flex;\n justify-content: center;
1\n align-items: center;\n\n &:focus {\n outline: none;\n }\n"]);return f=function(){return a},a}function g(){var a=(0,d.Z)(["\n border: none;\n background-color: transparent;\n padding: 0;\n position: absolute;\n top: 10px;\n right: 10px;\n color: #000000;\n &.details-page-btn {\n background: #ffffffab;\n border-radius: 3px;\n margin-right: 5px;\n padding: 3px 8px; \n }\n &.static {\n position: static;\n display: flex;\n }\n @media (min-width: 1280px) {\n position: static;\n }\n &:focus {\n outline: none;\n }\n @media (max-width: 767px) {\n padding: 3px 8px; \n }\n span {\n font-size: 16px;\n vertical-align: middle;\n display: inline-block;\n &.text {\n margin-left: 3px;\n }\n }\n"]);return g=function(){return a},a}function h(){var a=(0,d.Z)(["\n width: ","px;\n height: ","px;\n display: inline-block;\n background: ",';\n mask: url("https://autohaus24.de/svgs/','") no-repeat center;\n']);return h=function(){return a},a}var i=e.ZP.button.withConfig({componentId:"sc-755e73a6-0"})(f(),function(a){return a.theme.colors.accordionBorderColor},function(a){return a.theme.colors.white},function(a){return a.theme.colors.sectionBackground}),j=e.ZP.button.withConfig({componentId:"sc-755e73a6-1"})(g());e.ZP.span.withConfig({componentId:"sc-755e73a6-2"})(h(),function(a){var b=a.height;return void 0===b?15:b},function(a){var b=a.width;return void 0===b?15:b},function(a){return a.isFavorite?a.theme.colors.primaryColor:a.isBlack?a.theme.colors.primaryFont:a.theme.colors.primaryColor},function(a){return a.isFavorite?"heart-full.svg":"heart-empty.svg"})},80959:function(a,b,c){"use strict";c.r(b),c.d(b,{default:function(){return V}});var d=c(47568),e=c(26042),f=c(69396),g=c(34051),h=c.n(g),i=c(85893),j=c(67294),k=c(31955),l=c(25617),m=c(31344),n=c(91756),o=c(22511),p=c(74574),q=c(49620),r=c(94949),s=c(23088),t=c(44328),u=c(79072),v=c(7297),w=c(19521);function x(){var a=(0,v.Z)(["\nmin-height: 110vh;\n\n.fake-car {\n a {\n pointer-events: none;\n }\n}\n\n.no-image {\n width: calc(100% - 10px);\n height: 196px;\n min-height: 76px;\n background-color: ",";\n border-radius: 15px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n span {\n color: ",";\n font-family: Roboto;\n font-size: 14px;\n font-weight: 700;\n letter-spacing: 0;\n line-height: 19px;\n }\n }\n\n.location-info {\n margin-top: 35px;\n display: flex;\n flex-direction: column;\n padding: 16px 8px;\n background: rgb(245, 247, 251);\n font-size: 16px;\n\n & > div {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .location-title {\n font-weight: 500;\n margin-bottom: 12px;\n }\n .location-subtitle {\n margin-bottom: 12px;\n }\n}\n\n.title-container {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n margin-bottom: 26px;\n\n h1 {\n font-weight: ",";\n color: ",";\n font-family: 'Roboto';\n font-size: 26px;\n letter-spacing: 0;\n line-height: 26px;\n margin-bottom: 0;\n margin: 25px 0;\n }\n}\n\n@keyframes shift {\nfrom {\n transform: translateX(0%);\n }\n\n to {\n transform: translateX(-100%);\n }\n}\n\nhr {\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n.details-page-btn {\n margin-left: 8px;\n}\n\n.like-btn {\n border: 1px solid #d5cfcf;\n position: absolute; \n top: 12px;\n right: 70px;\n .text {\n display: none;\n }\n}\n\n.price-container {\n display: flex;\n}\n\n.delete-btn {\n border: 1px solid #d5cfcf;\n position: absolute; \n top: 12px;\n right: 18px;\n transition: opacity .25s;\n\n &:hover {\n opacity: 0.6;\n }\n}\n\n.overflow {\n display: none;\n overflow: hidden;\n position: absolute;\n width: 100%;\n height: 100%;\n background: rgba(255,255,255, .7);\n z-index: 1;\n \n flex-direction: column;
1\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n .title {\n font-size: 22px;\n font-weight: 500;\n display: block;\n margin-bottom: 15px;\n }\n\n .progressline {\n position: absolute;\n bottom: 16px;\n left: 0;\n background: red;\n height: 1px;\n width: 100%;\n transform: translateX(0%);\n }\n\n &.visible {\n display: flex;\n .progressline {\n animation: shift 1.3s forwards linear;\n }\n }\n}\n\n.price-wrap {\n margin-right: 12px;\n\n .price-info {\n display: inline-block;\n }\n}\n\n.close-btn {\n width: 100%;\n height: 100%;\n display: inline-block;\n cursor: pointer;\n position: relative;\n opacity: 0.6;\n transition: opacity .1s;\n\n &:before, &:after {\n position: absolute;\n left: 20px;\n top: 12px;\n content: '';\n height: 20px;\n width: 2px;\n background-color: #333;\n }\n\n &:before {\n transform: rotate(45deg);\n }\n &:after {\n transform: rotate(-45deg);\n }\n\n &:hover {\n opacity: 1;\n }\n}\n\n.alice-carousel__stage-item {\n max-width: 327px;\n}\n\n.carousel-sticky {\n background:#fff;\n .slide-item {\n position: relative;\n max-width: 327px;\n height: 100%;\n padding: 0 12px 16px;\n a.slide-link {\n display: block;\n text-decoration: none;\n position: relative;\n overflow: hidden;\n border-top-left-radius: 20px;\n border-top-right-radius: 20px;\n }\n }\n h4 {\n color: #191919;\n font-family: Roboto;\n font-size: 16px;\n font-weight: bold;\n letter-spacing: 0;\n line-height: 21px;\n margin-top: 12px;\n margin-bottom: 0;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n\n .price-wrap {\n color: #595959;\n font-family: Roboto;\n font-size: 10px;\n letter-spacing: 0;\n line-height: 13px;\n\n span.price {\n color: #191919;\n font-family: Roboto;\n font-size: 16px;\n font-weight: bold;\n letter-spacing: 0;\n line-height: 21px;\n\n &.small {\n font-size: 14px;\n font-weight: bold;\n letter-spacing: 0;\n line-height: 24px;\n }\n }\n }\n\n .alice-carousel__next-btn, .alice-carousel__prev-btn {\n width: 50px;\n height: 50px;\n background: rgba(255,255,255,0.67);\n border-radius: 3px;\n position: absolute;\n top: -75px;\n cursor: pointer;\n z-index: 3;\n margin-right: 12px;\n pointer-events: all;\n transition: opacity .1s;\n padding: 0;\n\n .nav-btn {\n width: 100%;\n height: 100%;\n &:hover {\n opacity: 0.55;\n }\n &:after {\n content: '';\n position: absolute;\n width: 18px;\n height: 18px;\n left: 50%;\n top: 50%;\n border-right: 2px solid #E4001E;\n border-top: 2px solid #E4001E;\n transform: translate(-60%, -50%) rotate(45deg); \n }\n\n &.disabled {\n /* pointer-events: none; */\n opacity: 0.2!important; \n }\n\n &.nav-btn-prev {\n margin-right: 0;\n margin-left: 12px;\n &:after {\n transform: translate(-35%, -50%) rotate(-135deg);\n }\n }\n }\n }\n .alice-carousel__prev-btn {\n right: 75px;\n }\n .alice-carousel__next-btn {\n right: 0;\n }\n}\n\n\n.info-list {\n position: relative;\n padding: 0 12px 16px;\n max-width: 327px;\n \n &.fake-car{\n .info-item:nth-child(even) {\n background: #F2F2F2;\n }\n .info-item-text, .location-title, .location-subtitle {\n font-size: 0;\n &:before {\n content:'N/a';\n font-size: 16px;\n }\n }\n .location-title, .location-subtitle {\n text-align: center;\n }\n\n .location-info {\n pointer-events: none;\n background: #F2F2F2;\n }\n }\n\n &:after {\n content: '';\n position: absolute;\n height: calc(100% - 230px);\n width: 1px;\n top: 0;\n right: 0px;\n background:rgb(193, 193, 193);\n }\n}\n\n.carousel-info .alice-carousel__wrapper {\n position: relative;\n &:after {\n content: '';\n position: absolute;\n height: 100%;\n width: 3px;\n top: 0;\n right: 0px;\n background: #fff;\n z-index: 10;\n }\n &:before {\n content: '';\n position: absolute;\n height: 100%;\n width: 3px;\n top: 0;\n left: 0px;\n background: #fff;\n z-index: 10;\n }\n .alice-carousel__stage-item:last-of-type {\n .info-list {\n &:after {\n display: none;\n }\n }\n }\n}\n\n\n.info-item {\n width: 100%;\n display: flex;\n flex-direction: column;\n padding: 16px 4px;\n color: rgb(48, 48, 48);\n \n\n &:nth-child(even) {\n background: #e5fbff;\n }\n\n &-title {\n font-size: 12px;\n color: rgb(131, 131, 131);\n }\n\n &-text {\n font-size: 16px;\n line-height: 1.71;\n margin: 12px 0px 0px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n}\n\n.nav-control-wrapper {\n display: flex;\n justify-content: flex-end;\n margin-bottom: 26px;\n height: 50px;\n}\n\n.nav-control {\n display: flex;\n left: 0;\n width: 150px;\n top: 50%;\n pointer-events: none;\n \n .next, .prev {\n width: 50px;\n height: 50px;\n background: rgba(255,255,255,0.67);\n border-radius: 3px;\n position: relative;\n cursor: pointer;\n z-index: 3;\n margin-right: 12px;\n pointer-events: all;\n transition: opacity .1s;\n\n &:after {\n content: '';\n position: absolute;\n width: 18px;\n height: 18px;\n left: 50%;\n top: 50%;\n border-right: 2px solid #E4001E;\n border-top: 2px solid #E4001E;\n transform: translate(-60%, -50%) rotate(45deg); \n }\n\n &.disabled {\n pointer-events: none;\n opacity: 0.2!important; \n }\n\n &:hover {\n opacity: 0.55;\n }\n }\n\n .prev {\n margin-right: 0;\n margin-left: 12px;\n &:after {\n transform: translate(-35%, -50%) rotate(-135deg);\n }\n }\n }\n\n .mid-title {\n display: flex;\n margin-top: 15px;\n margin-bottom: 17px;\n padding: 0 15px;\n\n h3 {\n display: block;\n width: 100%;\n font-size: 24px;\n }\n }\n\n .carousel-sticky {\n .nav-control {\n display: none;\n }\n }\n\n .sticky {\n position: relative;\n z-index: 1000;\n box-shadow: 0 7px 10px 0 rgb(0 0 0 / 18%);\n border-bottom: 1px solid #DCD8D8;\n\n .no-image {\n height: 136px;\n }\n\n .delete-btn {\n top: -2px;\n right: -6px;\n }\n\n .like-btn {\n top: -2px;\n right: 44px;\n }\n\n .alice-carousel__next-btn, .alice-carousel__prev-btn {\n position: fixed;\n /* width: 100%; */\n top: 55px;\n /* padding: 0px 10px; */\n /* display: flex; */\n width: 30px;\n height: 30px;\n margin: 0;\n \n .nav-btn{\n margin: 0!important;\n border: 1px solid #E4001E;\n\n &:after {\n width: 8px;\n height: 8px;\n }\n }\n }\n\n .alice-carousel__prev-btn {\n left: 20px;\n }\n .alice-carousel__next-btn {\n right: 20px;\n }\n\n .carousel-sticky .slide-item {\n padding-top: 5px;\n padding-bottom: 5px;\n display: flex;\n flex-direction: column;\n\n h4 {\n margin-top: 4px;\n }\n\n hr {\n margin: 0;\n }\n\n .btn-container {\n position: absolute;\n top: 16px;\n right: 25px;\n }\n\n a.slide-link {\n border-bottom-left-radius: 0px;\n width: 100%;\n height: 136px;\n\n img {\n transform: translateY(-16%);\n }\n }\n .price-container {\n display: flex;\n\n .price-wrap {\n margin-right: 8px;\n\n span.price {\n font-size: 14px;\n\n &.small {\n line-height: 21px;\n }\n }\n }\n }\n }\n }\n\n @media (max-width: 767px) {\n .sticky {\n .carousel-sticky .slide-item a.slide-link {\n height: 76px;\n }\n .no-image {\n height: 22px;\n }\n }\n .no-image {\n height: 123px;\n span {\n font-size: 12px;\n }\n }\n }\n @media (max-width: 575px) {\n .mid-title {\n font-size: 20px;\n }\n .carousel-sticky {\n .nav-control {\n display: none;\n }\n .slide-item {\n padding: 0;\n padding-right: 5px;\n }\n .slide-item h4 {\n font-size: 13px;\n padding-left: 5px;\n }\n .price-container {\n padding-left: 5px;\n }\n }\n\n .delete-btn {\n top: 12px;\n right: 12px;\n }\n\n .like-btn {\n top: 12px;\n right: 60px;\n }\n\n .sticky {\n .delete-btn {\n top: 28px;\n right: -18px;\n }\n\n .like-btn {\n top: -5px;\n right: -17px;\n }\n\n .alice-carousel__next-btn, .alice-carousel__prev-btn {\n display: none;\n }\n }\n }\n"]);return x=function(){return a},a}var y=w.ZP.div.withConfig({componentId:"sc-c9bd0412-0"})(x(),function(a){return a.theme.colors.selectedLabelBG},function(a){return a.theme.colors.primaryFont},function(a){return a.theme.fontWeight.bold},function(a){return a.theme.colors.secondaryFont}),z=c(64519),A=c(47737),B=c.n(A),C=c(41664),D=c.n(C),E=c(42298),F=c(75198),G=c(80366),H=c(949),I=c(79046),J=c(29536),K=c(43019),L=c(70383),M=c(58122),N=c(5900),O=c(60267),P={0:{items:2},1200:{items:4}},Q=function(a){var b,c,d,e,f,g=a.car;return(0,i.jsxs)("div",{className:"info-list ".concat((null==g?void 0:g.isFake)?"fake-car":""),children:[(0,i.jsxs)("div",{className:"info-item",children:[(0,i.jsx)("span",{className:"info-item-title",children:"Karosserie"}),(0,i.jsx)("p",{className:"info-item-text",children:g.category})]}),(0,i.jsxs)("div",{className:"info-item",children:[(0,i.jsx)("span",{className:"info-item-title",children:"Kilometerstand"}),(0,i.jsxs)("p",{className:"info-item-text",children:[g.mileage," ","KM"]})]}),(0,i.jsxs)("div",{className:"info-item",children:[(0,i.jsx)("span",{className:"info-item-title",children:"Getriebe"}),(0,i.jsx)("p",{className:"info-item-text",children:g.gear})]}),(0,i.jsxs)("div",{className:"info-item",children:[(0,i.jsx)("span",{className:"info-item-title",children:"Leistung"}),(0,i.jsxs)("p",{className:"info-item-text",children:[g.ps," ","PS (",g.kw," ","kW)"]})]}),(0,i.jsxs)("div",{className:"info-item",children:[(0,i.jsx)("span",{className:"info-item-title",children:"Lackfarbe"}),(0,i.jsx)("p",{className:"info-item-text",children:g.farbe})]}),(0,i.jsxs)("div",{className:"info-item",children:[(0,i.jsx)("span",{className:"info-item-title",children:"Kraftstoff"}),(0,i.jsx)("p",{className:"info-item-text",children:g.fuel})]}),(0,i.jsxs)("div",{className:"info-item",children:[(0,i.jsx)("span",{className:"info-item-title",children:"Navigationssystem"}),(0,i.jsx)("p",{className:"info-item-text",children:g.navigationssystem?"Vorhanden":"Angabe fehlt"})]}),(0,O.Z)(g.mileage,g.registrationDate)&&(0,i.jsxs)("div",{className:"info-item",children:[(0,i.jsx)("span",{className:"info-item-title",children:"CO2-Emissionen"}),(0,i.jsxs)("p",{className:"info-item-text",children:[g.co2," ","g CO2/KM"]})]}),(0,i.jsxs)("div",{className:"info-item",children:[(0,i.jsx)("span",{className:"info-item-title",children:"T\xfcren"}),(0,i.jsx)("p",{className:"info-item-text",children:g.doors})]}),(0,i.jsxs)("div",{className:"info-item",children:[(0,i.jsx)("span",{className:"info-item-title",children:"Sitzpl\xe4tze"}),(0,i.jsx)("p",{className:"info-item-text",children:g.seats})]}),(0,i.jsxs)("div",{className:"info-item",children:[(0,i.jsx)("span",{className:"info-item-title",children:"Schadstoffklasse"}),(0,i.jsx)("p",{className:"info-item-text",children:g.emissionStandard})]}),(0,i.jsxs)("div",{className:"location-info",children:[(0,i.jsxs)("div",{title:null==g?void 0:null===(b=g.locationData)|| void 0===b?void 0:b.city,className:"location-title",children:["Gebrauchtwagen Standorte in"," ",null==g?void 0:null===(c=g.locationData)|| void 0===c?void 0:c.city]}),(0,i.jsx)("div",{className:"location-subtitle",children:null==g?void 0:null===(d=g.locationData)|| void 0===d?void 0:d.street}),(0,i.jsxs)("div",{className:"location-subtitle",children:[null==g?void 0:null===(e=g.locationData)|| void 0===e?void 0:e.plz,","," ",null==g?void 0:null===(f=g.locationData)|| void 0===f?void 0:f.name]}),(0,i.jsx)(D(),{href:"/gebrauchtwagen/cars/".concat(g.id,"?openForm=true"),children:(0,i.jsx)(L.Z,{type:"submit",size:"small",fullWidth:!0,variant:"contained",disabled:null==g?void 0:g.isFake,style:{fontSize:"14px",textTransform:"initial"},children:(0,i.jsx)("span",{children:"Fahrzeug anfragen"})})})]})]})},R=function(a){var b,c=a.car,d=a.favorites,e=a.handleRemoveCar,f=a.dispatch,g=!!d.find(function(a){return Number(a.id)===(null==c?void 0:c.id)}),h=function(a){var b,d,g;a.preventDefault(),(0,M.S)(a,{id:c.id,title:c.title,fuel:c.fuel,gear:c.gear,mileage:(0,H.uY)(c.mileage),locationId:c.locationId,price:(0,H.uY)(c.price),addedAt:(0,E.default)(new Date,"dd.MM.yyyy"),ps:c.ps,registrationDate:c.registrationDate,brandName:(null==c?void 0:null===(b=c.brand)|| void 0===b?void 0:b.name)||"",modelName:(null===(d=c.model)|| void 0===d?void 0:d.name)||"",locationName:(null==c?void 0:null===(g=c.location)|| void 0===g?void 0:g.name)||""}
1,f),e(c.id)};return(0,i.jsxs)("div",{className:"slide-item ".concat((null==c?void 0:c.isFake)?"fake-car":""),children:[(0,i.jsx)(D(),{prefetch:!1,href:"/gebrauchtwagen/cars/".concat(c.id),children:(0,i.jsx)("a",{className:"slide-link",children:(null==c?void 0:c.isFake)?(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)("div",{className:"no-image",children:[(0,i.jsx)(z.Z,{style:{color:"#3a3737",height:44,width:44},fontSize:"inherit"}),(0,i.jsx)("span",{children:"Leider nicht mehr verf\xfcgbar"})]})}):(0,i.jsx)(N.Z,{width:872,height:566,quality:95,src:c.image})})}),(0,i.jsx)(D(),{prefetch:!1,href:"/gebrauchtwagen/cars/".concat(c.id),children:(0,i.jsxs)("h4",{children:[null==c?void 0:null===(b=c.brand)|| void 0===b?void 0:b.name," ",(0,H.BL)((null==c?void 0:c.title)||"")]})}),(0,i.jsx)("hr",{}),(0,i.jsxs)("div",{className:"d-flex justify-content-between",children:[(0,i.jsxs)("div",{className:"pt-2 price-container",children:[(0,i.jsxs)("div",{className:"price-wrap",children:[(0,i.jsx)("span",{className:"price",children:"".concat((0,H.uY)(c.price)," â¬")})," ",(0,i.jsx)("span",{className:"price-info",children:"/ Kaufpreis"})]}),1===c.exportFinancingParams&&(0,i.jsxs)("div",{className:"price-wrap",children:[(0,i.jsx)("span",{className:"price small",children:"".concat((0,H.uY)(c.leasMonatsrate)," â¬")})," ",(0,i.jsx)("span",{className:"price-info",children:"/ mtl"})]}),2===c.exportFinancingParams&&(0,i.jsxs)("div",{className:"price-wrap",children:[(0,i.jsx)("span",{className:"price small",children:"".concat((0,H.uY)(c.financingMonthlyRate)," â¬")})," ",(0,i.jsx)("span",{className:"price-info",children:"/ mtl"})]})]}),(0,i.jsxs)("div",{className:"d-flex btn-container",children:[(0,i.jsx)(I.Z,{className:"details-page-btn like-btn",hasText:!0,isFavorite:g,handleClick:function(a){var b,d,e;a.preventDefault(),(0,J.storeFavorite)(a,{id:c.id,title:c.title,fuel:c.fuel,gear:c.gear,mileage:(0,H.uY)(c.mileage),locationId:c.locationId,price:(0,H.uY)(c.price),addedAt:(0,E.default)(new Date,"dd.MM.yyyy"),ps:c.ps,registrationDate:c.registrationDate,brandName:(null==c?void 0:null===(b=c.brand)|| void 0===b?void 0:b.name)||"",modelName:(null===(d=c.model)|| void 0===d?void 0:d.name)||"",locationName:(null==c?void 0:null===(e=c.location)|| void 0===e?void 0:e.name)||""},f)}}),(0,i.jsx)(K.W3,{className:"details-page-btn delete-btn",onClick:h,children:(0,i.jsx)(G.Z,{})})]})]})]})},S=function(a){var b=a.cars,c=a.handleRemoveCar,d=(0,l.v9)(function(a){return a.favorites}).favorites,e=(0,l.I0)(),f=(0,j.useState)(0),g=f[0],h=f[1],k=b.map(function(a,b){return(0,i.jsx)(R,{car:a,index:b,favorites:d,handleRemoveCar:c,dispatch:e},a.id)}),n=b.map(function(a,b){return(0,i.jsx)(Q,{handleRemoveCar:c,car:a,index:b,favorites:d,dispatch:e},a.id)}),o=j.useRef(null),p=j.useRef(null),q=function(){var a;null==p||null===(a=p.current)|| void 0===a||a.slideNext()},r=function(){var a;null==p||null===(a=p.current)|| void 0===a||a.slidePrev()},s=function(a){"action"===a.type&&h(a.item)};return(0,j.useEffect)(function(){var a=function(){p.current.stageComponent.style.transition="transform 0ms",p.current.stageComponent.style.transform=o.current.stageComponent.style.transform},b=function(){p.current.stageComponent.style.transition="transform 360ms",p.current.stageComponent.style.transform=o.current.stageComponent.style.transform},c=function(){o.current.stageComponent.style.transition="transform 0ms",o.current.stageComponent.style.transform=p.current.stageComponent.style.transform},d=function(){o.current.stageComponent.style.transition="transform 360ms",o.current.stageComponent.style.transform=p.current.stageComponent.style.transform};return p.current&&(o.current.stageComponent.addEventListener("touchmove",a,{passive:!1}),o.current.stageComponent.addEventListener("transitionrun",b,{passive:!1}),p.current.stageComponent.addEventListener("touchmove",c,{passive:!1}),p.current.stageComponent.addEventListener("transitionrun",d,{passive:!1})),function(){p.current&&(o.current.stageComponent.removeEventListener("touchmove",a,{passive:!1}),o.current.stageComponent.addEventListener("transitionrun",b,{passive:!1}),p.current.stageComponent.removeEventListener("touchmove",c,{passive:!1}),p.current.stageComponent.addEventListener("transitionrun",d,{passive:!1}))}},[]),(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)("div",{className:"compare-section",children:[(0,i.jsx)(m.Z,{wider:!0,children:(0,i.jsx)("div",{className:"nav-control-wrapper"})}),(0,i.jsx)(F.ZP,{dontUpdateHolderHeightWhenSticky:!0,topOffset:160,children:(0,i.jsx)("div",{className:"carousel-sticky",children:(0,i.jsx)(m.Z,{wider:!0,children:(0,i.jsx)(B(),{responsive:P,ref:o,activeIndex:g,disableDotsControl
1s:!0,items:k,mouseTracking:!1,onSlideChanged:s,renderNextButton:function(a){var b=a.isDisabled;return(0,i.jsx)("div",{className:"nav-btn nav-btn-next ".concat(b?"disabled":""),onClick:function(a){b?a.stopPropagation():q()}})},renderPrevButton:function(a){var b=a.isDisabled;return(0,i.jsx)("div",{className:"nav-btn nav-btn-prev ".concat(b?"disabled":""),onClick:function(a){b?a.stopPropagation():r()}})}})})})}),(0,i.jsx)(m.Z,{wider:!0,children:(0,i.jsxs)("div",{className:"carousel-info",children:[(0,i.jsx)("hr",{}),(0,i.jsx)("div",{className:"mid-title",children:(0,i.jsx)("h3",{children:"Fahrzeugdetails im Vergleich"})}),(0,i.jsx)(B(),{keyboardNavigation:!0,ref:p,activeIndex:g,responsive:P,disableDotsControls:!0,disableButtonsControls:!0,items:n,mouseTracking:!1})]})})]})})},T=S,U=function(){var a=(0,l.v9)(function(a){return a.lists}).locations,b=(0,j.useState)([]),c=b[0],d=b[1],g=(0,j.useState)(!0),h=g[0],s=g[1],t=function(a){d(c.filter(function(b){return b.id!==a}))};return(0,j.useEffect)(function(){var b=JSON.parse(k.Z.get("compared")||"[]");if(b.length){var c=b.map(function(a){return a.id}),g=(0,n.Z)(void 0);fetch("".concat(g,"/carscon"),{method:"POST",body:JSON.stringify({conditions:[{property:"id",in:null==c?void 0:c.join(",")}]})}).then(function(a){return a.json()}).then(function(c){s(!1);var g,h=null!==(g=null==c?void 0:c.cars)&& void 0!==g?g:[];h.length&&(h=h.map(function(b){var c=a.find(function(a){return a.id===b.locationId});return(0,f.Z)((0,e.Z)({},b),{locationData:c})})),h.length<b.length&&b.forEach(function(a){h.some(function(b){return b.id==a.id})||h.push((0,f.Z)((0,e.Z)({},a),{isFake:!0}))}),d(h)})}else d([]),s(!1)},[]),(0,i.jsx)(r.Z,{title:"Vergleich",description:"Vergleich",hasCanonical:!1,robots:"noindex, follow",children:(0,i.jsxs)(y,{children:[(0,i.jsxs)(m.Z,{wider:!0,children:[(0,i.jsx)(u.Z,{className:"pt-3 pt-xl-5 pb-2",links:[{text:"Vergleich"}]}),(0,i.jsxs)("div",{className:"title-container",children:[(0,i.jsx)("h1",{children:"Dein Fahrzeugvergleich"}),(0,i.jsx)(p.Z,{active:2})]})]}),(null==c?void 0:c.length)?(0,i.jsx)(T,{cars:c,handleRemoveCar:t}):h?(0,i.jsx)(q.Z,{}):(0,i.jsx)(o.xS,{emptyCompare:!0})]})},"vergleich")};U.getInitialProps=t.Y.getInitialPageProps(function(a){return(0,d.Z)(h().mark(function b(){var c,d;return h().wrap(function(b){for(;;)switch(b.prev=b.next){case 0:if(null===(c=a.getState())|| void 0===c?void 0:null===(d=c.lists)|| void 0===d?void 0:d.locations.length){b.next=4;break}return b.next=4,a.dispatch((0,s.sK)());case 4:case"end":return b.stop()}},b)}))});var V=U},60267:function(a,b,c){"use strict";c.d(b,{Z:function(){return g}});var d=c(11640),e=c(19013),f=c(13882),g=function(a,b){var c=(0,d.default)(new Date(b),8);return a<=1e3||function(a){return(0,f.Z)(1,arguments),(0,e.default)(a).getTime()>Date.now()}(c)}},58122:function(a,b,c){"use strict";c.d(b,{S:function(){return f}});var d=c(31955),e=c(5319),f=function(a,b,c){a.stopPropagation();var f=JSON.parse(d.Z.get("compared")||"[]");if((f=f.find(function(a){return a.id===b.id})?f.filter(function(a){return a.id!==b.id}):f.concat(b)).length>5){c((0,e.Kf)(!0));return}c((0,e.sD)(f)),d.Z.set("compared",JSON.stringify(f))}},29536:function(a,b,c){"use strict";c.r(b),c.d(b,{storeFavorite:function(){return f}});var d=c(31955),e=c(5319),f=function(a,b,c){a.stopPropagation();var f=JSON.parse(d.Z.get("favorites")||"[]");if((f=f.find(function(a){return a.id===b.id})?f.filter(function(a){return a.id!==b.id}):f.concat(b)).length>5){c((0,e.Zq)(!0));return}c((0,e.Lo)(f)),d.Z.set("favorites",JSON.stringify(f))}}},function(a){a.O(0,[5198,7737,1860,9774,2888,179],function(){var b;return a(a.s=78582)}),_N_E=a.O()}])
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.