@everymatrix/general-registration 1.90.24 → 1.90.25

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

@@ -14512,7 +14512,7 @@ if (typeof window != "undefined") {
       }
     };
   };
-  customElements.define = n(customElements.define), import('./PlayerConsents-C93YUnq0-2e7ff8d3.js').then((e) => e.P).then(({ default: e }) => {
+  customElements.define = n(customElements.define), import('./PlayerConsents-Duni8Aqx-dd7cf325.js').then((e) => e.P).then(({ default: e }) => {
     !customElements.get("player-consents") && customElements.define("player-consents", e.element);
   });
 }
@@ -16616,6 +16616,7 @@ const TelInput = class {
             }
             this.debounceTime = setTimeout(() => {
                 this.isValid = this.isValidValue();
+                this.applyCustomError();
                 this.errorMessage = this.setErrorMessage();
                 this.emitValueHandler(true);
             }, 500);
@@ -16623,6 +16624,7 @@ const TelInput = class {
         this.handleBlur = () => {
             this.touched = true;
             this.isValid = this.isValidValue();
+            this.applyCustomError();
             this.errorMessage = this.setErrorMessage();
         };
         this.name = undefined;
@@ -16680,6 +16682,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();
@@ -16742,52 +16798,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() {
@@ -16829,6 +16859,27 @@ const TelInput = class {
             return translated ? translated : (this.lastCustomErrorMessage || '');
         }
     }
+    applyCustomError() {
+        const customs = (this.validation.custom || [])
+            .filter(c => c.rule === 'regex' && c.pattern);
+        const [, ...additionalRules] = customs;
+        for (const rule of additionalRules) {
+            let regex;
+            try {
+                regex = new RegExp(rule.pattern);
+            }
+            catch (e) {
+                console.warn('[applyCustomError] invalid regex pattern:', rule.pattern, e);
+                continue;
+            }
+            if (!regex.test(this.phoneValue)) {
+                this.lastCustomErrorKey = rule.errorKey;
+                this.lastCustomErrorMessage = rule.errorMessage;
+                this.inputReference.setCustomValidity('customError');
+                return;
+            }
+        }
+    }
     renderTooltip() {
         if (this.showTooltip) {
             return (h("div", { class: `tel__tooltip ${this.showTooltip ? 'visible' : ''}`, ref: (el) => this.tooltipReference = el, innerHTML: this.tooltip }));
@@ -16841,8 +16892,8 @@ const TelInput = class {
         if (this.touched) {
             invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
         }
-        return h("div", { key: 'e33193abf4094e4dac87b9cb7d95aaaf4bd8827c', class: `tel__wrapper ${this.autofilled ? 'tel__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h("div", { key: '3978e74f9decf4c6d632268e73507878d3aca0da', class: 'tel__wrapper--flex-label' }, h("label", { key: '1b7711f58ab7fc7e48ea6fa889334d64eeb2bfb4', class: `tel__label ${this.validation.mandatory ? 'tel__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("div", { key: 'a768af0e4a2c07fcf4b996814650493057120697', class: 'tel__wrapper--relative' }, this.tooltip &&
-            h("img", { key: 'b7f302055d8a4739baa8dece656780fa2183665a', class: 'tel__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h("div", { key: 'd095e9e0666096278466d134e06f2985611f9f4d', class: `tel__wrapper--flex ${invalidClass}` }, h("vaadin-combo-box", { key: 'd336c7ee95ad77d513a3d485786d8774f11f91fc', class: 'tel__prefix', items: this.phoneCodesOptions, value: this.prefixValue, readOnly: this.disablePhonePrefix, onChange: (e) => this.handlePrefixInput(e) }), h("input", { key: '5f403eb589e0ae8ee2284d2bd30a60850a33fb20', type: "tel", ref: (el) => this.inputReference = el, id: `${this.name}__input`, readOnly: this.autofilled, class: `tel__input`, value: (_a = this.phoneValue) !== null && _a !== void 0 ? _a : '', placeholder: `${this.placeholder}`, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, pattern: this.validationPattern, onInput: this.handleInput, onBlur: this.handleBlur })), h("small", { key: 'b4f7dca6a67471828af759437927c57ca5a89c99', class: 'tel__error-message' }, this.errorMessage));
+        return h("div", { key: '82da44bb2bacec9efb3631e377978d678e766919', class: `tel__wrapper ${this.autofilled ? 'tel__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h("div", { key: '4ca8d6dde2d3f8e15e2d26d593297519e0c94053', class: 'tel__wrapper--flex-label' }, h("label", { key: '3b0e2736fd47537b2ecd80cf49a146992d59474e', class: `tel__label ${this.validation.mandatory ? 'tel__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("div", { key: '1577aafc7b68128e91cdfe9ddc563bbad9d7b901', class: 'tel__wrapper--relative' }, this.tooltip &&
+            h("img", { key: 'cb6576e1248fc52f937c685d59d994a1d098d7cc', class: 'tel__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h("div", { key: 'a1e9f3c68691fbb61947cd41c0ffddcd124b4bbb', class: `tel__wrapper--flex ${invalidClass}` }, h("vaadin-combo-box", { key: '9aa33a487f019ee7393e29a0ce0d1836a23f5e09', class: 'tel__prefix', items: this.phoneCodesOptions, value: this.prefixValue, readOnly: this.disablePhonePrefix, onChange: (e) => this.handlePrefixInput(e) }), h("input", { key: '21d69c041b9a5f5f6fb1e6d7b392945cafe99e87', type: "tel", ref: (el) => this.inputReference = el, id: `${this.name}__input`, readOnly: this.autofilled, class: `tel__input`, value: (_a = this.phoneValue) !== null && _a !== void 0 ? _a : '', placeholder: `${this.placeholder}`, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, pattern: this.validationPattern, onInput: this.handleInput, onBlur: this.handleBlur })), h("small", { key: '76febe89ad7ee581eb5fc79658d81123da08ccdd', class: 'tel__error-message' }, this.errorMessage));
     }
     static get watchers() { return {
         "clientStyling": ["handleClientStylingChange"],

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

@@ -1 +1 @@
-import{S as i,i as s,s as l,f as t,k as e,a as n,e as a,b as r,n as d,d as c,o,g as p,h as u,j as f,c as m}from"./PlayerConsents-C93YUnq0-2e7ff8d3.js";function g(i){n(i,"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 h(i){let s;return{c(){s=a("div"),s.innerHTML='<section class="LoaderContainer"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></section>'},m(l,t){r(l,s,t),i[4](s)},p:d,i:d,o:d,d(l){l&&c(s),i[4](null)}}}function y(i,s,l){let t,{clientstyling:e=""}=s,{clientstylingurl:n=""}=s,{mbsource:a}=s;return o((()=>()=>{})),i.$$set=i=>{"clientstyling"in i&&l(1,e=i.clientstyling),"clientstylingurl"in i&&l(2,n=i.clientstylingurl),"mbsource"in i&&l(3,a=i.mbsource)},i.$$.update=()=>{3&i.$$.dirty&&e&&t&&p(t,e),5&i.$$.dirty&&n&&t&&u(t,n),9&i.$$.dirty&&a&&t&&f(t,`${a}.Style`,void 0)},[t,e,n,a,function(i){m[i?"unshift":"push"]((()=>{t=i,l(0,t)}))}]}class v extends i{constructor(i){super(),s(this,i,y,h,l,{clientstyling:1,clientstylingurl:2,mbsource:3},g)}get clientstyling(){return this.$$.ctx[1]}set clientstyling(i){this.$$set({clientstyling:i}),t()}get clientstylingurl(){return this.$$.ctx[2]}set clientstylingurl(i){this.$$set({clientstylingurl:i}),t()}get mbsource(){return this.$$.ctx[3]}set mbsource(i){this.$$set({mbsource:i}),t()}}e(v,{clientstyling:{},clientstylingurl:{},mbsource:{}},[],[],!0);export{v as default}
+import{S as i,i as s,s as l,f as t,k as n,a as e,e as a,b as r,n as d,d as c,o,g as u,h as p,j as f,c as m}from"./PlayerConsents-Duni8Aqx-dd7cf325.js";function g(i){e(i,"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 h(i){let s;return{c(){s=a("div"),s.innerHTML='<section class="LoaderContainer"><div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div></section>'},m(l,t){r(l,s,t),i[4](s)},p:d,i:d,o:d,d(l){l&&c(s),i[4](null)}}}function y(i,s,l){let t,{clientstyling:n=""}=s,{clientstylingurl:e=""}=s,{mbsource:a}=s;return o((()=>()=>{})),i.$$set=i=>{"clientstyling"in i&&l(1,n=i.clientstyling),"clientstylingurl"in i&&l(2,e=i.clientstylingurl),"mbsource"in i&&l(3,a=i.mbsource)},i.$$.update=()=>{3&i.$$.dirty&&n&&t&&u(t,n),5&i.$$.dirty&&e&&t&&p(t,e),9&i.$$.dirty&&a&&t&&f(t,`${a}.Style`,void 0)},[t,n,e,a,function(i){m[i?"unshift":"push"]((()=>{t=i,l(0,t)}))}]}class v extends i{constructor(i){super(),s(this,i,y,h,l,{clientstyling:1,clientstylingurl:2,mbsource:3},g)}get clientstyling(){return this.$$.ctx[1]}set clientstyling(i){this.$$set({clientstyling:i}),t()}get clientstylingurl(){return this.$$.ctx[2]}set clientstylingurl(i){this.$$set({clientstylingurl:i}),t()}get mbsource(){return this.$$.ctx[3]}set mbsource(i){this.$$set({mbsource:i}),t()}}n(v,{clientstyling:{},clientstylingurl:{},mbsource:{}},[],[],!0);export{v as default}