https://cdn.ui.porsche.com/porsche-design-system/components/porsch…stem.input-password.6f147679504246465df8.js

1"use strict";(self.webpackChunkPorscheDesignSystem_4_5_0=self.webpackChunkPorscheDesignSystem_4_5_0||[]).push([["input-password"],{3612(e,t,i){var o=i(6410);i.d(t,["p",0,e=>{if(e)return Object.fromEntries(Object.entries((0,o.e)(e)).map(([e,t])=>[e,"boolean"==typeof t?`${t}`:t]))},"s",0,(...e)=>e.filter(Boolean).join(" ")||null])},5674(e,t,i){i.d(t,["c",0,"--p-color-contrast-high"])},4151(e,t,i){i.d(t,["c",0,"--p-color-contrast-lower"])},1874(e,t,i){i.d(t,["c",0,"--p-color-contrast-medium"])},271(e,t,i){i.d(t,["c",0,"--p-color-error"])},1042(e,t,i){i.d(t,["c",0,"--p-color-frosted"])},1039(e,t,i){i.d(t,["c",0,"--p-color-primary"])},3578(e,t,i){i.d(t,["c",0,"--p-color-success"])},4062(e,t,i){i.d(t,["c",0,"--p-color-success-frosted-soft"])},6037(e,t,i){i.d(t,["a",0,"--p-color-error-medium","b",0,"--p-color-success-medium","c",0,"--p-color-error-frosted-soft"])},7957(e,t,i){i.d(t,["f",0,"--p-font-weight-normal"])},1714(e,t,i){var o=i(6410);i.d(t,["g",0,(e,t)=>(0,o.d)(e,`:scope>[slot="${t}"]`)])},7050(e,t,i){i.d(t,["h",0,(e,t)=>null===e||null===t||"object"!=typeof e||"object"!=typeof t?e!==t:Array.isArray(e)&&Array.isArray(t)?!(e.length===t.length&&e.every((e,i)=>e===t[i])):!(Object.keys(e).length===Object.keys(t).length&&Object.entries(e).every(([e,i])=>i===t[e]))])},202(e,t,i){var o=i(2732);i.d(t,["h",0,(e,t)=>!!t||(0,o.h)(e,"description")])},2732(e,t,i){var o=i(1714);i.d(t,["h",0,(e,t)=>!!(0,o.g)(e,t)])},4247(e,t,i){const o="--p-duration-md",a="--p-duration-sm",r="--p-duration-xl",s="--p-ease-in-out",n=(e,t)=>`var(${e}${void 0===t?"":`,${t}`})`,l=e=>({"@media(forced-colors:active)":e}),d={short:n(a),moderate:n(o),long:n("--p-duration-lg"),veryLong:n(r)},c={base:n(s),in:n("--p-ease-in"),out:n("--p-ease-out"),linear:"linear"},p="--p-transition-duration",u="--p-animation-duration",h=e=>`${e} !important`,g=e=>Object.entries(e).reduce((e,[t,i])=>(null===i||(e[t]="object"==typeof i?g(i):h(i)),e),{});i.d(t,["a",0,g,"b",0,(e=2)=>({outline:`2px solid ${n("--p-color-focus")}`,outlineOffset:`${e}px`,...l({outlineColor:"Highlight"})}),"c",0,(e,t="short",i="base",o)=>`${e} ${n(p,d[t])} ${c[i]}`,"d",0,(e=!0,t)=>e?{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",...t},"e",0,h,"f",0,l,"g",0,e=>({opacity:.4,...l({opacity:1,color:"GrayText",...e})}),"h",0,{"&([hidden])":{display:"none"}},"i",0,p,"j",0,r,"k",0,u,"l",0,a,"m",0,d,"n",0,o,"o",0,s,"p",0,(e,t="short",i="base")=>`${e} ${n(u,d[t])} ${c[i]}`,"r",0,n])},451(e,t,i){i.d(t,["h",0,e=>({"@media(hover:hover)":e})])},3054(e,t,i){var o=i(459),a=i(6410),r=i(3612),s=i(202),n=i(3392),l=i(3053),d=i(7953),c=i(4247),p=i(1068),u=i(451),h=i(1874),g=i(1042),m=i(1039),b=i(6542),f=i(7668),y=i(2999),v=i(7957),w=i(5849),$=i(6809);const x=new Set(["text","search","url","tel","email","password","date","month","week","time","datetime-local","number"]),C=["p-input-text","p-input-search","p-input-url","p-input-tel","p-input-email","p-input-date","p-input-time","p-input-number"],k="--ref-p-input-slotted-padding",L="--ref-p-input-slotted-margin",A="--_p-input-base-a";i.d(t,["I",0,({host:e,id:t,label:i,description:o,loading:c,initialLoading:p,required:u,disabled:h,state:g,message:m,readOnly:b,type:f,form:y,placeholder:v,maxLength:w,minLength:$,max:x,min:C,value:k,step:L,spellCheck:A,autoComplete:S,pattern:O,multiple:P,name:E,inputMode:I,onInput:V,onWheel:B,onChange:q,onBlur:F,onKeyDown:j,refElement:D,start:_,end:R,aria:H})=>{const T=(0,a.g)(e),K=(0,s.h)(e,o)?l.d:void 0,M=(0,n.b)(e,m,g)?n.m:void 0,W=(z=H,G={"aria-describedby":(0,r.s)(c&&d.l,M,K),"aria-invalid":"error"===g?"true":null,"aria-disabled":h||c?"true":null,"aria-readonly":b?"true":null},{...(0,r.p)(z)??{},...G});var z,G;return(0,a.u)("div",{class:"root"},(0,a.u)(l.L,{host:e,label:i,description:o,htmlFor:t,isRequired:u,isLoading:c,isDisabled:h}),(0,a.u)("div",{class:"wrapper"},(0,a.u)("slot",{name:"start"}),_,(0,a.u)("input",{...W,id:t,ref:D,name:E,form:y,type:f,required:u,placeholder:v||null,maxlength:w,minlength:$,spellcheck:A,max:x,min:C,step:L,value:k,readonly:b,autocomplete:S,disabled:h,pattern:O,multiple:P,...void 0!==I&&{inputMode:I},onInput:V,onChange:q,onBlur:F,onWheel:B,onKeyDown:j,dir:"auto"}),R,(0,a.u)("slot",{name:"end"}),c&&(0,a.u)(T.pSpinner,{"aria-hidden":"true"})),(0,a.u)(n.S,{state:g,message:m,host:e}),(0,a.u)(d.L,{loading:c,initialLoading:p}))},"a",0,k,"c",0,L,"g",0,(e,t,i,o,r,s,x,C)=>{const S=`calc(${(0,c.r)(A)} * 3.5rem)`,O=`calc(22.4px * (${(0,c.r)(A)} - 0.64285714) + 8px)`,P=`calc(22.4px * (${(0,c.r)(A)} - 0.64285714) + 4px)`,E=`calc(11.2px * (${(0,c.r)(A)} - 0.64285714))`,I=`calc(-1 * ${E}

1)`,{formStateBackgroundColor:V,formStateBorderColor:B,formStateBorderHoverColor:q}=(0,n.c)(o);return{"@global":{":host":{display:"block",[`${A}`]:r?.64285714:1,...(0,c.a)({[`${k}`]:E,[`${L}`]:I,...c.h}),"&(:dir(rtl)) input::placeholder":{direction:"rtl",textAlign:"end"},...C},...(0,l.a)(),...p.p,input:{all:"unset",display:"flex",flex:1,alignItems:"center",width:"max(100%, 2ch)",height:"100%",font:`${(0,c.r)(v.f)} ${(0,c.r)(w.t)} / calc(${(0,c.r)($.l)} + 6px) ${(0,c.r)($.f)}`,textOverflow:"ellipsis",...x}},root:{display:"grid",gap:(0,c.r)(y.s)},wrapper:{display:"flex",alignItems:"center",gap:P,height:S,boxSizing:"border-box",paddingInline:O,border:`1px solid ${B}`,borderRadius:r?(0,c.r)(b.r):(0,c.r)(f.r),background:V,color:(0,c.r)(m.c),cursor:e?"not-allowed":"text",transition:`${(0,c.c)("background-color")}, ${(0,c.c)("border-color")}`,...s&&{borderColor:"transparent",background:(0,c.r)(g.c),color:(0,c.r)(h.c)},"&:not(:has(input:disabled)):focus-within":{borderColor:q,...(0,c.f)({outline:"2px solid Highlight",outlineOffset:"2px"})},...e&&{...(0,a.m)({...(0,c.g)()},{...(0,c.f)({borderColor:"GrayText"})}),"& > *":{...(0,c.g)()}},...!e&&!s&&!t&&(0,u.h)({"&:hover:not(.button:hover),.label-wrapper:hover~&":{borderColor:q}})},...(0,l.g)(e,t,i),...(0,n.a)(o),...(0,d.g)()}},"i",0,(e,t,i)=>{if("Enter"===e.key){const{form:e}=t;if(!e)return;const a=Array.from(e.elements).filter(e=>e!==i);for(const e of a)if(e.matches(":default")||(0,o.i)(e,"p-button")&&"submit"===e.type||(0,o.i)(e,"p-button-pure")&&"submit"===e.type)return void(e.disabled||e.click());a.some(e=>e instanceof HTMLInputElement&&x.has(e.type)||e instanceof HTMLElement&&C.some(t=>(0,o.i)(e,t)))||e.requestSubmit()}}])},459(e,t,i){var o=i(6410);i.d(t,["i",0,(e,t)=>(0,o.c)(e)===t])},7805(e,t,i){var o=i(6410);i.d(t,["i",0,(e,t)=>{const{parentElement:i}=e;return i&&(0,o.c)(i)===t}])},3053(e,t,i){var o=i(6410),a=i(202),r=i(3392),s=i(7805),n=i(4247),l=i(2999),d=i(5674),c=i(2762),p=i(1039),u=i(7957),h=i(5849),g=i(6809);const m=e=>{return(0,s.i)(e,"p-fieldset")&&(t=e.parentElement,!!t?.required);var t},b="description";i.d(t,["L",0,({host:e,label:t,tag:i,description:s,htmlFor:n,isRequired:l,isLoading:d,isDisabled:c,stopClickPropagation:p})=>{const u=i||"label";return(0,o.u)(o.F,null,(0,r.h)(e,t)&&(0,o.u)("div",{class:"label-wrapper"},(0,o.u)(u,{class:"label",id:"label","aria-disabled":d||c?"true":null,htmlFor:n,onClick:e=>{p&&e.stopPropagation()}},(0,o.u)(o.F,null,t||(0,o.u)("slot",{name:"label"}),l&&!m(e)&&(0,o.u)(r.R,null))),p?(0,o.u)("span",{class:"label-after",onClick:e=>{e.stopPropagation()}},(0,o.u)("slot",{name:"label-after"})):(0,o.u)("slot",{name:"label-after"})),(0,a.h)(e,s)&&(0,o.u)("span",{class:"label",id:b,"aria-disabled":d||c?"true":null},s||(0,o.u)("slot",{name:"description"})))},"a",0,()=>{const e={display:"inline-block",verticalAlign:"top","&::slotted(*)":{...(0,n.a)({marginInlineStart:(0,n.r)(l.s)})}};return{'slot[name="label-after"]':e,".label-after":{display:e.display,verticalAlign:e.verticalAlign}}},"d",0,b,"g",0,(e,t,i,a,s,m)=>{const b=e||t;return{"label-wrapper":{...(0,o.k)(i,e=>({...!e&&{minWidth:"fit-content"},...(0,n.d)(e,m)})),...s},label:{font:`${(0,n.r)(u.f)} ${(0,n.r)(h.t)} / ${(0,n.r)(g.l)} ${(0,n.r)(g.f)}`,cursor:b?"not-allowed":"pointer",color:(0,n.r)(p.c),...b&&{pointerEvents:"none"},...e&&{...(0,n.g)()},transition:(0,n.c)("color"),display:"inline","&:empty":{display:"none"},"&:is(span)":{cursor:"unset",fontSize:(0,n.r)(c.t),color:(0,n.r)(d.c),...(0,o.k)(i,e=>(0,n.d)(e,{marginTop:`calc(-1 * ${(0,n.r)(l.s)})`})),marginTop:`calc(-1 * ${(0,n.r)(l.s)})`},'& > slot[name="label"]::slotted(*)':{...(0,n.a)({display:"inline"})},...a},...(0,r.g)()}}])},6809(e,t,i){i.d(t,["f",0,"--p-font-porsche-next","l",0,"--p-leading-normal"])},7953(e,t,i){var o=i(6410),a=i(4247);const r="loading";i.d(t,["L",0,({loading:e,initialLoading:t})=>(0,o.u)("span",{id:r,class:"loading",role:"status"}

1,e?"Loading":t?"Loading finished":""),"g",0,()=>({loading:(0,a.d)()}),"l",0,r])},5176(e,t,i){i.r(t);var o=i(6410),a=i(3392),r=i(3054),s=i(455),n=i(7050),l=i(4247);i(2732),i(1714),i(459),i(3612),i(202),i(3053),i(7805),i(7953);const d=(e,t,i,a,s,n,d)=>(0,o.i)({...(0,r.g)(e,t,i,a,n,d),...s&&{button:{padding:(0,l.r)(r.a),margin:(0,l.r)(r.c)}}}),c={label:o.A.string,description:o.A.string,placeholder:o.A.string,name:o.A.string,value:o.A.oneOf([o.A.string,o.A.null]),required:o.A.boolean,loading:o.A.boolean,disabled:o.A.boolean,maxLength:o.A.number,minLength:o.A.number,form:o.A.string,autoComplete:o.A.string,state:o.A.oneOf(a.F),message:o.A.string,hideLabel:o.A.breakpoint("boolean"),toggle:o.A.boolean,readOnly:o.A.boolean,compact:o.A.boolean};i.d(t,["p_input_password",0,class{constructor(e){(0,o.r)(this,e),this.change=(0,o.x)(this,"change",7),this.blur=(0,o.x)(this,"blur",3),this.input=(0,o.x)(this,"input",7),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals?.(),e.$hostElement$["s-ei"]=this.internals),this.label="",this.description="",this.compact=!1,this.value="",this.readOnly=!1,this.placeholder="",this.disabled=!1,this.required=!1,this.loading=!1,this.state="none",this.message="",this.hideLabel=!1,this.toggle=!1,this.showPassword=!1,this.initialLoading=!1,this.onKeyDown=e=>{(0,r.i)(e,this.internals,this.host)},this.onChange=e=>{e.stopPropagation(),e.stopImmediatePropagation(),this.change.emit(e)},this.onBlur=e=>{e.stopPropagation(),e.stopImmediatePropagation(),this.blur.emit(e)},this.onInput=e=>{e.stopPropagation(),e.stopImmediatePropagation();const t=e.target;this.value=t.value,this.input.emit(e)},this.togglePassword=()=>{this.showPassword=!this.showPassword,this.inputElement.focus()}}get parsedValue(){return String(this.value??"")}onValueChange(){this.inputElement&&this.inputElement.value!==this.parsedValue&&(this.inputElement.value=this.parsedValue)}connectedCallback(){this.initialLoading=this.loading}componentWillLoad(){this.defaultValue=this.value,this.initialLoading=this.loading}formResetCallback(){this.value=this.defaultValue}formDisabledCallback(e){this.disabled=e}formStateRestoreCallback(e){this.value=e}componentShouldUpdate(e,t){return(0,n.h)(e,t)}componentDidRender(){(0,s.s)(this.internals,this.inputElement,{disabled:this.disabled,readOnly:this.readOnly,value:this.parsedValue})}componentWillUpdate(){this.loading&&(this.initialLoading=!0)}render(){(0,o.v)(this,c),(0,o.q)(this.host,d,this.disabled,this.loading,this.hideLabel,this.state,this.toggle,this.compact,this.readOnly);const e=(0,o.g)(this.host);return(0,o.u)(r.I,{key:"6f8c236c5e652aa888c887daf103c6a2285efd39",host:this.host,label:this.label,description:this.description,id:"input-password",refElement:e=>this.inputElement=e,onInput:this.onInput,onChange:this.onChange,onBlur:this.onBlur,onKeyDown:this.onKeyDown,name:this.name,form:this.form,type:this.showPassword?"text":"password",required:this.required,placeholder:this.placeholder,maxLength:this.maxLength,minLength:this.minLength,value:this.parsedValue,readOnly:this.readOnly,autoComplete:this.autoComplete,disabled:this.disabled,state:this.state,message:this.message,loading:this.loading,initialLoading:this.initialLoading,end:this.toggle&&(0,o.u)(e.pButtonPure,{tabIndex:this.disabled?-1:null,hideLabel:!0,class:"button",type:"button",icon:this.showPassword?"view-off":"view",disabled:this.disabled,onClick:this.togglePassword,aria:{"aria-pressed":this.showPassword?"true":"false"}},"Toggle password visibility")})}static get delegatesFocus(){return!0}static get formAssociated(){return!0}get host(){return(0,o.w)(this)}static get watchers(){return{value:[{onValueChange:0}]}}}])},1068(e,t,i){i.d(t,["p",0,{":not(:defined,[data-ssr])":{visibility:"hidden"}}])},6542(e,t,i){i.d(t,["r",0,"--p-radius-lg"])},7668(e,t,i){i.d(t,["r",0,"--p-radius-xl"])},2999(e,t,i){i.d(t,["s",0,"--p-spacing-static-xs"])},3392(e,t,i){var o=i(2732),a=i(6410),r=i(4247),s=i(271),n=i(3578),l=i(1039),d=i(4151),c=i(5674),p=i(6037),u=i(1042),h=i(4062),g=i(7957),m=i(5849),b=i(6809),f=i(2999);const y=(e,t,i)=>(t||(0,o.h)(e,"message"))&&["success","error"].includes(i),v="message",w={success:(0,r.r)(h.c),error:(0,r.r)(p.c),none:(0,r.r)(u.c)},$={success:(0,r.r)(p.b),error:(0,r.r)(p.a),none:(0,r.r)(c.c)},x={success:(0,r.r)(n.c),error:(0,r.r)(s.c),none:(0,r.r)(d.c)},C={success:(0,r.r)(n.c),error:(0,r.r)(s.c),none:(0,r.r)(l.c)},k={success:(0,r.r)(n.c),error:(0,r.r)(s.c),none:void 0},L=e=>

1({formStateBackgroundColor:w[e],formStateBackgroundHoverColor:$[e],formStateBorderColor:x[e],formStateBorderHoverColor:C[e],formStateColor:k[e]});i.d(t,["F",0,["none","error","success"],"R",0,()=>(0,a.u)("span",{class:"required","aria-hidden":"true"}," ","*"),"S",0,({state:e,message:t,host:i})=>{const o=(0,a.g)(i),r="error"===e;return(0,a.u)("span",{id:v,class:"message",role:"success"===e?"status":"alert"},y(i,t,e)&&(0,a.u)(a.F,null,(0,a.u)(o.pIcon,{name:r?"exclamation":"check",color:r?"error":"success","aria-hidden":"true"}),t||(0,a.u)("slot",{name:"message"})))},"a",0,(e,t)=>({message:{display:"flex",gap:(0,r.r)(f.s),font:`${(0,r.r)(g.f)} ${(0,r.r)(m.t)} / ${(0,r.r)(b.l)} ${(0,r.r)(b.f)}`,color:L(e).formStateColor,transition:`${(0,r.c)("color")}, ${(0,r.c)("opacity")}`,...t,"&:empty":{opacity:"0",position:"absolute"}}}),"b",0,y,"c",0,L,"g",0,()=>({required:{userSelect:"none"}}),"h",0,(e,t)=>!!t||(0,o.h)(e,"label"),"m",0,v])},455(e,t,i){i.d(t,["s",0,(e,t,i)=>{const{disabled:o,readOnly:a}=i;o?(e?.setValidity({}),e?.setFormValue(null)):a?(e?.setValidity({}),e?.setFormValue(i.value??null)):(e?.setValidity(t.validity,t.validationMessage||" ",t),e?.setFormValue(i.value??null))}])},5849(e,t,i){i.d(t,["t",0,"--p-typescale-sm"])},2762(e,t,i){i.d(t,["t",0,"--p-typescale-xs"])}}]);