@everymatrix/general-input 1.69.2 → 1.70.0

package/dist/esm/locale.utils-14c3dac3.js

@@ -1,162 +0,0 @@
-const DEFAULT_LANGUAGE = 'en';
-const TRANSLATIONS = {
-    "en": {
-        "dateError": "The selected date should be between {min} and {max}",
-        "dateError2": "The selected date is not within the accepted range",
-        "numberLengthError": "The number should be between {min} and {max}",
-        "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",
-        "SpecialCharactersNotAllowed": "Should not contain special characters",
-        "InvalidEmailFormat": "Invalid email format.",
-        "EmailNotMatching": "Emails not matching!",
-        "PasswordNotMatching": "Passwords not matching",
-        "MustIncludeNumber": "Password must include a number",
-        "MustContainCapital": "Password must include a capital letter",
-        "MustIncludePunctation": "Password must include punctuation",
-        "OnlyNumbers": "Should contains only numbers.",
-        "InvalidFieldSize": "The length must be exactly 11 digits.",
-        "InvalidDocumentNumber": "Only numerical characters are allowed."
-    },
-    "hu": {
-        "dateError": "A választott dátumnak {min} és {max} között kell lennie",
-        "numberLengthError": "A számnak {min} és {max} között kell lennie",
-        "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ő",
-        "SpecialCharactersNotAllowed": "Nem tartalmazhat speciális karaktereket",
-        "InvalidEmailFormat": "Érvénytelen e-mail formátum.",
-        "EmailNotMatching": "Az e-mailek nem egyeznek!",
-        "PasswordNotMatching": "A jelszavak nem egyeznek",
-        "MustIncludeNumber": "A jelszónak tartalmaznia kell egy számot",
-        "MustContainCapital": "A jelszónak tartalmaznia kell egy nagybetűt",
-        "MustIncludePunctation": "A jelszónak tartalmaznia kell írásjelet",
-        "OnlyNumbers": "Csak számokat kell tartalmaznia.",
-        "InvalidFieldSize": "A hosszúságnak pontosan 11 számjegynek kell lennie.",
-        "InvalidDocumentNumber": "Csak számjegyek engedélyezettek.",
-    },
-    "hr": {
-        "dateError": "Odabrani datum treba biti između {min} i {max}",
-        "dateError2": "Odabrani datum nije unutar prihvaćenog raspona",
-        "numberLengthError": "Broj bi trebao biti između {min} i {max}",
-        "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",
-        "SpecialCharactersNotAllowed": "Ne smije sadržavati posebne znakove",
-        "InvalidEmailFormat": "Nevažeći format e-maila",
-        "EmailNotMatching": "E-mailovi se ne podudaraju!",
-        "PasswordNotMatching": "Lozinke se ne podudaraju",
-        "MustIncludeNumber": "Lozinka mora sadržavati broj",
-        "MustContainCapital": "Lozinka mora sadržavati veliko slovo",
-        "MustIncludePunctation": "Lozinka mora sadržavati barem jedan znak",
-        "OnlyNumbers": "Treba sadržavati samo brojeve.",
-        "InvalidFieldSize": "Dužina mora biti točno 11 znamenki.",
-        "InvalidDocumentNumber": "Dopušteni su samo numerički znakovi."
-    },
-    "tr": {
-        "dateError": "Seçilen tarih {min} ve {max} arasında olmalıdır",
-        "dateError2": "Seçilen tarih kabul edilen aralıkta değil",
-        "numberLengthError": "Sayı {min} ve {max} arasında olmalıdır",
-        "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",
-        "SpecialCharactersNotAllowed": "Özel karakter içermemelidir",
-        "InvalidEmailFormat": "Geçersiz e-posta formatı.",
-        "EmailNotMatching": "E-postalar uyuşmuyor!",
-        "PasswordNotMatching": "Şifreler uyuşmuyor",
-        "MustIncludeNumber": "bir sayı içermelidir",
-        "MustContainCapital": "büyük harf içermelidir",
-        "MustIncludePunctation": "noktalama işareti içermelidir",
-        "OnlyNumbers": "Sadece sayılar içermelidir.",
-        "InvalidFieldSize": "Uzunluk tam olarak 11 rakam olmalıdır.",
-        "InvalidDocumentNumber": "Sadece sayısal karakterlere izin verilir."
-    },
-    "pt-br": {
-        "dateError": "A data selecionada deve estar entre {min} e {max}",
-        "dateError2": "A data selecionada não está dentro de um intervalo válido",
-        "numberLengthError": "O número deve estar entre {min} e {max}",
-        "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",
-        "SpecialCharactersNotAllowed": "Não deve conter caracteres especiais",
-        "InvalidEmailFormat": "Formato de email inválido",
-        "EmailNotMatching": "E-mail não corresponde",
-        "PasswordNotMatching": "Senha não corresponde",
-        "MustIncludeNumber": "A senha deve incluir um número",
-        "MustContainCapital": "A senha deve incluir uma letra maiúscula",
-        "MustIncludePunctation": "A senha deve incluir um sinal de pontuação",
-        "OnlyNumbers": "Deve conter apenas números",
-        "InvalidFieldSize": "O comprimento deve ser exatamente 11 dígitos.",
-        "InvalidDocumentNumber": "Apenas caracteres numéricos são permitidos."
-    },
-    "es-mx": {
-        "dateError": "La fecha seleccionada debe ser entre {min} y {max}",
-        "dateError2": "La fecha seleccionada no está dentro de un rango válido",
-        "numberLengthError": "El número debe ser entre {min} y {max}",
-        "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",
-        "SpecialCharactersNotAllowed": "No debe contener caracteres especiales",
-        "InvalidEmailFormat": "Formato inválido de correo",
-        "EmailNotMatching": "El correo electrónico no coincide",
-        "PasswordNotMatching": "La contraseña no coincide",
-        "MustIncludeNumber": "La contraseña debe incluir un número",
-        "MustContainCapital": "La contraseña debe incluir una letra mayúscula",
-        "MustIncludePunctation": "La contraseña debe incluir un signo de puntuación",
-        "OnlyNumbers": "Solo debe contener números",
-        "InvalidFieldSize": "La longitud debe ser exactamente de 11 dígitos.",
-        "InvalidDocumentNumber": "Solo se permiten caracteres numéricos."
-    }
-};
-const translate = (key, customLang, values) => {
-    const lang = customLang;
-    let translation = TRANSLATIONS[lang !== undefined ? lang : DEFAULT_LANGUAGE][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 = (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[item][key] = data[item][key];
-                }
-            });
-            resolve(true);
-        });
-    });
-};
-
-export { getTranslations as g, translate as t };

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

