@everymatrix/general-registration 1.90.23 → 1.90.25

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

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

package/dist/esm/{GeneralAnimationLoading-DvwHUxLh-4d6766a1.js → GeneralAnimationLoading-lTLzF5jR-501a49e3.js}

@@ -1,13 +1,13 @@
-import { S as ar, i as nr, s as _t, f as X, k as or, a as ln, e as w$1, b as L$1, n as $, d as O, o as pn, g as wn, h as Tn, j as Mn, c as Re } from './PlayerConsents-C93YUnq0-2e7ff8d3.js';
+import { S as ar, i as nr, s as _t, f as X, k as or, a as cn, e as T, b as L$1, n as $, d as O, o as gn, g as Tn, h as Mn, j as Nn, c as Re } from './PlayerConsents-Duni8Aqx-dd7cf325.js';
 
 function L(t) {
-  ln(t, "svelte-gnt082", ".LoaderContainer{display:flex;justify-content:center}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#d1d1d1;animation-timing-function:cubic-bezier(0, 1, 1, 0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 0.6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 0.6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}");
+  cn(t, "svelte-gnt082", ".LoaderContainer{display:flex;justify-content:center}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#d1d1d1;animation-timing-function:cubic-bezier(0, 1, 1, 0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 0.6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 0.6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}");
 }
 function j(t) {
   let i;
   return {
     c() {
-      i = w$1("div"), i.innerHTML = '<section class="LoaderContainer"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></section>';
+      i = T("div"), i.innerHTML = '<section class="LoaderContainer"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></section>';
     },
     m(n, l) {
       L$1(n, i, l), t[4](i);
@@ -22,7 +22,7 @@ function j(t) {
 }
 function w(t, i, n) {
   let { clientstyling: l = "" } = i, { clientstylingurl: a = "" } = i, { mbsource: r } = i, s, o;
-  pn(() => () => {
+  gn(() => () => {
   });
   function u(e) {
     Re[e ? "unshift" : "push"](() => {
@@ -33,9 +33,9 @@ function w(t, i, n) {
     "clientstyling" in e && n(1, l = e.clientstyling), "clientstylingurl" in e && n(2, a = e.clientstylingurl), "mbsource" in e && n(3, r = e.mbsource);
   }, t.$$.update = () => {
     t.$$.dirty & /*clientstyling, customStylingContainer*/
-    3 && l && s && wn(s, l), t.$$.dirty & /*clientstylingurl, customStylingContainer*/
-    5 && a && s && Tn(s, a), t.$$.dirty & /*mbsource, customStylingContainer*/
-    9 && r && s && Mn(s, `${r}.Style`, o);
+    3 && l && s && Tn(s, l), t.$$.dirty & /*clientstylingurl, customStylingContainer*/
+    5 && a && s && Mn(s, a), t.$$.dirty & /*mbsource, customStylingContainer*/
+    9 && r && s && Nn(s, `${r}.Style`, o);
   }, [
     s,
     l,