@everymatrix/general-registration 1.47.1 → 1.47.3

package/dist/esm/{checkbox-group-input_13.entry.js → checkbox-group-input_14.entry.js}

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h as h$2, g as getElement, H as Host } from './index-8b4a4c93.js';
+import { r as registerInstance, c as createEvent, h as h$2, g as getElement, H as Host } from './index-613144f0.js';
 
-const DEFAULT_LANGUAGE$1 = 'en';
-const TRANSLATIONS$1 = {
+const DEFAULT_LANGUAGE$2 = 'en';
+const TRANSLATIONS$2 = {
     "en": {
         "dateError": "The selected date should be between {min} and {max}",
         "dateError2": "The selected date is not within the accepted range",
@@ -116,9 +116,9 @@ const TRANSLATIONS$1 = {
         "OnlyNumbers": "Solo debe contener números"
     }
 };
-const translate$2 = (key, customLang, values) => {
+const translate$3 = (key, customLang, values) => {
     const lang = customLang;
-    let translation = TRANSLATIONS$1[lang !== undefined ? lang : DEFAULT_LANGUAGE$1][key];
+    let translation = TRANSLATIONS$2[lang !== undefined ? lang : DEFAULT_LANGUAGE$2][key];
     if (values !== undefined) {
         for (const [key, value] of Object.entries(values.values)) {
             const regex = new RegExp(`{${key}}`, 'g');
@@ -127,7 +127,7 @@ const translate$2 = (key, customLang, values) => {
     }
     return translation;
 };
-const getTranslations$1 = (url) => {
+const getTranslations$2 = (url) => {
     // fetch url, get the data, replace the TRANSLATIONS content
     return new Promise((resolve) => {
         fetch(url)
@@ -135,7 +135,7 @@ const getTranslations$1 = (url) => {
             .then((data) => {
             Object.keys(data).forEach((item) => {
                 for (let key in data[item]) {
-                    TRANSLATIONS$1[item][key] = data[item][key];
+                    TRANSLATIONS$2[item][key] = data[item][key];
                 }
             });
             resolve(true);
@@ -143,7 +143,7 @@ const getTranslations$1 = (url) => {
     });
 };
 
-const tooltipIconSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjUuNSIgc3Ryb2tlPSIjOTc5Nzk3Ii8+CjxyZWN0IHg9IjUiIHk9IjUiIHdpZHRoPSIyIiBoZWlnaHQ9IjUiIGZpbGw9IiM5Nzk3OTciLz4KPGNpcmNsZSBjeD0iNiIgY3k9IjMiIHI9IjEiIGZpbGw9IiM5Nzk3OTciLz4KPC9zdmc+Cg==';
+const tooltipIconSvg$1 = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjUuNSIgc3Ryb2tlPSIjOTc5Nzk3Ii8+CjxyZWN0IHg9IjUiIHk9IjUiIHdpZHRoPSIyIiBoZWlnaHQ9IjUiIGZpbGw9IiM5Nzk3OTciLz4KPGNpcmNsZSBjeD0iNiIgY3k9IjMiIHI9IjEiIGZpbGw9IiM5Nzk3OTciLz4KPC9zdmc+Cg==';
 
 /**
  * @license
@@ -1968,7 +1968,7 @@ function isDescendant(base, path) {
  * @param {string} path Path to translate
  * @return {string} Translated string
  */
-function translate$1(base, newBase, path) {
+function translate$2(base, newBase, path) {
   return newBase + path.slice(base.length);
 }
 
@@ -4169,7 +4169,7 @@ function handleNotification(event, inst, fromProp, toPath, negate) {
   let detail = /** @type {Object} */(event.detail);
   let fromPath = detail && detail.path;
   if (fromPath) {
-    toPath = translate$1(fromProp, toPath, fromPath);
+    toPath = translate$2(fromProp, toPath, fromPath);
     value = detail && detail.value;
   } else {
     value = event.currentTarget[fromProp];
@@ -4455,10 +4455,10 @@ function computeLinkedPaths(inst, path, value) {
     for (let a in links) {
       let b = links[a];
       if (isDescendant(a, path)) {
-        link = translate$1(a, b, path);
+        link = translate$2(a, b, path);
         inst._setPendingPropertyOrPath(link, value, true, true);
       } else if (isDescendant(b, path)) {
-        link = translate$1(b, a, path);
+        link = translate$2(b, a, path);
         inst._setPendingPropertyOrPath(link, value, true, true);
       }
     }
@@ -4570,7 +4570,7 @@ function runBindingEffect(inst, path, props, oldProps, info, hasPaths, nodeList)
       node.__isPropertyEffectsClient &&
       node.__dataHasAccessor && node.__dataHasAccessor[binding.target]) {
     let value = props[path];
-    path = translate$1(part.source, binding.target, path);
+    path = translate$2(part.source, binding.target, path);
     if (node._setPendingPropertyOrPath(path, value, false, true)) {
       inst._enqueueClient(node);
     }
@@ -14557,7 +14557,7 @@ const CheckboxGroupInput = class {
     }
     setErrorMessage() {
         if (this.inputReference.validity.valueMissing) {
-            return translate$2('requiredError', this.language);
+            return translate$3('requiredError', this.language);
         }
     }
     renderTooltip() {
@@ -14577,7 +14577,7 @@ const CheckboxGroupInput = class {
     }
     render() {
         return h$2("div", { key: 'fa45026502fd8d46aa537aee03210ad68d30e577', class: `checkboxgroup__wrapper  ${this.name}__input`, ref: el => this.stylingContainer = el }, h$2("div", { key: '15ded4fd896920c6244806e49f300c124c27186d', class: 'checkboxgroup__wrapper--flex' }, h$2("vaadin-checkbox", { key: 'd7eaa205877f8f12c9ef7d4f77018665806f5c7c', class: 'checkbox__input', checked: this.selectedValues.length === this.options.length || this.defaultValue === 'true', indeterminate: this.selectedValues.length > 0 && this.selectedValues.length < this.options.length, onChange: (e) => this.handleParentCheckbox(e) }, this.renderLabel()), this.tooltip &&
-            h$2("img", { key: 'aca39ed398415a6e2cef861be40dad33e0398759', class: 'checkboxgroup__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip()), h$2("small", { key: 'a1a6e1c3c02edcca572b8826ffba06835ca451c3', class: 'checkboxgroup__error-message' }, this.errorMessage), h$2("vaadin-checkbox-group", { key: '9f5f8a945e4ba13d7d0da6d362c15d00a7796b71', theme: "vertical", value: this.selectedValues, "on-value-changed": (event) => {
+            h$2("img", { key: 'aca39ed398415a6e2cef861be40dad33e0398759', class: 'checkboxgroup__tooltip-icon', src: tooltipIconSvg$1, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip()), h$2("small", { key: 'a1a6e1c3c02edcca572b8826ffba06835ca451c3', class: 'checkboxgroup__error-message' }, this.errorMessage), h$2("vaadin-checkbox-group", { key: '9f5f8a945e4ba13d7d0da6d362c15d00a7796b71', theme: "vertical", value: this.selectedValues, "on-value-changed": (event) => {
                 this.selectedValues = event.detail.value;
             } }, this.options.map((checkbox) => h$2("vaadin-checkbox", { class: 'checkbox__input', name: checkbox.name, value: checkbox.name, label: checkbox.displayName }))));
     }
@@ -14667,7 +14667,7 @@ const CheckboxInput = class {
     }
     setErrorMessage() {
         if (this.inputReference.validity.valueMissing) {
-            return translate$2('requiredError', this.language);
+            return translate$3('requiredError', this.language);
         }
     }
     renderLabel() {
@@ -14681,7 +14681,7 @@ const CheckboxInput = class {
     }
     render() {
         return h$2("div", { key: '0aae00d291d1da02adae1bc91e79ccd579aa5c7f', class: `checkbox__wrapper  ${this.name}__input`, ref: el => this.stylingContainer = el }, h$2("input", { key: '4b8c61d322b5065d8abe4e2687e270511fadc97f', class: 'checkbox__input', type: "checkbox", id: `${this.name}__input`, ref: (el) => this.inputReference = el, name: this.name, checked: this.defaultValue === "true", readOnly: this.autofilled, required: this.validation.mandatory, value: this.value, onClick: () => this.handleClick() }), this.renderLabel(), h$2("small", { key: '934263cb58a0d379e8b7dc1f5004ad7e61c63ce0', class: 'checkbox__error-message' }, this.errorMessage), h$2("div", { key: '88cc71329d88b6325d792226e64ff7f93e940178', class: 'checkbox__wrapper--relative' }, this.tooltip &&
-            h$2("img", { key: '3708dc613dc920bac6557f2a8020bbafd97d9127', class: 'checkbox__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip()));
+            h$2("img", { key: '3708dc613dc920bac6557f2a8020bbafd97d9127', class: 'checkbox__tooltip-icon', src: tooltipIconSvg$1, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip()));
     }
     static get watchers() { return {
         "isValid": ["validityChanged"],
@@ -21238,7 +21238,7 @@ class DomRepeat extends domRepeatBase {
             if (prop == this.as) {
               this.items[idx] = value;
             }
-            let path = translate$1(this.as, `${JSCompiler_renameProperty('items', this)}.${idx}`, prop);
+            let path = translate$2(this.as, `${JSCompiler_renameProperty('items', this)}.${idx}`, prop);
             this.notifyPath(path, value);
           }
         }
@@ -30763,13 +30763,13 @@ const DateInput = class {
     }
     setErrorMessage() {
         if (isBefore(this.valueAsDate, this.minDate) || isAfter(this.valueAsDate, this.maxDate)) {
-            return translate$2('dateError2', this.language);
+            return translate$3('dateError2', this.language);
         }
         if (this.inputReference.validity.rangeUnderflow || this.inputReference.validity.rangeOverflow) {
-            return translate$2('dateError', this.language, { values: { min: this.validation.min, max: this.validation.max } });
+            return translate$3('dateError', this.language, { values: { min: this.validation.min, max: this.validation.max } });
         }
         if (this.inputReference.validity.valueMissing) {
-            return translate$2('requiredError', this.language);
+            return translate$3('requiredError', this.language);
         }
     }
     renderTooltip() {
@@ -30784,7 +30784,7 @@ const DateInput = class {
             invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
         }
         return h$2("div", { key: 'fc9cd0a618c7b6e62962c0800399a470fffa1fc4', class: `date__wrapper  ${this.autofilled ? 'date__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h$2("label", { key: 'abc7c1715dd2d0c60dd2ac6d028355de910be501', class: `date__label ${this.validation.mandatory ? 'date__label--required' : ''}}`, htmlFor: `${this.name}__input` }, this.displayName, " ", this.validation.mandatory ? '*' : ''), h$2("vaadin-date-picker", { key: 'a6b40a978b573d41490457d708f9a7ac78622a6f', id: `${this.name}__input`, type: 'date', class: `date__input ${invalidClass}`, value: this.defaultValue, readOnly: this.autofilled, placeholder: `${this.placeholder}`, required: this.validation.mandatory, max: this.validation.max, min: this.validation.min, onChange: (e) => this.handleInput(e), onBlur: this.handleBlur }), h$2("small", { key: 'd802ea7b25a64802aca3a7491107fcee7af2a23c', class: 'date__error-message' }, this.errorMessage), this.tooltip &&
-            h$2("img", { key: '46edd200a9ce9eba27414a6434c6b3d5e9dc9964', class: 'date__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip());
+            h$2("img", { key: '46edd200a9ce9eba27414a6434c6b3d5e9dc9964', class: 'date__tooltip-icon', src: tooltipIconSvg$1, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip());
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -30905,18 +30905,18 @@ const EmailInput = class {
         if (this.inputReference.validity.patternMismatch) {
             const errorCode = (_a = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _a === void 0 ? void 0 : _a.errorKey;
             const errorMessage = (_b = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _b === void 0 ? void 0 : _b.errorMessage;
-            return translate$2(`${errorCode}`, this.language) ? translate$2(`${errorCode}`, this.language) : errorMessage;
+            return translate$3(`${errorCode}`, this.language) ? translate$3(`${errorCode}`, this.language) : errorMessage;
         }
         if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong) {
-            return translate$2('lengthError', this.language, { values: { minLength: this.validation.minLength, maxLength: this.validation.maxLength } });
+            return translate$3('lengthError', this.language, { values: { minLength: this.validation.minLength, maxLength: this.validation.maxLength } });
         }
         if (this.inputReference.validity.valueMissing) {
-            return translate$2('requiredError', this.language);
+            return translate$3('requiredError', this.language);
         }
         if (this.isDuplicateInput && this.duplicateInputValue !== this.value) {
             const errorCode = (_c = this.validation.custom.find(customRule => customRule.rule === 'duplicate-input')) === null || _c === void 0 ? void 0 : _c.errorKey;
             const errorMessage = (_d = this.validation.custom.find(customRule => customRule.rule === 'duplicate-input')) === null || _d === void 0 ? void 0 : _d.errorMessage;
-            return translate$2(`${errorCode}`, this.language) ? translate$2(`${errorCode}`, this.language) : errorMessage;
+            return translate$3(`${errorCode}`, this.language) ? translate$3(`${errorCode}`, this.language) : errorMessage;
         }
     }
     renderTooltip() {
@@ -30931,7 +30931,7 @@ const EmailInput = class {
             invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
         }
         return h$2("div", { key: '23ac67984ab7a0f4db01e5fe01f4f326b4c6a912', class: `email__wrapper ${this.autofilled ? 'number__wrapper--autofilled' : ''}  ${this.name}__input`, ref: el => this.stylingContainer = el }, h$2("div", { key: 'aa2405e435aea20f1678dd74776a8ce4094bc95b', class: 'email__wrapper--flex' }, h$2("label", { key: '970b83bbcf082d1721c1647993fecd076939b65d', class: `email__label ${this.validation.mandatory ? 'email__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h$2("div", { key: '2f03eaf161aab9b45282c1bc0de15bea8455427c', class: 'email__wrapper--relative' }, this.tooltip &&
-            h$2("img", { key: '3c34b91f0b478cf04f5aabc5fdd33a8ed73d091b', class: 'email__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h$2("input", { key: '491f83c0f562893c02e3425b4d54eecc214e3c95', id: `${this.name}__input`, type: 'email', class: `email__input ${invalidClass}`, value: this.defaultValue, readOnly: this.autofilled, placeholder: `${this.placeholder}`, ref: (el) => this.inputReference = el, pattern: this.validationPattern, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, onInput: this.handleInput, onBlur: this.handleBlur }), h$2("small", { key: 'edb6660d958cc5d0cb41b0db195bd7e847ecbefe', class: 'email__error-message' }, this.errorMessage));
+            h$2("img", { key: '3c34b91f0b478cf04f5aabc5fdd33a8ed73d091b', class: 'email__tooltip-icon', src: tooltipIconSvg$1, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h$2("input", { key: '491f83c0f562893c02e3425b4d54eecc214e3c95', id: `${this.name}__input`, type: 'email', class: `email__input ${invalidClass}`, value: this.defaultValue, readOnly: this.autofilled, placeholder: `${this.placeholder}`, ref: (el) => this.inputReference = el, pattern: this.validationPattern, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, onInput: this.handleInput, onBlur: this.handleBlur }), h$2("small", { key: 'edb6660d958cc5d0cb41b0db195bd7e847ecbefe', class: 'email__error-message' }, this.errorMessage));
     }
     static get watchers() { return {
         "isValid": ["validityChanged"],
@@ -30940,6 +30940,306 @@ const EmailInput = class {
 };
 EmailInput.style = EmailInputStyle0;
 
+const DEFAULT_LANGUAGE$1 = 'en';
+const TRANSLATIONS$1 = {
+    "en": {
+        "termsandconditions__description": "Needed to prove user accepted terms and conditions.",
+        "emailmarketing__description": "Needed to prove email marketing consent.",
+        "sms__description": "Needed to prove sms marketing consent.",
+        "3rdparty__description": "Needed to prove 3rd party marketing consent.",
+        "noDataFound": "No data found for consents.",
+        "loading": "Loading...please wait",
+        "requiredError": "This field is mandatory",
+    },
+    "hu": {
+        "termsandconditions__description": "Szükséges annak igazolására, hogy a felhasználó elfogadta a feltételeket és kikötéseket.",
+        "emailmarketing__description": "Szükséges annak igazolására, hogy a felhasználó beleegyezett az e-mail marketingbe.",
+        "sms__description": "Szükséges annak igazolására, hogy a felhasználó beleegyezett az SMS marketingbe.",
+        "3rdparty__description": "Szükséges annak igazolására, hogy a felhasználó beleegyezett a harmadik fél általi marketingbe.",
+        "noDataFound": "Nincs adat a hozzájárulásokról.",
+        "loading": "Betöltés...kérem várjon",
+        "requiredError": "Ez a mező kötelező"
+    },
+    "hr": {
+        "termsandconditions__description": "Potrebno za dokazivanje da je korisnik prihvatio uvjete i odredbe.",
+        "emailmarketing__description": "Potrebno za dokazivanje pristanka na email marketing.",
+        "sms__description": "Potrebno za dokazivanje pristanka na SMS marketing.",
+        "3rdparty__description": "Potrebno za dokazivanje pristanka na marketing trećih strana.",
+        "noDataFound": "Nema podataka o privolama.",
+        "loading": "Učitavanje...molimo pričekajte",
+        "requiredError": "Ovo polje je obavezno"
+    },
+    "tr": {
+        "termsandconditions__description": "Kullanıcının şartlar ve koşulları kabul ettiğini kanıtlamak için gereklidir.",
+        "emailmarketing__description": "E-posta pazarlama onayını kanıtlamak için gereklidir.",
+        "sms__description": "SMS pazarlama onayını kanıtlamak için gereklidir.",
+        "3rdparty__description": "Üçüncü taraf pazarlama onayını kanıtlamak için gereklidir.",
+        "noDataFound": "Onaylarla ilgili veri bulunamadı.",
+        "loading": "Yükleniyor...lütfen bekleyin",
+        "requiredError": "Bu alan zorunludur"
+    },
+    "pt-br": {
+        "termsandconditions__description": "Necessário para comprovar que o usuário aceitou os termos e condições.",
+        "emailmarketing__description": "Necessário para comprovar o consentimento para marketing por e-mail.",
+        "sms__description": "Necessário para comprovar o consentimento para marketing por SMS.",
+        "3rdparty__description": "Necessário para comprovar o consentimento para marketing de terceiros.",
+        "noDataFound": "Nenhum dado encontrado para consentimentos.",
+        "loading": "Carregando...por favor aguarde",
+        "requiredError": "Este campo é obrigatório"
+    },
+    "es-mx": {
+        "termsandconditions__description": "Necesario para demostrar que el usuario aceptó los términos y condiciones.",
+        "emailmarketing__description": "Necesario para demostrar el consentimiento para el marketing por correo electrónico.",
+        "sms__description": "Necesario para demostrar el consentimiento para el marketing por SMS.",
+        "3rdparty__description": "Necesario para demostrar el consentimiento para el marketing de terceros.",
+        "noDataFound": "No se encontraron datos para los consentimientos.",
+        "loading": "Cargando...por favor espera",
+        "requiredError": "Este campo es obligatorio"
+    }
+};
+const translate$1 = (key, customLang, values) => {
+    const lang = customLang;
+    let translation = TRANSLATIONS$1[lang !== undefined ? lang : DEFAULT_LANGUAGE$1][key];
+    if (values !== undefined) {
+        for (const [key, value] of Object.entries(values.values)) {
+            const regex = new RegExp(`{${key}}`, 'g');
+            translation = translation.replace(regex, value);
+        }
+    }
+    return translation;
+};
+const getTranslations$1 = (url) => {
+    // fetch url, get the data, replace the TRANSLATIONS content
+    return new Promise((resolve) => {
+        fetch(url)
+            .then((res) => res.json())
+            .then((data) => {
+            Object.keys(data).forEach((item) => {
+                for (let key in data[item]) {
+                    TRANSLATIONS$1[item][key] = data[item][key];
+                }
+            });
+            resolve(true);
+        });
+    });
+};
+
+const tooltipIconSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjUuNSIgc3Ryb2tlPSIjOTc5Nzk3Ii8+CjxyZWN0IHg9IjUiIHk9IjUiIHdpZHRoPSIyIiBoZWlnaHQ9IjUiIGZpbGw9IiM5Nzk3OTciLz4KPGNpcmNsZSBjeD0iNiIgY3k9IjMiIHI9IjEiIGZpbGw9IiM5Nzk3OTciLz4KPC9zdmc+Cg==';
+
+const generalConsentsCss = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.checkbox{font-family:\"Roboto\";font-style:normal}.checkbox .checkbox__wrapper{display:flex;gap:10px;position:relative;align-items:baseline;margin-bottom:30px}.checkbox .checkbox__wrapper .checkbox__wrapper--relative{position:relative}.checkbox .checkbox__input{transform:scale(1.307, 1.307);margin-left:2px;accent-color:var(--emfe-w-login-color-primary, var(--emfe-w-color-primary, #D0046C))}.checkbox .checkbox__label{font-style:inherit;font-family:inherit;font-weight:400;font-size:var(--emw--font-size-medium, 16px);color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000));line-height:1.5;cursor:pointer;padding:0}.checkbox .checkbox__label .checkbox__label-text{font-size:var(--emw--font-size-medium, 16px)}.checkbox .checkbox__label .checkbox__label a{color:var(--emfe-w-login-color-primary, var(--emfe-w-color-primary, #D0046C))}.checkbox .checkbox__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emfe-w-color-error, var(--emfe-w-color-red, #ed0909))}.checkbox .checkbox__tooltip-icon{width:16px;height:auto}.checkbox .checkbox__tooltip{position:absolute;top:0;right:20px;background-color:var(--emfe-w-color-white, #FFFFFF);border:1px solid var(--emfe-w-color-gray-100, #E6E6E6);color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.checkbox .checkbox__tooltip.visible{opacity:1}";
+const GeneralConsentsStyle0 = generalConsentsCss;
+
+const GeneralConsents = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.value = '';
+        this.registerErrors = false;
+        this.setClientStyling = () => {
+            let sheet = document.createElement('style');
+            sheet.innerHTML = this.clientStyling;
+            this.host.shadowRoot.prepend(sheet);
+        };
+        this.setClientStylingURL = () => {
+            let url = new URL(this.clientStylingUrl);
+            let cssFile = document.createElement('style');
+            fetch(url.href)
+                .then((res) => res.text())
+                .then((data) => {
+                cssFile.innerHTML = data;
+                this.clientStyling = data;
+                setTimeout(() => { this.host.shadowRoot.prepend(cssFile); }, 1);
+            });
+        };
+        //Debounce to stop user from multiple calls
+        this.debouncedHandleClick = this.debounce(this.handleClick, 500);
+        this.endpoint = undefined;
+        this.language = 'en';
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.translationUrl = '';
+        this.name = undefined;
+        this.tooltip = undefined;
+        this.isLoading = true;
+        this.consentsData = undefined;
+        this.showTooltip = false;
+        this.playerConsents = [];
+        this.isValid = undefined;
+    }
+    handleStylingChange(newValue, oldValue) {
+        if (newValue !== oldValue)
+            this.setClientStyling();
+    }
+    handleStylingUrlChange(newValue, oldValue) {
+        if (newValue !== oldValue)
+            this.setClientStylingURL();
+    }
+    handleNewTranslations() {
+        this.isLoading = true;
+        getTranslations$1(this.translationUrl).then(() => {
+            this.isLoading = false;
+        });
+    }
+    //Watch only executes if newVal !== oldVal
+    sendMessage() {
+        window.postMessage({
+            type: 'isConsentsValid',
+            isValid: this.isValid
+        });
+    }
+    //Listener for registration message so the sendConsents is made when the user is heading to the next step
+    messageHandler(e) {
+        //Handle Consents Message
+        if (e.data && e.data.type != "setUpPlayerConsents")
+            return;
+        this.sendConsents(e.data.registerid);
+    }
+    handleClickOutside(event) {
+        if (event.composedPath()[0] === this.tooltipIconReference)
+            return;
+        if (event.composedPath()[0] !== this.tooltipReference)
+            this.showTooltip = false;
+    }
+    async componentWillLoad() {
+        if (this.translationUrl.length > 2) {
+            await getTranslations$1(this.translationUrl);
+        }
+        this.getConsents();
+    }
+    addTranslation(field) {
+        const lang = TRANSLATIONS$1[this.language];
+        if (TRANSLATIONS$1[lang][field.name]) {
+            Object.keys(TRANSLATIONS$1[this.language][field.name]).forEach((key) => {
+                field[key] = TRANSLATIONS$1[this.language][field.name][key];
+            });
+        }
+    }
+    getConsents() {
+        this.isLoading = true;
+        this.registerErrors = false;
+        const url = new URL(`${this.endpoint}/api/v2/gm/legislation/consents`), headers = {
+            'Content-Type': 'application/json',
+            'Accept': 'application/json'
+        }, options = {
+            method: 'GET',
+            headers
+        };
+        fetch(url.href, options)
+            .then((res) => {
+            if (!res.ok) {
+                this.registerErrors = true;
+                return res.json().then(error => {
+                    return console.error(error);
+                });
+            }
+            return res.json();
+        })
+            .then((data) => {
+            if (!this.registerErrors) {
+                this.consentsData = data;
+                //If consents are in the localStorage user it instead of the one from the call
+                if (localStorage.getItem("playerConsents")) {
+                    try {
+                        this.playerConsents = JSON.parse(localStorage.getItem('playerConsents'));
+                    }
+                    catch (error) {
+                        console.error(error);
+                    }
+                    return;
+                }
+                this.playerConsents = this.consentsData.map((consent) => ({
+                    status: '3',
+                    tagCode: consent.tagCode,
+                }));
+                //Setup default localStorage consents
+                localStorage.setItem('playerConsents', JSON.stringify(this.playerConsents));
+            }
+        })
+            .catch((err) => {
+            console.error(err);
+        })
+            .finally(() => {
+            this.isLoading = false;
+        });
+    }
+    sendConsents(registerID) {
+        const url = new URL(`${this.endpoint}/api/v2/gm/legislation/consents`), headers = {
+            'Content-Type': 'application/json',
+            'Accept': 'application/json'
+        }, body = {
+            playerConsents: this.playerConsents,
+            registrationId: registerID
+        }, options = {
+            method: 'POST',
+            body: JSON.stringify(body),
+            headers
+        };
+        fetch(url.href, options)
+            .then((res) => {
+            if (!res.ok) {
+                this.registerErrors = true;
+            }
+        })
+            .catch((err) => {
+            console.error(err);
+        })
+            .finally(() => {
+            this.isLoading = false;
+        });
+    }
+    handleClick(data) {
+        const consent = this.consentsData.find((consent) => data.tagCode === consent.tagCode && data.status === "3" && consent.mustAccept);
+        //Setup value for the consent in localStorage
+        localStorage.setItem('playerConsents', JSON.stringify(this.playerConsents));
+        //Show error for mandatory fields when they are not seleted
+        this[`errorMessage__${data.tagCode}`].innerHTML = consent ? this.setErrorMessage() : "";
+        //Check form validity
+        this.isValid = this.checkValidity();
+    }
+    //Handle the input when user select a consent
+    handleInput(index, event) {
+        const target = event.target;
+        this.playerConsents[index].status = target.checked ? '1' : '3';
+        this.debouncedHandleClick(this.playerConsents[index]);
+    }
+    handleTooltipClick() { this.showTooltip = !this.showTooltip; }
+    debounce(func, delay) {
+        let timer;
+        return function (...args) {
+            clearTimeout(timer);
+            timer = setTimeout(() => {
+                func.apply(this, args);
+            }, delay);
+        };
+    }
+    checkValidity() {
+        const invalidConsents = this.playerConsents.filter((formConsent) => this.consentsData.some((consent) => formConsent.tagCode === consent.tagCode &&
+            consent.mustAccept &&
+            formConsent.status === "3"));
+        return invalidConsents.length === 0;
+    }
+    setErrorMessage() {
+        return translate$1('requiredError', this.language);
+    }
+    render() {
+        if (this.isLoading) {
+            return h$2("p", null, translate$1('loading', this.language));
+        }
+        if (!this.consentsData) {
+            return h$2("p", null, translate$1('noDataFound', this.language));
+        }
+        return (h$2("form", { class: "checkbox" }, this.consentsData.map((consent, index) => (h$2("div", { class: `checkbox__wrapper ${consent.tagCode}__input`, ref: (host) => (this[consent.tagCode] = host) }, h$2("input", { class: 'checkbox__input', type: "checkbox", checked: this.playerConsents[index].status === '1', id: `${consent.tagCode}__input`, onInput: this.handleInput.bind(this, index) }), h$2("label", { class: 'checkbox__label', htmlFor: `${consent.tagCode}__input` }, h$2("div", { class: 'checkbox__label-text', innerHTML: `${translate$1(`${consent.tagCode}__description`, this.language)} ${consent.mustAccept ? '*' : ''}` })), h$2("small", { class: 'checkbox__error-message', ref: (host) => (this[`errorMessage__${consent.tagCode}`] = host) }), h$2("div", { class: 'checkbox__wrapper--relative' }, this.tooltip &&
+            h$2("img", { class: 'checkbox__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.handleTooltipClick() }), h$2("div", { class: `checkbox__tooltip ${this.showTooltip ? 'visible' : ''}`, ref: (host) => this.tooltipReference = host, innerHTML: this.tooltip })))))));
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "clientStyling": ["handleStylingChange"],
+        "clientStylingUrl": ["handleStylingUrlChange"],
+        "translationUrl": ["handleNewTranslations"],
+        "isValid": ["sendMessage"]
+    }; }
+};
+GeneralConsents.style = GeneralConsentsStyle0;
+
 const generalInputCss = ":host{display:block;height:100%}";
 const GeneralInputStyle0 = generalInputCss;
 
@@ -30972,7 +31272,7 @@ const GeneralInput = class {
     }
     connectedCallback() {
         if (this.translationUrl) {
-            getTranslations$1(this.translationUrl);
+            getTranslations$2(this.translationUrl);
         }
     }
     renderInput() {
@@ -31374,6 +31674,8 @@ const GeneralRegistration = class {
         this.emitOnClick = false;
         this.errorMessage = undefined;
         this.isFormValid = undefined;
+        this.isConsentValid = false;
+        this.isConsentReady = false;
         this.isLoading = true;
         this.isLoadingPOST = undefined;
         this.registrationStep = undefined;
@@ -31440,6 +31742,14 @@ const GeneralRegistration = class {
             this.limitStylingAppends = true;
         }
     }
+    messageHandler(e) {
+        //Handle Consents Message
+        if (e.data && e.data.type != "isConsentsValid")
+            return;
+        this.listOfInputValidity.find((input) => input.name === "Consents").isValid = e.data.isValid ? true : false;
+        this.isConsentValid = e.data.isValid ? true : false;
+        this.isFormValid = !this.getInvalidStatus(this.listOfInputValidity);
+    }
     nextHandler(e) {
         e.preventDefault();
         // Trigger events in subwidgets.
@@ -31536,6 +31846,7 @@ const GeneralRegistration = class {
                         }
                     });
                 }
+                this.isConsentReady = this.listOfActions.some(action => action === '/Consents');
                 this.isFormValid = !this.getInvalidStatus(this.listOfInputValidity);
                 break;
         }
@@ -31641,9 +31952,15 @@ const GeneralRegistration = class {
                 if (this.listOfActions.some(action => action == '/generate-2FA-code/Generate2FACode')) {
                     this.extraActions.push('2fa');
                 }
+                if (localStorage.getItem('playerConsents')) {
+                    localStorage.removeItem("playerConsents");
+                }
                 this.setRegister();
             }
             else {
+                if (this.isConsentValid) {
+                    window.postMessage({ type: 'setUpPlayerConsents', registerid: this.registrationID });
+                }
                 // After sending the current step, increment and check if the next one is in state.
                 this.registrationStep = this.stepChange('increment');
                 // If step is present in state do NOT fetch the next config.
@@ -31790,6 +32107,18 @@ const GeneralRegistration = class {
         if (this.listOfActions.some(action => action == '/register')) {
             this.lastStep = this.registrationStep;
         }
+        if (this.listOfActions.some(action => action == '/Consents')) {
+            if (this.isConsentReady) {
+                this.listOfInputValidity.find((input) => input.name === "Consents").isValid = false;
+                this.isFormValid = !this.getInvalidStatus(this.listOfInputValidity);
+                return;
+            }
+            this.listOfInputValidity.push({ name: 'Consents', isValid: false });
+            this.isConsentReady = true;
+        }
+        else {
+            this.isConsentReady = false;
+        }
         // The translations for fields happens here. 
         if (this.translationUrl) {
             getTranslations(this.translationUrl).then(() => {
@@ -31875,10 +32204,13 @@ const GeneralRegistration = class {
                     ? (input.inputType.toLowerCase() == 'checkboxgroup' || input.inputType.toLowerCase() == 'togglecheckbox')
                         ? input.data.subFields
                         : input.data.values
-                    : [], defaultValue: input.defaultValue, autofilled: input.autofill, emitValue: this.emitValue, language: this.language, isDuplicateInput: input.isDuplicateInput, "client-styling": this.clientStyling, tooltip: input.tooltip, placeholder: input.placeholder == null ? '' : input.placeholder, dateFormat: this.dateFormat, "translation-url": this.translationUrl, emitOnClick: this.emitOnClick })), this.buttonInsideForm && this.renderButtons(), h$2("div", { class: 'registration__wrapper--flex' }, h$2("p", { class: 'registration__error-message', innerHTML: this.errorMessage })));
+                    : [], defaultValue: input.defaultValue, autofilled: input.autofill, emitValue: this.emitValue, language: this.language, isDuplicateInput: input.isDuplicateInput, "client-styling": this.clientStyling, tooltip: input.tooltip, placeholder: input.placeholder == null ? '' : input.placeholder, dateFormat: this.dateFormat, "translation-url": this.translationUrl, emitOnClick: this.emitOnClick })), this.isConsentReady && this.renderConsents(), this.buttonInsideForm && this.renderButtons(), h$2("div", { class: 'registration__wrapper--flex' }, h$2("p", { class: 'registration__error-message', innerHTML: this.errorMessage })));
         });
     }
     ;
+    renderConsents() {
+        return (h$2("div", { class: "consentsContainer" }, h$2("general-consents", { endpoint: this.endpoint })));
+    }
     renderButtons() {
         return (h$2("div", { class: `registration__buttons-wrapper ${this.autofilled ? 'registration__buttons-wrapper--autofilled' : ''}` }, this.isLoadingPOST
             && h$2("slot", { name: 'spinner' })
@@ -32004,13 +32336,13 @@ const NumberInput = class {
         if (this.inputReference.validity.patternMismatch) {
             const errorCode = (_a = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _a === void 0 ? void 0 : _a.errorKey;
             const errorMessage = (_b = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _b === void 0 ? void 0 : _b.errorMessage;
-            return translate$2(`${errorCode}`, this.language) ? translate$2(`${errorCode}`, this.language) : errorMessage;
+            return translate$3(`${errorCode}`, this.language) ? translate$3(`${errorCode}`, this.language) : errorMessage;
         }
         if (this.inputReference.validity.rangeUnderflow || this.inputReference.validity.rangeOverflow) {
-            return translate$2('numberLengthError', this.language, { values: { min: this.validation.min, max: this.validation.max } });
+            return translate$3('numberLengthError', this.language, { values: { min: this.validation.min, max: this.validation.max } });
         }
         if (this.inputReference.validity.valueMissing) {
-            return translate$2('requiredError', this.language);
+            return translate$3('requiredError', this.language);
         }
     }
     renderTooltip() {
@@ -32025,7 +32357,7 @@ const NumberInput = class {
             invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
         }
         return h$2("div", { key: '2032f77ca52b330ae2e8f484d7a0aba60ee7b9d5', class: `number__wrapper ${this.autofilled ? 'number__wrapper--autofilled' : ''}  ${this.name}__input`, ref: el => this.stylingContainer = el }, h$2("div", { key: '0786901cd928bba86597180f058bff43fba522b6', class: 'number__wrapper--flex' }, h$2("label", { key: 'ff7f39306cef7aeba3e0e4508df03c5a945e748b', class: `number__label ${this.validation.mandatory ? 'number__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h$2("div", { key: 'dced91223621551472fee374d56f1ad7476f4191', class: 'number__wrapper--relative' }, this.tooltip &&
-            h$2("img", { key: 'a804a983e342e4d117126720a32c4c34a2b267dc', class: 'number__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h$2("input", { key: 'fd59afaedf7d9f761684b057a1809474d735cc26', ref: (el) => this.inputReference = el, type: "number", value: this.defaultValue, readOnly: this.autofilled, id: `${this.name}__input`, class: `number__input ${invalidClass}`, pattern: this.validationPattern, placeholder: `${this.placeholder}`, required: this.validation.mandatory, max: this.validation.max, min: this.validation.min, onInput: this.handleInput, onBlur: this.handleBlur }), h$2("small", { key: 'ca11558b5704b69311626736ab84a298449b98d7', class: 'number__error-message' }, this.errorMessage));
+            h$2("img", { key: 'a804a983e342e4d117126720a32c4c34a2b267dc', class: 'number__tooltip-icon', src: tooltipIconSvg$1, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h$2("input", { key: 'fd59afaedf7d9f761684b057a1809474d735cc26', ref: (el) => this.inputReference = el, type: "number", value: this.defaultValue, readOnly: this.autofilled, id: `${this.name}__input`, class: `number__input ${invalidClass}`, pattern: this.validationPattern, placeholder: `${this.placeholder}`, required: this.validation.mandatory, max: this.validation.max, min: this.validation.min, onInput: this.handleInput, onBlur: this.handleBlur }), h$2("small", { key: 'ca11558b5704b69311626736ab84a298449b98d7', class: 'number__error-message' }, this.errorMessage));
     }
     static get watchers() { return {
         "isValid": ["validityChanged"],
@@ -33866,23 +34198,23 @@ const PasswordInput = class {
     setErrorMessage() {
         var _a, _b, _c, _d;
         if (this.isDuplicateInput && !this.originalValid) {
-            return translate$2('invalidOriginalPasswordError', this.language);
+            return translate$3('invalidOriginalPasswordError', this.language);
         }
         if (this.inputReference.validity.patternMismatch) {
             const errorCode = (_a = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _a === void 0 ? void 0 : _a.errorKey;
             const errorMessage = (_b = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _b === void 0 ? void 0 : _b.errorMessage;
-            return translate$2(`${errorCode}`, this.language) ? translate$2(`${errorCode}`, this.language) : errorMessage;
+            return translate$3(`${errorCode}`, this.language) ? translate$3(`${errorCode}`, this.language) : errorMessage;
         }
         if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong) {
-            return translate$2('lengthError', this.language, { values: { minLength: this.validation.minLength, maxLength: this.validation.maxLength } });
+            return translate$3('lengthError', this.language, { values: { minLength: this.validation.minLength, maxLength: this.validation.maxLength } });
         }
         if (this.inputReference.validity.valueMissing) {
-            return translate$2('requiredError', this.language);
+            return translate$3('requiredError', this.language);
         }
         if (this.isDuplicateInput && this.duplicateInputValue !== this.value) {
             const errorCode = (_c = this.validation.custom.find(customRule => customRule.rule === 'duplicate-input')) === null || _c === void 0 ? void 0 : _c.errorKey;
             const errorMessage = (_d = this.validation.custom.find(customRule => customRule.rule === 'duplicate-input')) === null || _d === void 0 ? void 0 : _d.errorMessage;
-            return translate$2(`${errorCode}`, this.language) ? translate$2(`${errorCode}`, this.language) : errorMessage;
+            return translate$3(`${errorCode}`, this.language) ? translate$3(`${errorCode}`, this.language) : errorMessage;
         }
     }
     renderTooltip() {
@@ -33896,8 +34228,8 @@ const PasswordInput = class {
         const passedRules = this.passwordComplexity.filter(complexity => complexity.passed).length;
         const meterValue = passedRules / totalRules;
         const allRulesPassed = this.passwordComplexity.every(complexity => complexity.passed);
-        return (h$2("div", { class: `password__complexity ${!this.showPopup ? 'password__complexity--hidden' : ''}` }, h$2("div", { class: 'password__complexity--strength' }, h$2("p", { class: 'password__complexity--text' }, translate$2('passwordStrength', this.language), "\u00A0", h$2("span", { class: 'password__complexity--text-bold' }, translate$2(`${allRulesPassed ? 'passwordStrengthStrong' : 'passwordStrengthWeak'}`, this.language))), h$2("meter", { value: meterValue, min: "0", max: "1" })), h$2("div", null, this.passwordComplexity.map((complexity, index) => {
-            return (h$2("div", { key: index }, h$2("input", { class: 'password__complexity--checkbox', type: "checkbox", checked: complexity.passed, disabled: true }), h$2("span", null, translate$2(`${complexity.ruleKey}`, this.language) ? translate$2(`${complexity.ruleKey}`, this.language) : complexity.rule)));
+        return (h$2("div", { class: `password__complexity ${!this.showPopup ? 'password__complexity--hidden' : ''}` }, h$2("div", { class: 'password__complexity--strength' }, h$2("p", { class: 'password__complexity--text' }, translate$3('passwordStrength', this.language), "\u00A0", h$2("span", { class: 'password__complexity--text-bold' }, translate$3(`${allRulesPassed ? 'passwordStrengthStrong' : 'passwordStrengthWeak'}`, this.language))), h$2("meter", { value: meterValue, min: "0", max: "1" })), h$2("div", null, this.passwordComplexity.map((complexity, index) => {
+            return (h$2("div", { key: index }, h$2("input", { class: 'password__complexity--checkbox', type: "checkbox", checked: complexity.passed, disabled: true }), h$2("span", null, translate$3(`${complexity.ruleKey}`, this.language) ? translate$3(`${complexity.ruleKey}`, this.language) : complexity.rule)));
         }))));
     }
     render() {
@@ -33906,7 +34238,7 @@ const PasswordInput = class {
             invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
         }
         return h$2("div", { key: '7f6a07f3c7e3aa53e1d97d674cc7a5591c33f7ce', class: `password__wrapper ${this.autofilled ? 'password__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h$2("div", { key: 'a487d206585a3eb30441509070a6ab0747b911b4', class: 'password__wrapper--flex' }, h$2("label", { key: 'e8c471fa0836cb842f529c3733491249400b534c', class: `password__label  ${this.validation.mandatory ? 'password__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h$2("div", { key: '4d90f18a711b27a621ebf5043906d5f35387a7e5', class: 'password__wrapper--relative' }, this.tooltip &&
-            h$2("img", { key: 'c44c2d9bf69b37761da9d0c5485326391627b8b4', class: 'password__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h$2("vaadin-password-field", { key: '582dde61d4f34b09e8894168c0d09ed5a7b571d8', type: "password", id: `${this.name}__input`, class: `password__input ${invalidClass}`, name: this.name, readOnly: this.autofilled, value: this.defaultValue, required: this.validation.mandatory, maxlength: this.validation.maxLength, minlength: this.validation.minLength, pattern: this.validationPattern, placeholder: `${this.placeholder}`, onInput: this.handleInput, onBlur: this.handleBlur, onFocus: this.handleFocus }), h$2("small", { key: '6fb3a91b1872805085f4d028c0760be8f6383b10', class: 'password__error-message' }, this.errorMessage), this.passwordComplexity && this.showPopup && !this.isDuplicateInput && this.renderComplexityPopup());
+            h$2("img", { key: 'c44c2d9bf69b37761da9d0c5485326391627b8b4', class: 'password__tooltip-icon', src: tooltipIconSvg$1, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h$2("vaadin-password-field", { key: '582dde61d4f34b09e8894168c0d09ed5a7b571d8', type: "password", id: `${this.name}__input`, class: `password__input ${invalidClass}`, name: this.name, readOnly: this.autofilled, value: this.defaultValue, required: this.validation.mandatory, maxlength: this.validation.maxLength, minlength: this.validation.minLength, pattern: this.validationPattern, placeholder: `${this.placeholder}`, onInput: this.handleInput, onBlur: this.handleBlur, onFocus: this.handleFocus }), h$2("small", { key: '6fb3a91b1872805085f4d028c0760be8f6383b10', class: 'password__error-message' }, this.errorMessage), this.passwordComplexity && this.showPopup && !this.isDuplicateInput && this.renderComplexityPopup());
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -33986,7 +34318,7 @@ const RadioInput = class {
     }
     setErrorMessage() {
         if (this.inputReference.validity.valueMissing) {
-            return translate$2('requiredError', this.language);
+            return translate$3('requiredError', this.language);
         }
     }
     renderTooltip() {
@@ -33997,7 +34329,7 @@ const RadioInput = class {
     }
     render() {
         return h$2("fieldset", { key: '3d90735f7dc8fef6a96dc85b8f9ba22880cb205f', class: `radio__fieldset ${this.name}__input`, ref: el => this.stylingContainer = el }, h$2("legend", { key: '9472ed76f5c7fabb90d2b3d39eeb9e18f05a30dd', class: 'radio__legend' }, this.displayName, ":"), this.optionsGroup.map(option => h$2("div", { class: 'radio__wrapper' }, h$2("input", { type: "radio", class: 'radio__input', id: `${option.label}__input`, ref: (el) => this.inputReference = el, value: option.value, name: this.name, required: this.validation.mandatory, onClick: (e) => this.handleClick(e) }), h$2("label", { htmlFor: `${option.label}__input` }, option.label))), h$2("small", { key: '2ae0947580bb8a0a3d889a2d9ebd0b82458fdfd2', class: 'radio__error-message' }, this.errorMessage), this.tooltip &&
-            h$2("img", { key: '4f3cbf341f1c559bbdf44ca5d169be7a64d46e97', class: 'radio__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip());
+            h$2("img", { key: '4f3cbf341f1c559bbdf44ca5d169be7a64d46e97', class: 'radio__tooltip-icon', src: tooltipIconSvg$1, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip());
     }
     static get watchers() { return {
         "isValid": ["validityChanged"],
@@ -38950,7 +39282,7 @@ const SelectInput = class {
     }
     setErrorMessage() {
         if (this.inputReference.validity.valueMissing) {
-            return translate$2('requiredError', this.language);
+            return translate$3('requiredError', this.language);
         }
     }
     renderTooltip() {
@@ -38965,7 +39297,7 @@ const SelectInput = class {
             invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
         }
         return h$2("div", { key: 'c235991f572ea3f8659f66d660fd1fb41b0094ad', class: `select__wrapper ${this.autofilled ? 'select__wrapper--autofilled' : ''}  ${this.name}__input`, ref: el => this.stylingContainer = el }, h$2("div", { key: '50931d2e1345bb8337820409a6aff2eee4d33cd5', class: 'select__wrapper--flex' }, h$2("label", { key: '28a05e2a88132fb8ad279ec0fbc0d49253d3ffbc', class: 'select__label', htmlFor: `${this.name}__input` }, `${this.displayName} ${this.validation.mandatory ? '*' : ''}`), h$2("div", { key: '1d53254871214080c3f1d25c73380a9b9df19aab', class: 'select__wrapper--relative' }, this.tooltip &&
-            h$2("img", { key: '020465f83dd9a03a37b223521bfce37a66df818d', class: 'select__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h$2("vaadin-combo-box", { key: 'bbf7aff9102f6c849c84ff7cb390ed57e5b992b2', name: this.name, id: `${this.name}__input`, class: `select__input ${invalidClass} ${this.autofilled ? 'select__input--autofilled' : ''}`, "item-label-path": "label", "item-value-path": "value", readOnly: this.autofilled, required: this.validation.mandatory, value: this.defaultValue, placeholder: `${this.placeholder}`, items: this.displayedOptions, onChange: this.handleChange }), h$2("small", { key: '4cda22e9fdccb3960107a661fa24649946d6bb14', class: 'select__error-message' }, this.errorMessage));
+            h$2("img", { key: '020465f83dd9a03a37b223521bfce37a66df818d', class: 'select__tooltip-icon', src: tooltipIconSvg$1, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h$2("vaadin-combo-box", { key: 'bbf7aff9102f6c849c84ff7cb390ed57e5b992b2', name: this.name, id: `${this.name}__input`, class: `select__input ${invalidClass} ${this.autofilled ? 'select__input--autofilled' : ''}`, "item-label-path": "label", "item-value-path": "value", readOnly: this.autofilled, required: this.validation.mandatory, value: this.defaultValue, placeholder: `${this.placeholder}`, items: this.displayedOptions, onChange: this.handleChange }), h$2("small", { key: '4cda22e9fdccb3960107a661fa24649946d6bb14', class: 'select__error-message' }, this.errorMessage));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -39115,13 +39447,13 @@ const TelInput = class {
         if (this.inputReference.validity.patternMismatch) {
             const errorCode = (_a = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _a === void 0 ? void 0 : _a.errorKey;
             const errorMessage = (_b = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _b === void 0 ? void 0 : _b.errorMessage;
-            return translate$2(`${errorCode}`, this.language) ? translate$2(`${errorCode}`, this.language) : errorMessage;
+            return translate$3(`${errorCode}`, this.language) ? translate$3(`${errorCode}`, this.language) : errorMessage;
         }
         if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong) {
-            return translate$2('lengthError', this.language, { values: { minLength: this.validation.minLength, maxLength: this.validation.maxLength } });
+            return translate$3('lengthError', this.language, { values: { minLength: this.validation.minLength, maxLength: this.validation.maxLength } });
         }
         if (this.inputReference.validity.valueMissing) {
-            return translate$2('requiredError', this.language);
+            return translate$3('requiredError', this.language);
         }
     }
     renderTooltip() {
@@ -39136,7 +39468,7 @@ const TelInput = class {
             invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
         }
         return h$2("div", { key: '5febd36c339710683111039d477196daac87853c', class: `tel__wrapper ${this.autofilled ? 'tel__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h$2("div", { key: 'fb779beee03992b23478ffcaac85095420048ceb', class: 'tel__wrapper--flex-label' }, h$2("label", { key: '5b69271c1c8bf403a003d765adb40a553e09466e', class: `tel__label ${this.validation.mandatory ? 'tel__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h$2("div", { key: '040c487308231459fc92eba2e643a80639df09d6', class: 'tel__wrapper--relative' }, this.tooltip &&
-            h$2("img", { key: '91efd4656c718c75e5047413daf10c22c37e8f93', class: 'tel__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h$2("div", { key: '6215f80b6bccb3dfb03dbbc485c850725633627c', class: `tel__wrapper--flex ${invalidClass}` }, h$2("vaadin-combo-box", { key: '3b7b1ef3415619c51d74f5fc7c5e034acb8f037f', class: 'tel__prefix', items: this.phoneCodesOptions, value: this.prefixValue, readOnly: this.autofilled, onChange: (e) => this.handlePrefixInput(e) }), h$2("input", { key: '886553206896c367ba96f015d81b44ea86f741ea', type: "tel", ref: (el) => this.inputReference = el, id: `${this.name}__input`, readOnly: this.autofilled, class: `tel__input`, value: this.phoneValue, 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$2("small", { key: 'd4c88d386c3342c789527d925e9cd061494b785c', class: 'tel__error-message' }, this.errorMessage));
+            h$2("img", { key: '91efd4656c718c75e5047413daf10c22c37e8f93', class: 'tel__tooltip-icon', src: tooltipIconSvg$1, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h$2("div", { key: '6215f80b6bccb3dfb03dbbc485c850725633627c', class: `tel__wrapper--flex ${invalidClass}` }, h$2("vaadin-combo-box", { key: '3b7b1ef3415619c51d74f5fc7c5e034acb8f037f', class: 'tel__prefix', items: this.phoneCodesOptions, value: this.prefixValue, readOnly: this.autofilled, onChange: (e) => this.handlePrefixInput(e) }), h$2("input", { key: '886553206896c367ba96f015d81b44ea86f741ea', type: "tel", ref: (el) => this.inputReference = el, id: `${this.name}__input`, readOnly: this.autofilled, class: `tel__input`, value: this.phoneValue, 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$2("small", { key: 'd4c88d386c3342c789527d925e9cd061494b785c', class: 'tel__error-message' }, this.errorMessage));
     }
     static get watchers() { return {
         "isValid": ["validityChanged"],
@@ -39279,18 +39611,18 @@ const TextInput = class {
         if (this.inputReference.validity.patternMismatch) {
             const errorCode = (_a = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _a === void 0 ? void 0 : _a.errorKey;
             const errorMessage = (_b = this.validation.custom.find(customValidation => customValidation.rule === 'regex')) === null || _b === void 0 ? void 0 : _b.errorMessage;
-            return translate$2(`${errorCode}`, this.language) ? translate$2(`${errorCode}`, this.language) : errorMessage;
+            return translate$3(`${errorCode}`, this.language) ? translate$3(`${errorCode}`, this.language) : errorMessage;
         }
         if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong) {
-            return translate$2('lengthError', this.language, { values: { minLength: this.validation.minLength, maxLength: this.validation.maxLength } });
+            return translate$3('lengthError', this.language, { values: { minLength: this.validation.minLength, maxLength: this.validation.maxLength } });
         }
         if (this.inputReference.validity.valueMissing) {
-            return translate$2('requiredError', this.language);
+            return translate$3('requiredError', this.language);
         }
         if (this.isDuplicateInput && this.duplicateInputValue !== this.value) {
             const errorCode = (_c = this.validation.custom.find(customRule => customRule.rule === 'duplicate-input')) === null || _c === void 0 ? void 0 : _c.errorKey;
             const errorMessage = (_d = this.validation.custom.find(customRule => customRule.rule === 'duplicate-input')) === null || _d === void 0 ? void 0 : _d.errorMessage;
-            return translate$2(`${errorCode}`, this.language) ? translate$2(`${errorCode}`, this.language) : errorMessage;
+            return translate$3(`${errorCode}`, this.language) ? translate$3(`${errorCode}`, this.language) : errorMessage;
         }
     }
     renderTooltip() {
@@ -39305,7 +39637,7 @@ const TextInput = class {
             invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
         }
         return h$2("div", { key: 'bfb803110a70b89dd484e993c204b572f0115a17', class: `text__wrapper ${this.name}__input ${this.autofilled ? 'text__wrapper--autofilled' : ''}`, ref: el => this.stylingContainer = el }, h$2("div", { key: '6e9f8f5aada98821d5dc78ccb8b1431ba23b81ab', class: 'text__wrapper--flex' }, h$2("label", { key: '05cf07855121a79641475a5b020774cf8120d1ed', class: `text__label  ${this.validation.mandatory ? 'text__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h$2("div", { key: 'f8c48a999f6827a61ec392ce99858c19559c77d2', class: 'text__wrapper--relative' }, this.tooltip &&
-            h$2("img", { key: 'e866f1df104ce57c29164e73b4ad4d017c7201cd', class: 'text__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h$2("input", { key: 'd761c265b1487fe73af54568b6da7fed82656b8d', name: this.name, id: `${this.name}__input`, value: this.defaultValue, type: 'text', class: `text__input ${invalidClass}`, placeholder: `${this.placeholder}`, ref: (el) => this.inputReference = el, readOnly: this.autofilled, pattern: this.validationPattern, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, onInput: this.handleInput, onBlur: this.handleBlur }), h$2("small", { key: '5c8df34dd47959eb1668cdf389524d145c69fa84', class: 'text__error-message' }, this.errorMessage));
+            h$2("img", { key: 'e866f1df104ce57c29164e73b4ad4d017c7201cd', class: 'text__tooltip-icon', src: tooltipIconSvg$1, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h$2("input", { key: 'd761c265b1487fe73af54568b6da7fed82656b8d', name: this.name, id: `${this.name}__input`, value: this.defaultValue, type: 'text', class: `text__input ${invalidClass}`, placeholder: `${this.placeholder}`, ref: (el) => this.inputReference = el, readOnly: this.autofilled, pattern: this.validationPattern, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, onInput: this.handleInput, onBlur: this.handleBlur }), h$2("small", { key: '5c8df34dd47959eb1668cdf389524d145c69fa84', class: 'text__error-message' }, this.errorMessage));
     }
     static get watchers() { return {
         "isValid": ["validityChanged"],
@@ -39376,7 +39708,7 @@ const ToggleCheckboxInput = class {
     }
     setErrorMessage() {
         if (this.checkboxReference.validity.valueMissing) {
-            return translate$2('requiredError', this.language);
+            return translate$3('requiredError', this.language);
         }
     }
     renderLabel() {
@@ -39390,11 +39722,11 @@ const ToggleCheckboxInput = class {
     }
     render() {
         return h$2("div", { key: '8c8e9bb2ae7feadf3a5fc38b9913e38d7ccb9aed', class: `togglecheckbox__wrapper  ${this.name}__input`, ref: el => this.stylingContainer = el }, h$2("div", { key: '18e2ec43ff98738323ddab1e134d6d215978e1c7', class: 'togglecheckbox__wrapper--flex' }, h$2("input", { key: '640b3ba4fd34bd813239533236e51f452e735409', class: 'togglecheckbox__input', type: "checkbox", id: `${this.name}__input`, ref: (el) => this.checkboxReference = el, name: this.name, checked: this.defaultValue === "true", readOnly: this.autofilled, required: this.validation.mandatory, value: this.value, onClick: () => this.handleClick() }), this.renderLabel()), h$2("small", { key: 'efd70a691559cfa98e93561dd945a0fe92909718', class: 'togglecheckbox__error-message' }, this.errorMessage), h$2("div", { key: 'e56a8fafa17da25d01f894fe6e6c143c318d2aab', class: 'togglecheckbox__wrapper--relative' }, this.tooltip &&
-            h$2("img", { key: '8b59366827b8f4f8ca5581203a2dca44ae8132d5', class: 'togglecheckbox__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip()), h$2("div", { key: '475e27345b51396c36e78b5a1e06edd980bc3ae1', class: `togglecheckbox__fields-wrapper ${this.showFields ? '' : 'hidden'}` }, this.options.map(subfield => {
+            h$2("img", { key: '8b59366827b8f4f8ca5581203a2dca44ae8132d5', class: 'togglecheckbox__tooltip-icon', src: tooltipIconSvg$1, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip()), h$2("div", { key: '475e27345b51396c36e78b5a1e06edd980bc3ae1', class: `togglecheckbox__fields-wrapper ${this.showFields ? '' : 'hidden'}` }, this.options.map(subfield => {
             return h$2("general-input", { type: subfield.inputType, name: subfield.name, displayName: subfield.displayName, validation: subfield.validate, action: subfield.action || null, defaultValue: subfield.defaultValue, autofilled: subfield.autofill, emitValue: this.emitValue, language: this.language, "client-styling": this.clientStyling, tooltip: subfield.tooltip, placeholder: subfield.placeholder == null ? '' : subfield.placeholder });
         })));
     }
 };
 ToggleCheckboxInput.style = ToggleCheckboxInputStyle0;
 
-export { CheckboxGroupInput as checkbox_group_input, CheckboxInput as checkbox_input, DateInput as date_input, EmailInput as email_input, GeneralInput as general_input, GeneralRegistration as general_registration, NumberInput as number_input, PasswordInput as password_input, RadioInput as radio_input, SelectInput as select_input, TelInput as tel_input, TextInput as text_input, ToggleCheckboxInput as toggle_checkbox_input };
+export { CheckboxGroupInput as checkbox_group_input, CheckboxInput as checkbox_input, DateInput as date_input, EmailInput as email_input, GeneralConsents as general_consents, GeneralInput as general_input, GeneralRegistration as general_registration, NumberInput as number_input, PasswordInput as password_input, RadioInput as radio_input, SelectInput as select_input, TelInput as tel_input, TextInput as text_input, ToggleCheckboxInput as toggle_checkbox_input };