@@ -1,114 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-34f25346.js';
-import { t as translate } from './locale.utils-14c3dac3.js';
-import { t as tooltipIconSvg } from './tooltipIcon-0a5a06a2.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}";
-const ToggleCheckboxInputStyle0 = toggleCheckboxInputCss;
-
-const ToggleCheckboxInput = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.sendValidityState = createEvent(this, "sendValidityState", 7);
-        this.sendInputValue = createEvent(this, "sendInputValue", 7);
-        this.callBackObject = {};
-        this.subFieldsObject = {};
-        this.value = '';
-        this.handleRevealField = (event, fieldName) => {
-            event.stopPropagation();
-            window.postMessage({ type: `registration${fieldName}Clicked` }, window.location.href);
-        };
-        this.setClientStyling = () => {
-            let sheet = document.createElement('style');
-            sheet.innerHTML = this.clientStyling;
-            this.stylingContainer.prepend(sheet);
-        };
-        this.name = undefined;
-        this.displayName = undefined;
-        this.defaultValue = '';
-        this.options = undefined;
-        this.autofilled = undefined;
-        this.tooltip = undefined;
-        this.validation = undefined;
-        this.language = undefined;
-        this.emitValue = undefined;
-        this.clientStyling = '';
-        this.errorMessage = undefined;
-        this.isValid = undefined;
-        this.limitStylingAppends = false;
-        this.showTooltip = false;
-        this.showFields = this.defaultValue === 'true';
-    }
-    handleStylingChange(newValue, oldValue) {
-        if (newValue !== oldValue)
-            this.setClientStyling();
-    }
-    validityStateHandler(inputStateEvent) {
-        this.sendValidityState.emit(inputStateEvent);
-    }
-    valueHandler(inputValueEvent) {
-        this.sendInputValue.emit(inputValueEvent);
-    }
-    handleClickOutside(event) {
-        if (event.composedPath()[0] === this.tooltipIconReference)
-            return;
-        if (event.composedPath()[0] !== this.tooltipReference)
-            this.showTooltip = false;
-    }
-    componentDidRender() {
-        // start custom styling area
-        if (!this.limitStylingAppends && this.stylingContainer) {
-            if (this.clientStyling)
-                this.setClientStyling();
-            this.limitStylingAppends = true;
-        }
-        // end custom styling area
-    }
-    componentDidLoad() {
-        if (this.options.length === 0)
-            return;
-        this.options.forEach((subField) => {
-            this.callBackObject[subField.name] = (e) => { this.handleRevealField(e, subField.name); };
-            this.subFieldsObject[subField.name].addEventListener('click', this.callBackObject[subField.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 translate('requiredError', this.language);
-        }
-    }
-    disconnectedCallback() {
-        this.options.forEach((subField) => {
-            this.subFieldsObject[subField.name].removeEventListener('click', this.callBackObject[subField.name]);
-        });
-    }
-    renderLabel() {
-        return (h("label", { class: 'togglecheckbox__label', htmlFor: `${this.name}__input` }, h("div", { class: 'togglecheckbox__label-text', innerHTML: `${this.displayName} ${this.validation.mandatory ? '*' : ''}` })));
-    }
-    renderTooltip() {
-        if (this.showTooltip) {
-            return (h("div", { class: `togglecheckbox__tooltip ${this.showTooltip ? 'visible' : ''}`, ref: (el) => this.tooltipReference = el, innerHTML: this.tooltip }));
-        }
-        return null;
-    }
-    render() {
-        return h("div", { key: '1f359a8390bb4296e94573131009eeff1bd2293c', class: `togglecheckbox__wrapper  ${this.name}__input`, ref: el => this.stylingContainer = el }, h("div", { key: '76033e62f8d111e3071b1a09a6d8f9b909a05244', class: 'togglecheckbox__wrapper--flex' }, h("input", { key: '6d944818346ce6e62117856ff5dfd2278c1ccad4', 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("small", { key: '7e2b7612f6dc179035027b551a6ac9801a1ba3c5', class: 'togglecheckbox__error-message' }, this.errorMessage), h("div", { key: '3a77da5b3544107d49137e6024888f8e774be170', class: 'togglecheckbox__wrapper--relative' }, this.tooltip &&
-            h("img", { key: '7edd9a8cce9d66e7f6fb2d61a4513754df62d5df', class: 'togglecheckbox__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip()), h("div", { key: '49de8d42d4b9f4c5668de6379f015c92098578a6', class: `togglecheckbox__fields-wrapper ${this.showFields ? '' : 'hidden'}` }, this.options.map(subfield => {
-            return h("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, ref: el => this.subFieldsObject[subfield.name] = el });
-        })));
-    }
-    static get watchers() { return {
-        "clientStyling": ["handleStylingChange"]
-    }; }
-};
-ToggleCheckboxInput.style = ToggleCheckboxInputStyle0;
-
-export { ToggleCheckboxInput as toggle_checkbox_input };

package/dist/esm/tooltipIcon-0a5a06a2.js

@@ -1,3 +0,0 @@
-const tooltipIconSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjUuNSIgc3Ryb2tlPSIjOTc5Nzk3Ii8+CjxyZWN0IHg9IjUiIHk9IjUiIHdpZHRoPSIyIiBoZWlnaHQ9IjUiIGZpbGw9IiM5Nzk3OTciLz4KPGNpcmNsZSBjeD0iNiIgY3k9IjMiIHI9IjEiIGZpbGw9IiM5Nzk3OTciLz4KPC9zdmc+Cg==';
-
-export { tooltipIconSvg as t };