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),w=n(73211),f=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(w.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(w.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 H=n(47456);const W=a.createElement(I.x,{path:"heading",order:"H3",style:"H4"}),j=(0,E.Lc)([2,4]),M=(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:M,right:j},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(w.z,{anchorId:n},a.createElement(i.m,{gutter:r.SizeEnum.dynamic0100,wrap:"always"},a.createElement("dt",null,W),a.createElement(Y,null,a.createElement(H.g.Provider,{value:l},a.createElement(f.DP,{path:"glossaryItemParsys",parsysType:f.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=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`;X.displayName="StyledSymbol";const V=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`;V.displayName="StyledSymbolContainer";const K=(0,v.I4)(X)` 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`;K.displayName="StyledPlusSymbol";const U=(0,v.I4)(X)` 76 @media (max-width: ${T.Rp.b960}px) { 77 padding: ${e=>e.theme.size.dynamic0050} 0 78 ${e=>e.theme.size.dynamic0100}; 79 } 80`;U.displayName="StyledMinusSymbol";const Z=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`;Z.displayName="StyledLine";const ee=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`;ee.displayName="StyledIconWrapper";const te=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`;te.displayName="StyledMobileWrapper";const ne=v.I4.div` 151 @media (min-width: ${T.Rp.b960}px) { 152 display: flex; 153 padding: 0 ${e=>e.theme.size.grid001}; 154 } 155 156 @media (min-width: ${T.Rp.b960}px) { 157 padding: 0 ${e=>e.theme.size.grid002}; 158 } 159 @media (min-width: ${T.Rp.b1280}px) { 160 padding: 0 ${e=>e.theme.size.grid004}; 161 } 162`;ne.displayName="StyledProsConsItem";const ae=v.I4.div` 163 width: 100%; 164 ${e=>!e.isLastChild&&v.AH` 165 @media (min-width: ${T.Rp.b960}px) { 166 margin-bottom: ${e.theme.size.static0}; 167 } 168 `} 169 [data-testid="disclaimers-overlay"] { 170 border-bottom-left-radius: ${e=>e.theme.size.borderRadius.imageL}; 171 border-bottom-right-radius: ${e=>e.theme.size.borderRadius.imageL}; 172 } 173`;ae.displayName="StyledContentWrapper";const ie=e=>{const t=(0,E.Lc)([1,1]);return a.createElement(ne,null,a.createElement(ee,{isFirstChild:e.isFirstChild,isLastChild:e.isLastChild,appearance:e.appearance},a.createElement(Z,null),a.createElement(te,null,a.createElement(V,null,"negative"===e.appearance&&a.createElement(U,null),"positive"===e.appearance&&a.createElement(K,null)))),a.createElement(ae,{isLastChild:e.isLastChild},a.createElement(i.m,{wrap:"always",padding:{right:t,left:t}},e.children)),a.createElement(te,null,e.mediaElement))};var re=n(65160),le=n(98737),oe=n(92897),ce=n(18436),se=n(73519),de=n(51110);const me=n(19551),pe=b.default.div.withConfig({displayName:"ProContraItem__StyledScrollWrapper",componentId:"sc-c13c4722-0"})(["",";opacity:",";&:focus-within{opacity:1;}"],(0,E.p1)("opacity"),e=>e.isScrolled&&.3);pe.displayName="StyledScrollWrapper";const ue=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);ue.displayName="StyledStatementWrapper";const he=b.default.div.withConfig({displayName:"ProContraItem__StyledFadeFocusVisible",componentId:"sc-c13c4722-2"})(["&:focus-within > *{opacity:1;transform:none;}"]);he.displayName="StyledFadeFocusVisible";const ge=({children:e})=>{const t=(0,se.eg)().isMobile;return a.createElement(he,null,a.createElement(de.z,{directionFrom:"bottom",duration:600,delay:400,distance:"30px",fraction:t?.2:.7},e))},ye=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(ge,null,o):o,a.createElement(ie,{isFirstChild:e.isFirstChild},o)},Ee=e=>{const{isAnimated:t}=e,n=a.createElement(i.m,{wrap:"always"},a.createElement(pe,{isScrolled:e.isScrolled},e.labelCons)),r=a.createElement(ue,null,a.createElement(J.r,{min:T.Rp.b960},a.createElement(V,null,a.createElement(U,null))),a.createElement(pe,{isScrolled:e.isScrolled},e.statementCons));let l=a.createElement(a.Fragment,null,r,n);return l=t?a.createElement(ge,null,l):l,a.createElement(ie,{appearance:e.appearance},a.createElement("div",{ref:e.reference},l))},be=e=>{const{isAnimated:t}=e,n=a.createElement(i.m,{wrap:"always"},e.labelPros),o=a.createElement(ue,null,a.createElement(J.r,{min:T.Rp.b960},a.createElement(V,null,a.createElement(K,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(ge,null,c):c,s=t?a.createElement(ge,null,s):s,a.createElement(ie,{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)))},we=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);
173we.displayName="StyledMediaWrapper";const fe=[{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 Ie=!1;const ve=(0,m.w)("vwa-ngw18/components/editorial/items/proContraItem",function(e){const[t,n]=(0,a.useState)(!1),i=a.createRef(),r=me(()=>{if(!Ie&&(Ie=!0,i.current)){const e=window.innerHeight,a=i.current.getBoundingClientRect().top,r=Math.round(100*a/e)<20;t!==r&&n(r),Ie=!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(ce.P,{path:"copy"}),h=a.createElement(I.x,{path:"conStatement",style:"H2",order:"H3"}),g=a.createElement(oe.mF,{path:"conLabel"}),y=a.createElement(I.x,{path:"proStatement",style:"H2",order:"H3"}),E=a.createElement(oe.mF,{path:"proLabel"}),b=a.createElement(oe.hT,{path:"proDescription"}),w=d||p.C.isInEditor()?a.createElement(re.S,{configs:fe},a.createElement(we,null,a.createElement(le.z,{path:"media",responsiveMediaConfig:fe}))):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(ye,{headline:m,copy:u,isFirstChild:l,copyEmpty:s,isAnimated:!p.C.isInEditor()}),a.createElement(Ee,{isAnimated:!p.C.isInEditor(),statementCons:h,labelCons:g,isScrolled:t,reference:i,appearance:"negative"}),a.createElement(be,{isAnimated:!p.C.isInEditor(),isLastChild:o,statementPros:y,labelPros:E,descriptionPros:b,mediaElement:w,appearance:"positive"}))});var Ce=n(16337),Se=n(67700),$e=n(48133),xe=n(7272),ze=n(84079),_e=n(81720),ke=n(93154);const Ne=v.I4.button` 174 ${E.o6} 175 display: flex; 176 justify-content: space-between; 177 align-items: center; 178 color: ${e=>e.theme.colors.button.primary.default}; 179`,Te=v.I4.li` 180 width: 100%; 181 cursor: pointer; 182 position: relative; 183 184 & > button { 185 width: 100%; 186 187 :focus { 188 outline: ${2}px solid 189 ${e=>e.theme.colors.focus.main}; 190 outline-offset: ${5}px; 191 } 192 193 & > div > div > div:first-child { 194 flex: 1; 195 text-align: ${e=>(0,E.G5)(e.theme.direction)}; 196 } 197 } 198`;Te.displayName="StyledFeatureClusterListItem";const Re=a.forwardRef((e,t)=>{const{children:n,onClick:i}=e,r=(0,v.DP)().direction;return a.createElement(Te,null,a.createElement(Ne,{onClick:i,ref:t},n,r!==E.OP.RTL?a.createElement(Ce.c,{variant:"small","aria-hidden":!0}):a.createElement(Se.J,{variant:"small","aria-hidden":!0})))}),Le=(0,ke.P)(1),Oe="cubic-bezier(0.14, 1.12, 0.67, 0.99)",Pe=v.I4.div` 199 padding: ${e=>`${e.theme.size.static0} ${e.theme.size.grid001}`}; 200 display: flex; 201 flex-direction: column; 202 gap: ${e=>`${e.theme.size.static300} ${e.theme.size.grid001}`}; 203 204 @media (min-width: ${T.Rp.b960}px) { 205 flex-direction: row; 206 } 207 208 @media (min-width: ${T.Rp.b2560}px) { 209 padding-inline: ${e=>e.theme.size.grid003}; 210 } 211`,Ae=v.I4.div` 212 display: flex; 213 flex-flow: column; 214 gap: ${e=>e.theme.size.static300}; 215 padding-inline: ${e=>e.theme.size.grid001}; 216 padding-block: ${e=>e.theme.size.dynamic0130}; 217 218 @media (min-width: ${T.Rp.b960}px) { 219 width: 50%; 220 padding-inline: ${e=>e.theme.size.grid001}; 221 } 222 223 @media (min-width: ${T.Rp.b1280}px) { 224 width: 50%; 225 padding-inline: ${e=>e.theme.size.grid001}; 226 } 227`,Be=v.I4.div` 228 overflow: hidden; 229 width: 100%; 230 margin-top: ${e=>e.theme.size.static0}; 231 padding-top: ${e=>e.theme.size.static250}; 232 233 @media (min-width: ${T.Rp.b960}px) { 234 width: 50%; 235 margin-top: 0; 236 padding-${e=>(0,E.G5)(e.theme.direction)}: 0; 237 } 238`,Fe=v.I4.div` 239 position: relative; 240 width: 100%; 241 border-radius: var(--borderRadius-medium, 12px); 242 background: var(--background-tertiary, #fff); 243 padding: ${e=>`${e.theme.size.dynamic0200} ${e.theme.size.grid001}`}; 244 box-shadow: 0 2px 4px 0 var(--shadow-small, rgba(49, 25, 2, 0.06)); 245 246 ${e=>e.isExpanded&&`\n padding-block: ${e.theme.size.dynamic0200};\n padding-${(0,E.G5)(e.theme.direction)}: ${e.theme.size.grid001};\n `} 247 248 @media (min-width: ${T.Rp.b960}px) { 249 transform: none; 250 padding-inline: ${e=>e.theme.size.grid001}; 251 } 252 253 @media (min-width: ${T.Rp.b1280}px) { 254 padding-inline: ${e=>e.theme.size.grid001}; 255 } 256`,De=v.I4.div` 257 position: absolute; 258 top: 0; 259 left: ${e=>e.theme.size.grid001}; 260 transform: translateY(-50%); 261 border-radius: var(--borderRadius-displayTag, 100px); 262 background: var(--background-tertiary, #fff); 263 padding: ${e=>`${e.theme.size.static150} ${e.theme.size.static200}`}; 264`,Ge=v.I4.ul` 265 margin: 0; 266 padding: 0; 267 list-style: none; 268 269 display: flex; 270 flex-flow: column; 271 gap: ${e=>e.theme.size.static350}
271; 272`,He=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(Pe,null,a.createElement(Ae,null,r),a.createElement(Be,null,a.createElement(Fe,{isExpanded:o},c&&a.createElement(De,null,a.createElement(de.z,{distance:Le,duration:300,directionFrom:(0,E.G5)(l),easing:Oe},i)),null!==t?a.createElement(de.z,{distance:Le,duration:300,easing:Oe,key:"detail",directionFrom:(0,E.D7)(l)},n[t].detail):a.createElement(de.z,{distance:Le,duration:300,easing:Oe,key:"items",directionFrom:(0,E.G5)(l)},a.createElement(Ge,{"aria-label":s,role:"list"},n.map(e=>e.label))))))},We="parsys",je=(0,E.Lc)([2,3,5]),Me=(0,E.Lc)([2,1]),Ye=v.I4.div` 273 padding-inline-start: ${e=>e.theme.size.grid001}; 274 275 @media (min-width: ${T.Rp.b960}px) { 276 padding-inline-start: ${e=>e.theme.size.grid001}; 277 } 278 279 @media (min-width: ${T.Rp.b1280}px) { 280 padding-inline-start: ${e=>e.theme.size.grid001}; 281 } 282`;function qe(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:je,inlineEnd:je},gutter:r.SizeEnum.dynamic0100},a.createElement(I.x,{path:"heading",style:"H0",order:"H2"}),a.createElement(i.m,{padding:{inlineStart:Me}},a.createElement(ce.P,{path:"copy",useDropCap:!1})),a.createElement(f.DP,{path:We,parsysType:f.rV.ITEM_PARSYS})))}function Je(e){const[t,n]=a.useState(null),[o,c]=a.useState(null),d=(0,xe.Go)(),m=(0,xe.LK)(),p=(0,xe.h0)(),u=(0,xe.Sq)(),h=(0,xe.XX)(),{anchorId:y,mboxId:w,contentName:f,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,ze.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(Ce.c,{variant:"small","aria-hidden":!0}):a.createElement(Se.J,{variant:"small","aria-hidden":!0}));return{label:a.createElement(Re,{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:`${We}/${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;d.trackAccordionClick(x,e,window.location.pathname,n,(0,_e.b)(m,h.getMetaData(),u,{sectionId:x},p.sectionGroupContentId,v))},$,T.current,R.current,o);return a.createElement(_.$,{mboxId:w,anchorId:y,sectionId:x,contentLabels:v,contentName:f},a.createElement(A.L,{displayTypes:["T3_SECTION_BASED"]},a.createElement(He,{activeItem:t,caption:z,items:L},a.createElement(I.x,{path:"heading",style:"H0",order:"H2"}),a.createElement(Ye,null,a.createElement(ce.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(qe,e):a.createElement(Je,e)});var Qe=n(79256);const Xe=b.default.div.withConfig({displayName:"newsletter-signup-section__NewsletterSignupSectionWrapper",componentId:"sc-d8537ece-0"})(["padding-block:",";text-align:center;"],e=>e.theme.size.dynamic0270);Xe.displayName="NewsletterSignupSectionWrapper";const Ve=b.default.div.withConfig({displayName:"newsletter-signup-section__NewsletterSignupContentWrapper",componentId:"sc-d8537ece-1"})(["margin:0 auto;"]);Ve.displayName="NewsletterSignupContentWrapper";const Ke=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);
282Ke.displayName="HeadlineWrapper";const Ue=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);Ue.displayName="CopyWrapper";const Ze=b.default.div.withConfig({displayName:"newsletter-signup-section__BackgroundWrapper",componentId:"sc-d8537ece-4"})(["background:",";"],e=>e.theme.colors.background.primary);Ze.displayName="BackgroundWrapper";const et=e=>{const t=a.createElement(Xe,null,a.createElement(Ve,null,a.createElement(Ke,null,e.headline),a.createElement(Ue,null,e.copy),e.link));return a.createElement(Qe.N,{theme:"inverted"},a.createElement(Ze,null,t))};var tt=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(ce.P,{path:"copy"}),m=a.createElement(tt.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(et,{headline:s,copy:d,link:m}))))});var nt=n(14925);const at=e=>{const t=(0,ze.l)(e),n=t.length;return t.map((e,t)=>a.createElement(ve,{key:e.key,path:e.key,firstInSection:0===t,lastInSection:t+1===n}))},it=b.default.div.withConfig({displayName:"ProContraSection__StyledProsAndConsSection",componentId:"sc-9792e876-0"})(["margin-bottom:",";"],e=>e.theme.size.dynamic0350),rt=()=>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,ze.l)(e),d=a.createElement(it,null,p.C.isInEditor()?a.createElement(a.Fragment,null,at(e),s>=3?a.createElement(rt,null):null,(0,nt.A)("vwa-ngw18/components/editorial/sections/proContraSection",e)):a.createElement(a.Fragment,null,at(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 lt=n(89502),ot=n(44699),ct=n(99253),st=n(46545),dt=n(14323);const mt=v.I4.div` 283 padding-left: ${e=>e.theme.size.grid002}; 284 padding-right: ${e=>e.theme.size.grid002}; 285 286 @media (min-width: ${T.Rp.b560}px) { 287 padding-left: ${e=>e.theme.size.grid005}; 288 padding-right: ${e=>e.theme.size.grid006}; 289 } 290`,pt=v.I4.div` 291 display: flex; 292 flex-flow: column; 293 gap: ${e=>e.theme.size.dynamic0150}; 294`,ut=v.I4.div` 295 display: flex; 296 flex-flow: column; 297 gap: ${e=>e.theme.size.dynamic0150}; 298 padding: 0 ${e=>e.theme.size.grid001}; 299 300 [data-testid='disclaimers-overlay'] { 301 border-bottom-left-radius: ${e=>e.theme.size.borderRadius.imageS}; 302 border-bottom-right-radius: ${e=>e.theme.size.borderRadius.imageS}; 303 } 304`;(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,st.gy)(e),m=(0,st.MW)(d);if(!p.C.isInEditor()&&m<2)return null;const u=(0,dt.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(lt.u,{name:"tableSection"},a.createElement(pt,null,p.C.isInEditor()&&u,h&&a.createElement(mt,null,a.createElement(I.x,{path:"headline",order:"H2",textAlign:l.DY.center})),a.createElement(ut,{columnsCount:m},p.C.isInEditor()?a.createElement(ot.n,{path:"tableParsys",columnsCount:m,updateTableInAuthorCallback:()=>{(0,st.Ir)(e.cqPath)}}):a.createElement(ct.O,e),a.createElement($e.Q,{displayTypes:["T3_SECTION_BASED"]})))))))});var ht=n(42537);const gt=b.default.span.withConfig({displayName:"PlainHTMLSection__StyledAuthorPlainHTML",componentId:"sc-cc4d3131-0"})(["min-width:",";"],s.sk);class yt 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(ht.Ee,{__content_is_html_and_i_know_for_sure_it_is_safe_and_wont_cause_xss_vulnerability:!0}
304,this.decode(e)||(p.C.isInEditor()?"Enter your code here":"")));return p.C.isInEditor()&&(t=a.createElement(gt,null,t)),t}}(0,m.w)("vwa-ngw18/components/editorial/sections/plainHTMLSection",yt);const Et=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",Et),(0,m.w)("vwa-ngw18/components/error/errorSection",Et),(0,m.w)("vwa-ngw18/components/error/errorStageSection",Et)}}]); 305//# sourceMappingURL=raremodules.e09ad927a086549d.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.