https://cdn.ui.porsche.com/porsche-design-system/components/porsch…n-system.input-text.24c411949228bb139029.js

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

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

1,e?"Loading":t?"Loading finished":""),"g",0,()=>({loading:(0,a.d)()}),"l",0,o])},806(e,t,i){i.r(t);var r=i(6410),a=i(3392),o=i(3054),n=i(455),s=i(7050),l=i(4247),d=i(9930);i(2732),i(1714),i(459),i(3612),i(202),i(3053),i(7805),i(7953);const c=(e,t,i,a,n,s,c)=>(0,r.i)({...(0,o.g)(e,t,i,a,n,s),...c&&{counter:(0,d.g)(),"sr-only":(0,l.d)()}}),p={label:r.A.string,description:r.A.string,placeholder:r.A.string,name:r.A.string,value:r.A.oneOf([r.A.string,r.A.number,r.A.null]),spellCheck:r.A.boolean,counter:r.A.boolean,required:r.A.boolean,loading:r.A.boolean,disabled:r.A.boolean,maxLength:r.A.number,minLength:r.A.number,form:r.A.string,autoComplete:r.A.string,state:r.A.oneOf(a.F),message:r.A.string,hideLabel:r.A.breakpoint("boolean"),readOnly:r.A.boolean,compact:r.A.boolean};i.d(t,["p_input_text",0,class{constructor(e){(0,r.r)(this,e),this.change=(0,r.x)(this,"change",7),this.blur=(0,r.x)(this,"blur",3),this.input=(0,r.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.counter=!1,this.initialLoading=!1,this.onKeyDown=e=>{(0,o.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)}}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}componentWillUpdate(){this.loading&&(this.initialLoading=!0)}formResetCallback(){this.value=this.defaultValue}formDisabledCallback(e){this.disabled=e}formStateRestoreCallback(e){this.value=e}componentShouldUpdate(e,t){return(0,s.h)(e,t)}componentDidRender(){(0,n.s)(this.internals,this.inputElement,{disabled:this.disabled,readOnly:this.readOnly,value:this.parsedValue})}render(){return(0,r.v)(this,p),(0,r.q)(this.host,c,this.disabled,this.loading,this.hideLabel,this.state,this.compact,this.readOnly,this.counter),(0,r.u)(o.I,{key:"1ca077eb08b47c8f4f228b87fa159e33f521ee3f",host:this.host,label:this.label,description:this.description,id:"input-text",refElement:e=>this.inputElement=e,onInput:this.onInput,onChange:this.onChange,onBlur:this.onBlur,onKeyDown:this.onKeyDown,name:this.name,form:this.form,type:"text",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,spellCheck:this.spellCheck,loading:this.loading,initialLoading:this.initialLoading,...""!==this.host.inputMode&&{inputMode:this.host.inputMode},...this.counter&&{end:(0,r.u)(r.F,null,(0,r.u)("span",{class:"sr-only","aria-live":"polite"},this.maxLength?`You have ${this.maxLength-this.parsedValue.length} out of ${this.maxLength} characters left`:`${this.parsedValue.length} characters entered`),(0,r.u)("span",{class:"counter","aria-hidden":"true",onClick:()=>this.inputElement.focus()},this.maxLength?`${this.parsedValue.length}/${this.maxLength}`:`${this.parsedValue.length}`))}})}static get delegatesFocus(){return!0}static get formAssociated(){return!0}get host(){return(0,r.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"])},845(e,t,i){i.d(t,["s",0,"--p-spacing-static-md"])},751(e,t,i){i.d(t,["s",0,"--p-spacing-static-sm"])},2999(e,t,i){i.d(t,["s",0,"--p-spacing-static-xs"])},3392(e,t,i){var r=i(2732),a=i(6410),o=i(4247),n=i(271),s=i(3578),l=i(1039),d=i(4151),c=i(5674),p=i(6037),u=i(1042),h=i(4062),m=i(7957),g=i(5849),b=i(6809),f=i(2999);const v=(e,t,i)=>(t||(0,r.h)(e,"message"))&&["success","error"].includes(i),y="message",$={success:(0,o.r)(h.c),error:(0,o.r)(p.c),none:(0,o.r)(u.c)},x={success:(0,o.r)(p.b),error:(0,o.r)(p.a),none:(0,o.r)(c.c)},C={success:(0,o.r)(s.c),error:(0,o.r)(n.c),none:(0,o.r)(d.c)},L={success:(0,o.r)(s.c),error:(0,o.r)(n.c),none:(0,o.r)(l.c)},k={success:(0,o.r)(s.c),error:(0,o.r)(n.c),none:void 0},w=e=>

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