@everymatrix/player-account-controller 1.87.24 → 1.87.26

package/es2015/player-account-controller.cjs

@@ -1 +1 @@
-"use strict";if(typeof window!="undefined"){let n=function(t){return function(...s){try{return t.apply(this,s)}catch(e){if(e instanceof DOMException&&e.message.includes("has already been used with this registry")||e.message.includes("Cannot define multiple custom elements with the same tag name"))return!1;throw e}}};customElements.define=n(customElements.define),Promise.resolve().then(()=>require("../components/PlayerAccountController-D3sj_FFc.cjs")).then(({default:t})=>{!customElements.get("player-account-controller")&&customElements.define("player-account-controller",t.element)})}
+"use strict";if(typeof window!="undefined"){let n=function(t){return function(...s){try{return t.apply(this,s)}catch(e){if(e instanceof DOMException&&e.message.includes("has already been used with this registry")||e.message.includes("Cannot define multiple custom elements with the same tag name"))return!1;throw e}}};customElements.define=n(customElements.define),Promise.resolve().then(()=>require("../components/PlayerAccountController-J-78lsk8.cjs")).then(({default:t})=>{!customElements.get("player-account-controller")&&customElements.define("player-account-controller",t.element)})}

package/es2015/player-account-controller.js

@@ -10,7 +10,7 @@ if (typeof window != "undefined") {
       }
     };
   };
