https://www.alpinecars.de/client/alpine-nci-steps-reassurance-5a3e39015bc34d39.js

1"use strict";(self.rspackChunkOne=self.rspackChunkOne||[]).push([[22921],{54502(e,t,r){var l,i=r(71763);function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)({}).hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e}).apply(null,arguments)}r.d(t,{},{A:e=>i.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),l||(l=i.createElement("path",{d:"M22.22 12.6H3.885a62 62 0 0 0 10.025 6.825l-.56 1.075a63.7 63.7 0 0 1-10.97-7.61l-.2-.18v-1.405l.18-.175A46.6 46.6 0 0 1 13.365 3.5l.53 1.08a46.9 46.9 0 0 0-10.06 6.82H22.22z"})))})},70385(e,t,r){var l,i=r(71763);function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)({}).hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e}).apply(null,arguments)}r.d(t,{},{A:e=>i.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),l||(l=i.createElement("path",{d:"M21.83 11.32v1.405l-.2.18a63.6 63.6 0 0 1-11 7.64l-.54-1.045a62 62 0 0 0 10.035-6.885H1.77v-1.2h18.41a46.8 46.8 0 0 0-10.075-6.86l.53-1.055a47 47 0 0 1 11 7.665z"})))})},3861(e,t,r){var l,i=r(71763);function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)({}).hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e}).apply(null,arguments)}r.d(t,{},{A:e=>i.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),l||(l=i.createElement("path",{d:"M15.5 20.725 6.35 12l9.15-8.725 1.38 1.45L9.245 12l7.635 7.275z"})))})},42715(e,t,r){var l=r(91987),i=r(71763),s=r(98481),o=r(20496),n=r(97500),a=r.n(n),c=r(54502),d=r(70385),u=r(3861),h=r(33496),f=r(78948),m=r(20409),p=r(84759),g=r(40119),w=r(5839);let b=50,v="alpine",x=(0,o.Ng)(({app:e,page:{data:{siteParams:t}}})=>({isRtl:t?.rtl??!1,brand:t?.brand||"",isMobile:e.threshold===w.qN})),_=({navBarData:e,onClickDots:t,dotMode:r,displayMode:i,portalDots:o})=>{if(!e.globalWidth||!e.childrenWidths||1===e.childrenWidths.length||!e.pages||1===e.pages.length)return null;let n=(0,l.jsxs)("ul",{className:a()("CustomScroll__dots",{"is-below":["dots-below","dots-below-mobile-only"].includes(r),"is-mobile-only":"dots-below-mobile-only"===r}),children:[("fullwidth"===i||"card"===i)&&e?.childrenWidths?.map((r,s)=>{let o=`dot-${s}`;return(0,l.jsx)("li",{className:"CustomScroll__dot",children:(0,l.jsx)("button",{type:"button",className:a()("CustomScroll__dotButton",{"is-active":"card"===i?e?.activeChildIndex===s:r?.isVisible}),onClick:()=>t(r?.middle),children:(0,l.jsx)("span",{className:"u-hidden-wording",children:`slide ${s}`})})},o)}),!i&&e?.pages?.map((e,r)=>{let i=`dot-${r}`;return(0,l.jsx)("li",{className:"CustomScroll__dot",children:(0,l.jsx)("button",{type:"button",className:a()("CustomScroll__dotButton",{"is-active":e?.isActive}),onClick:()=>t(e?.middle),children:(0,l.jsx)("span",{className:"u-hidden-wording",children:`slide ${r}`})})},i)})]});return o?(0,s.createPortal)(n,o):n},y=({isLeftArrowDisplayed:e,isRightArrowDisplayed:t,isRightBottomArrowsDisplayed:r,handleArrowClick:i,isRtl:o,portalElement:n,isDarkMode:u})=>{let h=(0,l.jsxs)("div",{className:a()("CustomScroll__bottomArrows",{"is-darkmode":u,"is-right-bottom-arrows-displayed":r}),children:[(0,l.jsx)("button",{type:"button",className:a()("CustomScroll__bottomArrowsButton CustomScroll__bottomArrowsLeft",{CustomScroll__bottomArrows_disabled:!e}),onClick:i(-1),children:(0,l.jsx)(c.A,{className:a()("CustomScroll__Arrows_arrow",{"is-rtl":o})})}),(0,l.jsx)("button",{type:"button",className:a()("CustomScroll__bottomArrowsButton CustomScroll__bottomArrowsRight",{CustomScroll__bottomArrows_disabled:!t}),onClick:i(1),children:(0,l.jsx)(d.A,{className:a()("CustomScroll__Arrows_arrow",{"is-rtl":o})})})]});return n?(0,s.createPortal)(h,n):h},C=({navBarData:e,onClickDots:t,tabs:r,brand:s})=>{let o=(0,i.useRef)(null),n=e?.childrenWidths.find(e=>e?.isVisible);if((0,i.useEffect)(()=>{let e=o.current;if(e){let t=e.querySelector(".CustomScroll__tabButton.is-active");t&&(t.getBoundingClientRect().left+t.clientWidth>window.innerWidth||t.getBoundingClientRect().left<0)&&e.scrollTo({top:0,left:t.offsetLeft})}},[n]),!e.globalWidth||!e.childrenWidths||1===e.childrenWidths.length)return null;

1let c="mobilize"===s;return(0,l.jsx)("ul",{className:"CustomScroll__tabs",ref:o,children:e?.childrenWidths?.map((e,i)=>{let s=`tab-${i}`;return(0,l.jsx)("li",{className:"CustomScroll__tab",children:(0,l.jsx)("button",{className:a()("CustomScroll__tabButton",{"is-active":e?.isVisible}),onClick:()=>t(e?.middle),type:"button",children:c?(0,p.G2)(i+1,2):r?.[i]})},s)})})},A=x(({bottomArrowsPortalElement:e,children:t=[],className:r="",darkMode:o=!1,defaultSelectedSlideIndex:n,displayMode:p,interactionType:x,isCentered:A=!1,isFullScreen:S=!1,isRtl:j,isSimplified:N=!1,isCardCentered:W=!1,isRightBottomArrowsDisplayed:R=!0,arrowMode:k,dotMode:M,onInteraction:B,snapMode:L,tabs:E=[],minInterval:O=b,brand:$,isMobile:V,portalsCustomElement:I={}})=>{let{ref:P,isVisible:D}=(0,m.A)({role:"technical",stayVisible:!1}),T=(0,i.useRef)(0),z=(0,i.useRef)(void 0),H=(0,i.useRef)(null),q=(0,i.useRef)(0),[F,G]=(0,i.useState)({childrenWidths:[],globalWidth:void 0,activeChildIndex:void 0,isScrolling:!1,pages:[]}),J=(0,i.useRef)(!1),[K,Q]=(0,i.useState)(!1),[U,X]=(0,i.useState)(!1),[Y,Z]=(0,i.useState)(0),[ee,et]=(0,i.useState)(0),er=F?.childrenWidths?.[0]?.width,el=(0,i.useMemo)(()=>{if(W&&!V){let e=H?.current;if(e){let{clientWidth:t}=e;return(t-(er||0))/2}}return 0},[er,W,V]),ei=(0,i.useCallback)(()=>{let e=H.current;if(e&&D){let{scrollLeft:t=0,scrollWidth:r=0,clientWidth:l=0}=e,i=r-l,s=i>0?i:0,o=j?-1:1;Q(o*t>O),X(s>0&&o*t+O<s);let n=Array.from(e.children)||[],a=n.map(e=>({promoText:(e.innerText||"").substring(0,50).replace(/\s+/g," ").trim(),width:e.offsetWidth,percent:e.offsetWidth/r*100,middle:e.offsetLeft+e.offsetWidth/2,left:e.getBoundingClientRect().left,right:e.getBoundingClientRect().right,isVisible:e.offsetLeft+e.offsetWidth/2>t&&e.offsetLeft+e.offsetWidth/2<t+l})),c=n.findIndex(e=>W?e.getBoundingClientRect().right>window.innerWidth/2:e?.offsetLeft>=Math.round(t));J.current||(J.current=!0);let d=l?Array(Math.round(r/l)).fill(void 0).map((e,r)=>({isActive:r===Math.floor((t+l/2)/l),middle:l*r+l/2})):[],u=t!==T.current;T.current=t,G({isScrolling:u,activeChildIndex:c,pages:d,childrenWidths:a,globalWidth:r}),!a[c]||u&&Y||(Z(a[c].right),et(a[c].left)),B?.({isScrolling:u,activeChildIndex:c,scrollLeft:t})}},[D,j,O,Y,B,W]),es=e=>t=>{t?.stopPropagation();let r=H.current;if(r){let t,{scrollLeft:l=0,clientWidth:i=0}=r,s=j?-1:1,o=Array.from(r.children),{clientWidth:n=0}=o?.[0]||{};switch(p){case"fullwidth":t=i;break;case"card":t=n;break;default:t=9*i/10}r.scrollLeft=l+t*e*s}},eo=0;(0,i.useEffect)(()=>{let e=F?.childrenWidths.findIndex(e=>e.isVisible);q.current!==e&&e>-1&&x&&!F.isScrolling&&((0,f.d)({interactionType:x,itemNumber:`${e+1}/${F?.childrenWidths.length}`,event:"carouselInteraction",promoText:F?.childrenWidths[e].promoText,scrollDirection:q.current<e?"right":"left"}),q.current=e)},[F,x]),(0,g.A)(ei),(0,i.useEffect)(()=>(H?.current&&("u">typeof window&&window.addEventListener(w.jn,ei),ei()),()=>{"u">typeof window&&window.removeEventListener(w.jn,ei)}),[ei]),(0,i.useEffect)(()=>{if(void 0!==n){let e=requestAnimationFrame(()=>{let e=H?.current;if(e){let{clientWidth:t}=e;if(window){let r=Array.from(e.children);if(r.length>1&&r[n]){let{offsetLeft:l,clientWidth:i}=r[n];W?e.scrollLeft=l-(t-i)/2:e.scrollLeft="center"===L?l-(t-i)/2:l}}}});return()=>cancelAnimationFrame(e)}},[n,L,el,W]);let en=a()("CustomScroll__child",{[`is-snap-${L||""}`]:L,[`is-display-${p||""}`]:p}),ea="arrows-left-right-all"===k||"arrows-left-right-desktop-only"===k,ec="tabs-inside"===M?C:_,ed=$===v?c.A:u.A,eu=$===v?d.A:h.A,eh=(F?.activeChildIndex||0)+1;return(0,l.jsxs)("div",{className:a()("CustomScroll",{CustomScroll_center:A,"is-navbar-dots-below":["dots-below","dots-below-mobile-only"].includes(M)&&!I?.portalDots,"is-navbar-arrows-bottom":"arrows-bottom"===k,"is-darkmode":o},r),ref:P,children:[(0,l.jsx)("div",{className:a()("CustomScroll__container",{"is-simplified":N,[`is-display-${p||""}`]:p,"is-fullscreen":S,"has-smooth-scroll":J.current}),ref:H,style:el?{scrollPadding:`0 ${el}px`,padding:`0 ${el}px`}:void 0,onScroll:()=>{eo&&window.cancelAnimationFrame(eo),eo=window.requestAnimationFrame(()=>{ei(),clearTimeout(z.current),z.current=setTimeout(ei,100)})},children:t&&Array.isArray(t)&&L?t.map((e,r)=>{let i=`dot-${r}`;return(0,l.jsx)("div",{className:a()(en,{"is-first-slide":0===r,"is-last-sl

1ide":r===t.length-1}),children:e},i)}):t}),"counter"===M&&!!t&&Array.isArray(t)&&F?.activeChildIndex!==void 0&&!!L&&(0,l.jsxs)("div",{className:"CustomScroll__counter",children:[eh," / ",t?.length]}),"arrows-bottom"===k&&(0,l.jsx)(y,{isLeftArrowDisplayed:K,isRightArrowDisplayed:U,isRtl:j,isRightBottomArrowsDisplayed:R,handleArrowClick:es,portalElement:e,portalsCustomElement:I,isDarkMode:o}),(()=>{if(ea&&K){let e=(0,l.jsx)("button",{style:{"--leftArrowPosition":`${ee}px`},className:a()("CustomScroll__arrow CustomScroll__arrowLeft",{"is-simplified":N,"is-left-right-all":"arrows-left-right-all"===k}),onClick:es(-1),type:"button",children:(0,l.jsx)(ed,{className:a()("CustomScroll__Arrows_arrow",{"is-rtl":j})})});return I.portalPreviousButton?(0,s.createPortal)(e,I.portalPreviousButton):e}return null})(),(()=>{if(ea&&U){let e=(0,l.jsx)("button",{style:{"--rightArrowPosition":`${Y}px`},className:a()("CustomScroll__arrow CustomScroll__arrowRight",{"is-simplified":N,"is-left-right-all":"arrows-left-right-all"===k}),onClick:es(1),type:"button",children:(0,l.jsx)(eu,{className:a()("CustomScroll__Arrows_arrow",{"is-rtl":j})})});return I.portalNextButton?(0,s.createPortal)(e,I.portalNextButton):e}return null})(),!["none","counter"].includes(M)&&(0,l.jsx)(ec,{dotMode:M,displayMode:p,navBarData:F,arrowMode:k,onClickDots:e=>(e=>{let t=H.current;if(t){let{clientWidth:r=0}=t,l=e-r/2;t.scrollLeft=l>0?l:0}})(e),tabs:E,brand:$,isMobile:!!V,portalDots:I.portalDots})]})});r.d(t,{},{A:A})},99111(e,t,r){r.r(t);var l=r(91987),i=r(61124),s=r(93196),o=r(32464),n=r(42715);r.d(t,{},{default:({reassurance:e,editContext:t})=>(0,l.jsx)(i.G,{variant:"extended-bg-alternative",padding:"padding-block",children:(0,l.jsxs)("div",{className:"StepsReassurance",children:[!!e&&!!(0,o.Hj)(e).length&&(0,l.jsx)(n.A,{dotMode:"none",arrowMode:"arrows-left-right-all",className:"StepsReassurance__CustomScroll",snapMode:"center",children:(0,o.Hj)(e).map(({aemKey:e,stepLabel:t},r)=>(0,l.jsxs)("div",{className:"StepsReassurance__itemContainer",children:[(0,l.jsx)("p",{className:"StepsReassurance__index",children:r+1}),(0,l.jsx)("div",{className:"StepsReassurance__title",children:(0,l.jsx)("p",{dangerouslySetInnerHTML:{__html:t.replace("[b]","<b>").replace("[/b]","</b>")}})})]},e))}),(0,l.jsx)(s.Cq,{editContext:t})]})})})},20409(e,t,r){var l=r(71763),i=r(24948),s=r(5839);r.d(t,{},{A:e=>{let t=(0,l.useMemo)(()=>(e=>{let t="u">typeof window&&s.LO.large&&window.innerWidth>=s.LO.large,{role:r,options:l={},stayVisible:i=!0}=e;return"lazyload"===r?l.rootMargin=`0px -10px ${t?"200px":"30px"} 0px`:"animation"===r?l.rootMargin=`0px -10px ${t?"-140px":"-100px"} 0px`:"technical"===r&&(l.rootMargin="0px -10px 0px 0px"),{...l,triggerOnce:i}})(e),[e]),{ref:r,inView:o=!1,entry:n}=(0,i.Wx)(t);return{ref:r,isVisible:o,entry:n}}})},24948(e,t,r){var l,i,s=r(71763),o=Object.defineProperty,n=new Map,a=new WeakMap,c=0;function d({threshold:e,delay:t,trackVisibility:r,rootMargin:i,scrollMargin:o,root:u,triggerOnce:h,skip:f,initialInView:m,fallbackInView:p,onChange:g}={}){var w;let[b,v]=s.useState(null),x=s.useRef(g),_=s.useRef(m),[y,C]=s.useState({inView:!!m,entry:void 0});x.current=g,s.useEffect(()=>{let s;if(void 0===_.current&&(_.current=m),!f&&b)return s=function(e,t,r={},i=l){if(void 0===window.IntersectionObserver&&void 0!==i){let l=e.getBoundingClientRect();return t(i,{isIntersecting:i,target:e,intersectionRatio:"number"==typeof r.threshold?r.threshold:0,time:0,boundingClientRect:l,intersectionRect:l,rootBounds:l}),()=>{}}let{id:s,observer:o,elements:d}=function(e){let t=Object.keys(e).sort().filter(t=>void 0!==e[t]).map(t=>{var r;return`${t}_${"root"===t?!(r=e.root)?"0":(a.has(r)||(c+=1,a.set(r,c.toString())),a.get(r)):e[t]}`}).toString(),r=n.get(t);if(!r){let l,i=new Map,s=new IntersectionObserver(t=>{t.forEach(t=>{var r;let s=t.isIntersecting&&l.some(e=>t.intersectionRatio>=e);e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=s),[...null!=(r=i.get(t.target))?r:[]].forEach(e=>{e(s,t)})})},e);l=s.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),r={id:t,observer:s,elements:i},n.set(t,r)}return r}(r),u=d.get(e)||[];return d.has(e)||d.set(e,u),u.push(t),o.observe(e),function(){u.splice(u.indexOf(t),1),0===u.length&&(d.delete(e),o.unobserve(e)),0===d.size&&(o.disconnect(),n.delete(s))}}(b,(e,t)=>{let r=_.current;_.current=e,(void 0!==r||e)&&(C({inView:e,entry:t}),x.current&&x.current(e,t),t.isIntersecting&&h&&s&&(s(),s=void 0))},{root:u,rootMargin:i,scrollMargin:o,threshold:e,trackVisibility:r,delay:t},p),()=>{s&&s()}},[Array.isArray(e)?e.toString():e,b,u,i,o,h,f,r,p,t]);let A=null==(w=y.entry)?void 0:w.target,S=s.useRef(void 0);b||!A||h||f||S.current===A||(S.current=A,C({inView:!!m,entry:void 0}),_.current=m);let j=[v,y.inView,y.entry];return j.ref=j[0],j.inView=j[1],j.entry=j[2],j}

1s.Component,null!=(null!=(i=s.useInsertionEffect)?i:s.useLayoutEffect)||s.useEffect,r.d(t,{Wx:()=>d})}}]);