@everymatrix/general-input 1.87.20 → 1.87.22

package/dist/cjs/checkbox-group-input_14.cjs.entry.js

@@ -13062,11 +13062,16 @@ const GeneralInput = class {
             case 'twofa':
                 return index.h("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, "enable-south-african-mode": this.enableSouthAfricanMode, "pin-attempts-exceeded": this.pinAttemptsExceeded, "mb-source": this.mbSource });
             default:
-                return index.h("p", null, "The ", this.type, " input type is not valid");
+                if (this.displayName && this.displayName.trim() !== '') {
+                    return index.h("div", { class: "general-non-input", innerHTML: this.displayName });
+                }
+                else {
+                    return null;
+                }
         }
     }
     render() {
-        return (index.h(index.Host, { key: '7d036183d9376203451d9805e76b608cfa63570b', class: `general-input--${this.name}`, onClick: this.handleClick }, this.renderInput()));
+        return (index.h(index.Host, { key: '0474aad44033fe0c48473af7938e9ddb77b684e8', class: `general-input--${this.name}`, onClick: this.handleClick }, this.renderInput()));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/collection/components/general-input/general-input.js

@@ -131,11 +131,16 @@ export class GeneralInput {
             case 'twofa':
                 return h("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, "enable-south-african-mode": this.enableSouthAfricanMode, "pin-attempts-exceeded": this.pinAttemptsExceeded, "mb-source": this.mbSource });
             default:
-                return h("p", null, "The ", this.type, " input type is not valid");
+                if (this.displayName && this.displayName.trim() !== '') {
+                    return h("div", { class: "general-non-input", innerHTML: this.displayName });
+                }
+                else {
+                    return null;
+                }
         }
     }
     render() {
-        return (h(Host, { key: '7d036183d9376203451d9805e76b608cfa63570b', class: `general-input--${this.name}`, onClick: this.handleClick }, this.renderInput()));
+        return (h(Host, { key: '0474aad44033fe0c48473af7938e9ddb77b684e8', class: `general-input--${this.name}`, onClick: this.handleClick }, this.renderInput()));
     }
     static get is() { return "general-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/esm/checkbox-group-input_14.entry.js

@@ -13058,11 +13058,16 @@ const GeneralInput = class {
             case 'twofa':
                 return h("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, "enable-south-african-mode": this.enableSouthAfricanMode, "pin-attempts-exceeded": this.pinAttemptsExceeded, "mb-source": this.mbSource });
             default:
-                return h("p", null, "The ", this.type, " input type is not valid");
+                if (this.displayName && this.displayName.trim() !== '') {
+                    return h("div", { class: "general-non-input", innerHTML: this.displayName });
+                }
+                else {
+                    return null;
+                }
         }
     }
     render() {
-        return (h(Host, { key: '7d036183d9376203451d9805e76b608cfa63570b', class: `general-input--${this.name}`, onClick: this.handleClick }, this.renderInput()));
+        return (h(Host, { key: '0474aad44033fe0c48473af7938e9ddb77b684e8', class: `general-input--${this.name}`, onClick: this.handleClick }, this.renderInput()));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/general-input/checkbox-group-input_14.entry.js

@@ -6654,4 +6654,4 @@ Ts("vaadin-tabs",fi`
       </div>
 
       <div on-click="_scrollForward" part="forward-button" aria-hidden="true"></div>
-    `}static get is(){return"vaadin-tabs"}}hi(lc);const hc=class{constructor(i){t(this,i),this.registrationWidgetLoaded=e(this,"registrationWidgetLoaded",7),this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.host.shadowRoot.prepend(t)},this.setStreamStyling=t=>{if(window.emMessageBus){const e=document.createElement("style");this.stylingSubscription=window.emMessageBus.subscribe(t,(t=>{e.innerHTML=t,this.clientStyling=t,this.host.shadowRoot.prepend(e)}))}},this.setClientStylingURL=()=>{let t=new URL(this.clientStylingUrl),e=document.createElement("style");fetch(t.href).then((t=>t.text())).then((t=>{e.innerHTML=t,this.clientStyling=t,setTimeout((()=>{this.host.shadowRoot.prepend(e)}),1)}))},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.haspostalcodelookup=void 0,this.postalcodelength=void 0,this.addresses=[],this.ignoreCountry=!1,this.enableSouthAfricanMode=void 0,this.pinAttemptsExceeded=void 0,this.mbSource=void 0,this.limitStylingAppends=!1}handleStylingChange(t,e){t!==e&&this.setClientStyling()}handleStylingUrlChange(t,e){t!==e&&this.setClientStylingURL()}connectedCallback(){var t;this.translationUrl&&(t=this.translationUrl,new Promise((e=>{fetch(t).then((t=>t.json())).then((t=>{Object.keys(t).forEach((e=>{for(let i in t[e])"string"==typeof t[e][i]&&(r[e][i]=t[e][i])})),e(!0)}))})))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}componentDidLoad(){this.registrationWidgetLoaded.emit(),window.postMessage({type:"registrationWidgetLoaded"},window.location.href),!this.limitStylingAppends&&this.host&&(null!=window.emMessageBus?this.setStreamStyling(`${this.mbSource}.Style`):(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0))}renderInput(){var t;switch(null===(t=this.type)||void 0===t?void 0:t.toLowerCase()){case"text":return this.haspostalcodelookup&&"PostalCode"===this.name?i("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}):i("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});case"email":return i("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});case"number":return i("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});case"checkbox":return i("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});case"checkboxgroup":return i("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});case"togglecheckbox":return i("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});case"datetime":return i("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});case"password":return i("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});case"radio":return i("radio-input",{name:this.name,displayName:this.displayName,optionsGroup:this.options,validation:this.validation,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling});case"tel":return i("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});case"dropdown":return i("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});case"twofa":return i("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,"enable-south-african-mode":this.enableSouthAfricanMode,"pin-attempts-exceeded":this.pinAttemptsExceeded,"mb-source":this.mbSource});default:return i("p",null,"The ",this.type," input type is not valid")}}render(){return i(o,{key:"7d036183d9376203451d9805e76b608cfa63570b",class:`general-input--${this.name}`,onClick:this.handleClick},this.renderInput())}get host(){return s(this)}static get watchers(){return{clientStyling:["handleStylingChange"],clientStylingUrl:["handleStylingUrlChange"]}}};hc.style=":host{display:block;height:100%}";const dc=class{constructor(i){t(this,i),this.sendValidityState=e(this,"sendValidityState",7),this.sendInputValue=e(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.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)},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.errorMessage=void 0,this.isValid=void 0,this.limitStylingAppends=!1,this.showTooltip=!1}handleStylingChange(t,e){t!==e&&this.setClientStyling()}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()}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}componentDidLoad(){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 a("requiredError",this.language);if(this.inputReference.validity.rangeUnderflow||this.inputReference.validity.rangeOverflow)return a("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 a(`${i}`,this.language)?a(`${i}`,this.language):s}}renderTooltip(){return this.showTooltip?i("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"),i("div",{key:"aea370172d0e55d32dc665a1c340c734334e1caf",class:`number__wrapper ${this.autofilled?"number__wrapper--autofilled":""}  ${this.name}__input`,ref:t=>this.stylingContainer=t},i("div",{key:"10e16d10b956c5a647bc68ecffbc2eb0b06fa92a",class:"number__wrapper--flex"},i("label",{key:"0827d47c7278c6fdf8ebdd1dff03b91c39be6812",class:"number__label "+(this.validation.mandatory?"number__label--required":""),htmlFor:`${this.name}__input`},this.displayName),i("div",{key:"cb868d01e8555f5e3333240f54d86f0a56641d0f",class:"number__wrapper--relative"},this.tooltip&&i("img",{key:"1aa2b16b59f4bfd4b1dadf2641ec6cb4cfc251bf",class:"number__tooltip-icon",src:l,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),i("input",{key:"365b70a2eb333878d367d1d414ee0e296c91b3ec",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}),i("small",{key:"a8639df7ef1e98807a7daffc9da4afd347b1c292",class:"number__error-message"},this.errorMessage))}static get watchers(){return{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};dc.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 cc=class{constructor(i){t(this,i),this.sendOriginalValidityState=e(this,"sendOriginalValidityState",7),this.sendValidityState=e(this,"sendValidityState",7),this.sendInputValue=e(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.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)},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.isValid=void 0,this.errorMessage=void 0,this.limitStylingAppends=!1,this.showTooltip=!1,this.passwordComplexity=void 0,this.showPopup=void 0,this.value=""}handleStylingChange(t,e){t!==e&&this.setClientStyling()}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)}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}componentDidLoad(){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,o;if(this.inputReference.validity.tooShort||this.inputReference.validity.tooLong)return a("lengthError",this.language,{values:{minLength:this.validation.minLength,maxLength:this.validation.maxLength}});if(this.inputReference.validity.valueMissing)return a("requiredError",this.language);if(this.isDuplicateInput&&!this.originalValid)return a("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 a(`${i}`,this.language)?a(`${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 a(`${t}`,this.language)?a(`${t}`,this.language):e}return(null===(o=this.passwordComplexity)||void 0===o?void 0:o.every((t=>t.passed)))||this.showPopup?void 0:a("invalidPassword",this.language)}renderTooltip(){return this.showTooltip?i("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,s=this.passwordComplexity.every((t=>t.passed));return i("div",{class:"password__complexity "+(this.showPopup?"":"password__complexity--hidden")},i("div",{class:"password__complexity--strength"},i("p",{class:"password__complexity--text"},a("passwordStrength",this.language)," ",i("span",{class:"password__complexity--text-bold"},a(s?"passwordStrengthStrong":"passwordStrengthWeak",this.language))),i("meter",{value:e,min:"0",max:"1"})),i("div",null,this.passwordComplexity.map(((t,e)=>i("div",{key:e},i("input",{class:"password__complexity--checkbox",type:"checkbox",checked:t.passed,disabled:!0}),i("span",null,a(`${t.ruleKey}`,this.language)?a(`${t.ruleKey}`,this.language):t.rule))))))}renderCustomComplexityPopup(){return i("div",{class:"customreg-password__complexity "+(this.showPopup?"":"customreg-password__complexity--hidden")},i("p",{class:"customreg-password__complexity--title"},a("PasswordMustContain",this.language)),i("div",{class:"customreg-password__complexity--rules"},this.passwordComplexity.map(((t,e)=>i("div",{class:"customreg-password__complexity--rule",key:e},i("span",{class:`customreg-password__complexity--icon ${t.passed?n.PASSWORD_COMPLEXITY_PASSED:n.PASSWORD_COMPLEXITY_FAILED}`},t.passed?"✓":"✕"),i("span",null,a(t.ruleKey,this.language)||t.rule))))))}render(){let t="";return this.touched&&(t=1==this.isValid||null==this.isValid?"":"text__input--invalid"),i("div",{key:"fe895585dd908f75eee4ba797dc9c02b237bed7f",class:`password__wrapper ${this.autofilled?"password__wrapper--autofilled":""} ${this.name}__input`,ref:t=>this.stylingContainer=t},i("div",{key:"844bdb3dab98e62cc5d92a761b85adcdc44831d0",class:"password__wrapper--flex"},i("label",{key:"28041267a6df666e7df3660a907f995eff092ae1",class:"password__label  "+(this.validation.mandatory?"password__label--required":""),htmlFor:`${this.name}__input`},this.displayName),i("div",{key:"79c300643134802f04d8f909fe7bb3895911c88a",class:"password__wrapper--relative"},this.tooltip&&i("img",{key:"43ae58549e42ba59054162c25887ec36eb826aaa",class:"password__tooltip-icon",src:l,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),i("vaadin-password-field",{key:"0edcfed0ea65666537240f531e5239bd5b11181e",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&&i("small",{key:"c8aeba074e66b771d745194fec535aa0b82de6d8",class:"password__error-message"},this.errorMessage),this.passwordComplexity&&this.showPopup&&!this.hidePasswordComplexity&&!this.isDuplicateInput&&(this.enableSouthAfricanMode?this.renderCustomComplexityPopup():this.renderComplexityPopup()))}get element(){return s(this)}static get watchers(){return{clientStyling:["handleStylingChange"],isValid:["validityChanged"],value:["valueChanged"],emitValue:["emitValueHandler"]}}};cc.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 uc=class{constructor(i){t(this,i),this.sendAddressValue=e(this,"sendAddressValue",7),this.sendValidityState=e(this,"sendValidityState",7),this.sendInputValue=e(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(),o=`${e.city}`.trim();this.sendAddressValue.emit({city:o,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:o}),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.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)},this.handleOutsideClick=t=>{if(!this.openAddressDropdown)return;const e=t.composedPath?t.composedPath():[],i=e.includes(this.inputReference),s=e.includes(this.addressesDropdownRef),o=e.some((t=>{var e;return t instanceof Element&&(null===(e=t.classList)||void 0===e?void 0:e.contains("option"))}));i||s||o||(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.isValid=void 0,this.errorMessage="",this.limitStylingAppends=!1,this.showTooltip=!1,this.selectedCountryCode="",this.currentPostalCode="",this.openAddressDropdown=!1,this.showNoResultsMessage=!1,this.refreshTrigger=0,this.isFetchingAddresses=!1}handleStylingChange(t,e){t!==e&&this.setClientStyling()}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()}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}componentWillLoad(){this.defaultValue&&(this.value=this.defaultValue)}componentDidLoad(){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 a("requiredError",this.language);if(this.inputReference.validity.tooShort||this.inputReference.validity.tooLong)return a("lengthError",this.language,{values:{minLength:this.validation.minLength,maxLength:this.validation.maxLength}});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 a(`${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?i("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 s="";this.touched&&(s=1==this.isValid||null==this.isValid?"":"text__input--invalid");let o="UK"===this.selectedCountryCode||"GB"===this.selectedCountryCode||this.ignoreCountry,r=(null===(t=this.addresses)||void 0===t?void 0:t.length)>0&&this.openAddressDropdown&&o,n=this.showNoResultsMessage&&this.currentPostalCode&&this.currentPostalCode.length>=this.postalcodelength&&0===(null===(e=this.addresses)||void 0===e?void 0:e.length)&&o,h=this.isFetchingAddresses&&this.currentPostalCode.length>=this.postalcodelength;return i("div",{key:"f274a95e0a64ec67f01be8a5cf053d475c16e9ca",class:`text__wrapper ${this.name}__input ${this.autofilled?"text__wrapper--autofilled":""}`,ref:t=>this.stylingContainer=t},i("div",{key:"23aa865fd99048cb5c638f0b66b4ff3e8e451d97",class:"text__wrapper--flex"},i("label",{key:"c5d12c1548ec8bfde130a95cc20783f20295a253",class:"text__label  "+(this.validation.mandatory?"text__label--required":""),htmlFor:`${this.name}__input`},this.displayName),i("div",{key:"db2f499ff6ca8f4e3b1a8ac83e7f8856fc1ca888",class:"text__wrapper--relative"},this.tooltip&&i("img",{key:"a1d7ef42855a21f336dbbb337cc8cb644de0c655",class:"text__tooltip-icon",src:l,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),i("div",{key:"18a6812958691749d0c7c3396ce69a3f46f7f1e4",class:"input__text-wrapper"},i("input",{key:"41aa9e6b8817eee602347d7a3a909f0d81985d3d",name:this.name,id:`${this.name}__input`,value:this.determineInputValue(),type:"text",class:`text__input ${s}`,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}),!o&&i("p",{key:"7083c22e5ebb306ad9ca3c4dc29dcd66bc8b17d5",class:"address__manual-input-msg",onClick:()=>this.enterAddressManually()},a("enterIEAddressManually",this.language)),r&&i("div",{key:"95ad996e43da19386f4576eb35850c7ba09e1620",class:"input__addresses-container",ref:t=>this.addressesDropdownRef=t},i("div",{key:"3997d92f28ec2ecee49b2480a5edb0a8431aa1c8",class:"options"},this.addresses.map(((t,e)=>i("div",{key:e,class:"option",onClick:e=>this.handlePostalCode(e,t)},t.number," ",t.street," ",t.city))))),h&&i("div",{key:"cf5f9c9f5f96aa2ef316eb44e97768e3552c4a2e",class:"postalcode__loading-spinner"},i("div",{key:"d9b0dda1be9fa871dee4b7d415f84a28b81c3362",class:"loading-spinner"}),i("span",{key:"b5a6c58d910f5be519617288310a8a456e7e8c1c"},a("searchingForAddresses",this.language))),n&&i("div",{key:"2b5503571824ec9f04f58959b8b38ff279fa6d1d",class:"postalcode__no-results-message"},a("postalLookUpNoAddressFound",this.language))),i("small",{key:"00e0cbe15e10c40c8f43939123c10819592fdce2",class:"text__error-message"},this.errorMessage))}static get watchers(){return{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"],addresses:["handleAddresses"]}}};uc.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 pc=class{constructor(i){t(this,i),this.sendInputValue=e(this,"sendInputValue",7),this.sendValidityState=e(this,"sendValidityState",7),this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)},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.errorMessage=void 0,this.isValid=void 0,this.limitStylingAppends=!1,this.showTooltip=!1}handleStylingChange(t,e){t!==e&&this.setClientStyling()}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)}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}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 a("requiredError",this.language)}renderTooltip(){return this.showTooltip?i("div",{class:"radio__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}render(){return i("fieldset",{key:"33493de460303a32a37d253a0fd5f9da59676542",class:`radio__fieldset ${this.name}__input`,ref:t=>this.stylingContainer=t},i("legend",{key:"8aef7aa84a119742e05d72d976c936a560154b3f",class:"radio__legend"},this.displayName,":"),this.optionsGroup.map((t=>i("div",{class:"radio__wrapper"},i("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)}),i("label",{htmlFor:`${t.label}__input`},t.label)))),i("small",{key:"bec44ed4007e408ddeb0b0293b82e034c8e165f2",class:"radio__error-message"},this.errorMessage),this.tooltip&&i("img",{key:"a3b0a041beabe3f14661c0af8cd970040d060435",class:"radio__tooltip-icon",src:l,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())}static get watchers(){return{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};pc.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 mc=class{constructor(i){t(this,i),this.sendValidityState=e(this,"sendValidityState",7),this.sendInputValue=e(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.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)},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.errorMessage=void 0,this.isValid=void 0,this.limitStylingAppends=!1,this.showTooltip=!1}handleStylingChange(t,e){t!==e&&this.setClientStyling()}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}))}}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}componentDidLoad(){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 a("requiredError",this.language)}renderTooltip(){return this.showTooltip?i("div",{class:"select__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}render(){var t,e;let s="";return this.touched&&(s=1==this.isValid||null==this.isValid?"":"text__input--invalid"),i("div",{key:"b0ed504667761e5fd77e0ac13382b467448a1944",class:`select__wrapper ${this.autofilled?"select__wrapper--autofilled":""}  ${this.name}__input`,ref:t=>this.stylingContainer=t},i("div",{key:"b48d38dc4c2cb3442ff6773a1b1d13191ec4d0e6",class:"select__wrapper--flex"},i("label",{key:"ad592c8c98ecbec1961d22cdfeb8cec910291ea8",class:"select__label",htmlFor:`${this.name}__input`},this.displayName,i("span",{key:"b3c0f2fe9a2d26ade1626878ed9bc1f0b86a23ad",class:this.validation.mandatory?"select__label--required":""})),i("div",{key:"29d0f504d0f51175818dffffb882ac4e6e9c3bde",class:"select__wrapper--relative"},this.tooltip&&i("img",{key:"66e524ffebc43f9418e90b3bd2d7ae62eba47da3",class:"select__tooltip-icon",src:l,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),this.isComboBox?i("vaadin-combo-box",{name:this.name,id:`${this.name}__input`,class:`select__input ${s} ${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}):i("vaadin-select",{name:this.name,popover:!1,id:`${this.name}__input`,class:`select__input ${s} ${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}),i("small",{key:"0143b538740c3a8e9bfcab6bbb44660355c40cf7",class:"select__error-message"},this.errorMessage))}static get watchers(){return{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};mc.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 vc=class{constructor(i){t(this,i),this.sendValidityState=e(this,"sendValidityState",7),this.sendInputValue=e(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.setValidity(),this.errorMessage=this.setErrorMessage(),this.emitValueHandler(!0)}),500)},this.handleBlur=()=>{this.touched||(this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.touched=!0)},this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)},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.isValid=void 0,this.errorMessage=void 0,this.limitStylingAppends=!1,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)}handleStylingChange(t,e){t!==e&&this.setClientStyling()}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)}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}))}}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}componentDidLoad(){this.isValid=this.setValidity(),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)}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.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 a(`${i}`,this.language)?a(`${i}`,this.language):s}return this.inputReference.validity.tooShort||this.inputReference.validity.tooLong?a("lengthError",this.language,{values:{minLength:this.validation.minLength,maxLength:this.validation.maxLength}}):this.inputReference.validity.valueMissing?a("requiredError",this.language):void 0}renderTooltip(){return this.showTooltip?i("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"),i("div",{key:"7296f134bff80795ab52a1a27eb059ab2f3c0c87",class:`tel__wrapper ${this.autofilled?"tel__wrapper--autofilled":""} ${this.name}__input`,ref:t=>this.stylingContainer=t},i("div",{key:"c9b1fdf501299398bcda1e59e65bb0a7d6b7de43",class:"tel__wrapper--flex-label"},i("label",{key:"e7e6858fc61e2b6ea8974f8b4dc8d67a5fcb07b4",class:"tel__label "+(this.validation.mandatory?"tel__label--required":""),htmlFor:`${this.name}__input`},this.displayName),i("div",{key:"6c9cc9a3c74e8cd06224e2663d4c363e5d8fb3c0",class:"tel__wrapper--relative"},this.tooltip&&i("img",{key:"17e85d6050d4796bf5b057c901631a87b25d3b40",class:"tel__tooltip-icon",src:l,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),i("div",{key:"cb2e8b93e5663c92a2fd114d1fe1c9d9e09ebc83",class:`tel__wrapper--flex ${e}`},i("vaadin-combo-box",{key:"fb1c3ab06d19e9ed7bbdf7effe8f25a1f7d9fe15",class:"tel__prefix",items:this.phoneCodesOptions,value:this.prefixValue,readOnly:this.disablePhonePrefix,onChange:t=>this.handlePrefixInput(t)}),i("input",{key:"d2701f0bdca4122c18fd43d311ea8c5e2536b1f5",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})),i("small",{key:"a685ceea5c99f29d992fd5291f67934a22d6997c",class:"tel__error-message"},this.errorMessage))}static get watchers(){return{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};vc.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 fc=class{constructor(i){t(this,i),this.sendValidityState=e(this,"sendValidityState",7),this.sendInputValue=e(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!==n.FIRSTNAME_ON_DOCUMENT&&this.name!==n.LASTNAME_ON_DOCUMENT?e.value:e.value.replace(n.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.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)},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.isValid=void 0,this.errorMessage="",this.limitStylingAppends=!1,this.showTooltip=!1,this.selectedCountryCode=""}handleStylingChange(t,e){t!==e&&this.setClientStyling()}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 o="";"address1"===this.name?o=i:"address2"===this.name?o=s:"City"===this.name&&(o=e),this.value=o,this.touched=!0,this.updateValidationState()}connectedCallback(){this.validationPattern=this.setPattern()}handleExternalDocUpdate(t){this.name===n.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===n.DOCUMENT_NUMBER&&(this.value="",this.touched=!1,this.isValid=!1,this.errorMessage="",this.inputReference&&(this.inputReference.value=""),this.validityStateHandler({valid:!1,name:this.name}))}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}componentWillLoad(){this.defaultValue&&(this.value=this.defaultValue)}componentDidLoad(){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===n.PASSPORT)return n.PASSPORT_NUMERIC_REGEX.test(i)?{valid:!0}:{valid:!1,errorKey:"PassportLengthError"};if(e===n.SOUTH_AFRICAN_ID){if(i.length!==n.SOUTH_AFRICAN_ID_LENGTH)return{valid:!1,errorKey:"SAIdLengthError"};const t=(t=>{if(!n.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===n.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 o=this.value.trim();if(this.enableSouthAfricanMode&&this.name===n.DOCUMENT_NUMBER){const t=window.documentTypeValue,e=this.validateDocument(this.value,t);return e.valid?"":a(e.errorKey,this.language)}if(""===o&&!this.validation.mandatory)return"";if(this.inputReference.validity.valueMissing)return a("requiredError",this.language);if(this.inputReference.validity.tooShort||this.inputReference.validity.tooLong)return a("lengthError",this.language,{values:{minLength:this.validation.minLength,maxLength:this.validation.maxLength}});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 a(`${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 a(`${t}`,this.language)?a(`${t}`,this.language):e}return""}renderTooltip(){return this.showTooltip?i("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"),i("div",{key:"7e4006b92f6c1e2d8b39694fd85fad7d672c18fd",class:`text__wrapper ${this.name}__input ${this.autofilled?"text__wrapper--autofilled":""}`,ref:t=>this.stylingContainer=t},i("div",{key:"e70be4a8daef6cbaa25d438b4d1edaecf6db5159",class:"text__wrapper--flex"},i("label",{key:"0b09f624c460c9d777dd10b887430a4e6de8cacc",class:"text__label  "+(this.validation.mandatory?"text__label--required":""),htmlFor:`${this.name}__input`},this.displayName),i("div",{key:"df36d8f44540b35a65f816ade477c4f4ff077977",class:"text__wrapper--relative"},this.tooltip&&i("img",{key:"85e25624de052cad543c883514ba0c0a522d249f",class:"text__tooltip-icon",src:l,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),i("input",{key:"bf34796489a118f3c4849c3b8b7680fb77f5a2eb",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}),i("small",{key:"725e4208a8170b6cf34869c44ec8cb29c2c7c93f",class:"text__error-message"},this.errorMessage))}static get watchers(){return{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};fc.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}.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 bc=class{constructor(i){t(this,i),this.sendValidityState=e(this,"sendValidityState",7),this.sendInputValue=e(this,"sendInputValue",7),this.callBackObject={},this.subFieldsObject={},this.value="",this.handleRevealField=(t,e)=>{t.stopPropagation(),window.postMessage({type:`registration${e}Clicked`},window.location.href)},this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)},this.name=void 0,this.displayName=void 0,this.defaultValue="",this.options=void 0,this.autofilled=void 0,this.tooltip=void 0,this.validation=void 0,this.language=void 0,this.emitValue=void 0,this.clientStyling="",this.errorMessage=void 0,this.isValid=void 0,this.limitStylingAppends=!1,this.showTooltip=!1,this.showFields="true"===this.defaultValue}handleStylingChange(t,e){t!==e&&this.setClientStyling()}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)}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}componentDidLoad(){0!==this.options.length&&this.options.forEach((t=>{this.callBackObject[t.name]=e=>{this.handleRevealField(e,t.name)},this.subFieldsObject[t.name].addEventListener("click",this.callBackObject[t.name])}))}handleClick(){this.showFields=this.checkboxReference.checked,this.errorMessage=this.setErrorMessage(),this.isValid=this.setValidity(),this.valueHandler({name:this.name,value:this.checkboxReference.checked?"true":"false",type:"toggle"})}setValidity(){return this.checkboxReference.validity.valid}setErrorMessage(){if(this.checkboxReference.validity.valueMissing)return a("requiredError",this.language)}disconnectedCallback(){this.options.forEach((t=>{this.subFieldsObject[t.name].removeEventListener("click",this.callBackObject[t.name])}))}renderLabel(){return i("label",{class:"togglecheckbox__label",htmlFor:`${this.name}__input`},i("div",{class:"togglecheckbox__label-text",innerHTML:`${this.displayName} ${this.validation.mandatory?"*":""}`}))}renderTooltip(){return this.showTooltip?i("div",{class:"togglecheckbox__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}render(){return i("div",{key:"828751327e59e9649afc04c6c9f7a02ef7dcae8d",class:`togglecheckbox__wrapper  ${this.name}__input`,ref:t=>this.stylingContainer=t},i("div",{key:"d02a2a6ef595aaf7142cbc6e9681394ee4db8fee",class:"togglecheckbox__wrapper--flex"},i("input",{key:"fca6401ef6eb178f53471362444d54ed69086429",class:"togglecheckbox__input",type:"checkbox",id:`${this.name}__input`,ref:t=>this.checkboxReference=t,name:this.name,checked:"true"===this.defaultValue,readOnly:this.autofilled,required:this.validation.mandatory,value:this.value,onClick:()=>this.handleClick()}),this.renderLabel()),i("small",{key:"3781a8fdfeb719422693bcd541a4a3fe708e705a",class:"togglecheckbox__error-message"},this.errorMessage),i("div",{key:"27a4c6b047cd332407ee40c82cf7be1914ed34c9",class:"togglecheckbox__wrapper--relative"},this.tooltip&&i("img",{key:"f1367d7e061d20ad68c24dfbe3147e6b67df746f",class:"togglecheckbox__tooltip-icon",src:l,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip()),i("div",{key:"98d42103554de4d14a65eafd1722bf9d587a27f1",class:"togglecheckbox__fields-wrapper "+(this.showFields?"":"hidden")},this.options.map((t=>i("general-input",{type:t.inputType,name:t.name,displayName:t.displayName,validation:t.validate,action:t.action||null,defaultValue:t.defaultValue,autofilled:t.autofill,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:t.tooltip,placeholder:null==t.placeholder?"":t.placeholder,ref:e=>this.subFieldsObject[t.name]=e})))))}static get watchers(){return{clientStyling:["handleStylingChange"]}}};bc.style='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.togglecheckbox{font-family:"Roboto";font-style:normal;font-size:15px}.togglecheckbox__wrapper{position:relative}.togglecheckbox__wrapper--flex{display:flex;gap:10px;align-items:baseline}.togglecheckbox__wrapper--relative{position:relative;display:inline}.togglecheckbox__input{transform:scale(1.307, 1.307);margin-left:2px;accent-color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.togglecheckbox__label{font-style:inherit;font-family:inherit;font-weight:400;font-size:16px;color:var(--emw--registration-typography, var(--emw--color-black, #000000));line-height:1.5;cursor:pointer;padding:0}.togglecheckbox__label-text{font-size:16px}.togglecheckbox__label a{color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.togglecheckbox__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.togglecheckbox__tooltip-icon{width:16px;height:auto}.togglecheckbox__tooltip{position:absolute;top:0;right:0;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}.togglecheckbox__tooltip.visible{opacity:1}.togglecheckbox__fields-wrapper{margin-top:40px;display:flex;flex-direction:column;gap:40px}.hidden{display:none}';const gc=class{constructor(i){t(this,i),this.registrationWidgetLoaded=e(this,"registrationWidgetLoaded",7),this.sendValidityState=e(this,"sendValidityState",7),this.sendInputValue=e(this,"sendInputValue",7),this.resendCode=e(this,"resendCode",7),this.validationPattern="",this.stylingContainer=null,this.tooltipReference=null,this.tooltipIconReference=null,this.inputRefs=[],this.containerRef=null,this.resendInterval=null,this.resendCodeHandler=()=>{this.triggerResendInterval(),this.resendCode.emit()},this.setClientStylingURL=()=>{let t=new URL(this.clientStylingUrl),e=document.createElement("style");fetch(t.href).then((t=>t.text())).then((t=>{e.innerHTML=t,this.clientStyling=t,setTimeout((()=>{this.host.shadowRoot.prepend(e)}),1)}))},this.setInputRef=(t,e)=>{t&&(this.inputRefs[e]=t)},this.setContainerRef=t=>{t&&(this.containerRef=t)},this.triggerResendInterval=()=>{this.isResendButtonAvailable=!1,this.resendInterval&&clearInterval(this.resendInterval),this.resendInterval=setInterval((()=>{--this.resendIntervalSecondsLeft<=0&&(clearInterval(this.resendInterval),this.resendIntervalSecondsLeft=this.resendIntervalSeconds,this.isResendButtonAvailable=!0)}),1e3)},this.formatTime=()=>{const t=String(Math.floor(this.resendIntervalSecondsLeft/60));let e=String(this.resendIntervalSecondsLeft%60);return 1===e.length&&(e="0"+e),`${t}:${e}`},this.handleInput=(t,e)=>{const i=t.target,s=i.value.slice(-1);if(i.value=s,!s)return;this.code[e]=s,this.enableSouthAfricanMode&&(this.revealedIndexes=[e],this.revealTimeout&&clearTimeout(this.revealTimeout),this.revealTimeout=setTimeout((()=>{this.revealedIndexes=[]}),500));const o=this.inputRefs[e+1];o&&o.focus(),this.setValidity(),this.setErrorMessage()},this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)},this.setStreamStyling=t=>{if(window.emMessageBus){const e=document.createElement("style");this.stylingSubscription=window.emMessageBus.subscribe(t,(t=>{e.innerHTML=t,this.clientStyling=t,this.host.shadowRoot.prepend(e)}))}},this.name="",this.displayName="",this.placeholder="",this.validation=void 0,this.tooltip="",this.language="en",this.emitValue=!0,this.destination="",this.resendIntervalSeconds=60,this.clientStyling="",this.enableSouthAfricanMode=void 0,this.pinAttemptsExceeded=void 0,this.clientStylingUrl="",this.mbSource=void 0,this.limitStylingAppends=!1,this.isValid=!1,this.isResendButtonAvailable=!0,this.showTooltip=!1,this.errorMessage="",this.code=[],this.resendIntervalSecondsLeft=this.resendIntervalSeconds,this.revealedIndexes=[]}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.code.join("")})}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.code.join("")})}handleStylingUrlChange(t,e){t!==e&&this.setClientStylingURL()}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)}handleStylingChange(t,e){t!==e&&this.setClientStyling()}connectedCallback(){this.validationPattern=this.setPattern(),this.code=new Array(this.validation.maxLength).fill("")}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}componentDidLoad(){this.setValidity(),this.registrationWidgetLoaded.emit(),window.postMessage({type:"registrationWidgetLoaded"},window.location.href),!this.limitStylingAppends&&this.host&&(null!=window.emMessageBus?this.setStreamStyling(`${this.mbSource}.Style`):(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0))}handleKeyDown(t,e){if("Backspace"===t.key){const t=[...this.code];t[e]="",this.code=t,this.enableSouthAfricanMode&&(this.revealedIndexes=this.revealedIndexes.filter((t=>t!==e)));const i=this.inputRefs[e-1];null==i||i.focus()}this.setValidity(),this.setErrorMessage()}handlePaste(t){var e,i;t.preventDefault();const s=null===(i=null===(e=t.clipboardData)||void 0===e?void 0:e.getData("text"))||void 0===i?void 0:i.trim();if(!s)return;const o=s.slice(0,this.validation.maxLength).split("");this.code=[...o,...new Array(this.validation.maxLength-o.length).fill("")],this.enableSouthAfricanMode&&(this.revealedIndexes=o.map(((t,e)=>e)),this.revealTimeout&&clearTimeout(this.revealTimeout),this.revealTimeout=setTimeout((()=>{this.revealedIndexes=[]}),500));const r=this.inputRefs[Math.min(o.length,this.inputRefs.length-1)];null==r||r.focus(),this.setValidity(),this.setErrorMessage(),this.enableSouthAfricanMode&&(this.valueHandler({name:this.name,value:this.code.join("")}),this.validityStateHandler({valid:this.isValid,name:this.name}))}setValidity(){const t=this.code.join(""),e=t.length===this.validation.maxLength,i=null!==t.match(this.validationPattern);this.isValid=e&&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;if(null!==this.code.join("").match(this.validationPattern))this.errorMessage="";else{const e=null===(t=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===t?void 0:t.errorKey;e&&(this.errorMessage=a(e,this.language))}}renderTooltip(){return this.showTooltip?i("div",{class:"text__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}getInputDisplayValue(t){const e=this.code[t];return e?this.enableSouthAfricanMode?this.revealedIndexes.includes(t)?e:"*":e:""}render(){return i("div",{key:"08b9139f1c2236dd40a045517a9623ad966f29d3",class:"twofa",ref:t=>this.stylingContainer=t},i("div",{key:"7528885100be3d450ec52aafd6085a4c852710c8",class:"twofa__error-message"},i("p",{key:"51dab3f02156b5eb3b7408f06f2d359cfbda11a7"},this.errorMessage)),i("div",{key:"f336f89ecee0724663b1bbb4d443bb834336b5c1",class:"twofa__description",innerHTML:a("twofaDescription",this.language,{values:{destination:this.destination}})}),i("div",{key:"5127127ccc8e50428f8319fddc9e21606f3b4148",class:"twofa__input-wrapper",ref:this.setContainerRef},this.code.map(((t,e)=>i("input",{key:e,ref:t=>this.setInputRef(t,e),id:`otp-input-${e}`,type:"text",maxLength:2,value:this.getInputDisplayValue(e),onInput:t=>this.handleInput(t,e),onKeyDown:t=>this.handleKeyDown(t,e),onPaste:t=>this.handlePaste(t)})))),i("div",{key:"be82ae1192129d571275b78c8097c3023468cf3e",class:"twofa__button-wrapper"},i("p",{key:"11de61d738ffa74bfd44f0d7c88fc4e456647d0c",class:"twofa__resend-message"},a("twofaResendMessage",this.language)),i("button",{key:"84d5c55c4d9bf024164ec52e2100cfcc8c236ac2",class:"twofa__resend-button "+(this.pinAttemptsExceeded?"twofa__resend-button--disabled":""),onClick:this.resendCodeHandler,disabled:!this.isResendButtonAvailable||this.pinAttemptsExceeded},this.isResendButtonAvailable?a("twofaResendButton",this.language):this.formatTime())))}get host(){return s(this)}static get watchers(){return{isValid:["validityChanged"],emitValue:["emitValueHandler"],clientStylingUrl:["handleStylingUrlChange"],clientStyling:["handleStylingChange"]}}};gc.style="*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.twofa{display:flex;flex-direction:column;gap:10px}.twofa__description{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center}.twofa__error-message{text-align:center;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.twofa__input-wrapper{display:flex;justify-content:center}.twofa__input-wrapper input{width:35px;height:35px;padding:10px;text-align:center;border-radius:var(--emw--border-radius-small, 5px);margin-left:5px;margin-right:5px;border:2px solid var(--emw--otp-border-color, #55525c);font-weight:var(--emw-font-weight-bold, 800);outline:none;transition:all 0.1s}.twofa__input-wrapper input:focus{border:2px solid var(--emw--color-primary, #22B04E);box-shadow:0 0 2px 2px var(--emw--color-primary, #22B04E)}.twofa__button-wrapper{justify-content:center;text-align:center}.twofa__button-wrapper button{border:none;background:none;font-weight:var(--emw-font-weight-bold, 800);color:var(--emw--color-primary, #22B04E);cursor:pointer}";export{h as checkbox_group_input,d as checkbox_input,Qe as date_input,Xe as email_input,hc as general_input,dc as number_input,cc as password_input,uc as postalcode_input,pc as radio_input,mc as select_input,vc as tel_input,fc as text_input,bc as toggle_checkbox_input,gc as twofa_input}
+    `}static get is(){return"vaadin-tabs"}}hi(lc);const hc=class{constructor(i){t(this,i),this.registrationWidgetLoaded=e(this,"registrationWidgetLoaded",7),this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.host.shadowRoot.prepend(t)},this.setStreamStyling=t=>{if(window.emMessageBus){const e=document.createElement("style");this.stylingSubscription=window.emMessageBus.subscribe(t,(t=>{e.innerHTML=t,this.clientStyling=t,this.host.shadowRoot.prepend(e)}))}},this.setClientStylingURL=()=>{let t=new URL(this.clientStylingUrl),e=document.createElement("style");fetch(t.href).then((t=>t.text())).then((t=>{e.innerHTML=t,this.clientStyling=t,setTimeout((()=>{this.host.shadowRoot.prepend(e)}),1)}))},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.haspostalcodelookup=void 0,this.postalcodelength=void 0,this.addresses=[],this.ignoreCountry=!1,this.enableSouthAfricanMode=void 0,this.pinAttemptsExceeded=void 0,this.mbSource=void 0,this.limitStylingAppends=!1}handleStylingChange(t,e){t!==e&&this.setClientStyling()}handleStylingUrlChange(t,e){t!==e&&this.setClientStylingURL()}connectedCallback(){var t;this.translationUrl&&(t=this.translationUrl,new Promise((e=>{fetch(t).then((t=>t.json())).then((t=>{Object.keys(t).forEach((e=>{for(let i in t[e])"string"==typeof t[e][i]&&(r[e][i]=t[e][i])})),e(!0)}))})))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}componentDidLoad(){this.registrationWidgetLoaded.emit(),window.postMessage({type:"registrationWidgetLoaded"},window.location.href),!this.limitStylingAppends&&this.host&&(null!=window.emMessageBus?this.setStreamStyling(`${this.mbSource}.Style`):(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0))}renderInput(){var t;switch(null===(t=this.type)||void 0===t?void 0:t.toLowerCase()){case"text":return this.haspostalcodelookup&&"PostalCode"===this.name?i("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}):i("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});case"email":return i("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});case"number":return i("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});case"checkbox":return i("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});case"checkboxgroup":return i("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});case"togglecheckbox":return i("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});case"datetime":return i("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});case"password":return i("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});case"radio":return i("radio-input",{name:this.name,displayName:this.displayName,optionsGroup:this.options,validation:this.validation,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling});case"tel":return i("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});case"dropdown":return i("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});case"twofa":return i("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,"enable-south-african-mode":this.enableSouthAfricanMode,"pin-attempts-exceeded":this.pinAttemptsExceeded,"mb-source":this.mbSource});default:return this.displayName&&""!==this.displayName.trim()?i("div",{class:"general-non-input",innerHTML:this.displayName}):null}}render(){return i(o,{key:"0474aad44033fe0c48473af7938e9ddb77b684e8",class:`general-input--${this.name}`,onClick:this.handleClick},this.renderInput())}get host(){return s(this)}static get watchers(){return{clientStyling:["handleStylingChange"],clientStylingUrl:["handleStylingUrlChange"]}}};hc.style=":host{display:block;height:100%}";const dc=class{constructor(i){t(this,i),this.sendValidityState=e(this,"sendValidityState",7),this.sendInputValue=e(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.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)},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.errorMessage=void 0,this.isValid=void 0,this.limitStylingAppends=!1,this.showTooltip=!1}handleStylingChange(t,e){t!==e&&this.setClientStyling()}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()}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}componentDidLoad(){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 a("requiredError",this.language);if(this.inputReference.validity.rangeUnderflow||this.inputReference.validity.rangeOverflow)return a("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 a(`${i}`,this.language)?a(`${i}`,this.language):s}}renderTooltip(){return this.showTooltip?i("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"),i("div",{key:"aea370172d0e55d32dc665a1c340c734334e1caf",class:`number__wrapper ${this.autofilled?"number__wrapper--autofilled":""}  ${this.name}__input`,ref:t=>this.stylingContainer=t},i("div",{key:"10e16d10b956c5a647bc68ecffbc2eb0b06fa92a",class:"number__wrapper--flex"},i("label",{key:"0827d47c7278c6fdf8ebdd1dff03b91c39be6812",class:"number__label "+(this.validation.mandatory?"number__label--required":""),htmlFor:`${this.name}__input`},this.displayName),i("div",{key:"cb868d01e8555f5e3333240f54d86f0a56641d0f",class:"number__wrapper--relative"},this.tooltip&&i("img",{key:"1aa2b16b59f4bfd4b1dadf2641ec6cb4cfc251bf",class:"number__tooltip-icon",src:l,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),i("input",{key:"365b70a2eb333878d367d1d414ee0e296c91b3ec",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}),i("small",{key:"a8639df7ef1e98807a7daffc9da4afd347b1c292",class:"number__error-message"},this.errorMessage))}static get watchers(){return{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};dc.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 cc=class{constructor(i){t(this,i),this.sendOriginalValidityState=e(this,"sendOriginalValidityState",7),this.sendValidityState=e(this,"sendValidityState",7),this.sendInputValue=e(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.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)},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.isValid=void 0,this.errorMessage=void 0,this.limitStylingAppends=!1,this.showTooltip=!1,this.passwordComplexity=void 0,this.showPopup=void 0,this.value=""}handleStylingChange(t,e){t!==e&&this.setClientStyling()}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)}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}componentDidLoad(){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,o;if(this.inputReference.validity.tooShort||this.inputReference.validity.tooLong)return a("lengthError",this.language,{values:{minLength:this.validation.minLength,maxLength:this.validation.maxLength}});if(this.inputReference.validity.valueMissing)return a("requiredError",this.language);if(this.isDuplicateInput&&!this.originalValid)return a("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 a(`${i}`,this.language)?a(`${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 a(`${t}`,this.language)?a(`${t}`,this.language):e}return(null===(o=this.passwordComplexity)||void 0===o?void 0:o.every((t=>t.passed)))||this.showPopup?void 0:a("invalidPassword",this.language)}renderTooltip(){return this.showTooltip?i("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,s=this.passwordComplexity.every((t=>t.passed));return i("div",{class:"password__complexity "+(this.showPopup?"":"password__complexity--hidden")},i("div",{class:"password__complexity--strength"},i("p",{class:"password__complexity--text"},a("passwordStrength",this.language)," ",i("span",{class:"password__complexity--text-bold"},a(s?"passwordStrengthStrong":"passwordStrengthWeak",this.language))),i("meter",{value:e,min:"0",max:"1"})),i("div",null,this.passwordComplexity.map(((t,e)=>i("div",{key:e},i("input",{class:"password__complexity--checkbox",type:"checkbox",checked:t.passed,disabled:!0}),i("span",null,a(`${t.ruleKey}`,this.language)?a(`${t.ruleKey}`,this.language):t.rule))))))}renderCustomComplexityPopup(){return i("div",{class:"customreg-password__complexity "+(this.showPopup?"":"customreg-password__complexity--hidden")},i("p",{class:"customreg-password__complexity--title"},a("PasswordMustContain",this.language)),i("div",{class:"customreg-password__complexity--rules"},this.passwordComplexity.map(((t,e)=>i("div",{class:"customreg-password__complexity--rule",key:e},i("span",{class:`customreg-password__complexity--icon ${t.passed?n.PASSWORD_COMPLEXITY_PASSED:n.PASSWORD_COMPLEXITY_FAILED}`},t.passed?"✓":"✕"),i("span",null,a(t.ruleKey,this.language)||t.rule))))))}render(){let t="";return this.touched&&(t=1==this.isValid||null==this.isValid?"":"text__input--invalid"),i("div",{key:"fe895585dd908f75eee4ba797dc9c02b237bed7f",class:`password__wrapper ${this.autofilled?"password__wrapper--autofilled":""} ${this.name}__input`,ref:t=>this.stylingContainer=t},i("div",{key:"844bdb3dab98e62cc5d92a761b85adcdc44831d0",class:"password__wrapper--flex"},i("label",{key:"28041267a6df666e7df3660a907f995eff092ae1",class:"password__label  "+(this.validation.mandatory?"password__label--required":""),htmlFor:`${this.name}__input`},this.displayName),i("div",{key:"79c300643134802f04d8f909fe7bb3895911c88a",class:"password__wrapper--relative"},this.tooltip&&i("img",{key:"43ae58549e42ba59054162c25887ec36eb826aaa",class:"password__tooltip-icon",src:l,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),i("vaadin-password-field",{key:"0edcfed0ea65666537240f531e5239bd5b11181e",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&&i("small",{key:"c8aeba074e66b771d745194fec535aa0b82de6d8",class:"password__error-message"},this.errorMessage),this.passwordComplexity&&this.showPopup&&!this.hidePasswordComplexity&&!this.isDuplicateInput&&(this.enableSouthAfricanMode?this.renderCustomComplexityPopup():this.renderComplexityPopup()))}get element(){return s(this)}static get watchers(){return{clientStyling:["handleStylingChange"],isValid:["validityChanged"],value:["valueChanged"],emitValue:["emitValueHandler"]}}};cc.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 uc=class{constructor(i){t(this,i),this.sendAddressValue=e(this,"sendAddressValue",7),this.sendValidityState=e(this,"sendValidityState",7),this.sendInputValue=e(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(),o=`${e.city}`.trim();this.sendAddressValue.emit({city:o,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:o}),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.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)},this.handleOutsideClick=t=>{if(!this.openAddressDropdown)return;const e=t.composedPath?t.composedPath():[],i=e.includes(this.inputReference),s=e.includes(this.addressesDropdownRef),o=e.some((t=>{var e;return t instanceof Element&&(null===(e=t.classList)||void 0===e?void 0:e.contains("option"))}));i||s||o||(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.isValid=void 0,this.errorMessage="",this.limitStylingAppends=!1,this.showTooltip=!1,this.selectedCountryCode="",this.currentPostalCode="",this.openAddressDropdown=!1,this.showNoResultsMessage=!1,this.refreshTrigger=0,this.isFetchingAddresses=!1}handleStylingChange(t,e){t!==e&&this.setClientStyling()}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()}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}componentWillLoad(){this.defaultValue&&(this.value=this.defaultValue)}componentDidLoad(){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 a("requiredError",this.language);if(this.inputReference.validity.tooShort||this.inputReference.validity.tooLong)return a("lengthError",this.language,{values:{minLength:this.validation.minLength,maxLength:this.validation.maxLength}});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 a(`${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?i("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 s="";this.touched&&(s=1==this.isValid||null==this.isValid?"":"text__input--invalid");let o="UK"===this.selectedCountryCode||"GB"===this.selectedCountryCode||this.ignoreCountry,r=(null===(t=this.addresses)||void 0===t?void 0:t.length)>0&&this.openAddressDropdown&&o,n=this.showNoResultsMessage&&this.currentPostalCode&&this.currentPostalCode.length>=this.postalcodelength&&0===(null===(e=this.addresses)||void 0===e?void 0:e.length)&&o,h=this.isFetchingAddresses&&this.currentPostalCode.length>=this.postalcodelength;return i("div",{key:"f274a95e0a64ec67f01be8a5cf053d475c16e9ca",class:`text__wrapper ${this.name}__input ${this.autofilled?"text__wrapper--autofilled":""}`,ref:t=>this.stylingContainer=t},i("div",{key:"23aa865fd99048cb5c638f0b66b4ff3e8e451d97",class:"text__wrapper--flex"},i("label",{key:"c5d12c1548ec8bfde130a95cc20783f20295a253",class:"text__label  "+(this.validation.mandatory?"text__label--required":""),htmlFor:`${this.name}__input`},this.displayName),i("div",{key:"db2f499ff6ca8f4e3b1a8ac83e7f8856fc1ca888",class:"text__wrapper--relative"},this.tooltip&&i("img",{key:"a1d7ef42855a21f336dbbb337cc8cb644de0c655",class:"text__tooltip-icon",src:l,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),i("div",{key:"18a6812958691749d0c7c3396ce69a3f46f7f1e4",class:"input__text-wrapper"},i("input",{key:"41aa9e6b8817eee602347d7a3a909f0d81985d3d",name:this.name,id:`${this.name}__input`,value:this.determineInputValue(),type:"text",class:`text__input ${s}`,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}),!o&&i("p",{key:"7083c22e5ebb306ad9ca3c4dc29dcd66bc8b17d5",class:"address__manual-input-msg",onClick:()=>this.enterAddressManually()},a("enterIEAddressManually",this.language)),r&&i("div",{key:"95ad996e43da19386f4576eb35850c7ba09e1620",class:"input__addresses-container",ref:t=>this.addressesDropdownRef=t},i("div",{key:"3997d92f28ec2ecee49b2480a5edb0a8431aa1c8",class:"options"},this.addresses.map(((t,e)=>i("div",{key:e,class:"option",onClick:e=>this.handlePostalCode(e,t)},t.number," ",t.street," ",t.city))))),h&&i("div",{key:"cf5f9c9f5f96aa2ef316eb44e97768e3552c4a2e",class:"postalcode__loading-spinner"},i("div",{key:"d9b0dda1be9fa871dee4b7d415f84a28b81c3362",class:"loading-spinner"}),i("span",{key:"b5a6c58d910f5be519617288310a8a456e7e8c1c"},a("searchingForAddresses",this.language))),n&&i("div",{key:"2b5503571824ec9f04f58959b8b38ff279fa6d1d",class:"postalcode__no-results-message"},a("postalLookUpNoAddressFound",this.language))),i("small",{key:"00e0cbe15e10c40c8f43939123c10819592fdce2",class:"text__error-message"},this.errorMessage))}static get watchers(){return{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"],addresses:["handleAddresses"]}}};uc.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 pc=class{constructor(i){t(this,i),this.sendInputValue=e(this,"sendInputValue",7),this.sendValidityState=e(this,"sendValidityState",7),this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)},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.errorMessage=void 0,this.isValid=void 0,this.limitStylingAppends=!1,this.showTooltip=!1}handleStylingChange(t,e){t!==e&&this.setClientStyling()}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)}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}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 a("requiredError",this.language)}renderTooltip(){return this.showTooltip?i("div",{class:"radio__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}render(){return i("fieldset",{key:"33493de460303a32a37d253a0fd5f9da59676542",class:`radio__fieldset ${this.name}__input`,ref:t=>this.stylingContainer=t},i("legend",{key:"8aef7aa84a119742e05d72d976c936a560154b3f",class:"radio__legend"},this.displayName,":"),this.optionsGroup.map((t=>i("div",{class:"radio__wrapper"},i("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)}),i("label",{htmlFor:`${t.label}__input`},t.label)))),i("small",{key:"bec44ed4007e408ddeb0b0293b82e034c8e165f2",class:"radio__error-message"},this.errorMessage),this.tooltip&&i("img",{key:"a3b0a041beabe3f14661c0af8cd970040d060435",class:"radio__tooltip-icon",src:l,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())}static get watchers(){return{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};pc.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 mc=class{constructor(i){t(this,i),this.sendValidityState=e(this,"sendValidityState",7),this.sendInputValue=e(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.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)},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.errorMessage=void 0,this.isValid=void 0,this.limitStylingAppends=!1,this.showTooltip=!1}handleStylingChange(t,e){t!==e&&this.setClientStyling()}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}))}}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}componentDidLoad(){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 a("requiredError",this.language)}renderTooltip(){return this.showTooltip?i("div",{class:"select__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}render(){var t,e;let s="";return this.touched&&(s=1==this.isValid||null==this.isValid?"":"text__input--invalid"),i("div",{key:"b0ed504667761e5fd77e0ac13382b467448a1944",class:`select__wrapper ${this.autofilled?"select__wrapper--autofilled":""}  ${this.name}__input`,ref:t=>this.stylingContainer=t},i("div",{key:"b48d38dc4c2cb3442ff6773a1b1d13191ec4d0e6",class:"select__wrapper--flex"},i("label",{key:"ad592c8c98ecbec1961d22cdfeb8cec910291ea8",class:"select__label",htmlFor:`${this.name}__input`},this.displayName,i("span",{key:"b3c0f2fe9a2d26ade1626878ed9bc1f0b86a23ad",class:this.validation.mandatory?"select__label--required":""})),i("div",{key:"29d0f504d0f51175818dffffb882ac4e6e9c3bde",class:"select__wrapper--relative"},this.tooltip&&i("img",{key:"66e524ffebc43f9418e90b3bd2d7ae62eba47da3",class:"select__tooltip-icon",src:l,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),this.isComboBox?i("vaadin-combo-box",{name:this.name,id:`${this.name}__input`,class:`select__input ${s} ${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}):i("vaadin-select",{name:this.name,popover:!1,id:`${this.name}__input`,class:`select__input ${s} ${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}),i("small",{key:"0143b538740c3a8e9bfcab6bbb44660355c40cf7",class:"select__error-message"},this.errorMessage))}static get watchers(){return{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};mc.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 vc=class{constructor(i){t(this,i),this.sendValidityState=e(this,"sendValidityState",7),this.sendInputValue=e(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.setValidity(),this.errorMessage=this.setErrorMessage(),this.emitValueHandler(!0)}),500)},this.handleBlur=()=>{this.touched||(this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.touched=!0)},this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)},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.isValid=void 0,this.errorMessage=void 0,this.limitStylingAppends=!1,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)}handleStylingChange(t,e){t!==e&&this.setClientStyling()}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)}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}))}}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}componentDidLoad(){this.isValid=this.setValidity(),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)}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.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 a(`${i}`,this.language)?a(`${i}`,this.language):s}return this.inputReference.validity.tooShort||this.inputReference.validity.tooLong?a("lengthError",this.language,{values:{minLength:this.validation.minLength,maxLength:this.validation.maxLength}}):this.inputReference.validity.valueMissing?a("requiredError",this.language):void 0}renderTooltip(){return this.showTooltip?i("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"),i("div",{key:"7296f134bff80795ab52a1a27eb059ab2f3c0c87",class:`tel__wrapper ${this.autofilled?"tel__wrapper--autofilled":""} ${this.name}__input`,ref:t=>this.stylingContainer=t},i("div",{key:"c9b1fdf501299398bcda1e59e65bb0a7d6b7de43",class:"tel__wrapper--flex-label"},i("label",{key:"e7e6858fc61e2b6ea8974f8b4dc8d67a5fcb07b4",class:"tel__label "+(this.validation.mandatory?"tel__label--required":""),htmlFor:`${this.name}__input`},this.displayName),i("div",{key:"6c9cc9a3c74e8cd06224e2663d4c363e5d8fb3c0",class:"tel__wrapper--relative"},this.tooltip&&i("img",{key:"17e85d6050d4796bf5b057c901631a87b25d3b40",class:"tel__tooltip-icon",src:l,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),i("div",{key:"cb2e8b93e5663c92a2fd114d1fe1c9d9e09ebc83",class:`tel__wrapper--flex ${e}`},i("vaadin-combo-box",{key:"fb1c3ab06d19e9ed7bbdf7effe8f25a1f7d9fe15",class:"tel__prefix",items:this.phoneCodesOptions,value:this.prefixValue,readOnly:this.disablePhonePrefix,onChange:t=>this.handlePrefixInput(t)}),i("input",{key:"d2701f0bdca4122c18fd43d311ea8c5e2536b1f5",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})),i("small",{key:"a685ceea5c99f29d992fd5291f67934a22d6997c",class:"tel__error-message"},this.errorMessage))}static get watchers(){return{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};vc.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 fc=class{constructor(i){t(this,i),this.sendValidityState=e(this,"sendValidityState",7),this.sendInputValue=e(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!==n.FIRSTNAME_ON_DOCUMENT&&this.name!==n.LASTNAME_ON_DOCUMENT?e.value:e.value.replace(n.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.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)},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.isValid=void 0,this.errorMessage="",this.limitStylingAppends=!1,this.showTooltip=!1,this.selectedCountryCode=""}handleStylingChange(t,e){t!==e&&this.setClientStyling()}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 o="";"address1"===this.name?o=i:"address2"===this.name?o=s:"City"===this.name&&(o=e),this.value=o,this.touched=!0,this.updateValidationState()}connectedCallback(){this.validationPattern=this.setPattern()}handleExternalDocUpdate(t){this.name===n.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===n.DOCUMENT_NUMBER&&(this.value="",this.touched=!1,this.isValid=!1,this.errorMessage="",this.inputReference&&(this.inputReference.value=""),this.validityStateHandler({valid:!1,name:this.name}))}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}componentWillLoad(){this.defaultValue&&(this.value=this.defaultValue)}componentDidLoad(){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===n.PASSPORT)return n.PASSPORT_NUMERIC_REGEX.test(i)?{valid:!0}:{valid:!1,errorKey:"PassportLengthError"};if(e===n.SOUTH_AFRICAN_ID){if(i.length!==n.SOUTH_AFRICAN_ID_LENGTH)return{valid:!1,errorKey:"SAIdLengthError"};const t=(t=>{if(!n.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===n.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 o=this.value.trim();if(this.enableSouthAfricanMode&&this.name===n.DOCUMENT_NUMBER){const t=window.documentTypeValue,e=this.validateDocument(this.value,t);return e.valid?"":a(e.errorKey,this.language)}if(""===o&&!this.validation.mandatory)return"";if(this.inputReference.validity.valueMissing)return a("requiredError",this.language);if(this.inputReference.validity.tooShort||this.inputReference.validity.tooLong)return a("lengthError",this.language,{values:{minLength:this.validation.minLength,maxLength:this.validation.maxLength}});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 a(`${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 a(`${t}`,this.language)?a(`${t}`,this.language):e}return""}renderTooltip(){return this.showTooltip?i("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"),i("div",{key:"7e4006b92f6c1e2d8b39694fd85fad7d672c18fd",class:`text__wrapper ${this.name}__input ${this.autofilled?"text__wrapper--autofilled":""}`,ref:t=>this.stylingContainer=t},i("div",{key:"e70be4a8daef6cbaa25d438b4d1edaecf6db5159",class:"text__wrapper--flex"},i("label",{key:"0b09f624c460c9d777dd10b887430a4e6de8cacc",class:"text__label  "+(this.validation.mandatory?"text__label--required":""),htmlFor:`${this.name}__input`},this.displayName),i("div",{key:"df36d8f44540b35a65f816ade477c4f4ff077977",class:"text__wrapper--relative"},this.tooltip&&i("img",{key:"85e25624de052cad543c883514ba0c0a522d249f",class:"text__tooltip-icon",src:l,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),i("input",{key:"bf34796489a118f3c4849c3b8b7680fb77f5a2eb",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}),i("small",{key:"725e4208a8170b6cf34869c44ec8cb29c2c7c93f",class:"text__error-message"},this.errorMessage))}static get watchers(){return{clientStyling:["handleStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};fc.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}.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 bc=class{constructor(i){t(this,i),this.sendValidityState=e(this,"sendValidityState",7),this.sendInputValue=e(this,"sendInputValue",7),this.callBackObject={},this.subFieldsObject={},this.value="",this.handleRevealField=(t,e)=>{t.stopPropagation(),window.postMessage({type:`registration${e}Clicked`},window.location.href)},this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)},this.name=void 0,this.displayName=void 0,this.defaultValue="",this.options=void 0,this.autofilled=void 0,this.tooltip=void 0,this.validation=void 0,this.language=void 0,this.emitValue=void 0,this.clientStyling="",this.errorMessage=void 0,this.isValid=void 0,this.limitStylingAppends=!1,this.showTooltip=!1,this.showFields="true"===this.defaultValue}handleStylingChange(t,e){t!==e&&this.setClientStyling()}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)}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}componentDidLoad(){0!==this.options.length&&this.options.forEach((t=>{this.callBackObject[t.name]=e=>{this.handleRevealField(e,t.name)},this.subFieldsObject[t.name].addEventListener("click",this.callBackObject[t.name])}))}handleClick(){this.showFields=this.checkboxReference.checked,this.errorMessage=this.setErrorMessage(),this.isValid=this.setValidity(),this.valueHandler({name:this.name,value:this.checkboxReference.checked?"true":"false",type:"toggle"})}setValidity(){return this.checkboxReference.validity.valid}setErrorMessage(){if(this.checkboxReference.validity.valueMissing)return a("requiredError",this.language)}disconnectedCallback(){this.options.forEach((t=>{this.subFieldsObject[t.name].removeEventListener("click",this.callBackObject[t.name])}))}renderLabel(){return i("label",{class:"togglecheckbox__label",htmlFor:`${this.name}__input`},i("div",{class:"togglecheckbox__label-text",innerHTML:`${this.displayName} ${this.validation.mandatory?"*":""}`}))}renderTooltip(){return this.showTooltip?i("div",{class:"togglecheckbox__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}render(){return i("div",{key:"828751327e59e9649afc04c6c9f7a02ef7dcae8d",class:`togglecheckbox__wrapper  ${this.name}__input`,ref:t=>this.stylingContainer=t},i("div",{key:"d02a2a6ef595aaf7142cbc6e9681394ee4db8fee",class:"togglecheckbox__wrapper--flex"},i("input",{key:"fca6401ef6eb178f53471362444d54ed69086429",class:"togglecheckbox__input",type:"checkbox",id:`${this.name}__input`,ref:t=>this.checkboxReference=t,name:this.name,checked:"true"===this.defaultValue,readOnly:this.autofilled,required:this.validation.mandatory,value:this.value,onClick:()=>this.handleClick()}),this.renderLabel()),i("small",{key:"3781a8fdfeb719422693bcd541a4a3fe708e705a",class:"togglecheckbox__error-message"},this.errorMessage),i("div",{key:"27a4c6b047cd332407ee40c82cf7be1914ed34c9",class:"togglecheckbox__wrapper--relative"},this.tooltip&&i("img",{key:"f1367d7e061d20ad68c24dfbe3147e6b67df746f",class:"togglecheckbox__tooltip-icon",src:l,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip()),i("div",{key:"98d42103554de4d14a65eafd1722bf9d587a27f1",class:"togglecheckbox__fields-wrapper "+(this.showFields?"":"hidden")},this.options.map((t=>i("general-input",{type:t.inputType,name:t.name,displayName:t.displayName,validation:t.validate,action:t.action||null,defaultValue:t.defaultValue,autofilled:t.autofill,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:t.tooltip,placeholder:null==t.placeholder?"":t.placeholder,ref:e=>this.subFieldsObject[t.name]=e})))))}static get watchers(){return{clientStyling:["handleStylingChange"]}}};bc.style='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.togglecheckbox{font-family:"Roboto";font-style:normal;font-size:15px}.togglecheckbox__wrapper{position:relative}.togglecheckbox__wrapper--flex{display:flex;gap:10px;align-items:baseline}.togglecheckbox__wrapper--relative{position:relative;display:inline}.togglecheckbox__input{transform:scale(1.307, 1.307);margin-left:2px;accent-color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.togglecheckbox__label{font-style:inherit;font-family:inherit;font-weight:400;font-size:16px;color:var(--emw--registration-typography, var(--emw--color-black, #000000));line-height:1.5;cursor:pointer;padding:0}.togglecheckbox__label-text{font-size:16px}.togglecheckbox__label a{color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.togglecheckbox__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.togglecheckbox__tooltip-icon{width:16px;height:auto}.togglecheckbox__tooltip{position:absolute;top:0;right:0;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}.togglecheckbox__tooltip.visible{opacity:1}.togglecheckbox__fields-wrapper{margin-top:40px;display:flex;flex-direction:column;gap:40px}.hidden{display:none}';const gc=class{constructor(i){t(this,i),this.registrationWidgetLoaded=e(this,"registrationWidgetLoaded",7),this.sendValidityState=e(this,"sendValidityState",7),this.sendInputValue=e(this,"sendInputValue",7),this.resendCode=e(this,"resendCode",7),this.validationPattern="",this.stylingContainer=null,this.tooltipReference=null,this.tooltipIconReference=null,this.inputRefs=[],this.containerRef=null,this.resendInterval=null,this.resendCodeHandler=()=>{this.triggerResendInterval(),this.resendCode.emit()},this.setClientStylingURL=()=>{let t=new URL(this.clientStylingUrl),e=document.createElement("style");fetch(t.href).then((t=>t.text())).then((t=>{e.innerHTML=t,this.clientStyling=t,setTimeout((()=>{this.host.shadowRoot.prepend(e)}),1)}))},this.setInputRef=(t,e)=>{t&&(this.inputRefs[e]=t)},this.setContainerRef=t=>{t&&(this.containerRef=t)},this.triggerResendInterval=()=>{this.isResendButtonAvailable=!1,this.resendInterval&&clearInterval(this.resendInterval),this.resendInterval=setInterval((()=>{--this.resendIntervalSecondsLeft<=0&&(clearInterval(this.resendInterval),this.resendIntervalSecondsLeft=this.resendIntervalSeconds,this.isResendButtonAvailable=!0)}),1e3)},this.formatTime=()=>{const t=String(Math.floor(this.resendIntervalSecondsLeft/60));let e=String(this.resendIntervalSecondsLeft%60);return 1===e.length&&(e="0"+e),`${t}:${e}`},this.handleInput=(t,e)=>{const i=t.target,s=i.value.slice(-1);if(i.value=s,!s)return;this.code[e]=s,this.enableSouthAfricanMode&&(this.revealedIndexes=[e],this.revealTimeout&&clearTimeout(this.revealTimeout),this.revealTimeout=setTimeout((()=>{this.revealedIndexes=[]}),500));const o=this.inputRefs[e+1];o&&o.focus(),this.setValidity(),this.setErrorMessage()},this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)},this.setStreamStyling=t=>{if(window.emMessageBus){const e=document.createElement("style");this.stylingSubscription=window.emMessageBus.subscribe(t,(t=>{e.innerHTML=t,this.clientStyling=t,this.host.shadowRoot.prepend(e)}))}},this.name="",this.displayName="",this.placeholder="",this.validation=void 0,this.tooltip="",this.language="en",this.emitValue=!0,this.destination="",this.resendIntervalSeconds=60,this.clientStyling="",this.enableSouthAfricanMode=void 0,this.pinAttemptsExceeded=void 0,this.clientStylingUrl="",this.mbSource=void 0,this.limitStylingAppends=!1,this.isValid=!1,this.isResendButtonAvailable=!0,this.showTooltip=!1,this.errorMessage="",this.code=[],this.resendIntervalSecondsLeft=this.resendIntervalSeconds,this.revealedIndexes=[]}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.code.join("")})}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.code.join("")})}handleStylingUrlChange(t,e){t!==e&&this.setClientStylingURL()}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)}handleStylingChange(t,e){t!==e&&this.setClientStyling()}connectedCallback(){this.validationPattern=this.setPattern(),this.code=new Array(this.validation.maxLength).fill("")}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}componentDidLoad(){this.setValidity(),this.registrationWidgetLoaded.emit(),window.postMessage({type:"registrationWidgetLoaded"},window.location.href),!this.limitStylingAppends&&this.host&&(null!=window.emMessageBus?this.setStreamStyling(`${this.mbSource}.Style`):(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0))}handleKeyDown(t,e){if("Backspace"===t.key){const t=[...this.code];t[e]="",this.code=t,this.enableSouthAfricanMode&&(this.revealedIndexes=this.revealedIndexes.filter((t=>t!==e)));const i=this.inputRefs[e-1];null==i||i.focus()}this.setValidity(),this.setErrorMessage()}handlePaste(t){var e,i;t.preventDefault();const s=null===(i=null===(e=t.clipboardData)||void 0===e?void 0:e.getData("text"))||void 0===i?void 0:i.trim();if(!s)return;const o=s.slice(0,this.validation.maxLength).split("");this.code=[...o,...new Array(this.validation.maxLength-o.length).fill("")],this.enableSouthAfricanMode&&(this.revealedIndexes=o.map(((t,e)=>e)),this.revealTimeout&&clearTimeout(this.revealTimeout),this.revealTimeout=setTimeout((()=>{this.revealedIndexes=[]}),500));const r=this.inputRefs[Math.min(o.length,this.inputRefs.length-1)];null==r||r.focus(),this.setValidity(),this.setErrorMessage(),this.enableSouthAfricanMode&&(this.valueHandler({name:this.name,value:this.code.join("")}),this.validityStateHandler({valid:this.isValid,name:this.name}))}setValidity(){const t=this.code.join(""),e=t.length===this.validation.maxLength,i=null!==t.match(this.validationPattern);this.isValid=e&&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;if(null!==this.code.join("").match(this.validationPattern))this.errorMessage="";else{const e=null===(t=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===t?void 0:t.errorKey;e&&(this.errorMessage=a(e,this.language))}}renderTooltip(){return this.showTooltip?i("div",{class:"text__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}getInputDisplayValue(t){const e=this.code[t];return e?this.enableSouthAfricanMode?this.revealedIndexes.includes(t)?e:"*":e:""}render(){return i("div",{key:"08b9139f1c2236dd40a045517a9623ad966f29d3",class:"twofa",ref:t=>this.stylingContainer=t},i("div",{key:"7528885100be3d450ec52aafd6085a4c852710c8",class:"twofa__error-message"},i("p",{key:"51dab3f02156b5eb3b7408f06f2d359cfbda11a7"},this.errorMessage)),i("div",{key:"f336f89ecee0724663b1bbb4d443bb834336b5c1",class:"twofa__description",innerHTML:a("twofaDescription",this.language,{values:{destination:this.destination}})}),i("div",{key:"5127127ccc8e50428f8319fddc9e21606f3b4148",class:"twofa__input-wrapper",ref:this.setContainerRef},this.code.map(((t,e)=>i("input",{key:e,ref:t=>this.setInputRef(t,e),id:`otp-input-${e}`,type:"text",maxLength:2,value:this.getInputDisplayValue(e),onInput:t=>this.handleInput(t,e),onKeyDown:t=>this.handleKeyDown(t,e),onPaste:t=>this.handlePaste(t)})))),i("div",{key:"be82ae1192129d571275b78c8097c3023468cf3e",class:"twofa__button-wrapper"},i("p",{key:"11de61d738ffa74bfd44f0d7c88fc4e456647d0c",class:"twofa__resend-message"},a("twofaResendMessage",this.language)),i("button",{key:"84d5c55c4d9bf024164ec52e2100cfcc8c236ac2",class:"twofa__resend-button "+(this.pinAttemptsExceeded?"twofa__resend-button--disabled":""),onClick:this.resendCodeHandler,disabled:!this.isResendButtonAvailable||this.pinAttemptsExceeded},this.isResendButtonAvailable?a("twofaResendButton",this.language):this.formatTime())))}get host(){return s(this)}static get watchers(){return{isValid:["validityChanged"],emitValue:["emitValueHandler"],clientStylingUrl:["handleStylingUrlChange"],clientStyling:["handleStylingChange"]}}};gc.style="*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.twofa{display:flex;flex-direction:column;gap:10px}.twofa__description{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center}.twofa__error-message{text-align:center;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.twofa__input-wrapper{display:flex;justify-content:center}.twofa__input-wrapper input{width:35px;height:35px;padding:10px;text-align:center;border-radius:var(--emw--border-radius-small, 5px);margin-left:5px;margin-right:5px;border:2px solid var(--emw--otp-border-color, #55525c);font-weight:var(--emw-font-weight-bold, 800);outline:none;transition:all 0.1s}.twofa__input-wrapper input:focus{border:2px solid var(--emw--color-primary, #22B04E);box-shadow:0 0 2px 2px var(--emw--color-primary, #22B04E)}.twofa__button-wrapper{justify-content:center;text-align:center}.twofa__button-wrapper button{border:none;background:none;font-weight:var(--emw-font-weight-bold, 800);color:var(--emw--color-primary, #22B04E);cursor:pointer}";export{h as checkbox_group_input,d as checkbox_input,Qe as date_input,Xe as email_input,hc as general_input,dc as number_input,cc as password_input,uc as postalcode_input,pc as radio_input,mc as select_input,vc as tel_input,fc as text_input,bc as toggle_checkbox_input,gc as twofa_input}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/general-input",
-  "version": "1.87.20",
+  "version": "1.87.22",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",