@everymatrix/general-input 1.65.2 → 1.65.3

package/dist/cjs/{locale.utils-ae578c17.js → locale.utils-f0ae0a97.js}

@@ -9,6 +9,7 @@ const TRANSLATIONS = {
         "lengthError": "The length should be between {minLength} and {maxLength}",
         "requiredError": "This input is required.",
         "invalidOriginalPasswordError": "Initial password field does not validate all criteria.",
+        "invalidPassword": "Password does not meet all criteria",
         "passwordStrength": "Password strength",
         "passwordStrengthWeak": "is not adequate",
         "passwordStrengthStrong": "is adequate",
@@ -29,6 +30,7 @@ const TRANSLATIONS = {
         "lengthError": "A hossznak {minLength} és {maxLength} között kell lennie",
         "requiredError": "Ez a beviteli mező kötelező.",
         "invalidOriginalPasswordError": "Initial password field does not validate all criteria.",
+        "invalidPassword": "A jelszó nem felel meg minden kritériumnak",
         "passwordStrength": "Jelszó erőssége",
         "passwordStrengthWeak": "nem megfelelő",
         "passwordStrengthStrong": "megfelelő",
@@ -50,6 +52,7 @@ const TRANSLATIONS = {
         "lengthError": "Duljina bi trebala biti između {minLength} i {maxLength}",
         "requiredError": "Ovaj unos je obavezan.",
         "invalidOriginalPasswordError": "Lozinke se ne podudaraju",
+        "invalidPassword": "Lozinka ne zadovoljava sve kriterije",
         "passwordStrength": "Lozinka",
         "passwordStrengthWeak": "nije dovoljno jaka",
         "passwordStrengthStrong": "je dovoljno jaka",
@@ -71,6 +74,7 @@ const TRANSLATIONS = {
         "lengthError": "Uzunluk {minLength} ve {maxLength} arasında olmalıdır",
         "requiredError": "Bu alan zorunludur.",
         "invalidOriginalPasswordError": "İlk şifre alanı tüm kriterleri karşılamıyor.",
+        "invalidPassword": "Şifre tüm kriterleri karşılamıyor",
         "passwordStrength": "Şifre gücü",
         "passwordStrengthWeak": "yetersiz",
         "passwordStrengthStrong": "yeterli",
@@ -92,6 +96,7 @@ const TRANSLATIONS = {
         "lengthError": "O comprimento deve estar entre {minLength} e {maxLength}",
         "requiredError": "Este campo é obrigatório",
         "invalidOriginalPasswordError": "O campo de senha inicial não faz parte dos critérios válidos",
+        "invalidPassword": "A senha não atende a todos os critérios",
         "PasswordStrength": "Força da senha",
         "PasswordStrengthWeak": "Não é adequado",
         "PasswordStrengthStrong": "é apropriado",
@@ -113,6 +118,7 @@ const TRANSLATIONS = {
         "lengthError": "La longitud deber ser entre {minLength} y {maxLength}",
         "requiredError": "Este campo es requerido",
         "invalidOriginalPasswordError": "El campo de contraseña inicial no es parte del criterio válido",
+        "invalidPassword": "La contraseña no cumple con todos los criterios",
         "PasswordStrength": "La fortaleza de la contraseña",
         "PasswordStrengthWeak": "no es adecuada",
         "PasswordStrengthStrong": "es adecuada",

package/dist/cjs/toggle-checkbox-input.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-bce82d29.js');
-const locale_utils = require('./locale.utils-ae578c17.js');
+const locale_utils = require('./locale.utils-f0ae0a97.js');
 const tooltipIcon = require('./tooltipIcon-7e9ee226.js');
 
 const toggleCheckboxInputCss = "*,*::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}";

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

@@ -181,7 +181,7 @@ export class PasswordInput {
         }
     }
     setErrorMessage() {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong) {
             return translate('lengthError', this.language, { values: { minLength: this.validation.minLength, maxLength: this.validation.maxLength } });
         }
@@ -201,6 +201,9 @@ export class PasswordInput {
             const errorMessage = (_d = this.validation.custom.find(customRule => customRule.rule === 'duplicate-input')) === null || _d === void 0 ? void 0 : _d.errorMessage;
             return translate(`${errorCode}`, this.language) ? translate(`${errorCode}`, this.language) : errorMessage;
         }
+        if (!((_e = this.passwordComplexity) === null || _e === void 0 ? void 0 : _e.every(complexity => complexity.passed)) && !this.showPopup) {
+            return translate('invalidPassword', this.language);
+        }
     }
     renderTooltip() {
         if (this.showTooltip) {
@@ -222,8 +225,8 @@ export class PasswordInput {
         if (this.touched) {
             invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
         }
-        return h("div", { key: '7df2b034611f7384a1eb4470e39ee580e0ae6ce5', class: `password__wrapper ${this.autofilled ? 'password__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h("div", { key: 'fbf309a458ccfd7c7133b7f65fafc061ad7e5c37', class: 'password__wrapper--flex' }, h("label", { key: 'f15c05d6fa8690d6a120ab2ad56127665618cb94', class: `password__label  ${this.validation.mandatory ? 'password__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("div", { key: 'd191b29e231685f0ceb7e42f9b1e9471450662bd', class: 'password__wrapper--relative' }, this.tooltip &&
-            h("img", { key: '23052474b109d273ba94e80cbd9d72986c373910', class: 'password__tooltip-icon', src: tooltipIcon, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h("vaadin-password-field", { key: 'cfd7bb8bf495f77037f2a519701e609f18ce072f', 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("small", { key: 'e8aa77d19ed2497659f784da065720be6fa64bfd', class: 'password__error-message' }, this.errorMessage), this.passwordComplexity && this.showPopup && !this.isDuplicateInput && this.renderComplexityPopup());
+        return h("div", { key: 'd5757f6d03b0c3ad30b57b9c62d8cd7c8802a37a', class: `password__wrapper ${this.autofilled ? 'password__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h("div", { key: '7e7508731d7397b6c578335715c711ea97c46d3a', class: 'password__wrapper--flex' }, h("label", { key: 'ce4fd50f4f9ae7fb772df496784a3869e29618b6', class: `password__label  ${this.validation.mandatory ? 'password__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("div", { key: '640fa5664eede59b585bfd314854615cf4da46c1', class: 'password__wrapper--relative' }, this.tooltip &&
+            h("img", { key: '0c0d0d71bf84c3ab6b0804424405ffacb1e87660', class: 'password__tooltip-icon', src: tooltipIcon, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h("vaadin-password-field", { key: '4a966b226d6ec04fbebcad8cf12896bbc05b84fa', 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("small", { key: '1218d65c065a0dcc1b17d1422e08849b9b3de5ce', class: 'password__error-message' }, this.errorMessage), this.passwordComplexity && this.showPopup && !this.isDuplicateInput && this.renderComplexityPopup());
     }
     static get is() { return "password-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/utils/locale.utils.js

@@ -7,6 +7,7 @@ export const TRANSLATIONS = {
         "lengthError": "The length should be between {minLength} and {maxLength}",
         "requiredError": "This input is required.",
         "invalidOriginalPasswordError": "Initial password field does not validate all criteria.",
+        "invalidPassword": "Password does not meet all criteria",
         "passwordStrength": "Password strength",
         "passwordStrengthWeak": "is not adequate",
         "passwordStrengthStrong": "is adequate",
@@ -27,6 +28,7 @@ export const TRANSLATIONS = {
         "lengthError": "A hossznak {minLength} és {maxLength} között kell lennie",
         "requiredError": "Ez a beviteli mező kötelező.",
         "invalidOriginalPasswordError": "Initial password field does not validate all criteria.",
+        "invalidPassword": "A jelszó nem felel meg minden kritériumnak",
         "passwordStrength": "Jelszó erőssége",
         "passwordStrengthWeak": "nem megfelelő",
         "passwordStrengthStrong": "megfelelő",
@@ -48,6 +50,7 @@ export const TRANSLATIONS = {
         "lengthError": "Duljina bi trebala biti između {minLength} i {maxLength}",
         "requiredError": "Ovaj unos je obavezan.",
         "invalidOriginalPasswordError": "Lozinke se ne podudaraju",
+        "invalidPassword": "Lozinka ne zadovoljava sve kriterije",
         "passwordStrength": "Lozinka",
         "passwordStrengthWeak": "nije dovoljno jaka",
         "passwordStrengthStrong": "je dovoljno jaka",
@@ -69,6 +72,7 @@ export const TRANSLATIONS = {
         "lengthError": "Uzunluk {minLength} ve {maxLength} arasında olmalıdır",
         "requiredError": "Bu alan zorunludur.",
         "invalidOriginalPasswordError": "İlk şifre alanı tüm kriterleri karşılamıyor.",
+        "invalidPassword": "Şifre tüm kriterleri karşılamıyor",
         "passwordStrength": "Şifre gücü",
         "passwordStrengthWeak": "yetersiz",
         "passwordStrengthStrong": "yeterli",
@@ -90,6 +94,7 @@ export const TRANSLATIONS = {
         "lengthError": "O comprimento deve estar entre {minLength} e {maxLength}",
         "requiredError": "Este campo é obrigatório",
         "invalidOriginalPasswordError": "O campo de senha inicial não faz parte dos critérios válidos",
+        "invalidPassword": "A senha não atende a todos os critérios",
         "PasswordStrength": "Força da senha",
         "PasswordStrengthWeak": "Não é adequado",
         "PasswordStrengthStrong": "é apropriado",
@@ -111,6 +116,7 @@ export const TRANSLATIONS = {
         "lengthError": "La longitud deber ser entre {minLength} y {maxLength}",
         "requiredError": "Este campo es requerido",
         "invalidOriginalPasswordError": "El campo de contraseña inicial no es parte del criterio válido",
+        "invalidPassword": "La contraseña no cumple con todos los criterios",
         "PasswordStrength": "La fortaleza de la contraseña",
         "PasswordStrengthWeak": "no es adecuada",
         "PasswordStrengthStrong": "es adecuada",

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-34f25346.js';
-import { t as translate } from './locale.utils-fc81f22a.js';
+import { t as translate } from './locale.utils-14c3dac3.js';
 import { t as tooltipIconSvg } from './tooltipIcon-0a5a06a2.js';
 
 const checkboxGroupInputCss = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}vaadin-checkbox-group{margin-top:5px;margin-left:40px}.checkboxgroup{font-family:\"Roboto\";font-style:normal;font-size:15px}.checkboxgroup__wrapper{position:relative}.checkboxgroup__wrapper--flex{display:flex;gap:5px;align-content:flex-start}.checkboxgroup__wrapper--relative{position:relative;display:inline}.checkboxgroup__input{vertical-align:baseline}.checkboxgroup__input[indeterminate]::part(checkbox)::after,.checkboxgroup__input[indeterminate]::part(checkbox),.checkboxgroup__input[checked]::part(checkbox){background-color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.checkboxgroup__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;padding-left:10px;vertical-align:baseline}.checkboxgroup__label-text{font-size:16px}.checkboxgroup__label a{color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.checkboxgroup__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.checkboxgroup__tooltip-icon{width:16px;height:auto}.checkboxgroup__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}.checkboxgroup__tooltip.visible{opacity:1}.checkbox__input::part(checkbox){background-color:var(--emw--color-white, #FFFFFF);transform:scale(0.8, 0.8);border-radius:var(--emw--border-radius-small, 2px);box-shadow:0 0px 0px 2px var(--emw--color-gray, #7a7a7a)}.checkbox__input[indeterminate]::part(checkbox),.checkbox__input[checked]::part(checkbox){background-color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));box-shadow:none}";
@@ -5935,7 +5935,7 @@ const PasswordInput = class {
         }
     }
     setErrorMessage() {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong) {
             return translate('lengthError', this.language, { values: { minLength: this.validation.minLength, maxLength: this.validation.maxLength } });
         }
@@ -5955,6 +5955,9 @@ const PasswordInput = class {
             const errorMessage = (_d = this.validation.custom.find(customRule => customRule.rule === 'duplicate-input')) === null || _d === void 0 ? void 0 : _d.errorMessage;
             return translate(`${errorCode}`, this.language) ? translate(`${errorCode}`, this.language) : errorMessage;
         }
+        if (!((_e = this.passwordComplexity) === null || _e === void 0 ? void 0 : _e.every(complexity => complexity.passed)) && !this.showPopup) {
+            return translate('invalidPassword', this.language);
+        }
     }
     renderTooltip() {
         if (this.showTooltip) {
@@ -5976,8 +5979,8 @@ const PasswordInput = class {
         if (this.touched) {
             invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
         }
-        return h("div", { key: '7df2b034611f7384a1eb4470e39ee580e0ae6ce5', class: `password__wrapper ${this.autofilled ? 'password__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h("div", { key: 'fbf309a458ccfd7c7133b7f65fafc061ad7e5c37', class: 'password__wrapper--flex' }, h("label", { key: 'f15c05d6fa8690d6a120ab2ad56127665618cb94', class: `password__label  ${this.validation.mandatory ? 'password__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("div", { key: 'd191b29e231685f0ceb7e42f9b1e9471450662bd', class: 'password__wrapper--relative' }, this.tooltip &&
-            h("img", { key: '23052474b109d273ba94e80cbd9d72986c373910', class: 'password__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h("vaadin-password-field", { key: 'cfd7bb8bf495f77037f2a519701e609f18ce072f', 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("small", { key: 'e8aa77d19ed2497659f784da065720be6fa64bfd', class: 'password__error-message' }, this.errorMessage), this.passwordComplexity && this.showPopup && !this.isDuplicateInput && this.renderComplexityPopup());
+        return h("div", { key: 'd5757f6d03b0c3ad30b57b9c62d8cd7c8802a37a', class: `password__wrapper ${this.autofilled ? 'password__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h("div", { key: '7e7508731d7397b6c578335715c711ea97c46d3a', class: 'password__wrapper--flex' }, h("label", { key: 'ce4fd50f4f9ae7fb772df496784a3869e29618b6', class: `password__label  ${this.validation.mandatory ? 'password__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("div", { key: '640fa5664eede59b585bfd314854615cf4da46c1', class: 'password__wrapper--relative' }, this.tooltip &&
+            h("img", { key: '0c0d0d71bf84c3ab6b0804424405ffacb1e87660', class: 'password__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h("vaadin-password-field", { key: '4a966b226d6ec04fbebcad8cf12896bbc05b84fa', 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("small", { key: '1218d65c065a0dcc1b17d1422e08849b9b3de5ce', class: 'password__error-message' }, this.errorMessage), this.passwordComplexity && this.showPopup && !this.isDuplicateInput && this.renderComplexityPopup());
     }
     get element() { return getElement(this); }
     static get watchers() { return {