-  customElements.define = n(customElements.define), import("../components/PlayerAccountController-fNX47iaF.js").then(({ default: t }) => {
+  customElements.define = n(customElements.define), import("../components/PlayerAccountController-0zwzJJ4s.js").then(({ default: t }) => {
     !customElements.get("player-account-controller") && customElements.define("player-account-controller", t.element);
   });
 }

package/esnext/player-account-controller.js

@@ -1,4 +1,4 @@
-import { P as r } from "../components/PlayerAccountController-BIT34S8X.js";
+import { P as r } from "../components/PlayerAccountController-Cg3bzQs5.js";
 function s(t) {
   return function(...n) {
     try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/player-account-controller",
-  "version": "1.87.24",
+  "version": "1.87.26",
   "type": "module",
   "main": "es2015/player-account-controller.cjs",
   "module": "esnext/player-account-controller.js",

package/stencil/{checkbox-group-input_16-hzyeahgc.js → checkbox-group-input_16-CFtp0f8h.js}

@@ -1,5 +1,5 @@
-import { r as ee, c as P, h as u, g as Vt, H as Io } from "./index-c666b6e6-C73yIqWX.js";
-import { P as d_ } from "./pam-change-password-6b535bd5-qqnayZTK.js";
+import { r as ee, c as P, h as u, g as Vt, H as Io } from "./index-c666b6e6-C3HFUtzN.js";
+import { P as d_ } from "./pam-change-password-6b535bd5-BM0i-nkQ.js";
 const Ns = "en", To = {
   en: {
     dateError: "The selected date should be between {min} and {max}",
@@ -20358,10 +20358,10 @@ const jf = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.tel{f
   constructor(i) {
     ee(this, i), this.sendValidityState = P(this, "sendValidityState"), this.sendInputValue = P(this, "sendInputValue"), this.validationPattern = "", this.touched = !1, this.handleInput = (e) => {
       this.setPhoneValue(e.target.value), this.value = { prefix: this.prefixValue, phone: this.phoneValue }, this.touched = !0, this.debounceTime && clearTimeout(this.debounceTime), this.debounceTime = setTimeout(() => {
-        this.isValid = this.setValidity(), this.errorMessage = this.setErrorMessage(), this.emitValueHandler(!0);
+        this.isValid = this.isValidValue(), this.errorMessage = this.setErrorMessage(), this.emitValueHandler(!0);
       }, 500);
     }, this.handleBlur = () => {
-      this.touched || (this.isValid = this.setValidity(), this.errorMessage = this.setErrorMessage(), this.touched = !0);
+      this.touched = !0, this.isValid = this.isValidValue(), this.errorMessage = this.setErrorMessage();
     }, this.setClientStyling = () => {
       let e = document.createElement("style");
       e.innerHTML = this.clientStyling, this.stylingContainer.prepend(e);
@@ -20408,7 +20408,7 @@ const jf = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.tel{f
     !this.limitStylingAppends && this.stylingContainer && (this.clientStyling && this.setClientStyling(), this.limitStylingAppends = !0);
   }
   componentDidLoad() {
-    this.isValid = this.setValidity(), this.defaultValue && (this.value = this.defaultValue, this.valueHandler({ name: this.name, value: this.value, type: "tel" }));
+    this.isValid = this.isValidValue(), this.defaultValue && (this.value = this.defaultValue, this.valueHandler({ name: this.name, value: this.value, type: "tel" }));
   }
   getPhoneCodes(i) {
     const e = new URL(i);
@@ -20423,8 +20423,8 @@ const jf = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.tel{f
   handlePrefixInput(i) {
     this.prefixValue = i.target.value, this.value = { prefix: this.prefixValue, phone: this.phoneValue }, this.emitValueHandler(!0);
   }
-  setValidity() {
-    return this.inputReference.validity.valid;
+  isValidValue() {
+    return !this.inputReference || this.validation.mandatory && (!this.phoneValue || this.phoneValue.trim() === "") ? !1 : !this.phoneValue || this.phoneValue.trim() === "" ? !this.validation.mandatory : !(this.validation.minLength && this.phoneValue.length < this.validation.minLength || this.validation.maxLength && this.phoneValue.length > this.validation.maxLength || this.validationPattern && !new RegExp(this.validationPattern).test(this.phoneValue));
   }
   setPattern() {
     var i, e;
@@ -20437,7 +20437,7 @@ const jf = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.tel{f
       const t = (i = this.validation.custom.find((a) => a.rule === "regex")) === null || i === void 0 ? void 0 : i.errorKey, r = (e = this.validation.custom.find((a) => a.rule === "regex")) === null || e === void 0 ? void 0 : e.errorMessage;
       return b(`${t}`, this.language) ? b(`${t}`, this.language) : r;
     }
-    if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong)
+    if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong || this.validation.minLength && this.phoneValue && this.phoneValue.length < this.validation.minLength || this.validation.maxLength && this.phoneValue && this.phoneValue.length > this.validation.maxLength)
       return b("lengthError", this.language, { values: { minLength: this.validation.minLength, maxLength: this.validation.maxLength } });
     if (this.inputReference.validity.valueMissing)
       return b("requiredError", this.language);
@@ -20448,7 +20448,7 @@ const jf = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.tel{f
   render() {
     var i;
     let e = "";
-    return this.touched && (e = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), u("div", { key: "7296f134bff80795ab52a1a27eb059ab2f3c0c87", class: `tel__wrapper ${this.autofilled ? "tel__wrapper--autofilled" : ""} ${this.name}__input`, ref: (t) => this.stylingContainer = t }, u("div", { key: "c9b1fdf501299398bcda1e59e65bb0a7d6b7de43", class: "tel__wrapper--flex-label" }, u("label", { key: "e7e6858fc61e2b6ea8974f8b4dc8d67a5fcb07b4", class: `tel__label ${this.validation.mandatory ? "tel__label--required" : ""}`, htmlFor: `${this.name}__input` }, this.displayName), u("div", { key: "6c9cc9a3c74e8cd06224e2663d4c363e5d8fb3c0", class: "tel__wrapper--relative" }, this.tooltip && u("img", { key: "17e85d6050d4796bf5b057c901631a87b25d3b40", class: "tel__tooltip-icon", src: de, alt: "", ref: (t) => this.tooltipIconReference = t, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), u("div", { key: "cb2e8b93e5663c92a2fd114d1fe1c9d9e09ebc83", class: `tel__wrapper--flex ${e}` }, u("vaadin-combo-box", { key: "fb1c3ab06d19e9ed7bbdf7effe8f25a1f7d9fe15", class: "tel__prefix", items: this.phoneCodesOptions, value: this.prefixValue, readOnly: this.disablePhonePrefix, onChange: (t) => this.handlePrefixInput(t) }), u("input", { key: "d2701f0bdca4122c18fd43d311ea8c5e2536b1f5", type: "tel", ref: (t) => this.inputReference = t, id: `${this.name}__input`, readOnly: this.autofilled, class: "tel__input", value: (i = this.phoneValue) !== null && i !== void 0 ? i : "", placeholder: `${this.placeholder}`, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, pattern: this.validationPattern, onInput: this.handleInput, onBlur: this.handleBlur })), u("small", { key: "a685ceea5c99f29d992fd5291f67934a22d6997c", class: "tel__error-message" }, this.errorMessage));
+    return this.touched && (e = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), u("div", { key: "f534de21d5597a3e90912eb87fff893511d09920", class: `tel__wrapper ${this.autofilled ? "tel__wrapper--autofilled" : ""} ${this.name}__input`, ref: (t) => this.stylingContainer = t }, u("div", { key: "431fb8cbaea0d2244847823ea4d04d8c73a5341c", class: "tel__wrapper--flex-label" }, u("label", { key: "2eb210b2f0c2e0e632997f59fe7aa667578f72fd", class: `tel__label ${this.validation.mandatory ? "tel__label--required" : ""}`, htmlFor: `${this.name}__input` }, this.displayName), u("div", { key: "2d912b828f7d9475a1bbb5bac13495779f31198e", class: "tel__wrapper--relative" }, this.tooltip && u("img", { key: "ce4433263d27dc9d3fb2caf45069d7a92e9ae3a7", class: "tel__tooltip-icon", src: de, alt: "", ref: (t) => this.tooltipIconReference = t, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), u("div", { key: "480cd17eafb4f2ff1e396531429177cb3130eb95", class: `tel__wrapper--flex ${e}` }, u("vaadin-combo-box", { key: "5f2292c8509e5f68786d0f462c689102b1c75dc3", class: "tel__prefix", items: this.phoneCodesOptions, value: this.prefixValue, readOnly: this.disablePhonePrefix, onChange: (t) => this.handlePrefixInput(t) }), u("input", { key: "77232e119eed4960f5e1d809507b8585dd112256", type: "tel", ref: (t) => this.inputReference = t, id: `${this.name}__input`, readOnly: this.autofilled, class: "tel__input", value: (i = this.phoneValue) !== null && i !== void 0 ? i : "", placeholder: `${this.placeholder}`, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, pattern: this.validationPattern, onInput: this.handleInput, onBlur: this.handleBlur })), u("small", { key: "0d925cee41881c8c822073790e26ca7dc4a81049", class: "tel__error-message" }, this.errorMessage));
   }
   static get watchers() {
     return {