@everymatrix/player-account-controller 1.87.12 → 1.87.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/{PlayerAccountController-CbOzO8Ni.js → PlayerAccountController-Bo93smVL.js} +1 -1
- package/components/{PlayerAccountController-BRiCVO6h.cjs → PlayerAccountController-DAgGtJ1L.cjs} +1 -1
- package/components/{PlayerAccountController-BoVPPe66.js → PlayerAccountController-DBoFEIuC.js} +1 -1
- package/es2015/player-account-controller.cjs +1 -1
- package/es2015/player-account-controller.js +1 -1
- package/esnext/player-account-controller.js +1 -1
- package/package.json +1 -1
- package/stencil/{checkbox-group-input_16-DNc1Z554.js → checkbox-group-input_16-CIOwNI-_.js} +13 -13
- package/stencil/{checkbox-group-input_16-BM-g2N8W.cjs → checkbox-group-input_16-Cimhutlk.cjs} +4 -4
- package/stencil/{checkbox-group-input_16-BUivzy6f.js → checkbox-group-input_16-DcLmsk8s.js} +13 -13
- package/stencil/{index-c666b6e6-BiJBH2Xs.js → index-c666b6e6-BLkL9ZUb.js} +1 -1
- package/stencil/{index-c666b6e6-DQGFr0KU.cjs → index-c666b6e6-DeFv7drR.cjs} +1 -1
- package/stencil/{index-c666b6e6-obVBSBkL.js → index-c666b6e6-or_9Zlgg.js} +1 -1
- package/stencil/{pam-change-password-6b535bd5-ezN4H1K9.cjs → pam-change-password-6b535bd5-1TPtwA4e.cjs} +1 -1
- package/stencil/{pam-change-password-6b535bd5-CDJNjAE8.js → pam-change-password-6b535bd5-BPfRsti7.js} +1 -1
- package/stencil/{pam-change-password-6b535bd5-DkODkxiE.js → pam-change-password-6b535bd5-CU-D20Ec.js} +1 -1
- package/stencil/{pam-change-password-BQYPRXDn.js → pam-change-password-CzHezJCX.js} +1 -1
- package/stencil/{pam-change-password-oFVUm4kY.js → pam-change-password-DATX16yV.js} +1 -1
- package/stencil/{pam-change-password-C3WnHPqo.cjs → pam-change-password-KthmrwKZ.cjs} +1 -1
package/components/{PlayerAccountController-BoVPPe66.js → PlayerAccountController-DBoFEIuC.js}
RENAMED
|
@@ -2,7 +2,7 @@ import { $ as K, E as Ei, a as Si, A as Ci, S as Pi, i as Di, s as Li, f as m, b
|
|
|
2
2
|
import "../stencil/user-deposit-withdrawal-DmXcotOq.js";
|
|
3
3
|
import "../stencil/player-kyc-verification-BUKoBt3P.js";
|
|
4
4
|
import "../stencil/user-transaction-history-CcfxBfFN.js";
|
|
5
|
-
import "../stencil/pam-change-password-
|
|
5
|
+
import "../stencil/pam-change-password-DATX16yV.js";
|
|
6
6
|
function qi({ withLocale: l, translations: e }) {
|
|
7
7
|
K.subscribe((n) => {
|
|
8
8
|
n == null && (Ei.set(e), K.set(l));
|
|
@@ -1 +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-
|
|
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-DAgGtJ1L.cjs")).then(({default:t})=>{!customElements.get("player-account-controller")&&customElements.define("player-account-controller",t.element)})}
|
|
@@ -10,7 +10,7 @@ if (typeof window != "undefined") {
|
|
|
10
10
|
}
|
|
11
11
|
};
|
|
12
12
|
};
|
|
13
|
-
customElements.define = n(customElements.define), import("../components/PlayerAccountController-
|
|
13
|
+
customElements.define = n(customElements.define), import("../components/PlayerAccountController-Bo93smVL.js").then(({ default: t }) => {
|
|
14
14
|
!customElements.get("player-account-controller") && customElements.define("player-account-controller", t.element);
|
|
15
15
|
});
|
|
16
16
|
}
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { r as ee, c as P, h as u, g as Vt, H as Io } from "./index-c666b6e6-
|
|
2
|
-
import { P as d_ } from "./pam-change-password-6b535bd5-
|
|
1
|
+
import { r as ee, c as P, h as u, g as Vt, H as Io } from "./index-c666b6e6-BLkL9ZUb.js";
|
|
2
|
+
import { P as d_ } from "./pam-change-password-6b535bd5-BPfRsti7.js";
|
|
3
3
|
const Ns = "en", To = {
|
|
4
4
|
en: {
|
|
5
5
|
dateError: "The selected date should be between {min} and {max}",
|
|
@@ -3645,7 +3645,7 @@ const Qd = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.date{
|
|
|
3645
3645
|
}
|
|
3646
3646
|
render() {
|
|
3647
3647
|
let i = "";
|
|
3648
|
-
return this.touched && (i = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), u("div", { key: "9399c1be2edcbe3ed5c0e133cad52b1917e77e96", class: `date__wrapper ${this.autofilled ? "date__wrapper--autofilled" : ""} ${this.name}__input`, ref: (e) => this.stylingContainer = e }, u("label", { key: "1094491a5fc441c4f704441d376ed965d6946637", class: `date__label ${this.validation.mandatory ? "date__label--required" : ""}}`, htmlFor: `${this.name}__input` }, this.displayName, " ", this.validation.mandatory ? "
|
|
3648
|
+
return this.touched && (i = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), u("div", { key: "9399c1be2edcbe3ed5c0e133cad52b1917e77e96", class: `date__wrapper ${this.autofilled ? "date__wrapper--autofilled" : ""} ${this.name}__input`, ref: (e) => this.stylingContainer = e }, u("label", { key: "1094491a5fc441c4f704441d376ed965d6946637", class: `date__label ${this.validation.mandatory ? "date__label--required" : ""}}`, htmlFor: `${this.name}__input` }, this.displayName, u("span", { key: "14dd041cce018e22d82919f46eabc88f83e639e8", class: this.validation.mandatory ? "date__label--required" : "" })), u("vaadin-date-picker", { key: "eb720200d8d2b07ab00bca70c8e4a25dfc5cd08f", id: `${this.name}__input`, type: "date", class: `date__input ${i}`, value: this.defaultValue, readOnly: this.autofilled, placeholder: `${this.placeholder}`, required: this.validation.mandatory, max: this.validation.max, min: this.validation.min, onChange: (e) => this.handleInput(e) }), u("small", { key: "eedeea67c67bdc92ae1bb3e79cab745384bb0db7", class: "date__error-message" }, this.errorMessage), this.tooltip && u("img", { key: "2b9cbbb972e4d07124a3d548eb932a26a44f75f3", class: "date__tooltip-icon", src: de, alt: "", ref: (e) => this.tooltipIconReference = e, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip());
|
|
3649
3649
|
}
|
|
3650
3650
|
get element() {
|
|
3651
3651
|
return Vt(this);
|
|
@@ -3732,7 +3732,7 @@ const eh = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.email
|
|
|
3732
3732
|
}
|
|
3733
3733
|
render() {
|
|
3734
3734
|
let i = "";
|
|
3735
|
-
return this.touched && (i = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), u("div", { key: "
|
|
3735
|
+
return this.touched && (i = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), u("div", { key: "723df8f3a6e8c57fe19082400971daf50f5c981d", class: `email__wrapper ${this.autofilled ? "number__wrapper--autofilled" : ""} ${this.name}__input`, ref: (e) => this.stylingContainer = e }, u("div", { key: "581d6e02b63d1c659ae44424518f64db450d5365", class: "email__wrapper--flex" }, u("label", { key: "11e6a848f6f04903989b3ab2075865f6e279c087", class: `email__label ${this.validation.mandatory ? "email__label--required" : ""}`, htmlFor: `${this.name}__input` }, this.displayName), u("div", { key: "73e11520cffbddda1a2aeb4b560e7f4cf456e2fb", class: "email__wrapper--relative" }, this.tooltip && u("img", { key: "e8571ce14b9b98311daf1712ebde7d6da9b5a6a6", class: "email__tooltip-icon", src: de, alt: "", ref: (e) => this.tooltipIconReference = e, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), u("input", { key: "dd05ef0b4d906598c6d5775a78ccbdc9ea81cb8c", id: `${this.name}__input`, type: "email", class: `email__input ${i}`, value: this.defaultValue, readOnly: this.autofilled, placeholder: `${this.placeholder}`, ref: (e) => this.inputReference = e, pattern: this.validationPattern, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, onInput: this.handleInput, onBlur: this.handleBlur }), u("small", { key: "0d2d41207f8274d8c6f69143131265ef5b458689", class: "email__error-message" }, this.errorMessage));
|
|
3736
3736
|
}
|
|
3737
3737
|
static get watchers() {
|
|
3738
3738
|
return {
|
|
@@ -19626,7 +19626,7 @@ const Pf = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.numbe
|
|
|
19626
19626
|
}
|
|
19627
19627
|
render() {
|
|
19628
19628
|
let i = "";
|
|
19629
|
-
return this.touched && (i = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), u("div", { key: "
|
|
19629
|
+
return this.touched && (i = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), u("div", { key: "aea370172d0e55d32dc665a1c340c734334e1caf", class: `number__wrapper ${this.autofilled ? "number__wrapper--autofilled" : ""} ${this.name}__input`, ref: (e) => this.stylingContainer = e }, u("div", { key: "10e16d10b956c5a647bc68ecffbc2eb0b06fa92a", class: "number__wrapper--flex" }, u("label", { key: "0827d47c7278c6fdf8ebdd1dff03b91c39be6812", class: `number__label ${this.validation.mandatory ? "number__label--required" : ""}`, htmlFor: `${this.name}__input` }, this.displayName), u("div", { key: "cb868d01e8555f5e3333240f54d86f0a56641d0f", class: "number__wrapper--relative" }, this.tooltip && u("img", { key: "1aa2b16b59f4bfd4b1dadf2641ec6cb4cfc251bf", class: "number__tooltip-icon", src: de, alt: "", ref: (e) => this.tooltipIconReference = e, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), u("input", { key: "365b70a2eb333878d367d1d414ee0e296c91b3ec", ref: (e) => this.inputReference = e, type: "number", value: this.defaultValue, readOnly: this.autofilled, id: `${this.name}__input`, class: `number__input ${i}`, pattern: this.validationPattern, placeholder: `${this.placeholder}`, required: this.validation.mandatory, max: this.validation.max, min: this.validation.min, onInput: this.handleInput, onBlur: this.handleBlur }), u("small", { key: "a8639df7ef1e98807a7daffc9da4afd347b1c292", class: "number__error-message" }, this.errorMessage));
|
|
19630
19630
|
}
|
|
19631
19631
|
static get watchers() {
|
|
19632
19632
|
return {
|
|
@@ -19988,7 +19988,7 @@ const Vf = `*,
|
|
|
19988
19988
|
}
|
|
19989
19989
|
render() {
|
|
19990
19990
|
let i = "";
|
|
19991
|
-
return this.touched && (i = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), u("div", { key: "
|
|
19991
|
+
return this.touched && (i = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), u("div", { key: "fe895585dd908f75eee4ba797dc9c02b237bed7f", class: `password__wrapper ${this.autofilled ? "password__wrapper--autofilled" : ""} ${this.name}__input`, ref: (e) => this.stylingContainer = e }, u("div", { key: "844bdb3dab98e62cc5d92a761b85adcdc44831d0", class: "password__wrapper--flex" }, u("label", { key: "28041267a6df666e7df3660a907f995eff092ae1", class: `password__label ${this.validation.mandatory ? "password__label--required" : ""}`, htmlFor: `${this.name}__input` }, this.displayName), u("div", { key: "79c300643134802f04d8f909fe7bb3895911c88a", class: "password__wrapper--relative" }, this.tooltip && u("img", { key: "43ae58549e42ba59054162c25887ec36eb826aaa", class: "password__tooltip-icon", src: de, alt: "", ref: (e) => this.tooltipIconReference = e, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), u("vaadin-password-field", { key: "0edcfed0ea65666537240f531e5239bd5b11181e", type: "password", id: `${this.name}__input`, class: `password__input ${i}`, name: this.name, readOnly: this.autofilled, value: this.defaultValue, required: this.validation.mandatory, maxlength: this.validation.maxLength, minlength: this.validation.minLength, pattern: this.validationPattern, placeholder: `${this.placeholder}`, onInput: this.handleInput, onBlur: this.handleBlur, onFocus: this.handleFocus }), !this.noValidation && u("small", { key: "c8aeba074e66b771d745194fec535aa0b82de6d8", class: "password__error-message" }, this.errorMessage), this.passwordComplexity && this.showPopup && !this.hidePasswordComplexity && !this.isDuplicateInput && (this.enableSouthAfricanMode ? this.renderCustomComplexityPopup() : this.renderComplexityPopup()));
|
|
19992
19992
|
}
|
|
19993
19993
|
get element() {
|
|
19994
19994
|
return Vt(this);
|
|
@@ -20149,7 +20149,7 @@ const zf = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.text{
|
|
|
20149
20149
|
let t = "";
|
|
20150
20150
|
this.touched && (t = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid");
|
|
20151
20151
|
let r = this.selectedCountryCode === "UK" || this.selectedCountryCode === "GB" || this.ignoreCountry, a = ((i = this.addresses) === null || i === void 0 ? void 0 : i.length) > 0 && this.openAddressDropdown && r, o = this.showNoResultsMessage && this.currentPostalCode && this.currentPostalCode.length >= this.postalcodelength && ((e = this.addresses) === null || e === void 0 ? void 0 : e.length) === 0 && r, n = this.isFetchingAddresses && this.currentPostalCode.length >= this.postalcodelength;
|
|
20152
|
-
return u("div", { key: "
|
|
20152
|
+
return u("div", { key: "f274a95e0a64ec67f01be8a5cf053d475c16e9ca", class: `text__wrapper ${this.name}__input ${this.autofilled ? "text__wrapper--autofilled" : ""}`, ref: (s) => this.stylingContainer = s }, u("div", { key: "23aa865fd99048cb5c638f0b66b4ff3e8e451d97", class: "text__wrapper--flex" }, u("label", { key: "c5d12c1548ec8bfde130a95cc20783f20295a253", class: `text__label ${this.validation.mandatory ? "text__label--required" : ""}`, htmlFor: `${this.name}__input` }, this.displayName), u("div", { key: "db2f499ff6ca8f4e3b1a8ac83e7f8856fc1ca888", class: "text__wrapper--relative" }, this.tooltip && u("img", { key: "a1d7ef42855a21f336dbbb337cc8cb644de0c655", class: "text__tooltip-icon", src: de, alt: "", ref: (s) => this.tooltipIconReference = s, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), u("div", { key: "18a6812958691749d0c7c3396ce69a3f46f7f1e4", class: "input__text-wrapper" }, u("input", { key: "41aa9e6b8817eee602347d7a3a909f0d81985d3d", name: this.name, id: `${this.name}__input`, value: this.determineInputValue(), type: "text", class: `text__input ${t}`, placeholder: `${this.placeholder}`, ref: (s) => this.inputReference = s, readOnly: this.autofilled, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.maxPostalCodeLength, onInput: this.handleInput, onBlur: this.handleBlur, onFocus: this.handleFocus }), !r && u("p", { key: "7083c22e5ebb306ad9ca3c4dc29dcd66bc8b17d5", class: "address__manual-input-msg", onClick: () => this.enterAddressManually() }, b("enterIEAddressManually", this.language)), a && u("div", { key: "95ad996e43da19386f4576eb35850c7ba09e1620", class: "input__addresses-container", ref: (s) => this.addressesDropdownRef = s }, u("div", { key: "3997d92f28ec2ecee49b2480a5edb0a8431aa1c8", class: "options" }, this.addresses.map((s, l) => u("div", { key: l, class: "option", onClick: (d) => this.handlePostalCode(d, s) }, s.number, " ", s.street, " ", s.city)))), n && u("div", { key: "cf5f9c9f5f96aa2ef316eb44e97768e3552c4a2e", class: "postalcode__loading-spinner" }, u("div", { key: "d9b0dda1be9fa871dee4b7d415f84a28b81c3362", class: "loading-spinner" }), u("span", { key: "b5a6c58d910f5be519617288310a8a456e7e8c1c" }, b("searchingForAddresses", this.language))), o && u("div", { key: "2b5503571824ec9f04f58959b8b38ff279fa6d1d", class: "postalcode__no-results-message" }, b("postalLookUpNoAddressFound", this.language))), u("small", { key: "00e0cbe15e10c40c8f43939123c10819592fdce2", class: "text__error-message" }, this.errorMessage));
|
|
20153
20153
|
}
|
|
20154
20154
|
static get watchers() {
|
|
20155
20155
|
return {
|
|
@@ -20204,7 +20204,7 @@ const Ff = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.radio
|
|
|
20204
20204
|
return this.showTooltip ? u("div", { class: `radio__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (i) => this.tooltipReference = i, innerHTML: this.tooltip }) : null;
|
|
20205
20205
|
}
|
|
20206
20206
|
render() {
|
|
20207
|
-
return u("fieldset", { key: "
|
|
20207
|
+
return u("fieldset", { key: "33493de460303a32a37d253a0fd5f9da59676542", class: `radio__fieldset ${this.name}__input`, ref: (i) => this.stylingContainer = i }, u("legend", { key: "8aef7aa84a119742e05d72d976c936a560154b3f", class: "radio__legend" }, this.displayName, ":"), this.optionsGroup.map((i) => u("div", { class: "radio__wrapper" }, u("input", { type: "radio", class: "radio__input", id: `${i.label}__input`, ref: (e) => this.inputReference = e, value: i.value, name: this.name, required: this.validation.mandatory, onClick: (e) => this.handleClick(e) }), u("label", { htmlFor: `${i.label}__input` }, i.label))), u("small", { key: "bec44ed4007e408ddeb0b0293b82e034c8e165f2", class: "radio__error-message" }, this.errorMessage), this.tooltip && u("img", { key: "a3b0a041beabe3f14661c0af8cd970040d060435", class: "radio__tooltip-icon", src: de, alt: "", ref: (i) => this.tooltipIconReference = i, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip());
|
|
20208
20208
|
}
|
|
20209
20209
|
static get watchers() {
|
|
20210
20210
|
return {
|
|
@@ -20305,7 +20305,7 @@ const Bf = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}:host{
|
|
|
20305
20305
|
render() {
|
|
20306
20306
|
var i, e;
|
|
20307
20307
|
let t = "";
|
|
20308
|
-
return this.touched && (t = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), u("div", { key: "
|
|
20308
|
+
return this.touched && (t = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), u("div", { key: "b0ed504667761e5fd77e0ac13382b467448a1944", class: `select__wrapper ${this.autofilled ? "select__wrapper--autofilled" : ""} ${this.name}__input`, ref: (r) => this.stylingContainer = r }, u("div", { key: "b48d38dc4c2cb3442ff6773a1b1d13191ec4d0e6", class: "select__wrapper--flex" }, u("label", { key: "ad592c8c98ecbec1961d22cdfeb8cec910291ea8", class: "select__label", htmlFor: `${this.name}__input` }, this.displayName, u("span", { key: "b3c0f2fe9a2d26ade1626878ed9bc1f0b86a23ad", class: this.validation.mandatory ? "select__label--required" : "" })), u("div", { key: "29d0f504d0f51175818dffffb882ac4e6e9c3bde", class: "select__wrapper--relative" }, this.tooltip && u("img", { key: "66e524ffebc43f9418e90b3bd2d7ae62eba47da3", class: "select__tooltip-icon", src: de, alt: "", ref: (r) => this.tooltipIconReference = r, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), this.isComboBox ? u("vaadin-combo-box", { name: this.name, id: `${this.name}__input`, class: `select__input ${t} ${this.autofilled ? "select__input--autofilled" : ""}`, "item-label-path": "label", "item-value-path": "value", ref: (r) => this.vaadinCombo = r, readOnly: this.autofilled, required: (i = this.validation) === null || i === void 0 ? void 0 : i.mandatory, value: this.value, placeholder: `${this.placeholder}`, items: this.displayedOptions, onChange: this.handleComboChange, onBlur: this.handleBlur }) : u("vaadin-select", { name: this.name, popover: !1, id: `${this.name}__input`, class: `select__input ${t} ${this.autofilled ? "select__input--autofilled" : ""}`, "item-label-path": "label", "item-value-path": "value", ref: (r) => this.vaadinCombo = r, readOnly: this.autofilled, required: (e = this.validation) === null || e === void 0 ? void 0 : e.mandatory, value: this.value, placeholder: `${this.placeholder}`, items: this.displayedOptions, onChange: this.handleSelectChange, "no-vertical-overlap": !0, noVerticalOverlap: !0 }), u("small", { key: "0143b538740c3a8e9bfcab6bbb44660355c40cf7", class: "select__error-message" }, this.errorMessage));
|
|
20309
20309
|
}
|
|
20310
20310
|
static get watchers() {
|
|
20311
20311
|
return {
|
|
@@ -20410,7 +20410,7 @@ const jf = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.tel{f
|
|
|
20410
20410
|
render() {
|
|
20411
20411
|
var i;
|
|
20412
20412
|
let e = "";
|
|
20413
|
-
return this.touched && (e = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), u("div", { key: "
|
|
20413
|
+
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));
|
|
20414
20414
|
}
|
|
20415
20415
|
static get watchers() {
|
|
20416
20416
|
return {
|
|
@@ -20551,7 +20551,7 @@ const Gf = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.text{
|
|
|
20551
20551
|
}
|
|
20552
20552
|
render() {
|
|
20553
20553
|
let i = "";
|
|
20554
|
-
return this.touched && (i = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), u("div", { key: "
|
|
20554
|
+
return this.touched && (i = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), u("div", { key: "7e4006b92f6c1e2d8b39694fd85fad7d672c18fd", class: `text__wrapper ${this.name}__input ${this.autofilled ? "text__wrapper--autofilled" : ""}`, ref: (e) => this.stylingContainer = e }, u("div", { key: "e70be4a8daef6cbaa25d438b4d1edaecf6db5159", class: "text__wrapper--flex" }, u("label", { key: "0b09f624c460c9d777dd10b887430a4e6de8cacc", class: `text__label ${this.validation.mandatory ? "text__label--required" : ""}`, htmlFor: `${this.name}__input` }, this.displayName), u("div", { key: "df36d8f44540b35a65f816ade477c4f4ff077977", class: "text__wrapper--relative" }, this.tooltip && u("img", { key: "85e25624de052cad543c883514ba0c0a522d249f", class: "text__tooltip-icon", src: de, alt: "", ref: (e) => this.tooltipIconReference = e, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), u("input", { key: "bf34796489a118f3c4849c3b8b7680fb77f5a2eb", name: this.name, id: `${this.name}__input`, value: this.value, type: "text", class: `text__input ${i}`, placeholder: `${this.placeholder}`, ref: (e) => this.inputReference = e, readOnly: this.autofilled, required: this.validation.mandatory, minlength: this.enableSouthAfricanMode ? "" : this.validation.minLength, maxlength: this.enableSouthAfricanMode ? "" : this.validation.maxLength, onInput: this.handleInput, onBlur: this.handleBlur }), u("small", { key: "725e4208a8170b6cf34869c44ec8cb29c2c7c93f", class: "text__error-message" }, this.errorMessage));
|
|
20555
20555
|
}
|
|
20556
20556
|
static get watchers() {
|
|
20557
20557
|
return {
|
|
@@ -20616,7 +20616,7 @@ const Qf = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.toggl
|
|
|
20616
20616
|
return this.showTooltip ? u("div", { class: `togglecheckbox__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (i) => this.tooltipReference = i, innerHTML: this.tooltip }) : null;
|
|
20617
20617
|
}
|
|
20618
20618
|
render() {
|
|
20619
|
-
return u("div", { key: "
|
|
20619
|
+
return u("div", { key: "828751327e59e9649afc04c6c9f7a02ef7dcae8d", class: `togglecheckbox__wrapper ${this.name}__input`, ref: (i) => this.stylingContainer = i }, u("div", { key: "d02a2a6ef595aaf7142cbc6e9681394ee4db8fee", class: "togglecheckbox__wrapper--flex" }, u("input", { key: "fca6401ef6eb178f53471362444d54ed69086429", class: "togglecheckbox__input", type: "checkbox", id: `${this.name}__input`, ref: (i) => this.checkboxReference = i, name: this.name, checked: this.defaultValue === "true", readOnly: this.autofilled, required: this.validation.mandatory, value: this.value, onClick: () => this.handleClick() }), this.renderLabel()), u("small", { key: "3781a8fdfeb719422693bcd541a4a3fe708e705a", class: "togglecheckbox__error-message" }, this.errorMessage), u("div", { key: "27a4c6b047cd332407ee40c82cf7be1914ed34c9", class: "togglecheckbox__wrapper--relative" }, this.tooltip && u("img", { key: "f1367d7e061d20ad68c24dfbe3147e6b67df746f", class: "togglecheckbox__tooltip-icon", src: de, alt: "", ref: (i) => this.tooltipIconReference = i, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip()), u("div", { key: "98d42103554de4d14a65eafd1722bf9d587a27f1", class: `togglecheckbox__fields-wrapper ${this.showFields ? "" : "hidden"}` }, this.options.map((i) => u("general-input", { type: i.inputType, name: i.name, displayName: i.displayName, validation: i.validate, action: i.action || null, defaultValue: i.defaultValue, autofilled: i.autofill, emitValue: this.emitValue, language: this.language, "client-styling": this.clientStyling, tooltip: i.tooltip, placeholder: i.placeholder == null ? "" : i.placeholder, ref: (e) => this.subFieldsObject[i.name] = e }))));
|
|
20620
20620
|
}
|
|
20621
20621
|
static get watchers() {
|
|
20622
20622
|
return {
|
|
@@ -20760,7 +20760,7 @@ const e_ = "*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.twofa
|
|
|
20760
20760
|
return e ? this.enableSouthAfricanMode ? this.revealedIndexes.includes(i) ? e : "*" : e : "";
|
|
20761
20761
|
}
|
|
20762
20762
|
render() {
|
|
20763
|
-
return u("div", { key: "
|
|
20763
|
+
return u("div", { key: "08b9139f1c2236dd40a045517a9623ad966f29d3", class: "twofa", ref: (i) => this.stylingContainer = i }, u("div", { key: "7528885100be3d450ec52aafd6085a4c852710c8", class: "twofa__error-message" }, u("p", { key: "51dab3f02156b5eb3b7408f06f2d359cfbda11a7" }, this.errorMessage)), u("div", { key: "f336f89ecee0724663b1bbb4d443bb834336b5c1", class: "twofa__description", innerHTML: b("twofaDescription", this.language, { values: { destination: this.destination } }) }), u("div", { key: "5127127ccc8e50428f8319fddc9e21606f3b4148", class: "twofa__input-wrapper", ref: this.setContainerRef }, this.code.map((i, e) => u("input", { key: e, ref: (t) => this.setInputRef(t, e), id: `otp-input-${e}`, type: "text", maxLength: 2, value: this.getInputDisplayValue(e), onInput: (t) => this.handleInput(t, e), onKeyDown: (t) => this.handleKeyDown(t, e), onPaste: (t) => this.handlePaste(t) }))), u("div", { key: "be82ae1192129d571275b78c8097c3023468cf3e", class: "twofa__button-wrapper" }, u("p", { key: "11de61d738ffa74bfd44f0d7c88fc4e456647d0c", class: "twofa__resend-message" }, b("twofaResendMessage", this.language)), u("button", { key: "84d5c55c4d9bf024164ec52e2100cfcc8c236ac2", class: `twofa__resend-button ${this.pinAttemptsExceeded ? "twofa__resend-button--disabled" : ""}`, onClick: this.resendCodeHandler, disabled: !this.isResendButtonAvailable || this.pinAttemptsExceeded }, this.isResendButtonAvailable ? b("twofaResendButton", this.language) : this.formatTime())));
|
|
20764
20764
|
}
|
|
20765
20765
|
get host() {
|
|
20766
20766
|
return Vt(this);
|