https://cdn.ui.porsche.com/porsche-design-system/components/porsch…gn-system.input-tel.b91e1d1b92d9ab4fdace.js

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

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

1,e?"Loading":t?"Loading finished":""),"g",0,()=>({loading:(0,a.d)()}),"l",0,o])},580(e,t,i){i.r(t);var r=i(2505),a=i(8954),o=i(3015),n=i(455),l=i(7050);i(5697),i(698),i(4247),i(6358),i(6241),i(3954),i(9914),i(6939),i(2259);const s=(e,t,i,a,n,l)=>(0,r.i)((0,o.g)(e,t,i,a,n,l,null,{"&(:dir(rtl)) .wrapper, &(:dir(rtl)) input:placeholder-shown":{direction:"ltr"}})),d={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.null]),required:r.A.boolean,loading:r.A.boolean,disabled:r.A.boolean,pattern:r.A.string,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"),indicator:r.A.boolean,readOnly:r.A.boolean,compact:r.A.boolean};i.d(t,["p_input_tel",0,class{constructor(e){(0,r.r)(this,e),this.change=(0,r.z)(this,"change",7),this.blur=(0,r.z)(this,"blur",3),this.input=(0,r.z)(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.indicator=!1,this.message="",this.hideLabel=!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,l.h)(e,t)}componentDidRender(){(0,n.s)(this.internals,this.inputElement,{disabled:this.disabled,readOnly:this.readOnly,value:this.parsedValue})}render(){(0,r.v)(this,d),(0,r.w)(this.host,s,this.disabled,this.loading,this.hideLabel,this.state,this.compact,this.readOnly);const e=(0,r.a)(this.host);return(0,r.x)(o.I,{key:"492ead4940c6c080353a554cf6e35d5e1c8f32f7",host:this.host,label:this.label,description:this.description,id:"input-tel",refElement:e=>this.inputElement=e,onInput:this.onInput,onChange:this.onChange,onBlur:this.onBlur,onKeyDown:this.onKeyDown,name:this.name,form:this.form,type:"tel",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,pattern:this.pattern,initialLoading:this.initialLoading,...this.indicator&&{start:(0,r.x)(e.pIcon,{"aria-hidden":"true",name:"phone",color:"contrast-low"})}})}static get delegatesFocus(){return!0}static get formAssociated(){return!0}get host(){return(0,r.y)(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"])},8954(e,t,i){var r=i(5697),a=i(2505),o=i(4247),n=i(271),l=i(3578),s=i(1039),d=i(4151),c=i(5674),p=i(5562),h=i(5631),u=i(1042),m=i(4062),g=i(7957),b=i(5849),f=i(6809),y=i(2999);const x=(e,t,i)=>(t||(0,r.h)(e,"message"))&&["success","error"].includes(i),v="message",$={success:(0,o.r)(m.c),error:(0,o.r)(h.c),none:(0,o.r)(u.c)},C={success:(0,o.r)(h.a),error:(0,o.r)(p.c),none:(0,o.r)(c.c)},w={success:(0,o.r)(l.c),error:(0,o.r)(n.c),none:(0,o.r)(d.c)},L={success:(0,o.r)(l.c),error:(0,o.r)(n.c),none:(0,o.r)(s.c)},A={success:(0,o.r)(l.c),error:(0,o.r)(n.c),none:void 0},k=e=>

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