https://cdn.ui.porsche.com/porsche-design-system/components/porsch…n-system.input-date.f520164b1fe956fd6643.js

1"use strict";(self.webpackChunkPorscheDesignSystem_4_5_0=self.webpackChunkPorscheDesignSystem_4_5_0||[]).push([["input-date"],{3612(e,t,i){var a=i(6410);i.d(t,["p",0,e=>{if(e)return Object.fromEntries(Object.entries((0,a.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 a=i(6410);i.d(t,["g",0,(e,t)=>(0,a.d)(e,`:scope>[slot="${t}"]`)])},7304(e,t,i){const a="undefined"!=typeof document;i.d(t,["h",0,a])},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 a=i(2732);i.d(t,["h",0,(e,t)=>!!t||(0,a.h)(e,"description")])},2732(e,t,i){var a=i(1714);i.d(t,["h",0,(e,t)=>!!(0,a.g)(e,t)])},4247(e,t,i){const a="--p-duration-md",r="--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(r),moderate:s(a),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",a)=>`${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,r,"m",0,d,"n",0,a,"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 a=i(459),r=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),y=i(2999),v=i(7957),$=i(5849),x=i(6809);const k=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"],w="--ref-p-input-slotted-padding",A="--ref-p-input-slotted-margin",L="--_p-input-base-a";i.d(t,["I",0,({host:e,id:t,label:i,description:a,loading:c,initialLoading:p,required:u,disabled:h,state:m,message:g,readOnly:b,type:f,form:y,placeholder:v,maxLength:$,minLength:x,max:k,min:C,value:w,step:A,spellCheck:L,autoComplete:S,pattern:O,multiple:E,name:I,inputMode:V,onInput:B,onWheel:P,onChange:q,onBlur:F,onKeyDown:j,refElement:D,start:_,end:H,aria:R})=>{const T=(0,r.g)(e),M=(0,n.h)(e,a)?l.d:void 0,K=(0,s.b)(e,g,m)?s.m:void 0,W=(z=R,G={"aria-describedby":(0,o.s)(c&&d.l,K,M),"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,r.u)("div",{class:"root"},(0,r.u)(l.L,{host:e,label:i,description:a,htmlFor:t,isRequired:u,isLoading:c,isDisabled:h}),(0,r.u)("div",{class:"wrapper"},(0,r.u)("slot",{name:"start"}),_,(0,r.u)("input",{...W,id:t,ref:D,name:I,form:y,type:f,required:u,placeholder:v||null,maxlength:$,minlength:x,spellcheck:L,max:k,min:C,step:A,value:w,readonly:b,autocomplete:S,disabled:h,pattern:O,multiple:E,...void 0!==V&&{inputMode:V},onInput:B,onChange:q,onBlur:F,onWheel:P,onKeyDown:j,dir:"auto"}),H,(0,r.u)("slot",{name:"end"}),c&&(0,r.u)(T.pSpinner,{"aria-hidden":"true"})),(0,r.u)(s.S,{state:m,message:g,host:e}),(0,r.u)(d.L,{loading:c,initialLoading:p}))},"a",0,w,"c",0,A,"g",0,(e,t,i,a,o,n,k,C)=>{const S=`calc(${(0,c.r)(L)} * 3.5rem)`,O=`calc(22.4px * (${(0,c.r)(L)} - 0.64285714) + 8px)`,E=`calc(22.4px * (${(0,c.r)(L)} - 0.64285714) + 4px)`,I=`calc(11.2px * (${(0,c.r)(L)} - 0.64285714))`,V=`calc(-1 * ${I}

1)`,{formStateBackgroundColor:B,formStateBorderColor:P,formStateBorderHoverColor:q}=(0,s.c)(a);return{"@global":{":host":{display:"block",[`${L}`]:o?.64285714:1,...(0,c.a)({[`${w}`]:I,[`${A}`]:V,...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)($.t)} / calc(${(0,c.r)(x.l)} + 6px) ${(0,c.r)(x.f)}`,textOverflow:"ellipsis",...k}},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 ${P}`,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)(h.c)},"&:not(:has(input:disabled)):focus-within":{borderColor:q,...(0,c.f)({outline:"2px solid Highlight",outlineOffset:"2px"})},...e&&{...(0,r.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:q}})},...(0,l.g)(e,t,i),...(0,s.a)(a),...(0,d.g)()}},"i",0,(e,t,i)=>{if("Enter"===e.key){const{form:e}=t;if(!e)return;const r=Array.from(e.elements).filter(e=>e!==i);for(const e of r)if(e.matches(":default")||(0,a.i)(e,"p-button")&&"submit"===e.type||(0,a.i)(e,"p-button-pure")&&"submit"===e.type)return void(e.disabled||e.click());r.some(e=>e instanceof HTMLInputElement&&k.has(e.type)||e instanceof HTMLElement&&C.some(t=>(0,a.i)(e,t)))||e.requestSubmit()}}])},2029(e,t,i){var a=i(7304);i.d(t,["h",0,()=>a.h&&"showPicker"in HTMLInputElement.prototype&&CSS.supports("selector(::-webkit-calendar-picker-indicator)")])},459(e,t,i){var a=i(6410);i.d(t,["i",0,(e,t)=>(0,a.c)(e)===t])},7805(e,t,i){var a=i(6410);i.d(t,["i",0,(e,t)=>{const{parentElement:i}=e;return i&&(0,a.c)(i)===t}])},3053(e,t,i){var a=i(6410),r=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,a.u)(a.F,null,(0,o.h)(e,t)&&(0,a.u)("div",{class:"label-wrapper"},(0,a.u)(u,{class:"label",id:"label","aria-disabled":d||c?"true":null,htmlFor:s,onClick:e=>{p&&e.stopPropagation()}},(0,a.u)(a.F,null,t||(0,a.u)("slot",{name:"label"}),l&&!g(e)&&(0,a.u)(o.R,null))),p?(0,a.u)("span",{class:"label-after",onClick:e=>{e.stopPropagation()}},(0,a.u)("slot",{name:"label-after"})):(0,a.u)("slot",{name:"label-after"})),(0,r.h)(e,n)&&(0,a.u)("span",{class:"label",id:b,"aria-disabled":d||c?"true":null},n||(0,a.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,r,n,g)=>{const b=e||t;return{"label-wrapper":{...(0,a.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,a.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"})},...r},...(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 a=i(6410),r=i(4247);const o="loading";i.d(t,["L",0,({loading:e,initialLoading:t})=>(0,a.u)("span",{id:o,class:"loading",role:"status"}

1,e?"Loading":t?"Loading finished":""),"g",0,()=>({loading:(0,r.d)()}),"l",0,o])},753(e,t,i){i.r(t);var a=i(6410),r=i(3392),o=i(3054),n=i(455),s=i(7050),l=i(2029),d=i(4247);i(2732),i(1714),i(459),i(3612),i(202),i(3053),i(7805),i(7953);const c=(e,t,i,r,n,s)=>(0,a.i)({...(0,o.g)(e,t,i,r,n,s,{"&::-webkit-calendar-picker-indicator":{display:"none"}}),button:{padding:(0,d.r)(o.a),margin:(0,d.r)(o.c)}}),p={label:a.A.string,description:a.A.string,name:a.A.string,value:a.A.oneOf([a.A.string,a.A.null]),step:a.A.number,required:a.A.boolean,loading:a.A.boolean,disabled:a.A.boolean,max:a.A.string,min:a.A.string,form:a.A.string,autoComplete:a.A.string,state:a.A.oneOf(r.F),message:a.A.string,hideLabel:a.A.breakpoint("boolean"),readOnly:a.A.boolean,compact:a.A.boolean};i.d(t,["p_input_date",0,class{constructor(e){(0,a.r)(this,e),this.change=(0,a.x)(this,"change",7),this.blur=(0,a.x)(this,"blur",3),this.input=(0,a.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.step=1,this.description="",this.compact=!1,this.value="",this.readOnly=!1,this.disabled=!1,this.required=!1,this.loading=!1,this.state="none",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,s.h)(e,t)}componentDidRender(){(0,n.s)(this.internals,this.inputElement,{disabled:this.disabled,readOnly:this.readOnly,value:this.parsedValue})}render(){(0,a.v)(this,p),(0,a.q)(this.host,c,this.disabled,this.loading,this.hideLabel,this.state,this.compact,this.readOnly);const e=(0,a.g)(this.host);return(0,a.u)(o.I,{key:"61dc37cac5ee8ab581f1220f5de80a44c153070f",host:this.host,label:this.label,description:this.description,id:"input-date",refElement:e=>this.inputElement=e,onInput:this.onInput,onChange:this.onChange,onBlur:this.onBlur,onKeyDown:this.onKeyDown,name:this.name,form:this.form,type:"date",required:this.required,max:this.max,min:this.min,value:this.parsedValue,readOnly:this.readOnly,autoComplete:this.autoComplete,disabled:this.disabled,state:this.state,message:this.message,step:this.step,loading:this.loading,initialLoading:this.initialLoading,...(0,l.h)()&&{end:(0,a.u)(e.pButtonPure,{tabIndex:this.disabled?-1:null,hideLabel:!0,class:"button",type:"button",icon:"calendar",disabled:this.disabled||this.readOnly,onClick:()=>this.inputElement.showPicker()},"Open date picker")}})}static get delegatesFocus(){return!0}static get formAssociated(){return!0}get host(){return(0,a.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 a=i(2732),r=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 y=(e,t,i)=>(t||(0,a.h)(e,"message"))&&["success","error"].includes(i),v="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)},k={success:(0,o.r)(s.c),error:(0,o.r)(n.c),none:(0,o.r)(d.c)},C={success:(0,o.r)(s.c),error:(0,o.r)(n.c),none:(0,o.r)(l.c)},w={success:(0,o.r)(s.c),error:(0,o.r)(n.c),none:void 0},A=e=>

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