https://www.sumup.com/_next/static/chunks/component-expansionPanelList.a1a1605dd3d729ae.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="1ea25bbb-c3fb-4b49-9a3a-ca6d9606667d",e._sentryDebugIdIdentifier="sentry-dbid-1ea25bbb-c3fb-4b49-9a3a-ca6d9606667d")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7232,7870],{23849:(e,n,t)=>{"use strict";t.d(n,{IS:()=>i,LT:()=>r,ZU:()=>l});let i={span:{default:12,kilo:10,mega:8},skip:{default:0,kilo:1,mega:2}},r={span:{default:12},skip:{default:0}},l={span:{default:12},skip:{default:0}}},63970:e=>{var n="complete",t="canceled";function i(e,n,t){e.self===e?e.scrollTo(n,t):(e.scrollLeft=n,e.scrollTop=t)}function r(e){return e.self===e}function l(e){return"pageXOffset"in e||(e.scrollHeight!==e.clientHeight||e.scrollWidth!==e.clientWidth)&&"hidden"!==getComputedStyle(e).overflow}function o(){return!0}function a(e){if(e.assignedSlot)return a(e.assignedSlot);if(e.parentElement)return"body"===e.parentElement.tagName.toLowerCase()?e.parentElement.ownerDocument.defaultView||e.parentElement.ownerDocument.ownerWindow:e.parentElement;if(e.getRootNode){var n=e.getRootNode();if(11===n.nodeType)return n.host}}e.exports=function(e,s,c){if(e){"function"==typeof s&&(c=s,s=null),s||(s={}),s.time=isNaN(s.time)?1e3:s.time,s.ease=s.ease||function(e){return 1-Math.pow(1-e,e/2)},s.align=s.align||{};var d=a(e),u=1,g=s.validTarget||o,f=s.isScrollable;s.debug&&(console.log("About to scroll to",e),d||console.error("Target did not have a parent, is it mounted in the DOM?"));for(var p=[];d;)if(s.debug&&console.log("Scrolling parent node",d),g(d,u)&&(f?f(d,l):l(d))&&(u++,p.push(d)),!(d=a(d))){h(n);break}return p.reduce((l,o,a)=>(function(e,l,o,a,s){var c,d=!l._scrollSettings,u=l._scrollSettings,g=Date.now(),f={passive:!0};function p(e){l._scrollSettings=null,l.parentElement&&l.parentElement._scrollSettings&&l.parentElement._scrollSettings.end(e),o.debug&&console.log("Scrolling ended with type",e,"for",l),s(e),c&&(l.removeEventListener("touchstart",c,f),l.removeEventListener("wheel",c,f))}u&&u.end(t);var h=o.maxSynchronousAlignments;return null==h&&(h=3),l._scrollSettings={startTime:g,endIterations:0,target:e,time:o.time,ease:o.ease,align:o.align,isWindow:o.isWindow||r,maxSynchronousAlignments:h,end:p,scrollAncestor:a},"cancellable"in o&&!o.cancellable||(c=p.bind(null,t),l.addEventListener("touchstart",c,f),l.addEventListener("wheel",c,f)),d&&function e(t){var r=t._scrollSettings;if(r){var l=r.maxSynchronousAlignments,o=function(e,n){var t,i,r,l,o,a,s,c=e.align,d=e.target.getBoundingClientRect(),u=c&&null!=c.left?c.left:.5,g=c&&null!=c.top?c.top:.5,f=c&&null!=c.leftOffset?c.leftOffset:0,p=c&&null!=c.topOffset?c.topOffset:0;if(e.isWindow(n))a=Math.min(d.width,n.innerWidth),s=Math.min(d.height,n.innerHeight),i=d.left+n.pageXOffset-n.innerWidth*u+a*u,r=d.top+n.pageYOffset-n.innerHeight*g+s*g,i-=f,r-=p,i=e.align.lockX?n.pageXOffset:i,r=e.align.lockY?n.pageYOffset:r,l=i-n.pageXOffset,o=r-n.pageYOffset;else{a=d.width,s=d.height,t=n.getBoundingClientRect();var h=d.left-(t.left-n.scrollLeft),m=d.top-(t.top-n.scrollTop);i=h+a*u-n.clientWidth*u,r=m+s*g-n.clientHeight*g,i-=f,r-=p,i=Math.max(Math.min(i,n.scrollWidth-n.clientWidth),0),r=Math.max(Math.min(r,n.scrollHeight-n.clientHeight),0),i=e.align.lockX?n.scrollLeft:i,r=e.align.lockY?n.scrollTop:r,l=i-n.scrollLeft,o=r-n.scrollTop}return{x:i,y:r,differenceX:l,differenceY:o}}(r,t),a=Date.now()-r.startTime,s=Math.min(1/r.time*a,1);if(r.endIterations>=l)return i(t,o.x,o.y),t._scrollSettings=null,r.end(n);var c=1-r.ease(s);if(i(t,o.x-o.differenceX*c,o.y-o.differenceY*c),a>=r.time){r.endIterations++,r.scrollAncestor&&e(r.scrollAncestor),e(t);return}!function(e){if("requestAnimationFrame"in window)return window.requestAnimationFrame(e);setTimeout(e,16)}(e.bind(null,t))}}(l),c})(e,o,s,p[a+1],h),null)}function h(e){--u||!c||c(e)}}},68657:(e,n,t)=>{"use strict";t.d(n,{A:()=>f});var i=t(56121),r=t.n(i),l=t(3754),o=t(83004),a=t(55729);function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)({}).hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e}).apply(null,arguments)}let c="plus_sign",d="x_mark",u={[c]:"0deg",[d]:"-45deg"},g=(0,l.A)(e=>{let{styles:n={},...t}=e;return a.createElement("svg",s({width:"18",height:"18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 0H8v8H0v2h8v8h2v-8h8V8h-8V0z",fill:"#333"}))},{shouldForwardProp:e=>"isActive"!==e,target:"e109mbfb0"})(e=>{let{direction:n,isActive:t}=e;return(0,o.AH)("label:cross-icon;flex-shrink:0;transform:rotate(",u[n],");transition:transform var(--cui-transitions-default);& path{fill:",t?"var(--cui-fg-accent)":"var(--cui-fg-subtle)",";}")});g.propTypes={direction:r().oneOf([c,d]),isActive:r().bool},g.defaultProps={direction:c},g.PLUS_SIGN=c,g.X_MARK=d;let f=g},69122:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>D});var i=t(2860),r=t(55729),l=t(61383),o=t.n(l),a=t(56121),s=t.n(a),c=t(88697),d=t(8125),u=t(3754),g=t(83004),f=t(72605),p=t(63970),h=t.n(p),m=t(29305),b=t(60287),v=t(61002),A=t(3507),w=t(68657),y=t(22296),E=t(27025),O=t(58881);let k=(0,u.A)("dt",{target:"e14opj8r0"})(e=>{let{theme:n,isOpen:t,alignment:i,colorActive:r}=e;return(0,g.AH)("display:flex;justify-content:space-between;align-items:center;cursor:pointer;",r===b.lm.BLUE&&t&&`
2    background-color: var(--cui-bg-subtle);
3  `,"  \n  ",!t&&`
4    border: var(--cui-border-width-kilo) solid var(--cui-border-normal);
5    border-radius: ${n.borderRadius.tera};
6    padding: var(--cui-spacings-mega) var(--cui-spacings-giga);
7
8    ${n.mq.untilKilo} {
9      padding: var(--cui-spacings-kilo) var(--cui-spacings-mega);
10    }
11  `,"  \n  ",t&&`
12    border-top: var(--cui-border-width-kilo) solid var(--cui-border-normal);
13    border-right: var(--cui-border-width-kilo) solid var(--cui-border-normal);
14    border-left: var(--cui-border-width-kilo) solid var(--cui-border-normal);
15    border-top-right-radius: ${n.borderRadius.tera};
16    border-top-left-radius: ${n.borderRadius.tera};
17    padding: var(--cui-spacings-mega) var(--cui-spacings-giga);
18
19    outline: 0;
20
21    ${n.mq.untilKilo} {
22      padding: var(--cui-spacings-kilo) var(--cui-spacings-mega);
23    }
24  `," ",i===b.AO.LEFT&&`
25    flex-direction: row-reverse;
26    justify-content: flex-end;
27  `,"  transition:all var(--cui-transitions-default);outline-color:var(--cui-fg-accent);")}),T=(0,u.A)(f.$,{target:"e14opj8r1"})(e=>

27{let{theme:n,colorActive:t,alignment:i,isOpen:r}=e;return(0,g.AH)("flex-grow:0;margin-right:var(--cui-spacings-kilo);margin-bottom:0;width:100%;",t===b.lm.BLUE&&r&&`
28    color: var(--cui-fg-accent);
29  `," ",i===b.AO.LEFT&&`
30    margin-left: var(--cui-spacings-kilo);
31    margin-right: 0;
32  `," ",n.mq.untilKilo,"{font-size:var(--cui-headline-s-font-size);line-height:var(--cui-headline-s-line-height);}")}),x=(0,u.A)("dd",{target:"e14opj8r2"})(e=>{let{theme:n,isOpen:t,contentHeight:i,colorActive:r}=e;return(0,g.AH)("&:not(:last-child){margin-bottom:var(--cui-spacings-byte);}border-right:var(--cui-border-width-kilo) solid var(--cui-border-normal);border-left:var(--cui-border-width-kilo) solid var(--cui-border-normal);border-bottom-right-radius:",n.borderRadius.tera,";border-bottom-left-radius:",n.borderRadius.tera,";padding-right:var(--cui-spacings-giga);padding-left:var(--cui-spacings-giga);",n.mq.untilKilo,"{padding-right:var(--cui-spacings-mega);padding-left:var(--cui-spacings-mega);}",!t&&`
33    max-height: 0;
34    visibility: hidden;
35  `,"  \n  \n  ",t&&i>0&&`
36    // content height + headline padding-bottom
37    max-height: calc(${i}px + var(--cui-spacings-mega));
38
39    border-bottom: var(--cui-border-width-kilo) solid var(--cui-border-normal);
40    visibility: visible;
41
42    ${n.mq.untilKilo} {
43      max-height: calc(${i}px + var(--cui-spacings-kilo));
44    }
45  `," ",r===b.lm.BLUE&&t&&`
46    background-color: var(--cui-bg-subtle);
47  `,"  \n  transition:max-height var(--cui-transitions-default),visibility var(--cui-transitions-default);overflow:hidden;")});function L(e){let{headline:n,content:t,contentType:l,name:o,id:a,as:s,headingElement:c,onOpen:d=()=>{},onClose:u=()=>{},isOpen:g=!1,headingAlignment:f=b.AO.LEFT,headingColorActive:p,children:A}=e,L=(0,r.useRef)(null),_=(0,r.useRef)(null),I=(0,O.A)(L),S=(0,m.A)();if(!n&&!t)return null;let C=()=>{if(!g){d(),S&&h()(_.current,{align:{top:0,topOffset:75}});return}u()};return(0,i.FD)(r.Fragment,{children:[(0,i.FD)(k,{isOpen:g,ref:_,colorActive:p,onClick:C,onKeyDown:e=>{(32===e.code||32===e.keyCode)&&(e.preventDefault(),C())},tabIndex:0,"aria-expanded":g,"data-selector":(0,v.A)("headline","expansionPanel"),alignment:f,children:[(0,i.Y)(T,{alignment:f,colorActive:p,as:s,size:"four",isOpen:g,children:n}),(0,i.Y)(w.A,{direction:g?w.A.X_MARK:w.A.PLUS_SIGN,isActive:g&&p===b.lm.BLUE})]}),(0,i.Y)(x,{isOpen:g,contentHeight:I.height,"aria-hidden":!g,colorActive:p,"data-selector":(0,v.A)("collapse","expansionPanel"),children:(0,i.FD)("div",{ref:L,children:[c,(0,i.Y)(y.A,{richText:t,renderNode:E.createRenderNode({contentType:l,contentEntryName:o,contentEntryId:a},g),renderMark:E.renderMark}),A]})})]})}L.propTypes={headline:s().oneOfType([s().string,s().object]),content:A.Lb,trackingId:s().string,optimizelyFullStackClickEvents:s().arrayOf(s().string),contentType:s().string,name:s().string,id:s().string,as:s().string,headingElement:s().object,onOpen:s().func,onClose:s().func,isOpen:s().bool,headingAlignment:s().string,headingColorActive:s().string,children:s().object};var _=t(57726),I=t(32062),S=t(26402),C=t(76174),R=t(12142),F=t(13521);function N(e){let{headline:n,description:t,alignment:l=b.AO.LEFT,expansionPanels:a=[],className:s,index:u,onlyOne:g=!1,openPanelId:f=null,onOpen:p=()=>{},onClose:h=()=>{},headingAlignment:m=b.AO.LEFT,headingColorActive:A=b.lm.BLACK}=e,[w,y]=(0,r.useState)(null!==f?[f]:[]),{experiments:E}=(0,R.A)(),O=(0,C.Ts)(a,E);if(o()(O))return null;let k=((e,n)=>{let t=0===e,i=!!n;return t&&i?"h2":!t&&i?"h3":"div"})(u,n),T=function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};w.includes(e)||(y(g?[e]:[...w,e]),p(n),(0,d.Ig)("button clicked",{button_description:"open@faq"}),I.BI({event:"interaction",target:"Mkt_Web",action:n.trackingId,contentType:n.contentType,contentEntryName:n.name,contentEntryId:n.id,destinationCategory:I.Dk.UI_OPERATION,destinationUrl:void 0}),(0,F.K)(n.trackingId),S.XD(n.optimizelyFullStackClickEvents))};return(0,i.FD)(c.x,{className:s,"data-selector":(0,v.A)("section","expansionPanelList"),"data-elbcontext":"component:expansion_panel_list",children:[(0,i.Y)(_.A,{headline:n,content:t,alignment:l,index:u}),(0,i.Y)("dl",{children:O.map((e,n)=>(0,i.Y)(L,{as:k,isOpen:w.includes(n),onOpen:()=>T(n,e),onClose:()=>{w.includes(n)&&(y(w.filter(e=>e!==n)),h(e))},headingColorActive:A,headingAlignment:m,...e},`${e.headline}${n}`))})]})}N.propTypes={className:s().string,headline:s().string,description:A.Lb,alignment:s().oneOf([b.AO.CENTER,b.AO.LE

47FT]),onlyOne:s().bool,expansionPanels:s().arrayOf(s().object),index:s().number,openPanelId:s().number,onOpen:s().func,onClose:s().func,headingAlignment:s().oneOf([b.AO.RIGHT,b.AO.LEFT]),headingColorActive:s().oneOf([b.lm.BLUE,b.lm.BLACK])},N.RIGHT=b.AO.RIGHT,N.CENTER=b.AO.CENTER,N.LEFT=b.AO.LEFT,N.BLUE=b.lm.BLUE,N.BLACK=b.lm.BLACK;let D=N}}]);