@everymatrix/bonus-elevate-powerups 0.5.1 → 0.5.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/bonus-elevate-powerups/bonus-elevate-powerups_19.entry.js +1 -1
  2. package/dist/cjs/bonus-elevate-powerups_19.cjs.entry.js +33 -12
  3. package/dist/esm/bonus-elevate-powerups_19.entry.js +33 -12
  4. package/package.json +1 -1
package/dist/bonus-elevate-powerups/bonus-elevate-powerups_19.entry.js CHANGED
@@ -6654,7 +6654,7 @@ Ls("vaadin-tabs",ki`
6654
6654
  </div>
6655
6655
 
6656
6656
  <div on-click="_scrollForward" part="forward-button" aria-hidden="true"></div>
6657
- `}static get is(){return"vaadin-tabs"}}fi(vc);const fc=class{constructor(t){r(this,t),this.registrationWidgetLoaded=o(this,"registrationWidgetLoaded",7),this.handleClick=t=>{this.emitOnClick&&(t.stopPropagation(),window.postMessage({type:`registration${this.name}Clicked`},window.location.href))},this.type="text",this.name=void 0,this.displayName=void 0,this.placeholder=void 0,this.action=void 0,this.validation=void 0,this.options=void 0,this.language=void 0,this.autofilled=void 0,this.tooltip=void 0,this.defaultValue=void 0,this.emitValue=void 0,this.isDuplicateInput=void 0,this.hidePasswordComplexity=!1,this.noValidation=!1,this.clientStyling="",this.clientStylingUrl="",this.dateFormat=void 0,this.translationUrl="",this.emitOnClick=!1,this.twofaDestination=void 0,this.twofaResendIntervalSeconds=60,this.twofaStartCountDown=!1,this.haspostalcodelookup=void 0,this.postalcodelength=void 0,this.addresses=[],this.ignoreCountry=!1,this.enableSouthAfricanMode=void 0,this.enableManualDateInput=!1,this.pinAttemptsExceeded=void 0,this.mbSource=void 0,this.enableCustomRegexValidation=!1}handleClientStylingChange(e,i){e!==i&&t(this.stylingContainer,this.clientStyling)}handleClientStylingChangeURL(t,e){t!==e&&this.clientStylingUrl&&i(this.stylingContainer,this.clientStylingUrl)}connectedCallback(){var t;this.translationUrl&&(t=this.translationUrl,new Promise((e=>{fetch(t).then((t=>t.json())).then((t=>{Object.keys(t).forEach((e=>{p[e]=p[e]||{};for(let i in t[e])"string"==typeof t[e][i]&&(p[e]=p[e]||{},p[e][i]=t[e][i])})),e(!0)}))})))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}componentDidLoad(){this.handleClientStyling(),this.registrationWidgetLoaded.emit(),window.postMessage({type:"registrationWidgetLoaded"},window.location.href)}handleClientStyling(){void 0===window.emMessageBus?(this.clientStyling&&t(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&i(this.stylingContainer,this.clientStylingUrl)):this.stylingSubscription=e(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}renderInput(){var t;switch(null===(t=this.type)||void 0===t?void 0:t.toLowerCase()){case"text":return this.haspostalcodelookup&&"PostalCode"===this.name?n("postalcode-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder,postalcodelength:this.postalcodelength,addresses:this.addresses,ignoreCountry:this.ignoreCountry,"mb-source":this.mbSource}):n("text-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,isDuplicateInput:this.isDuplicateInput,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder,haspostalcodelookup:this.haspostalcodelookup,"enable-south-african-mode":this.enableSouthAfricanMode,"mb-source":this.mbSource});case"email":return n("email-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,isDuplicateInput:this.isDuplicateInput,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder,"mb-source":this.mbSource});case"number":return n("number-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder,"mb-source":this.mbSource});case"checkbox":return n("checkbox-input",{name:this.name,displayName:this.displayName,validation:this.validation,emitValue:this.emitValue,defaultValue:this.defaultValue,autofilled:this.autofilled,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,"mb-source":this.mbSource});case"checkboxgroup":return n("checkbox-group-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,options:this.options,"mb-source":this.mbSource});case"togglecheckbox":return n("toggle-checkbox-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,options:this.options,"emit-on-click":this.emitOnClick,"mb-source":this.mbSource});case"datetime":return n("date-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder,dateFormat:this.dateFormat,"emit-on-click":this.emitOnClick,"enable-south-african-mode":this.enableSouthAfricanMode,"enable-manual-date-input":this.enableManualDateInput,"mb-source":this.mbSource});case"password":return n("password-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,isDuplicateInput:this.isDuplicateInput,hidePasswordComplexity:this.hidePasswordComplexity,"no-validation":this.noValidation,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder,"enable-south-african-mode":this.enableSouthAfricanMode,"mb-source":this.mbSource});case"radio":return n("radio-input",{name:this.name,displayName:this.displayName,optionsGroup:this.options,validation:this.validation,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,"mb-source":this.mbSource});case"tel":return n("tel-input",{name:this.name,action:this.action,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,emitValue:this.emitValue,language:this.language,autofilled:this.autofilled,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder,"mb-source":this.mbSource,"enable-custom-regex-validation":this.enableCustomRegexValidation});case"dropdown":return n("select-input",{name:this.name,action:this.action,defaultValue:this.defaultValue,displayName:this.displayName,options:this.options,validation:this.validation,emitValue:this.emitValue,autofilled:this.autofilled,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder,"mb-source":this.mbSource});case"twofa":return n("twofa-input",{name:this.name,displayName:this.displayName,validation:this.validation,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,destination:this.twofaDestination,"resend-interval-seconds":this.twofaResendIntervalSeconds,"start-count-down":this.twofaStartCountDown,"enable-south-african-mode":this.enableSouthAfricanMode,"pin-attempts-exceeded":this.pinAttemptsExceeded,"mb-source":this.mbSource});case"label":if(this.displayName&&""!==this.displayName.trim())return n("div",{class:"general-non-input",innerHTML:this.displayName,ref:t=>this.stylingContainer=t});n("p",null,"No content in label type");default:return n("p",null,"The ",this.type," input type is not valid")}}render(){return n(l,{key:"3d24065bd97aae6602df1223069eec8b49c14d03",class:`general-input--${this.name}`,onClick:this.handleClick},this.renderInput())}get host(){return a(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}}};fc.style=":host{display:block;height:100%}";const gc=class{constructor(t){r(this,t),this.sendValidityState=o(this,"sendValidityState",7),this.sendInputValue=o(this,"sendInputValue",7),this.validationPattern="",this.touched=!1,this.handleInput=t=>{this.value=t.target.value,this.touched=!0,this.debounceTime&&clearTimeout(this.debounceTime),this.debounceTime=setTimeout((()=>{this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.emitValueHandler(!0)}),500)},this.handleBlur=()=>{this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.touched=!0},this.name=void 0,this.displayName=void 0,this.placeholder=void 0,this.validation=void 0,this.defaultValue=void 0,this.autofilled=void 0,this.tooltip=void 0,this.language=void 0,this.emitValue=void 0,this.clientStyling="",this.mbSource=void 0,this.errorMessage=void 0,this.isValid=void 0,this.showTooltip=!1}handleClientStylingChange(e,i){e!==i&&t(this.stylingContainer,this.clientStyling)}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value})}validityStateHandler(t){this.sendValidityState.emit(t)}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value})}valueHandler(t){this.sendInputValue.emit(t)}handleClickOutside(t){const e=t.composedPath();e.includes(this.tooltipIconReference)||e.includes(this.tooltipReference)||(this.showTooltip=!1)}connectedCallback(){this.validationPattern=this.setPattern()}handleClientStyling(){void 0===window.emMessageBus?this.clientStyling&&t(this.stylingContainer,this.clientStyling):this.stylingSubscription=e(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.handleClientStyling(),this.isValid=this.setValidity(),this.defaultValue&&(this.value=this.defaultValue,this.valueHandler({name:this.name,value:this.value}))}setValidity(){return this.inputReference.validity.valid}setPattern(){var t,e;if((null===(t=this.validation.custom)||void 0===t?void 0:t.length)>0)return null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.pattern}setErrorMessage(){var t,e;if(this.inputReference.validity.valueMissing)return b("requiredError",this.language);if(this.inputReference.validity.rangeUnderflow||this.inputReference.validity.rangeOverflow)return b("numberLengthError",this.language,{values:{min:this.validation.min,max:this.validation.max}});if(this.inputReference.validity.patternMismatch){const i=null===(t=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===t?void 0:t.errorKey,s=null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.errorMessage;return b(`${i}`,this.language)?b(`${i}`,this.language):s}}renderTooltip(){return this.showTooltip?n("div",{class:"number__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}render(){let t="";return this.touched&&(t=1==this.isValid||null==this.isValid?"":"text__input--invalid"),n("div",{key:"bd11140dc6c8ddb6b800d4fe6544df733c5157c4",class:`number__wrapper ${this.autofilled?"number__wrapper--autofilled":""} ${this.name}__input`,ref:t=>this.stylingContainer=t},n("div",{key:"c8318c687bc471fc225b9aba52686e38ecb400de",class:"number__wrapper--flex"},n("label",{key:"7eaf64057ef71b07a0defc1e372fd85baab2bd68",class:"number__label "+(this.validation.mandatory?"number__label--required":""),htmlFor:`${this.name}__input`},this.displayName),n("div",{key:"99f4151f50a7fb0abb9a8e53bacc8c8bd303d659",class:"number__wrapper--relative"},this.tooltip&&n("img",{key:"875d6284697dc06ac05c682509856faeade3d8be",class:"number__tooltip-icon",src:y,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),n("input",{key:"f1f563567cde4a744c68e27ab91a3d795f596be6",ref:t=>this.inputReference=t,type:"number",value:this.defaultValue,readOnly:this.autofilled,id:`${this.name}__input`,class:`number__input ${t}`,pattern:this.validationPattern,placeholder:`${this.placeholder}`,required:this.validation.mandatory,max:this.validation.max,min:this.validation.min,onInput:this.handleInput,onBlur:this.handleBlur}),n("small",{key:"0226f04a059fd8763822483de42bd7e647040bf3",class:"number__error-message"},this.errorMessage))}static get watchers(){return{clientStyling:["handleClientStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};gc.style='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.number{font-family:"Roboto";font-style:normal}.number__wrapper{position:relative;width:100%}.number__wrapper--autofilled{pointer-events:none}.number__wrapper--autofilled .number__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.number__wrapper--autofilled .number__input{color:var(--emw--color-black, #000000)}.number__wrapper--flex{display:flex;gap:5px}.number__wrapper--relative{position:relative}.number__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.number__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));margin-left:2px}.number__input{font-family:inherit;border-radius:5px;width:100%;height:44px;border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--color-black, #000000);border-radius:5px;box-sizing:border-box;padding:5px 15px;font-size:16px;line-height:18px;position:relative;-moz-appearance:textfield;}.number__input:focus{outline-color:#3E3E3E}.number__input::-webkit-outer-spin-button,.number__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number__input--invalid{border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.number__input::placeholder{color:#979797}.number__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.number__tooltip-icon{width:16px;height:auto}.number__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.number__tooltip.visible{opacity:1}';const bc=class{constructor(t){r(this,t),this.sendOriginalValidityState=o(this,"sendOriginalValidityState",7),this.sendValidityState=o(this,"sendValidityState",7),this.sendInputValue=o(this,"sendInputValue",7),this.touched=!1,this.originalValid=!1,this.validationPattern="",this.duplicateInputValue=null,this.handleInput=t=>{this.value=t.target.value,this.calculateComplexity(this.value),this.showPopup=!0,this.touched=!0,this.debounceTime&&clearTimeout(this.debounceTime),this.debounceTime=setTimeout((()=>{this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.emitValueHandler(!0)}),500)},this.handleRevealField=t=>{t.stopPropagation(),window.postMessage({type:`registrationShow${this.name}`},window.location.href)},this.handleBlur=t=>{this.value=t.target.value,this.showPopup=!1,this.touched=!0,this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage()},this.handleFocus=()=>{this.showPopup=!0,this.calculateComplexity(this.value)},this.name=void 0,this.displayName=void 0,this.placeholder=void 0,this.defaultValue="",this.autofilled=void 0,this.tooltip=void 0,this.validation=void 0,this.noValidation=!1,this.language=void 0,this.emitValue=void 0,this.isDuplicateInput=void 0,this.hidePasswordComplexity=!1,this.clientStyling="",this.enableSouthAfricanMode=void 0,this.mbSource=void 0,this.isValid=void 0,this.errorMessage=void 0,this.showTooltip=!1,this.passwordComplexity=void 0,this.showPopup=void 0,this.value=""}handleClientStylingChange(e,i){e!==i&&t(this.stylingContainer,this.clientStyling)}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value})}valueChanged(){this.isDuplicateInput||(this.calculateComplexity(this.value),this.sendOriginalValidityState.emit({name:this.name,valid:this.setValidity()}))}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value,type:"duplicate"})}validityStateHandler(t){this.sendValidityState.emit(t)}valueHandler(t){this.sendInputValue.emit(t)}originalValidityChangedHandler(t){this.isDuplicateInput&&(t.detail.valid?(this.originalValid=!0,this.isValid=this.setValidity()):(this.originalValid=!1,this.isValid=!1,""!==this.value&&(this.errorMessage=this.setErrorMessage())))}valueChangedHandler(t){this.isDuplicateInput&&this.name===t.detail.name+"Duplicate"&&(this.duplicateInputValue=t.detail.value,this.touched&&(this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage())),this.name===t.detail.name+"Duplicate"&&this.name.replace("Duplicate","")===t.detail.name&&!0===this.touched&&(this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage())}handleClickOutside(t){const e=t.composedPath();e.includes(this.tooltipIconReference)||e.includes(this.tooltipReference)||(this.showTooltip=!1)}handleClientStyling(){void 0===window.emMessageBus?this.clientStyling&&t(this.stylingContainer,this.clientStyling):this.stylingSubscription=e(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.handleClientStyling(),this.inputReference=this.element.shadowRoot.querySelector("input"),this.passwordButton=this.element.shadowRoot.querySelector("vaadin-password-field-button"),this.passwordButton.tabIndex=-1,this.passwordButton.addEventListener("click",(t=>{this.handleRevealField(t)})),this.defaultValue&&(this.value=this.defaultValue,this.calculateComplexity(this.value),this.valueHandler({name:this.name,value:this.value}),this.isDuplicateInput&&(this.duplicateInputValue=this.defaultValue,this.touched=!0)),this.isValid=this.setValidity()}disconnectedCallback(){this.passwordButton.removeEventListener("click",this.handleRevealField)}calculateComplexity(t){this.passwordComplexity=this.noValidation?[]:this.validation.custom.filter((t=>"regex"===t.rule)).map((e=>{const i=new RegExp(e.pattern);let s=!1;return t&&(s=i.test(t)),{rule:e.displayName,ruleKey:e.errorKey,passed:s}}))}setValidity(){var t,e;return!!this.noValidation||(!this.isDuplicateInput||this.duplicateInputValue===this.value)&&!!(null===(t=this.passwordComplexity)||void 0===t?void 0:t.every((t=>t.passed)))&&(null===(e=this.inputReference)||void 0===e?void 0:e.validity.valid)}setPattern(){var t,e;if((null===(t=this.validation.custom)||void 0===t?void 0:t.length)>0)return null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.pattern}setErrorMessage(){var t,e,i,s,r;if(this.inputReference.validity.tooShort||this.inputReference.validity.tooLong)return b("lengthError",this.language,{values:{minLength:this.validation.minLength,maxLength:this.validation.maxLength}});if(this.inputReference.validity.valueMissing)return b("requiredError",this.language);if(this.isDuplicateInput&&!this.originalValid)return b("invalidOriginalPasswordError",this.language);if(this.inputReference.validity.patternMismatch){const i=null===(t=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===t?void 0:t.errorKey,s=null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.errorMessage;return b(`${i}`,this.language)?b(`${i}`,this.language):s}if(this.isDuplicateInput&&this.duplicateInputValue!==this.value){const t=null===(i=this.validation.custom.find((t=>"duplicate-input"===t.rule)))||void 0===i?void 0:i.errorKey,e=null===(s=this.validation.custom.find((t=>"duplicate-input"===t.rule)))||void 0===s?void 0:s.errorMessage;return b(`${t}`,this.language)?b(`${t}`,this.language):e}return(null===(r=this.passwordComplexity)||void 0===r?void 0:r.every((t=>t.passed)))||this.showPopup?void 0:b("invalidPassword",this.language)}renderTooltip(){return this.showTooltip?n("div",{class:"password__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}renderComplexityPopup(){const t=this.passwordComplexity.length,e=this.passwordComplexity.filter((t=>t.passed)).length/t,i=this.passwordComplexity.every((t=>t.passed));return n("div",{class:"password__complexity "+(this.showPopup?"":"password__complexity--hidden")},n("div",{class:"password__complexity--strength"},n("p",{class:"password__complexity--text"},b("passwordStrength",this.language)," ",n("span",{class:"password__complexity--text-bold"},b(i?"passwordStrengthStrong":"passwordStrengthWeak",this.language))),n("meter",{value:e,min:"0",max:"1"})),n("div",null,this.passwordComplexity.map(((t,e)=>n("div",{key:e},n("input",{class:"password__complexity--checkbox",type:"checkbox",checked:t.passed,disabled:!0}),n("span",null,b(`${t.ruleKey}`,this.language)?b(`${t.ruleKey}`,this.language):t.rule))))))}renderCustomComplexityPopup(){return n("div",{class:"customreg-password__complexity "+(this.showPopup?"":"customreg-password__complexity--hidden")},n("p",{class:"customreg-password__complexity--title"},b("PasswordMustContain",this.language)),n("div",{class:"customreg-password__complexity--rules"},this.passwordComplexity.map(((t,e)=>n("div",{class:"customreg-password__complexity--rule",key:e},n("span",{class:`customreg-password__complexity--icon ${t.passed?m.PASSWORD_COMPLEXITY_PASSED:m.PASSWORD_COMPLEXITY_FAILED}`},t.passed?"✓":"✕"),n("span",null,b(t.ruleKey,this.language)||t.rule))))))}render(){let t="";return this.touched&&(t=1==this.isValid||null==this.isValid?"":"text__input--invalid"),n("div",{key:"18213d251639938165f3e4ad58bdc904fb953fe2",class:`password__wrapper ${this.autofilled?"password__wrapper--autofilled":""} ${this.name}__input`,ref:t=>this.stylingContainer=t},n("div",{key:"092c431b178682d0006cf6ad5c14b0a7e6fb5569",class:"password__wrapper--flex"},n("label",{key:"64c101b7d70305ecf09735234d902a6b33823551",class:"password__label "+(this.validation.mandatory?"password__label--required":""),htmlFor:`${this.name}__input`},this.displayName),n("div",{key:"189929eefa1caf71a1be39f0d663eef914d241d5",class:"password__wrapper--relative"},this.tooltip&&n("img",{key:"95ee0d824b5be14ab4e62fc0b5f1731fe6ca5775",class:"password__tooltip-icon",src:y,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),n("vaadin-password-field",{key:"bf85dde83305233c566b1c50d0286548ba0f48a5",type:"password",id:`${this.name}__input`,class:`password__input ${t}`,name:this.name,readOnly:this.autofilled,value:this.defaultValue,required:this.validation.mandatory,maxlength:this.validation.maxLength,minlength:this.validation.minLength,pattern:this.validationPattern,placeholder:`${this.placeholder}`,onInput:this.handleInput,onBlur:this.handleBlur,onFocus:this.handleFocus}),!this.noValidation&&n("small",{key:"3acbe164ff532bcfcd9e4a237a6f352df0cfdc2d",class:"password__error-message"},this.errorMessage),this.passwordComplexity&&this.showPopup&&!this.hidePasswordComplexity&&!this.isDuplicateInput&&(this.enableSouthAfricanMode?this.renderCustomComplexityPopup():this.renderComplexityPopup()))}get element(){return a(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],isValid:["validityChanged"],value:["valueChanged"],emitValue:["emitValueHandler"]}}};bc.style='*,\n*::before,\n*::after {\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n}\n\n.password {\n font-family: "Roboto";\n font-style: normal;\n}\n.password__wrapper {\n position: relative;\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 5px;\n container-type: inline-size;\n}\n.password__wrapper--autofilled {\n pointer-events: none;\n}\n.password__wrapper--autofilled .password__label {\n color: var(--emw--registration-typography, var(--emw--color-black, #000000));\n}\n.password__wrapper--autofilled .password__input::part(input-field) {\n color: var(--emw--color-black, #000000);\n}\n.password__wrapper--flex {\n display: flex;\n gap: 5px;\n}\n.password__wrapper--relative {\n position: relative;\n}\n.password__label {\n font-family: inherit;\n font-style: normal;\n font-weight: 500;\n font-size: 16px;\n line-height: 20px;\n color: var(--emw--registration-typography, var(--emw--color-black, #000000));\n}\n.password__label--required::after {\n content: "*";\n font-family: inherit;\n color: var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));\n margin-left: 2px;\n}\n.password__input {\n width: inherit;\n border: none;\n}\n.password__input[focused]::part(input-field) {\n border-color: var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));\n}\n.password__input[invalid]::part(input-field) {\n border: 1px solid var(--emw--color-error, var(--emw--color-red, #ed0909));\n}\n.password__input::part(input-field) {\n border-radius: 4px;\n background-color: var(--emw--color-white, #FFFFFF);\n border: 1px solid var(--emw--color-gray-100, #E6E6E6);\n color: var(--emw--color-black, #000000);\n background-color: var(--emw--color-white, #FFFFFF);\n font-family: inherit;\n font-style: normal;\n font-weight: 300;\n font-size: 16px;\n line-height: 1.5;\n position: relative;\n margin-bottom: unset;\n height: 44px;\n padding: 0;\n width: 100%;\n}\n.password__input::part(reveal-button) {\n position: relative;\n right: 10px;\n}\n.password__input::part(reveal-button)::before {\n color: var(--emw--registration-typography, var(--emw--color-black, #000000));\n}\n.password__input > input {\n padding: 5px 15px;\n}\n.password__input > input:placeholder-shown {\n color: var(--emw--color-gray-150, #828282);\n}\n.password__error-message {\n position: absolute;\n top: calc(100% + 5px);\n left: 0;\n color: var(--emw--color-error, var(--emw--color-red, #ed0909));\n}\n.password__complexity {\n height: 150px;\n position: relative;\n padding: 10px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n justify-content: center;\n margin-top: 20px;\n font-weight: 300;\n background: var(--emw--color-white, #FFFFFF);\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px;\n border: 1px solid #B0B0B0;\n box-sizing: content-box;\n /* works only in this order */\n}\n.password__complexity meter {\n border-color: transparent; /* Needed for Safari */\n}\n.password__complexity meter[value="1"]::-moz-meter-bar {\n background-color: var(--emw--color-valid, #48952a);\n}\n.password__complexity meter[value="1"]::-webkit-meter-optimum-value {\n background-color: var(--emw--color-valid, #48952a);\n}\n.password__complexity meter:not([value="1"])::-moz-meter-bar {\n background-color: var(--emw--color-error, #FD2839);\n}\n.password__complexity meter:not([value="1"])::-webkit-meter-optimum-value {\n background-color: var(--emw--color-error, #FD2839);\n}\n.password__complexity--strength {\n display: flex;\n justify-content: space-evenly;\n align-items: center;\n}\n.password__complexity--strength meter::-moz-meter-bar { /* Firefox Pseudo Class */\n background: #B0B0B0;\n}\n.password__complexity--hidden {\n display: none;\n}\n.password__complexity--text-bold {\n font-weight: 500;\n}\n.password__complexity--checkbox {\n margin-right: 5px;\n}\n.password__complexity:after {\n content: "";\n position: absolute;\n width: 25px;\n height: 25px;\n border-top: 1px solid var(--emw--color-gray-150, #828282);\n border-right: 0 solid var(--emw--color-gray-150, #828282);\n border-left: 1px solid var(--emw--color-gray-150, #828282);\n border-bottom: 0 solid var(--emw--color-gray-150, #828282);\n bottom: 92%;\n left: 50%;\n margin-left: -25px;\n transform: rotate(45deg);\n margin-top: -25px;\n background-color: var(--emw--color-white, #FFFFFF);\n}\n@container (max-width: 300px) {\n .password__complexity {\n height: 190px;\n }\n .password__complexity:after {\n width: 14px;\n height: 14px;\n bottom: 96%;\n left: 57%;\n }\n}\n.password__tooltip-icon {\n width: 16px;\n height: auto;\n}\n.password__tooltip {\n position: absolute;\n top: 0;\n left: 20px;\n background-color: var(--emw--color-white, #FFFFFF);\n border: 1px solid var(--emw--color-gray-150, #828282);\n color: #2B2D3F;\n padding: 10px;\n border-radius: 5px;\n opacity: 0;\n transition: opacity 0.3s ease-in-out;\n z-index: 10;\n}\n.password__tooltip.visible {\n opacity: 1;\n}\n\n.customreg-password__complexity {\n background: var(--emw--color-white, #FFFFFF);\n border-radius: 6px;\n padding: 14px;\n}\n\n.customreg-password__complexity--title {\n font-size: var(--emw--font-size-small, 14px);\n color: var(--emw--color-black, #000000);\n margin-bottom: 12px;\n}\n\n.customreg-password__complexity--rules {\n display: flex;\n flex-direction: column;\n gap: 10px;\n font-size: var(--emw--font-size-small-xs, 12px);\n}\n\n.customreg-password__complexity--rule {\n display: flex;\n align-items: center;\n color: var(--emw--color-black, #000000);\n}\n\n.customreg-password__complexity--icon {\n width: 20px;\n height: 20px;\n min-width: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n font-weight: bold;\n border-radius: 50%;\n margin-right: 10px;\n}\n\n.customreg-password__complexity--icon.failed {\n background-color: var(--emw--color-error, #FD2839);\n color: var(--emw--color-white, #FFFFFF);\n}\n\n.customreg-password__complexity--icon.passed {\n background-color: var(--emw--color-lottoball-green, #01af15);\n color: var(--emw--color-white, #FFFFFF);\n}\n\n.customreg-password__complexity::after {\n display: none;\n}';const yc=class{constructor(t){r(this,t),this.sendAddressValue=o(this,"sendAddressValue",7),this.sendValidityState=o(this,"sendValidityState",7),this.sendInputValue=o(this,"sendInputValue",7),this.value="",this.validationPattern="",this.hasManualAddressBeenTriggered=!1,this.touched=!1,this.maxPostalCodeLength="10",this.handleInput=t=>{const e=t.target.value.toUpperCase();this.value=e,this.touched=!0,this.currentPostalCode=e,this.showNoResultsMessage=!1,this.inputReference&&(this.inputReference.value=e),this.value.length<this.postalcodelength&&(this.openAddressDropdown=!1,this.isFetchingAddresses=!1),(""===this.value||this.value.length<1)&&(this.openAddressDropdown=!1,this.isFetchingAddresses=!1),this.debounceTime&&clearTimeout(this.debounceTime),this.debounceTime=setTimeout((()=>{this.value.length>=this.postalcodelength&&(sessionStorage.setItem("currentPostalCode",this.value),this.showNoResultsMessage=!1,this.addresses&&this.addresses.length>0&&(this.openAddressDropdown=!0));const t=this.isValid;this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),t!==this.isValid&&this.validityStateHandler({valid:this.isValid,name:this.name}),this.emitValueHandler(!0)}),300)},this.handleBlur=t=>{this.value=t.target.value,this.touched=!0,this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.validityStateHandler({valid:this.isValid,name:this.name}),this.showNoResultsMessage=!1,this.openAddressDropdown||(this.showNoResultsMessage=!1)},this.handleFocus=()=>{this.currentPostalCode&&this.currentPostalCode.length>=this.postalcodelength&&(this.openAddressDropdown=!0)},this.handlePostalCode=(t,e)=>{t.stopPropagation();const i=`${e.number}`.trim(),s=`${e.street}`.trim(),r=`${e.city}`.trim();this.sendAddressValue.emit({city:r,address1:i,address2:s}),this.value=this.currentPostalCode.toLocaleUpperCase(),this.touched=!0,this.isValid=!0,this.openAddressDropdown=!1,this.showNoResultsMessage=!1,this.isFetchingAddresses=!1,this.valueHandler({name:this.name,value:this.value}),this.validityStateHandler({valid:!0,name:this.name}),this.valueHandler({name:"address1",value:i}),this.valueHandler({name:"City",value:r}),s&&this.valueHandler({name:"address2",value:s}),this.refreshTrigger++},this.enterAddressManually=()=>{const t=window.targetInputRefs;if(!t)return;const e=[{name:"PostalCode",ref:t.PostalCode,minLength:this.postalcodelength},{name:"address1",ref:t.address1},{name:"address2",ref:t.address2},{name:"City",ref:t.City}],i=[{name:"PostalCode",ref:t.PostalCode,minLength:this.postalcodelength},{name:"address1",ref:t.address1},{name:"City",ref:t.City}].find((t=>{var e;const i=(null===(e=t.ref)||void 0===e?void 0:e.value)||"";return t.minLength?0===i.length||i.length<t.minLength:0===i.length})),s=(null==i?void 0:i.ref)||t.address1||t.PostalCode;s.scrollIntoView({behavior:"smooth",block:"center"}),this.hasManualAddressBeenTriggered||(this.hasManualAddressBeenTriggered=!0,e.forEach((t=>{var e;if(t.ref){const i=(null===(e=t.ref.shadowRoot)||void 0===e?void 0:e.querySelector("input"))||t.ref;if(i){i.classList.add("pulse-border");const t=()=>{i.classList.remove("pulse-border"),i.removeEventListener("animationend",t)};i.addEventListener("animationend",t)}}}))),s.focus()},this.handleOutsideClick=t=>{if(!this.openAddressDropdown)return;const e=t.composedPath?t.composedPath():[],i=e.includes(this.inputReference),s=e.includes(this.addressesDropdownRef),r=e.some((t=>{var e;return t instanceof Element&&(null===(e=t.classList)||void 0===e?void 0:e.contains("option"))}));i||s||r||(this.openAddressDropdown=!1,this.showNoResultsMessage=!1)},this.name="PostalCode",this.displayName=void 0,this.placeholder=void 0,this.validation=void 0,this.defaultValue="",this.autofilled=void 0,this.tooltip=void 0,this.language=void 0,this.emitValue=void 0,this.clientStyling="",this.postalcodelength=void 0,this.addresses=void 0,this.ignoreCountry=!1,this.mbSource=void 0,this.isValid=void 0,this.errorMessage="",this.showTooltip=!1,this.selectedCountryCode="",this.currentPostalCode="",this.openAddressDropdown=!1,this.showNoResultsMessage=!1,this.refreshTrigger=0,this.isFetchingAddresses=!1}handleClientStylingChange(e,i){e!==i&&t(this.stylingContainer,this.clientStyling)}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value})}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value}),!0!==t||this.value.length||this.valueHandler({name:this.name,value:this.value})}handleAddresses(t){t&&t.length>0?(this.openAddressDropdown=!0,this.showNoResultsMessage=!1):(this.openAddressDropdown=!1,this.isFetchingAddresses&&this.currentPostalCode.length>=this.postalcodelength&&setTimeout((()=>{this.currentPostalCode.length>=this.postalcodelength&&!this.isFetchingAddresses&&(this.showNoResultsMessage=!0)}),200)),this.isFetchingAddresses=!1}validityStateHandler(t){this.sendValidityState.emit(t)}valueHandler(t){this.sendInputValue.emit(t)}handleClickOutside(t){const e=t.composedPath();e.includes(this.tooltipIconReference)||e.includes(this.tooltipReference)||(this.showTooltip=!1)}handleCountryCodeUpdate(t){const{name:e,value:i}=t.detail;this.selectedCountryCode=i,"CountryCode"===e&&(this.resetPostalCodeField(),this.refreshTrigger++)}handleFetchStarted(){this.showNoResultsMessage=!1,this.isFetchingAddresses=!0,this.openAddressDropdown=!1}connectedCallback(){this.validationPattern=this.setPattern()}componentWillLoad(){this.defaultValue&&(this.value=this.defaultValue)}handleClientStyling(){void 0===window.emMessageBus?this.clientStyling&&t(this.stylingContainer,this.clientStyling):this.stylingSubscription=e(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.handleClientStyling(),this.defaultValue&&this.valueHandler({name:this.name,value:this.value}),this.inputReference&&(window.targetInputRefs=window.targetInputRefs||{},window.targetInputRefs[this.name]=this.inputReference),this.isValid=this.setValidity(),document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this.handleOutsideClick)}setValidity(){if(!this.inputReference)return!1;const t=this.inputReference.validity.valid,e=!this.inputReference.value||null!==this.inputReference.value.match(this.validationPattern);return t&&e}setPattern(){var t,e;if((null===(t=this.validation.custom)||void 0===t?void 0:t.length)>0)return null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.pattern}setErrorMessage(){var t,e;if(!this.touched)return"";if(this.inputReference.validity.valueMissing)return b(v,this.language);if(this.inputReference.validity.tooShort||this.inputReference.validity.tooLong){const{minLength:t,maxLength:e}=this.validation;return t===e?b(g,this.language,{values:{length:t}}):b(f,this.language,{values:{minLength:t,maxLength:e}})}if(null==this.inputReference.value.match(this.validationPattern)){const i=null===(t=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===t?void 0:t.errorKey,s=null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.errorMessage;return b(`${i}`,this.language)||s}return""}resetPostalCodeField(){this.value="",this.currentPostalCode="",this.showNoResultsMessage=!1,this.openAddressDropdown=!1,this.isFetchingAddresses=!1,sessionStorage.removeItem("currentPostalCode"),this.inputReference&&(this.inputReference.value=""),this.valueHandler({name:this.name,value:""}),this.validityStateHandler({valid:!1,name:this.name})}renderTooltip(){return this.showTooltip?n("div",{class:"text__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}determineInputValue(){return this.inputReference&&this.name&&(window.targetInputRefs=window.targetInputRefs||{},window.targetInputRefs[this.name]=this.inputReference),this.value}render(){var t,e;let i="";this.touched&&(i=1==this.isValid||null==this.isValid?"":"text__input--invalid");let s="UK"===this.selectedCountryCode||"GB"===this.selectedCountryCode||this.ignoreCountry,r=(null===(t=this.addresses)||void 0===t?void 0:t.length)>0&&this.openAddressDropdown&&s,o=this.showNoResultsMessage&&this.currentPostalCode&&this.currentPostalCode.length>=this.postalcodelength&&0===(null===(e=this.addresses)||void 0===e?void 0:e.length)&&s,a=this.isFetchingAddresses&&this.currentPostalCode.length>=this.postalcodelength;return n("div",{key:"f0dda39cf9a02d53213848926908c0cb39d1cd3f",class:`text__wrapper ${this.name}__input ${this.autofilled?"text__wrapper--autofilled":""}`,ref:t=>this.stylingContainer=t},n("div",{key:"5e1c51af264392d2be986e305e6526310f55f40b",class:"text__wrapper--flex"},n("label",{key:"c12c45d88bdf42aeb6be505d473ab0f55da2be87",class:"text__label "+(this.validation.mandatory?"text__label--required":""),htmlFor:`${this.name}__input`},this.displayName),n("div",{key:"7b93a75f19590b445227fa1a64c90fd20c0afd5d",class:"text__wrapper--relative"},this.tooltip&&n("img",{key:"504004a13595694307c1e3450b69982150dc55fd",class:"text__tooltip-icon",src:y,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),n("div",{key:"19de66fd72fd0a6befe3bbaebb6c8f99ec5f850b",class:"input__text-wrapper"},n("input",{key:"78cd4229ed5104518b991df0bc6bf527df2ec3e2",name:this.name,id:`${this.name}__input`,value:this.determineInputValue(),type:"text",class:`text__input ${i}`,placeholder:`${this.placeholder}`,ref:t=>this.inputReference=t,readOnly:this.autofilled,required:this.validation.mandatory,minlength:this.validation.minLength,maxlength:this.maxPostalCodeLength,onInput:this.handleInput,onBlur:this.handleBlur,onFocus:this.handleFocus}),!s&&n("p",{key:"6b9e307d59fb9fed93f4df6c07a091d299844c62",class:"address__manual-input-msg",onClick:()=>this.enterAddressManually()},b("enterIEAddressManually",this.language)),r&&n("div",{key:"ecb7892a9a8d967540d8fd013518ae19498fcd48",class:"input__addresses-container",ref:t=>this.addressesDropdownRef=t},n("div",{key:"a5ef3f81a85207a821964e23b21aaf783be807cc",class:"options"},this.addresses.map(((t,e)=>n("div",{key:e,class:"option",onClick:e=>this.handlePostalCode(e,t)},t.number," ",t.street," ",t.city))))),a&&n("div",{key:"338c17e484721efb387e608f3ce4416a0e47b8af",class:"postalcode__loading-spinner"},n("div",{key:"7638cea4fba975e3a27d4cb00bce217129bd0750",class:"loading-spinner"}),n("span",{key:"b59a8a9c3d7ecf209a68717346d1d29062994f79"},b("searchingForAddresses",this.language))),o&&n("div",{key:"212a74fed94b3ee089aed5c9afb544966b5f11cd",class:"postalcode__no-results-message"},b("postalLookUpNoAddressFound",this.language))),n("small",{key:"4f66e97dd811b9917c92ff4bcbf236817ac57933",class:"text__error-message"},this.errorMessage))}static get watchers(){return{clientStyling:["handleClientStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"],addresses:["handleAddresses"]}}};yc.style='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.text{font-family:"Roboto";font-style:normal}.text__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px}.text__wrapper--autofilled{pointer-events:none}.text__wrapper--autofilled .text__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.text__wrapper--autofilled .text__input::part(input-field){color:var(--emw--color-black, #000000)}.text__wrapper--flex{display:flex;gap:5px}.text__wrapper--relative{position:relative}.text__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.text__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));margin-left:2px}.text__input{font-family:inherit;width:100%;height:44px;border:1px solid var(--emw--color-gray-100, #E6E6E6);background-color:var(--emw--color-white, #FFFFFF);color:var(--emw--color-black, #000000);border-radius:5px;font-size:16px;font-weight:300;line-height:1.5;padding:5px 15px}.text__input:focus{border:1px solid var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.text__input--invalid{border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.text__input::placeholder{color:var(--emw--color-gray-150, #828282)}.text__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.text__tooltip-icon{width:16px;height:auto}.text__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.text__tooltip.visible{opacity:1}.input__text-wrapper{position:relative}.input__addresses-container{position:relative;left:0;width:100%;background:var(--emw--color-white);border:1px solid var(--emw--color-gray-100, #E6E6E6);border-radius:8px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);max-height:200px;overflow-y:auto;z-index:999;margin-top:4px}.input__addresses-container .options{padding:4px 0}.input__addresses-container .option{padding:8px 12px;cursor:pointer;border-bottom:1px solid var(--emw--color-gray-100, #E6E6E6);font-size:14px;line-height:1.4;transition:background-color 0.2s ease;color:var(--emw--registration-gray-800, #333)}.input__addresses-container .option:last-child{border-bottom:none}.input__addresses-container .option:hover{background-color:var(--emw--registration-lightgray-100, #f8f9fa)}.input__addresses-container .option:active{background-color:var(--emw--registration-lightgray-200, #e9ecef)}.input__addresses-container::-webkit-scrollbar{width:6px}.input__addresses-container::-webkit-scrollbar-track{background:var(--emw--registration-lightgray-150, #f1f1f1);border-radius:3px}.input__addresses-container::-webkit-scrollbar-thumb{background:var(--emw--registration-lightgray-300, #c1c1c1);border-radius:3px}.input__addresses-container::-webkit-scrollbar-thumb:hover{background:var(--emw--registration-lightgray-400, #a8a8a8)}.postalcode__no-results-message{color:var(--emw--color-error, var(--emw--color-red, #ed0909));margin-top:10px}.address__manual-input-msg{text-decoration:underline;margin-top:10px;cursor:pointer;transition:opacity 0.3s ease}.address__manual-input-msg:active{opacity:0.7}.postalcode__loading-spinner{display:flex;align-items:center;gap:8px;padding:12px;color:var(--emw--registration-gray-600, #666);border:1px solid var(--emw--color-gray-100, #E6E6E6);border-top:none;background-color:var(--emw--registration-lightgray-50, #f9f9f9)}.loading-spinner{width:14px;height:14px;border:2px solid var(--emw--color-gray-100, #E6E6E6);border-top:2px solid var(--emw--registration-gray-600, #666);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.pulse-border{border:1px solid var(--emw--registration-red-600, #cc4c4c);animation:pulse 0.5s ease-in-out 2 forwards}@keyframes pulse{0%{border-color:var(--emw--registration-red-600, #cc4c4c)}50%{border-color:var(--emw--registration-red-400, #e57373)}100%{border-color:var(--emw--color-gray-100, #E6E6E6)}}';const wc=class{constructor(t){r(this,t),this.sendInputValue=o(this,"sendInputValue",7),this.sendValidityState=o(this,"sendValidityState",7),this.name=void 0,this.displayName=void 0,this.optionsGroup=void 0,this.validation=void 0,this.tooltip=void 0,this.language=void 0,this.emitValue=void 0,this.clientStyling="",this.mbSource=void 0,this.errorMessage=void 0,this.isValid=void 0,this.showTooltip=!1}handleClientStylingChange(e,i){e!==i&&t(this.stylingContainer,this.clientStyling)}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value})}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value})}valueHandler(t){this.sendInputValue.emit(t)}validityStateHandler(t){this.sendValidityState.emit(t)}handleClickOutside(t){const e=t.composedPath();e.includes(this.tooltipIconReference)||e.includes(this.tooltipReference)||(this.showTooltip=!1)}handleClientStyling(){void 0===window.emMessageBus?this.clientStyling&&t(this.stylingContainer,this.clientStyling):this.stylingSubscription=e(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.handleClientStyling()}handleClick(t){this.value=t.target.value,this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.emitValueHandler(!0)}setValidity(){return this.inputReference.validity.valid}setErrorMessage(){if(this.inputReference.validity.valueMissing)return b("requiredError",this.language)}renderTooltip(){return this.showTooltip?n("div",{class:"radio__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}render(){return n("fieldset",{key:"7048de0e37c9541af1c9788e8b46c789ca788c31",class:`radio__fieldset ${this.name}__input`,ref:t=>this.stylingContainer=t},n("legend",{key:"403b739c966d510740ca59621c094872b93e2cba",class:"radio__legend"},this.displayName,":"),this.optionsGroup.map((t=>n("div",{class:"radio__wrapper"},n("input",{type:"radio",class:"radio__input",id:`${t.label}__input`,ref:t=>this.inputReference=t,value:t.value,name:this.name,required:this.validation.mandatory,onClick:t=>this.handleClick(t)}),n("label",{htmlFor:`${t.label}__input`},t.label)))),n("small",{key:"46dce1082a6aa9f2a5bdc3e3654c924fcd2a8357",class:"radio__error-message"},this.errorMessage),this.tooltip&&n("img",{key:"dfe155a429485b5c891db2943d9115cdc40e169b",class:"radio__tooltip-icon",src:y,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())}static get watchers(){return{clientStyling:["handleClientStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};wc.style="*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.radio__fieldset{border:none;position:relative}.radio__wrapper{display:flex;gap:5px}.radio__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.radio__tooltip-icon{position:absolute;right:0;bottom:10px}.radio__tooltip{position:absolute;bottom:35px;right:10px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.radio__tooltip.visible{opacity:1}";const _c=class{constructor(t){r(this,t),this.sendValidityState=o(this,"sendValidityState",7),this.sendInputValue=o(this,"sendInputValue",7),this.touched=!1,this.handleComboChange=t=>{this.touched=!0;const e=t.target.value,i=this.options.find((t=>t.value.toLowerCase()===e.toLowerCase()));this.value=i?i.value:e,this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.emitValueHandler(!0)},this.handleBlur=t=>{const e=t.currentTarget;e.opened||(this.touched=!0,this.value=e.value,this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.validityStateHandler({valid:this.isValid,name:this.name}))},this.handleSelectChange=t=>{this.touched=!0,this.value=t.target.value,this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.validityStateHandler({valid:this.isValid,name:this.name}),this.emitValueHandler(!0)},this.name=void 0,this.displayName=void 0,this.placeholder=void 0,this.action=void 0,this.defaultValue="",this.autofilled=void 0,this.tooltip=void 0,this.options=[],this.validation=void 0,this.language=void 0,this.emitValue=void 0,this.clientStyling="",this.mbSource=void 0,this.errorMessage=void 0,this.isValid=void 0,this.showTooltip=!1}handleClientStylingChange(e,i){e!==i&&t(this.stylingContainer,this.clientStyling)}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value})}validityStateHandler(t){this.sendValidityState.emit(t)}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value})}valueHandler(t){this.sendInputValue.emit(t)}handleClickOutside(t){const e=t.composedPath();e.includes(this.tooltipIconReference)||e.includes(this.tooltipReference)||(this.showTooltip=!1)}connectedCallback(){var t;this.displayedOptions=this.options.map((t=>({label:t.label,value:t.value}))),this.isComboBox=(null===(t=this.displayedOptions)||void 0===t?void 0:t.length)>6}componentWillLoad(){if(this.action&&!this.options.length&&"GET"==this.action.split(" ")[0]){const t=this.action.split(" ")[1];return this.getOptions(t).then((t=>{var e;const i=Object.keys(t)[0];this.displayedOptions=t[i].map((t=>({label:t.Name,value:t.Alpha2Code}))),this.isComboBox=(null===(e=this.displayedOptions)||void 0===e?void 0:e.length)>6}))}}handleClientStyling(){void 0===window.emMessageBus?this.clientStyling&&t(this.stylingContainer,this.clientStyling):this.stylingSubscription=e(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.handleClientStyling(),this.inputReference=this.vaadinCombo.querySelector("input"),this.defaultValue&&(this.value=this.defaultValue,this.valueHandler({name:this.name,value:this.value}),this.inputReference&&(this.inputReference.value=this.value)),this.isValid=this.setValidity(),!this.isComboBox&&this.vaadinCombo&&this.vaadinCombo.addEventListener("opened-changed",(t=>{if(!0===t.detail.value)this.errorMessage="";else{const e=t.currentTarget;this.touched=!0,this.value=e.value,this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.validityStateHandler({valid:this.isValid,name:this.name})}}))}getOptions(t){const e=new URL(t);return new Promise(((t,i)=>{fetch(e.href).then((t=>t.json())).then((e=>{t(e)})).catch((t=>{console.error(t),i(t)}))}))}setValidity(){var t;return!(null===(t=this.validation)||void 0===t?void 0:t.mandatory)||!!this.value}setErrorMessage(){var t,e,i;if((null===(e=null===(t=this.inputReference)||void 0===t?void 0:t.validity)||void 0===e?void 0:e.valueMissing)||(null===(i=this.vaadinCombo)||void 0===i?void 0:i.invalid))return b("requiredError",this.language)}renderTooltip(){return this.showTooltip?n("div",{class:"select__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}render(){var t,e;let i="";return this.touched&&(i=1==this.isValid||null==this.isValid?"":"text__input--invalid"),n("div",{key:"eb6c9d7d85546159d44d06a0635f173263edd7d1",class:`select__wrapper ${this.autofilled?"select__wrapper--autofilled":""} ${this.name}__input`,ref:t=>this.stylingContainer=t},n("div",{key:"0fd71c528870966fdb23049b1806a267e9e6ca5c",class:"select__wrapper--flex"},n("label",{key:"44aeb4e50ab2f79df06741ff07ac03131c987447",class:"select__label",htmlFor:`${this.name}__input`},this.displayName,n("span",{key:"796a83aeadd480a571b6bae035a46138d7b10b24",class:this.validation.mandatory?"select__label--required":""})),n("div",{key:"6d7b2d785c6b0bdd05c7444f563b21cedf26ff7c",class:"select__wrapper--relative"},this.tooltip&&n("img",{key:"f33e43a9d42e8b8d1cf136374505eeaedcbede26",class:"select__tooltip-icon",src:y,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),this.isComboBox?n("vaadin-combo-box",{name:this.name,id:`${this.name}__input`,class:`select__input ${i} ${this.autofilled?"select__input--autofilled":""}`,"item-label-path":"label","item-value-path":"value",ref:t=>this.vaadinCombo=t,readOnly:this.autofilled,required:null===(t=this.validation)||void 0===t?void 0:t.mandatory,value:this.value,placeholder:`${this.placeholder}`,items:this.displayedOptions,onChange:this.handleComboChange,onBlur:this.handleBlur}):n("vaadin-select",{name:this.name,popover:!1,id:`${this.name}__input`,class:`select__input ${i} ${this.autofilled?"select__input--autofilled":""}`,"item-label-path":"label","item-value-path":"value",ref:t=>this.vaadinCombo=t,readOnly:this.autofilled,required:null===(e=this.validation)||void 0===e?void 0:e.mandatory,value:this.value,placeholder:`${this.placeholder}`,items:this.displayedOptions,onChange:this.handleSelectChange,"no-vertical-overlap":!0,noVerticalOverlap:!0}),n("small",{key:"261b3c4abc9b360e6b937d851f8bfc810280a8c6",class:"select__error-message"},this.errorMessage))}static get watchers(){return{clientStyling:["handleClientStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};_c.style='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}:host{height:100%;--_invalid-hover-highlight:transparent;--vaadin-input-field-invalid-hover-highlight:transparent}vaadin-combo-box>input{background-color:var(--emw--color-white, #FFFFFF);color:var(--emw--registration-typography, var(--emw--color-black, #000000));font-weight:300;font-size:16px;-webkit-font-smoothing:initial;}.select{font-family:"Roboto";font-style:normal}.select__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px}.select__wrapper--autofilled{pointer-events:none}.select__wrapper--autofilled .select__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.select__wrapper--autofilled .select__input::part(input-field){color:var(--emw--color-black, #000000)}.select__wrapper--flex{display:flex;gap:5px}.select__wrapper--relative{position:relative}.select__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.select__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));margin-left:2px}.select__input{border:none;width:inherit;position:relative}.select__input[focused]:not(.text__input--invalid)::part(input-field){border-color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.select__input[invalid]::part(input-field){border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.select__input vaadin-date-picker-overlay-content>vaadin-button{color:var(--emw--color-black, #000000)}.select__input::part(input-field){border-radius:4px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--color-black, #000000);font-family:inherit;font-style:normal;font-size:16px;font-weight:300;line-height:1.5;padding:5px 15px;height:44px}.select__input::part(toggle-button){position:relative;right:10px}.select__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.select__tooltip-icon{width:16px;height:auto}.select__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.select__tooltip.visible{opacity:1}';const xc=class{constructor(t){r(this,t),this.sendValidityState=o(this,"sendValidityState",7),this.sendInputValue=o(this,"sendInputValue",7),this.validationPattern="",this.touched=!1,this.handleInput=t=>{this.setPhoneValue(t.target.value),this.value={prefix:this.prefixValue,phone:this.phoneValue},this.touched=!0,this.debounceTime&&clearTimeout(this.debounceTime),this.debounceTime=setTimeout((()=>{this.isValid=this.isValidValue(),this.applyCustomError(),this.errorMessage=this.setErrorMessage(),this.emitValueHandler(!0)}),500)},this.handleBlur=()=>{this.touched=!0,this.isValid=this.isValidValue(),this.applyCustomError(),this.errorMessage=this.setErrorMessage()},this.name=void 0,this.displayName=void 0,this.placeholder=void 0,this.showLabels=void 0,this.action=void 0,this.validation=void 0,this.defaultValue=void 0,this.autofilled=void 0,this.tooltip=void 0,this.language=void 0,this.emitValue=void 0,this.clientStyling="",this.mbSource=void 0,this.enableCustomRegexValidation=!1,this.isValid=void 0,this.errorMessage=void 0,this.showTooltip=!1,this.disablePhonePrefix=!1,this.phoneValue="",this.phoneCodesOptions=void 0}setPhoneValue(t){const e=t.replace(/[^0-9]/g,"");this.phoneValue=e,this.inputReference&&(this.inputReference.value=this.phoneValue)}handleClientStylingChange(e,i){e!==i&&t(this.stylingContainer,this.clientStyling)}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value,type:"tel"})}validityStateHandler(t){this.sendValidityState.emit(t)}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value,type:"tel"})}valueHandler(t){this.sendInputValue.emit(t)}handleClickOutside(t){const e=t.composedPath();e.includes(this.tooltipIconReference)||e.includes(this.tooltipReference)||(this.showTooltip=!1)}resetValidationState(){this.lastCustomErrorKey=void 0,this.lastCustomErrorMessage=void 0,this.inputReference.setCustomValidity("")}isMissingValue(t){return this.validation.mandatory&&""===t}isFixedLength(t){const e=this.validation.minLength,i=this.validation.maxLength;return!(!e||!i||e!==i||t.length===e)}isTooShort(t){const e=this.validation.minLength;return!!(e&&t.length<e)}isTooLong(t){const e=this.validation.maxLength;return!!(e&&t.length>e)}failsPattern(t){if(!this.validationPattern)return!1;let e;try{e=new RegExp(this.validationPattern)}catch(t){return console.warn("Invalid validationPattern:",this.validationPattern,t),!1}return!e.test(t)}failsCustomRules(t){const e=(this.validation.custom||[]).filter((t=>"regex"===t.rule&&t.pattern)),[,...i]=e;for(const e of i){let i;try{i=new RegExp(e.pattern)}catch(t){console.warn("Invalid regex pattern:",e.pattern,t);continue}if(!i.test(t))return!0}return!1}connectedCallback(){var t;this.validationPattern=this.setPattern(),this.defaultValue&&(this.prefixValue=this.defaultValue.prefix?this.defaultValue.prefix:this.defaultValue,this.setPhoneValue(null!==(t=this.defaultValue.phone)&&void 0!==t?t:""),this.phoneCodesOptions=[{label:this.prefixValue,value:this.prefixValue}])}componentWillLoad(){if(this.action&&"GET"==this.action.split(" ")[0]){const t=this.action.split(" ")[1];this.getPhoneCodes(t).then((t=>{this.phoneCodesOptions=t.phoneCodes.map((t=>"object"==typeof t&&t.Prefix?{label:t.Prefix,value:t.Prefix}:{label:t,value:t})),this.disablePhonePrefix=this.phoneCodesOptions.length<=1}))}}handleClientStyling(){void 0===window.emMessageBus?this.clientStyling&&t(this.stylingContainer,this.clientStyling):this.stylingSubscription=e(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.handleClientStyling(),this.isValid=this.isValidValue(),this.defaultValue&&(this.value=this.defaultValue,this.valueHandler({name:this.name,value:this.value,type:"tel"}))}getPhoneCodes(t){const e=new URL(t);return new Promise(((t,i)=>{fetch(e.href).then((t=>t.json())).then((e=>{t(e)})).catch((t=>{console.error(t),i(t)}))}))}handlePrefixInput(t){this.prefixValue=t.target.value,this.value={prefix:this.prefixValue,phone:this.phoneValue},this.emitValueHandler(!0)}isValidValue(){var t,e;if(!this.inputReference)return!1;this.resetValidationState();const i=null!==(e=null===(t=this.phoneValue)||void 0===t?void 0:t.trim())&&void 0!==e?e:"",s=""===i;return!(this.isMissingValue(i)||!s&&(this.isFixedLength(i)||this.isTooShort(i)||this.isTooLong(i)||this.failsPattern(i)||this.failsCustomRules(i)))}setPattern(){var t,e;if((null===(t=this.validation.custom)||void 0===t?void 0:t.length)>0)return null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.pattern}setErrorMessage(){var t,e,i,s;if((null===(e=null===(t=this.inputReference)||void 0===t?void 0:t.validity)||void 0===e?void 0:e.customError)||(this.lastCustomErrorKey=void 0,this.lastCustomErrorMessage=void 0),this.inputReference.validity.patternMismatch){const t=null===(i=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===i?void 0:i.errorKey,e=null===(s=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===s?void 0:s.errorMessage;return b(`${t}`,this.language)?b(`${t}`,this.language):e}const{minLength:r,maxLength:o}=this.validation;if(this.inputReference.validity.tooShort||this.inputReference.validity.tooLong||r&&this.phoneValue&&this.phoneValue.length<r||o&&this.phoneValue&&this.phoneValue.length>o)return r===o?b(g,this.language,{values:{length:r}}):b(f,this.language,{values:{minLength:r,maxLength:o}});if(this.inputReference.validity.valueMissing)return b(v,this.language);if(this.inputReference.validity.customError&&(this.lastCustomErrorKey||this.lastCustomErrorMessage)){return(this.lastCustomErrorKey?b(`${this.lastCustomErrorKey}`,this.language):"")||this.lastCustomErrorMessage||""}}applyCustomError(){const t=(this.validation.custom||[]).filter((t=>"regex"===t.rule&&t.pattern)),[,...e]=t;for(const t of e){let e;try{e=new RegExp(t.pattern)}catch(e){console.warn("[applyCustomError] invalid regex pattern:",t.pattern,e);continue}if(!e.test(this.phoneValue))return this.lastCustomErrorKey=t.errorKey,this.lastCustomErrorMessage=t.errorMessage,void this.inputReference.setCustomValidity("customError")}}renderTooltip(){return this.showTooltip?n("div",{class:"tel__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}render(){var t;let e="";return this.touched&&(e=1==this.isValid||null==this.isValid?"":"text__input--invalid"),n("div",{key:"82da44bb2bacec9efb3631e377978d678e766919",class:`tel__wrapper ${this.autofilled?"tel__wrapper--autofilled":""} ${this.name}__input`,ref:t=>this.stylingContainer=t},n("div",{key:"4ca8d6dde2d3f8e15e2d26d593297519e0c94053",class:"tel__wrapper--flex-label"},n("label",{key:"3b0e2736fd47537b2ecd80cf49a146992d59474e",class:"tel__label "+(this.validation.mandatory?"tel__label--required":""),htmlFor:`${this.name}__input`},this.displayName),n("div",{key:"1577aafc7b68128e91cdfe9ddc563bbad9d7b901",class:"tel__wrapper--relative"},this.tooltip&&n("img",{key:"cb6576e1248fc52f937c685d59d994a1d098d7cc",class:"tel__tooltip-icon",src:y,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),n("div",{key:"a1e9f3c68691fbb61947cd41c0ffddcd124b4bbb",class:`tel__wrapper--flex ${e}`},n("vaadin-combo-box",{key:"9aa33a487f019ee7393e29a0ce0d1836a23f5e09",class:"tel__prefix",items:this.phoneCodesOptions,value:this.prefixValue,readOnly:this.disablePhonePrefix,onChange:t=>this.handlePrefixInput(t)}),n("input",{key:"21d69c041b9a5f5f6fb1e6d7b392945cafe99e87",type:"tel",ref:t=>this.inputReference=t,id:`${this.name}__input`,readOnly:this.autofilled,class:"tel__input",value:null!==(t=this.phoneValue)&&void 0!==t?t:"",placeholder:`${this.placeholder}`,required:this.validation.mandatory,minlength:this.validation.minLength,maxlength:this.validation.maxLength,pattern:this.validationPattern,onInput:this.handleInput,onBlur:this.handleBlur})),n("small",{key:"76febe89ad7ee581eb5fc79658d81123da08ccdd",class:"tel__error-message"},this.errorMessage))}static get watchers(){return{clientStyling:["handleClientStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};xc.style='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.tel{font-family:"Roboto";font-style:normal}.tel__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px}.tel__wrapper--autofilled{pointer-events:none}.tel__wrapper--autofilled .tel__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.tel__wrapper--autofilled .tel__input::part(input-field){color:var(--emw--color-black, #000000)}.tel__wrapper--flex{width:inherit;display:flex;align-items:center;border-radius:4px;border:1px solid var(--emw--color-gray-100, #E6E6E6);background-color:var(--emw--color-white, #FFFFFF);overflow:hidden;padding-left:4px}.tel__wrapper--flex:focus-within{border-color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.tel__wrapper--flex-label{display:flex;gap:5px}.tel__wrapper--flex--relative{position:relative}.tel__wrapper .text__input--invalid{border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.tel__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.tel__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));margin-left:2px}.tel__prefix{--vaadin-field-default-width:90px}.tel__prefix[focus]{outline:none}.tel__prefix::part(input-field){height:100%;border-radius:0 5px 5px 0;background-color:var(--emw--color-white, #FFFFFF);color:var(--emw--color-black, #000000);font-family:inherit;font-style:normal;font-weight:300;font-size:16px;line-height:1.5;border:none;border-right:2px solid #DDE0EE;border-image-source:linear-gradient(to bottom, rgba(221, 224, 238, 0) 25%, rgb(221, 224, 238) 25%, rgb(221, 224, 238) 75%, rgba(221, 224, 238, 0) 75%);border-image-slice:1;border-image-repeat:round}.tel__prefix::part(input-field):hover{background-color:var(--emw--color-white, #FFFFFF)}.tel__input{font-family:inherit;border-radius:5px;width:100%;color:var(--emw--registration-typography, var(--emw--color-black, #000000));background-color:var(--emw--color-white, #FFFFFF);border:none;width:inherit;position:relative;font-size:16px;font-weight:300;line-height:1.5;padding:5px 15px;height:42px;-moz-appearance:textfield;}.tel__input:focus{outline:none}.tel__input::-webkit-outer-spin-button,.tel__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tel__input::placeholder{color:var(--emw--color-gray-150, #979797)}.tel__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.tel__tooltip-icon{width:16px;height:auto}.tel__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.tel__tooltip.visible{opacity:1}';const kc=class{constructor(t){r(this,t),this.sendValidityState=o(this,"sendValidityState",7),this.sendInputValue=o(this,"sendInputValue",7),this.value="",this.validationPattern="",this.duplicateInputValue=null,this.postalcodelength=5,this.touched=!1,this.handleInput=t=>{const e=t.target,i=!this.enableSouthAfricanMode||this.name!==m.FIRSTNAME_ON_DOCUMENT&&this.name!==m.LASTNAME_ON_DOCUMENT?e.value:e.value.replace(m.NON_LETTERS_REGEX,"");i!==e.value&&(e.value=i),this.value=i,this.touched=!0,this.debounceTime&&clearTimeout(this.debounceTime),this.debounceTime=setTimeout((()=>{this.updateValidationState(),this.emitValueHandler(!0)}),500)},this.handleBlur=t=>{this.value=t.target.value,this.touched=!0,this.updateValidationState()},this.name=void 0,this.displayName=void 0,this.placeholder=void 0,this.validation=void 0,this.defaultValue="",this.autofilled=void 0,this.tooltip=void 0,this.language=void 0,this.checkValidity=void 0,this.emitValue=void 0,this.isDuplicateInput=void 0,this.clientStyling="",this.haspostalcodelookup=void 0,this.enableSouthAfricanMode=void 0,this.mbSource=void 0,this.isValid=void 0,this.errorMessage="",this.showTooltip=!1,this.selectedCountryCode=""}handleClientStylingChange(e,i){e!==i&&t(this.stylingContainer,this.clientStyling)}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value})}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value})}validityStateHandler(t){this.sendValidityState.emit(t)}valueHandler(t){this.sendInputValue.emit(t)}handleClickOutside(t){const e=t.composedPath();e.includes(this.tooltipIconReference)||e.includes(this.tooltipReference)||(this.showTooltip=!1)}valueChangedHandler(t){this.isDuplicateInput&&this.name===t.detail.name+"Duplicate"&&(this.duplicateInputValue=t.detail.value,this.touched&&this.updateValidationState()),this.name===t.detail.name+"Duplicate"&&this.name.replace("Duplicate","")===t.detail.name&&this.touched&&this.updateValidationState()}handleValidationChange(t){t.detail.field===this.name&&(this.validation=t.detail.validation,this.validationPattern=this.setPattern(),this.touched&&(this.isValid=this.isValidValue(),this.errorMessage=this.setErrorMessage()))}handleCountryCodeUpdate(t){const{name:e,value:i}=t.detail;this.selectedCountryCode=i,"CountryCode"===e&&["address1","address2","City"].includes(this.name)&&(this.value="",this.touched=!1,this.errorMessage="",this.isValid=!1,this.inputReference&&(this.inputReference.value=""),this.valueHandler({name:this.name,value:""}),this.validityStateHandler({valid:!1,name:this.name}))}handleAddressSelection(t){const{city:e,address1:i,address2:s}=t.detail;if(!["address1","address2","City"].includes(this.name))return;let r="";"address1"===this.name?r=i:"address2"===this.name?r=s:"City"===this.name&&(r=e),this.value=r,this.touched=!0,this.updateValidationState()}connectedCallback(){this.validationPattern=this.setPattern()}handleExternalDocUpdate(t){this.name===m.DOCUMENT_NUMBER&&(this.value=t.detail||"",this.touched=!0,this.inputReference&&(this.inputReference.value=this.value),this.sendInputValue.emit({name:this.name,value:this.value}),this.updateValidationState())}handleDocReset(){this.name===m.DOCUMENT_NUMBER&&(this.value="",this.touched=!1,this.isValid=!1,this.errorMessage="",this.inputReference&&(this.inputReference.value=""),this.validityStateHandler({valid:!1,name:this.name}))}componentWillLoad(){this.defaultValue&&(this.value=this.defaultValue)}handleClientStyling(){void 0===window.emMessageBus?this.clientStyling&&t(this.stylingContainer,this.clientStyling):this.stylingSubscription=e(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.handleClientStyling(),this.defaultValue&&(this.value=this.defaultValue,this.valueHandler({name:this.name,value:this.value}),this.isDuplicateInput&&(this.touched=!0)),this.haspostalcodelookup&&["address1","address2","City","PostalCode"].includes(this.name)&&(window.targetInputRefs=window.targetInputRefs||{},window.targetInputRefs[this.name]=this.inputReference),this.isValid=this.isValidValue()}validateDocument(t,e){const i=t.trim();if(e===m.PASSPORT)return m.PASSPORT_NUMERIC_REGEX.test(i)?{valid:!0}:{valid:!1,errorKey:"PassportLengthError"};if(e===m.SOUTH_AFRICAN_ID){if(i.length!==m.SOUTH_AFRICAN_ID_LENGTH)return{valid:!1,errorKey:"SAIdLengthError"};const t=(t=>{if(!m.SA_ID_BASIC_REGEX.test(t))return!1;const e=t.split("").map((t=>parseInt(t,10)));let i=0;for(let t=0;t<12;t+=2)i+=e[t];let s="";for(let t=1;t<12;t+=2)s+=e[t];return(10-(i+(2*parseInt(s,10)).toString().split("").reduce(((t,e)=>t+parseInt(e,10)),0))%10)%10===e[12]})(i);return t?{valid:!0}:{valid:!1,errorKey:"SAIdInvalidError"}}return{valid:!0}}updateValidationState(){const t=this.isValidValue();this.isValid=t,this.errorMessage=this.touched?t?"":this.setErrorMessage():""}isValidValue(){if(!this.inputReference)return!1;if(this.enableSouthAfricanMode&&this.name===m.DOCUMENT_NUMBER){const t=window.documentTypeValue;return this.validateDocument(this.value,t).valid}return""===this.value.trim()&&!this.validation.mandatory||this.inputReference.validity.valid&&(!this.inputReference.value||null!==this.inputReference.value.match(this.validationPattern))}setPattern(){var t,e;if((null===(t=this.validation.custom)||void 0===t?void 0:t.length)>0)return null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.pattern}setErrorMessage(){var t,e,i,s;const r=this.value.trim();if(this.enableSouthAfricanMode&&this.name===m.DOCUMENT_NUMBER){const t=window.documentTypeValue,e=this.validateDocument(this.value,t);return e.valid?"":b(e.errorKey,this.language)}if(""===r&&!this.validation.mandatory)return"";if(this.inputReference.validity.valueMissing)return b(v,this.language);if(this.inputReference.validity.tooShort||this.inputReference.validity.tooLong){const{minLength:t,maxLength:e}=this.validation;return t===e?b(g,this.language,{values:{length:t}}):b(f,this.language,{values:{minLength:t,maxLength:e}})}if(null==this.inputReference.value.match(this.validationPattern)){const i=null===(t=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===t?void 0:t.errorKey,s=null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.errorMessage;return b(`${i}`,this.language)||s}if(this.isDuplicateInput&&this.duplicateInputValue!==this.value){const t=null===(i=this.validation.custom.find((t=>"duplicate-input"===t.rule)))||void 0===i?void 0:i.errorKey,e=null===(s=this.validation.custom.find((t=>"duplicate-input"===t.rule)))||void 0===s?void 0:s.errorMessage;return b(`${t}`,this.language)?b(`${t}`,this.language):e}return""}renderTooltip(){return this.showTooltip?n("div",{class:"text__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}render(){let t="";return this.touched&&(t=1==this.isValid||null==this.isValid?"":"text__input--invalid"),n("div",{key:"f48e592bac049022b283bac917c095772b1508f5",class:`text__wrapper ${this.name}__input ${this.autofilled?"text__wrapper--autofilled":""}`,ref:t=>this.stylingContainer=t},n("div",{key:"fe3626ead38dd18dfa14795ee2332e93f5f09652",class:"text__wrapper--flex"},n("label",{key:"6b2854b460e0ac7d4ae0ebccc06dbe64770581d5",class:"text__label "+(this.validation.mandatory?"text__label--required":""),htmlFor:`${this.name}__input`},this.displayName),n("div",{key:"f29d266973bd700a4270495bc4eb6e8296b6eeaf",class:"text__wrapper--relative"},this.tooltip&&n("img",{key:"68e69abbb78250e763822608e963bc16d702f099",class:"text__tooltip-icon",src:y,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),n("input",{key:"99b8eab15ab32656f86fedd3f36a09a5bbe108d3",name:this.name,id:`${this.name}__input`,value:this.value,type:"text",class:`text__input ${t}`,placeholder:`${this.placeholder}`,ref:t=>this.inputReference=t,readOnly:this.autofilled,required:this.validation.mandatory,minlength:this.enableSouthAfricanMode?"":this.validation.minLength,maxlength:this.enableSouthAfricanMode?"":this.validation.maxLength,onInput:this.handleInput,onBlur:this.handleBlur}),n("small",{key:"cc28c1c19370faa94fa1f738066042dce8d694ce",class:"text__error-message"},this.errorMessage))}static get watchers(){return{clientStyling:["handleClientStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};
6657
+ `}static get is(){return"vaadin-tabs"}}fi(vc);const fc=class{constructor(t){r(this,t),this.registrationWidgetLoaded=o(this,"registrationWidgetLoaded",7),this.handleClick=t=>{this.emitOnClick&&(t.stopPropagation(),window.postMessage({type:`registration${this.name}Clicked`},window.location.href))},this.type="text",this.name=void 0,this.displayName=void 0,this.placeholder=void 0,this.action=void 0,this.validation=void 0,this.options=void 0,this.language=void 0,this.autofilled=void 0,this.tooltip=void 0,this.defaultValue=void 0,this.emitValue=void 0,this.isDuplicateInput=void 0,this.hidePasswordComplexity=!1,this.noValidation=!1,this.clientStyling="",this.clientStylingUrl="",this.dateFormat=void 0,this.translationUrl="",this.emitOnClick=!1,this.twofaDestination=void 0,this.twofaResendIntervalSeconds=60,this.twofaStartCountDown=!1,this.haspostalcodelookup=void 0,this.postalcodelength=void 0,this.addresses=[],this.ignoreCountry=!1,this.enableSouthAfricanMode=void 0,this.enableManualDateInput=!1,this.pinAttemptsExceeded=void 0,this.mbSource=void 0,this.enableCustomRegexValidation=!1}handleClientStylingChange(e,i){e!==i&&t(this.stylingContainer,this.clientStyling)}handleClientStylingChangeURL(t,e){t!==e&&this.clientStylingUrl&&i(this.stylingContainer,this.clientStylingUrl)}connectedCallback(){var t;this.translationUrl&&(t=this.translationUrl,new Promise((e=>{fetch(t).then((t=>t.json())).then((t=>{Object.keys(t).forEach((e=>{p[e]=p[e]||{};for(let i in t[e])"string"==typeof t[e][i]&&(p[e]=p[e]||{},p[e][i]=t[e][i])})),e(!0)}))})))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}componentDidLoad(){this.handleClientStyling(),this.registrationWidgetLoaded.emit(),window.postMessage({type:"registrationWidgetLoaded"},window.location.href)}handleClientStyling(){void 0===window.emMessageBus?(this.clientStyling&&t(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&i(this.stylingContainer,this.clientStylingUrl)):this.stylingSubscription=e(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}renderInput(){var t;switch(null===(t=this.type)||void 0===t?void 0:t.toLowerCase()){case"text":return this.haspostalcodelookup&&"PostalCode"===this.name?n("postalcode-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder,postalcodelength:this.postalcodelength,addresses:this.addresses,ignoreCountry:this.ignoreCountry,"mb-source":this.mbSource}):n("text-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,isDuplicateInput:this.isDuplicateInput,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder,haspostalcodelookup:this.haspostalcodelookup,"enable-south-african-mode":this.enableSouthAfricanMode,"mb-source":this.mbSource});case"email":return n("email-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,isDuplicateInput:this.isDuplicateInput,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder,"mb-source":this.mbSource});case"number":return n("number-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder,"mb-source":this.mbSource});case"checkbox":return n("checkbox-input",{name:this.name,displayName:this.displayName,validation:this.validation,emitValue:this.emitValue,defaultValue:this.defaultValue,autofilled:this.autofilled,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,"mb-source":this.mbSource});case"checkboxgroup":return n("checkbox-group-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,options:this.options,"mb-source":this.mbSource});case"togglecheckbox":return n("toggle-checkbox-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,options:this.options,"emit-on-click":this.emitOnClick,"mb-source":this.mbSource});case"datetime":return n("date-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder,dateFormat:this.dateFormat,"emit-on-click":this.emitOnClick,"enable-south-african-mode":this.enableSouthAfricanMode,"enable-manual-date-input":this.enableManualDateInput,"mb-source":this.mbSource});case"password":return n("password-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,isDuplicateInput:this.isDuplicateInput,hidePasswordComplexity:this.hidePasswordComplexity,"no-validation":this.noValidation,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder,"enable-south-african-mode":this.enableSouthAfricanMode,"mb-source":this.mbSource});case"radio":return n("radio-input",{name:this.name,displayName:this.displayName,optionsGroup:this.options,validation:this.validation,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,"mb-source":this.mbSource});case"tel":return n("tel-input",{name:this.name,action:this.action,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,emitValue:this.emitValue,language:this.language,autofilled:this.autofilled,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder,"mb-source":this.mbSource,"enable-custom-regex-validation":this.enableCustomRegexValidation});case"dropdown":return n("select-input",{name:this.name,action:this.action,defaultValue:this.defaultValue,displayName:this.displayName,options:this.options,validation:this.validation,emitValue:this.emitValue,autofilled:this.autofilled,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder,"mb-source":this.mbSource});case"twofa":return n("twofa-input",{name:this.name,displayName:this.displayName,validation:this.validation,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,destination:this.twofaDestination,"resend-interval-seconds":this.twofaResendIntervalSeconds,"start-count-down":this.twofaStartCountDown,"enable-south-african-mode":this.enableSouthAfricanMode,"pin-attempts-exceeded":this.pinAttemptsExceeded,"mb-source":this.mbSource});case"label":if(this.displayName&&""!==this.displayName.trim())return n("div",{class:"general-non-input",innerHTML:this.displayName,ref:t=>this.stylingContainer=t});n("p",null,"No content in label type");default:return n("p",null,"The ",this.type," input type is not valid")}}render(){return n(l,{key:"3d24065bd97aae6602df1223069eec8b49c14d03",class:`general-input--${this.name}`,onClick:this.handleClick},this.renderInput())}get host(){return a(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}}};fc.style=":host{display:block;height:100%}";const gc=class{constructor(t){r(this,t),this.sendValidityState=o(this,"sendValidityState",7),this.sendInputValue=o(this,"sendInputValue",7),this.validationPattern="",this.touched=!1,this.handleInput=t=>{this.value=t.target.value,this.touched=!0,this.debounceTime&&clearTimeout(this.debounceTime),this.debounceTime=setTimeout((()=>{this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.emitValueHandler(!0)}),500)},this.handleBlur=()=>{this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.touched=!0},this.name=void 0,this.displayName=void 0,this.placeholder=void 0,this.validation=void 0,this.defaultValue=void 0,this.autofilled=void 0,this.tooltip=void 0,this.language=void 0,this.emitValue=void 0,this.clientStyling="",this.mbSource=void 0,this.errorMessage=void 0,this.isValid=void 0,this.showTooltip=!1}handleClientStylingChange(e,i){e!==i&&t(this.stylingContainer,this.clientStyling)}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value})}validityStateHandler(t){this.sendValidityState.emit(t)}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value})}valueHandler(t){this.sendInputValue.emit(t)}handleClickOutside(t){const e=t.composedPath();e.includes(this.tooltipIconReference)||e.includes(this.tooltipReference)||(this.showTooltip=!1)}connectedCallback(){this.validationPattern=this.setPattern()}handleClientStyling(){void 0===window.emMessageBus?this.clientStyling&&t(this.stylingContainer,this.clientStyling):this.stylingSubscription=e(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.handleClientStyling(),this.isValid=this.setValidity(),this.defaultValue&&(this.value=this.defaultValue,this.valueHandler({name:this.name,value:this.value}))}setValidity(){return this.inputReference.validity.valid}setPattern(){var t,e;if((null===(t=this.validation.custom)||void 0===t?void 0:t.length)>0)return null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.pattern}setErrorMessage(){var t,e;if(this.inputReference.validity.valueMissing)return b("requiredError",this.language);if(this.inputReference.validity.rangeUnderflow||this.inputReference.validity.rangeOverflow)return b("numberLengthError",this.language,{values:{min:this.validation.min,max:this.validation.max}});if(this.inputReference.validity.patternMismatch){const i=null===(t=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===t?void 0:t.errorKey,s=null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.errorMessage;return b(`${i}`,this.language)?b(`${i}`,this.language):s}}renderTooltip(){return this.showTooltip?n("div",{class:"number__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}render(){let t="";return this.touched&&(t=1==this.isValid||null==this.isValid?"":"text__input--invalid"),n("div",{key:"bd11140dc6c8ddb6b800d4fe6544df733c5157c4",class:`number__wrapper ${this.autofilled?"number__wrapper--autofilled":""} ${this.name}__input`,ref:t=>this.stylingContainer=t},n("div",{key:"c8318c687bc471fc225b9aba52686e38ecb400de",class:"number__wrapper--flex"},n("label",{key:"7eaf64057ef71b07a0defc1e372fd85baab2bd68",class:"number__label "+(this.validation.mandatory?"number__label--required":""),htmlFor:`${this.name}__input`},this.displayName),n("div",{key:"99f4151f50a7fb0abb9a8e53bacc8c8bd303d659",class:"number__wrapper--relative"},this.tooltip&&n("img",{key:"875d6284697dc06ac05c682509856faeade3d8be",class:"number__tooltip-icon",src:y,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),n("input",{key:"f1f563567cde4a744c68e27ab91a3d795f596be6",ref:t=>this.inputReference=t,type:"number",value:this.defaultValue,readOnly:this.autofilled,id:`${this.name}__input`,class:`number__input ${t}`,pattern:this.validationPattern,placeholder:`${this.placeholder}`,required:this.validation.mandatory,max:this.validation.max,min:this.validation.min,onInput:this.handleInput,onBlur:this.handleBlur}),n("small",{key:"0226f04a059fd8763822483de42bd7e647040bf3",class:"number__error-message"},this.errorMessage))}static get watchers(){return{clientStyling:["handleClientStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};gc.style='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.number{font-family:"Roboto";font-style:normal}.number__wrapper{position:relative;width:100%}.number__wrapper--autofilled{pointer-events:none}.number__wrapper--autofilled .number__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.number__wrapper--autofilled .number__input{color:var(--emw--color-black, #000000)}.number__wrapper--flex{display:flex;gap:5px}.number__wrapper--relative{position:relative}.number__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.number__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));margin-left:2px}.number__input{font-family:inherit;border-radius:5px;width:100%;height:44px;border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--color-black, #000000);border-radius:5px;box-sizing:border-box;padding:5px 15px;font-size:16px;line-height:18px;position:relative;-moz-appearance:textfield;}.number__input:focus{outline-color:#3E3E3E}.number__input::-webkit-outer-spin-button,.number__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number__input--invalid{border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.number__input::placeholder{color:#979797}.number__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.number__tooltip-icon{width:16px;height:auto}.number__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.number__tooltip.visible{opacity:1}';const bc=class{constructor(t){r(this,t),this.sendOriginalValidityState=o(this,"sendOriginalValidityState",7),this.sendValidityState=o(this,"sendValidityState",7),this.sendInputValue=o(this,"sendInputValue",7),this.touched=!1,this.originalValid=!1,this.validationPattern="",this.duplicateInputValue=null,this.handleInput=t=>{this.value=t.target.value,this.calculateComplexity(this.value),this.showPopup=!0,this.touched=!0,this.debounceTime&&clearTimeout(this.debounceTime),this.debounceTime=setTimeout((()=>{this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.emitValueHandler(!0)}),500)},this.handleRevealField=t=>{t.stopPropagation(),window.postMessage({type:`registrationShow${this.name}`},window.location.href)},this.handleBlur=t=>{this.value=t.target.value,this.showPopup=!1,this.touched=!0,this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage()},this.handleFocus=()=>{this.showPopup=!0,this.calculateComplexity(this.value)},this.name=void 0,this.displayName=void 0,this.placeholder=void 0,this.defaultValue="",this.autofilled=void 0,this.tooltip=void 0,this.validation=void 0,this.noValidation=!1,this.language=void 0,this.emitValue=void 0,this.isDuplicateInput=void 0,this.hidePasswordComplexity=!1,this.clientStyling="",this.enableSouthAfricanMode=void 0,this.mbSource=void 0,this.isValid=void 0,this.errorMessage=void 0,this.showTooltip=!1,this.passwordComplexity=void 0,this.showPopup=void 0,this.value=""}handleClientStylingChange(e,i){e!==i&&t(this.stylingContainer,this.clientStyling)}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value})}valueChanged(){this.isDuplicateInput||(this.calculateComplexity(this.value),this.sendOriginalValidityState.emit({name:this.name,valid:this.setValidity()}))}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value,type:"duplicate"})}validityStateHandler(t){this.sendValidityState.emit(t)}valueHandler(t){this.sendInputValue.emit(t)}originalValidityChangedHandler(t){this.isDuplicateInput&&(t.detail.valid?(this.originalValid=!0,this.isValid=this.setValidity()):(this.originalValid=!1,this.isValid=!1,""!==this.value&&(this.errorMessage=this.setErrorMessage())))}valueChangedHandler(t){this.isDuplicateInput&&this.name===t.detail.name+"Duplicate"&&(this.duplicateInputValue=t.detail.value,this.touched&&(this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage())),this.name===t.detail.name+"Duplicate"&&this.name.replace("Duplicate","")===t.detail.name&&!0===this.touched&&(this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage())}handleClickOutside(t){const e=t.composedPath();e.includes(this.tooltipIconReference)||e.includes(this.tooltipReference)||(this.showTooltip=!1)}handleClientStyling(){void 0===window.emMessageBus?this.clientStyling&&t(this.stylingContainer,this.clientStyling):this.stylingSubscription=e(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.handleClientStyling(),this.passwordButton=this.element.shadowRoot.querySelector("vaadin-password-field-button"),this.passwordButton.tabIndex=-1,this.passwordButton.addEventListener("click",(t=>{this.handleRevealField(t)})),this.defaultValue&&(this.value=this.defaultValue,this.calculateComplexity(this.value),this.valueHandler({name:this.name,value:this.value}),this.isDuplicateInput&&(this.duplicateInputValue=this.defaultValue,this.touched=!0)),this.isValid=this.setValidity()}disconnectedCallback(){this.passwordButton.removeEventListener("click",this.handleRevealField)}calculateComplexity(t){this.passwordComplexity=this.noValidation?[]:this.validation.custom.filter((t=>"regex"===t.rule)).map((e=>{const i=new RegExp(e.pattern);let s=!1;return t&&(s=i.test(t)),{rule:e.displayName,ruleKey:e.errorKey,passed:s}}))}getValueValidity(){var t;const e=null!==(t=this.value)&&void 0!==t?t:"",{mandatory:i,minLength:s,maxLength:r}=this.validation;return{valueMissing:!!i&&""===e,tooShort:""!==e&&!!s&&e.length<s,tooLong:""!==e&&!!r&&e.length>r,patternMismatch:""!==e&&!!this.validationPattern&&!new RegExp(`^(?:${this.validationPattern})$`).test(e)}}setValidity(){var t;if(this.noValidation)return!0;if(this.isDuplicateInput&&this.duplicateInputValue!==this.value)return!1;if(null===(t=this.passwordComplexity)||void 0===t?void 0:t.every((t=>t.passed))){const{valueMissing:t,tooShort:e,tooLong:i,patternMismatch:s}=this.getValueValidity();return!(t||e||i||s)}return!1}setPattern(){var t,e;if((null===(t=this.validation.custom)||void 0===t?void 0:t.length)>0)return null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.pattern}setErrorMessage(){var t,e,i,s,r;const{valueMissing:o,tooShort:n,tooLong:a,patternMismatch:l}=this.getValueValidity();if(n||a)return b("lengthError",this.language,{values:{minLength:this.validation.minLength,maxLength:this.validation.maxLength}});if(o)return b("requiredError",this.language);if(this.isDuplicateInput&&!this.originalValid)return b("invalidOriginalPasswordError",this.language);if(l){const i=null===(t=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===t?void 0:t.errorKey,s=null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.errorMessage;return b(`${i}`,this.language)?b(`${i}`,this.language):s}if(this.isDuplicateInput&&this.duplicateInputValue!==this.value){const t=null===(i=this.validation.custom.find((t=>"duplicate-input"===t.rule)))||void 0===i?void 0:i.errorKey,e=null===(s=this.validation.custom.find((t=>"duplicate-input"===t.rule)))||void 0===s?void 0:s.errorMessage;return b(`${t}`,this.language)?b(`${t}`,this.language):e}return(null===(r=this.passwordComplexity)||void 0===r?void 0:r.every((t=>t.passed)))?void 0:b("invalidPassword",this.language)}isComplexityPopupVisible(){return!!this.passwordComplexity&&this.showPopup&&!this.hidePasswordComplexity&&!this.isDuplicateInput}renderTooltip(){return this.showTooltip?n("div",{class:"password__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}renderComplexityPopup(){const t=this.passwordComplexity.length,e=this.passwordComplexity.filter((t=>t.passed)).length/t,i=this.passwordComplexity.every((t=>t.passed));return n("div",{class:"password__complexity "+(this.showPopup?"":"password__complexity--hidden")},n("div",{class:"password__complexity--strength"},n("p",{class:"password__complexity--text"},b("passwordStrength",this.language)," ",n("span",{class:"password__complexity--text-bold"},b(i?"passwordStrengthStrong":"passwordStrengthWeak",this.language))),n("meter",{value:e,min:"0",max:"1"})),n("div",null,this.passwordComplexity.map(((t,e)=>n("div",{key:e},n("input",{class:"password__complexity--checkbox",type:"checkbox",checked:t.passed,disabled:!0}),n("span",null,b(`${t.ruleKey}`,this.language)?b(`${t.ruleKey}`,this.language):t.rule))))))}renderCustomComplexityPopup(){return n("div",{class:"customreg-password__complexity "+(this.showPopup?"":"customreg-password__complexity--hidden")},n("p",{class:"customreg-password__complexity--title"},b("PasswordMustContain",this.language)),n("div",{class:"customreg-password__complexity--rules"},this.passwordComplexity.map(((t,e)=>n("div",{class:"customreg-password__complexity--rule",key:e},n("span",{class:`customreg-password__complexity--icon ${t.passed?m.PASSWORD_COMPLEXITY_PASSED:m.PASSWORD_COMPLEXITY_FAILED}`},t.passed?"✓":"✕"),n("span",null,b(t.ruleKey,this.language)||t.rule))))))}render(){let t="";return this.touched&&(t=1==this.isValid||null==this.isValid?"":"text__input--invalid"),n("div",{key:"b4f26f39d749b45a85e4d3a05419ff74026b9c73",class:`password__wrapper ${this.autofilled?"password__wrapper--autofilled":""} ${this.name}__input`,ref:t=>this.stylingContainer=t},n("div",{key:"25ab8386ec960e36ec411a3142452bb1a7ffbe05",class:"password__wrapper--flex"},n("label",{key:"0ee895de1059e39fbde8723b1606f9f2a0f89d97",class:"password__label "+(this.validation.mandatory?"password__label--required":""),htmlFor:`${this.name}__input`},this.displayName),n("div",{key:"d5d84181edfdfc638c6d35f91c555dd91c97b69a",class:"password__wrapper--relative"},this.tooltip&&n("img",{key:"5a176a28a7efde57506a1db7690d57a86379a527",class:"password__tooltip-icon",src:y,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),n("vaadin-password-field",{key:"70710167fc3a008c555e447e372e735e3c8af497",type:"password",id:`${this.name}__input`,class:`password__input ${t}`,name:this.name,readOnly:this.autofilled,value:this.defaultValue,required:this.validation.mandatory,maxlength:this.validation.maxLength,minlength:this.validation.minLength,pattern:this.validationPattern,placeholder:`${this.placeholder}`,onInput:this.handleInput,onBlur:this.handleBlur,onFocus:this.handleFocus}),!this.noValidation&&!this.isComplexityPopupVisible()&&n("small",{key:"d39c8e2c585e574bc31725e6935254d4bf634d0e",class:"password__error-message"},this.errorMessage),this.isComplexityPopupVisible()&&(this.enableSouthAfricanMode?this.renderCustomComplexityPopup():this.renderComplexityPopup()))}get element(){return a(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],isValid:["validityChanged"],value:["valueChanged"],emitValue:["emitValueHandler"]}}};bc.style='*,\n*::before,\n*::after {\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n}\n\n.password {\n font-family: "Roboto";\n font-style: normal;\n}\n.password__wrapper {\n position: relative;\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 5px;\n container-type: inline-size;\n}\n.password__wrapper--autofilled {\n pointer-events: none;\n}\n.password__wrapper--autofilled .password__label {\n color: var(--emw--registration-typography, var(--emw--color-black, #000000));\n}\n.password__wrapper--autofilled .password__input::part(input-field) {\n color: var(--emw--color-black, #000000);\n}\n.password__wrapper--flex {\n display: flex;\n gap: 5px;\n}\n.password__wrapper--relative {\n position: relative;\n}\n.password__label {\n font-family: inherit;\n font-style: normal;\n font-weight: 500;\n font-size: 16px;\n line-height: 20px;\n color: var(--emw--registration-typography, var(--emw--color-black, #000000));\n}\n.password__label--required::after {\n content: "*";\n font-family: inherit;\n color: var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));\n margin-left: 2px;\n}\n.password__input {\n width: inherit;\n border: none;\n}\n.password__input[focused]::part(input-field) {\n border-color: var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));\n}\n.password__input[invalid]::part(input-field) {\n border: 1px solid var(--emw--color-error, var(--emw--color-red, #ed0909));\n}\n.password__input::part(input-field) {\n border-radius: 4px;\n background-color: var(--emw--color-white, #FFFFFF);\n border: 1px solid var(--emw--color-gray-100, #E6E6E6);\n color: var(--emw--color-black, #000000);\n background-color: var(--emw--color-white, #FFFFFF);\n font-family: inherit;\n font-style: normal;\n font-weight: 300;\n font-size: 16px;\n line-height: 1.5;\n position: relative;\n margin-bottom: unset;\n height: 44px;\n padding: 0;\n width: 100%;\n}\n.password__input::part(reveal-button) {\n position: relative;\n right: 10px;\n}\n.password__input::part(reveal-button)::before {\n color: var(--emw--registration-typography, var(--emw--color-black, #000000));\n}\n.password__input > input {\n padding: 5px 15px;\n}\n.password__input > input:placeholder-shown {\n color: var(--emw--color-gray-150, #828282);\n}\n.password__error-message {\n position: absolute;\n top: calc(100% + 5px);\n left: 0;\n color: var(--emw--color-error, var(--emw--color-red, #ed0909));\n}\n.password__complexity {\n height: 150px;\n position: relative;\n padding: 10px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n justify-content: center;\n margin-top: 20px;\n font-weight: 300;\n background: var(--emw--color-white, #FFFFFF);\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px;\n border: 1px solid #B0B0B0;\n box-sizing: content-box;\n /* works only in this order */\n}\n.password__complexity meter {\n border-color: transparent; /* Needed for Safari */\n}\n.password__complexity meter[value="1"]::-moz-meter-bar {\n background-color: var(--emw--color-valid, #48952a);\n}\n.password__complexity meter[value="1"]::-webkit-meter-optimum-value {\n background-color: var(--emw--color-valid, #48952a);\n}\n.password__complexity meter:not([value="1"])::-moz-meter-bar {\n background-color: var(--emw--color-error, #FD2839);\n}\n.password__complexity meter:not([value="1"])::-webkit-meter-optimum-value {\n background-color: var(--emw--color-error, #FD2839);\n}\n.password__complexity--strength {\n display: flex;\n justify-content: space-evenly;\n align-items: center;\n}\n.password__complexity--strength meter::-moz-meter-bar { /* Firefox Pseudo Class */\n background: #B0B0B0;\n}\n.password__complexity--hidden {\n display: none;\n}\n.password__complexity--text-bold {\n font-weight: 500;\n}\n.password__complexity--checkbox {\n margin-right: 5px;\n}\n.password__complexity:after {\n content: "";\n position: absolute;\n width: 25px;\n height: 25px;\n border-top: 1px solid var(--emw--color-gray-150, #828282);\n border-right: 0 solid var(--emw--color-gray-150, #828282);\n border-left: 1px solid var(--emw--color-gray-150, #828282);\n border-bottom: 0 solid var(--emw--color-gray-150, #828282);\n bottom: 92%;\n left: 50%;\n margin-left: -25px;\n transform: rotate(45deg);\n margin-top: -25px;\n background-color: var(--emw--color-white, #FFFFFF);\n}\n@container (max-width: 300px) {\n .password__complexity {\n height: 190px;\n }\n .password__complexity:after {\n width: 14px;\n height: 14px;\n bottom: 96%;\n left: 57%;\n }\n}\n.password__tooltip-icon {\n width: 16px;\n height: auto;\n}\n.password__tooltip {\n position: absolute;\n top: 0;\n left: 20px;\n background-color: var(--emw--color-white, #FFFFFF);\n border: 1px solid var(--emw--color-gray-150, #828282);\n color: #2B2D3F;\n padding: 10px;\n border-radius: 5px;\n opacity: 0;\n transition: opacity 0.3s ease-in-out;\n z-index: 10;\n}\n.password__tooltip.visible {\n opacity: 1;\n}\n\n.customreg-password__complexity {\n background: var(--emw--color-white, #FFFFFF);\n border-radius: 6px;\n padding: 14px;\n}\n\n.customreg-password__complexity--title {\n font-size: var(--emw--font-size-small, 14px);\n color: var(--emw--color-black, #000000);\n margin-bottom: 12px;\n}\n\n.customreg-password__complexity--rules {\n display: flex;\n flex-direction: column;\n gap: 10px;\n font-size: var(--emw--font-size-small-xs, 12px);\n}\n\n.customreg-password__complexity--rule {\n display: flex;\n align-items: center;\n color: var(--emw--color-black, #000000);\n}\n\n.customreg-password__complexity--icon {\n width: 20px;\n height: 20px;\n min-width: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n font-weight: bold;\n border-radius: 50%;\n margin-right: 10px;\n}\n\n.customreg-password__complexity--icon.failed {\n background-color: var(--emw--color-error, #FD2839);\n color: var(--emw--color-white, #FFFFFF);\n}\n\n.customreg-password__complexity--icon.passed {\n background-color: var(--emw--color-lottoball-green, #01af15);\n color: var(--emw--color-white, #FFFFFF);\n}\n\n.customreg-password__complexity::after {\n display: none;\n}';const yc=class{constructor(t){r(this,t),this.sendAddressValue=o(this,"sendAddressValue",7),this.sendValidityState=o(this,"sendValidityState",7),this.sendInputValue=o(this,"sendInputValue",7),this.value="",this.validationPattern="",this.hasManualAddressBeenTriggered=!1,this.touched=!1,this.maxPostalCodeLength="10",this.handleInput=t=>{const e=t.target.value.toUpperCase();this.value=e,this.touched=!0,this.currentPostalCode=e,this.showNoResultsMessage=!1,this.inputReference&&(this.inputReference.value=e),this.value.length<this.postalcodelength&&(this.openAddressDropdown=!1,this.isFetchingAddresses=!1),(""===this.value||this.value.length<1)&&(this.openAddressDropdown=!1,this.isFetchingAddresses=!1),this.debounceTime&&clearTimeout(this.debounceTime),this.debounceTime=setTimeout((()=>{this.value.length>=this.postalcodelength&&(sessionStorage.setItem("currentPostalCode",this.value),this.showNoResultsMessage=!1,this.addresses&&this.addresses.length>0&&(this.openAddressDropdown=!0));const t=this.isValid;this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),t!==this.isValid&&this.validityStateHandler({valid:this.isValid,name:this.name}),this.emitValueHandler(!0)}),300)},this.handleBlur=t=>{this.value=t.target.value,this.touched=!0,this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.validityStateHandler({valid:this.isValid,name:this.name}),this.showNoResultsMessage=!1,this.openAddressDropdown||(this.showNoResultsMessage=!1)},this.handleFocus=()=>{this.currentPostalCode&&this.currentPostalCode.length>=this.postalcodelength&&(this.openAddressDropdown=!0)},this.handlePostalCode=(t,e)=>{t.stopPropagation();const i=`${e.number}`.trim(),s=`${e.street}`.trim(),r=`${e.city}`.trim();this.sendAddressValue.emit({city:r,address1:i,address2:s}),this.value=this.currentPostalCode.toLocaleUpperCase(),this.touched=!0,this.isValid=!0,this.openAddressDropdown=!1,this.showNoResultsMessage=!1,this.isFetchingAddresses=!1,this.valueHandler({name:this.name,value:this.value}),this.validityStateHandler({valid:!0,name:this.name}),this.valueHandler({name:"address1",value:i}),this.valueHandler({name:"City",value:r}),s&&this.valueHandler({name:"address2",value:s}),this.refreshTrigger++},this.enterAddressManually=()=>{const t=window.targetInputRefs;if(!t)return;const e=[{name:"PostalCode",ref:t.PostalCode,minLength:this.postalcodelength},{name:"address1",ref:t.address1},{name:"address2",ref:t.address2},{name:"City",ref:t.City}],i=[{name:"PostalCode",ref:t.PostalCode,minLength:this.postalcodelength},{name:"address1",ref:t.address1},{name:"City",ref:t.City}].find((t=>{var e;const i=(null===(e=t.ref)||void 0===e?void 0:e.value)||"";return t.minLength?0===i.length||i.length<t.minLength:0===i.length})),s=(null==i?void 0:i.ref)||t.address1||t.PostalCode;s.scrollIntoView({behavior:"smooth",block:"center"}),this.hasManualAddressBeenTriggered||(this.hasManualAddressBeenTriggered=!0,e.forEach((t=>{var e;if(t.ref){const i=(null===(e=t.ref.shadowRoot)||void 0===e?void 0:e.querySelector("input"))||t.ref;if(i){i.classList.add("pulse-border");const t=()=>{i.classList.remove("pulse-border"),i.removeEventListener("animationend",t)};i.addEventListener("animationend",t)}}}))),s.focus()},this.handleOutsideClick=t=>{if(!this.openAddressDropdown)return;const e=t.composedPath?t.composedPath():[],i=e.includes(this.inputReference),s=e.includes(this.addressesDropdownRef),r=e.some((t=>{var e;return t instanceof Element&&(null===(e=t.classList)||void 0===e?void 0:e.contains("option"))}));i||s||r||(this.openAddressDropdown=!1,this.showNoResultsMessage=!1)},this.name="PostalCode",this.displayName=void 0,this.placeholder=void 0,this.validation=void 0,this.defaultValue="",this.autofilled=void 0,this.tooltip=void 0,this.language=void 0,this.emitValue=void 0,this.clientStyling="",this.postalcodelength=void 0,this.addresses=void 0,this.ignoreCountry=!1,this.mbSource=void 0,this.isValid=void 0,this.errorMessage="",this.showTooltip=!1,this.selectedCountryCode="",this.currentPostalCode="",this.openAddressDropdown=!1,this.showNoResultsMessage=!1,this.refreshTrigger=0,this.isFetchingAddresses=!1}handleClientStylingChange(e,i){e!==i&&t(this.stylingContainer,this.clientStyling)}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value})}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value}),!0!==t||this.value.length||this.valueHandler({name:this.name,value:this.value})}handleAddresses(t){t&&t.length>0?(this.openAddressDropdown=!0,this.showNoResultsMessage=!1):(this.openAddressDropdown=!1,this.isFetchingAddresses&&this.currentPostalCode.length>=this.postalcodelength&&setTimeout((()=>{this.currentPostalCode.length>=this.postalcodelength&&!this.isFetchingAddresses&&(this.showNoResultsMessage=!0)}),200)),this.isFetchingAddresses=!1}validityStateHandler(t){this.sendValidityState.emit(t)}valueHandler(t){this.sendInputValue.emit(t)}handleClickOutside(t){const e=t.composedPath();e.includes(this.tooltipIconReference)||e.includes(this.tooltipReference)||(this.showTooltip=!1)}handleCountryCodeUpdate(t){const{name:e,value:i}=t.detail;this.selectedCountryCode=i,"CountryCode"===e&&(this.resetPostalCodeField(),this.refreshTrigger++)}handleFetchStarted(){this.showNoResultsMessage=!1,this.isFetchingAddresses=!0,this.openAddressDropdown=!1}connectedCallback(){this.validationPattern=this.setPattern()}componentWillLoad(){this.defaultValue&&(this.value=this.defaultValue)}handleClientStyling(){void 0===window.emMessageBus?this.clientStyling&&t(this.stylingContainer,this.clientStyling):this.stylingSubscription=e(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.handleClientStyling(),this.defaultValue&&this.valueHandler({name:this.name,value:this.value}),this.inputReference&&(window.targetInputRefs=window.targetInputRefs||{},window.targetInputRefs[this.name]=this.inputReference),this.isValid=this.setValidity(),document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this.handleOutsideClick)}setValidity(){if(!this.inputReference)return!1;const t=this.inputReference.validity.valid,e=!this.inputReference.value||null!==this.inputReference.value.match(this.validationPattern);return t&&e}setPattern(){var t,e;if((null===(t=this.validation.custom)||void 0===t?void 0:t.length)>0)return null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.pattern}setErrorMessage(){var t,e;if(!this.touched)return"";if(this.inputReference.validity.valueMissing)return b(v,this.language);if(this.inputReference.validity.tooShort||this.inputReference.validity.tooLong){const{minLength:t,maxLength:e}=this.validation;return t===e?b(g,this.language,{values:{length:t}}):b(f,this.language,{values:{minLength:t,maxLength:e}})}if(null==this.inputReference.value.match(this.validationPattern)){const i=null===(t=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===t?void 0:t.errorKey,s=null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.errorMessage;return b(`${i}`,this.language)||s}return""}resetPostalCodeField(){this.value="",this.currentPostalCode="",this.showNoResultsMessage=!1,this.openAddressDropdown=!1,this.isFetchingAddresses=!1,sessionStorage.removeItem("currentPostalCode"),this.inputReference&&(this.inputReference.value=""),this.valueHandler({name:this.name,value:""}),this.validityStateHandler({valid:!1,name:this.name})}renderTooltip(){return this.showTooltip?n("div",{class:"text__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}determineInputValue(){return this.inputReference&&this.name&&(window.targetInputRefs=window.targetInputRefs||{},window.targetInputRefs[this.name]=this.inputReference),this.value}render(){var t,e;let i="";this.touched&&(i=1==this.isValid||null==this.isValid?"":"text__input--invalid");let s="UK"===this.selectedCountryCode||"GB"===this.selectedCountryCode||this.ignoreCountry,r=(null===(t=this.addresses)||void 0===t?void 0:t.length)>0&&this.openAddressDropdown&&s,o=this.showNoResultsMessage&&this.currentPostalCode&&this.currentPostalCode.length>=this.postalcodelength&&0===(null===(e=this.addresses)||void 0===e?void 0:e.length)&&s,a=this.isFetchingAddresses&&this.currentPostalCode.length>=this.postalcodelength;return n("div",{key:"f0dda39cf9a02d53213848926908c0cb39d1cd3f",class:`text__wrapper ${this.name}__input ${this.autofilled?"text__wrapper--autofilled":""}`,ref:t=>this.stylingContainer=t},n("div",{key:"5e1c51af264392d2be986e305e6526310f55f40b",class:"text__wrapper--flex"},n("label",{key:"c12c45d88bdf42aeb6be505d473ab0f55da2be87",class:"text__label "+(this.validation.mandatory?"text__label--required":""),htmlFor:`${this.name}__input`},this.displayName),n("div",{key:"7b93a75f19590b445227fa1a64c90fd20c0afd5d",class:"text__wrapper--relative"},this.tooltip&&n("img",{key:"504004a13595694307c1e3450b69982150dc55fd",class:"text__tooltip-icon",src:y,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),n("div",{key:"19de66fd72fd0a6befe3bbaebb6c8f99ec5f850b",class:"input__text-wrapper"},n("input",{key:"78cd4229ed5104518b991df0bc6bf527df2ec3e2",name:this.name,id:`${this.name}__input`,value:this.determineInputValue(),type:"text",class:`text__input ${i}`,placeholder:`${this.placeholder}`,ref:t=>this.inputReference=t,readOnly:this.autofilled,required:this.validation.mandatory,minlength:this.validation.minLength,maxlength:this.maxPostalCodeLength,onInput:this.handleInput,onBlur:this.handleBlur,onFocus:this.handleFocus}),!s&&n("p",{key:"6b9e307d59fb9fed93f4df6c07a091d299844c62",class:"address__manual-input-msg",onClick:()=>this.enterAddressManually()},b("enterIEAddressManually",this.language)),r&&n("div",{key:"ecb7892a9a8d967540d8fd013518ae19498fcd48",class:"input__addresses-container",ref:t=>this.addressesDropdownRef=t},n("div",{key:"a5ef3f81a85207a821964e23b21aaf783be807cc",class:"options"},this.addresses.map(((t,e)=>n("div",{key:e,class:"option",onClick:e=>this.handlePostalCode(e,t)},t.number," ",t.street," ",t.city))))),a&&n("div",{key:"338c17e484721efb387e608f3ce4416a0e47b8af",class:"postalcode__loading-spinner"},n("div",{key:"7638cea4fba975e3a27d4cb00bce217129bd0750",class:"loading-spinner"}),n("span",{key:"b59a8a9c3d7ecf209a68717346d1d29062994f79"},b("searchingForAddresses",this.language))),o&&n("div",{key:"212a74fed94b3ee089aed5c9afb544966b5f11cd",class:"postalcode__no-results-message"},b("postalLookUpNoAddressFound",this.language))),n("small",{key:"4f66e97dd811b9917c92ff4bcbf236817ac57933",class:"text__error-message"},this.errorMessage))}static get watchers(){return{clientStyling:["handleClientStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"],addresses:["handleAddresses"]}}};yc.style='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.text{font-family:"Roboto";font-style:normal}.text__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px}.text__wrapper--autofilled{pointer-events:none}.text__wrapper--autofilled .text__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.text__wrapper--autofilled .text__input::part(input-field){color:var(--emw--color-black, #000000)}.text__wrapper--flex{display:flex;gap:5px}.text__wrapper--relative{position:relative}.text__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.text__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));margin-left:2px}.text__input{font-family:inherit;width:100%;height:44px;border:1px solid var(--emw--color-gray-100, #E6E6E6);background-color:var(--emw--color-white, #FFFFFF);color:var(--emw--color-black, #000000);border-radius:5px;font-size:16px;font-weight:300;line-height:1.5;padding:5px 15px}.text__input:focus{border:1px solid var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.text__input--invalid{border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.text__input::placeholder{color:var(--emw--color-gray-150, #828282)}.text__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.text__tooltip-icon{width:16px;height:auto}.text__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.text__tooltip.visible{opacity:1}.input__text-wrapper{position:relative}.input__addresses-container{position:relative;left:0;width:100%;background:var(--emw--color-white);border:1px solid var(--emw--color-gray-100, #E6E6E6);border-radius:8px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);max-height:200px;overflow-y:auto;z-index:999;margin-top:4px}.input__addresses-container .options{padding:4px 0}.input__addresses-container .option{padding:8px 12px;cursor:pointer;border-bottom:1px solid var(--emw--color-gray-100, #E6E6E6);font-size:14px;line-height:1.4;transition:background-color 0.2s ease;color:var(--emw--registration-gray-800, #333)}.input__addresses-container .option:last-child{border-bottom:none}.input__addresses-container .option:hover{background-color:var(--emw--registration-lightgray-100, #f8f9fa)}.input__addresses-container .option:active{background-color:var(--emw--registration-lightgray-200, #e9ecef)}.input__addresses-container::-webkit-scrollbar{width:6px}.input__addresses-container::-webkit-scrollbar-track{background:var(--emw--registration-lightgray-150, #f1f1f1);border-radius:3px}.input__addresses-container::-webkit-scrollbar-thumb{background:var(--emw--registration-lightgray-300, #c1c1c1);border-radius:3px}.input__addresses-container::-webkit-scrollbar-thumb:hover{background:var(--emw--registration-lightgray-400, #a8a8a8)}.postalcode__no-results-message{color:var(--emw--color-error, var(--emw--color-red, #ed0909));margin-top:10px}.address__manual-input-msg{text-decoration:underline;margin-top:10px;cursor:pointer;transition:opacity 0.3s ease}.address__manual-input-msg:active{opacity:0.7}.postalcode__loading-spinner{display:flex;align-items:center;gap:8px;padding:12px;color:var(--emw--registration-gray-600, #666);border:1px solid var(--emw--color-gray-100, #E6E6E6);border-top:none;background-color:var(--emw--registration-lightgray-50, #f9f9f9)}.loading-spinner{width:14px;height:14px;border:2px solid var(--emw--color-gray-100, #E6E6E6);border-top:2px solid var(--emw--registration-gray-600, #666);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.pulse-border{border:1px solid var(--emw--registration-red-600, #cc4c4c);animation:pulse 0.5s ease-in-out 2 forwards}@keyframes pulse{0%{border-color:var(--emw--registration-red-600, #cc4c4c)}50%{border-color:var(--emw--registration-red-400, #e57373)}100%{border-color:var(--emw--color-gray-100, #E6E6E6)}}';const wc=class{constructor(t){r(this,t),this.sendInputValue=o(this,"sendInputValue",7),this.sendValidityState=o(this,"sendValidityState",7),this.name=void 0,this.displayName=void 0,this.optionsGroup=void 0,this.validation=void 0,this.tooltip=void 0,this.language=void 0,this.emitValue=void 0,this.clientStyling="",this.mbSource=void 0,this.errorMessage=void 0,this.isValid=void 0,this.showTooltip=!1}handleClientStylingChange(e,i){e!==i&&t(this.stylingContainer,this.clientStyling)}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value})}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value})}valueHandler(t){this.sendInputValue.emit(t)}validityStateHandler(t){this.sendValidityState.emit(t)}handleClickOutside(t){const e=t.composedPath();e.includes(this.tooltipIconReference)||e.includes(this.tooltipReference)||(this.showTooltip=!1)}handleClientStyling(){void 0===window.emMessageBus?this.clientStyling&&t(this.stylingContainer,this.clientStyling):this.stylingSubscription=e(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.handleClientStyling()}handleClick(t){this.value=t.target.value,this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.emitValueHandler(!0)}setValidity(){return this.inputReference.validity.valid}setErrorMessage(){if(this.inputReference.validity.valueMissing)return b("requiredError",this.language)}renderTooltip(){return this.showTooltip?n("div",{class:"radio__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}render(){return n("fieldset",{key:"7048de0e37c9541af1c9788e8b46c789ca788c31",class:`radio__fieldset ${this.name}__input`,ref:t=>this.stylingContainer=t},n("legend",{key:"403b739c966d510740ca59621c094872b93e2cba",class:"radio__legend"},this.displayName,":"),this.optionsGroup.map((t=>n("div",{class:"radio__wrapper"},n("input",{type:"radio",class:"radio__input",id:`${t.label}__input`,ref:t=>this.inputReference=t,value:t.value,name:this.name,required:this.validation.mandatory,onClick:t=>this.handleClick(t)}),n("label",{htmlFor:`${t.label}__input`},t.label)))),n("small",{key:"46dce1082a6aa9f2a5bdc3e3654c924fcd2a8357",class:"radio__error-message"},this.errorMessage),this.tooltip&&n("img",{key:"dfe155a429485b5c891db2943d9115cdc40e169b",class:"radio__tooltip-icon",src:y,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())}static get watchers(){return{clientStyling:["handleClientStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};wc.style="*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.radio__fieldset{border:none;position:relative}.radio__wrapper{display:flex;gap:5px}.radio__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.radio__tooltip-icon{position:absolute;right:0;bottom:10px}.radio__tooltip{position:absolute;bottom:35px;right:10px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.radio__tooltip.visible{opacity:1}";const _c=class{constructor(t){r(this,t),this.sendValidityState=o(this,"sendValidityState",7),this.sendInputValue=o(this,"sendInputValue",7),this.touched=!1,this.handleComboChange=t=>{this.touched=!0;const e=t.target.value,i=this.options.find((t=>t.value.toLowerCase()===e.toLowerCase()));this.value=i?i.value:e,this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.emitValueHandler(!0)},this.handleBlur=t=>{const e=t.currentTarget;e.opened||(this.touched=!0,this.value=e.value,this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.validityStateHandler({valid:this.isValid,name:this.name}))},this.handleSelectChange=t=>{this.touched=!0,this.value=t.target.value,this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.validityStateHandler({valid:this.isValid,name:this.name}),this.emitValueHandler(!0)},this.name=void 0,this.displayName=void 0,this.placeholder=void 0,this.action=void 0,this.defaultValue="",this.autofilled=void 0,this.tooltip=void 0,this.options=[],this.validation=void 0,this.language=void 0,this.emitValue=void 0,this.clientStyling="",this.mbSource=void 0,this.errorMessage=void 0,this.isValid=void 0,this.showTooltip=!1}handleClientStylingChange(e,i){e!==i&&t(this.stylingContainer,this.clientStyling)}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value})}validityStateHandler(t){this.sendValidityState.emit(t)}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value})}valueHandler(t){this.sendInputValue.emit(t)}handleClickOutside(t){const e=t.composedPath();e.includes(this.tooltipIconReference)||e.includes(this.tooltipReference)||(this.showTooltip=!1)}connectedCallback(){var t;this.displayedOptions=this.options.map((t=>({label:t.label,value:t.value}))),this.isComboBox=(null===(t=this.displayedOptions)||void 0===t?void 0:t.length)>6}componentWillLoad(){if(this.action&&!this.options.length&&"GET"==this.action.split(" ")[0]){const t=this.action.split(" ")[1];return this.getOptions(t).then((t=>{var e;const i=Object.keys(t)[0];this.displayedOptions=t[i].map((t=>({label:t.Name,value:t.Alpha2Code}))),this.isComboBox=(null===(e=this.displayedOptions)||void 0===e?void 0:e.length)>6}))}}handleClientStyling(){void 0===window.emMessageBus?this.clientStyling&&t(this.stylingContainer,this.clientStyling):this.stylingSubscription=e(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.handleClientStyling(),this.inputReference=this.vaadinCombo.querySelector("input"),this.defaultValue&&(this.value=this.defaultValue,this.valueHandler({name:this.name,value:this.value}),this.inputReference&&(this.inputReference.value=this.value)),this.isValid=this.setValidity(),!this.isComboBox&&this.vaadinCombo&&this.vaadinCombo.addEventListener("opened-changed",(t=>{if(!0===t.detail.value)this.errorMessage="";else{const e=t.currentTarget;this.touched=!0,this.value=e.value,this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.validityStateHandler({valid:this.isValid,name:this.name})}}))}getOptions(t){const e=new URL(t);return new Promise(((t,i)=>{fetch(e.href).then((t=>t.json())).then((e=>{t(e)})).catch((t=>{console.error(t),i(t)}))}))}setValidity(){var t;return!(null===(t=this.validation)||void 0===t?void 0:t.mandatory)||!!this.value}setErrorMessage(){var t,e,i;if((null===(e=null===(t=this.inputReference)||void 0===t?void 0:t.validity)||void 0===e?void 0:e.valueMissing)||(null===(i=this.vaadinCombo)||void 0===i?void 0:i.invalid))return b("requiredError",this.language)}renderTooltip(){return this.showTooltip?n("div",{class:"select__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}render(){var t,e;let i="";return this.touched&&(i=1==this.isValid||null==this.isValid?"":"text__input--invalid"),n("div",{key:"eb6c9d7d85546159d44d06a0635f173263edd7d1",class:`select__wrapper ${this.autofilled?"select__wrapper--autofilled":""} ${this.name}__input`,ref:t=>this.stylingContainer=t},n("div",{key:"0fd71c528870966fdb23049b1806a267e9e6ca5c",class:"select__wrapper--flex"},n("label",{key:"44aeb4e50ab2f79df06741ff07ac03131c987447",class:"select__label",htmlFor:`${this.name}__input`},this.displayName,n("span",{key:"796a83aeadd480a571b6bae035a46138d7b10b24",class:this.validation.mandatory?"select__label--required":""})),n("div",{key:"6d7b2d785c6b0bdd05c7444f563b21cedf26ff7c",class:"select__wrapper--relative"},this.tooltip&&n("img",{key:"f33e43a9d42e8b8d1cf136374505eeaedcbede26",class:"select__tooltip-icon",src:y,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),this.isComboBox?n("vaadin-combo-box",{name:this.name,id:`${this.name}__input`,class:`select__input ${i} ${this.autofilled?"select__input--autofilled":""}`,"item-label-path":"label","item-value-path":"value",ref:t=>this.vaadinCombo=t,readOnly:this.autofilled,required:null===(t=this.validation)||void 0===t?void 0:t.mandatory,value:this.value,placeholder:`${this.placeholder}`,items:this.displayedOptions,onChange:this.handleComboChange,onBlur:this.handleBlur}):n("vaadin-select",{name:this.name,popover:!1,id:`${this.name}__input`,class:`select__input ${i} ${this.autofilled?"select__input--autofilled":""}`,"item-label-path":"label","item-value-path":"value",ref:t=>this.vaadinCombo=t,readOnly:this.autofilled,required:null===(e=this.validation)||void 0===e?void 0:e.mandatory,value:this.value,placeholder:`${this.placeholder}`,items:this.displayedOptions,onChange:this.handleSelectChange,"no-vertical-overlap":!0,noVerticalOverlap:!0}),n("small",{key:"261b3c4abc9b360e6b937d851f8bfc810280a8c6",class:"select__error-message"},this.errorMessage))}static get watchers(){return{clientStyling:["handleClientStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};_c.style='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}:host{height:100%;--_invalid-hover-highlight:transparent;--vaadin-input-field-invalid-hover-highlight:transparent}vaadin-combo-box>input{background-color:var(--emw--color-white, #FFFFFF);color:var(--emw--registration-typography, var(--emw--color-black, #000000));font-weight:300;font-size:16px;-webkit-font-smoothing:initial;}.select{font-family:"Roboto";font-style:normal}.select__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px}.select__wrapper--autofilled{pointer-events:none}.select__wrapper--autofilled .select__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.select__wrapper--autofilled .select__input::part(input-field){color:var(--emw--color-black, #000000)}.select__wrapper--flex{display:flex;gap:5px}.select__wrapper--relative{position:relative}.select__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.select__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));margin-left:2px}.select__input{border:none;width:inherit;position:relative}.select__input[focused]:not(.text__input--invalid)::part(input-field){border-color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.select__input[invalid]::part(input-field){border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.select__input vaadin-date-picker-overlay-content>vaadin-button{color:var(--emw--color-black, #000000)}.select__input::part(input-field){border-radius:4px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--color-black, #000000);font-family:inherit;font-style:normal;font-size:16px;font-weight:300;line-height:1.5;padding:5px 15px;height:44px}.select__input::part(toggle-button){position:relative;right:10px}.select__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.select__tooltip-icon{width:16px;height:auto}.select__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.select__tooltip.visible{opacity:1}';const xc=class{constructor(t){r(this,t),this.sendValidityState=o(this,"sendValidityState",7),this.sendInputValue=o(this,"sendInputValue",7),this.validationPattern="",this.touched=!1,this.handleInput=t=>{this.setPhoneValue(t.target.value),this.value={prefix:this.prefixValue,phone:this.phoneValue},this.touched=!0,this.debounceTime&&clearTimeout(this.debounceTime),this.debounceTime=setTimeout((()=>{this.isValid=this.isValidValue(),this.applyCustomError(),this.errorMessage=this.setErrorMessage(),this.emitValueHandler(!0)}),500)},this.handleBlur=()=>{this.touched=!0,this.isValid=this.isValidValue(),this.applyCustomError(),this.errorMessage=this.setErrorMessage()},this.name=void 0,this.displayName=void 0,this.placeholder=void 0,this.showLabels=void 0,this.action=void 0,this.validation=void 0,this.defaultValue=void 0,this.autofilled=void 0,this.tooltip=void 0,this.language=void 0,this.emitValue=void 0,this.clientStyling="",this.mbSource=void 0,this.enableCustomRegexValidation=!1,this.isValid=void 0,this.errorMessage=void 0,this.showTooltip=!1,this.disablePhonePrefix=!1,this.phoneValue="",this.phoneCodesOptions=void 0}setPhoneValue(t){const e=t.replace(/[^0-9]/g,"");this.phoneValue=e,this.inputReference&&(this.inputReference.value=this.phoneValue)}handleClientStylingChange(e,i){e!==i&&t(this.stylingContainer,this.clientStyling)}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value,type:"tel"})}validityStateHandler(t){this.sendValidityState.emit(t)}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value,type:"tel"})}valueHandler(t){this.sendInputValue.emit(t)}handleClickOutside(t){const e=t.composedPath();e.includes(this.tooltipIconReference)||e.includes(this.tooltipReference)||(this.showTooltip=!1)}resetValidationState(){this.lastCustomErrorKey=void 0,this.lastCustomErrorMessage=void 0,this.inputReference.setCustomValidity("")}isMissingValue(t){return this.validation.mandatory&&""===t}isFixedLength(t){const e=this.validation.minLength,i=this.validation.maxLength;return!(!e||!i||e!==i||t.length===e)}isTooShort(t){const e=this.validation.minLength;return!!(e&&t.length<e)}isTooLong(t){const e=this.validation.maxLength;return!!(e&&t.length>e)}failsPattern(t){if(!this.validationPattern)return!1;let e;try{e=new RegExp(this.validationPattern)}catch(t){return console.warn("Invalid validationPattern:",this.validationPattern,t),!1}return!e.test(t)}failsCustomRules(t){const e=(this.validation.custom||[]).filter((t=>"regex"===t.rule&&t.pattern)),[,...i]=e;for(const e of i){let i;try{i=new RegExp(e.pattern)}catch(t){console.warn("Invalid regex pattern:",e.pattern,t);continue}if(!i.test(t))return!0}return!1}connectedCallback(){var t;this.validationPattern=this.setPattern(),this.defaultValue&&(this.prefixValue=this.defaultValue.prefix?this.defaultValue.prefix:this.defaultValue,this.setPhoneValue(null!==(t=this.defaultValue.phone)&&void 0!==t?t:""),this.phoneCodesOptions=[{label:this.prefixValue,value:this.prefixValue}])}componentWillLoad(){if(this.action&&"GET"==this.action.split(" ")[0]){const t=this.action.split(" ")[1];this.getPhoneCodes(t).then((t=>{this.phoneCodesOptions=t.phoneCodes.map((t=>"object"==typeof t&&t.Prefix?{label:t.Prefix,value:t.Prefix}:{label:t,value:t})),this.disablePhonePrefix=this.phoneCodesOptions.length<=1}))}}handleClientStyling(){void 0===window.emMessageBus?this.clientStyling&&t(this.stylingContainer,this.clientStyling):this.stylingSubscription=e(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.handleClientStyling(),this.isValid=this.isValidValue(),this.defaultValue&&(this.value=this.defaultValue,this.valueHandler({name:this.name,value:this.value,type:"tel"}))}getPhoneCodes(t){const e=new URL(t);return new Promise(((t,i)=>{fetch(e.href).then((t=>t.json())).then((e=>{t(e)})).catch((t=>{console.error(t),i(t)}))}))}handlePrefixInput(t){this.prefixValue=t.target.value,this.value={prefix:this.prefixValue,phone:this.phoneValue},this.emitValueHandler(!0)}isValidValue(){var t,e;if(!this.inputReference)return!1;this.resetValidationState();const i=null!==(e=null===(t=this.phoneValue)||void 0===t?void 0:t.trim())&&void 0!==e?e:"",s=""===i;return!(this.isMissingValue(i)||!s&&(this.isFixedLength(i)||this.isTooShort(i)||this.isTooLong(i)||this.failsPattern(i)||this.failsCustomRules(i)))}setPattern(){var t,e;if((null===(t=this.validation.custom)||void 0===t?void 0:t.length)>0)return null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.pattern}setErrorMessage(){var t,e,i,s;if((null===(e=null===(t=this.inputReference)||void 0===t?void 0:t.validity)||void 0===e?void 0:e.customError)||(this.lastCustomErrorKey=void 0,this.lastCustomErrorMessage=void 0),this.inputReference.validity.patternMismatch){const t=null===(i=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===i?void 0:i.errorKey,e=null===(s=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===s?void 0:s.errorMessage;return b(`${t}`,this.language)?b(`${t}`,this.language):e}const{minLength:r,maxLength:o}=this.validation;if(this.inputReference.validity.tooShort||this.inputReference.validity.tooLong||r&&this.phoneValue&&this.phoneValue.length<r||o&&this.phoneValue&&this.phoneValue.length>o)return r===o?b(g,this.language,{values:{length:r}}):b(f,this.language,{values:{minLength:r,maxLength:o}});if(this.inputReference.validity.valueMissing)return b(v,this.language);if(this.inputReference.validity.customError&&(this.lastCustomErrorKey||this.lastCustomErrorMessage)){return(this.lastCustomErrorKey?b(`${this.lastCustomErrorKey}`,this.language):"")||this.lastCustomErrorMessage||""}}applyCustomError(){const t=(this.validation.custom||[]).filter((t=>"regex"===t.rule&&t.pattern)),[,...e]=t;for(const t of e){let e;try{e=new RegExp(t.pattern)}catch(e){console.warn("[applyCustomError] invalid regex pattern:",t.pattern,e);continue}if(!e.test(this.phoneValue))return this.lastCustomErrorKey=t.errorKey,this.lastCustomErrorMessage=t.errorMessage,void this.inputReference.setCustomValidity("customError")}}renderTooltip(){return this.showTooltip?n("div",{class:"tel__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}render(){var t;let e="";return this.touched&&(e=1==this.isValid||null==this.isValid?"":"text__input--invalid"),n("div",{key:"82da44bb2bacec9efb3631e377978d678e766919",class:`tel__wrapper ${this.autofilled?"tel__wrapper--autofilled":""} ${this.name}__input`,ref:t=>this.stylingContainer=t},n("div",{key:"4ca8d6dde2d3f8e15e2d26d593297519e0c94053",class:"tel__wrapper--flex-label"},n("label",{key:"3b0e2736fd47537b2ecd80cf49a146992d59474e",class:"tel__label "+(this.validation.mandatory?"tel__label--required":""),htmlFor:`${this.name}__input`},this.displayName),n("div",{key:"1577aafc7b68128e91cdfe9ddc563bbad9d7b901",class:"tel__wrapper--relative"},this.tooltip&&n("img",{key:"cb6576e1248fc52f937c685d59d994a1d098d7cc",class:"tel__tooltip-icon",src:y,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),n("div",{key:"a1e9f3c68691fbb61947cd41c0ffddcd124b4bbb",class:`tel__wrapper--flex ${e}`},n("vaadin-combo-box",{key:"9aa33a487f019ee7393e29a0ce0d1836a23f5e09",class:"tel__prefix",items:this.phoneCodesOptions,value:this.prefixValue,readOnly:this.disablePhonePrefix,onChange:t=>this.handlePrefixInput(t)}),n("input",{key:"21d69c041b9a5f5f6fb1e6d7b392945cafe99e87",type:"tel",ref:t=>this.inputReference=t,id:`${this.name}__input`,readOnly:this.autofilled,class:"tel__input",value:null!==(t=this.phoneValue)&&void 0!==t?t:"",placeholder:`${this.placeholder}`,required:this.validation.mandatory,minlength:this.validation.minLength,maxlength:this.validation.maxLength,pattern:this.validationPattern,onInput:this.handleInput,onBlur:this.handleBlur})),n("small",{key:"76febe89ad7ee581eb5fc79658d81123da08ccdd",class:"tel__error-message"},this.errorMessage))}static get watchers(){return{clientStyling:["handleClientStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};xc.style='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.tel{font-family:"Roboto";font-style:normal}.tel__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px}.tel__wrapper--autofilled{pointer-events:none}.tel__wrapper--autofilled .tel__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.tel__wrapper--autofilled .tel__input::part(input-field){color:var(--emw--color-black, #000000)}.tel__wrapper--flex{width:inherit;display:flex;align-items:center;border-radius:4px;border:1px solid var(--emw--color-gray-100, #E6E6E6);background-color:var(--emw--color-white, #FFFFFF);overflow:hidden;padding-left:4px}.tel__wrapper--flex:focus-within{border-color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.tel__wrapper--flex-label{display:flex;gap:5px}.tel__wrapper--flex--relative{position:relative}.tel__wrapper .text__input--invalid{border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.tel__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.tel__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));margin-left:2px}.tel__prefix{--vaadin-field-default-width:90px}.tel__prefix[focus]{outline:none}.tel__prefix::part(input-field){height:100%;border-radius:0 5px 5px 0;background-color:var(--emw--color-white, #FFFFFF);color:var(--emw--color-black, #000000);font-family:inherit;font-style:normal;font-weight:300;font-size:16px;line-height:1.5;border:none;border-right:2px solid #DDE0EE;border-image-source:linear-gradient(to bottom, rgba(221, 224, 238, 0) 25%, rgb(221, 224, 238) 25%, rgb(221, 224, 238) 75%, rgba(221, 224, 238, 0) 75%);border-image-slice:1;border-image-repeat:round}.tel__prefix::part(input-field):hover{background-color:var(--emw--color-white, #FFFFFF)}.tel__input{font-family:inherit;border-radius:5px;width:100%;color:var(--emw--registration-typography, var(--emw--color-black, #000000));background-color:var(--emw--color-white, #FFFFFF);border:none;width:inherit;position:relative;font-size:16px;font-weight:300;line-height:1.5;padding:5px 15px;height:42px;-moz-appearance:textfield;}.tel__input:focus{outline:none}.tel__input::-webkit-outer-spin-button,.tel__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tel__input::placeholder{color:var(--emw--color-gray-150, #979797)}.tel__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.tel__tooltip-icon{width:16px;height:auto}.tel__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.tel__tooltip.visible{opacity:1}';const kc=class{constructor(t){r(this,t),this.sendValidityState=o(this,"sendValidityState",7),this.sendInputValue=o(this,"sendInputValue",7),this.value="",this.validationPattern="",this.duplicateInputValue=null,this.postalcodelength=5,this.touched=!1,this.handleInput=t=>{const e=t.target,i=!this.enableSouthAfricanMode||this.name!==m.FIRSTNAME_ON_DOCUMENT&&this.name!==m.LASTNAME_ON_DOCUMENT?e.value:e.value.replace(m.NON_LETTERS_REGEX,"");i!==e.value&&(e.value=i),this.value=i,this.touched=!0,this.debounceTime&&clearTimeout(this.debounceTime),this.debounceTime=setTimeout((()=>{this.updateValidationState(),this.emitValueHandler(!0)}),500)},this.handleBlur=t=>{this.value=t.target.value,this.touched=!0,this.updateValidationState()},this.name=void 0,this.displayName=void 0,this.placeholder=void 0,this.validation=void 0,this.defaultValue="",this.autofilled=void 0,this.tooltip=void 0,this.language=void 0,this.checkValidity=void 0,this.emitValue=void 0,this.isDuplicateInput=void 0,this.clientStyling="",this.haspostalcodelookup=void 0,this.enableSouthAfricanMode=void 0,this.mbSource=void 0,this.isValid=void 0,this.errorMessage="",this.showTooltip=!1,this.selectedCountryCode=""}handleClientStylingChange(e,i){e!==i&&t(this.stylingContainer,this.clientStyling)}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value})}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value})}validityStateHandler(t){this.sendValidityState.emit(t)}valueHandler(t){this.sendInputValue.emit(t)}handleClickOutside(t){const e=t.composedPath();e.includes(this.tooltipIconReference)||e.includes(this.tooltipReference)||(this.showTooltip=!1)}valueChangedHandler(t){this.isDuplicateInput&&this.name===t.detail.name+"Duplicate"&&(this.duplicateInputValue=t.detail.value,this.touched&&this.updateValidationState()),this.name===t.detail.name+"Duplicate"&&this.name.replace("Duplicate","")===t.detail.name&&this.touched&&this.updateValidationState()}handleValidationChange(t){t.detail.field===this.name&&(this.validation=t.detail.validation,this.validationPattern=this.setPattern(),this.touched&&(this.isValid=this.isValidValue(),this.errorMessage=this.setErrorMessage()))}handleCountryCodeUpdate(t){const{name:e,value:i}=t.detail;this.selectedCountryCode=i,"CountryCode"===e&&["address1","address2","City"].includes(this.name)&&(this.value="",this.touched=!1,this.errorMessage="",this.isValid=!1,this.inputReference&&(this.inputReference.value=""),this.valueHandler({name:this.name,value:""}),this.validityStateHandler({valid:!1,name:this.name}))}handleAddressSelection(t){const{city:e,address1:i,address2:s}=t.detail;if(!["address1","address2","City"].includes(this.name))return;let r="";"address1"===this.name?r=i:"address2"===this.name?r=s:"City"===this.name&&(r=e),this.value=r,this.touched=!0,this.updateValidationState()}connectedCallback(){this.validationPattern=this.setPattern()}handleExternalDocUpdate(t){this.name===m.DOCUMENT_NUMBER&&(this.value=t.detail||"",this.touched=!0,this.inputReference&&(this.inputReference.value=this.value),this.sendInputValue.emit({name:this.name,value:this.value}),this.updateValidationState())}handleDocReset(){this.name===m.DOCUMENT_NUMBER&&(this.value="",this.touched=!1,this.isValid=!1,this.errorMessage="",this.inputReference&&(this.inputReference.value=""),this.validityStateHandler({valid:!1,name:this.name}))}componentWillLoad(){this.defaultValue&&(this.value=this.defaultValue)}handleClientStyling(){void 0===window.emMessageBus?this.clientStyling&&t(this.stylingContainer,this.clientStyling):this.stylingSubscription=e(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.handleClientStyling(),this.defaultValue&&(this.value=this.defaultValue,this.valueHandler({name:this.name,value:this.value}),this.isDuplicateInput&&(this.touched=!0)),this.haspostalcodelookup&&["address1","address2","City","PostalCode"].includes(this.name)&&(window.targetInputRefs=window.targetInputRefs||{},window.targetInputRefs[this.name]=this.inputReference),this.isValid=this.isValidValue()}validateDocument(t,e){const i=t.trim();if(e===m.PASSPORT)return m.PASSPORT_NUMERIC_REGEX.test(i)?{valid:!0}:{valid:!1,errorKey:"PassportLengthError"};if(e===m.SOUTH_AFRICAN_ID){if(i.length!==m.SOUTH_AFRICAN_ID_LENGTH)return{valid:!1,errorKey:"SAIdLengthError"};const t=(t=>{if(!m.SA_ID_BASIC_REGEX.test(t))return!1;const e=t.split("").map((t=>parseInt(t,10)));let i=0;for(let t=0;t<12;t+=2)i+=e[t];let s="";for(let t=1;t<12;t+=2)s+=e[t];return(10-(i+(2*parseInt(s,10)).toString().split("").reduce(((t,e)=>t+parseInt(e,10)),0))%10)%10===e[12]})(i);return t?{valid:!0}:{valid:!1,errorKey:"SAIdInvalidError"}}return{valid:!0}}updateValidationState(){const t=this.isValidValue();this.isValid=t,this.errorMessage=this.touched?t?"":this.setErrorMessage():""}isValidValue(){if(!this.inputReference)return!1;if(this.enableSouthAfricanMode&&this.name===m.DOCUMENT_NUMBER){const t=window.documentTypeValue;return this.validateDocument(this.value,t).valid}return""===this.value.trim()&&!this.validation.mandatory||this.inputReference.validity.valid&&(!this.inputReference.value||null!==this.inputReference.value.match(this.validationPattern))}setPattern(){var t,e;if((null===(t=this.validation.custom)||void 0===t?void 0:t.length)>0)return null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.pattern}setErrorMessage(){var t,e,i,s;const r=this.value.trim();if(this.enableSouthAfricanMode&&this.name===m.DOCUMENT_NUMBER){const t=window.documentTypeValue,e=this.validateDocument(this.value,t);return e.valid?"":b(e.errorKey,this.language)}if(""===r&&!this.validation.mandatory)return"";if(this.inputReference.validity.valueMissing)return b(v,this.language);if(this.inputReference.validity.tooShort||this.inputReference.validity.tooLong){const{minLength:t,maxLength:e}=this.validation;return t===e?b(g,this.language,{values:{length:t}}):b(f,this.language,{values:{minLength:t,maxLength:e}})}if(null==this.inputReference.value.match(this.validationPattern)){const i=null===(t=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===t?void 0:t.errorKey,s=null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.errorMessage;return b(`${i}`,this.language)||s}if(this.isDuplicateInput&&this.duplicateInputValue!==this.value){const t=null===(i=this.validation.custom.find((t=>"duplicate-input"===t.rule)))||void 0===i?void 0:i.errorKey,e=null===(s=this.validation.custom.find((t=>"duplicate-input"===t.rule)))||void 0===s?void 0:s.errorMessage;return b(`${t}`,this.language)?b(`${t}`,this.language):e}return""}renderTooltip(){return this.showTooltip?n("div",{class:"text__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}render(){let t="";return this.touched&&(t=1==this.isValid||null==this.isValid?"":"text__input--invalid"),n("div",{key:"f48e592bac049022b283bac917c095772b1508f5",class:`text__wrapper ${this.name}__input ${this.autofilled?"text__wrapper--autofilled":""}`,ref:t=>this.stylingContainer=t},n("div",{key:"fe3626ead38dd18dfa14795ee2332e93f5f09652",class:"text__wrapper--flex"},n("label",{key:"6b2854b460e0ac7d4ae0ebccc06dbe64770581d5",class:"text__label "+(this.validation.mandatory?"text__label--required":""),htmlFor:`${this.name}__input`},this.displayName),n("div",{key:"f29d266973bd700a4270495bc4eb6e8296b6eeaf",class:"text__wrapper--relative"},this.tooltip&&n("img",{key:"68e69abbb78250e763822608e963bc16d702f099",class:"text__tooltip-icon",src:y,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),n("input",{key:"99b8eab15ab32656f86fedd3f36a09a5bbe108d3",name:this.name,id:`${this.name}__input`,value:this.value,type:"text",class:`text__input ${t}`,placeholder:`${this.placeholder}`,ref:t=>this.inputReference=t,readOnly:this.autofilled,required:this.validation.mandatory,minlength:this.enableSouthAfricanMode?"":this.validation.minLength,maxlength:this.enableSouthAfricanMode?"":this.validation.maxLength,onInput:this.handleInput,onBlur:this.handleBlur}),n("small",{key:"cc28c1c19370faa94fa1f738066042dce8d694ce",class:"text__error-message"},this.errorMessage))}static get watchers(){return{clientStyling:["handleClientStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};
6658
6658
  //! moment.js
6659
6659
  //! version : 2.29.4
6660
6660
  //! authors : Tim Wood, Iskren Chernev, Moment.js contributors
package/dist/cjs/bonus-elevate-powerups_19.cjs.entry.js CHANGED
@@ -13745,7 +13745,6 @@ const PasswordInput = class {
13745
13745
  }
13746
13746
  componentDidLoad() {
13747
13747
  this.handleClientStyling();
13748
- this.inputReference = this.element.shadowRoot.querySelector('input');
13749
13748
  this.passwordButton = this.element.shadowRoot.querySelector('vaadin-password-field-button');
13750
13749
  this.passwordButton.tabIndex = -1;
13751
13750
  this.passwordButton.addEventListener('click', (e) => {
@@ -13781,8 +13780,23 @@ const PasswordInput = class {
13781
13780
  return { rule: rule.displayName, ruleKey: rule.errorKey, passed };
13782
13781
  });
13783
13782
  }
13783
+ /**
13784
+ * Same checks as the native `input.validity` flags, but computed from `this.value`.
13785
+ * We can't trust the native flags here: per the HTML spec `tooShort`/`tooLong` only apply while the value was "last changed by the user". When the reveal (eye) button toggles the input `type` between `password` and `text`, WebKit (Safari / iOS) resets that flag, so a too-short password is suddenly reported as `valid`.
13786
+ */
13787
+ getValueValidity() {
13788
+ var _a;
13789
+ const value = (_a = this.value) !== null && _a !== void 0 ? _a : '';
13790
+ const { mandatory, minLength, maxLength } = this.validation;
13791
+ return {
13792
+ valueMissing: !!mandatory && value === '',
13793
+ tooShort: value !== '' && !!minLength && value.length < minLength,
13794
+ tooLong: value !== '' && !!maxLength && value.length > maxLength,
13795
+ patternMismatch: value !== '' && !!this.validationPattern && !new RegExp(`^(?:${this.validationPattern})$`).test(value),
13796
+ };
13797
+ }
13784
13798
  setValidity() {
13785
- var _a, _b;
13799
+ var _a;
13786
13800
  if (this.noValidation) {
13787
13801
  return true;
13788
13802
  }
@@ -13793,7 +13807,8 @@ const PasswordInput = class {
13793
13807
  return false;
13794
13808
  }
13795
13809
  else {
13796
- return (_b = this.inputReference) === null || _b === void 0 ? void 0 : _b.validity.valid;
13810
+ const { valueMissing, tooShort, tooLong, patternMismatch } = this.getValueValidity();
13811
+ return !valueMissing && !tooShort && !tooLong && !patternMismatch;
13797
13812
  }
13798
13813
  }
13799
13814
  setPattern() {
@@ -13804,16 +13819,17 @@ const PasswordInput = class {
13804
13819
  }
13805
13820
  setErrorMessage() {
13806
13821
  var _a, _b, _c, _d, _e;
13807
- if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong) {
13822
+ const { valueMissing, tooShort, tooLong, patternMismatch } = this.getValueValidity();
13823
+ if (tooShort || tooLong) {
13808
13824
  return translate('lengthError', this.language, { values: { minLength: this.validation.minLength, maxLength: this.validation.maxLength } });
13809
13825
  }
13810
- if (this.inputReference.validity.valueMissing) {
13826
+ if (valueMissing) {
13811
13827
  return translate('requiredError', this.language);
13812
13828
  }
13813
13829
  if (this.isDuplicateInput && !this.originalValid) {
13814
13830
  return translate('invalidOriginalPasswordError', this.language);
13815
13831
  }
13816
- if (this.inputReference.validity.patternMismatch) {
13832
+ if (patternMismatch) {
13817
13833
  const errorCode = (_a = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _a === void 0 ? void 0 : _a.errorKey;
13818
13834
  const errorMessage = (_b = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _b === void 0 ? void 0 : _b.errorMessage;
13819
13835
  return translate(`${errorCode}`, this.language) ? translate(`${errorCode}`, this.language) : errorMessage;
@@ -13823,10 +13839,17 @@ const PasswordInput = class {
13823
13839
  const errorMessage = (_d = this.validation.custom.find(customRule => customRule.rule === 'duplicate-input')) === null || _d === void 0 ? void 0 : _d.errorMessage;
13824
13840
  return translate(`${errorCode}`, this.language) ? translate(`${errorCode}`, this.language) : errorMessage;
13825
13841
  }
13826
- if (!((_e = this.passwordComplexity) === null || _e === void 0 ? void 0 : _e.every(complexity => complexity.passed)) && !this.showPopup) {
13842
+ if (!((_e = this.passwordComplexity) === null || _e === void 0 ? void 0 : _e.every(complexity => complexity.passed))) {
13827
13843
  return translate('invalidPassword', this.language);
13828
13844
  }
13829
13845
  }
13846
+ // Mirrors the condition used in `render()` for the complexity popup.
13847
+ isComplexityPopupVisible() {
13848
+ return !!this.passwordComplexity
13849
+ && this.showPopup
13850
+ && !this.hidePasswordComplexity
13851
+ && !this.isDuplicateInput;
13852
+ }
13830
13853
  renderTooltip() {
13831
13854
  if (this.showTooltip) {
13832
13855
  return (index.h("div", { class: `password__tooltip ${this.showTooltip ? 'visible' : ''}`, ref: (el) => this.tooltipReference = el, innerHTML: this.tooltip }));
@@ -13851,11 +13874,9 @@ const PasswordInput = class {
13851
13874
  if (this.touched) {
13852
13875
  invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
13853
13876
  }
13854
- return index.h("div", { key: '18213d251639938165f3e4ad58bdc904fb953fe2', class: `password__wrapper ${this.autofilled ? 'password__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, index.h("div", { key: '092c431b178682d0006cf6ad5c14b0a7e6fb5569', class: 'password__wrapper--flex' }, index.h("label", { key: '64c101b7d70305ecf09735234d902a6b33823551', class: `password__label ${this.validation.mandatory ? 'password__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), index.h("div", { key: '189929eefa1caf71a1be39f0d663eef914d241d5', class: 'password__wrapper--relative' }, this.tooltip &&
13855
- index.h("img", { key: '95ee0d824b5be14ab4e62fc0b5f1731fe6ca5775', class: 'password__tooltip-icon', src: tooltipIcon, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), index.h("vaadin-password-field", { key: 'bf85dde83305233c566b1c50d0286548ba0f48a5', type: "password", id: `${this.name}__input`, class: `password__input ${invalidClass}`, name: this.name, readOnly: this.autofilled, value: this.defaultValue, required: this.validation.mandatory, maxlength: this.validation.maxLength, minlength: this.validation.minLength, pattern: this.validationPattern, placeholder: `${this.placeholder}`, onInput: this.handleInput, onBlur: this.handleBlur, onFocus: this.handleFocus }), !this.noValidation && index.h("small", { key: '3acbe164ff532bcfcd9e4a237a6f352df0cfdc2d', class: 'password__error-message' }, this.errorMessage), this.passwordComplexity &&
13856
- this.showPopup &&
13857
- !this.hidePasswordComplexity &&
13858
- !this.isDuplicateInput &&
13877
+ return index.h("div", { key: 'b4f26f39d749b45a85e4d3a05419ff74026b9c73', class: `password__wrapper ${this.autofilled ? 'password__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, index.h("div", { key: '25ab8386ec960e36ec411a3142452bb1a7ffbe05', class: 'password__wrapper--flex' }, index.h("label", { key: '0ee895de1059e39fbde8723b1606f9f2a0f89d97', class: `password__label ${this.validation.mandatory ? 'password__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), index.h("div", { key: 'd5d84181edfdfc638c6d35f91c555dd91c97b69a', class: 'password__wrapper--relative' }, this.tooltip &&
13878
+ index.h("img", { key: '5a176a28a7efde57506a1db7690d57a86379a527', class: 'password__tooltip-icon', src: tooltipIcon, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), index.h("vaadin-password-field", { key: '70710167fc3a008c555e447e372e735e3c8af497', type: "password", id: `${this.name}__input`, class: `password__input ${invalidClass}`, name: this.name, readOnly: this.autofilled, value: this.defaultValue, required: this.validation.mandatory, maxlength: this.validation.maxLength, minlength: this.validation.minLength, pattern: this.validationPattern, placeholder: `${this.placeholder}`, onInput: this.handleInput, onBlur: this.handleBlur, onFocus: this.handleFocus }), !this.noValidation && !this.isComplexityPopupVisible() &&
13879
+ index.h("small", { key: 'd39c8e2c585e574bc31725e6935254d4bf634d0e', class: 'password__error-message' }, this.errorMessage), this.isComplexityPopupVisible() &&
13859
13880
  (this.enableSouthAfricanMode
13860
13881
  ? this.renderCustomComplexityPopup()
13861
13882
  : this.renderComplexityPopup()));
package/dist/esm/bonus-elevate-powerups_19.entry.js CHANGED
@@ -13742,7 +13742,6 @@ const PasswordInput = class {
13742
13742
  }
13743
13743
  componentDidLoad() {
13744
13744
  this.handleClientStyling();
13745
- this.inputReference = this.element.shadowRoot.querySelector('input');
13746
13745
  this.passwordButton = this.element.shadowRoot.querySelector('vaadin-password-field-button');
13747
13746
  this.passwordButton.tabIndex = -1;
13748
13747
  this.passwordButton.addEventListener('click', (e) => {
@@ -13778,8 +13777,23 @@ const PasswordInput = class {
13778
13777
  return { rule: rule.displayName, ruleKey: rule.errorKey, passed };
13779
13778
  });
13780
13779
  }
13780
+ /**
13781
+ * Same checks as the native `input.validity` flags, but computed from `this.value`.
13782
+ * We can't trust the native flags here: per the HTML spec `tooShort`/`tooLong` only apply while the value was "last changed by the user". When the reveal (eye) button toggles the input `type` between `password` and `text`, WebKit (Safari / iOS) resets that flag, so a too-short password is suddenly reported as `valid`.
13783
+ */
13784
+ getValueValidity() {
13785
+ var _a;
13786
+ const value = (_a = this.value) !== null && _a !== void 0 ? _a : '';
13787
+ const { mandatory, minLength, maxLength } = this.validation;
13788
+ return {
13789
+ valueMissing: !!mandatory && value === '',
13790
+ tooShort: value !== '' && !!minLength && value.length < minLength,
13791
+ tooLong: value !== '' && !!maxLength && value.length > maxLength,
13792
+ patternMismatch: value !== '' && !!this.validationPattern && !new RegExp(`^(?:${this.validationPattern})$`).test(value),
13793
+ };
13794
+ }
13781
13795
  setValidity() {
13782
- var _a, _b;
13796
+ var _a;
13783
13797
  if (this.noValidation) {
13784
13798
  return true;
13785
13799
  }
@@ -13790,7 +13804,8 @@ const PasswordInput = class {
13790
13804
  return false;
13791
13805
  }
13792
13806
  else {
13793
- return (_b = this.inputReference) === null || _b === void 0 ? void 0 : _b.validity.valid;
13807
+ const { valueMissing, tooShort, tooLong, patternMismatch } = this.getValueValidity();
13808
+ return !valueMissing && !tooShort && !tooLong && !patternMismatch;
13794
13809
  }
13795
13810
  }
13796
13811
  setPattern() {
@@ -13801,16 +13816,17 @@ const PasswordInput = class {
13801
13816
  }
13802
13817
  setErrorMessage() {
13803
13818
  var _a, _b, _c, _d, _e;
13804
- if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong) {
13819
+ const { valueMissing, tooShort, tooLong, patternMismatch } = this.getValueValidity();
13820
+ if (tooShort || tooLong) {
13805
13821
  return translate('lengthError', this.language, { values: { minLength: this.validation.minLength, maxLength: this.validation.maxLength } });
13806
13822
  }
13807
- if (this.inputReference.validity.valueMissing) {
13823
+ if (valueMissing) {
13808
13824
  return translate('requiredError', this.language);
13809
13825
  }
13810
13826
  if (this.isDuplicateInput && !this.originalValid) {
13811
13827
  return translate('invalidOriginalPasswordError', this.language);
13812
13828
  }
13813
- if (this.inputReference.validity.patternMismatch) {
13829
+ if (patternMismatch) {
13814
13830
  const errorCode = (_a = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _a === void 0 ? void 0 : _a.errorKey;
13815
13831
  const errorMessage = (_b = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _b === void 0 ? void 0 : _b.errorMessage;
13816
13832
  return translate(`${errorCode}`, this.language) ? translate(`${errorCode}`, this.language) : errorMessage;
@@ -13820,10 +13836,17 @@ const PasswordInput = class {
13820
13836
  const errorMessage = (_d = this.validation.custom.find(customRule => customRule.rule === 'duplicate-input')) === null || _d === void 0 ? void 0 : _d.errorMessage;
13821
13837
  return translate(`${errorCode}`, this.language) ? translate(`${errorCode}`, this.language) : errorMessage;
13822
13838
  }
13823
- if (!((_e = this.passwordComplexity) === null || _e === void 0 ? void 0 : _e.every(complexity => complexity.passed)) && !this.showPopup) {
13839
+ if (!((_e = this.passwordComplexity) === null || _e === void 0 ? void 0 : _e.every(complexity => complexity.passed))) {
13824
13840
  return translate('invalidPassword', this.language);
13825
13841
  }
13826
13842
  }
13843
+ // Mirrors the condition used in `render()` for the complexity popup.
13844
+ isComplexityPopupVisible() {
13845
+ return !!this.passwordComplexity
13846
+ && this.showPopup
13847
+ && !this.hidePasswordComplexity
13848
+ && !this.isDuplicateInput;
13849
+ }
13827
13850
  renderTooltip() {
13828
13851
  if (this.showTooltip) {
13829
13852
  return (h("div", { class: `password__tooltip ${this.showTooltip ? 'visible' : ''}`, ref: (el) => this.tooltipReference = el, innerHTML: this.tooltip }));
@@ -13848,11 +13871,9 @@ const PasswordInput = class {
13848
13871
  if (this.touched) {
13849
13872
  invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
13850
13873
  }
13851
- return h("div", { key: '18213d251639938165f3e4ad58bdc904fb953fe2', class: `password__wrapper ${this.autofilled ? 'password__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h("div", { key: '092c431b178682d0006cf6ad5c14b0a7e6fb5569', class: 'password__wrapper--flex' }, h("label", { key: '64c101b7d70305ecf09735234d902a6b33823551', class: `password__label ${this.validation.mandatory ? 'password__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("div", { key: '189929eefa1caf71a1be39f0d663eef914d241d5', class: 'password__wrapper--relative' }, this.tooltip &&
13852
- h("img", { key: '95ee0d824b5be14ab4e62fc0b5f1731fe6ca5775', class: 'password__tooltip-icon', src: tooltipIcon, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h("vaadin-password-field", { key: 'bf85dde83305233c566b1c50d0286548ba0f48a5', type: "password", id: `${this.name}__input`, class: `password__input ${invalidClass}`, name: this.name, readOnly: this.autofilled, value: this.defaultValue, required: this.validation.mandatory, maxlength: this.validation.maxLength, minlength: this.validation.minLength, pattern: this.validationPattern, placeholder: `${this.placeholder}`, onInput: this.handleInput, onBlur: this.handleBlur, onFocus: this.handleFocus }), !this.noValidation && h("small", { key: '3acbe164ff532bcfcd9e4a237a6f352df0cfdc2d', class: 'password__error-message' }, this.errorMessage), this.passwordComplexity &&
13853
- this.showPopup &&
13854
- !this.hidePasswordComplexity &&
13855
- !this.isDuplicateInput &&
13874
+ return h("div", { key: 'b4f26f39d749b45a85e4d3a05419ff74026b9c73', class: `password__wrapper ${this.autofilled ? 'password__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h("div", { key: '25ab8386ec960e36ec411a3142452bb1a7ffbe05', class: 'password__wrapper--flex' }, h("label", { key: '0ee895de1059e39fbde8723b1606f9f2a0f89d97', class: `password__label ${this.validation.mandatory ? 'password__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("div", { key: 'd5d84181edfdfc638c6d35f91c555dd91c97b69a', class: 'password__wrapper--relative' }, this.tooltip &&
13875
+ h("img", { key: '5a176a28a7efde57506a1db7690d57a86379a527', class: 'password__tooltip-icon', src: tooltipIcon, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h("vaadin-password-field", { key: '70710167fc3a008c555e447e372e735e3c8af497', type: "password", id: `${this.name}__input`, class: `password__input ${invalidClass}`, name: this.name, readOnly: this.autofilled, value: this.defaultValue, required: this.validation.mandatory, maxlength: this.validation.maxLength, minlength: this.validation.minLength, pattern: this.validationPattern, placeholder: `${this.placeholder}`, onInput: this.handleInput, onBlur: this.handleBlur, onFocus: this.handleFocus }), !this.noValidation && !this.isComplexityPopupVisible() &&
13876
+ h("small", { key: 'd39c8e2c585e574bc31725e6935254d4bf634d0e', class: 'password__error-message' }, this.errorMessage), this.isComplexityPopupVisible() &&
13856
13877
  (this.enableSouthAfricanMode
13857
13878
  ? this.renderCustomComplexityPopup()
13858
13879
  : this.renderComplexityPopup()));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/bonus-elevate-powerups",
3
- "version": "0.5.1",
3
+ "version": "0.5.3",
4
4
  "main": "./dist/index.cjs.js",
5
5
  "module": "./dist/index.js",
6
6
  "es2015": "./dist/esm/index.mjs",