@everymatrix/pam-change-password 1.90.24 → 1.90.25

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

@@ -14329,6 +14329,7 @@ const TelInput = class {
             }
             this.debounceTime = setTimeout(() => {
                 this.isValid = this.isValidValue();
+                this.applyCustomError();
                 this.errorMessage = this.setErrorMessage();
                 this.emitValueHandler(true);
             }, 500);
@@ -14336,6 +14337,7 @@ const TelInput = class {
         this.handleBlur = () => {
             this.touched = true;
             this.isValid = this.isValidValue();
+            this.applyCustomError();
             this.errorMessage = this.setErrorMessage();
         };
         this.name = undefined;
@@ -14393,6 +14395,60 @@ const TelInput = class {
             this.showTooltip = false;
         }
     }
+    resetValidationState() {
+        this.lastCustomErrorKey = undefined;
+        this.lastCustomErrorMessage = undefined;
+        this.inputReference.setCustomValidity('');
+    }
+    isMissingValue(value) {
+        return this.validation.mandatory && value === '';
+    }
+    isFixedLength(value) {
+        const min = this.validation.minLength;
+        const max = this.validation.maxLength;
+        return !!(min && max && min === max && value.length !== min);
+    }
+    isTooShort(value) {
+        const min = this.validation.minLength;
+        return !!(min && value.length < min);
+    }
+    isTooLong(value) {
+        const max = this.validation.maxLength;
+        return !!(max && value.length > max);
+    }
+    failsPattern(value) {
+        if (!this.validationPattern)
+            return false;
+        let patternRegex;
+        try {
+            patternRegex = new RegExp(this.validationPattern);
+        }
+        catch (e) {
+            console.warn('Invalid validationPattern:', this.validationPattern, e);
+            return false;
+        }
+        return !patternRegex.test(value);
+    }
+    failsCustomRules(value) {
+        const customs = (this.validation.custom || [])
+            .filter(c => c.rule === 'regex' && c.pattern);
+        // Skip the first rule (already validated in failsPattern)
+        const [, ...additionalRules] = customs;
+        for (const rule of additionalRules) {
+            let regex;
+            try {
+                regex = new RegExp(rule.pattern);
+            }
+            catch (e) {
+                console.warn('Invalid regex pattern:', rule.pattern, e);
+                continue;
+            }
+            if (!regex.test(value)) {
+                return true;
+            }
+        }
+        return false;
+    }
     connectedCallback() {
         var _a;
         this.validationPattern = this.setPattern();
@@ -14455,52 +14511,26 @@ const TelInput = class {
         this.emitValueHandler(true);
     }
     isValidValue() {
-        if (!this.inputReference) {
+        var _a, _b;
+        if (!this.inputReference)
             return false;
-        }
-        this.inputReference.setCustomValidity('');
-        this.lastCustomErrorKey = undefined;
-        this.lastCustomErrorMessage = undefined;
-        if (this.validation.mandatory && (!this.phoneValue || this.phoneValue.trim() === '')) {
+        this.resetValidationState();
+        const value = (_b = (_a = this.phoneValue) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : '';
+        const isEmpty = value === '';
+        if (this.isMissingValue(value))
             return false;
-        }
-        if (!this.phoneValue || this.phoneValue.trim() === '') {
-            return !this.validation.mandatory;
-        }
-        if (this.validation.minLength && this.phoneValue.length < this.validation.minLength) {
+        if (isEmpty)
+            return true;
+        if (this.isFixedLength(value))
             return false;
-        }
-        if (this.validation.maxLength && this.phoneValue.length > this.validation.maxLength) {
+        if (this.isTooShort(value))
+            return false;
+        if (this.isTooLong(value))
+            return false;
+        if (this.failsPattern(value))
+            return false;
+        if (this.failsCustomRules(value))
             return false;
-        }
-        if (this.validationPattern) {
-            const patternRegex = new RegExp(this.validationPattern);
-            if (!patternRegex.test(this.phoneValue)) {
-                return false;
-            }
-        }
-        if (this.enableCustomRegexValidation) {
-            const customs = (this.validation.custom || []).filter(c => c.rule === 'regex' && c.pattern);
-            if (customs.length > 1) {
-                // First regex is used as <input> pattern; validate only the remaining rules here
-                const additionalRules = customs.slice(1);
-                for (const rule of additionalRules) {
-                    let regex;
-                    try {
-                        regex = new RegExp(rule.pattern);
-                    }
-                    catch (_a) {
-                        continue;
-                    }
-                    if (!regex.test(this.phoneValue)) {
-                        this.lastCustomErrorKey = rule.errorKey;
-                        this.lastCustomErrorMessage = rule.errorMessage;
-                        this.inputReference.setCustomValidity('customError');
-                        return false;
-                    }
-                }
-            }
-        }
         return true;
     }
     setPattern() {
@@ -14542,6 +14572,27 @@ const TelInput = class {
             return translated ? translated : (this.lastCustomErrorMessage || '');
         }
     }
+    applyCustomError() {
+        const customs = (this.validation.custom || [])
+            .filter(c => c.rule === 'regex' && c.pattern);
+        const [, ...additionalRules] = customs;
+        for (const rule of additionalRules) {
+            let regex;
+            try {
+                regex = new RegExp(rule.pattern);
+            }
+            catch (e) {
+                console.warn('[applyCustomError] invalid regex pattern:', rule.pattern, e);
+                continue;
+            }
+            if (!regex.test(this.phoneValue)) {
+                this.lastCustomErrorKey = rule.errorKey;
+                this.lastCustomErrorMessage = rule.errorMessage;
+                this.inputReference.setCustomValidity('customError');
+                return;
+            }
+        }
+    }
     renderTooltip() {
         if (this.showTooltip) {
             return (index.h("div", { class: `tel__tooltip ${this.showTooltip ? 'visible' : ''}`, ref: (el) => this.tooltipReference = el, innerHTML: this.tooltip }));
@@ -14554,8 +14605,8 @@ const TelInput = class {
         if (this.touched) {
             invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
         }
-        return index.h("div", { key: 'e33193abf4094e4dac87b9cb7d95aaaf4bd8827c', class: `tel__wrapper ${this.autofilled ? 'tel__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, index.h("div", { key: '3978e74f9decf4c6d632268e73507878d3aca0da', class: 'tel__wrapper--flex-label' }, index.h("label", { key: '1b7711f58ab7fc7e48ea6fa889334d64eeb2bfb4', class: `tel__label ${this.validation.mandatory ? 'tel__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), index.h("div", { key: 'a768af0e4a2c07fcf4b996814650493057120697', class: 'tel__wrapper--relative' }, this.tooltip &&
-            index.h("img", { key: 'b7f302055d8a4739baa8dece656780fa2183665a', class: 'tel__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), index.h("div", { key: 'd095e9e0666096278466d134e06f2985611f9f4d', class: `tel__wrapper--flex ${invalidClass}` }, index.h("vaadin-combo-box", { key: 'd336c7ee95ad77d513a3d485786d8774f11f91fc', class: 'tel__prefix', items: this.phoneCodesOptions, value: this.prefixValue, readOnly: this.disablePhonePrefix, onChange: (e) => this.handlePrefixInput(e) }), index.h("input", { key: '5f403eb589e0ae8ee2284d2bd30a60850a33fb20', type: "tel", ref: (el) => this.inputReference = el, id: `${this.name}__input`, readOnly: this.autofilled, class: `tel__input`, value: (_a = this.phoneValue) !== null && _a !== void 0 ? _a : '', placeholder: `${this.placeholder}`, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, pattern: this.validationPattern, onInput: this.handleInput, onBlur: this.handleBlur })), index.h("small", { key: 'b4f7dca6a67471828af759437927c57ca5a89c99', class: 'tel__error-message' }, this.errorMessage));
+        return index.h("div", { key: '82da44bb2bacec9efb3631e377978d678e766919', class: `tel__wrapper ${this.autofilled ? 'tel__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, index.h("div", { key: '4ca8d6dde2d3f8e15e2d26d593297519e0c94053', class: 'tel__wrapper--flex-label' }, index.h("label", { key: '3b0e2736fd47537b2ecd80cf49a146992d59474e', class: `tel__label ${this.validation.mandatory ? 'tel__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), index.h("div", { key: '1577aafc7b68128e91cdfe9ddc563bbad9d7b901', class: 'tel__wrapper--relative' }, this.tooltip &&
+            index.h("img", { key: 'cb6576e1248fc52f937c685d59d994a1d098d7cc', class: 'tel__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), index.h("div", { key: 'a1e9f3c68691fbb61947cd41c0ffddcd124b4bbb', class: `tel__wrapper--flex ${invalidClass}` }, index.h("vaadin-combo-box", { key: '9aa33a487f019ee7393e29a0ce0d1836a23f5e09', class: 'tel__prefix', items: this.phoneCodesOptions, value: this.prefixValue, readOnly: this.disablePhonePrefix, onChange: (e) => this.handlePrefixInput(e) }), index.h("input", { key: '21d69c041b9a5f5f6fb1e6d7b392945cafe99e87', type: "tel", ref: (el) => this.inputReference = el, id: `${this.name}__input`, readOnly: this.autofilled, class: `tel__input`, value: (_a = this.phoneValue) !== null && _a !== void 0 ? _a : '', placeholder: `${this.placeholder}`, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, pattern: this.validationPattern, onInput: this.handleInput, onBlur: this.handleBlur })), index.h("small", { key: '76febe89ad7ee581eb5fc79658d81123da08ccdd', class: 'tel__error-message' }, this.errorMessage));
     }
     static get watchers() { return {
         "clientStyling": ["handleClientStylingChange"],

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

@@ -14326,6 +14326,7 @@ const TelInput = class {
             }
             this.debounceTime = setTimeout(() => {
                 this.isValid = this.isValidValue();
+                this.applyCustomError();
                 this.errorMessage = this.setErrorMessage();
                 this.emitValueHandler(true);
             }, 500);
@@ -14333,6 +14334,7 @@ const TelInput = class {
         this.handleBlur = () => {
             this.touched = true;
             this.isValid = this.isValidValue();
+            this.applyCustomError();
             this.errorMessage = this.setErrorMessage();
         };
         this.name = undefined;
@@ -14390,6 +14392,60 @@ const TelInput = class {
             this.showTooltip = false;
         }
     }
+    resetValidationState() {
+        this.lastCustomErrorKey = undefined;
+        this.lastCustomErrorMessage = undefined;
+        this.inputReference.setCustomValidity('');
+    }
+    isMissingValue(value) {
+        return this.validation.mandatory && value === '';
+    }
+    isFixedLength(value) {
+        const min = this.validation.minLength;
+        const max = this.validation.maxLength;
+        return !!(min && max && min === max && value.length !== min);
+    }
+    isTooShort(value) {
+        const min = this.validation.minLength;
+        return !!(min && value.length < min);
+    }
+    isTooLong(value) {
+        const max = this.validation.maxLength;
+        return !!(max && value.length > max);
+    }
+    failsPattern(value) {
+        if (!this.validationPattern)
+            return false;
+        let patternRegex;
+        try {
+            patternRegex = new RegExp(this.validationPattern);
+        }
+        catch (e) {
+            console.warn('Invalid validationPattern:', this.validationPattern, e);
+            return false;
+        }
+        return !patternRegex.test(value);
+    }
+    failsCustomRules(value) {
+        const customs = (this.validation.custom || [])
+            .filter(c => c.rule === 'regex' && c.pattern);
+        // Skip the first rule (already validated in failsPattern)
+        const [, ...additionalRules] = customs;
+        for (const rule of additionalRules) {
+            let regex;
+            try {
+                regex = new RegExp(rule.pattern);
+            }
+            catch (e) {
+                console.warn('Invalid regex pattern:', rule.pattern, e);
+                continue;
+            }
+            if (!regex.test(value)) {
+                return true;
+            }
+        }
+        return false;
+    }
     connectedCallback() {
         var _a;
         this.validationPattern = this.setPattern();
@@ -14452,52 +14508,26 @@ const TelInput = class {
         this.emitValueHandler(true);
     }
     isValidValue() {
-        if (!this.inputReference) {
+        var _a, _b;
+        if (!this.inputReference)
             return false;
-        }
-        this.inputReference.setCustomValidity('');
-        this.lastCustomErrorKey = undefined;
-        this.lastCustomErrorMessage = undefined;
-        if (this.validation.mandatory && (!this.phoneValue || this.phoneValue.trim() === '')) {
+        this.resetValidationState();
+        const value = (_b = (_a = this.phoneValue) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : '';
+        const isEmpty = value === '';
+        if (this.isMissingValue(value))
             return false;
-        }
-        if (!this.phoneValue || this.phoneValue.trim() === '') {
-            return !this.validation.mandatory;
-        }
-        if (this.validation.minLength && this.phoneValue.length < this.validation.minLength) {
+        if (isEmpty)
+            return true;
+        if (this.isFixedLength(value))
             return false;
-        }
-        if (this.validation.maxLength && this.phoneValue.length > this.validation.maxLength) {
+        if (this.isTooShort(value))
+            return false;
+        if (this.isTooLong(value))
+            return false;
+        if (this.failsPattern(value))
+            return false;
+        if (this.failsCustomRules(value))
             return false;
-        }
-        if (this.validationPattern) {
-            const patternRegex = new RegExp(this.validationPattern);
-            if (!patternRegex.test(this.phoneValue)) {
-                return false;
-            }
-        }
-        if (this.enableCustomRegexValidation) {
-            const customs = (this.validation.custom || []).filter(c => c.rule === 'regex' && c.pattern);
-            if (customs.length > 1) {
-                // First regex is used as <input> pattern; validate only the remaining rules here
-                const additionalRules = customs.slice(1);
-                for (const rule of additionalRules) {
-                    let regex;
-                    try {
-                        regex = new RegExp(rule.pattern);
-                    }
-                    catch (_a) {
-                        continue;
-                    }
-                    if (!regex.test(this.phoneValue)) {
-                        this.lastCustomErrorKey = rule.errorKey;
-                        this.lastCustomErrorMessage = rule.errorMessage;
-                        this.inputReference.setCustomValidity('customError');
-                        return false;
-                    }
-                }
-            }
-        }
         return true;
     }
     setPattern() {
@@ -14539,6 +14569,27 @@ const TelInput = class {
             return translated ? translated : (this.lastCustomErrorMessage || '');
         }
     }
+    applyCustomError() {
+        const customs = (this.validation.custom || [])
+            .filter(c => c.rule === 'regex' && c.pattern);
+        const [, ...additionalRules] = customs;
+        for (const rule of additionalRules) {
+            let regex;
+            try {
+                regex = new RegExp(rule.pattern);
+            }
+            catch (e) {
+                console.warn('[applyCustomError] invalid regex pattern:', rule.pattern, e);
+                continue;
+            }
+            if (!regex.test(this.phoneValue)) {
+                this.lastCustomErrorKey = rule.errorKey;
+                this.lastCustomErrorMessage = rule.errorMessage;
+                this.inputReference.setCustomValidity('customError');
+                return;
+            }
+        }
+    }
     renderTooltip() {
         if (this.showTooltip) {
             return (h("div", { class: `tel__tooltip ${this.showTooltip ? 'visible' : ''}`, ref: (el) => this.tooltipReference = el, innerHTML: this.tooltip }));
@@ -14551,8 +14602,8 @@ const TelInput = class {
         if (this.touched) {
             invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
         }
-        return h("div", { key: 'e33193abf4094e4dac87b9cb7d95aaaf4bd8827c', class: `tel__wrapper ${this.autofilled ? 'tel__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h("div", { key: '3978e74f9decf4c6d632268e73507878d3aca0da', class: 'tel__wrapper--flex-label' }, h("label", { key: '1b7711f58ab7fc7e48ea6fa889334d64eeb2bfb4', class: `tel__label ${this.validation.mandatory ? 'tel__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("div", { key: 'a768af0e4a2c07fcf4b996814650493057120697', class: 'tel__wrapper--relative' }, this.tooltip &&
-            h("img", { key: 'b7f302055d8a4739baa8dece656780fa2183665a', class: 'tel__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h("div", { key: 'd095e9e0666096278466d134e06f2985611f9f4d', class: `tel__wrapper--flex ${invalidClass}` }, h("vaadin-combo-box", { key: 'd336c7ee95ad77d513a3d485786d8774f11f91fc', class: 'tel__prefix', items: this.phoneCodesOptions, value: this.prefixValue, readOnly: this.disablePhonePrefix, onChange: (e) => this.handlePrefixInput(e) }), h("input", { key: '5f403eb589e0ae8ee2284d2bd30a60850a33fb20', type: "tel", ref: (el) => this.inputReference = el, id: `${this.name}__input`, readOnly: this.autofilled, class: `tel__input`, value: (_a = this.phoneValue) !== null && _a !== void 0 ? _a : '', placeholder: `${this.placeholder}`, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, pattern: this.validationPattern, onInput: this.handleInput, onBlur: this.handleBlur })), h("small", { key: 'b4f7dca6a67471828af759437927c57ca5a89c99', class: 'tel__error-message' }, this.errorMessage));
+        return h("div", { key: '82da44bb2bacec9efb3631e377978d678e766919', class: `tel__wrapper ${this.autofilled ? 'tel__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h("div", { key: '4ca8d6dde2d3f8e15e2d26d593297519e0c94053', class: 'tel__wrapper--flex-label' }, h("label", { key: '3b0e2736fd47537b2ecd80cf49a146992d59474e', class: `tel__label ${this.validation.mandatory ? 'tel__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("div", { key: '1577aafc7b68128e91cdfe9ddc563bbad9d7b901', class: 'tel__wrapper--relative' }, this.tooltip &&
+            h("img", { key: 'cb6576e1248fc52f937c685d59d994a1d098d7cc', class: 'tel__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h("div", { key: 'a1e9f3c68691fbb61947cd41c0ffddcd124b4bbb', class: `tel__wrapper--flex ${invalidClass}` }, h("vaadin-combo-box", { key: '9aa33a487f019ee7393e29a0ce0d1836a23f5e09', class: 'tel__prefix', items: this.phoneCodesOptions, value: this.prefixValue, readOnly: this.disablePhonePrefix, onChange: (e) => this.handlePrefixInput(e) }), h("input", { key: '21d69c041b9a5f5f6fb1e6d7b392945cafe99e87', type: "tel", ref: (el) => this.inputReference = el, id: `${this.name}__input`, readOnly: this.autofilled, class: `tel__input`, value: (_a = this.phoneValue) !== null && _a !== void 0 ? _a : '', placeholder: `${this.placeholder}`, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, pattern: this.validationPattern, onInput: this.handleInput, onBlur: this.handleBlur })), h("small", { key: '76febe89ad7ee581eb5fc79658d81123da08ccdd', class: 'tel__error-message' }, this.errorMessage));
     }
     static get watchers() { return {
         "clientStyling": ["handleClientStylingChange"],

package/dist/pam-change-password/checkbox-group-input_16.entry.js

@@ -6654,4 +6654,4 @@ Ls("vaadin-tabs",ki`
       </div>
 
       <div on-click="_scrollForward" part="forward-button" aria-hidden="true"></div>
-    `}static get is(){return"vaadin-tabs"}}fi(vc);const fc=class{constructor(i){t(this,i),this.registrationWidgetLoaded=e(this,"registrationWidgetLoaded",7),this.handleClick=t=>{this.emitOnClick&&(t.stopPropagation(),window.postMessage({type:`registration${this.name}Clicked`},window.location.href))},this.type="text",this.name=void 0,this.displayName=void 0,this.placeholder=void 0,this.action=void 0,this.validation=void 0,this.options=void 0,this.language=void 0,this.autofilled=void 0,this.tooltip=void 0,this.defaultValue=void 0,this.emitValue=void 0,this.isDuplicateInput=void 0,this.hidePasswordComplexity=!1,this.noValidation=!1,this.clientStyling="",this.clientStylingUrl="",this.dateFormat=void 0,this.translationUrl="",this.emitOnClick=!1,this.twofaDestination=void 0,this.twofaResendIntervalSeconds=60,this.haspostalcodelookup=void 0,this.postalcodelength=void 0,this.addresses=[],this.ignoreCountry=!1,this.enableSouthAfricanMode=void 0,this.enableManualDateInput=!1,this.pinAttemptsExceeded=void 0,this.mbSource=void 0,this.enableCustomRegexValidation=!1}handleClientStylingChange(t,e){t!==e&&o(this.stylingContainer,this.clientStyling)}handleClientStylingChangeURL(t,e){t!==e&&this.clientStylingUrl&&a(this.stylingContainer,this.clientStylingUrl)}connectedCallback(){var t;this.translationUrl&&(t=this.translationUrl,new Promise((e=>{fetch(t).then((t=>t.json())).then((t=>{Object.keys(t).forEach((e=>{l[e]=l[e]||{};for(let i in t[e])"string"==typeof t[e][i]&&(l[e]=l[e]||{},l[e][i]=t[e][i])})),e(!0)}))})))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}componentDidLoad(){this.handleClientStyling(),this.registrationWidgetLoaded.emit(),window.postMessage({type:"registrationWidgetLoaded"},window.location.href)}handleClientStyling(){void 0===window.emMessageBus?(this.clientStyling&&o(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&a(this.stylingContainer,this.clientStylingUrl)):this.stylingSubscription=n(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}renderInput(){var t;switch(null===(t=this.type)||void 0===t?void 0:t.toLowerCase()){case"text":return this.haspostalcodelookup&&"PostalCode"===this.name?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,"mb-source":this.mbSource}):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,"mb-source":this.mbSource});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,"mb-source":this.mbSource});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,"mb-source":this.mbSource});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,"mb-source":this.mbSource});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,"mb-source":this.mbSource});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,"mb-source":this.mbSource});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,"enable-manual-date-input":this.enableManualDateInput,"mb-source":this.mbSource});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,"mb-source":this.mbSource});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,"mb-source":this.mbSource});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,"mb-source":this.mbSource,"enable-custom-regex-validation":this.enableCustomRegexValidation});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,"mb-source":this.mbSource});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});case"label":if(this.displayName&&""!==this.displayName.trim())return i("div",{class:"general-non-input",innerHTML:this.displayName});i("p",null,"No content in label type");default:return i("p",null,"The ",this.type," input type is not valid")}}render(){return i(r,{key:"a7ad2847def0556c185560cd1ca1b07c387026a7",class:`general-input--${this.name}`,onClick:this.handleClick},this.renderInput())}get host(){return s(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}}};fc.style=":host{display:block;height:100%}";const gc=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.name=void 0,this.displayName=void 0,this.placeholder=void 0,this.validation=void 0,this.defaultValue=void 0,this.autofilled=void 0,this.tooltip=void 0,this.language=void 0,this.emitValue=void 0,this.clientStyling="",this.mbSource=void 0,this.errorMessage=void 0,this.isValid=void 0,this.showTooltip=!1}handleClientStylingChange(t,e){t!==e&&o(this.stylingContainer,this.clientStyling)}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value})}validityStateHandler(t){this.sendValidityState.emit(t)}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value})}valueHandler(t){this.sendInputValue.emit(t)}handleClickOutside(t){const e=t.composedPath();e.includes(this.tooltipIconReference)||e.includes(this.tooltipReference)||(this.showTooltip=!1)}connectedCallback(){this.validationPattern=this.setPattern()}handleClientStyling(){void 0===window.emMessageBus?this.clientStyling&&o(this.stylingContainer,this.clientStyling):this.stylingSubscription=n(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.handleClientStyling(),this.isValid=this.setValidity(),this.defaultValue&&(this.value=this.defaultValue,this.valueHandler({name:this.name,value:this.value}))}setValidity(){return this.inputReference.validity.valid}setPattern(){var t,e;if((null===(t=this.validation.custom)||void 0===t?void 0:t.length)>0)return null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.pattern}setErrorMessage(){var t,e;if(this.inputReference.validity.valueMissing)return p("requiredError",this.language);if(this.inputReference.validity.rangeUnderflow||this.inputReference.validity.rangeOverflow)return p("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 p(`${i}`,this.language)?p(`${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:"bd11140dc6c8ddb6b800d4fe6544df733c5157c4",class:`number__wrapper ${this.autofilled?"number__wrapper--autofilled":""}  ${this.name}__input`,ref:t=>this.stylingContainer=t},i("div",{key:"c8318c687bc471fc225b9aba52686e38ecb400de",class:"number__wrapper--flex"},i("label",{key:"7eaf64057ef71b07a0defc1e372fd85baab2bd68",class:"number__label "+(this.validation.mandatory?"number__label--required":""),htmlFor:`${this.name}__input`},this.displayName),i("div",{key:"99f4151f50a7fb0abb9a8e53bacc8c8bd303d659",class:"number__wrapper--relative"},this.tooltip&&i("img",{key:"875d6284697dc06ac05c682509856faeade3d8be",class:"number__tooltip-icon",src:m,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),i("input",{key:"f1f563567cde4a744c68e27ab91a3d795f596be6",ref:t=>this.inputReference=t,type:"number",value:this.defaultValue,readOnly:this.autofilled,id:`${this.name}__input`,class:`number__input ${t}`,pattern:this.validationPattern,placeholder:`${this.placeholder}`,required:this.validation.mandatory,max:this.validation.max,min:this.validation.min,onInput:this.handleInput,onBlur:this.handleBlur}),i("small",{key:"0226f04a059fd8763822483de42bd7e647040bf3",class:"number__error-message"},this.errorMessage))}static get watchers(){return{clientStyling:["handleClientStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};gc.style='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.number{font-family:"Roboto";font-style:normal}.number__wrapper{position:relative;width:100%}.number__wrapper--autofilled{pointer-events:none}.number__wrapper--autofilled .number__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.number__wrapper--autofilled .number__input{color:var(--emw--color-black, #000000)}.number__wrapper--flex{display:flex;gap:5px}.number__wrapper--relative{position:relative}.number__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.number__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));margin-left:2px}.number__input{font-family:inherit;border-radius:5px;width:100%;height:44px;border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--color-black, #000000);border-radius:5px;box-sizing:border-box;padding:5px 15px;font-size:16px;line-height:18px;position:relative;-moz-appearance:textfield;}.number__input:focus{outline-color:#3E3E3E}.number__input::-webkit-outer-spin-button,.number__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number__input--invalid{border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.number__input::placeholder{color:#979797}.number__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.number__tooltip-icon{width:16px;height:auto}.number__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.number__tooltip.visible{opacity:1}';const bc=class{constructor(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.name=void 0,this.displayName=void 0,this.placeholder=void 0,this.defaultValue="",this.autofilled=void 0,this.tooltip=void 0,this.validation=void 0,this.noValidation=!1,this.language=void 0,this.emitValue=void 0,this.isDuplicateInput=void 0,this.hidePasswordComplexity=!1,this.clientStyling="",this.enableSouthAfricanMode=void 0,this.mbSource=void 0,this.isValid=void 0,this.errorMessage=void 0,this.showTooltip=!1,this.passwordComplexity=void 0,this.showPopup=void 0,this.value=""}handleClientStylingChange(t,e){t!==e&&o(this.stylingContainer,this.clientStyling)}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value})}valueChanged(){this.isDuplicateInput||(this.calculateComplexity(this.value),this.sendOriginalValidityState.emit({name:this.name,valid:this.setValidity()}))}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value,type:"duplicate"})}validityStateHandler(t){this.sendValidityState.emit(t)}valueHandler(t){this.sendInputValue.emit(t)}originalValidityChangedHandler(t){this.isDuplicateInput&&(t.detail.valid?(this.originalValid=!0,this.isValid=this.setValidity()):(this.originalValid=!1,this.isValid=!1,""!==this.value&&(this.errorMessage=this.setErrorMessage())))}valueChangedHandler(t){this.isDuplicateInput&&this.name===t.detail.name+"Duplicate"&&(this.duplicateInputValue=t.detail.value,this.touched&&(this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage())),this.name===t.detail.name+"Duplicate"&&this.name.replace("Duplicate","")===t.detail.name&&!0===this.touched&&(this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage())}handleClickOutside(t){const e=t.composedPath();e.includes(this.tooltipIconReference)||e.includes(this.tooltipReference)||(this.showTooltip=!1)}handleClientStyling(){void 0===window.emMessageBus?this.clientStyling&&o(this.stylingContainer,this.clientStyling):this.stylingSubscription=n(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.handleClientStyling(),this.inputReference=this.element.shadowRoot.querySelector("input"),this.passwordButton=this.element.shadowRoot.querySelector("vaadin-password-field-button"),this.passwordButton.tabIndex=-1,this.passwordButton.addEventListener("click",(t=>{this.handleRevealField(t)})),this.defaultValue&&(this.value=this.defaultValue,this.calculateComplexity(this.value),this.valueHandler({name:this.name,value:this.value}),this.isDuplicateInput&&(this.duplicateInputValue=this.defaultValue,this.touched=!0)),this.isValid=this.setValidity()}disconnectedCallback(){this.passwordButton.removeEventListener("click",this.handleRevealField)}calculateComplexity(t){this.passwordComplexity=this.noValidation?[]:this.validation.custom.filter((t=>"regex"===t.rule)).map((e=>{const i=new RegExp(e.pattern);let s=!1;return t&&(s=i.test(t)),{rule:e.displayName,ruleKey:e.errorKey,passed:s}}))}setValidity(){var t,e;return!!this.noValidation||(!this.isDuplicateInput||this.duplicateInputValue===this.value)&&!!(null===(t=this.passwordComplexity)||void 0===t?void 0:t.every((t=>t.passed)))&&(null===(e=this.inputReference)||void 0===e?void 0:e.validity.valid)}setPattern(){var t,e;if((null===(t=this.validation.custom)||void 0===t?void 0:t.length)>0)return null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.pattern}setErrorMessage(){var t,e,i,s,r;if(this.inputReference.validity.tooShort||this.inputReference.validity.tooLong)return p("lengthError",this.language,{values:{minLength:this.validation.minLength,maxLength:this.validation.maxLength}});if(this.inputReference.validity.valueMissing)return p("requiredError",this.language);if(this.isDuplicateInput&&!this.originalValid)return p("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 p(`${i}`,this.language)?p(`${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 p(`${t}`,this.language)?p(`${t}`,this.language):e}return(null===(r=this.passwordComplexity)||void 0===r?void 0:r.every((t=>t.passed)))||this.showPopup?void 0:p("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"},p("passwordStrength",this.language)," ",i("span",{class:"password__complexity--text-bold"},p(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,p(`${t.ruleKey}`,this.language)?p(`${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"},p("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?h.PASSWORD_COMPLEXITY_PASSED:h.PASSWORD_COMPLEXITY_FAILED}`},t.passed?"✓":"✕"),i("span",null,p(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:"18213d251639938165f3e4ad58bdc904fb953fe2",class:`password__wrapper ${this.autofilled?"password__wrapper--autofilled":""} ${this.name}__input`,ref:t=>this.stylingContainer=t},i("div",{key:"092c431b178682d0006cf6ad5c14b0a7e6fb5569",class:"password__wrapper--flex"},i("label",{key:"64c101b7d70305ecf09735234d902a6b33823551",class:"password__label  "+(this.validation.mandatory?"password__label--required":""),htmlFor:`${this.name}__input`},this.displayName),i("div",{key:"189929eefa1caf71a1be39f0d663eef914d241d5",class:"password__wrapper--relative"},this.tooltip&&i("img",{key:"95ee0d824b5be14ab4e62fc0b5f1731fe6ca5775",class:"password__tooltip-icon",src:m,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),i("vaadin-password-field",{key:"bf85dde83305233c566b1c50d0286548ba0f48a5",type:"password",id:`${this.name}__input`,class:`password__input ${t}`,name:this.name,readOnly:this.autofilled,value:this.defaultValue,required:this.validation.mandatory,maxlength:this.validation.maxLength,minlength:this.validation.minLength,pattern:this.validationPattern,placeholder:`${this.placeholder}`,onInput:this.handleInput,onBlur:this.handleBlur,onFocus:this.handleFocus}),!this.noValidation&&i("small",{key:"3acbe164ff532bcfcd9e4a237a6f352df0cfdc2d",class:"password__error-message"},this.errorMessage),this.passwordComplexity&&this.showPopup&&!this.hidePasswordComplexity&&!this.isDuplicateInput&&(this.enableSouthAfricanMode?this.renderCustomComplexityPopup():this.renderComplexityPopup()))}get element(){return s(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],isValid:["validityChanged"],value:["valueChanged"],emitValue:["emitValueHandler"]}}};bc.style='*,\n*::before,\n*::after {\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n}\n\n.password {\n  font-family: "Roboto";\n  font-style: normal;\n}\n.password__wrapper {\n  position: relative;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n  container-type: inline-size;\n}\n.password__wrapper--autofilled {\n  pointer-events: none;\n}\n.password__wrapper--autofilled .password__label {\n  color: var(--emw--registration-typography, var(--emw--color-black, #000000));\n}\n.password__wrapper--autofilled .password__input::part(input-field) {\n  color: var(--emw--color-black, #000000);\n}\n.password__wrapper--flex {\n  display: flex;\n  gap: 5px;\n}\n.password__wrapper--relative {\n  position: relative;\n}\n.password__label {\n  font-family: inherit;\n  font-style: normal;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 20px;\n  color: var(--emw--registration-typography, var(--emw--color-black, #000000));\n}\n.password__label--required::after {\n  content: "*";\n  font-family: inherit;\n  color: var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));\n  margin-left: 2px;\n}\n.password__input {\n  width: inherit;\n  border: none;\n}\n.password__input[focused]::part(input-field) {\n  border-color: var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));\n}\n.password__input[invalid]::part(input-field) {\n  border: 1px solid var(--emw--color-error, var(--emw--color-red, #ed0909));\n}\n.password__input::part(input-field) {\n  border-radius: 4px;\n  background-color: var(--emw--color-white, #FFFFFF);\n  border: 1px solid var(--emw--color-gray-100, #E6E6E6);\n  color: var(--emw--color-black, #000000);\n  background-color: var(--emw--color-white, #FFFFFF);\n  font-family: inherit;\n  font-style: normal;\n  font-weight: 300;\n  font-size: 16px;\n  line-height: 1.5;\n  position: relative;\n  margin-bottom: unset;\n  height: 44px;\n  padding: 0;\n  width: 100%;\n}\n.password__input::part(reveal-button) {\n  position: relative;\n  right: 10px;\n}\n.password__input::part(reveal-button)::before {\n  color: var(--emw--registration-typography, var(--emw--color-black, #000000));\n}\n.password__input > input {\n  padding: 5px 15px;\n}\n.password__input > input:placeholder-shown {\n  color: var(--emw--color-gray-150, #828282);\n}\n.password__error-message {\n  position: absolute;\n  top: calc(100% + 5px);\n  left: 0;\n  color: var(--emw--color-error, var(--emw--color-red, #ed0909));\n}\n.password__complexity {\n  height: 150px;\n  position: relative;\n  padding: 10px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  justify-content: center;\n  margin-top: 20px;\n  font-weight: 300;\n  background: var(--emw--color-white, #FFFFFF);\n  -webkit-border-radius: 5px;\n  -moz-border-radius: 5px;\n  border-radius: 5px;\n  border: 1px solid #B0B0B0;\n  box-sizing: content-box;\n  /* works only in this order */\n}\n.password__complexity meter {\n  border-color: transparent; /* Needed for Safari */\n}\n.password__complexity meter[value="1"]::-moz-meter-bar {\n  background-color: var(--emw--color-valid, #48952a);\n}\n.password__complexity meter[value="1"]::-webkit-meter-optimum-value {\n  background-color: var(--emw--color-valid, #48952a);\n}\n.password__complexity meter:not([value="1"])::-moz-meter-bar {\n  background-color: var(--emw--color-error, #FD2839);\n}\n.password__complexity meter:not([value="1"])::-webkit-meter-optimum-value {\n  background-color: var(--emw--color-error, #FD2839);\n}\n.password__complexity--strength {\n  display: flex;\n  justify-content: space-evenly;\n  align-items: center;\n}\n.password__complexity--strength meter::-moz-meter-bar { /* Firefox Pseudo Class */\n  background: #B0B0B0;\n}\n.password__complexity--hidden {\n  display: none;\n}\n.password__complexity--text-bold {\n  font-weight: 500;\n}\n.password__complexity--checkbox {\n  margin-right: 5px;\n}\n.password__complexity:after {\n  content: "";\n  position: absolute;\n  width: 25px;\n  height: 25px;\n  border-top: 1px solid var(--emw--color-gray-150, #828282);\n  border-right: 0 solid var(--emw--color-gray-150, #828282);\n  border-left: 1px solid var(--emw--color-gray-150, #828282);\n  border-bottom: 0 solid var(--emw--color-gray-150, #828282);\n  bottom: 92%;\n  left: 50%;\n  margin-left: -25px;\n  transform: rotate(45deg);\n  margin-top: -25px;\n  background-color: var(--emw--color-white, #FFFFFF);\n}\n@container (max-width: 300px) {\n  .password__complexity {\n    height: 190px;\n  }\n  .password__complexity:after {\n    width: 14px;\n    height: 14px;\n    bottom: 96%;\n    left: 57%;\n  }\n}\n.password__tooltip-icon {\n  width: 16px;\n  height: auto;\n}\n.password__tooltip {\n  position: absolute;\n  top: 0;\n  left: 20px;\n  background-color: var(--emw--color-white, #FFFFFF);\n  border: 1px solid var(--emw--color-gray-150, #828282);\n  color: #2B2D3F;\n  padding: 10px;\n  border-radius: 5px;\n  opacity: 0;\n  transition: opacity 0.3s ease-in-out;\n  z-index: 10;\n}\n.password__tooltip.visible {\n  opacity: 1;\n}\n\n.customreg-password__complexity {\n  background: var(--emw--color-white, #FFFFFF);\n  border-radius: 6px;\n  padding: 14px;\n}\n\n.customreg-password__complexity--title {\n  font-size: var(--emw--font-size-small, 14px);\n  color: var(--emw--color-black, #000000);\n  margin-bottom: 12px;\n}\n\n.customreg-password__complexity--rules {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  font-size: var(--emw--font-size-small-xs, 12px);\n}\n\n.customreg-password__complexity--rule {\n  display: flex;\n  align-items: center;\n  color: var(--emw--color-black, #000000);\n}\n\n.customreg-password__complexity--icon {\n  width: 20px;\n  height: 20px;\n  min-width: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  font-weight: bold;\n  border-radius: 50%;\n  margin-right: 10px;\n}\n\n.customreg-password__complexity--icon.failed {\n  background-color: var(--emw--color-error, #FD2839);\n  color: var(--emw--color-white, #FFFFFF);\n}\n\n.customreg-password__complexity--icon.passed {\n  background-color: var(--emw--color-lottoball-green, #01af15);\n  color: var(--emw--color-white, #FFFFFF);\n}\n\n.customreg-password__complexity::after {\n  display: none;\n}';const yc=class{constructor(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(),r=`${e.city}`.trim();this.sendAddressValue.emit({city:r,address1:i,address2:s}),this.value=this.currentPostalCode.toLocaleUpperCase(),this.touched=!0,this.isValid=!0,this.openAddressDropdown=!1,this.showNoResultsMessage=!1,this.isFetchingAddresses=!1,this.valueHandler({name:this.name,value:this.value}),this.validityStateHandler({valid:!0,name:this.name}),this.valueHandler({name:"address1",value:i}),this.valueHandler({name:"City",value:r}),s&&this.valueHandler({name:"address2",value:s}),this.refreshTrigger++},this.enterAddressManually=()=>{const t=window.targetInputRefs;if(!t)return;const e=[{name:"PostalCode",ref:t.PostalCode,minLength:this.postalcodelength},{name:"address1",ref:t.address1},{name:"address2",ref:t.address2},{name:"City",ref:t.City}],i=[{name:"PostalCode",ref:t.PostalCode,minLength:this.postalcodelength},{name:"address1",ref:t.address1},{name:"City",ref:t.City}].find((t=>{var e;const i=(null===(e=t.ref)||void 0===e?void 0:e.value)||"";return t.minLength?0===i.length||i.length<t.minLength:0===i.length})),s=(null==i?void 0:i.ref)||t.address1||t.PostalCode;s.scrollIntoView({behavior:"smooth",block:"center"}),this.hasManualAddressBeenTriggered||(this.hasManualAddressBeenTriggered=!0,e.forEach((t=>{var e;if(t.ref){const i=(null===(e=t.ref.shadowRoot)||void 0===e?void 0:e.querySelector("input"))||t.ref;if(i){i.classList.add("pulse-border");const t=()=>{i.classList.remove("pulse-border"),i.removeEventListener("animationend",t)};i.addEventListener("animationend",t)}}}))),s.focus()},this.handleOutsideClick=t=>{if(!this.openAddressDropdown)return;const e=t.composedPath?t.composedPath():[],i=e.includes(this.inputReference),s=e.includes(this.addressesDropdownRef),r=e.some((t=>{var e;return t instanceof Element&&(null===(e=t.classList)||void 0===e?void 0:e.contains("option"))}));i||s||r||(this.openAddressDropdown=!1,this.showNoResultsMessage=!1)},this.name="PostalCode",this.displayName=void 0,this.placeholder=void 0,this.validation=void 0,this.defaultValue="",this.autofilled=void 0,this.tooltip=void 0,this.language=void 0,this.emitValue=void 0,this.clientStyling="",this.postalcodelength=void 0,this.addresses=void 0,this.ignoreCountry=!1,this.mbSource=void 0,this.isValid=void 0,this.errorMessage="",this.showTooltip=!1,this.selectedCountryCode="",this.currentPostalCode="",this.openAddressDropdown=!1,this.showNoResultsMessage=!1,this.refreshTrigger=0,this.isFetchingAddresses=!1}handleClientStylingChange(t,e){t!==e&&o(this.stylingContainer,this.clientStyling)}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value})}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value}),!0!==t||this.value.length||this.valueHandler({name:this.name,value:this.value})}handleAddresses(t){t&&t.length>0?(this.openAddressDropdown=!0,this.showNoResultsMessage=!1):(this.openAddressDropdown=!1,this.isFetchingAddresses&&this.currentPostalCode.length>=this.postalcodelength&&setTimeout((()=>{this.currentPostalCode.length>=this.postalcodelength&&!this.isFetchingAddresses&&(this.showNoResultsMessage=!0)}),200)),this.isFetchingAddresses=!1}validityStateHandler(t){this.sendValidityState.emit(t)}valueHandler(t){this.sendInputValue.emit(t)}handleClickOutside(t){const e=t.composedPath();e.includes(this.tooltipIconReference)||e.includes(this.tooltipReference)||(this.showTooltip=!1)}handleCountryCodeUpdate(t){const{name:e,value:i}=t.detail;this.selectedCountryCode=i,"CountryCode"===e&&(this.resetPostalCodeField(),this.refreshTrigger++)}handleFetchStarted(){this.showNoResultsMessage=!1,this.isFetchingAddresses=!0,this.openAddressDropdown=!1}connectedCallback(){this.validationPattern=this.setPattern()}componentWillLoad(){this.defaultValue&&(this.value=this.defaultValue)}handleClientStyling(){void 0===window.emMessageBus?this.clientStyling&&o(this.stylingContainer,this.clientStyling):this.stylingSubscription=n(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.handleClientStyling(),this.defaultValue&&this.valueHandler({name:this.name,value:this.value}),this.inputReference&&(window.targetInputRefs=window.targetInputRefs||{},window.targetInputRefs[this.name]=this.inputReference),this.isValid=this.setValidity(),document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this.handleOutsideClick)}setValidity(){if(!this.inputReference)return!1;const t=this.inputReference.validity.valid,e=!this.inputReference.value||null!==this.inputReference.value.match(this.validationPattern);return t&&e}setPattern(){var t,e;if((null===(t=this.validation.custom)||void 0===t?void 0:t.length)>0)return null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.pattern}setErrorMessage(){var t,e;if(!this.touched)return"";if(this.inputReference.validity.valueMissing)return p(d,this.language);if(this.inputReference.validity.tooShort||this.inputReference.validity.tooLong){const{minLength:t,maxLength:e}=this.validation;return t===e?p(u,this.language,{values:{length:t}}):p(c,this.language,{values:{minLength:t,maxLength:e}})}if(null==this.inputReference.value.match(this.validationPattern)){const i=null===(t=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===t?void 0:t.errorKey,s=null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.errorMessage;return p(`${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 r="UK"===this.selectedCountryCode||"GB"===this.selectedCountryCode||this.ignoreCountry,o=(null===(t=this.addresses)||void 0===t?void 0:t.length)>0&&this.openAddressDropdown&&r,n=this.showNoResultsMessage&&this.currentPostalCode&&this.currentPostalCode.length>=this.postalcodelength&&0===(null===(e=this.addresses)||void 0===e?void 0:e.length)&&r,a=this.isFetchingAddresses&&this.currentPostalCode.length>=this.postalcodelength;return i("div",{key:"f0dda39cf9a02d53213848926908c0cb39d1cd3f",class:`text__wrapper ${this.name}__input ${this.autofilled?"text__wrapper--autofilled":""}`,ref:t=>this.stylingContainer=t},i("div",{key:"5e1c51af264392d2be986e305e6526310f55f40b",class:"text__wrapper--flex"},i("label",{key:"c12c45d88bdf42aeb6be505d473ab0f55da2be87",class:"text__label  "+(this.validation.mandatory?"text__label--required":""),htmlFor:`${this.name}__input`},this.displayName),i("div",{key:"7b93a75f19590b445227fa1a64c90fd20c0afd5d",class:"text__wrapper--relative"},this.tooltip&&i("img",{key:"504004a13595694307c1e3450b69982150dc55fd",class:"text__tooltip-icon",src:m,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),i("div",{key:"19de66fd72fd0a6befe3bbaebb6c8f99ec5f850b",class:"input__text-wrapper"},i("input",{key:"78cd4229ed5104518b991df0bc6bf527df2ec3e2",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}),!r&&i("p",{key:"6b9e307d59fb9fed93f4df6c07a091d299844c62",class:"address__manual-input-msg",onClick:()=>this.enterAddressManually()},p("enterIEAddressManually",this.language)),o&&i("div",{key:"ecb7892a9a8d967540d8fd013518ae19498fcd48",class:"input__addresses-container",ref:t=>this.addressesDropdownRef=t},i("div",{key:"a5ef3f81a85207a821964e23b21aaf783be807cc",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))))),a&&i("div",{key:"338c17e484721efb387e608f3ce4416a0e47b8af",class:"postalcode__loading-spinner"},i("div",{key:"7638cea4fba975e3a27d4cb00bce217129bd0750",class:"loading-spinner"}),i("span",{key:"b59a8a9c3d7ecf209a68717346d1d29062994f79"},p("searchingForAddresses",this.language))),n&&i("div",{key:"212a74fed94b3ee089aed5c9afb544966b5f11cd",class:"postalcode__no-results-message"},p("postalLookUpNoAddressFound",this.language))),i("small",{key:"4f66e97dd811b9917c92ff4bcbf236817ac57933",class:"text__error-message"},this.errorMessage))}static get watchers(){return{clientStyling:["handleClientStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"],addresses:["handleAddresses"]}}};yc.style='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.text{font-family:"Roboto";font-style:normal}.text__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px}.text__wrapper--autofilled{pointer-events:none}.text__wrapper--autofilled .text__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.text__wrapper--autofilled .text__input::part(input-field){color:var(--emw--color-black, #000000)}.text__wrapper--flex{display:flex;gap:5px}.text__wrapper--relative{position:relative}.text__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.text__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));margin-left:2px}.text__input{font-family:inherit;width:100%;height:44px;border:1px solid var(--emw--color-gray-100, #E6E6E6);background-color:var(--emw--color-white, #FFFFFF);color:var(--emw--color-black, #000000);border-radius:5px;font-size:16px;font-weight:300;line-height:1.5;padding:5px 15px}.text__input:focus{border:1px solid var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.text__input--invalid{border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.text__input::placeholder{color:var(--emw--color-gray-150, #828282)}.text__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.text__tooltip-icon{width:16px;height:auto}.text__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.text__tooltip.visible{opacity:1}.input__text-wrapper{position:relative}.input__addresses-container{position:relative;left:0;width:100%;background:var(--emw--color-white);border:1px solid var(--emw--color-gray-100, #E6E6E6);border-radius:8px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);max-height:200px;overflow-y:auto;z-index:999;margin-top:4px}.input__addresses-container .options{padding:4px 0}.input__addresses-container .option{padding:8px 12px;cursor:pointer;border-bottom:1px solid var(--emw--color-gray-100, #E6E6E6);font-size:14px;line-height:1.4;transition:background-color 0.2s ease;color:var(--emw--registration-gray-800, #333)}.input__addresses-container .option:last-child{border-bottom:none}.input__addresses-container .option:hover{background-color:var(--emw--registration-lightgray-100, #f8f9fa)}.input__addresses-container .option:active{background-color:var(--emw--registration-lightgray-200, #e9ecef)}.input__addresses-container::-webkit-scrollbar{width:6px}.input__addresses-container::-webkit-scrollbar-track{background:var(--emw--registration-lightgray-150, #f1f1f1);border-radius:3px}.input__addresses-container::-webkit-scrollbar-thumb{background:var(--emw--registration-lightgray-300, #c1c1c1);border-radius:3px}.input__addresses-container::-webkit-scrollbar-thumb:hover{background:var(--emw--registration-lightgray-400, #a8a8a8)}.postalcode__no-results-message{color:var(--emw--color-error, var(--emw--color-red, #ed0909));margin-top:10px}.address__manual-input-msg{text-decoration:underline;margin-top:10px;cursor:pointer;transition:opacity 0.3s ease}.address__manual-input-msg:active{opacity:0.7}.postalcode__loading-spinner{display:flex;align-items:center;gap:8px;padding:12px;color:var(--emw--registration-gray-600, #666);border:1px solid var(--emw--color-gray-100, #E6E6E6);border-top:none;background-color:var(--emw--registration-lightgray-50, #f9f9f9)}.loading-spinner{width:14px;height:14px;border:2px solid var(--emw--color-gray-100, #E6E6E6);border-top:2px solid var(--emw--registration-gray-600, #666);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.pulse-border{border:1px solid var(--emw--registration-red-600, #cc4c4c);animation:pulse 0.5s ease-in-out 2 forwards}@keyframes pulse{0%{border-color:var(--emw--registration-red-600, #cc4c4c)}50%{border-color:var(--emw--registration-red-400, #e57373)}100%{border-color:var(--emw--color-gray-100, #E6E6E6)}}';const wc=class{constructor(i){t(this,i),this.sendInputValue=e(this,"sendInputValue",7),this.sendValidityState=e(this,"sendValidityState",7),this.name=void 0,this.displayName=void 0,this.optionsGroup=void 0,this.validation=void 0,this.tooltip=void 0,this.language=void 0,this.emitValue=void 0,this.clientStyling="",this.mbSource=void 0,this.errorMessage=void 0,this.isValid=void 0,this.showTooltip=!1}handleClientStylingChange(t,e){t!==e&&o(this.stylingContainer,this.clientStyling)}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value})}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value})}valueHandler(t){this.sendInputValue.emit(t)}validityStateHandler(t){this.sendValidityState.emit(t)}handleClickOutside(t){const e=t.composedPath();e.includes(this.tooltipIconReference)||e.includes(this.tooltipReference)||(this.showTooltip=!1)}handleClientStyling(){void 0===window.emMessageBus?this.clientStyling&&o(this.stylingContainer,this.clientStyling):this.stylingSubscription=n(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.handleClientStyling()}handleClick(t){this.value=t.target.value,this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.emitValueHandler(!0)}setValidity(){return this.inputReference.validity.valid}setErrorMessage(){if(this.inputReference.validity.valueMissing)return p("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:"7048de0e37c9541af1c9788e8b46c789ca788c31",class:`radio__fieldset ${this.name}__input`,ref:t=>this.stylingContainer=t},i("legend",{key:"403b739c966d510740ca59621c094872b93e2cba",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:"46dce1082a6aa9f2a5bdc3e3654c924fcd2a8357",class:"radio__error-message"},this.errorMessage),this.tooltip&&i("img",{key:"dfe155a429485b5c891db2943d9115cdc40e169b",class:"radio__tooltip-icon",src:m,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())}static get watchers(){return{clientStyling:["handleClientStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};wc.style="*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.radio__fieldset{border:none;position:relative}.radio__wrapper{display:flex;gap:5px}.radio__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.radio__tooltip-icon{position:absolute;right:0;bottom:10px}.radio__tooltip{position:absolute;bottom:35px;right:10px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.radio__tooltip.visible{opacity:1}";const _c=class{constructor(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.name=void 0,this.displayName=void 0,this.placeholder=void 0,this.action=void 0,this.defaultValue="",this.autofilled=void 0,this.tooltip=void 0,this.options=[],this.validation=void 0,this.language=void 0,this.emitValue=void 0,this.clientStyling="",this.mbSource=void 0,this.errorMessage=void 0,this.isValid=void 0,this.showTooltip=!1}handleClientStylingChange(t,e){t!==e&&o(this.stylingContainer,this.clientStyling)}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value})}validityStateHandler(t){this.sendValidityState.emit(t)}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value})}valueHandler(t){this.sendInputValue.emit(t)}handleClickOutside(t){const e=t.composedPath();e.includes(this.tooltipIconReference)||e.includes(this.tooltipReference)||(this.showTooltip=!1)}connectedCallback(){var t;this.displayedOptions=this.options.map((t=>({label:t.label,value:t.value}))),this.isComboBox=(null===(t=this.displayedOptions)||void 0===t?void 0:t.length)>6}componentWillLoad(){if(this.action&&!this.options.length&&"GET"==this.action.split(" ")[0]){const t=this.action.split(" ")[1];return this.getOptions(t).then((t=>{var e;const i=Object.keys(t)[0];this.displayedOptions=t[i].map((t=>({label:t.Name,value:t.Alpha2Code}))),this.isComboBox=(null===(e=this.displayedOptions)||void 0===e?void 0:e.length)>6}))}}handleClientStyling(){void 0===window.emMessageBus?this.clientStyling&&o(this.stylingContainer,this.clientStyling):this.stylingSubscription=n(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.handleClientStyling(),this.inputReference=this.vaadinCombo.querySelector("input"),this.defaultValue&&(this.value=this.defaultValue,this.valueHandler({name:this.name,value:this.value}),this.inputReference&&(this.inputReference.value=this.value)),this.isValid=this.setValidity(),!this.isComboBox&&this.vaadinCombo&&this.vaadinCombo.addEventListener("opened-changed",(t=>{if(!0===t.detail.value)this.errorMessage="";else{const e=t.currentTarget;this.touched=!0,this.value=e.value,this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.validityStateHandler({valid:this.isValid,name:this.name})}}))}getOptions(t){const e=new URL(t);return new Promise(((t,i)=>{fetch(e.href).then((t=>t.json())).then((e=>{t(e)})).catch((t=>{console.error(t),i(t)}))}))}setValidity(){var t;return!(null===(t=this.validation)||void 0===t?void 0:t.mandatory)||!!this.value}setErrorMessage(){var t,e,i;if((null===(e=null===(t=this.inputReference)||void 0===t?void 0:t.validity)||void 0===e?void 0:e.valueMissing)||(null===(i=this.vaadinCombo)||void 0===i?void 0:i.invalid))return p("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:"eb6c9d7d85546159d44d06a0635f173263edd7d1",class:`select__wrapper ${this.autofilled?"select__wrapper--autofilled":""}  ${this.name}__input`,ref:t=>this.stylingContainer=t},i("div",{key:"0fd71c528870966fdb23049b1806a267e9e6ca5c",class:"select__wrapper--flex"},i("label",{key:"44aeb4e50ab2f79df06741ff07ac03131c987447",class:"select__label",htmlFor:`${this.name}__input`},this.displayName,i("span",{key:"796a83aeadd480a571b6bae035a46138d7b10b24",class:this.validation.mandatory?"select__label--required":""})),i("div",{key:"6d7b2d785c6b0bdd05c7444f563b21cedf26ff7c",class:"select__wrapper--relative"},this.tooltip&&i("img",{key:"f33e43a9d42e8b8d1cf136374505eeaedcbede26",class:"select__tooltip-icon",src:m,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:"261b3c4abc9b360e6b937d851f8bfc810280a8c6",class:"select__error-message"},this.errorMessage))}static get watchers(){return{clientStyling:["handleClientStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};_c.style='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}:host{height:100%;--_invalid-hover-highlight:transparent;--vaadin-input-field-invalid-hover-highlight:transparent}vaadin-combo-box>input{background-color:var(--emw--color-white, #FFFFFF);color:var(--emw--registration-typography, var(--emw--color-black, #000000));font-weight:300;font-size:16px;-webkit-font-smoothing:initial;}.select{font-family:"Roboto";font-style:normal}.select__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px}.select__wrapper--autofilled{pointer-events:none}.select__wrapper--autofilled .select__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.select__wrapper--autofilled .select__input::part(input-field){color:var(--emw--color-black, #000000)}.select__wrapper--flex{display:flex;gap:5px}.select__wrapper--relative{position:relative}.select__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.select__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));margin-left:2px}.select__input{border:none;width:inherit;position:relative}.select__input[focused]:not(.text__input--invalid)::part(input-field){border-color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.select__input[invalid]::part(input-field){border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.select__input vaadin-date-picker-overlay-content>vaadin-button{color:var(--emw--color-black, #000000)}.select__input::part(input-field){border-radius:4px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--color-black, #000000);font-family:inherit;font-style:normal;font-size:16px;font-weight:300;line-height:1.5;padding:5px 15px;height:44px}.select__input::part(toggle-button){position:relative;right:10px}.select__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.select__tooltip-icon{width:16px;height:auto}.select__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.select__tooltip.visible{opacity:1}';const xc=class{constructor(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.isValidValue(),this.errorMessage=this.setErrorMessage(),this.emitValueHandler(!0)}),500)},this.handleBlur=()=>{this.touched=!0,this.isValid=this.isValidValue(),this.errorMessage=this.setErrorMessage()},this.name=void 0,this.displayName=void 0,this.placeholder=void 0,this.showLabels=void 0,this.action=void 0,this.validation=void 0,this.defaultValue=void 0,this.autofilled=void 0,this.tooltip=void 0,this.language=void 0,this.emitValue=void 0,this.clientStyling="",this.mbSource=void 0,this.enableCustomRegexValidation=!1,this.isValid=void 0,this.errorMessage=void 0,this.showTooltip=!1,this.disablePhonePrefix=!1,this.phoneValue="",this.phoneCodesOptions=void 0}setPhoneValue(t){const e=t.replace(/[^0-9]/g,"");this.phoneValue=e,this.inputReference&&(this.inputReference.value=this.phoneValue)}handleClientStylingChange(t,e){t!==e&&o(this.stylingContainer,this.clientStyling)}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value,type:"tel"})}validityStateHandler(t){this.sendValidityState.emit(t)}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value,type:"tel"})}valueHandler(t){this.sendInputValue.emit(t)}handleClickOutside(t){const e=t.composedPath();e.includes(this.tooltipIconReference)||e.includes(this.tooltipReference)||(this.showTooltip=!1)}connectedCallback(){var t;this.validationPattern=this.setPattern(),this.defaultValue&&(this.prefixValue=this.defaultValue.prefix?this.defaultValue.prefix:this.defaultValue,this.setPhoneValue(null!==(t=this.defaultValue.phone)&&void 0!==t?t:""),this.phoneCodesOptions=[{label:this.prefixValue,value:this.prefixValue}])}componentWillLoad(){if(this.action&&"GET"==this.action.split(" ")[0]){const t=this.action.split(" ")[1];this.getPhoneCodes(t).then((t=>{this.phoneCodesOptions=t.phoneCodes.map((t=>"object"==typeof t&&t.Prefix?{label:t.Prefix,value:t.Prefix}:{label:t,value:t})),this.disablePhonePrefix=this.phoneCodesOptions.length<=1}))}}handleClientStyling(){void 0===window.emMessageBus?this.clientStyling&&o(this.stylingContainer,this.clientStyling):this.stylingSubscription=n(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.handleClientStyling(),this.isValid=this.isValidValue(),this.defaultValue&&(this.value=this.defaultValue,this.valueHandler({name:this.name,value:this.value,type:"tel"}))}getPhoneCodes(t){const e=new URL(t);return new Promise(((t,i)=>{fetch(e.href).then((t=>t.json())).then((e=>{t(e)})).catch((t=>{console.error(t),i(t)}))}))}handlePrefixInput(t){this.prefixValue=t.target.value,this.value={prefix:this.prefixValue,phone:this.phoneValue},this.emitValueHandler(!0)}isValidValue(){if(!this.inputReference)return!1;if(this.inputReference.setCustomValidity(""),this.lastCustomErrorKey=void 0,this.lastCustomErrorMessage=void 0,this.validation.mandatory&&(!this.phoneValue||""===this.phoneValue.trim()))return!1;if(!this.phoneValue||""===this.phoneValue.trim())return!this.validation.mandatory;if(this.validation.minLength&&this.phoneValue.length<this.validation.minLength)return!1;if(this.validation.maxLength&&this.phoneValue.length>this.validation.maxLength)return!1;if(this.validationPattern&&!new RegExp(this.validationPattern).test(this.phoneValue))return!1;if(this.enableCustomRegexValidation){const t=(this.validation.custom||[]).filter((t=>"regex"===t.rule&&t.pattern));if(t.length>1){const e=t.slice(1);for(const t of e){let e;try{e=new RegExp(t.pattern)}catch(t){continue}if(!e.test(this.phoneValue))return this.lastCustomErrorKey=t.errorKey,this.lastCustomErrorMessage=t.errorMessage,this.inputReference.setCustomValidity("customError"),!1}}}return!0}setPattern(){var t,e;if((null===(t=this.validation.custom)||void 0===t?void 0:t.length)>0)return null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.pattern}setErrorMessage(){var t,e,i,s;if((null===(e=null===(t=this.inputReference)||void 0===t?void 0:t.validity)||void 0===e?void 0:e.customError)||(this.lastCustomErrorKey=void 0,this.lastCustomErrorMessage=void 0),this.inputReference.validity.patternMismatch){const t=null===(i=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===i?void 0:i.errorKey,e=null===(s=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===s?void 0:s.errorMessage;return p(`${t}`,this.language)?p(`${t}`,this.language):e}const{minLength:r,maxLength:o}=this.validation;if(this.inputReference.validity.tooShort||this.inputReference.validity.tooLong||r&&this.phoneValue&&this.phoneValue.length<r||o&&this.phoneValue&&this.phoneValue.length>o)return r===o?p(u,this.language,{values:{length:r}}):p(c,this.language,{values:{minLength:r,maxLength:o}});if(this.inputReference.validity.valueMissing)return p(d,this.language);if(this.inputReference.validity.customError&&(this.lastCustomErrorKey||this.lastCustomErrorMessage)){return(this.lastCustomErrorKey?p(`${this.lastCustomErrorKey}`,this.language):"")||this.lastCustomErrorMessage||""}}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:"e33193abf4094e4dac87b9cb7d95aaaf4bd8827c",class:`tel__wrapper ${this.autofilled?"tel__wrapper--autofilled":""} ${this.name}__input`,ref:t=>this.stylingContainer=t},i("div",{key:"3978e74f9decf4c6d632268e73507878d3aca0da",class:"tel__wrapper--flex-label"},i("label",{key:"1b7711f58ab7fc7e48ea6fa889334d64eeb2bfb4",class:"tel__label "+(this.validation.mandatory?"tel__label--required":""),htmlFor:`${this.name}__input`},this.displayName),i("div",{key:"a768af0e4a2c07fcf4b996814650493057120697",class:"tel__wrapper--relative"},this.tooltip&&i("img",{key:"b7f302055d8a4739baa8dece656780fa2183665a",class:"tel__tooltip-icon",src:m,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),i("div",{key:"d095e9e0666096278466d134e06f2985611f9f4d",class:`tel__wrapper--flex ${e}`},i("vaadin-combo-box",{key:"d336c7ee95ad77d513a3d485786d8774f11f91fc",class:"tel__prefix",items:this.phoneCodesOptions,value:this.prefixValue,readOnly:this.disablePhonePrefix,onChange:t=>this.handlePrefixInput(t)}),i("input",{key:"5f403eb589e0ae8ee2284d2bd30a60850a33fb20",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:"b4f7dca6a67471828af759437927c57ca5a89c99",class:"tel__error-message"},this.errorMessage))}static get watchers(){return{clientStyling:["handleClientStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};xc.style='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.tel{font-family:"Roboto";font-style:normal}.tel__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px}.tel__wrapper--autofilled{pointer-events:none}.tel__wrapper--autofilled .tel__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.tel__wrapper--autofilled .tel__input::part(input-field){color:var(--emw--color-black, #000000)}.tel__wrapper--flex{width:inherit;display:flex;align-items:center;border-radius:4px;border:1px solid var(--emw--color-gray-100, #E6E6E6);background-color:var(--emw--color-white, #FFFFFF);overflow:hidden;padding-left:4px}.tel__wrapper--flex:focus-within{border-color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.tel__wrapper--flex-label{display:flex;gap:5px}.tel__wrapper--flex--relative{position:relative}.tel__wrapper .text__input--invalid{border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.tel__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.tel__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));margin-left:2px}.tel__prefix{--vaadin-field-default-width:90px}.tel__prefix[focus]{outline:none}.tel__prefix::part(input-field){height:100%;border-radius:0 5px 5px 0;background-color:var(--emw--color-white, #FFFFFF);color:var(--emw--color-black, #000000);font-family:inherit;font-style:normal;font-weight:300;font-size:16px;line-height:1.5;border:none;border-right:2px solid #DDE0EE;border-image-source:linear-gradient(to bottom, rgba(221, 224, 238, 0) 25%, rgb(221, 224, 238) 25%, rgb(221, 224, 238) 75%, rgba(221, 224, 238, 0) 75%);border-image-slice:1;border-image-repeat:round}.tel__prefix::part(input-field):hover{background-color:var(--emw--color-white, #FFFFFF)}.tel__input{font-family:inherit;border-radius:5px;width:100%;color:var(--emw--registration-typography, var(--emw--color-black, #000000));background-color:var(--emw--color-white, #FFFFFF);border:none;width:inherit;position:relative;font-size:16px;font-weight:300;line-height:1.5;padding:5px 15px;height:42px;-moz-appearance:textfield;}.tel__input:focus{outline:none}.tel__input::-webkit-outer-spin-button,.tel__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tel__input::placeholder{color:var(--emw--color-gray-150, #979797)}.tel__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.tel__tooltip-icon{width:16px;height:auto}.tel__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.tel__tooltip.visible{opacity:1}';const kc=class{constructor(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!==h.FIRSTNAME_ON_DOCUMENT&&this.name!==h.LASTNAME_ON_DOCUMENT?e.value:e.value.replace(h.NON_LETTERS_REGEX,"");i!==e.value&&(e.value=i),this.value=i,this.touched=!0,this.debounceTime&&clearTimeout(this.debounceTime),this.debounceTime=setTimeout((()=>{this.updateValidationState(),this.emitValueHandler(!0)}),500)},this.handleBlur=t=>{this.value=t.target.value,this.touched=!0,this.updateValidationState()},this.name=void 0,this.displayName=void 0,this.placeholder=void 0,this.validation=void 0,this.defaultValue="",this.autofilled=void 0,this.tooltip=void 0,this.language=void 0,this.checkValidity=void 0,this.emitValue=void 0,this.isDuplicateInput=void 0,this.clientStyling="",this.haspostalcodelookup=void 0,this.enableSouthAfricanMode=void 0,this.mbSource=void 0,this.isValid=void 0,this.errorMessage="",this.showTooltip=!1,this.selectedCountryCode=""}handleClientStylingChange(t,e){t!==e&&o(this.stylingContainer,this.clientStyling)}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value})}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value})}validityStateHandler(t){this.sendValidityState.emit(t)}valueHandler(t){this.sendInputValue.emit(t)}handleClickOutside(t){const e=t.composedPath();e.includes(this.tooltipIconReference)||e.includes(this.tooltipReference)||(this.showTooltip=!1)}valueChangedHandler(t){this.isDuplicateInput&&this.name===t.detail.name+"Duplicate"&&(this.duplicateInputValue=t.detail.value,this.touched&&this.updateValidationState()),this.name===t.detail.name+"Duplicate"&&this.name.replace("Duplicate","")===t.detail.name&&this.touched&&this.updateValidationState()}handleValidationChange(t){t.detail.field===this.name&&(this.validation=t.detail.validation,this.validationPattern=this.setPattern(),this.touched&&(this.isValid=this.isValidValue(),this.errorMessage=this.setErrorMessage()))}handleCountryCodeUpdate(t){const{name:e,value:i}=t.detail;this.selectedCountryCode=i,"CountryCode"===e&&["address1","address2","City"].includes(this.name)&&(this.value="",this.touched=!1,this.errorMessage="",this.isValid=!1,this.inputReference&&(this.inputReference.value=""),this.valueHandler({name:this.name,value:""}),this.validityStateHandler({valid:!1,name:this.name}))}handleAddressSelection(t){const{city:e,address1:i,address2:s}=t.detail;if(!["address1","address2","City"].includes(this.name))return;let r="";"address1"===this.name?r=i:"address2"===this.name?r=s:"City"===this.name&&(r=e),this.value=r,this.touched=!0,this.updateValidationState()}connectedCallback(){this.validationPattern=this.setPattern()}handleExternalDocUpdate(t){this.name===h.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===h.DOCUMENT_NUMBER&&(this.value="",this.touched=!1,this.isValid=!1,this.errorMessage="",this.inputReference&&(this.inputReference.value=""),this.validityStateHandler({valid:!1,name:this.name}))}componentWillLoad(){this.defaultValue&&(this.value=this.defaultValue)}handleClientStyling(){void 0===window.emMessageBus?this.clientStyling&&o(this.stylingContainer,this.clientStyling):this.stylingSubscription=n(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.handleClientStyling(),this.defaultValue&&(this.value=this.defaultValue,this.valueHandler({name:this.name,value:this.value}),this.isDuplicateInput&&(this.touched=!0)),this.haspostalcodelookup&&["address1","address2","City","PostalCode"].includes(this.name)&&(window.targetInputRefs=window.targetInputRefs||{},window.targetInputRefs[this.name]=this.inputReference),this.isValid=this.isValidValue()}validateDocument(t,e){const i=t.trim();if(e===h.PASSPORT)return h.PASSPORT_NUMERIC_REGEX.test(i)?{valid:!0}:{valid:!1,errorKey:"PassportLengthError"};if(e===h.SOUTH_AFRICAN_ID){if(i.length!==h.SOUTH_AFRICAN_ID_LENGTH)return{valid:!1,errorKey:"SAIdLengthError"};const t=(t=>{if(!h.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===h.DOCUMENT_NUMBER){const t=window.documentTypeValue;return this.validateDocument(this.value,t).valid}return""===this.value.trim()&&!this.validation.mandatory||this.inputReference.validity.valid&&(!this.inputReference.value||null!==this.inputReference.value.match(this.validationPattern))}setPattern(){var t,e;if((null===(t=this.validation.custom)||void 0===t?void 0:t.length)>0)return null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.pattern}setErrorMessage(){var t,e,i,s;const r=this.value.trim();if(this.enableSouthAfricanMode&&this.name===h.DOCUMENT_NUMBER){const t=window.documentTypeValue,e=this.validateDocument(this.value,t);return e.valid?"":p(e.errorKey,this.language)}if(""===r&&!this.validation.mandatory)return"";if(this.inputReference.validity.valueMissing)return p(d,this.language);if(this.inputReference.validity.tooShort||this.inputReference.validity.tooLong){const{minLength:t,maxLength:e}=this.validation;return t===e?p(u,this.language,{values:{length:t}}):p(c,this.language,{values:{minLength:t,maxLength:e}})}if(null==this.inputReference.value.match(this.validationPattern)){const i=null===(t=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===t?void 0:t.errorKey,s=null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.errorMessage;return p(`${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 p(`${t}`,this.language)?p(`${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:"f48e592bac049022b283bac917c095772b1508f5",class:`text__wrapper ${this.name}__input ${this.autofilled?"text__wrapper--autofilled":""}`,ref:t=>this.stylingContainer=t},i("div",{key:"fe3626ead38dd18dfa14795ee2332e93f5f09652",class:"text__wrapper--flex"},i("label",{key:"6b2854b460e0ac7d4ae0ebccc06dbe64770581d5",class:"text__label  "+(this.validation.mandatory?"text__label--required":""),htmlFor:`${this.name}__input`},this.displayName),i("div",{key:"f29d266973bd700a4270495bc4eb6e8296b6eeaf",class:"text__wrapper--relative"},this.tooltip&&i("img",{key:"68e69abbb78250e763822608e963bc16d702f099",class:"text__tooltip-icon",src:m,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),i("input",{key:"99b8eab15ab32656f86fedd3f36a09a5bbe108d3",name:this.name,id:`${this.name}__input`,value:this.value,type:"text",class:`text__input ${t}`,placeholder:`${this.placeholder}`,ref:t=>this.inputReference=t,readOnly:this.autofilled,required:this.validation.mandatory,minlength:this.enableSouthAfricanMode?"":this.validation.minLength,maxlength:this.enableSouthAfricanMode?"":this.validation.maxLength,onInput:this.handleInput,onBlur:this.handleBlur}),i("small",{key:"cc28c1c19370faa94fa1f738066042dce8d694ce",class:"text__error-message"},this.errorMessage))}static get watchers(){return{clientStyling:["handleClientStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};kc.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 Cc=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.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.mbSource=void 0,this.errorMessage=void 0,this.isValid=void 0,this.showTooltip=!1,this.showFields="true"===this.defaultValue}handleClientStylingChange(t,e){t!==e&&o(this.stylingContainer,this.clientStyling)}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)}handleClientStyling(){void 0===window.emMessageBus?this.clientStyling&&o(this.stylingContainer,this.clientStyling):this.stylingSubscription=n(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.handleClientStyling(),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 p("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:"31cd24b5da24368eef2f53952714395d6d9f6285",class:`togglecheckbox__wrapper  ${this.name}__input`,ref:t=>this.stylingContainer=t},i("div",{key:"aa14784bd8a3870f7015db79d23226521706ad58",class:"togglecheckbox__wrapper--flex"},i("input",{key:"0237f06c99b8b2ed7de80433f5b93b9eae7c25f5",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:"7e26bea1cfcc725d5aa5a795fd0f999d99abe39d",class:"togglecheckbox__error-message"},this.errorMessage),i("div",{key:"4256fc552545b7a1050ff5cdeb005f5ea83cc5c1",class:"togglecheckbox__wrapper--relative"},this.tooltip&&i("img",{key:"be3c3e036f0bfe46658fce870ae0ffa258229e7d",class:"togglecheckbox__tooltip-icon",src:m,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip()),i("div",{key:"2d61bedaac02f21116318b10a21b361e70e0213f",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:["handleClientStylingChange"]}}};Cc.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 Sc=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.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 r=this.inputRefs[e+1];r&&r.focus(),this.setValidity(),this.setErrorMessage()},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.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("")})}handleClientStylingChange(t,e){t!==e&&o(this.stylingContainer,this.clientStyling)}handleClientStylingChangeURL(t,e){t!==e&&this.clientStylingUrl&&a(this.stylingContainer,this.clientStylingUrl)}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)}connectedCallback(){this.validationPattern=this.setPattern(),this.code=new Array(this.validation.maxLength).fill("")}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}handleClientStyling(){void 0===window.emMessageBus?(this.clientStyling&&o(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&a(this.stylingContainer,this.clientStylingUrl)):this.stylingSubscription=n(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.setValidity(),this.registrationWidgetLoaded.emit(),window.postMessage({type:"registrationWidgetLoaded"},window.location.href),this.handleClientStyling()}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 r=s.slice(0,this.validation.maxLength).split("");this.code=[...r,...new Array(this.validation.maxLength-r.length).fill("")],this.enableSouthAfricanMode&&(this.revealedIndexes=r.map(((t,e)=>e)),this.revealTimeout&&clearTimeout(this.revealTimeout),this.revealTimeout=setTimeout((()=>{this.revealedIndexes=[]}),500));const o=this.inputRefs[Math.min(r.length,this.inputRefs.length-1)];null==o||o.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=p(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:"cd5396afccaf4016201281f5cc53898c0a2052ed",class:"twofa",ref:t=>this.stylingContainer=t},i("div",{key:"008dd54682a0d93190e9e5b2b49673262ed01763",class:"twofa__error-message"},i("p",{key:"41db51d6b396ccd1f3149e4473e96960e92d05ca"},this.errorMessage)),i("div",{key:"67e9e4ac90cf95f2269e75b121ed220a02c5f139",class:"twofa__description",innerHTML:p("twofaDescription",this.language,{values:{destination:this.destination}})}),i("div",{key:"702c342eb7be0001ab8de310cadd7e8684a8025d",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:"63564bd4a0442232f81058ba914ee86c537ce85a",class:"twofa__button-wrapper"},i("p",{key:"219f5005c0d03189df48f05c5e0cd980eb0e1979",class:"twofa__resend-message"},p("twofaResendMessage",this.language)),i("button",{key:"12b7b4bc3ea165994f2c50107f406c64e708cf4d",class:"twofa__resend-button "+(this.pinAttemptsExceeded?"twofa__resend-button--disabled":""),onClick:this.resendCodeHandler,disabled:!this.isResendButtonAvailable||this.pinAttemptsExceeded},this.isResendButtonAvailable?p("twofaResendButton",this.language):this.formatTime())))}get host(){return s(this)}static get watchers(){return{isValid:["validityChanged"],emitValue:["emitValueHandler"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}}};Sc.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}";const Ec=class{constructor(e){t(this,e),this.stylingValue={width:this.handleStylingProps(this.width),height:this.handleStylingProps(this.height),borderRadius:this.handleStylingProps(this.borderRadius),marginBottom:this.handleStylingProps(this.marginBottom),marginTop:this.handleStylingProps(this.marginTop),marginLeft:this.handleStylingProps(this.marginLeft),marginRight:this.handleStylingProps(this.marginRight),size:this.handleStylingProps(this.size)},this.structure=void 0,this.width="unset",this.height="unset",this.borderRadius="unset",this.marginBottom="unset",this.marginTop="unset",this.marginLeft="unset",this.marginRight="unset",this.animation=!0,this.rows=0,this.size="100%"}handleStructureChange(t,e){e!==t&&this.handleStructure(t)}handleStylingProps(t){switch(typeof t){case"number":return 0===t?0:`${t}px`;case"undefined":default:return"unset";case"string":return["auto","unset","none","inherit","initial"].includes(t)||t.endsWith("px")||t.endsWith("%")?t:"unset"}}handleStructure(t){switch(t){case"logo":return this.renderLogo();case"image":return this.renderImage();case"title":return this.renderTitle();case"text":return this.renderText();case"rectangle":return this.renderRectangle();case"circle":return this.renderCircle();default:return null}}renderLogo(){return i("div",{class:"SkeletonContainer"},i("div",{class:"SkeletonLogo "+(this.animation?"Skeleton":"")}))}renderImage(){return i("div",{class:"SkeletonImage "+(this.animation?"Skeleton":"")})}renderTitle(){return i("div",{class:"SkeletonContainer"},i("div",{class:"SkeletonTitle "+(this.animation?"Skeleton":"")}))}renderText(){return i("div",{class:"SkeletonContainer"},Array.from({length:this.rows>0?this.rows:1}).map(((t,e)=>i("div",{key:e,class:"SkeletonText "+(this.animation?"Skeleton":"")}))))}renderRectangle(){return i("div",{class:"SkeletonContainer"},i("div",{class:"SkeletonRectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return i("div",{class:"SkeletonContainer"},i("div",{class:"SkeletonCircle "+(this.animation?"Skeleton":"")}))}render(){let t="";switch(this.structure){case"logo":t=`\n          :host {\n            --emw-skeleton-logo-width: ${this.stylingValue.width};\n            --emw-skeleton-logo-height: ${this.stylingValue.height};\n            --emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};\n            --emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};\n            --emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};\n            --emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};\n            --emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};\n          }\n        `;break;case"image":t=`\n          :host {\n            --emw-skeleton-image-width: ${this.stylingValue.width};\n            --emw-skeleton-image-height: ${this.stylingValue.height};\n            --emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};\n            --emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};\n            --emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};\n            --emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};\n            --emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};\n          }\n        `;break;case"title":t=`\n          :host {\n            --emw-skeleton-title-width: ${this.stylingValue.width};\n            --emw-skeleton-title-height: ${this.stylingValue.height};\n            --emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};\n            --emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};\n            --emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};\n            --emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};\n            --emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};\n          }\n        `;break;case"text":t=`\n          :host {\n            --emw-skeleton-text-width: ${this.stylingValue.width};\n            --emw-skeleton-text-height: ${this.stylingValue.height};\n            --emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};\n            --emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};\n            --emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};\n            --emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};\n            --emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};\n          }\n        `;break;case"rectangle":t=`\n          :host {\n            --emw-skeleton-rectangle-width: ${this.stylingValue.width};\n            --emw-skeleton-rectangle-height: ${this.stylingValue.height};\n            --emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};\n            --emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};\n            --emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};\n            --emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};\n            --emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};\n          }\n        `;break;case"circle":t=`\n          :host {\n            --emw-skeleton-circle-size: ${this.stylingValue.size};\n          }\n        `;break;default:t=""}return i(r,{key:"c2a2650acd416962a2bc4e1a7ee18bc6d8e2def8"},i("style",{key:"9bd7fc1f9e9ed9f17735a7b72fce6f09696f5e19"},t),this.handleStructure(this.structure))}static get watchers(){return{structure:["handleStructureChange"]}}};Ec.style=":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.SkeletonRectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.SkeletonCircle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.SkeletonText{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.SkeletonText:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.SkeletonTitle{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.SkeletonImage{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.SkeletonLogo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}";export{v as checkbox_group_input,f as checkbox_input,si as date_input,ri as email_input,fc as general_input,gc as number_input,bc as password_input,yc as postalcode_input,wc as radio_input,_c as select_input,xc as tel_input,kc as text_input,Cc as toggle_checkbox_input,Sc as twofa_input,Ec as ui_skeleton}
+    `}static get is(){return"vaadin-tabs"}}fi(vc);const fc=class{constructor(i){t(this,i),this.registrationWidgetLoaded=e(this,"registrationWidgetLoaded",7),this.handleClick=t=>{this.emitOnClick&&(t.stopPropagation(),window.postMessage({type:`registration${this.name}Clicked`},window.location.href))},this.type="text",this.name=void 0,this.displayName=void 0,this.placeholder=void 0,this.action=void 0,this.validation=void 0,this.options=void 0,this.language=void 0,this.autofilled=void 0,this.tooltip=void 0,this.defaultValue=void 0,this.emitValue=void 0,this.isDuplicateInput=void 0,this.hidePasswordComplexity=!1,this.noValidation=!1,this.clientStyling="",this.clientStylingUrl="",this.dateFormat=void 0,this.translationUrl="",this.emitOnClick=!1,this.twofaDestination=void 0,this.twofaResendIntervalSeconds=60,this.haspostalcodelookup=void 0,this.postalcodelength=void 0,this.addresses=[],this.ignoreCountry=!1,this.enableSouthAfricanMode=void 0,this.enableManualDateInput=!1,this.pinAttemptsExceeded=void 0,this.mbSource=void 0,this.enableCustomRegexValidation=!1}handleClientStylingChange(t,e){t!==e&&o(this.stylingContainer,this.clientStyling)}handleClientStylingChangeURL(t,e){t!==e&&this.clientStylingUrl&&a(this.stylingContainer,this.clientStylingUrl)}connectedCallback(){var t;this.translationUrl&&(t=this.translationUrl,new Promise((e=>{fetch(t).then((t=>t.json())).then((t=>{Object.keys(t).forEach((e=>{l[e]=l[e]||{};for(let i in t[e])"string"==typeof t[e][i]&&(l[e]=l[e]||{},l[e][i]=t[e][i])})),e(!0)}))})))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}componentDidLoad(){this.handleClientStyling(),this.registrationWidgetLoaded.emit(),window.postMessage({type:"registrationWidgetLoaded"},window.location.href)}handleClientStyling(){void 0===window.emMessageBus?(this.clientStyling&&o(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&a(this.stylingContainer,this.clientStylingUrl)):this.stylingSubscription=n(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}renderInput(){var t;switch(null===(t=this.type)||void 0===t?void 0:t.toLowerCase()){case"text":return this.haspostalcodelookup&&"PostalCode"===this.name?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,"mb-source":this.mbSource}):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,"mb-source":this.mbSource});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,"mb-source":this.mbSource});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,"mb-source":this.mbSource});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,"mb-source":this.mbSource});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,"mb-source":this.mbSource});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,"mb-source":this.mbSource});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,"enable-manual-date-input":this.enableManualDateInput,"mb-source":this.mbSource});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,"mb-source":this.mbSource});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,"mb-source":this.mbSource});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,"mb-source":this.mbSource,"enable-custom-regex-validation":this.enableCustomRegexValidation});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,"mb-source":this.mbSource});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});case"label":if(this.displayName&&""!==this.displayName.trim())return i("div",{class:"general-non-input",innerHTML:this.displayName});i("p",null,"No content in label type");default:return i("p",null,"The ",this.type," input type is not valid")}}render(){return i(r,{key:"a7ad2847def0556c185560cd1ca1b07c387026a7",class:`general-input--${this.name}`,onClick:this.handleClick},this.renderInput())}get host(){return s(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}}};fc.style=":host{display:block;height:100%}";const gc=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.name=void 0,this.displayName=void 0,this.placeholder=void 0,this.validation=void 0,this.defaultValue=void 0,this.autofilled=void 0,this.tooltip=void 0,this.language=void 0,this.emitValue=void 0,this.clientStyling="",this.mbSource=void 0,this.errorMessage=void 0,this.isValid=void 0,this.showTooltip=!1}handleClientStylingChange(t,e){t!==e&&o(this.stylingContainer,this.clientStyling)}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value})}validityStateHandler(t){this.sendValidityState.emit(t)}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value})}valueHandler(t){this.sendInputValue.emit(t)}handleClickOutside(t){const e=t.composedPath();e.includes(this.tooltipIconReference)||e.includes(this.tooltipReference)||(this.showTooltip=!1)}connectedCallback(){this.validationPattern=this.setPattern()}handleClientStyling(){void 0===window.emMessageBus?this.clientStyling&&o(this.stylingContainer,this.clientStyling):this.stylingSubscription=n(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.handleClientStyling(),this.isValid=this.setValidity(),this.defaultValue&&(this.value=this.defaultValue,this.valueHandler({name:this.name,value:this.value}))}setValidity(){return this.inputReference.validity.valid}setPattern(){var t,e;if((null===(t=this.validation.custom)||void 0===t?void 0:t.length)>0)return null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.pattern}setErrorMessage(){var t,e;if(this.inputReference.validity.valueMissing)return p("requiredError",this.language);if(this.inputReference.validity.rangeUnderflow||this.inputReference.validity.rangeOverflow)return p("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 p(`${i}`,this.language)?p(`${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:"bd11140dc6c8ddb6b800d4fe6544df733c5157c4",class:`number__wrapper ${this.autofilled?"number__wrapper--autofilled":""}  ${this.name}__input`,ref:t=>this.stylingContainer=t},i("div",{key:"c8318c687bc471fc225b9aba52686e38ecb400de",class:"number__wrapper--flex"},i("label",{key:"7eaf64057ef71b07a0defc1e372fd85baab2bd68",class:"number__label "+(this.validation.mandatory?"number__label--required":""),htmlFor:`${this.name}__input`},this.displayName),i("div",{key:"99f4151f50a7fb0abb9a8e53bacc8c8bd303d659",class:"number__wrapper--relative"},this.tooltip&&i("img",{key:"875d6284697dc06ac05c682509856faeade3d8be",class:"number__tooltip-icon",src:m,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),i("input",{key:"f1f563567cde4a744c68e27ab91a3d795f596be6",ref:t=>this.inputReference=t,type:"number",value:this.defaultValue,readOnly:this.autofilled,id:`${this.name}__input`,class:`number__input ${t}`,pattern:this.validationPattern,placeholder:`${this.placeholder}`,required:this.validation.mandatory,max:this.validation.max,min:this.validation.min,onInput:this.handleInput,onBlur:this.handleBlur}),i("small",{key:"0226f04a059fd8763822483de42bd7e647040bf3",class:"number__error-message"},this.errorMessage))}static get watchers(){return{clientStyling:["handleClientStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};gc.style='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.number{font-family:"Roboto";font-style:normal}.number__wrapper{position:relative;width:100%}.number__wrapper--autofilled{pointer-events:none}.number__wrapper--autofilled .number__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.number__wrapper--autofilled .number__input{color:var(--emw--color-black, #000000)}.number__wrapper--flex{display:flex;gap:5px}.number__wrapper--relative{position:relative}.number__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.number__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));margin-left:2px}.number__input{font-family:inherit;border-radius:5px;width:100%;height:44px;border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--color-black, #000000);border-radius:5px;box-sizing:border-box;padding:5px 15px;font-size:16px;line-height:18px;position:relative;-moz-appearance:textfield;}.number__input:focus{outline-color:#3E3E3E}.number__input::-webkit-outer-spin-button,.number__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number__input--invalid{border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.number__input::placeholder{color:#979797}.number__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.number__tooltip-icon{width:16px;height:auto}.number__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.number__tooltip.visible{opacity:1}';const bc=class{constructor(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.name=void 0,this.displayName=void 0,this.placeholder=void 0,this.defaultValue="",this.autofilled=void 0,this.tooltip=void 0,this.validation=void 0,this.noValidation=!1,this.language=void 0,this.emitValue=void 0,this.isDuplicateInput=void 0,this.hidePasswordComplexity=!1,this.clientStyling="",this.enableSouthAfricanMode=void 0,this.mbSource=void 0,this.isValid=void 0,this.errorMessage=void 0,this.showTooltip=!1,this.passwordComplexity=void 0,this.showPopup=void 0,this.value=""}handleClientStylingChange(t,e){t!==e&&o(this.stylingContainer,this.clientStyling)}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value})}valueChanged(){this.isDuplicateInput||(this.calculateComplexity(this.value),this.sendOriginalValidityState.emit({name:this.name,valid:this.setValidity()}))}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value,type:"duplicate"})}validityStateHandler(t){this.sendValidityState.emit(t)}valueHandler(t){this.sendInputValue.emit(t)}originalValidityChangedHandler(t){this.isDuplicateInput&&(t.detail.valid?(this.originalValid=!0,this.isValid=this.setValidity()):(this.originalValid=!1,this.isValid=!1,""!==this.value&&(this.errorMessage=this.setErrorMessage())))}valueChangedHandler(t){this.isDuplicateInput&&this.name===t.detail.name+"Duplicate"&&(this.duplicateInputValue=t.detail.value,this.touched&&(this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage())),this.name===t.detail.name+"Duplicate"&&this.name.replace("Duplicate","")===t.detail.name&&!0===this.touched&&(this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage())}handleClickOutside(t){const e=t.composedPath();e.includes(this.tooltipIconReference)||e.includes(this.tooltipReference)||(this.showTooltip=!1)}handleClientStyling(){void 0===window.emMessageBus?this.clientStyling&&o(this.stylingContainer,this.clientStyling):this.stylingSubscription=n(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.handleClientStyling(),this.inputReference=this.element.shadowRoot.querySelector("input"),this.passwordButton=this.element.shadowRoot.querySelector("vaadin-password-field-button"),this.passwordButton.tabIndex=-1,this.passwordButton.addEventListener("click",(t=>{this.handleRevealField(t)})),this.defaultValue&&(this.value=this.defaultValue,this.calculateComplexity(this.value),this.valueHandler({name:this.name,value:this.value}),this.isDuplicateInput&&(this.duplicateInputValue=this.defaultValue,this.touched=!0)),this.isValid=this.setValidity()}disconnectedCallback(){this.passwordButton.removeEventListener("click",this.handleRevealField)}calculateComplexity(t){this.passwordComplexity=this.noValidation?[]:this.validation.custom.filter((t=>"regex"===t.rule)).map((e=>{const i=new RegExp(e.pattern);let s=!1;return t&&(s=i.test(t)),{rule:e.displayName,ruleKey:e.errorKey,passed:s}}))}setValidity(){var t,e;return!!this.noValidation||(!this.isDuplicateInput||this.duplicateInputValue===this.value)&&!!(null===(t=this.passwordComplexity)||void 0===t?void 0:t.every((t=>t.passed)))&&(null===(e=this.inputReference)||void 0===e?void 0:e.validity.valid)}setPattern(){var t,e;if((null===(t=this.validation.custom)||void 0===t?void 0:t.length)>0)return null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.pattern}setErrorMessage(){var t,e,i,s,r;if(this.inputReference.validity.tooShort||this.inputReference.validity.tooLong)return p("lengthError",this.language,{values:{minLength:this.validation.minLength,maxLength:this.validation.maxLength}});if(this.inputReference.validity.valueMissing)return p("requiredError",this.language);if(this.isDuplicateInput&&!this.originalValid)return p("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 p(`${i}`,this.language)?p(`${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 p(`${t}`,this.language)?p(`${t}`,this.language):e}return(null===(r=this.passwordComplexity)||void 0===r?void 0:r.every((t=>t.passed)))||this.showPopup?void 0:p("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"},p("passwordStrength",this.language)," ",i("span",{class:"password__complexity--text-bold"},p(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,p(`${t.ruleKey}`,this.language)?p(`${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"},p("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?h.PASSWORD_COMPLEXITY_PASSED:h.PASSWORD_COMPLEXITY_FAILED}`},t.passed?"✓":"✕"),i("span",null,p(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:"18213d251639938165f3e4ad58bdc904fb953fe2",class:`password__wrapper ${this.autofilled?"password__wrapper--autofilled":""} ${this.name}__input`,ref:t=>this.stylingContainer=t},i("div",{key:"092c431b178682d0006cf6ad5c14b0a7e6fb5569",class:"password__wrapper--flex"},i("label",{key:"64c101b7d70305ecf09735234d902a6b33823551",class:"password__label  "+(this.validation.mandatory?"password__label--required":""),htmlFor:`${this.name}__input`},this.displayName),i("div",{key:"189929eefa1caf71a1be39f0d663eef914d241d5",class:"password__wrapper--relative"},this.tooltip&&i("img",{key:"95ee0d824b5be14ab4e62fc0b5f1731fe6ca5775",class:"password__tooltip-icon",src:m,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),i("vaadin-password-field",{key:"bf85dde83305233c566b1c50d0286548ba0f48a5",type:"password",id:`${this.name}__input`,class:`password__input ${t}`,name:this.name,readOnly:this.autofilled,value:this.defaultValue,required:this.validation.mandatory,maxlength:this.validation.maxLength,minlength:this.validation.minLength,pattern:this.validationPattern,placeholder:`${this.placeholder}`,onInput:this.handleInput,onBlur:this.handleBlur,onFocus:this.handleFocus}),!this.noValidation&&i("small",{key:"3acbe164ff532bcfcd9e4a237a6f352df0cfdc2d",class:"password__error-message"},this.errorMessage),this.passwordComplexity&&this.showPopup&&!this.hidePasswordComplexity&&!this.isDuplicateInput&&(this.enableSouthAfricanMode?this.renderCustomComplexityPopup():this.renderComplexityPopup()))}get element(){return s(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],isValid:["validityChanged"],value:["valueChanged"],emitValue:["emitValueHandler"]}}};bc.style='*,\n*::before,\n*::after {\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n}\n\n.password {\n  font-family: "Roboto";\n  font-style: normal;\n}\n.password__wrapper {\n  position: relative;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n  container-type: inline-size;\n}\n.password__wrapper--autofilled {\n  pointer-events: none;\n}\n.password__wrapper--autofilled .password__label {\n  color: var(--emw--registration-typography, var(--emw--color-black, #000000));\n}\n.password__wrapper--autofilled .password__input::part(input-field) {\n  color: var(--emw--color-black, #000000);\n}\n.password__wrapper--flex {\n  display: flex;\n  gap: 5px;\n}\n.password__wrapper--relative {\n  position: relative;\n}\n.password__label {\n  font-family: inherit;\n  font-style: normal;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 20px;\n  color: var(--emw--registration-typography, var(--emw--color-black, #000000));\n}\n.password__label--required::after {\n  content: "*";\n  font-family: inherit;\n  color: var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));\n  margin-left: 2px;\n}\n.password__input {\n  width: inherit;\n  border: none;\n}\n.password__input[focused]::part(input-field) {\n  border-color: var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));\n}\n.password__input[invalid]::part(input-field) {\n  border: 1px solid var(--emw--color-error, var(--emw--color-red, #ed0909));\n}\n.password__input::part(input-field) {\n  border-radius: 4px;\n  background-color: var(--emw--color-white, #FFFFFF);\n  border: 1px solid var(--emw--color-gray-100, #E6E6E6);\n  color: var(--emw--color-black, #000000);\n  background-color: var(--emw--color-white, #FFFFFF);\n  font-family: inherit;\n  font-style: normal;\n  font-weight: 300;\n  font-size: 16px;\n  line-height: 1.5;\n  position: relative;\n  margin-bottom: unset;\n  height: 44px;\n  padding: 0;\n  width: 100%;\n}\n.password__input::part(reveal-button) {\n  position: relative;\n  right: 10px;\n}\n.password__input::part(reveal-button)::before {\n  color: var(--emw--registration-typography, var(--emw--color-black, #000000));\n}\n.password__input > input {\n  padding: 5px 15px;\n}\n.password__input > input:placeholder-shown {\n  color: var(--emw--color-gray-150, #828282);\n}\n.password__error-message {\n  position: absolute;\n  top: calc(100% + 5px);\n  left: 0;\n  color: var(--emw--color-error, var(--emw--color-red, #ed0909));\n}\n.password__complexity {\n  height: 150px;\n  position: relative;\n  padding: 10px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  justify-content: center;\n  margin-top: 20px;\n  font-weight: 300;\n  background: var(--emw--color-white, #FFFFFF);\n  -webkit-border-radius: 5px;\n  -moz-border-radius: 5px;\n  border-radius: 5px;\n  border: 1px solid #B0B0B0;\n  box-sizing: content-box;\n  /* works only in this order */\n}\n.password__complexity meter {\n  border-color: transparent; /* Needed for Safari */\n}\n.password__complexity meter[value="1"]::-moz-meter-bar {\n  background-color: var(--emw--color-valid, #48952a);\n}\n.password__complexity meter[value="1"]::-webkit-meter-optimum-value {\n  background-color: var(--emw--color-valid, #48952a);\n}\n.password__complexity meter:not([value="1"])::-moz-meter-bar {\n  background-color: var(--emw--color-error, #FD2839);\n}\n.password__complexity meter:not([value="1"])::-webkit-meter-optimum-value {\n  background-color: var(--emw--color-error, #FD2839);\n}\n.password__complexity--strength {\n  display: flex;\n  justify-content: space-evenly;\n  align-items: center;\n}\n.password__complexity--strength meter::-moz-meter-bar { /* Firefox Pseudo Class */\n  background: #B0B0B0;\n}\n.password__complexity--hidden {\n  display: none;\n}\n.password__complexity--text-bold {\n  font-weight: 500;\n}\n.password__complexity--checkbox {\n  margin-right: 5px;\n}\n.password__complexity:after {\n  content: "";\n  position: absolute;\n  width: 25px;\n  height: 25px;\n  border-top: 1px solid var(--emw--color-gray-150, #828282);\n  border-right: 0 solid var(--emw--color-gray-150, #828282);\n  border-left: 1px solid var(--emw--color-gray-150, #828282);\n  border-bottom: 0 solid var(--emw--color-gray-150, #828282);\n  bottom: 92%;\n  left: 50%;\n  margin-left: -25px;\n  transform: rotate(45deg);\n  margin-top: -25px;\n  background-color: var(--emw--color-white, #FFFFFF);\n}\n@container (max-width: 300px) {\n  .password__complexity {\n    height: 190px;\n  }\n  .password__complexity:after {\n    width: 14px;\n    height: 14px;\n    bottom: 96%;\n    left: 57%;\n  }\n}\n.password__tooltip-icon {\n  width: 16px;\n  height: auto;\n}\n.password__tooltip {\n  position: absolute;\n  top: 0;\n  left: 20px;\n  background-color: var(--emw--color-white, #FFFFFF);\n  border: 1px solid var(--emw--color-gray-150, #828282);\n  color: #2B2D3F;\n  padding: 10px;\n  border-radius: 5px;\n  opacity: 0;\n  transition: opacity 0.3s ease-in-out;\n  z-index: 10;\n}\n.password__tooltip.visible {\n  opacity: 1;\n}\n\n.customreg-password__complexity {\n  background: var(--emw--color-white, #FFFFFF);\n  border-radius: 6px;\n  padding: 14px;\n}\n\n.customreg-password__complexity--title {\n  font-size: var(--emw--font-size-small, 14px);\n  color: var(--emw--color-black, #000000);\n  margin-bottom: 12px;\n}\n\n.customreg-password__complexity--rules {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  font-size: var(--emw--font-size-small-xs, 12px);\n}\n\n.customreg-password__complexity--rule {\n  display: flex;\n  align-items: center;\n  color: var(--emw--color-black, #000000);\n}\n\n.customreg-password__complexity--icon {\n  width: 20px;\n  height: 20px;\n  min-width: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  font-weight: bold;\n  border-radius: 50%;\n  margin-right: 10px;\n}\n\n.customreg-password__complexity--icon.failed {\n  background-color: var(--emw--color-error, #FD2839);\n  color: var(--emw--color-white, #FFFFFF);\n}\n\n.customreg-password__complexity--icon.passed {\n  background-color: var(--emw--color-lottoball-green, #01af15);\n  color: var(--emw--color-white, #FFFFFF);\n}\n\n.customreg-password__complexity::after {\n  display: none;\n}';const yc=class{constructor(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(),r=`${e.city}`.trim();this.sendAddressValue.emit({city:r,address1:i,address2:s}),this.value=this.currentPostalCode.toLocaleUpperCase(),this.touched=!0,this.isValid=!0,this.openAddressDropdown=!1,this.showNoResultsMessage=!1,this.isFetchingAddresses=!1,this.valueHandler({name:this.name,value:this.value}),this.validityStateHandler({valid:!0,name:this.name}),this.valueHandler({name:"address1",value:i}),this.valueHandler({name:"City",value:r}),s&&this.valueHandler({name:"address2",value:s}),this.refreshTrigger++},this.enterAddressManually=()=>{const t=window.targetInputRefs;if(!t)return;const e=[{name:"PostalCode",ref:t.PostalCode,minLength:this.postalcodelength},{name:"address1",ref:t.address1},{name:"address2",ref:t.address2},{name:"City",ref:t.City}],i=[{name:"PostalCode",ref:t.PostalCode,minLength:this.postalcodelength},{name:"address1",ref:t.address1},{name:"City",ref:t.City}].find((t=>{var e;const i=(null===(e=t.ref)||void 0===e?void 0:e.value)||"";return t.minLength?0===i.length||i.length<t.minLength:0===i.length})),s=(null==i?void 0:i.ref)||t.address1||t.PostalCode;s.scrollIntoView({behavior:"smooth",block:"center"}),this.hasManualAddressBeenTriggered||(this.hasManualAddressBeenTriggered=!0,e.forEach((t=>{var e;if(t.ref){const i=(null===(e=t.ref.shadowRoot)||void 0===e?void 0:e.querySelector("input"))||t.ref;if(i){i.classList.add("pulse-border");const t=()=>{i.classList.remove("pulse-border"),i.removeEventListener("animationend",t)};i.addEventListener("animationend",t)}}}))),s.focus()},this.handleOutsideClick=t=>{if(!this.openAddressDropdown)return;const e=t.composedPath?t.composedPath():[],i=e.includes(this.inputReference),s=e.includes(this.addressesDropdownRef),r=e.some((t=>{var e;return t instanceof Element&&(null===(e=t.classList)||void 0===e?void 0:e.contains("option"))}));i||s||r||(this.openAddressDropdown=!1,this.showNoResultsMessage=!1)},this.name="PostalCode",this.displayName=void 0,this.placeholder=void 0,this.validation=void 0,this.defaultValue="",this.autofilled=void 0,this.tooltip=void 0,this.language=void 0,this.emitValue=void 0,this.clientStyling="",this.postalcodelength=void 0,this.addresses=void 0,this.ignoreCountry=!1,this.mbSource=void 0,this.isValid=void 0,this.errorMessage="",this.showTooltip=!1,this.selectedCountryCode="",this.currentPostalCode="",this.openAddressDropdown=!1,this.showNoResultsMessage=!1,this.refreshTrigger=0,this.isFetchingAddresses=!1}handleClientStylingChange(t,e){t!==e&&o(this.stylingContainer,this.clientStyling)}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value})}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value}),!0!==t||this.value.length||this.valueHandler({name:this.name,value:this.value})}handleAddresses(t){t&&t.length>0?(this.openAddressDropdown=!0,this.showNoResultsMessage=!1):(this.openAddressDropdown=!1,this.isFetchingAddresses&&this.currentPostalCode.length>=this.postalcodelength&&setTimeout((()=>{this.currentPostalCode.length>=this.postalcodelength&&!this.isFetchingAddresses&&(this.showNoResultsMessage=!0)}),200)),this.isFetchingAddresses=!1}validityStateHandler(t){this.sendValidityState.emit(t)}valueHandler(t){this.sendInputValue.emit(t)}handleClickOutside(t){const e=t.composedPath();e.includes(this.tooltipIconReference)||e.includes(this.tooltipReference)||(this.showTooltip=!1)}handleCountryCodeUpdate(t){const{name:e,value:i}=t.detail;this.selectedCountryCode=i,"CountryCode"===e&&(this.resetPostalCodeField(),this.refreshTrigger++)}handleFetchStarted(){this.showNoResultsMessage=!1,this.isFetchingAddresses=!0,this.openAddressDropdown=!1}connectedCallback(){this.validationPattern=this.setPattern()}componentWillLoad(){this.defaultValue&&(this.value=this.defaultValue)}handleClientStyling(){void 0===window.emMessageBus?this.clientStyling&&o(this.stylingContainer,this.clientStyling):this.stylingSubscription=n(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.handleClientStyling(),this.defaultValue&&this.valueHandler({name:this.name,value:this.value}),this.inputReference&&(window.targetInputRefs=window.targetInputRefs||{},window.targetInputRefs[this.name]=this.inputReference),this.isValid=this.setValidity(),document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this.handleOutsideClick)}setValidity(){if(!this.inputReference)return!1;const t=this.inputReference.validity.valid,e=!this.inputReference.value||null!==this.inputReference.value.match(this.validationPattern);return t&&e}setPattern(){var t,e;if((null===(t=this.validation.custom)||void 0===t?void 0:t.length)>0)return null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.pattern}setErrorMessage(){var t,e;if(!this.touched)return"";if(this.inputReference.validity.valueMissing)return p(d,this.language);if(this.inputReference.validity.tooShort||this.inputReference.validity.tooLong){const{minLength:t,maxLength:e}=this.validation;return t===e?p(u,this.language,{values:{length:t}}):p(c,this.language,{values:{minLength:t,maxLength:e}})}if(null==this.inputReference.value.match(this.validationPattern)){const i=null===(t=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===t?void 0:t.errorKey,s=null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.errorMessage;return p(`${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 r="UK"===this.selectedCountryCode||"GB"===this.selectedCountryCode||this.ignoreCountry,o=(null===(t=this.addresses)||void 0===t?void 0:t.length)>0&&this.openAddressDropdown&&r,n=this.showNoResultsMessage&&this.currentPostalCode&&this.currentPostalCode.length>=this.postalcodelength&&0===(null===(e=this.addresses)||void 0===e?void 0:e.length)&&r,a=this.isFetchingAddresses&&this.currentPostalCode.length>=this.postalcodelength;return i("div",{key:"f0dda39cf9a02d53213848926908c0cb39d1cd3f",class:`text__wrapper ${this.name}__input ${this.autofilled?"text__wrapper--autofilled":""}`,ref:t=>this.stylingContainer=t},i("div",{key:"5e1c51af264392d2be986e305e6526310f55f40b",class:"text__wrapper--flex"},i("label",{key:"c12c45d88bdf42aeb6be505d473ab0f55da2be87",class:"text__label  "+(this.validation.mandatory?"text__label--required":""),htmlFor:`${this.name}__input`},this.displayName),i("div",{key:"7b93a75f19590b445227fa1a64c90fd20c0afd5d",class:"text__wrapper--relative"},this.tooltip&&i("img",{key:"504004a13595694307c1e3450b69982150dc55fd",class:"text__tooltip-icon",src:m,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),i("div",{key:"19de66fd72fd0a6befe3bbaebb6c8f99ec5f850b",class:"input__text-wrapper"},i("input",{key:"78cd4229ed5104518b991df0bc6bf527df2ec3e2",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}),!r&&i("p",{key:"6b9e307d59fb9fed93f4df6c07a091d299844c62",class:"address__manual-input-msg",onClick:()=>this.enterAddressManually()},p("enterIEAddressManually",this.language)),o&&i("div",{key:"ecb7892a9a8d967540d8fd013518ae19498fcd48",class:"input__addresses-container",ref:t=>this.addressesDropdownRef=t},i("div",{key:"a5ef3f81a85207a821964e23b21aaf783be807cc",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))))),a&&i("div",{key:"338c17e484721efb387e608f3ce4416a0e47b8af",class:"postalcode__loading-spinner"},i("div",{key:"7638cea4fba975e3a27d4cb00bce217129bd0750",class:"loading-spinner"}),i("span",{key:"b59a8a9c3d7ecf209a68717346d1d29062994f79"},p("searchingForAddresses",this.language))),n&&i("div",{key:"212a74fed94b3ee089aed5c9afb544966b5f11cd",class:"postalcode__no-results-message"},p("postalLookUpNoAddressFound",this.language))),i("small",{key:"4f66e97dd811b9917c92ff4bcbf236817ac57933",class:"text__error-message"},this.errorMessage))}static get watchers(){return{clientStyling:["handleClientStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"],addresses:["handleAddresses"]}}};yc.style='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.text{font-family:"Roboto";font-style:normal}.text__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px}.text__wrapper--autofilled{pointer-events:none}.text__wrapper--autofilled .text__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.text__wrapper--autofilled .text__input::part(input-field){color:var(--emw--color-black, #000000)}.text__wrapper--flex{display:flex;gap:5px}.text__wrapper--relative{position:relative}.text__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.text__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));margin-left:2px}.text__input{font-family:inherit;width:100%;height:44px;border:1px solid var(--emw--color-gray-100, #E6E6E6);background-color:var(--emw--color-white, #FFFFFF);color:var(--emw--color-black, #000000);border-radius:5px;font-size:16px;font-weight:300;line-height:1.5;padding:5px 15px}.text__input:focus{border:1px solid var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.text__input--invalid{border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.text__input::placeholder{color:var(--emw--color-gray-150, #828282)}.text__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.text__tooltip-icon{width:16px;height:auto}.text__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.text__tooltip.visible{opacity:1}.input__text-wrapper{position:relative}.input__addresses-container{position:relative;left:0;width:100%;background:var(--emw--color-white);border:1px solid var(--emw--color-gray-100, #E6E6E6);border-radius:8px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);max-height:200px;overflow-y:auto;z-index:999;margin-top:4px}.input__addresses-container .options{padding:4px 0}.input__addresses-container .option{padding:8px 12px;cursor:pointer;border-bottom:1px solid var(--emw--color-gray-100, #E6E6E6);font-size:14px;line-height:1.4;transition:background-color 0.2s ease;color:var(--emw--registration-gray-800, #333)}.input__addresses-container .option:last-child{border-bottom:none}.input__addresses-container .option:hover{background-color:var(--emw--registration-lightgray-100, #f8f9fa)}.input__addresses-container .option:active{background-color:var(--emw--registration-lightgray-200, #e9ecef)}.input__addresses-container::-webkit-scrollbar{width:6px}.input__addresses-container::-webkit-scrollbar-track{background:var(--emw--registration-lightgray-150, #f1f1f1);border-radius:3px}.input__addresses-container::-webkit-scrollbar-thumb{background:var(--emw--registration-lightgray-300, #c1c1c1);border-radius:3px}.input__addresses-container::-webkit-scrollbar-thumb:hover{background:var(--emw--registration-lightgray-400, #a8a8a8)}.postalcode__no-results-message{color:var(--emw--color-error, var(--emw--color-red, #ed0909));margin-top:10px}.address__manual-input-msg{text-decoration:underline;margin-top:10px;cursor:pointer;transition:opacity 0.3s ease}.address__manual-input-msg:active{opacity:0.7}.postalcode__loading-spinner{display:flex;align-items:center;gap:8px;padding:12px;color:var(--emw--registration-gray-600, #666);border:1px solid var(--emw--color-gray-100, #E6E6E6);border-top:none;background-color:var(--emw--registration-lightgray-50, #f9f9f9)}.loading-spinner{width:14px;height:14px;border:2px solid var(--emw--color-gray-100, #E6E6E6);border-top:2px solid var(--emw--registration-gray-600, #666);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.pulse-border{border:1px solid var(--emw--registration-red-600, #cc4c4c);animation:pulse 0.5s ease-in-out 2 forwards}@keyframes pulse{0%{border-color:var(--emw--registration-red-600, #cc4c4c)}50%{border-color:var(--emw--registration-red-400, #e57373)}100%{border-color:var(--emw--color-gray-100, #E6E6E6)}}';const wc=class{constructor(i){t(this,i),this.sendInputValue=e(this,"sendInputValue",7),this.sendValidityState=e(this,"sendValidityState",7),this.name=void 0,this.displayName=void 0,this.optionsGroup=void 0,this.validation=void 0,this.tooltip=void 0,this.language=void 0,this.emitValue=void 0,this.clientStyling="",this.mbSource=void 0,this.errorMessage=void 0,this.isValid=void 0,this.showTooltip=!1}handleClientStylingChange(t,e){t!==e&&o(this.stylingContainer,this.clientStyling)}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value})}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value})}valueHandler(t){this.sendInputValue.emit(t)}validityStateHandler(t){this.sendValidityState.emit(t)}handleClickOutside(t){const e=t.composedPath();e.includes(this.tooltipIconReference)||e.includes(this.tooltipReference)||(this.showTooltip=!1)}handleClientStyling(){void 0===window.emMessageBus?this.clientStyling&&o(this.stylingContainer,this.clientStyling):this.stylingSubscription=n(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.handleClientStyling()}handleClick(t){this.value=t.target.value,this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.emitValueHandler(!0)}setValidity(){return this.inputReference.validity.valid}setErrorMessage(){if(this.inputReference.validity.valueMissing)return p("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:"7048de0e37c9541af1c9788e8b46c789ca788c31",class:`radio__fieldset ${this.name}__input`,ref:t=>this.stylingContainer=t},i("legend",{key:"403b739c966d510740ca59621c094872b93e2cba",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:"46dce1082a6aa9f2a5bdc3e3654c924fcd2a8357",class:"radio__error-message"},this.errorMessage),this.tooltip&&i("img",{key:"dfe155a429485b5c891db2943d9115cdc40e169b",class:"radio__tooltip-icon",src:m,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())}static get watchers(){return{clientStyling:["handleClientStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};wc.style="*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.radio__fieldset{border:none;position:relative}.radio__wrapper{display:flex;gap:5px}.radio__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.radio__tooltip-icon{position:absolute;right:0;bottom:10px}.radio__tooltip{position:absolute;bottom:35px;right:10px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.radio__tooltip.visible{opacity:1}";const _c=class{constructor(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.name=void 0,this.displayName=void 0,this.placeholder=void 0,this.action=void 0,this.defaultValue="",this.autofilled=void 0,this.tooltip=void 0,this.options=[],this.validation=void 0,this.language=void 0,this.emitValue=void 0,this.clientStyling="",this.mbSource=void 0,this.errorMessage=void 0,this.isValid=void 0,this.showTooltip=!1}handleClientStylingChange(t,e){t!==e&&o(this.stylingContainer,this.clientStyling)}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value})}validityStateHandler(t){this.sendValidityState.emit(t)}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value})}valueHandler(t){this.sendInputValue.emit(t)}handleClickOutside(t){const e=t.composedPath();e.includes(this.tooltipIconReference)||e.includes(this.tooltipReference)||(this.showTooltip=!1)}connectedCallback(){var t;this.displayedOptions=this.options.map((t=>({label:t.label,value:t.value}))),this.isComboBox=(null===(t=this.displayedOptions)||void 0===t?void 0:t.length)>6}componentWillLoad(){if(this.action&&!this.options.length&&"GET"==this.action.split(" ")[0]){const t=this.action.split(" ")[1];return this.getOptions(t).then((t=>{var e;const i=Object.keys(t)[0];this.displayedOptions=t[i].map((t=>({label:t.Name,value:t.Alpha2Code}))),this.isComboBox=(null===(e=this.displayedOptions)||void 0===e?void 0:e.length)>6}))}}handleClientStyling(){void 0===window.emMessageBus?this.clientStyling&&o(this.stylingContainer,this.clientStyling):this.stylingSubscription=n(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.handleClientStyling(),this.inputReference=this.vaadinCombo.querySelector("input"),this.defaultValue&&(this.value=this.defaultValue,this.valueHandler({name:this.name,value:this.value}),this.inputReference&&(this.inputReference.value=this.value)),this.isValid=this.setValidity(),!this.isComboBox&&this.vaadinCombo&&this.vaadinCombo.addEventListener("opened-changed",(t=>{if(!0===t.detail.value)this.errorMessage="";else{const e=t.currentTarget;this.touched=!0,this.value=e.value,this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.validityStateHandler({valid:this.isValid,name:this.name})}}))}getOptions(t){const e=new URL(t);return new Promise(((t,i)=>{fetch(e.href).then((t=>t.json())).then((e=>{t(e)})).catch((t=>{console.error(t),i(t)}))}))}setValidity(){var t;return!(null===(t=this.validation)||void 0===t?void 0:t.mandatory)||!!this.value}setErrorMessage(){var t,e,i;if((null===(e=null===(t=this.inputReference)||void 0===t?void 0:t.validity)||void 0===e?void 0:e.valueMissing)||(null===(i=this.vaadinCombo)||void 0===i?void 0:i.invalid))return p("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:"eb6c9d7d85546159d44d06a0635f173263edd7d1",class:`select__wrapper ${this.autofilled?"select__wrapper--autofilled":""}  ${this.name}__input`,ref:t=>this.stylingContainer=t},i("div",{key:"0fd71c528870966fdb23049b1806a267e9e6ca5c",class:"select__wrapper--flex"},i("label",{key:"44aeb4e50ab2f79df06741ff07ac03131c987447",class:"select__label",htmlFor:`${this.name}__input`},this.displayName,i("span",{key:"796a83aeadd480a571b6bae035a46138d7b10b24",class:this.validation.mandatory?"select__label--required":""})),i("div",{key:"6d7b2d785c6b0bdd05c7444f563b21cedf26ff7c",class:"select__wrapper--relative"},this.tooltip&&i("img",{key:"f33e43a9d42e8b8d1cf136374505eeaedcbede26",class:"select__tooltip-icon",src:m,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:"261b3c4abc9b360e6b937d851f8bfc810280a8c6",class:"select__error-message"},this.errorMessage))}static get watchers(){return{clientStyling:["handleClientStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};_c.style='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}:host{height:100%;--_invalid-hover-highlight:transparent;--vaadin-input-field-invalid-hover-highlight:transparent}vaadin-combo-box>input{background-color:var(--emw--color-white, #FFFFFF);color:var(--emw--registration-typography, var(--emw--color-black, #000000));font-weight:300;font-size:16px;-webkit-font-smoothing:initial;}.select{font-family:"Roboto";font-style:normal}.select__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px}.select__wrapper--autofilled{pointer-events:none}.select__wrapper--autofilled .select__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.select__wrapper--autofilled .select__input::part(input-field){color:var(--emw--color-black, #000000)}.select__wrapper--flex{display:flex;gap:5px}.select__wrapper--relative{position:relative}.select__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.select__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));margin-left:2px}.select__input{border:none;width:inherit;position:relative}.select__input[focused]:not(.text__input--invalid)::part(input-field){border-color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.select__input[invalid]::part(input-field){border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.select__input vaadin-date-picker-overlay-content>vaadin-button{color:var(--emw--color-black, #000000)}.select__input::part(input-field){border-radius:4px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--color-black, #000000);font-family:inherit;font-style:normal;font-size:16px;font-weight:300;line-height:1.5;padding:5px 15px;height:44px}.select__input::part(toggle-button){position:relative;right:10px}.select__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.select__tooltip-icon{width:16px;height:auto}.select__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.select__tooltip.visible{opacity:1}';const xc=class{constructor(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.isValidValue(),this.applyCustomError(),this.errorMessage=this.setErrorMessage(),this.emitValueHandler(!0)}),500)},this.handleBlur=()=>{this.touched=!0,this.isValid=this.isValidValue(),this.applyCustomError(),this.errorMessage=this.setErrorMessage()},this.name=void 0,this.displayName=void 0,this.placeholder=void 0,this.showLabels=void 0,this.action=void 0,this.validation=void 0,this.defaultValue=void 0,this.autofilled=void 0,this.tooltip=void 0,this.language=void 0,this.emitValue=void 0,this.clientStyling="",this.mbSource=void 0,this.enableCustomRegexValidation=!1,this.isValid=void 0,this.errorMessage=void 0,this.showTooltip=!1,this.disablePhonePrefix=!1,this.phoneValue="",this.phoneCodesOptions=void 0}setPhoneValue(t){const e=t.replace(/[^0-9]/g,"");this.phoneValue=e,this.inputReference&&(this.inputReference.value=this.phoneValue)}handleClientStylingChange(t,e){t!==e&&o(this.stylingContainer,this.clientStyling)}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value,type:"tel"})}validityStateHandler(t){this.sendValidityState.emit(t)}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value,type:"tel"})}valueHandler(t){this.sendInputValue.emit(t)}handleClickOutside(t){const e=t.composedPath();e.includes(this.tooltipIconReference)||e.includes(this.tooltipReference)||(this.showTooltip=!1)}resetValidationState(){this.lastCustomErrorKey=void 0,this.lastCustomErrorMessage=void 0,this.inputReference.setCustomValidity("")}isMissingValue(t){return this.validation.mandatory&&""===t}isFixedLength(t){const e=this.validation.minLength,i=this.validation.maxLength;return!(!e||!i||e!==i||t.length===e)}isTooShort(t){const e=this.validation.minLength;return!!(e&&t.length<e)}isTooLong(t){const e=this.validation.maxLength;return!!(e&&t.length>e)}failsPattern(t){if(!this.validationPattern)return!1;let e;try{e=new RegExp(this.validationPattern)}catch(t){return console.warn("Invalid validationPattern:",this.validationPattern,t),!1}return!e.test(t)}failsCustomRules(t){const e=(this.validation.custom||[]).filter((t=>"regex"===t.rule&&t.pattern)),[,...i]=e;for(const e of i){let i;try{i=new RegExp(e.pattern)}catch(t){console.warn("Invalid regex pattern:",e.pattern,t);continue}if(!i.test(t))return!0}return!1}connectedCallback(){var t;this.validationPattern=this.setPattern(),this.defaultValue&&(this.prefixValue=this.defaultValue.prefix?this.defaultValue.prefix:this.defaultValue,this.setPhoneValue(null!==(t=this.defaultValue.phone)&&void 0!==t?t:""),this.phoneCodesOptions=[{label:this.prefixValue,value:this.prefixValue}])}componentWillLoad(){if(this.action&&"GET"==this.action.split(" ")[0]){const t=this.action.split(" ")[1];this.getPhoneCodes(t).then((t=>{this.phoneCodesOptions=t.phoneCodes.map((t=>"object"==typeof t&&t.Prefix?{label:t.Prefix,value:t.Prefix}:{label:t,value:t})),this.disablePhonePrefix=this.phoneCodesOptions.length<=1}))}}handleClientStyling(){void 0===window.emMessageBus?this.clientStyling&&o(this.stylingContainer,this.clientStyling):this.stylingSubscription=n(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.handleClientStyling(),this.isValid=this.isValidValue(),this.defaultValue&&(this.value=this.defaultValue,this.valueHandler({name:this.name,value:this.value,type:"tel"}))}getPhoneCodes(t){const e=new URL(t);return new Promise(((t,i)=>{fetch(e.href).then((t=>t.json())).then((e=>{t(e)})).catch((t=>{console.error(t),i(t)}))}))}handlePrefixInput(t){this.prefixValue=t.target.value,this.value={prefix:this.prefixValue,phone:this.phoneValue},this.emitValueHandler(!0)}isValidValue(){var t,e;if(!this.inputReference)return!1;this.resetValidationState();const i=null!==(e=null===(t=this.phoneValue)||void 0===t?void 0:t.trim())&&void 0!==e?e:"",s=""===i;return!(this.isMissingValue(i)||!s&&(this.isFixedLength(i)||this.isTooShort(i)||this.isTooLong(i)||this.failsPattern(i)||this.failsCustomRules(i)))}setPattern(){var t,e;if((null===(t=this.validation.custom)||void 0===t?void 0:t.length)>0)return null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.pattern}setErrorMessage(){var t,e,i,s;if((null===(e=null===(t=this.inputReference)||void 0===t?void 0:t.validity)||void 0===e?void 0:e.customError)||(this.lastCustomErrorKey=void 0,this.lastCustomErrorMessage=void 0),this.inputReference.validity.patternMismatch){const t=null===(i=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===i?void 0:i.errorKey,e=null===(s=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===s?void 0:s.errorMessage;return p(`${t}`,this.language)?p(`${t}`,this.language):e}const{minLength:r,maxLength:o}=this.validation;if(this.inputReference.validity.tooShort||this.inputReference.validity.tooLong||r&&this.phoneValue&&this.phoneValue.length<r||o&&this.phoneValue&&this.phoneValue.length>o)return r===o?p(u,this.language,{values:{length:r}}):p(c,this.language,{values:{minLength:r,maxLength:o}});if(this.inputReference.validity.valueMissing)return p(d,this.language);if(this.inputReference.validity.customError&&(this.lastCustomErrorKey||this.lastCustomErrorMessage)){return(this.lastCustomErrorKey?p(`${this.lastCustomErrorKey}`,this.language):"")||this.lastCustomErrorMessage||""}}applyCustomError(){const t=(this.validation.custom||[]).filter((t=>"regex"===t.rule&&t.pattern)),[,...e]=t;for(const t of e){let e;try{e=new RegExp(t.pattern)}catch(e){console.warn("[applyCustomError] invalid regex pattern:",t.pattern,e);continue}if(!e.test(this.phoneValue))return this.lastCustomErrorKey=t.errorKey,this.lastCustomErrorMessage=t.errorMessage,void this.inputReference.setCustomValidity("customError")}}renderTooltip(){return this.showTooltip?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:"82da44bb2bacec9efb3631e377978d678e766919",class:`tel__wrapper ${this.autofilled?"tel__wrapper--autofilled":""} ${this.name}__input`,ref:t=>this.stylingContainer=t},i("div",{key:"4ca8d6dde2d3f8e15e2d26d593297519e0c94053",class:"tel__wrapper--flex-label"},i("label",{key:"3b0e2736fd47537b2ecd80cf49a146992d59474e",class:"tel__label "+(this.validation.mandatory?"tel__label--required":""),htmlFor:`${this.name}__input`},this.displayName),i("div",{key:"1577aafc7b68128e91cdfe9ddc563bbad9d7b901",class:"tel__wrapper--relative"},this.tooltip&&i("img",{key:"cb6576e1248fc52f937c685d59d994a1d098d7cc",class:"tel__tooltip-icon",src:m,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),i("div",{key:"a1e9f3c68691fbb61947cd41c0ffddcd124b4bbb",class:`tel__wrapper--flex ${e}`},i("vaadin-combo-box",{key:"9aa33a487f019ee7393e29a0ce0d1836a23f5e09",class:"tel__prefix",items:this.phoneCodesOptions,value:this.prefixValue,readOnly:this.disablePhonePrefix,onChange:t=>this.handlePrefixInput(t)}),i("input",{key:"21d69c041b9a5f5f6fb1e6d7b392945cafe99e87",type:"tel",ref:t=>this.inputReference=t,id:`${this.name}__input`,readOnly:this.autofilled,class:"tel__input",value:null!==(t=this.phoneValue)&&void 0!==t?t:"",placeholder:`${this.placeholder}`,required:this.validation.mandatory,minlength:this.validation.minLength,maxlength:this.validation.maxLength,pattern:this.validationPattern,onInput:this.handleInput,onBlur:this.handleBlur})),i("small",{key:"76febe89ad7ee581eb5fc79658d81123da08ccdd",class:"tel__error-message"},this.errorMessage))}static get watchers(){return{clientStyling:["handleClientStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};xc.style='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.tel{font-family:"Roboto";font-style:normal}.tel__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px}.tel__wrapper--autofilled{pointer-events:none}.tel__wrapper--autofilled .tel__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.tel__wrapper--autofilled .tel__input::part(input-field){color:var(--emw--color-black, #000000)}.tel__wrapper--flex{width:inherit;display:flex;align-items:center;border-radius:4px;border:1px solid var(--emw--color-gray-100, #E6E6E6);background-color:var(--emw--color-white, #FFFFFF);overflow:hidden;padding-left:4px}.tel__wrapper--flex:focus-within{border-color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.tel__wrapper--flex-label{display:flex;gap:5px}.tel__wrapper--flex--relative{position:relative}.tel__wrapper .text__input--invalid{border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.tel__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.tel__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));margin-left:2px}.tel__prefix{--vaadin-field-default-width:90px}.tel__prefix[focus]{outline:none}.tel__prefix::part(input-field){height:100%;border-radius:0 5px 5px 0;background-color:var(--emw--color-white, #FFFFFF);color:var(--emw--color-black, #000000);font-family:inherit;font-style:normal;font-weight:300;font-size:16px;line-height:1.5;border:none;border-right:2px solid #DDE0EE;border-image-source:linear-gradient(to bottom, rgba(221, 224, 238, 0) 25%, rgb(221, 224, 238) 25%, rgb(221, 224, 238) 75%, rgba(221, 224, 238, 0) 75%);border-image-slice:1;border-image-repeat:round}.tel__prefix::part(input-field):hover{background-color:var(--emw--color-white, #FFFFFF)}.tel__input{font-family:inherit;border-radius:5px;width:100%;color:var(--emw--registration-typography, var(--emw--color-black, #000000));background-color:var(--emw--color-white, #FFFFFF);border:none;width:inherit;position:relative;font-size:16px;font-weight:300;line-height:1.5;padding:5px 15px;height:42px;-moz-appearance:textfield;}.tel__input:focus{outline:none}.tel__input::-webkit-outer-spin-button,.tel__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tel__input::placeholder{color:var(--emw--color-gray-150, #979797)}.tel__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.tel__tooltip-icon{width:16px;height:auto}.tel__tooltip{position:absolute;top:0;left:20px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.tel__tooltip.visible{opacity:1}';const kc=class{constructor(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!==h.FIRSTNAME_ON_DOCUMENT&&this.name!==h.LASTNAME_ON_DOCUMENT?e.value:e.value.replace(h.NON_LETTERS_REGEX,"");i!==e.value&&(e.value=i),this.value=i,this.touched=!0,this.debounceTime&&clearTimeout(this.debounceTime),this.debounceTime=setTimeout((()=>{this.updateValidationState(),this.emitValueHandler(!0)}),500)},this.handleBlur=t=>{this.value=t.target.value,this.touched=!0,this.updateValidationState()},this.name=void 0,this.displayName=void 0,this.placeholder=void 0,this.validation=void 0,this.defaultValue="",this.autofilled=void 0,this.tooltip=void 0,this.language=void 0,this.checkValidity=void 0,this.emitValue=void 0,this.isDuplicateInput=void 0,this.clientStyling="",this.haspostalcodelookup=void 0,this.enableSouthAfricanMode=void 0,this.mbSource=void 0,this.isValid=void 0,this.errorMessage="",this.showTooltip=!1,this.selectedCountryCode=""}handleClientStylingChange(t,e){t!==e&&o(this.stylingContainer,this.clientStyling)}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value})}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value})}validityStateHandler(t){this.sendValidityState.emit(t)}valueHandler(t){this.sendInputValue.emit(t)}handleClickOutside(t){const e=t.composedPath();e.includes(this.tooltipIconReference)||e.includes(this.tooltipReference)||(this.showTooltip=!1)}valueChangedHandler(t){this.isDuplicateInput&&this.name===t.detail.name+"Duplicate"&&(this.duplicateInputValue=t.detail.value,this.touched&&this.updateValidationState()),this.name===t.detail.name+"Duplicate"&&this.name.replace("Duplicate","")===t.detail.name&&this.touched&&this.updateValidationState()}handleValidationChange(t){t.detail.field===this.name&&(this.validation=t.detail.validation,this.validationPattern=this.setPattern(),this.touched&&(this.isValid=this.isValidValue(),this.errorMessage=this.setErrorMessage()))}handleCountryCodeUpdate(t){const{name:e,value:i}=t.detail;this.selectedCountryCode=i,"CountryCode"===e&&["address1","address2","City"].includes(this.name)&&(this.value="",this.touched=!1,this.errorMessage="",this.isValid=!1,this.inputReference&&(this.inputReference.value=""),this.valueHandler({name:this.name,value:""}),this.validityStateHandler({valid:!1,name:this.name}))}handleAddressSelection(t){const{city:e,address1:i,address2:s}=t.detail;if(!["address1","address2","City"].includes(this.name))return;let r="";"address1"===this.name?r=i:"address2"===this.name?r=s:"City"===this.name&&(r=e),this.value=r,this.touched=!0,this.updateValidationState()}connectedCallback(){this.validationPattern=this.setPattern()}handleExternalDocUpdate(t){this.name===h.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===h.DOCUMENT_NUMBER&&(this.value="",this.touched=!1,this.isValid=!1,this.errorMessage="",this.inputReference&&(this.inputReference.value=""),this.validityStateHandler({valid:!1,name:this.name}))}componentWillLoad(){this.defaultValue&&(this.value=this.defaultValue)}handleClientStyling(){void 0===window.emMessageBus?this.clientStyling&&o(this.stylingContainer,this.clientStyling):this.stylingSubscription=n(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.handleClientStyling(),this.defaultValue&&(this.value=this.defaultValue,this.valueHandler({name:this.name,value:this.value}),this.isDuplicateInput&&(this.touched=!0)),this.haspostalcodelookup&&["address1","address2","City","PostalCode"].includes(this.name)&&(window.targetInputRefs=window.targetInputRefs||{},window.targetInputRefs[this.name]=this.inputReference),this.isValid=this.isValidValue()}validateDocument(t,e){const i=t.trim();if(e===h.PASSPORT)return h.PASSPORT_NUMERIC_REGEX.test(i)?{valid:!0}:{valid:!1,errorKey:"PassportLengthError"};if(e===h.SOUTH_AFRICAN_ID){if(i.length!==h.SOUTH_AFRICAN_ID_LENGTH)return{valid:!1,errorKey:"SAIdLengthError"};const t=(t=>{if(!h.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===h.DOCUMENT_NUMBER){const t=window.documentTypeValue;return this.validateDocument(this.value,t).valid}return""===this.value.trim()&&!this.validation.mandatory||this.inputReference.validity.valid&&(!this.inputReference.value||null!==this.inputReference.value.match(this.validationPattern))}setPattern(){var t,e;if((null===(t=this.validation.custom)||void 0===t?void 0:t.length)>0)return null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.pattern}setErrorMessage(){var t,e,i,s;const r=this.value.trim();if(this.enableSouthAfricanMode&&this.name===h.DOCUMENT_NUMBER){const t=window.documentTypeValue,e=this.validateDocument(this.value,t);return e.valid?"":p(e.errorKey,this.language)}if(""===r&&!this.validation.mandatory)return"";if(this.inputReference.validity.valueMissing)return p(d,this.language);if(this.inputReference.validity.tooShort||this.inputReference.validity.tooLong){const{minLength:t,maxLength:e}=this.validation;return t===e?p(u,this.language,{values:{length:t}}):p(c,this.language,{values:{minLength:t,maxLength:e}})}if(null==this.inputReference.value.match(this.validationPattern)){const i=null===(t=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===t?void 0:t.errorKey,s=null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.errorMessage;return p(`${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 p(`${t}`,this.language)?p(`${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:"f48e592bac049022b283bac917c095772b1508f5",class:`text__wrapper ${this.name}__input ${this.autofilled?"text__wrapper--autofilled":""}`,ref:t=>this.stylingContainer=t},i("div",{key:"fe3626ead38dd18dfa14795ee2332e93f5f09652",class:"text__wrapper--flex"},i("label",{key:"6b2854b460e0ac7d4ae0ebccc06dbe64770581d5",class:"text__label  "+(this.validation.mandatory?"text__label--required":""),htmlFor:`${this.name}__input`},this.displayName),i("div",{key:"f29d266973bd700a4270495bc4eb6e8296b6eeaf",class:"text__wrapper--relative"},this.tooltip&&i("img",{key:"68e69abbb78250e763822608e963bc16d702f099",class:"text__tooltip-icon",src:m,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),i("input",{key:"99b8eab15ab32656f86fedd3f36a09a5bbe108d3",name:this.name,id:`${this.name}__input`,value:this.value,type:"text",class:`text__input ${t}`,placeholder:`${this.placeholder}`,ref:t=>this.inputReference=t,readOnly:this.autofilled,required:this.validation.mandatory,minlength:this.enableSouthAfricanMode?"":this.validation.minLength,maxlength:this.enableSouthAfricanMode?"":this.validation.maxLength,onInput:this.handleInput,onBlur:this.handleBlur}),i("small",{key:"cc28c1c19370faa94fa1f738066042dce8d694ce",class:"text__error-message"},this.errorMessage))}static get watchers(){return{clientStyling:["handleClientStylingChange"],isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};kc.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 Cc=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.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.mbSource=void 0,this.errorMessage=void 0,this.isValid=void 0,this.showTooltip=!1,this.showFields="true"===this.defaultValue}handleClientStylingChange(t,e){t!==e&&o(this.stylingContainer,this.clientStyling)}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)}handleClientStyling(){void 0===window.emMessageBus?this.clientStyling&&o(this.stylingContainer,this.clientStyling):this.stylingSubscription=n(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.handleClientStyling(),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 p("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:"31cd24b5da24368eef2f53952714395d6d9f6285",class:`togglecheckbox__wrapper  ${this.name}__input`,ref:t=>this.stylingContainer=t},i("div",{key:"aa14784bd8a3870f7015db79d23226521706ad58",class:"togglecheckbox__wrapper--flex"},i("input",{key:"0237f06c99b8b2ed7de80433f5b93b9eae7c25f5",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:"7e26bea1cfcc725d5aa5a795fd0f999d99abe39d",class:"togglecheckbox__error-message"},this.errorMessage),i("div",{key:"4256fc552545b7a1050ff5cdeb005f5ea83cc5c1",class:"togglecheckbox__wrapper--relative"},this.tooltip&&i("img",{key:"be3c3e036f0bfe46658fce870ae0ffa258229e7d",class:"togglecheckbox__tooltip-icon",src:m,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip()),i("div",{key:"2d61bedaac02f21116318b10a21b361e70e0213f",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:["handleClientStylingChange"]}}};Cc.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 Sc=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.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 r=this.inputRefs[e+1];r&&r.focus(),this.setValidity(),this.setErrorMessage()},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.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("")})}handleClientStylingChange(t,e){t!==e&&o(this.stylingContainer,this.clientStyling)}handleClientStylingChangeURL(t,e){t!==e&&this.clientStylingUrl&&a(this.stylingContainer,this.clientStylingUrl)}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)}connectedCallback(){this.validationPattern=this.setPattern(),this.code=new Array(this.validation.maxLength).fill("")}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}handleClientStyling(){void 0===window.emMessageBus?(this.clientStyling&&o(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&a(this.stylingContainer,this.clientStylingUrl)):this.stylingSubscription=n(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription,!0)}componentDidLoad(){this.setValidity(),this.registrationWidgetLoaded.emit(),window.postMessage({type:"registrationWidgetLoaded"},window.location.href),this.handleClientStyling()}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 r=s.slice(0,this.validation.maxLength).split("");this.code=[...r,...new Array(this.validation.maxLength-r.length).fill("")],this.enableSouthAfricanMode&&(this.revealedIndexes=r.map(((t,e)=>e)),this.revealTimeout&&clearTimeout(this.revealTimeout),this.revealTimeout=setTimeout((()=>{this.revealedIndexes=[]}),500));const o=this.inputRefs[Math.min(r.length,this.inputRefs.length-1)];null==o||o.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=p(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:"cd5396afccaf4016201281f5cc53898c0a2052ed",class:"twofa",ref:t=>this.stylingContainer=t},i("div",{key:"008dd54682a0d93190e9e5b2b49673262ed01763",class:"twofa__error-message"},i("p",{key:"41db51d6b396ccd1f3149e4473e96960e92d05ca"},this.errorMessage)),i("div",{key:"67e9e4ac90cf95f2269e75b121ed220a02c5f139",class:"twofa__description",innerHTML:p("twofaDescription",this.language,{values:{destination:this.destination}})}),i("div",{key:"702c342eb7be0001ab8de310cadd7e8684a8025d",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:"63564bd4a0442232f81058ba914ee86c537ce85a",class:"twofa__button-wrapper"},i("p",{key:"219f5005c0d03189df48f05c5e0cd980eb0e1979",class:"twofa__resend-message"},p("twofaResendMessage",this.language)),i("button",{key:"12b7b4bc3ea165994f2c50107f406c64e708cf4d",class:"twofa__resend-button "+(this.pinAttemptsExceeded?"twofa__resend-button--disabled":""),onClick:this.resendCodeHandler,disabled:!this.isResendButtonAvailable||this.pinAttemptsExceeded},this.isResendButtonAvailable?p("twofaResendButton",this.language):this.formatTime())))}get host(){return s(this)}static get watchers(){return{isValid:["validityChanged"],emitValue:["emitValueHandler"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}}};Sc.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}";const Ec=class{constructor(e){t(this,e),this.stylingValue={width:this.handleStylingProps(this.width),height:this.handleStylingProps(this.height),borderRadius:this.handleStylingProps(this.borderRadius),marginBottom:this.handleStylingProps(this.marginBottom),marginTop:this.handleStylingProps(this.marginTop),marginLeft:this.handleStylingProps(this.marginLeft),marginRight:this.handleStylingProps(this.marginRight),size:this.handleStylingProps(this.size)},this.structure=void 0,this.width="unset",this.height="unset",this.borderRadius="unset",this.marginBottom="unset",this.marginTop="unset",this.marginLeft="unset",this.marginRight="unset",this.animation=!0,this.rows=0,this.size="100%"}handleStructureChange(t,e){e!==t&&this.handleStructure(t)}handleStylingProps(t){switch(typeof t){case"number":return 0===t?0:`${t}px`;case"undefined":default:return"unset";case"string":return["auto","unset","none","inherit","initial"].includes(t)||t.endsWith("px")||t.endsWith("%")?t:"unset"}}handleStructure(t){switch(t){case"logo":return this.renderLogo();case"image":return this.renderImage();case"title":return this.renderTitle();case"text":return this.renderText();case"rectangle":return this.renderRectangle();case"circle":return this.renderCircle();default:return null}}renderLogo(){return i("div",{class:"SkeletonContainer"},i("div",{class:"SkeletonLogo "+(this.animation?"Skeleton":"")}))}renderImage(){return i("div",{class:"SkeletonImage "+(this.animation?"Skeleton":"")})}renderTitle(){return i("div",{class:"SkeletonContainer"},i("div",{class:"SkeletonTitle "+(this.animation?"Skeleton":"")}))}renderText(){return i("div",{class:"SkeletonContainer"},Array.from({length:this.rows>0?this.rows:1}).map(((t,e)=>i("div",{key:e,class:"SkeletonText "+(this.animation?"Skeleton":"")}))))}renderRectangle(){return i("div",{class:"SkeletonContainer"},i("div",{class:"SkeletonRectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return i("div",{class:"SkeletonContainer"},i("div",{class:"SkeletonCircle "+(this.animation?"Skeleton":"")}))}render(){let t="";switch(this.structure){case"logo":t=`\n          :host {\n            --emw-skeleton-logo-width: ${this.stylingValue.width};\n            --emw-skeleton-logo-height: ${this.stylingValue.height};\n            --emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};\n            --emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};\n            --emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};\n            --emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};\n            --emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};\n          }\n        `;break;case"image":t=`\n          :host {\n            --emw-skeleton-image-width: ${this.stylingValue.width};\n            --emw-skeleton-image-height: ${this.stylingValue.height};\n            --emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};\n            --emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};\n            --emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};\n            --emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};\n            --emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};\n          }\n        `;break;case"title":t=`\n          :host {\n            --emw-skeleton-title-width: ${this.stylingValue.width};\n            --emw-skeleton-title-height: ${this.stylingValue.height};\n            --emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};\n            --emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};\n            --emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};\n            --emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};\n            --emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};\n          }\n        `;break;case"text":t=`\n          :host {\n            --emw-skeleton-text-width: ${this.stylingValue.width};\n            --emw-skeleton-text-height: ${this.stylingValue.height};\n            --emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};\n            --emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};\n            --emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};\n            --emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};\n            --emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};\n          }\n        `;break;case"rectangle":t=`\n          :host {\n            --emw-skeleton-rectangle-width: ${this.stylingValue.width};\n            --emw-skeleton-rectangle-height: ${this.stylingValue.height};\n            --emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};\n            --emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};\n            --emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};\n            --emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};\n            --emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};\n          }\n        `;break;case"circle":t=`\n          :host {\n            --emw-skeleton-circle-size: ${this.stylingValue.size};\n          }\n        `;break;default:t=""}return i(r,{key:"c2a2650acd416962a2bc4e1a7ee18bc6d8e2def8"},i("style",{key:"9bd7fc1f9e9ed9f17735a7b72fce6f09696f5e19"},t),this.handleStructure(this.structure))}static get watchers(){return{structure:["handleStructureChange"]}}};Ec.style=":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.SkeletonRectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.SkeletonCircle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.SkeletonText{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.SkeletonText:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.SkeletonTitle{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.SkeletonImage{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.SkeletonLogo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}";export{v as checkbox_group_input,f as checkbox_input,si as date_input,ri as email_input,fc as general_input,gc as number_input,bc as password_input,yc as postalcode_input,wc as radio_input,_c as select_input,xc as tel_input,kc as text_input,Cc as toggle_checkbox_input,Sc as twofa_input,Ec as ui_skeleton}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/pam-change-password",
-  "version": "1.90.24",
+  "version": "1.90.25",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",