@everymatrix/player-account-controller-nd 1.60.1 → 1.61.0

package/stencil/{checkbox-group-input_9-C7zEH4Cn.js → checkbox-group-input_9-BRv_piPJ.js}

@@ -1,9 +1,9 @@
-import { r as z, c as H, h as l, g as Te } from "./index-9cd44522-BOHK5Ehb.js";
-import { t as _ } from "./locale-ioQf6ZrW.js";
+import { r as z, c as H, h as l, g as Te } from "./index-9cd44522-C566YWys.js";
+import { t as x } from "./locale-ioQf6ZrW.js";
 import { t as G } from "./tooltipIcon-ee9760a8-BCCb4EU-.js";
 const at = '*,*::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, #D0046C))}.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, #D0046C))}.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, #D0046C));box-shadow:none}', nt = at, ot = class {
   constructor(t) {
-    z(this, t), this.sendValidityState = H(this, "sendValidityState", 7), this.sendInputValue = H(this, "sendInputValue", 7), this.value = null, this.setClientStyling = () => {
+    z(this, t), this.sendValidityState = H(this, "sendValidityState"), this.sendInputValue = H(this, "sendInputValue"), this.value = null, this.setClientStyling = () => {
       let i = document.createElement("style");
       i.innerHTML = this.clientStyling, this.stylingContainer.prepend(i);
     }, this.name = void 0, this.displayName = void 0, this.defaultValue = "", this.autofilled = void 0, this.tooltip = void 0, this.options = void 0, this.validation = void 0, this.language = void 0, this.emitValue = void 0, this.clientStyling = "", this.errorMessage = void 0, this.isValid = void 0, this.limitStylingAppends = !1, this.showTooltip = !1, this.selectedValues = [];
@@ -40,7 +40,7 @@ const at = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}vaadin
   }
   setErrorMessage() {
     if (this.inputReference.validity.valueMissing)
-      return _("requiredError", this.language);
+      return x("requiredError", this.language);
   }
   renderTooltip() {
     return this.showTooltip ? l("div", { class: `checkboxgroup__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (t) => this.tooltipReference = t, innerHTML: this.tooltip }) : null;
@@ -71,7 +71,7 @@ const at = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}vaadin
 ot.style = nt;
 const st = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.checkbox{font-family:"Roboto";font-style:normal}.checkbox__wrapper{display:flex;gap:10px;position:relative;align-items:baseline}.checkbox__wrapper--relative{position:relative}.checkbox__input{transform:scale(1.307, 1.307);margin-left:2px;accent-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.checkbox__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}.checkbox__label-text{font-size:16px}.checkbox__label a{color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.checkbox__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.checkbox__tooltip-icon{width:16px;height:auto}.checkbox__tooltip{position:absolute;top:0;right:20px;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}.checkbox__tooltip.visible{opacity:1}', lt = st, ut = class {
   constructor(t) {
-    z(this, t), this.sendValidityState = H(this, "sendValidityState", 7), this.sendInputValue = H(this, "sendInputValue", 7), this.value = "", this.setClientStyling = () => {
+    z(this, t), this.sendValidityState = H(this, "sendValidityState"), this.sendInputValue = H(this, "sendInputValue"), this.value = "", this.setClientStyling = () => {
       let i = document.createElement("style");
       i.innerHTML = this.clientStyling, this.stylingContainer.prepend(i);
     }, this.name = void 0, this.displayName = void 0, this.defaultValue = "", this.autofilled = void 0, this.tooltip = void 0, this.validation = void 0, this.language = void 0, this.emitValue = void 0, this.clientStyling = "", this.errorMessage = void 0, this.isValid = void 0, this.limitStylingAppends = !1, this.showTooltip = !1;
@@ -108,7 +108,7 @@ const st = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.check
   }
   setErrorMessage() {
     if (this.inputReference.validity.valueMissing)
-      return _("requiredError", this.language);
+      return x("requiredError", this.language);
   }
   renderLabel() {
     return l("label", { class: "checkbox__label", htmlFor: `${this.name}__input` }, l("div", { class: "checkbox__label-text", innerHTML: `${this.displayName} ${this.validation.mandatory ? "*" : ""}` }));
@@ -305,8 +305,6 @@ var wt = {
 };
 const K = wt;
 var te = {
-  am: "am",
-  pm: "pm",
   midnight: "midnight",
   noon: "noon",
   morning: "morning",
@@ -1025,11 +1023,11 @@ var Mt = {
     one: "almost 1 year",
     other: "almost {{count}} years"
   }
-}, Dt = function(i, r, a) {
+}, Pt = function(i, r, a) {
   var e, o = Mt[i];
   return typeof o == "string" ? e = o : r === 1 ? e = o.one : e = o.other.replace("{{count}}", r.toString()), a != null && a.addSuffix ? a.comparison && a.comparison > 0 ? "in " + e : e + " ago" : e;
 };
-const Pt = Dt;
+const Dt = Pt;
 function we(t) {
   return function() {
     var i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, r = i.width ? String(i.width) : t.defaultWidth, a = t.formats[r] || t.formats[t.defaultWidth];
@@ -1342,7 +1340,7 @@ var Xt = /^(\d+)(th|st|nd|rd)?/i, Kt = /\d+/i, Zt = {
 const ui = li;
 var di = {
   code: "en-US",
-  formatDistance: Pt,
+  formatDistance: Dt,
   formatLong: It,
   formatRelative: Ut,
   localize: Bt,
@@ -1536,7 +1534,7 @@ function _i(t, i) {
     return t;
   var r = t[Symbol.toPrimitive];
   if (r !== void 0) {
-    var a = r.call(t, i || "default");
+    var a = r.call(t, i);
     if (B(a) != "object")
       return a;
     throw new TypeError("@@toPrimitive must return a primitive value.");
@@ -1675,7 +1673,7 @@ var Ti = 10, Ze = /* @__PURE__ */ function() {
       return o.era = n, e.setUTCFullYear(n, 0, 1), e.setUTCHours(0, 0, 0, 0), e;
     }
   }]), r;
-}(b), Mi = 6e4, Di = 36e5, Pi = 1e3, D = {
+}(b), Mi = 6e4, Pi = 36e5, Di = 1e3, P = {
   month: /^(1[0-2]|0?\d)/,
   // 0 to 12
   date: /^(3[0-1]|[0-2]?\d)/,
@@ -1720,7 +1718,7 @@ var Ti = 10, Ze = /* @__PURE__ */ function() {
   extended: /^([+-])(\d{2}):(\d{2})|Z/,
   extendedOptionalSeconds: /^([+-])(\d{2}):(\d{2})(:(\d{2}))?|Z/
 };
-function P(t, i) {
+function D(t, i) {
   return t && {
     value: i(t.value),
     rest: t.rest
@@ -1744,23 +1742,23 @@ function N(t, i) {
     };
   var a = r[1] === "+" ? 1 : -1, e = r[2] ? parseInt(r[2], 10) : 0, o = r[3] ? parseInt(r[3], 10) : 0, n = r[5] ? parseInt(r[5], 10) : 0;
   return {
-    value: a * (e * Di + o * Mi + n * Pi),
+    value: a * (e * Pi + o * Mi + n * Di),
     rest: i.slice(r[0].length)
   };
 }
 function Je(t) {
-  return k(D.anyDigitsSigned, t);
+  return k(P.anyDigitsSigned, t);
 }
 function V(t, i) {
   switch (t) {
     case 1:
-      return k(D.singleDigit, i);
+      return k(P.singleDigit, i);
     case 2:
-      return k(D.twoDigits, i);
+      return k(P.twoDigits, i);
     case 3:
-      return k(D.threeDigits, i);
+      return k(P.threeDigits, i);
     case 4:
-      return k(D.fourDigits, i);
+      return k(P.fourDigits, i);
     default:
       return k(new RegExp("^\\d{1," + t + "}"), i);
   }
@@ -1768,13 +1766,13 @@ function V(t, i) {
 function me(t, i) {
   switch (t) {
     case 1:
-      return k(D.singleDigitSigned, i);
+      return k(P.singleDigitSigned, i);
     case 2:
-      return k(D.twoDigitsSigned, i);
+      return k(P.twoDigitsSigned, i);
     case 3:
-      return k(D.threeDigitsSigned, i);
+      return k(P.threeDigitsSigned, i);
     case 4:
-      return k(D.fourDigitsSigned, i);
+      return k(P.fourDigitsSigned, i);
     default:
       return k(new RegExp("^-?\\d{1," + t + "}"), i);
   }
@@ -1830,13 +1828,13 @@ var Ei = /* @__PURE__ */ function(t) {
       };
       switch (o) {
         case "y":
-          return P(V(4, e), s);
+          return D(V(4, e), s);
         case "yo":
-          return P(n.ordinalNumber(e, {
+          return D(n.ordinalNumber(e, {
             unit: "year"
           }), s);
         default:
-          return P(V(o.length, e), s);
+          return D(V(o.length, e), s);
       }
     }
   }, {
@@ -1877,13 +1875,13 @@ var Ei = /* @__PURE__ */ function(t) {
       };
       switch (o) {
         case "Y":
-          return P(V(4, e), s);
+          return D(V(4, e), s);
         case "Yo":
-          return P(n.ordinalNumber(e, {
+          return D(n.ordinalNumber(e, {
             unit: "year"
           }), s);
         default:
-          return P(V(o.length, e), s);
+          return D(V(o.length, e), s);
       }
     }
   }, {
@@ -2082,11 +2080,11 @@ var Ei = /* @__PURE__ */ function(t) {
       };
       switch (o) {
         case "M":
-          return P(k(D.month, e), s);
+          return D(k(P.month, e), s);
         case "MM":
-          return P(V(2, e), s);
+          return D(V(2, e), s);
         case "Mo":
-          return P(n.ordinalNumber(e, {
+          return D(n.ordinalNumber(e, {
             unit: "month"
           }), s);
         case "MMM":
@@ -2145,11 +2143,11 @@ var Ei = /* @__PURE__ */ function(t) {
       };
       switch (o) {
         case "L":
-          return P(k(D.month, e), s);
+          return D(k(P.month, e), s);
         case "LL":
-          return P(V(2, e), s);
+          return D(V(2, e), s);
         case "Lo":
-          return P(n.ordinalNumber(e, {
+          return D(n.ordinalNumber(e, {
             unit: "month"
           }), s);
         case "LLL":
@@ -2211,7 +2209,7 @@ var $i = /* @__PURE__ */ function(t) {
     value: function(e, o, n) {
       switch (o) {
         case "w":
-          return k(D.week, e);
+          return k(P.week, e);
         case "wo":
           return n.ordinalNumber(e, {
             unit: "week"
@@ -2252,7 +2250,7 @@ var qi = /* @__PURE__ */ function(t) {
     value: function(e, o, n) {
       switch (o) {
         case "I":
-          return k(D.week, e);
+          return k(P.week, e);
         case "Io":
           return n.ordinalNumber(e, {
             unit: "week"
@@ -2287,7 +2285,7 @@ var qi = /* @__PURE__ */ function(t) {
     value: function(e, o, n) {
       switch (o) {
         case "d":
-          return k(D.date, e);
+          return k(P.date, e);
         case "do":
           return n.ordinalNumber(e, {
             unit: "date"
@@ -2324,7 +2322,7 @@ var qi = /* @__PURE__ */ function(t) {
       switch (o) {
         case "D":
         case "DD":
-          return k(D.dayOfYear, e);
+          return k(P.dayOfYear, e);
         case "Do":
           return n.ordinalNumber(e, {
             unit: "date"
@@ -2443,9 +2441,9 @@ var Bi = /* @__PURE__ */ function(t) {
       switch (o) {
         case "e":
         case "ee":
-          return P(V(o.length, e), c);
+          return D(V(o.length, e), c);
         case "eo":
-          return P(n.ordinalNumber(e, {
+          return D(n.ordinalNumber(e, {
             unit: "day"
           }), c);
         case "eee":
@@ -2520,9 +2518,9 @@ var Bi = /* @__PURE__ */ function(t) {
       switch (o) {
         case "c":
         case "cc":
-          return P(V(o.length, e), c);
+          return D(V(o.length, e), c);
         case "co":
-          return P(n.ordinalNumber(e, {
+          return D(n.ordinalNumber(e, {
             unit: "day"
           }), c);
         case "ccc":
@@ -2610,7 +2608,7 @@ var Xi = /* @__PURE__ */ function(t) {
             unit: "day"
           });
         case "iii":
-          return P(n.day(e, {
+          return D(n.day(e, {
             width: "abbreviated",
             context: "formatting"
           }) || n.day(e, {
@@ -2621,12 +2619,12 @@ var Xi = /* @__PURE__ */ function(t) {
             context: "formatting"
           }), s);
         case "iiiii":
-          return P(n.day(e, {
+          return D(n.day(e, {
             width: "narrow",
             context: "formatting"
           }), s);
         case "iiiiii":
-          return P(n.day(e, {
+          return D(n.day(e, {
             width: "short",
             context: "formatting"
           }) || n.day(e, {
@@ -2635,7 +2633,7 @@ var Xi = /* @__PURE__ */ function(t) {
           }), s);
         case "iiii":
         default:
-          return P(n.day(e, {
+          return D(n.day(e, {
             width: "wide",
             context: "formatting"
           }) || n.day(e, {
@@ -2823,7 +2821,7 @@ var Xi = /* @__PURE__ */ function(t) {
     value: function(e, o, n) {
       switch (o) {
         case "h":
-          return k(D.hour12h, e);
+          return k(P.hour12h, e);
         case "ho":
           return n.ordinalNumber(e, {
             unit: "hour"
@@ -2859,7 +2857,7 @@ var Xi = /* @__PURE__ */ function(t) {
     value: function(e, o, n) {
       switch (o) {
         case "H":
-          return k(D.hour23h, e);
+          return k(P.hour23h, e);
         case "Ho":
           return n.ordinalNumber(e, {
             unit: "hour"
@@ -2894,7 +2892,7 @@ var Xi = /* @__PURE__ */ function(t) {
     value: function(e, o, n) {
       switch (o) {
         case "K":
-          return k(D.hour11h, e);
+          return k(P.hour11h, e);
         case "Ko":
           return n.ordinalNumber(e, {
             unit: "hour"
@@ -2930,7 +2928,7 @@ var Xi = /* @__PURE__ */ function(t) {
     value: function(e, o, n) {
       switch (o) {
         case "k":
-          return k(D.hour24h, e);
+          return k(P.hour24h, e);
         case "ko":
           return n.ordinalNumber(e, {
             unit: "hour"
@@ -2966,7 +2964,7 @@ var Xi = /* @__PURE__ */ function(t) {
     value: function(e, o, n) {
       switch (o) {
         case "m":
-          return k(D.minute, e);
+          return k(P.minute, e);
         case "mo":
           return n.ordinalNumber(e, {
             unit: "minute"
@@ -3001,7 +2999,7 @@ var Xi = /* @__PURE__ */ function(t) {
     value: function(e, o, n) {
       switch (o) {
         case "s":
-          return k(D.second, e);
+          return k(P.second, e);
         case "so":
           return n.ordinalNumber(e, {
             unit: "second"
@@ -3037,7 +3035,7 @@ var Xi = /* @__PURE__ */ function(t) {
       var n = function(c) {
         return Math.floor(c * Math.pow(10, -o.length + 3));
       };
-      return P(V(o.length, e), n);
+      return D(V(o.length, e), n);
     }
   }, {
     key: "set",
@@ -3209,18 +3207,18 @@ function fe(t, i, r, a) {
     weekStartsOn: ae,
     locale: j
   }, oe = [new Ci()], ge = q.match(fr).map(function(S) {
-    var x = S[0];
-    if (x in _e) {
-      var $ = _e[x];
+    var _ = S[0];
+    if (_ in _e) {
+      var $ = _e[_];
       return $(S, j.formatLong);
     }
     return S;
   }).join("").match(hr), I = [], L = Le(ge), Z;
   try {
     var it = function() {
-      var x = Z.value;
-      !(a != null && a.useAdditionalWeekYearTokens) && Ge(x) && pe(x, q, t), !(a != null && a.useAdditionalDayOfYearTokens) && ze(x) && pe(x, q, t);
-      var $ = x[0], he = cr[$];
+      var _ = Z.value;
+      !(a != null && a.useAdditionalWeekYearTokens) && Ge(_) && pe(_, q, t), !(a != null && a.useAdditionalDayOfYearTokens) && ze(_) && pe(_, q, t);
+      var $ = _[0], he = cr[$];
       if (he) {
         var Oe = he.incompatibleTokens;
         if (Array.isArray(Oe)) {
@@ -3228,14 +3226,14 @@ function fe(t, i, r, a) {
             return Oe.includes(He.token) || He.token === $;
           });
           if (Se)
-            throw new RangeError("The format string mustn't contain `".concat(Se.fullToken, "` and `").concat(x, "` at the same time"));
+            throw new RangeError("The format string mustn't contain `".concat(Se.fullToken, "` and `").concat(_, "` at the same time"));
         } else if (he.incompatibleTokens === "*" && I.length > 0)
-          throw new RangeError("The format string mustn't contain `".concat(x, "` and any other token at the same time"));
+          throw new RangeError("The format string mustn't contain `".concat(_, "` and any other token at the same time"));
         I.push({
           token: $,
-          fullToken: x
+          fullToken: _
         });
-        var be = he.run(F, x, j.match, ne);
+        var be = he.run(F, _, j.match, ne);
         if (!be)
           return {
             v: /* @__PURE__ */ new Date(NaN)
@@ -3244,8 +3242,8 @@ function fe(t, i, r, a) {
       } else {
         if ($.match(gr))
           throw new RangeError("Format string contains an unescaped latin alphabet character `" + $ + "`");
-        if (x === "''" ? x = "'" : $ === "'" && (x = yr(x)), F.indexOf(x) === 0)
-          F = F.slice(x.length);
+        if (_ === "''" ? _ = "'" : $ === "'" && (_ = yr(_)), F.indexOf(_) === 0)
+          F = F.slice(_.length);
         else
           return {
             v: /* @__PURE__ */ new Date(NaN)
@@ -3266,29 +3264,29 @@ function fe(t, i, r, a) {
     return /* @__PURE__ */ new Date(NaN);
   var rt = oe.map(function(S) {
     return S.priority;
-  }).sort(function(S, x) {
-    return x - S;
-  }).filter(function(S, x, $) {
-    return $.indexOf(S) === x;
+  }).sort(function(S, _) {
+    return _ - S;
+  }).filter(function(S, _, $) {
+    return $.indexOf(S) === _;
   }).map(function(S) {
-    return oe.filter(function(x) {
-      return x.priority === S;
-    }).sort(function(x, $) {
-      return $.subPriority - x.subPriority;
+    return oe.filter(function(_) {
+      return _.priority === S;
+    }).sort(function(_, $) {
+      return $.subPriority - _.subPriority;
     });
   }).map(function(S) {
     return S[0];
   }), ye = E(r);
   if (isNaN(ye.getTime()))
     return /* @__PURE__ */ new Date(NaN);
-  var se = qe(ye, Be(ye)), De = {}, de = Le(rt), Pe;
+  var se = qe(ye, Be(ye)), Pe = {}, de = Le(rt), De;
   try {
-    for (de.s(); !(Pe = de.n()).done; ) {
-      var Ee = Pe.value;
+    for (de.s(); !(De = de.n()).done; ) {
+      var Ee = De.value;
       if (!Ee.validate(se, ne))
         return /* @__PURE__ */ new Date(NaN);
-      var ce = Ee.set(se, De, ne);
-      Array.isArray(ce) ? (se = ce[0], bi(De, ce[1])) : se = ce;
+      var ce = Ee.set(se, Pe, ne);
+      Array.isArray(ce) ? (se = ce[0], bi(Pe, ce[1])) : se = ce;
     }
   } catch (S) {
     de.e(S);
@@ -3312,7 +3310,7 @@ function Ye(t, i) {
 }
 const br = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.date{font-family:"Roboto";font-style:normal}.date__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px;height:100%}.date__wrapper--autofilled{pointer-events:none}.date__wrapper--autofilled .date__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.date__wrapper--autofilled .date__input::part(input-field){color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.date__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.date__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));margin-left:2px}.date__input{border:none;width:inherit;position:relative}.date__input[focused]::part(input-field){border-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.date__input[invalid]::part(input-field){border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.date__input::part(input-field){border-radius:4px;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));font-family:inherit;font-style:normal;font-size:16px;font-weight:300;line-height:1.5;padding:0;height:44px}.date__input>input{padding:5px 15px}.date__input::part(toggle-button){position:relative;right:10px}.date__error-message{position:absolute;top:calc(100% + 5px);left:0;color:rgba(204, 0, 0, 0.7019607843)}.date__tooltip-icon{position:absolute;right:0;bottom:10px}.date__tooltip{position:absolute;bottom:35px;right:10px;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}.date__tooltip.visible{opacity:1}', wr = br, _r = class {
   constructor(t) {
-    z(this, t), this.sendValidityState = H(this, "sendValidityState", 7), this.sendInputValue = H(this, "sendInputValue", 7), this.touched = !1, this.formatDate = (i) => {
+    z(this, t), this.sendValidityState = H(this, "sendValidityState"), this.sendInputValue = H(this, "sendInputValue"), this.touched = !1, this.formatDate = (i) => {
       const { year: r, month: a, day: e } = i, o = new Date(r, a, e);
       return mi(o, this.dateFormat || "yyyy-MM-dd");
     }, this.parseDate = (i) => {
@@ -3368,11 +3366,11 @@ const br = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.date{
   }
   setErrorMessage() {
     if (Ye(this.valueAsDate, this.minDate) || $e(this.valueAsDate, this.maxDate))
-      return _("dateError2", this.language);
+      return x("dateError2", this.language);
     if (this.inputReference.validity.rangeUnderflow || this.inputReference.validity.rangeOverflow)
-      return _("dateError", this.language, { values: { min: this.validation.min, max: this.validation.max } });
+      return x("dateError", this.language, { values: { min: this.validation.min, max: this.validation.max } });
     if (this.inputReference.validity.valueMissing)
-      return _("requiredError", this.language);
+      return x("requiredError", this.language);
   }
   renderTooltip() {
     return this.showTooltip ? l("div", { class: `date__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (t) => this.tooltipReference = t, innerHTML: this.tooltip }) : null;
@@ -3395,7 +3393,7 @@ const br = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.date{
 _r.style = wr;
 const xr = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.email{font-family:"Roboto";font-style:normal}.email__wrapper{position:relative;width:100%}.email__wrapper--autofilled{pointer-events:none}.email__wrapper--autofilled .email__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.email__wrapper--autofilled .email__input{color:var(--emw--color-black, #000000)}.email__wrapper--flex{display:flex;gap:5px}.email__wrapper--relative{position:relative}.email__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.email__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));margin-left:2px}.email__input{font-family:inherit;border-radius:4px;width:100%;height:40px;border:2px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--color-black, #000000);border-radius:5px;box-sizing:border-box;font-size:16px;font-weight:300;line-height:1.5;padding:10px}.email__input:focus{outline-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.email__input--invalid{border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.email__input::placeholder{color:var(--emw--color-gray-150, #828282)}.email__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.email__tooltip-icon{width:16px;height:auto}.email__tooltip{position:absolute;top:0;left:20px;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}.email__tooltip.visible{opacity:1}', Tr = xr, kr = class {
   constructor(t) {
-    z(this, t), this.sendValidityState = H(this, "sendValidityState", 7), this.sendInputValue = H(this, "sendInputValue", 7), this.validationPattern = "", this.touched = !1, this.handleInput = (i) => {
+    z(this, t), this.sendValidityState = H(this, "sendValidityState"), this.sendInputValue = H(this, "sendInputValue"), this.validationPattern = "", this.touched = !1, this.handleInput = (i) => {
       this.value = i.target.value, this.touched = !0, this.debounceTime && clearTimeout(this.debounceTime), this.debounceTime = setTimeout(() => {
         this.isValid = this.setValidity(), this.errorMessage = this.setErrorMessage(), this.emitValueHandler(!0);
       }, 500);
@@ -3448,15 +3446,15 @@ const xr = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.email
     var t, i, r, a;
     if (this.inputReference.validity.patternMismatch) {
       const e = (t = this.validation.custom.find((n) => n.rule === "regex")) === null || t === void 0 ? void 0 : t.errorKey, o = (i = this.validation.custom.find((n) => n.rule === "regex")) === null || i === void 0 ? void 0 : i.errorMessage;
-      return _(`${e}`, this.language) ? _(`${e}`, this.language) : o;
+      return x(`${e}`, this.language) ? x(`${e}`, this.language) : o;
     }
     if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong)
-      return _("lengthError", this.language, { values: { minLength: this.validation.minLength, maxLength: this.validation.maxLength } });
+      return x("lengthError", this.language, { values: { minLength: this.validation.minLength, maxLength: this.validation.maxLength } });
     if (this.inputReference.validity.valueMissing)
-      return _("requiredError", this.language);
+      return x("requiredError", this.language);
     if (this.isDuplicateInput && this.duplicateInputValue !== this.value) {
       const e = (r = this.validation.custom.find((n) => n.rule === "duplicate-input")) === null || r === void 0 ? void 0 : r.errorKey, o = (a = this.validation.custom.find((n) => n.rule === "duplicate-input")) === null || a === void 0 ? void 0 : a.errorMessage;
-      return _(`${e}`, this.language) ? _(`${e}`, this.language) : o;
+      return x(`${e}`, this.language) ? x(`${e}`, this.language) : o;
     }
   }
   renderTooltip() {
@@ -3477,7 +3475,7 @@ const xr = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.email
 kr.style = Tr;
 const Cr = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.number{font-family:"Roboto";font-style:normal}.number__wrapper{position:relative;width:100%}.number__wrapper--autofilled{pointer-events:none}.number__wrapper--autofilled .number__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.number__wrapper--autofilled .number__input{color:var(--emw--color-black, #000000)}.number__wrapper--flex{display:flex;gap:5px}.number__wrapper--relative{position:relative}.number__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.number__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));margin-left:2px}.number__input{font-family:inherit;border-radius:5px;width:100%;height:44px;border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--color-black, #000000);border-radius:5px;box-sizing:border-box;padding:5px 15px;font-size:16px;line-height:18px;position:relative;-moz-appearance:textfield;}.number__input:focus{outline-color:#3E3E3E}.number__input::-webkit-outer-spin-button,.number__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number__input--invalid{border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.number__input::placeholder{color:#979797}.number__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.number__tooltip-icon{width:16px;height:auto}.number__tooltip{position:absolute;top:0;left:20px;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}.number__tooltip.visible{opacity:1}', Vr = Cr, Mr = class {
   constructor(t) {
-    z(this, t), this.sendValidityState = H(this, "sendValidityState", 7), this.sendInputValue = H(this, "sendInputValue", 7), this.validationPattern = "", this.touched = !1, this.handleInput = (i) => {
+    z(this, t), this.sendValidityState = H(this, "sendValidityState"), this.sendInputValue = H(this, "sendInputValue"), this.validationPattern = "", this.touched = !1, this.handleInput = (i) => {
       this.value = i.target.value, this.touched = !0, this.debounceTime && clearTimeout(this.debounceTime), this.debounceTime = setTimeout(() => {
         this.isValid = this.setValidity(), this.errorMessage = this.setErrorMessage(), this.emitValueHandler(!0);
       }, 500);
@@ -3527,12 +3525,12 @@ const Cr = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.numbe
     var t, i;
     if (this.inputReference.validity.patternMismatch) {
       const r = (t = this.validation.custom.find((e) => e.rule === "regex")) === null || t === void 0 ? void 0 : t.errorKey, a = (i = this.validation.custom.find((e) => e.rule === "regex")) === null || i === void 0 ? void 0 : i.errorMessage;
-      return _(`${r}`, this.language) ? _(`${r}`, this.language) : a;
+      return x(`${r}`, this.language) ? x(`${r}`, this.language) : a;
     }
     if (this.inputReference.validity.rangeUnderflow || this.inputReference.validity.rangeOverflow)
-      return _("numberLengthError", this.language, { values: { min: this.validation.min, max: this.validation.max } });
+      return x("numberLengthError", this.language, { values: { min: this.validation.min, max: this.validation.max } });
     if (this.inputReference.validity.valueMissing)
-      return _("requiredError", this.language);
+      return x("requiredError", this.language);
   }
   renderTooltip() {
     return this.showTooltip ? l("div", { class: `number__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (t) => this.tooltipReference = t, innerHTML: this.tooltip }) : null;
@@ -3550,9 +3548,9 @@ const Cr = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.numbe
   }
 };
 Mr.style = Vr;
-const Dr = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.radio__fieldset{border:none;position:relative}.radio__wrapper{display:flex;gap:5px}.radio__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.radio__tooltip-icon{position:absolute;right:0;bottom:10px}.radio__tooltip{position:absolute;bottom:35px;right:10px;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}.radio__tooltip.visible{opacity:1}", Pr = Dr, Er = class {
+const Pr = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.radio__fieldset{border:none;position:relative}.radio__wrapper{display:flex;gap:5px}.radio__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.radio__tooltip-icon{position:absolute;right:0;bottom:10px}.radio__tooltip{position:absolute;bottom:35px;right:10px;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}.radio__tooltip.visible{opacity:1}", Dr = Pr, Er = class {
   constructor(t) {
-    z(this, t), this.sendInputValue = H(this, "sendInputValue", 7), this.sendValidityState = H(this, "sendValidityState", 7), this.setClientStyling = () => {
+    z(this, t), this.sendInputValue = H(this, "sendInputValue"), this.sendValidityState = H(this, "sendValidityState"), this.setClientStyling = () => {
       let i = document.createElement("style");
       i.innerHTML = this.clientStyling, this.stylingContainer.prepend(i);
     }, this.name = void 0, this.displayName = void 0, this.optionsGroup = void 0, this.validation = void 0, this.tooltip = void 0, this.language = void 0, this.emitValue = void 0, this.clientStyling = "", this.errorMessage = void 0, this.isValid = void 0, this.limitStylingAppends = !1, this.showTooltip = !1;
@@ -3586,7 +3584,7 @@ const Dr = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.radio
   }
   setErrorMessage() {
     if (this.inputReference.validity.valueMissing)
-      return _("requiredError", this.language);
+      return x("requiredError", this.language);
   }
   renderTooltip() {
     return this.showTooltip ? l("div", { class: `radio__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (t) => this.tooltipReference = t, innerHTML: this.tooltip }) : null;
@@ -3602,10 +3600,10 @@ const Dr = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.radio
     };
   }
 };
-Er.style = Pr;
+Er.style = Dr;
 const Or = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}:host{height:100%}vaadin-combo-box>input{background-color:var(--emw--color-white, #FFFFFF);color:var(--emw--registration-typography, var(--emw--color-black, #000000));font-weight:300;font-size:16px;-webkit-font-smoothing:initial;}.select{font-family:"Roboto";font-style:normal}.select__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px}.select__wrapper--autofilled{pointer-events:none}.select__wrapper--autofilled .select__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.select__wrapper--autofilled .select__input::part(input-field){color:var(--emw--color-black, #000000)}.select__wrapper--flex{display:flex;gap:5px}.select__wrapper--relative{position:relative}.select__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.select__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));margin-left:2px}.select__input{border:none;width:inherit;position:relative}.select__input[focused]::part(input-field){border-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.select__input[invalid]::part(input-field){border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.select__input vaadin-date-picker-overlay-content>vaadin-button{color:var(--emw--color-black, #000000)}.select__input::part(input-field){border-radius:4px;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--color-black, #000000);font-family:inherit;font-style:normal;font-size:16px;font-weight:300;line-height:1.5;padding:0;height:44px}.select__input::part(toggle-button){position:relative;right:10px}.select__input>input{padding:5px 15px}.select__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.select__tooltip-icon{width:16px;height:auto}.select__tooltip{position:absolute;top:0;left:20px;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}.select__tooltip.visible{opacity:1}', Sr = Or, Hr = class {
   constructor(t) {
-    z(this, t), this.sendValidityState = H(this, "sendValidityState", 7), this.sendInputValue = H(this, "sendInputValue", 7), this.touched = !1, this.handleChange = (i) => {
+    z(this, t), this.sendValidityState = H(this, "sendValidityState"), this.sendInputValue = H(this, "sendInputValue"), this.touched = !1, this.handleChange = (i) => {
       this.touched = !0;
       const r = i.target.value, a = this.options.find((e) => e.value.toLowerCase() === r.toLowerCase());
       a ? this.value = a.value : this.value = r, this.isValid = this.setValidity(), this.errorMessage = this.setErrorMessage(), this.emitValueHandler(!0);
@@ -3670,7 +3668,7 @@ const Or = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}:host{
   }
   setErrorMessage() {
     if (this.inputReference.validity.valueMissing)
-      return _("requiredError", this.language);
+      return x("requiredError", this.language);
   }
   renderTooltip() {
     return this.showTooltip ? l("div", { class: `select__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (t) => this.tooltipReference = t, innerHTML: this.tooltip }) : null;
@@ -3693,7 +3691,7 @@ const Or = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}:host{
 Hr.style = Sr;
 const Ir = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.tel{font-family:"Roboto";font-style:normal}.tel__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px}.tel__wrapper--autofilled{pointer-events:none}.tel__wrapper--autofilled .tel__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.tel__wrapper--autofilled .tel__input::part(input-field){color:var(--emw--color-black, #000000)}.tel__wrapper--flex{width:inherit;display:flex;align-items:center;border-radius:4px;border:1px solid var(--emw--color-gray-100, #E6E6E6);background-color:var(--emw--color-white, #FFFFFF);overflow:hidden}.tel__wrapper--flex:focus-within{border-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.tel__wrapper--flex--invalid{border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.tel__wrapper--flex-label{display:flex;gap:5px}.tel__wrapper--flex--relative{position:relative}.tel__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.tel__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));margin-left:2px}.tel__prefix{--vaadin-field-default-width:90px}.tel__prefix[focus]{outline:none}.tel__prefix::part(input-field){border-radius:0 5px 5px 0;background-color:var(--emw--color-white, #FFFFFF);color:var(--emw--color-black, #000000);font-family:inherit;font-style:normal;font-weight:300;font-size:16px;line-height:1.5;border:none;border-right:2px solid #DDE0EE;border-image-source:linear-gradient(to bottom, rgba(221, 224, 238, 0) 25%, rgb(221, 224, 238) 25%, rgb(221, 224, 238) 75%, rgba(221, 224, 238, 0) 75%);border-image-slice:1;border-image-repeat:round}.tel__prefix::part(input-field):hover{background-color:var(--emw--color-white, #FFFFFF)}.tel__prefix::part(toggle-button){color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.tel__input{font-family:inherit;border-radius:5px;width:100%;color:var(--emw--registration-typography, var(--emw--color-black, #000000));background-color:var(--emw--color-white, #FFFFFF);border:none;width:inherit;position:relative;font-size:16px;font-weight:300;line-height:1.5;padding:5px 15px;height:42px;-moz-appearance:textfield;}.tel__input:focus{outline:none}.tel__input::-webkit-outer-spin-button,.tel__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tel__input::placeholder{color:var(--emw--color-gray-150, #979797)}.tel__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.tel__tooltip-icon{width:16px;height:auto}.tel__tooltip{position:absolute;top:0;left:20px;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}.tel__tooltip.visible{opacity:1}', Fr = Ir, Rr = class {
   constructor(t) {
-    z(this, t), this.sendValidityState = H(this, "sendValidityState", 7), this.sendInputValue = H(this, "sendInputValue", 7), this.validationPattern = "", this.touched = !1, this.handleInput = (i) => {
+    z(this, t), this.sendValidityState = H(this, "sendValidityState"), this.sendInputValue = H(this, "sendInputValue"), this.validationPattern = "", this.touched = !1, this.handleInput = (i) => {
       this.phoneValue = i.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);
       }, 500);
@@ -3764,12 +3762,12 @@ const Ir = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.tel{f
     var t, i;
     if (this.inputReference.validity.patternMismatch) {
       const r = (t = this.validation.custom.find((e) => e.rule === "regex")) === null || t === void 0 ? void 0 : t.errorKey, a = (i = this.validation.custom.find((e) => e.rule === "regex")) === null || i === void 0 ? void 0 : i.errorMessage;
-      return _(`${r}`, this.language) ? _(`${r}`, this.language) : a;
+      return x(`${r}`, this.language) ? x(`${r}`, this.language) : a;
     }
     if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong)
-      return _("lengthError", this.language, { values: { minLength: this.validation.minLength, maxLength: this.validation.maxLength } });
+      return x("lengthError", this.language, { values: { minLength: this.validation.minLength, maxLength: this.validation.maxLength } });
     if (this.inputReference.validity.valueMissing)
-      return _("requiredError", this.language);
+      return x("requiredError", this.language);
   }
   renderTooltip() {
     return this.showTooltip ? l("div", { class: `tel__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (t) => this.tooltipReference = t, innerHTML: this.tooltip }) : null;
@@ -3789,7 +3787,7 @@ const Ir = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.tel{f
 Rr.style = Fr;
 const Ur = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.text{font-family:"Roboto";font-style:normal}.text__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px;height:100%}.text__wrapper--autofilled{pointer-events:none}.text__wrapper--autofilled .text__label{color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.text__wrapper--autofilled .text__input::part(input-field){color:var(--emw--color-black, #000000)}.text__wrapper--flex{display:flex;gap:5px}.text__wrapper--relative{position:relative}.text__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emw--registration-typography, var(--emw--color-black, #000000))}.text__label--required::after{content:"*";font-family:inherit;color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C));margin-left:2px}.text__input{font-family:inherit;width:100%;height:44px;border:1px solid var(--emw--color-gray-100, #E6E6E6);background-color:var(--emw--color-white, #FFFFFF);color:var(--emw--color-black, #000000);border-radius:5px;font-size:16px;font-weight:300;line-height:1.5;padding:5px 15px}.text__input:focus{border:1px solid var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.text__input--invalid{border:1px solid var(--emw--color-error, var(--emw--color-red, #ed0909))}.text__input::placeholder{color:var(--emw--color-gray-150, #828282)}.text__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.text__tooltip-icon{width:16px;height:auto}.text__tooltip{position:absolute;top:0;left:20px;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}.text__tooltip.visible{opacity:1}', Lr = Ur, $r = class {
   constructor(t) {
-    z(this, t), this.sendValidityState = H(this, "sendValidityState", 7), this.sendInputValue = H(this, "sendInputValue", 7), this.value = "", this.validationPattern = "", this.duplicateInputValue = null, this.touched = !1, this.handleInput = (i) => {
+    z(this, t), this.sendValidityState = H(this, "sendValidityState"), this.sendInputValue = H(this, "sendInputValue"), this.value = "", this.validationPattern = "", this.duplicateInputValue = null, this.touched = !1, this.handleInput = (i) => {
       this.value = i.target.value, this.touched = !0, this.debounceTime && clearTimeout(this.debounceTime), this.debounceTime = setTimeout(() => {
         this.isValid = this.setValidity(), this.errorMessage = this.setErrorMessage(), this.validityStateHandler({ valid: this.isValid, name: this.name }), this.emitValueHandler(!0);
       }, 500);
@@ -3821,6 +3819,9 @@ const Ur = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.text{
   valueChangedHandler(t) {
     this.isDuplicateInput && this.name === t.detail.name + "Duplicate" && (this.duplicateInputValue = t.detail.value, this.touched && (this.isValid = this.setValidity(), this.errorMessage = this.setErrorMessage())), this.name === t.detail.name + "Duplicate" && this.name.replace("Duplicate", "") === t.detail.name && this.touched === !0 && (this.isValid = this.setValidity(), this.errorMessage = this.setErrorMessage());
   }
+  handleValidationChange(t) {
+    t.detail.field === this.name && (this.validation = t.detail.validation, this.validationPattern = this.setPattern(), this.touched && (this.isValid = this.setValidity(), this.errorMessage = this.setErrorMessage()));
+  }
   connectedCallback() {
     this.validationPattern = this.setPattern();
   }
@@ -3832,7 +3833,7 @@ const Ur = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.text{
   }
   setValidity() {
     var t;
-    return this.isDuplicateInput && this.duplicateInputValue !== this.value ? !1 : (t = this.inputReference) === null || t === void 0 ? void 0 : t.validity.valid;
+    return this.isDuplicateInput && this.duplicateInputValue !== this.value ? !1 : ((t = this.inputReference) === null || t === void 0 ? void 0 : t.validity.valid) && this.inputReference.value.match(this.validationPattern) != null;
   }
   setPattern() {
     var t, i;
@@ -3841,17 +3842,17 @@ const Ur = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.text{
   }
   setErrorMessage() {
     var t, i, r, a;
-    if (this.inputReference.validity.patternMismatch) {
+    if (this.inputReference.value.match(this.validationPattern) == null) {
       const e = (t = this.validation.custom.find((n) => n.rule === "regex")) === null || t === void 0 ? void 0 : t.errorKey, o = (i = this.validation.custom.find((n) => n.rule === "regex")) === null || i === void 0 ? void 0 : i.errorMessage;
-      return _(`${e}`, this.language) ? _(`${e}`, this.language) : o;
+      return x(`${e}`, this.language) || o;
     }
     if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong)
-      return _("lengthError", this.language, { values: { minLength: this.validation.minLength, maxLength: this.validation.maxLength } });
+      return x("lengthError", this.language, { values: { minLength: this.validation.minLength, maxLength: this.validation.maxLength } });
     if (this.inputReference.validity.valueMissing)
-      return _("requiredError", this.language);
+      return x("requiredError", this.language);
     if (this.isDuplicateInput && this.duplicateInputValue !== this.value) {
       const e = (r = this.validation.custom.find((n) => n.rule === "duplicate-input")) === null || r === void 0 ? void 0 : r.errorKey, o = (a = this.validation.custom.find((n) => n.rule === "duplicate-input")) === null || a === void 0 ? void 0 : a.errorMessage;
-      return _(`${e}`, this.language) ? _(`${e}`, this.language) : o;
+      return x(`${e}`, this.language) ? x(`${e}`, this.language) : o;
     }
   }
   renderTooltip() {
@@ -3859,7 +3860,7 @@ const Ur = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.text{
   }
   render() {
     let t = "";
-    return this.touched && (t = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), l("div", { key: "e297f841a57c6acf854535a786916aa641831556", class: `text__wrapper ${this.name}__input ${this.autofilled ? "text__wrapper--autofilled" : ""}`, ref: (i) => this.stylingContainer = i }, l("div", { key: "7fd284a58e58d5c61a03caf4cc317b8dd9dbd82f", class: "text__wrapper--flex" }, l("label", { key: "f80a2003386ec867e5310190a7568105c2912569", class: `text__label  ${this.validation.mandatory ? "text__label--required" : ""}`, htmlFor: `${this.name}__input` }, this.displayName), l("div", { key: "e8f5197bd370100406d600be5a336f85f4c6934d", class: "text__wrapper--relative" }, this.tooltip && l("img", { key: "ff8c38fe3495a41a41ac4a1569169ce26a1ec9ce", class: "text__tooltip-icon", src: G, alt: "", ref: (i) => this.tooltipIconReference = i, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), l("input", { key: "581106e515810ab43f7d6b6eda504ccf23906b0e", name: this.name, id: `${this.name}__input`, value: this.defaultValue, type: "text", class: `text__input ${t}`, placeholder: `${this.placeholder}`, ref: (i) => this.inputReference = i, readOnly: this.autofilled, pattern: this.validationPattern, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, onInput: this.handleInput, onBlur: this.handleBlur }), l("small", { key: "20620710026982d5fb670a3173bab57a7fa9e7ce", class: "text__error-message" }, this.errorMessage));
+    return this.touched && (t = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), l("div", { key: "3050f7be1581f0cd5b5e1ce708a789b5e7a54b03", class: `text__wrapper ${this.name}__input ${this.autofilled ? "text__wrapper--autofilled" : ""}`, ref: (i) => this.stylingContainer = i }, l("div", { key: "9dcc93fb8c091c599269454ab21c03c2380ffef7", class: "text__wrapper--flex" }, l("label", { key: "0054347b1a4de17ea60b898783de0ef6b42233ee", class: `text__label  ${this.validation.mandatory ? "text__label--required" : ""}`, htmlFor: `${this.name}__input` }, this.displayName), l("div", { key: "b4655608e397f8d2a8179c01521756bf87746ace", class: "text__wrapper--relative" }, this.tooltip && l("img", { key: "c71c1ca1175d11ec352eca5cff216bb244aa7895", class: "text__tooltip-icon", src: G, alt: "", ref: (i) => this.tooltipIconReference = i, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), l("input", { key: "2df3c181c5ca725e121c0878a10ca257da7cdd34", name: this.name, id: `${this.name}__input`, value: this.defaultValue, type: "text", class: `text__input ${t}`, placeholder: `${this.placeholder}`, ref: (i) => this.inputReference = i, readOnly: this.autofilled, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, onInput: this.handleInput, onBlur: this.handleBlur }), l("small", { key: "5785eb51774c9159e474fbdbd5be0c1ab2a57899", class: "text__error-message" }, this.errorMessage));
   }
   static get watchers() {
     return {