1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[526],{53925(e,t,n){var a=n(30758),i=n(41554),r=n(17946),l=n(33448),o=n(1778),c=n(35027),s=n(45060),d=n(16115),m=n(23582),p=n(54535),u=n(57735);class h extends a.PureComponent{render(){return a.createElement(c.v,{title:"Car Feature Category Item",bgColor:c.v.BG_COLOR_ITEM},a.createElement(i.m,{wrap:"always",stretchContent:!0,gutter:r.SizeEnum.static400},this.renderCategory(),a.createElement(i.m,{wrap:"always",gutter:r.SizeEnum.static350,stretchContent:!0},this.renderFeatureLinks())))}renderCategory(){return this.props.cqItems.category?a.createElement(u.Q,{path:"category",isEmbedded:!0}):p.C.isInEditor()?a.createElement(o.yh,{severity:o.Nk.WARNING,key:"alert_category"},a.createElement("span",null,"Warning: no category XF configured")):null}renderFeatureLinks(){const{featureUrls:e,featureTitles:t,featureRtTitles:n}=this.props,i=[];if(e&&e.length>0)for(let o=0;o<e.length;o++){const c=e[o],m=t[o],p=`item_${o}`;if(n.length>o){const e=[{kind:"linkElement",tagName:"a",href:c,title:m,target:"_self",children:n[o],layerLink:!0,layerType:"CONTENT"}];i.push(a.createElement(s.gF,{key:p,richtext:e,appearance:r.TextAppearance.bigcopy200,bold:!0}))}else i.push(a.createElement(l.EY,{key:p,appearance:r.TextAppearance.bigcopy200,bold:!0},a.createElement(d.R,{href:c,title:m,isLayerLink:!0}
1,m)))}else p.C.isInEditor()&&i.push(a.createElement(o.yh,{severity:o.Nk.WARNING,key:"alert_feature"},a.createElement("span",null,"Warning: no feature XFs configured")));return i}}const g=(0,m.w)("vwa-ngw18/components/editorial/items/carFeatureCategoryItem",h);var y=n(66075),E=n(78676),b=n(32597),f=n(73211),w=n(35212),I=n(83205),v=n(42758);const C="glossary-letters",S=v.I4.nav` 2 display: flex; 3 flex-wrap: wrap; 4 justify-content: center; 5`;S.displayName="StyledGlossary";const $=v.I4.ul` 6 display: flex; 7 list-style: none; 8 padding: 0; 9 flex-wrap: wrap; 10 width: 100%; 11 justify-content: center; 12`;$.displayName="StyledGlossaryList";const x=v.I4.li` 13 a { 14 display: inline-block; 15 padding: 0 ${e=>e.theme.size.static150}; 16 } 17`;x.displayName="StyledItem";const z=e=>{const{children:t,title:n}=e;return a.createElement(f.z,{anchorId:C},a.createElement(S,{title:n},a.createElement($,null,a.Children.map(t,e=>a.createElement(x,null,a.createElement(l.EY,{appearance:r.TextAppearance.bigcopy100,bold:!0},e))))))};z.displayName="Glossary";var _=n(18797),k=n(46772);const N=e=>{const{title:t,href:n,empty:i,isFocused:r}=e,l=a.createRef();return a.useEffect(()=>{var e;r&&(null==l||null===(e=l.current)||void 0===e||e.focus())},[l,r]),i?a.createElement(k.J,{tag:"a",emphasis:"none",href:n,tabIndex:-1,disabled:!0},t):a.createElement(k.J,{tag:"a",emphasis:"tertiary",href:n,ref:l,tabIndex:0},t)};var T=n(97175),R=n(84010);const L=v.I4.div` 18 display: flex; 19 align-items: center; 20 padding: 0 ${({theme:e})=>e.size.grid002}; 21 22 ${({theme:e})=>`\n @media (min-width: ${T.Rp.b1280}px) {\n padding-inline: ${e.size.grid004};\n }\n `} 23`,O=v.I4.div` 24 margin-${e=>(0,E.G5)(e.theme.direction)}: ${e=>e.theme.size.static100}; 25 margin-bottom: ${e=>e.theme.size.static100}; 26`;class P extends a.Component{render(){const{letter:e,glossaryItems:t=[],anchorTargetId:n,onBackButtonClick:o,goBackButtonText:c}=this.props;return a.createElement(f.z,{anchorId:n},a.createElement(i.m,{wrap:"always",gutter:r.SizeEnum.static300},a.createElement(L,null,a.createElement(l.EY,{appearance:r.TextAppearance.headline400,tag:l.Wh.h2,bold:!0},e)),a.createElement(i.m,{gutter:r.SizeEnum.dynamic0150,wrap:"always"},t.map(e=>a.createElement(q,{key:e,path:e}))),a.createElement(L,null,a.createElement(O,null,a.createElement(k.J,{tag:"a",emphasis:"tertiary",onClick:o,href:`#${C}`},a.createElement(R.D,{variant:"small"}),c)))))}}var A=n(30244);function B(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const F=(0,E.Lc)([1,2]),D=b.default.dl.withConfig({displayName:"GlossarySection__StyledDefinitionList",componentId:"sc-b9c17f8d-0"})(["display:flex;flex-direction:column;margin:0;"]),G=b.default.div.withConfig({displayName:"GlossarySection__StyledGlossaryGroupWrapper",componentId:"sc-b9c17f8d-1"})(["& > div{padding-top:",";}"],e=>e.theme.size.dynamic0130);(0,m.w)("vwa-ngw18/components/editorial/sections/glossarySection",e=>{const{anchorId:t,mboxId:n,contentId:r,contentLabels:l,contentName:o,lettersNavTitle:s,goBackButtonText:d,groups:m=[],links:p=[]}=e,[u,h]=a.useState(null),g=p.map((e,t)=>{return a.createElement(N,(n=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},a=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),a.forEach(function(t){B(e,t,n[t])})}return e}({key:e.href},e),i=null!=(i={isFocused:t===u})?i:{},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(i)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}),n));var n,i});return a.createElement(c.v,{anchorId:t,title:"S121 Glossary Section",bgColor:c.v.BG_COLOR_SECTION},a.createElement(_.$,{mboxId:n,anchorId:t,sectionId:r,contentLabels:l,contentName:o},a.createElement(A.L,{displayTypes:["T3_SECTION_BASED"]},a.createElement(y.PE,null,a.createElement(i.m,{padding:{left:F,right:F},wrap:"always"},a.createElement(z,{key:"glossary",title:s},g)),a.createElement(D,null,m.map((e,t)=>a.createElement(G,{key:e.letter},a.createElement(P,{goBackButtonText:d,key:e.letter,letter:e.letter,anchorTargetId:e.anchorTargetId,glossaryItems:e.glossaryItems,onBackButtonClick:()=>{h(t)}}))))))))});var W=n(47456);const H=a.createElement(I.x,{path:"heading",order:"H3",style:"H4"}),M=(0,E.Lc)([2,4]),j=(0,E.Lc)([3,5]),Y=b.default.dd.withConfig({displayName:"GlossaryItem__StyledDd",componentId:"sc-b9f5325b-0"})(["margin:0;"]),q=(0,m.w)("vwa-ngw18/components/editorial/items/glossaryItem",({orderingTitle:e,cqPath:t})=>{const n=e?(e=>{const t="à áäâãåÄæçÄèéëêÄǵḧìÃïîḿÅǹñÅòóöôÅá¹ÅÅÃÅÈÅ¡ÈťùúüûůÇáºáºÃ¿Ã½ÅºÅ¾Â·/_,:;",n=new RegExp(t.split("").join("|"),"g");return e.toString().toLowerCase().replace(/\s+/g,"-").replace(n,e=>
26"aaaaaaaacceeeeeghiiiimnnnnoooooprrssssttuuuuuuwxyyzz------".charAt(t.indexOf(e))).replace(/&/g,"-and-").replace(/[^\w-]+/g,"").replace(/--+/g,"-").replace(/^-+/,"").replace(/-+$/,"")})(e):"undefined",l=a.useMemo(()=>({sizes:"(min-width: 1280px) 60vw, 80vw"}),[]),o=-1!==t.indexOf("/mainParsys/glossarySection/"),s={left:j,right:M},d=a.createElement(i.m,{padding:s,wrap:"always"},a.createElement(c.v,{anchorId:n,title:"I121 Glossary Item",bgColor:c.v.BG_COLOR_ITEM},a.createElement(f.z,{anchorId:n},a.createElement(i.m,{gutter:r.SizeEnum.dynamic0100,wrap:"always"},a.createElement("dt",null,H),a.createElement(Y,null,a.createElement(W.g.Provider,{value:l},a.createElement(w.DP,{path:"glossaryItemParsys",parsysType:w.rV.ITEM_PARSYS})))))));return p.C.isInEditor()||!o?a.createElement(y.PE,null,a.createElement(i.m,{padding:{top:r.SizeEnum.static300},wrap:"always"},d)):d});var J=n(55754);const Q="10px",X=(0,E.Lc)([1,1]),V={[T.Rp.default]:r.SizeEnum.grid001,[T.Rp.b960]:r.SizeEnum.static0},K=v.I4.div` 27 position: relative; 28 flex-shrink: 0; 29 30 &::before, 31 &::after { 32 content: ''; 33 position: absolute; 34 background: ${e=>e.theme.colors.border.active}; 35 } 36 37 &::after { 38 top: 50%; 39 height: ${"4px"}; 40 width: 100%; 41 transform: translateY(-50%); 42 43 @media (min-width: ${T.Rp.b960}px) { 44 height: ${"6px"}; 45 } 46 } 47`;K.displayName="StyledSymbol";const U=v.I4.div` 48 @media (min-width: ${T.Rp.b960}px) { 49 z-index: 1; 50 position: absolute; 51 ${e=>(0,E.D7)(e.theme.direction)}: calc(100% + ${e=>e.theme.size.grid001}); 52 width: ${e=>e.theme.size.grid001}; 53 padding: ${e=>e.theme.size.dynamic0050} 0; 54 background-color: ${e=>e.theme.colors.background.primary}; 55 } 56`;U.displayName="StyledSymbolContainer";const Z=(0,v.I4)(K)` 57 height: ${e=>e.theme.size.grid002}; 58 margin: ${e=>e.theme.size.dynamic0050} 0; 59 60 &::before { 61 left: 50%; 62 width: ${"4px"}; 63 height: 100%; 64 transform: translateX(-50%); 65 66 @media (min-width: ${T.Rp.b960}px) { 67 width: ${"6px"}; 68 } 69 } 70 71 @media (min-width: ${T.Rp.b960}px) { 72 margin: 0; 73 height: ${e=>e.theme.size.grid001}; 74 } 75`;Z.displayName="StyledPlusSymbol";const ee=(0,v.I4)(K)` 76 @media (max-width: ${T.Rp.b960}px) { 77 padding: ${e=>e.theme.size.dynamic0050} 0 78 ${e=>e.theme.size.dynamic0100}; 79 } 80`;ee.displayName="StyledMinusSymbol";const te=v.I4.div` 81 width: ${"2px"}; 82 min-height: ${e=>e.theme.size.dynamic0270}; 83 margin: auto; 84 background: ${e=>e.theme.colors.border.active}; 85 86 @media (min-width: ${T.Rp.b960}px) { 87 z-index: -1; 88 height: 100%; 89 } 90`;te.displayName="StyledLine";const ne=v.I4.div` 91 ${e=>"negative"===e.appearance||"positive"===e.appearance?"display: block;":"display: none;"} 92 width: ${e=>e.theme.size.grid002}; 93 flex-shrink: 0; 94 margin: ${e=>e.theme.size.dynamic0100} 95 ${e=>e.theme.size.grid002} 0; 96 97 @media (max-width: ${T.Rp.b960}px) { 98 margin-left: ${e=>e.theme.size.grid001}; 99 } 100 101 @media (min-width: ${T.Rp.b960}px) { 102 margin: 0 ${e=>e.theme.size.grid002}; 103 text-align: center; 104 } 105 106 ${e=>{if(e.isFirstChild)return v.AH` 107 ::before { 108 content: ''; 109 display: block; 110 width: ${Q}; 111 height: ${Q}; 112 margin: 0 auto; 113 border-radius: 50%; 114 background: ${e.theme.colors.border.active}; 115 } 116 `}} 117 118 @media (min-width: ${T.Rp.b960}px) { 119 position: relative; 120 z-index: 0; 121 display: block; 122 width: ${e=>e.theme.size.grid001}; 123 margin: 0; 124 125 ${e=>e.isFirstChild&&`margin-top: ${e.theme.size.dynamic0100};`} 126 127 ${e=>{if(e.isLastChild)return v.AH` 128 ::after { 129 content: ''; 130 display: block; 131 width: ${Q}; 132 height: ${Q}; 133 margin: auto; 134 transform: translateY(-100%); 135 background: ${e.theme.colors.border.active}; 136 } 137 `}} 138 } 139`;ne.displayName="StyledIconWrapper";const ae=v.I4.div` 140 display: block; 141 142 @media (min-width: ${T.Rp.b960}px) { 143 display: none; 144 } 145 146 [data-testid='disclaimers-overlay'] { 147 border-bottom-left-radius: ${e=>e.theme.size.borderRadius.imageL}; 148 border-bottom-right-radius: ${e=>e.theme.size.borderRadius.imageL}; 149 } 150`;ae.displayName="StyledMobileWrapper";const ie=(0,v.I4)(ae)` 151 padding-inline: ${e=>e.theme.size.grid001}; 152`;ie.displayName="StyledMobileMediaWrapper";const re=v.I4.div` 153 @media (min-width: ${T.Rp.b960}px) { 154 display: flex; 155 padding: 0 ${e=>e.theme.size.grid001}; 156 } 157 158 @media (min-width: ${T.Rp.b960}px) { 159 padding: 0 ${e=>e.theme.size.grid002}; 160 } 161 @media (min-width: ${T.Rp.b1280}px) { 162 padding: 0 ${e=>e.theme.size.grid004}; 163 } 164`;re.displayName="StyledProsConsItem";const le=v.I4.div` 165 width: 100%; 166 ${e=>!e.isLastChild&&v.AH` 167 @media (min-width: ${T.Rp.b960}px) { 168 margin-bottom: ${e.theme.size.static0}; 169 } 170 `} 171 [data-testid="disclaimers-overlay"] { 172 border-bottom-left-radius: ${e=>e.theme.size.borderRadius.imageL}; 173 border-bottom-right-radius: ${e=>e.theme.size.borderRadius.imageL}; 174 } 175`;le.displayName="StyledContentWrapper";const oe=e=>a.createElement(re,null,a.createElement(ne,{isFirstChild:e.isFirstChild,isLastChild:e.isLastChild,appearance:e.appearance},a.createElement(te,null),a.createElement(ae,null,a.createElement(U,null,"negative"===e.appearance&&a.createElement(ee,null),"positive"===e.appearance&&a.createElement(Z,null)))),a.createElement(le,{isLastChild:e.isLastChild},a.createElement(i.m,{wrap:"always",padding:{left:X,right:V}},e.children)),a.createElement(ie,null,e.mediaElement));var ce=n(65160),se=n(98737),de=n(92897),me=n(18436),pe=n(73519),ue=n(51110);const he=n(19551),ge=b.default.div.withConfig({displayName:"ProContraItem__StyledScrollWrapper",componentId:"sc-c13c4722-0"})(["",";opacity:",";&:focus-within{opacity:1;}"],(0,E.p1)("opacity"),e=>e.isScrolled&&.3);ge.displayName="StyledScrollWrapper";const ye=b.default.div.withConfig({displayName:"ProContraItem__StyledStatementWrapper",componentId:"sc-c13c4722-1"})(["padding-bottom:",";@media (min-width:","px){position:relative;display:flex;align-items:center;padding-top:",";}"],e=>e.theme.size.static300,T.Rp.b960,e=>e.theme.size.static500);ye.displayName="StyledStatementWrapper";const Ee=b.default.div.withConfig({displayName:"ProContraItem__StyledFadeFocusVisible",componentId:"sc-c13c4722-2"})(["&:focus-within > *{opacity:1;transform:none;}"]);
175Ee.displayName="StyledFadeFocusVisible";const be=({children:e})=>{const t=(0,pe.eg)().isMobile;return a.createElement(Ee,null,a.createElement(ue.z,{directionFrom:"bottom",duration:600,delay:400,distance:"30px",fraction:t?.2:.7},e))},fe=e=>{const{isAnimated:t}=e,n={top:r.SizeEnum.static500};let l;e.copyEmpty||(l=r.SizeEnum.dynamic0130);let o=a.createElement(i.m,{wrap:"always",gutter:l,padding:n},e.headline,a.createElement(i.m,{wrap:"always"},e.copy));return o=t?a.createElement(be,null,o):o,a.createElement(oe,{isFirstChild:e.isFirstChild},o)},we=e=>{const{isAnimated:t}=e,n=a.createElement(i.m,{wrap:"always"},a.createElement(ge,{isScrolled:e.isScrolled},e.labelCons)),r=a.createElement(ye,null,a.createElement(J.r,{min:T.Rp.b960},a.createElement(U,null,a.createElement(ee,null))),a.createElement(ge,{isScrolled:e.isScrolled},e.statementCons));let l=a.createElement(a.Fragment,null,r,n);return l=t?a.createElement(be,null,l):l,a.createElement(oe,{appearance:e.appearance},a.createElement("div",{ref:e.reference},l))},Ie=e=>{const{isAnimated:t}=e,n=a.createElement(i.m,{wrap:"always"},e.labelPros),o=a.createElement(ye,null,a.createElement(J.r,{min:T.Rp.b960},a.createElement(U,null,a.createElement(Z,null))),a.createElement(l.EY,{bold:!0},e.statementPros));let c=a.createElement(a.Fragment,null,o,n),s=a.createElement(i.m,{wrap:"always"},e.descriptionPros);return c=t?a.createElement(be,null,c):c,s=t?a.createElement(be,null,s):s,a.createElement(oe,{isLastChild:e.isLastChild,appearance:e.appearance,mediaElement:e.mediaElement},a.createElement(i.m,{wrap:"always",gutter:r.SizeEnum.static300},c,s,e.mediaElement&&a.createElement(J.r,{min:T.Rp.b960},e.mediaElement)))},ve=b.default.div.withConfig({displayName:"ProContraItem__StyledMediaWrapper",componentId:"sc-c13c4722-3"})(["padding:"," 0 "," 0;img{border-radius:",";}"],e=>e.theme.size.dynamic0130,e=>e.theme.size.dynamic0200,e=>e.theme.size.static300);ve.displayName="StyledMediaWrapper";const Ce=[{mediaQuery:`(max-width: ${T.Rp.b960-1}px)`,sizes:"100vw",aspectRatio:"r_2_1"},{mediaQuery:`(min-width: ${T.Rp.b960}px)`,sizes:"50vw",aspectRatio:"r_2_1"}];let Se=!1;const $e=(0,m.w)("vwa-ngw18/components/editorial/items/proContraItem",function(e){const[t,n]=(0,a.useState)(!1),i=a.createRef(),r=he(()=>{if(!Se&&(Se=!0,i.current)){const e=window.innerHeight,a=i.current.getBoundingClientRect().top,r=Math.round(100*a/e)<20;t!==r&&n(r),Se=!1}},100);(0,a.useEffect)(()=>(document.addEventListener("scroll",r),function(){document.removeEventListener("scroll",r)}));const{firstInSection:l,lastInSection:o,copyEmpty:s,mediaNotEmpty:d}=e,m=a.createElement(I.x,{path:"headline",style:"H1",order:"H2"}),u=a.createElement(me.P,{path:"copy"}),h=a.createElement(I.x,{path:"conStatement",style:"H2",order:"H3"}),g=a.createElement(de.mF,{path:"conLabel"}),y=a.createElement(I.x,{path:"proStatement",style:"H2",order:"H3"}),E=a.createElement(de.mF,{path:"proLabel"}),b=a.createElement(de.hT,{path:"proDescription"}),f=d||p.C.isInEditor()?a.createElement(ce.S,{configs:Ce},a.createElement(ve,null,a.createElement(se.z,{path:"media",responsiveMediaConfig:Ce}))):void 0;return a.createElement(c.v,{title:"Pro Contra Item",bgColor:c.v.BG_COLOR_ITEM},l&&(()=>{const{headlineEmpty:t,copyEmpty:n}=e;return!t&&!n||!t||p.C.isInEditor()})()&&a.createElement(fe,{headline:m,copy:u,isFirstChild:l,copyEmpty:s,isAnimated:!p.C.isInEditor()}),a.createElement(we,{isAnimated:!p.C.isInEditor(),statementCons:h,labelCons:g,isScrolled:t,reference:i,appearance:"negative"}),a.createElement(Ie,{isAnimated:!p.C.isInEditor(),isLastChild:o,statementPros:y,labelPros:E,descriptionPros:b,mediaElement:f,appearance:"positive"}))});var xe=n(16337),ze=n(67700),_e=n(48133),ke=n(7272),Ne=n(84079),Te=n(81720),Re=n(93154);const Le=v.I4.button` 176 ${E.o6} 177 display: flex; 178 justify-content: space-between; 179 align-items: center; 180 color: ${e=>e.theme.colors.button.primary.default}; 181`,Oe=v.I4.li` 182 width: 100%; 183 cursor: pointer; 184 position: relative; 185 186 & > button { 187 width: 100%; 188 189 :focus { 190 outline: ${2}px solid 191 ${e=>e.theme.colors.focus.main}; 192 outline-offset: ${5}px; 193 } 194 195 & > div > div > div:first-child { 196 flex: 1; 197 text-align: ${e=>(0,E.G5)(e.theme.direction)}; 198 } 199 } 200`;Oe.displayName="StyledFeatureClusterListItem";const Pe=a.forwardRef((e,t)=>
200{const{children:n,onClick:i}=e,r=(0,v.DP)().direction;return a.createElement(Oe,null,a.createElement(Le,{onClick:i,ref:t},n,r!==E.OP.RTL?a.createElement(xe.c,{variant:"small","aria-hidden":!0}):a.createElement(ze.J,{variant:"small","aria-hidden":!0})))}),Ae=(0,Re.P)(1),Be="cubic-bezier(0.14, 1.12, 0.67, 0.99)",Fe=v.I4.div` 201 padding: ${e=>`${e.theme.size.static0} ${e.theme.size.grid001}`}; 202 display: flex; 203 flex-direction: column; 204 gap: ${e=>`${e.theme.size.static300} ${e.theme.size.grid001}`}; 205 206 @media (min-width: ${T.Rp.b960}px) { 207 flex-direction: row; 208 } 209 210 @media (min-width: ${T.Rp.b2560}px) { 211 padding-inline: ${e=>e.theme.size.grid003}; 212 } 213`,De=v.I4.div` 214 display: flex; 215 flex-flow: column; 216 gap: ${e=>e.theme.size.static300}; 217 padding-inline: ${e=>e.theme.size.grid001}; 218 padding-block: ${e=>e.theme.size.dynamic0130}; 219 220 @media (min-width: ${T.Rp.b960}px) { 221 width: 50%; 222 padding-inline: ${e=>e.theme.size.grid001}; 223 } 224 225 @media (min-width: ${T.Rp.b1280}px) { 226 width: 50%; 227 padding-inline: ${e=>e.theme.size.grid001}; 228 } 229`,Ge=v.I4.div` 230 overflow: hidden; 231 width: 100%; 232 margin-top: ${e=>e.theme.size.static0}; 233 padding-top: ${e=>e.theme.size.static250}; 234 235 @media (min-width: ${T.Rp.b960}px) { 236 width: 50%; 237 margin-top: 0; 238 padding-${e=>(0,E.G5)(e.theme.direction)}: 0; 239 } 240`,We=v.I4.div` 241 position: relative; 242 width: 100%; 243 border-radius: var(--borderRadius-medium, 12px); 244 background: var(--background-tertiary, #fff); 245 padding: ${e=>`${e.theme.size.dynamic0200} ${e.theme.size.grid001}`}; 246 box-shadow: 0 2px 4px 0 var(--shadow-small, rgba(49, 25, 2, 0.06)); 247 248 ${e=>e.isExpanded&&`\n padding-block: ${e.theme.size.dynamic0200};\n padding-${(0,E.G5)(e.theme.direction)}: ${e.theme.size.grid001};\n `} 249 250 @media (min-width: ${T.Rp.b960}px) { 251 transform: none; 252 padding-inline: ${e=>e.theme.size.grid001}; 253 } 254 255 @media (min-width: ${T.Rp.b1280}px) { 256 padding-inline: ${e=>e.theme.size.grid001}; 257 } 258`,He=v.I4.div` 259 position: absolute; 260 top: 0; 261 left: ${e=>e.theme.size.grid001}; 262 transform: translateY(-50%); 263 border-radius: var(--borderRadius-displayTag, 100px); 264 background: var(--background-tertiary, #fff); 265 padding: ${e=>`${e.theme.size.static150} ${e.theme.size.static200}`}; 266`,Me=v.I4.ul` 267 margin: 0; 268 padding: 0; 269 list-style: none; 270 271 display: flex; 272 flex-flow: column; 273 gap: ${e=>e.theme.size.static350}; 274`,je=e=>{const{activeItem:t,items:n,caption:i,children:r}=e,l=(0,v.DP)().direction,o=null!==t,c=!o&&i,s=null==i?void 0:i.props.children;return a.createElement(Fe,null,a.createElement(De,null,r),a.createElement(Ge,null,a.createElement(We,{isExpanded:o},c&&a.createElement(He,null,a.createElement(ue.z,{distance:Ae,duration:300,directionFrom:(0,E.G5)(l),easing:Be},i)),null!==t?a.createElement(ue.z,{distance:Ae,duration:300,easing:Be,key:"detail",directionFrom:(0,E.D7)(l)},n[t].detail):a.createElement(ue.z,{distance:Ae,duration:300,easing:Be,key:"items",directionFrom:(0,E.G5)(l)},a.createElement(Me,{"aria-label":s,role:"list"},n.map(e=>e.label))))))},Ye="parsys",qe=(0,E.Lc)([2,3,5]),Je=(0,E.Lc)([2,1]),Qe=v.I4.div` 275 padding-inline-start: ${e=>e.theme.size.grid001}; 276 277 @media (min-width: ${T.Rp.b960}px) { 278 padding-inline-start: ${e=>e.theme.size.grid001}; 279 } 280 281 @media (min-width: ${T.Rp.b1280}px) { 282 padding-inline-start: ${e=>e.theme.size.grid001}; 283 } 284`;function Xe(e){const{anchorId:t,tagTypeBroken:n}=e;return a.createElement(c.v,{anchorId:t,title:"S127 Feature Cluster Section",bgColor:c.v.BG_COLOR_SECTION,tagTypeBroken:n},a.createElement(i.m,{stretchContent:!0,wrap:"always",padding:{inlineStart:qe,inlineEnd:qe},gutter:r.SizeEnum.dynamic0100},a.createElement(I.x,{path:"heading",style:"H0",order:"H2"}),a.createElement(i.m,{padding:{inlineStart:Je}},a.createElement(me.P,{path:"copy",useDropCap:!1})),a.createElement(w.DP,{path:Ye,parsysType:w.rV.ITEM_PARSYS})))}function Ve(e){const[t,n]=a.useState(null),[o,c]=a.useState(null),d=(0,ke.Go)(),m=(0,ke.LK)(),p=(0,ke.h0)(),u=(0,ke.Sq)(),h=(0,ke.XX)(),{anchorId:y,mboxId:f,contentName:w,contentLabels:v,categoryOverviewLabel:C,cqItems:S,btnBackToOverviewLabel:$,contentId:x}=e,z=a.createElement(l.EY,{appearance:r.TextAppearance.headline100,bold:!0},C),N=S.parsys?(0,Ne.l)(S.parsys):[],T=a.useRef(N.map(()=>a.createRef())),R=a.useRef(N.map(()=>a.createRef())),L=((e,t,n,o,c,d,m,p)=>e.map((e,u)=>function(e,t,n,o,c,d){const m=e.model,p=a.createElement(b.ThemeContext.Consumer,null,({direction:e})=>e===E.OP.RTL?a.createElement(xe.c,{variant:"small","aria-hidden":!0}):a.createElement(ze.J,{variant:"small","aria-hidden":!0}));return{label:a.createElement(Pe,{key:m.title,onClick:n,ref:d},m.rtTitle?a.createElement(s.gF,{richtext:m.rtTitle,appearance:r.TextAppearance.headline400,inheritColor:!0}):a.createElement(l.EY,{appearance:r.TextAppearance.headline400},m.title)),detail:a.createElement(i.m,{wrap:"always",gutter:r.SizeEnum.static400},a.createElement(l.EY,{appearance:r.TextAppearance.label200,bold:!0},a.createElement(k.J,{tag:"button",emphasis:"tertiary",onClick:o,ref:c},p," ",t)),a.createElement(g,{path:`${Ye}/${e.key}`}))}}(e,c,function(){t(u),n(u),o(!0,e),setTimeout(()=>{var e;return null===(e=d[u].current)||void 0===e?void 0:e.focus()},0)},function(){t(null),o(!1,e),null!==p&&setTimeout(()=>{var e,t;null===(t=m[p])||void 0===t||null===(e=t.current)||void 0===e||e.focus()},0)},d[u],m[u])))(N,n,c,function(e,t){const n=t.model.title;
284d.trackAccordionClick(x,e,window.location.pathname,n,(0,Te.b)(m,h.getMetaData(),u,{sectionId:x},p.sectionGroupContentId,v))},$,T.current,R.current,o);return a.createElement(_.$,{mboxId:f,anchorId:y,sectionId:x,contentLabels:v,contentName:w},a.createElement(A.L,{displayTypes:["T3_SECTION_BASED"]},a.createElement(je,{activeItem:t,caption:z,items:L},a.createElement(I.x,{path:"heading",style:"H0",order:"H2"}),a.createElement(Qe,null,a.createElement(me.P,{appearance:r.TextAppearance.bigcopy100,path:"copy"}))),a.createElement(_e.Q,{displayTypes:["T3_SECTION_BASED"]})))}(0,m.w)("vwa-ngw18/components/editorial/sections/featureClusterSection",function(e){return p.C.isInEditor()?a.createElement(Xe,e):a.createElement(Ve,e)});var Ke=n(79256);const Ue=b.default.div.withConfig({displayName:"newsletter-signup-section__NewsletterSignupSectionWrapper",componentId:"sc-d8537ece-0"})(["padding-block:",";text-align:center;"],e=>e.theme.size.dynamic0270);Ue.displayName="NewsletterSignupSectionWrapper";const Ze=b.default.div.withConfig({displayName:"newsletter-signup-section__NewsletterSignupContentWrapper",componentId:"sc-d8537ece-1"})(["margin:0 auto;"]);Ze.displayName="NewsletterSignupContentWrapper";const et=b.default.div.withConfig({displayName:"newsletter-signup-section__HeadlineWrapper",componentId:"sc-d8537ece-2"})(["padding-block-end:",";padding-inline:",";@media (min-width:","px){padding-inline:",";}"],e=>e.theme.size.dynamic0100,e=>e.theme.size.grid002,T.Rp.b1280,e=>e.theme.size.grid004);et.displayName="HeadlineWrapper";const tt=b.default.div.withConfig({displayName:"newsletter-signup-section__CopyWrapper",componentId:"sc-d8537ece-3"})(["padding-block-end:",";padding-inline:",";@media (min-width:","px){padding-inline:",";}"],e=>e.theme.size.dynamic0130,e=>e.theme.size.grid002,T.Rp.b1280,e=>e.theme.size.grid004);tt.displayName="CopyWrapper";const nt=b.default.div.withConfig({displayName:"newsletter-signup-section__BackgroundWrapper",componentId:"sc-d8537ece-4"})(["background:",";"],e=>e.theme.colors.background.primary);nt.displayName="BackgroundWrapper";const at=e=>{const t=a.createElement(Ue,null,a.createElement(Ze,null,a.createElement(et,null,e.headline),a.createElement(tt,null,e.copy),e.link));return a.createElement(Ke.N,{theme:"inverted"},a.createElement(nt,null,t))};var it=n(93142);(0,m.w)("vwa-ngw18/components/editorial/sections/newsletterSignupSection",e=>{const{contentId:t,anchorId:n,tagTypeBroken:i,contentLabels:r,contentName:l,mboxId:o}=e,s=a.createElement(I.x,{path:"heading",style:"H1",order:"H2"}),d=a.createElement(me.P,{path:"copy"}),m=a.createElement(it.b,{path:"button"});return a.createElement(c.v,{anchorId:n,title:"S119 Newsletter Signup Section",bgColor:c.v.BG_COLOR_SECTION,tagTypeBroken:i},a.createElement(_.$,{mboxId:o,anchorId:n,sectionId:t,contentLabels:r,contentName:l},a.createElement(A.L,{displayTypes:["T3_SECTION_BASED"]},a.createElement(at,{headline:s,copy:d,link:m}))))});var rt=n(14925);const lt=e=>{const t=(0,Ne.l)(e),n=t.length;return t.map((e,t)=>a.createElement($e,{key:e.key,path:e.key,firstInSection:0===t,lastInSection:t+1===n}))},ot=b.default.div.withConfig({displayName:"ProContraSection__StyledProsAndConsSection",componentId:"sc-9792e876-0"})(["margin-bottom:",";"],e=>e.theme.size.dynamic0350),ct=()=>a.createElement(o.yh,null,a.createElement("div",null,"It's not recommended to use more than 3 Pro/Con Items"));(0,m.w)("vwa-ngw18/components/editorial/sections/proContraSection",e=>{const{anchorId:t,mboxId:n,contentLabels:i,contentName:r,tagTypeBroken:l,contentId:o}=e,{length:s}=(0,Ne.l)(e),d=a.createElement(ot,null,p.C.isInEditor()?a.createElement(a.Fragment,null,lt(e),s>=3?a.createElement(ct,null):null,(0,rt.A)("vwa-ngw18/components/editorial/sections/proContraSection",e)):a.createElement(a.Fragment,null,lt(e)));return a.createElement(c.v,{title:"S111 Pro Contra Section",bgColor:c.v.BG_COLOR_ITEM,anchorId:t,tagTypeBroken:l},a.createElement(_.$,{mboxId:n,anchorId:t,sectionId:o,contentLabels:i,contentName:r},a.createElement(A.L,{displayTypes:["T3_SECTION_BASED"]},d)))});var st=n(89502),dt=n(44699),mt=n(99253),pt=n(46545),ut=n(14323);const ht=v.I4.div` 285 padding-left: ${e=>e.theme.size.grid002}; 286 padding-right: ${e=>e.theme.size.grid002}; 287 288 @media (min-width: ${T.Rp.b560}px) { 289 padding-left: ${e=>e.theme.size.grid005}; 290 padding-right: ${e=>e.theme.size.grid006}; 291 } 292`,gt=v.I4.div` 293 display: flex; 294 flex-flow: column; 295 gap: ${e=>e.theme.size.dynamic0150}; 296`,yt=v.I4.div` 297 display: flex; 298 flex-flow: column; 299 gap: ${e=>e.theme.size.dynamic0150}; 300 padding: 0 ${e=>e.theme.size.grid001}; 301 302 [data-testid='disclaimers-overlay'] { 303 border-bottom-left-radius: ${e=>e.theme.size.borderRadius.imageS}; 304 border-bottom-right-radius: ${e=>e.theme.size.borderRadius.imageS}; 305 } 306`;
306(0,m.w)("vwa-ngw18/components/editorial/sections/tableSection",function(e){const{anchorId:t,contentId:n,contentLabels:i,contentName:r,validationMessages:o,mboxId:s}=e,d=(0,pt.gy)(e),m=(0,pt.MW)(d);if(!p.C.isInEditor()&&m<2)return null;const u=(0,ut.G)(o,m,2),h=!!e.cqItems&&!!e.cqItems.headline&&(p.C.isInEditor()||!e.cqItems.headline.empty);return a.createElement(c.v,{anchorId:t,title:"S124 Table Section",bgColor:c.v.BG_COLOR_SECTION},a.createElement(_.$,{anchorId:t,sectionId:n,contentLabels:i,contentName:r,mboxId:s},a.createElement(A.L,{displayTypes:["T3_SECTION_BASED"]},a.createElement(st.u,{name:"tableSection"},a.createElement(gt,null,p.C.isInEditor()&&u,h&&a.createElement(ht,null,a.createElement(I.x,{path:"headline",order:"H2",textAlign:l.DY.center})),a.createElement(yt,{columnsCount:m},p.C.isInEditor()?a.createElement(dt.n,{path:"tableParsys",columnsCount:m,updateTableInAuthorCallback:()=>{(0,pt.Ir)(e.cqPath)}}):a.createElement(mt.O,e),a.createElement(_e.Q,{displayTypes:["T3_SECTION_BASED"]})))))))});var Et=n(42537);const bt=b.default.span.withConfig({displayName:"PlainHTMLSection__StyledAuthorPlainHTML",componentId:"sc-cc4d3131-0"})(["min-width:",";"],s.sk);class ft extends a.PureComponent{decode(e){return e?e.replace(/&(nbsp|amp|quot|lt|gt);/g,function(e,t){switch(t){case"nbsp":return" ";case"amp":return"&";case"quot":return'"';case"lt":return"<";case"gt":return">";default:return""}}).replace(/&#(\d+);/g,function(e,t){return String.fromCharCode(t)}):e}render(){const{text:e}=this.props;let t=a.createElement(a.Fragment,null,a.createElement(Et.Ee,{__content_is_html_and_i_know_for_sure_it_is_safe_and_wont_cause_xss_vulnerability:!0},this.decode(e)||(p.C.isInEditor()?"Enter your code here":"")));return p.C.isInEditor()&&(t=a.createElement(bt,null,t)),t}}(0,m.w)("vwa-ngw18/components/editorial/sections/plainHTMLSection",ft);const wt=e=>a.createElement(c.v,{anchorId:e.contentId,title:"S999 Error Component (just for testing)",bgColor:c.v.BG_COLOR_SECTION},a.createElement(i.m,{wrap:"always",stretchContent:!0,gutter:r.SizeEnum.static400},a.createElement(o.yh,{severity:o.Nk.ERROR},a.createElement("span",null,"This error component is just for testing. ",a.createElement("br",null),"You should not see it in publish view."))));(0,m.w)("vwa-ngw18/components/error/errorItem",wt),(0,m.w)("vwa-ngw18/components/error/errorSection",wt),(0,m.w)("vwa-ngw18/components/error/errorStageSection",wt)}}]); 307//# sourceMappingURL=raremodules.3b33c43b0af33ce4.bundle.js.map
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.