https://cdn.ui.porsche.com/porsche-design-system/components/porsch….stepper-horizontal.299fe9bf8ad45a4f911c.js

1"use strict";(self.webpackChunkPorscheDesignSystem_4_5_0=self.webpackChunkPorscheDesignSystem_4_5_0||[]).push([["stepper-horizontal"],{3933(t,e,r){r.d(e,["b",0,"--p-blur-frosted"])},2975(t,e,r){r.d(e,["c",0,"--p-color-canvas"])},1042(t,e,r){r.d(e,["c",0,"--p-color-frosted"])},1039(t,e,r){r.d(e,["c",0,"--p-color-primary"])},7957(t,e,r){r.d(e,["f",0,"--p-font-weight-normal"])},2112(t,e,r){r.d(e,["g",0,t=>`url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">${t}</svg>')`])},7050(t,e,r){r.d(e,["h",0,(t,e)=>null===t||null===e||"object"!=typeof t||"object"!=typeof e?t!==e:Array.isArray(t)&&Array.isArray(e)?!(t.length===e.length&&t.every((t,r)=>t===e[r])):!(Object.keys(t).length===Object.keys(e).length&&Object.entries(t).every(([t,r])=>r===e[t]))])},4247(t,e,r){const s="--p-duration-md",o="--p-duration-sm",i="--p-duration-xl",a="--p-ease-in-out",n=(t,e)=>`var(${t}${void 0===e?"":`,${e}`})`,l=t=>({"@media(forced-colors:active)":t}),c={short:n(o),moderate:n(s),long:n("--p-duration-lg"),veryLong:n(i)},h={base:n(a),in:n("--p-ease-in"),out:n("--p-ease-out"),linear:"linear"},d="--p-transition-duration",p="--p-animation-duration",u=t=>`${t} !important`,m=t=>Object.entries(t).reduce((t,[e,r])=>(null===r||(t[e]="object"==typeof r?m(r):u(r)),t),{});r.d(e,["a",0,m,"b",0,(t=2)=>({outline:`2px solid ${n("--p-color-focus")}`,outlineOffset:`${t}px`,...l({outlineColor:"Highlight"})}),"c",0,(t,e="short",r="base",s)=>`${t} ${n(d,c[e])} ${h[r]}`,"d",0,(t=!0,e)=>t?{position:"absolute",width:"1px",height:"1px",padding:0,margin:"-1px",overflow:"hidden",clip:"rect(0,0,0,0)",whiteSpace:"nowrap"}:{position:"static",width:"auto",height:"auto",padding:0,margin:0,overflow:"visible",clip:"auto",whiteSpace:"normal",...e},"e",0,u,"f",0,l,"g",0,t=>({opacity:.4,...l({opacity:1,color:"GrayText",...t})}),"h",0,{"&([hidden])":{display:"none"}},"i",0,d,"j",0,i,"k",0,p,"l",0,o,"m",0,c,"n",0,s,"o",0,a,"p",0,(t,e="short",r="base")=>`${t} ${n(p,c[e])} ${h[r]}`,"r",0,n])},451(t,e,r){r.d(e,["h",0,t=>({"@media(hover:hover)":t})])},7805(t,e,r){var s=r(6410);r.d(e,["i",0,(t,e)=>{const{parentElement:r}=t;return r&&(0,s.c)(r)===e}])},6809(t,e,r){r.d(e,["f",0,"--p-font-porsche-next","l",0,"--p-leading-normal"])},7687(t,e,r){r.r(e);var s=r(6410),o=r(7050),i=r(1863),a=r(4247),n=r(1068),l=r(2676),c=r(7957),h=r(5849),d=r(6809),p=r(2020),u=r(9324),m=r(451),g=r(2112),b=r(2975),f=r(1039),v=r(1042),y=r(3933),x=r(7668);r(7805);const z=t=>(0,s.i)({"@global":{":host":{display:"grid",...(0,a.a)({...a.h})},...n.p},scroller:{placeSelf:"flex-start",font:`${(0,a.r)(c.f)} ${(0,a.r)(h.t)} / ${(0,a.r)(d.l)} ${(0,a.r)(d.f)}`,...(0,s.k)(t,t=>({fontSize:l.s[t]}))}}),k=t=>t.findIndex(t=>"current"===t.state),$=(t,e,r,s=!0)=>{e&&r.length&&(void 0===t||t<0||t>=r.length||r[t]?.scrollIntoView({behavior:s?"smooth":"instant",block:"nearest",inline:"center",container:"nearest"}))},w={size:s.A.breakpoint(["small","medium"])},I=['<path d="m12.33 8.67-2.43.91v-.94l2.6-1.03h.85v8.78h-1.02z"/>','<path d="m9.46 15.58c0-1.35.73-2.07 1.7-2.72l.95-.63c.78-.52 1.57-1.05 1.57-2.24 0-1.12-.62-1.58-1.7-1.58s-1.68.48-1.78 1.97h-.96c.06-1.82.78-2.91 2.74-2.91s2.72.92 2.72 2.52-.92 2.23-1.79 2.8l-.95.63c-1.11.75-1.52 1.18-1.52 2.01v.16h4.17v.81h-5.15v-.81z"/>','<path d="m10.1 13.73c.1 1.43.63 2 1.92 2 1.2 0 1.8-.49 1.8-1.68 0-1.08-.51-1.66-1.8-1.66h-.89v-.9h.83c1.12 0 1.66-.56 1.66-1.53 0-1.08-.64-1.55-1.73-1.55s-1.69.49-1.79 1.97h-.97c.1-1.79.84-2.91 2.76-2.91s2.74.92 2.74 2.49c0 .79-.38 1.54-1.16 1.9.84.28 1.36.92 1.36 2.19 0 1.54-.97 2.49-2.81 2.49-1.96 0-2.8-.9-2.88-2.81z"/>','<path d="m8.87 13.6 3.54-5.99h1.43v5.89h1.25v.86h-1.25v2.02h-.99v-2.02h-3.98zm3.98-.1v-4.98l-2.91 4.98z"/>','<path d="m9.34 12.45.42-4.83h4.71v.94h-3.9l-.26 2.95c.38-.43 1-.68 1.79-.68 1.86 0 2.76.9 2.76 2.81 0 2.06-1.03 2.91-2.86 2.91s-2.74-.84-2.81-2.51h.97c.06 1.13.57 1.7 1.84 1.7 1.39 0 1.85-.68 1.85-2.06s-.48-2-1.85-2c-1.07 0-1.54.42-1.75 1.17h-.91v-.39z"/>','<path d="m9.97 11.02 2.22-3.4h1.1l-2.27 3.44c.33-.16.69-.23 1.1-.23 1.84 0 2.76.9 2.76 2.81 0 2.06-1.04 2.91-2.86 2.91s-2.87-.85-2.87-2.91c0-1.08.3-1.8.83-2.61zm2.05 4.71c1.38 0 1.84-.68 1.84-2.05s-.47-2.01-1.84-2.01-1.85.64-1.85 2.01.46 2.05 1.85 2.05z"/>','<path d="m9.21 7.61h5.57v.74l-3.58 8.04h-1.05l3.54-7.84h-4.49v-.94z"/>','<path d="m10.47 11.94c-.65-.33-1.13-.92-1.13-2.01 0-1.53.85-2.47 2.66-2.47s2.66.94 2.66 2.47c0 1.08-.47 1.68-1.15 2.01.92.35 1.34 1.07 1.34 2.11 0 1.73-.99 2.49-2.86 2.49s-2.86-.76-2.86-2.49c0-1.04.41-1.76 1.33-2.11zm1.53 3.78c1.27 0 1.85-.51 1.85-1.69 0-1.1-.58-1.61-1.85-1.61s-1.85.52-1.85 1.61c0 1.18.58 1.69 1.85 1.69zm1.65-5.76c0-1.1-.56-1.56-1.65-1.56s-1.65.47-1.65 1.56c0 1 .46 1.6 1.65 1.6s1.65-.6 1.65-1.6z"/>','<path d="m9.16 10.33c0-2.03 1.02-2.86 2.83-2.86s2.82.81 2.82 2.85c0 1.11-.3 1.82-.81 2.64l-2.18 3.44h-1.1l2.18-3.37c-.31.14-.65.2-1.01.2-1.82 0-2.74-.99-2.74-2.9zm4.65 0c0-1.23-.47-1.92-1.81-1.92s-1.81.69-1.81 1.92c0 1.37.49 2.05 1.81 2.05s1.81-.68 1.81-2.05z"/>'],C=(t,e)=>{const r="current"===t,o=!t||r,i=!t||e;

1return(0,s.i)({"@global":{":host":{...(0,a.a)({fontSize:"inherit",...a.h,...i&&(0,a.g)()})},...n.p,button:{all:"unset",display:"grid",gridTemplateColumns:"auto minmax(0,1fr)",gap:"4px",color:(0,a.r)(f.c),paddingInline:"8px 12px",paddingBlock:"6px",width:"max-content",cursor:i?"not-allowed":"pointer",font:`${(0,a.r)(c.f)} inherit / ${(0,a.r)(d.l)} ${(0,a.r)(d.f)}`,borderRadius:(0,a.r)(x.r),...r&&{WebkitBackdropFilter:(0,a.r)(y.b),backdropFilter:(0,a.r)(y.b),background:(0,a.r)(v.c)},...!i&&(0,m.h)({transition:(0,a.c)("background-color"),"&:hover":{WebkitBackdropFilter:(0,a.r)(y.b),backdropFilter:(0,a.r)(y.b),background:(0,a.r)(v.c)}}),"&:focus-visible":(0,a.b)(),...(0,a.f)({...r&&{outline:"1px solid CanvasText"},...i&&{color:"GrayText",borderColor:"GrayText"}})}},icon:{font:`inherit ${(0,a.r)(d.f)}`,width:(0,a.r)(d.l),height:(0,a.r)(d.l),forcedColorAdjust:"none",...o&&{display:"grid",backgroundImage:`radial-gradient(circle, ${(0,a.r)(f.c)} 60%, transparent 62%)`,...i&&{...(0,a.f)({backgroundImage:"radial-gradient(circle, GrayText 60%, transparent 62%)"})},"&::before":{content:'""',...Array.from(new Array(9)).reduce((t,e,r)=>({...t,[`:host(:nth-of-type(${r+1})) &`]:{WebkitMask:`${(0,g.g)(I[r])} center/contain no-repeat`,mask:`${(0,g.g)(I[r])} center/contain no-repeat`,backgroundColor:(0,a.r)(b.c)}}),{})}}},"sr-only":(0,a.d)()})},H=t=>"complete"===t||"warning"===t,S=H,A=t=>"complete"===t?"success":"warning",j={state:s.A.oneOf([void 0,"current","complete","warning"]),disabled:s.A.boolean};r.d(e,["p_stepper_horizontal",0,class{constructor(t){(0,s.r)(this,t),this.update=(0,s.x)(this,"update",3),this.size="small",this.stepperHorizontalItems=[],this.defineStepperHorizontalItems=()=>{this.stepperHorizontalItems=Array.from(this.host.children)},this.onClickScroller=t=>{const e=((t,e,r)=>{const o=(0,s.g)(t)[(0,s.p)(e)];return r.find(t=>t.tagName?.toLowerCase()===o)})(this.host,"p-stepper-horizontal-item",t.composedPath());e&&this.update.emit({activeStepIndex:this.stepperHorizontalItems.indexOf(e)})},this.onSlotChange=()=>{this.defineStepperHorizontalItems(),$(k(this.stepperHorizontalItems),this.scroller,this.stepperHorizontalItems)}}disconnectedCallback(){this.resizeObserver?.disconnect(),this.slot?.removeEventListener("slotchange",this.onSlotChange)}componentShouldUpdate(t,e){return(0,o.h)(t,e)}componentWillLoad(){this.defineStepperHorizontalItems()}componentDidLoad(){$(k(this.stepperHorizontalItems),this.scroller,this.stepperHorizontalItems,!1),this.slot.addEventListener("slotchange",this.onSlotChange),this.resizeObserver=new ResizeObserver(()=>{$(k(this.stepperHorizontalItems),this.scroller,this.stepperHorizontalItems,!1)}),this.resizeObserver.observe(this.scroller)}componentDidUpdate(){$(k(this.stepperHorizontalItems),this.scroller,this.stepperHorizontalItems)}render(){(0,s.v)(this,w),(0,s.q)(this.host,z,this.size),(0,i.t)(this.host,"p-stepper-horizontal-item"),((t,e)=>{const r=t.children.length;r>e&&(0,s.t)(`only ${e} children are allowed in ${(0,s.c)(t)} but got ${r}.`)})(this.host,9),((t,e)=>{const r=e.filter(t=>"current"===t.state).length;r>1&&(0,s.t)(`only one child with current state is allowed in ${(0,s.c)(t)} but got ${r}.`)})(this.host,this.stepperHorizontalItems);const t=(0,s.g)(this.host);return(0,s.u)(s.H,{key:"1953d4a10dfe4195d872574aa57af827e60828c6"},(0,s.u)(t.pScroller,{key:"ebd77ecfc38e2b85bf27c6f3e20c48d5c8d01fc1",class:"scroller",aria:{role:"list"},onClick:this.onClickScroller,ref:t=>this.scroller=t},(0,s.u)("slot",{key:"04a998e3dd0a0345a129be3479fe48c611a75ac8",ref:t=>this.slot=t})))}get host(){return(0,s.w)(this)}},"p_stepper_horizontal_item",0,class{constructor(t){(0,s.r)(this,t),this.disabled=!1}onClick(t){var e,r;e=this.state,r=this.disabled,e&&S(e)&&!r||t.stopPropagation()}onStateChange(){(0,p.u)(this.host)}connectedCallback(){(0,u.t)(this.host,"p-stepper-horizontal")}render(){var t;(0,s.v)(this,j),"current"===(t=this.host).state&&t.disabled&&(0,s.t)(`using state='current' and disabled='true' for ${(0,s.c)(t)} is not allowed.`),(0,s.q)(this.host,C,this.state,this.disabled);const e=(0,s.g)(this.host);return(0,s.u)(s.H,{key:"4be0fcb4111186dcaa6389ba3a4108accb580577",role:"listitem"},(0,s.u)("button",{key:"203ca7369f0bfc30cc7ad7bed19090f3d547eca5",type:"button","aria-disabled":!this.state||this.disabled?"true":null,"aria-current":"current"===this.state?"step":null},H(this.state)?(0,s.u)(e.pIcon,{class:"icon",name:A(this.state),size:"inherit",color:A(this.state),"aria-hidden":"true"}):(0,s.u)("span",{class:"icon","aria-hidden":"true"}),this.state&&(0,s.u)("span",{key:"e6bfdcd4deee749b1f31a5e99a67a63f3f9c4df4",class:"sr-only"},this.state,": "),(0,s.u)("slot",{key:"4fc23e46de1c18dfbcc1cd124b1a5a55fe540dc9"})))}static get delegatesFocus(){return!0}get host(){return(0,s.w)(this)}static get watchers(){return{state:[{onStateChange:0}]}}}])},1068(t,e,r){r.d(e,["p",0,{":not(:defined,[data-ssr])":{visibility:"hidden"}}])},7668(t,e,r){r.d(e,["r",0,"--p-radius-xl"])},2676(t,e,r){var s=r(4247),o=r(8442),i=r(3693),a=r(1912),n=r(5849),l=r(2762),c=r(6271);const h="--p-typescale-lg",d={"xx-small":(0,s.r)(c.t),"x-small":(0,s.r)(l.t),small:(0,s.r)(n.t),medium:(0,s.r)(a.t),large:(0,s.r)(h),"x-large":(0,s.r)(i.a),"xx-large":(0,s.r)(i.t),"2xs":(0,s.r)(c.t),xs:(0,s.r)(l.t),sm:(0,s.r)(n.t),md:(0,s.r)(a.t),lg:(0,s.r)(h),xl:(0,s.r)(i.a),"2xl":(0,s.r)(i.t),"3xl":(0,s.r)(o.b),"4xl":(0,s.r)(o.a),"5xl":(0,s.r)(o.t),inherit:"inherit"};

1r.d(e,["s",0,d])},2020(t,e,r){var s=r(6410);r.d(e,["u",0,t=>{(0,s.f)(t.parentElement)}])},1863(t,e,r){var s=r(6410);r.d(e,["t",0,(t,e)=>{if(!((t,e)=>{const r=Array.from(t.children),o=(0,s.g)(t)[(0,s.p)(e)];return!r.some(t=>(0,s.a)(t)!==o)})(t,e)){const r=(0,s.g)(t)[(0,s.p)(e)],o=Array.from(t.children,s.a).filter(t=>t!==r).join(", ");(0,s.t)(`child HTMLElements of ${(0,s.c)(t)} should be of kind ${r} but got ${o}.`)}}])},9324(t,e,r){var s=r(6410),o=r(7805);r.d(e,["t",0,(t,e)=>{if(t.parentElement){const r=Array.isArray(e)?e:[e];if(!r.some(e=>(0,o.i)(t,e))){const e=r.map(e=>(0,s.g)(t)[(0,s.p)(e)]).join(" | "),o=(0,s.a)(t.parentElement);(0,s.t)(`parent HTMLElement of ${(0,s.a)(t)} should be of kind ${e} but got ${o}.`)}}}])},6271(t,e,r){r.d(e,["t",0,"--p-typescale-2xs"])},8442(t,e,r){r.d(e,["a",0,"--p-typescale-4xl","b",0,"--p-typescale-3xl","t",0,"--p-typescale-5xl"])},1912(t,e,r){r.d(e,["t",0,"--p-typescale-md"])},5849(t,e,r){r.d(e,["t",0,"--p-typescale-sm"])},3693(t,e,r){r.d(e,["a",0,"--p-typescale-xl","t",0,"--p-typescale-2xl"])},2762(t,e,r){r.d(e,["t",0,"--p-typescale-xs"])}}]);