@everymatrix/player-account-controller 1.86.24 → 1.86.26
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-D5gvZTmo.js → PlayerAccountController-BjjnKSNv.js} +2 -2
- package/components/{PlayerAccountController-4cD9OyWq.cjs → PlayerAccountController-Ct6iDIuk.cjs} +1 -1
- package/components/{PlayerAccountController-BioiWVj-.js → PlayerAccountController-di-iybbJ.js} +2 -2
- package/components/{PlayerProfileInfo-BJbH-H5D.js → PlayerProfileInfo-BT3pxCnt.js} +955 -944
- package/components/{PlayerProfileInfo-DiXhgTQK.js → PlayerProfileInfo-DsxKyHAZ.js} +965 -954
- package/components/{PlayerProfileInfo-CWttF_rs.cjs → PlayerProfileInfo-jxduD7Y_.cjs} +2 -2
- 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-BrCm0kbO.js → checkbox-group-input_16-BFr9NGkY.js} +14 -10
- package/stencil/{checkbox-group-input_16-CZdGpU35.js → checkbox-group-input_16-BIw89eoT.js} +14 -10
- package/stencil/{checkbox-group-input_16-VlDSq7jm.cjs → checkbox-group-input_16-BMEzg7Gz.cjs} +2 -2
- package/stencil/{index-c666b6e6-C9Bu-Ksf.js → index-c666b6e6-B08HoHDU.js} +1 -1
- package/stencil/{index-c666b6e6-BYVmKLNL.js → index-c666b6e6-HOoK0aCl.js} +1 -1
- package/stencil/{index-c666b6e6-oo94PdNH.cjs → index-c666b6e6-NVC2zx0G.cjs} +1 -1
- package/stencil/{pam-change-password-6b535bd5-BV8_JGnW.js → pam-change-password-6b535bd5-BS0P8HsF.js} +1 -1
- package/stencil/{pam-change-password-6b535bd5-BxiUmnSc.js → pam-change-password-6b535bd5-DBBGauy1.js} +1 -1
- package/stencil/{pam-change-password-6b535bd5-D9V8itZD.cjs → pam-change-password-6b535bd5-e4lf7K_C.cjs} +1 -1
- package/stencil/{pam-change-password-K_4BZut9.js → pam-change-password-CJow26r0.js} +1 -1
- package/stencil/{pam-change-password-BYtSHkDU.js → pam-change-password-DP79fBlM.js} +1 -1
- package/stencil/{pam-change-password-C-Nyq_j6.cjs → pam-change-password-De-m8S9K.cjs} +1 -1
|
@@ -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-BjjnKSNv.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 Z, c as A, h as u, g as Dt, H as Co } from "./index-c666b6e6-
|
|
2
|
-
import { P as a_ } from "./pam-change-password-6b535bd5-
|
|
1
|
+
import { r as Z, c as A, h as u, g as Dt, H as Co } from "./index-c666b6e6-HOoK0aCl.js";
|
|
2
|
+
import { P as a_ } from "./pam-change-password-6b535bd5-DBBGauy1.js";
|
|
3
3
|
const Ds = "en", ko = {
|
|
4
4
|
en: {
|
|
5
5
|
dateError: "The selected date should be between {min} and {max}",
|
|
@@ -19973,8 +19973,11 @@ const Df = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.text{
|
|
|
19973
19973
|
componentDidRender() {
|
|
19974
19974
|
!this.limitStylingAppends && this.stylingContainer && (this.clientStyling && this.setClientStyling(), this.limitStylingAppends = !0);
|
|
19975
19975
|
}
|
|
19976
|
+
componentWillLoad() {
|
|
19977
|
+
this.defaultValue && (this.value = this.defaultValue);
|
|
19978
|
+
}
|
|
19976
19979
|
componentDidLoad() {
|
|
19977
|
-
this.defaultValue &&
|
|
19980
|
+
this.defaultValue && this.valueHandler({ name: this.name, value: this.value }), this.inputReference && (window.targetInputRefs = window.targetInputRefs || {}, window.targetInputRefs[this.name] = this.inputReference), this.isValid = this.setValidity(), document.addEventListener("click", this.handleOutsideClick);
|
|
19978
19981
|
}
|
|
19979
19982
|
disconnectedCallback() {
|
|
19980
19983
|
document.removeEventListener("click", this.handleOutsideClick);
|
|
@@ -20018,7 +20021,7 @@ const Df = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.text{
|
|
|
20018
20021
|
let t = "";
|
|
20019
20022
|
this.touched && (t = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid");
|
|
20020
20023
|
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;
|
|
20021
|
-
return u("div", { key: "
|
|
20024
|
+
return u("div", { key: "e9f5150be1bfd3cd33b4d6f90f0292d1d0f0fdfd", class: `text__wrapper ${this.name}__input ${this.autofilled ? "text__wrapper--autofilled" : ""}`, ref: (s) => this.stylingContainer = s }, u("div", { key: "045e7fd150d0749819f7c2d283195450dfc79f81", class: "text__wrapper--flex" }, u("label", { key: "8ce7293d41ea1d9193b22dd9c2dda12df48376cc", class: `text__label ${this.validation.mandatory ? "text__label--required" : ""}`, htmlFor: `${this.name}__input` }, this.displayName), u("div", { key: "3354986f86233b7a445b56d729535586ff955e46", class: "text__wrapper--relative" }, this.tooltip && u("img", { key: "7e026dd7517172c576a398333ca16577878a214f", class: "text__tooltip-icon", src: le, alt: "", ref: (s) => this.tooltipIconReference = s, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), u("div", { key: "0f8ab766a13f8664fcfa88ba70aab936349bdacb", class: "input__text-wrapper" }, u("input", { key: "f3b17143e8a8ad6c56d23a47393c2dd18fb12ce6", 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: "02cd5832d04bfc58c4f20fa54320394ce5ee8abd", class: "address__manual-input-msg", onClick: () => this.enterAddressManually() }, b("enterIEAddressManually", this.language)), a && u("div", { key: "e32883eb064e2432fd422211b38d1fec9ec55816", class: "input__addresses-container", ref: (s) => this.addressesDropdownRef = s }, u("div", { key: "e8e4728df77d0b609291be30bab27722f3c372c8", 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: "5c08c604e44487ef1d356d4aa9d23b1b47332435", class: "postalcode__loading-spinner" }, u("div", { key: "76699a1b07daeb12cf55204fb83eb8f3003262e9", class: "loading-spinner" }), u("span", { key: "a8550c3b9c5100a64ea882de991e3f2a2d044706" }, b("searchingForAddresses", this.language))), o && u("div", { key: "dbca8d8b0ed6b66352f68a90fed96643bc453b8a", class: "postalcode__no-results-message" }, b("postalLookUpNoAddressFound", this.language))), u("small", { key: "74d464ef12ba991d08423ea1494130cf52658e83", class: "text__error-message" }, this.errorMessage));
|
|
20022
20025
|
}
|
|
20023
20026
|
static get watchers() {
|
|
20024
20027
|
return {
|
|
@@ -20140,7 +20143,7 @@ const Lf = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}:host{
|
|
|
20140
20143
|
!this.limitStylingAppends && this.stylingContainer && (this.clientStyling && this.setClientStyling(), this.limitStylingAppends = !0);
|
|
20141
20144
|
}
|
|
20142
20145
|
componentDidLoad() {
|
|
20143
|
-
this.inputReference = this.vaadinCombo.querySelector("input"), this.defaultValue && (this.value = this.defaultValue
|
|
20146
|
+
this.inputReference = this.vaadinCombo.querySelector("input"), this.defaultValue && (this.value = this.defaultValue, this.valueHandler({ name: this.name, value: this.value }), this.inputReference && (this.inputReference.value = this.value)), this.isValid = this.setValidity(), !this.isComboBox && this.vaadinCombo && this.vaadinCombo.addEventListener("opened-changed", (i) => {
|
|
20144
20147
|
if (i.detail.value === !0)
|
|
20145
20148
|
this.errorMessage = "";
|
|
20146
20149
|
else {
|
|
@@ -20174,7 +20177,7 @@ const Lf = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}:host{
|
|
|
20174
20177
|
render() {
|
|
20175
20178
|
var i, e;
|
|
20176
20179
|
let t = "";
|
|
20177
|
-
return this.touched && (t = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), u("div", { key: "
|
|
20180
|
+
return this.touched && (t = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), u("div", { key: "9da8f0d78eb1db2794b913c6643caba23c5d7138", class: `select__wrapper ${this.autofilled ? "select__wrapper--autofilled" : ""} ${this.name}__input`, ref: (r) => this.stylingContainer = r }, u("div", { key: "9e79f10677fa7beec24bc0657e0e4e2f5fdefc46", class: "select__wrapper--flex" }, u("label", { key: "9c26cea025092d9a59e3b66197dfa7716315e64f", class: "select__label", htmlFor: `${this.name}__input` }, `${this.displayName} ${this.validation.mandatory ? "*" : ""}`), u("div", { key: "f5563f0c7a408d879545b13b071d1928cd3b8772", class: "select__wrapper--relative" }, this.tooltip && u("img", { key: "2711543ea0a94436767f88a9af8f9cd28bf6248d", class: "select__tooltip-icon", src: le, 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: "fe073796305e085ae10f9d99a146e56b50890e00", class: "select__error-message" }, this.errorMessage));
|
|
20178
20181
|
}
|
|
20179
20182
|
static get watchers() {
|
|
20180
20183
|
return {
|
|
@@ -20345,8 +20348,11 @@ const Uf = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.text{
|
|
|
20345
20348
|
componentDidRender() {
|
|
20346
20349
|
!this.limitStylingAppends && this.stylingContainer && (this.clientStyling && this.setClientStyling(), this.limitStylingAppends = !0);
|
|
20347
20350
|
}
|
|
20351
|
+
componentWillLoad() {
|
|
20352
|
+
this.defaultValue && (this.value = this.defaultValue);
|
|
20353
|
+
}
|
|
20348
20354
|
componentDidLoad() {
|
|
20349
|
-
this.defaultValue && (this.
|
|
20355
|
+
this.defaultValue && (this.valueHandler({ name: this.name, value: this.value }), this.isDuplicateInput && (this.touched = !0)), this.haspostalcodelookup && ["address1", "address2", "City", "PostalCode"].includes(this.name) && (window.targetInputRefs = window.targetInputRefs || {}, window.targetInputRefs[this.name] = this.inputReference), this.isValid = this.setValidity();
|
|
20350
20356
|
}
|
|
20351
20357
|
setValidity() {
|
|
20352
20358
|
if (!this.inputReference)
|
|
@@ -20383,9 +20389,7 @@ const Uf = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.text{
|
|
|
20383
20389
|
}
|
|
20384
20390
|
render() {
|
|
20385
20391
|
let i = "";
|
|
20386
|
-
this.touched && (i = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid");
|
|
20387
|
-
const e = this.value || this.defaultValue;
|
|
20388
|
-
return u("div", { key: "66ee941684d2294250344f156d65cfc740d3b27e", class: `text__wrapper ${this.name}__input ${this.autofilled ? "text__wrapper--autofilled" : ""}`, ref: (t) => this.stylingContainer = t }, u("div", { key: "1881c5c7e9313d9d08861b3223ffe03227f73d58", class: "text__wrapper--flex" }, u("label", { key: "f0059b865e3f2de4bb8f892d559acc4d18443e8e", class: `text__label ${this.validation.mandatory ? "text__label--required" : ""}`, htmlFor: `${this.name}__input` }, this.displayName), u("div", { key: "bcb10756a212cbf77841eba6437b770c7470e19d", class: "text__wrapper--relative" }, this.tooltip && u("img", { key: "72d6f946f788c3ba9a27cde8a21942f9cbeac154", class: "text__tooltip-icon", src: le, alt: "", ref: (t) => this.tooltipIconReference = t, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), u("input", { key: "6076879f85ab22c0be60ea87f9ae0e24520fe315", name: this.name, id: `${this.name}__input`, value: e, type: "text", class: `text__input ${i}`, placeholder: `${this.placeholder}`, ref: (t) => this.inputReference = t, readOnly: this.autofilled, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, onInput: this.handleInput, onBlur: this.handleBlur }), u("small", { key: "75558d8b0709fd01cc8e1cee9baf235f2129ff89", class: "text__error-message" }, this.errorMessage));
|
|
20392
|
+
return this.touched && (i = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), u("div", { key: "46152e946f6a45c2bb07ee07c43bcf356f3cfa29", class: `text__wrapper ${this.name}__input ${this.autofilled ? "text__wrapper--autofilled" : ""}`, ref: (e) => this.stylingContainer = e }, u("div", { key: "f584f23ee97b9a1d23862ec746366d5f00c56552", class: "text__wrapper--flex" }, u("label", { key: "ed9fe368bd00151d8b3e43daf148632cfe7d32ff", class: `text__label ${this.validation.mandatory ? "text__label--required" : ""}`, htmlFor: `${this.name}__input` }, this.displayName), u("div", { key: "01cd5f7321d78422049c45b1816801eca74d2b4d", class: "text__wrapper--relative" }, this.tooltip && u("img", { key: "403689aa01575770be4296aaef0c7846e496d6a7", class: "text__tooltip-icon", src: le, alt: "", ref: (e) => this.tooltipIconReference = e, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), u("input", { key: "5ec8443fd428ea00b9add243ea74e61fbd5b283a", 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.validation.minLength, maxlength: this.validation.maxLength, onInput: this.handleInput, onBlur: this.handleBlur }), u("small", { key: "d1eb4cf6ac28fff4664a56e27c9f2a21d72b0d61", class: "text__error-message" }, this.errorMessage));
|
|
20389
20393
|
}
|
|
20390
20394
|
static get watchers() {
|
|
20391
20395
|
return {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { r as Z, c as A, h as u, g as Dt, H as Co } from "./index-c666b6e6-
|
|
2
|
-
import { P as a_ } from "./pam-change-password-6b535bd5-
|
|
1
|
+
import { r as Z, c as A, h as u, g as Dt, H as Co } from "./index-c666b6e6-B08HoHDU.js";
|
|
2
|
+
import { P as a_ } from "./pam-change-password-6b535bd5-BS0P8HsF.js";
|
|
3
3
|
const Ds = "en", ko = {
|
|
4
4
|
en: {
|
|
5
5
|
dateError: "The selected date should be between {min} and {max}",
|
|
@@ -19973,8 +19973,11 @@ const Df = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.text{
|
|
|
19973
19973
|
componentDidRender() {
|
|
19974
19974
|
!this.limitStylingAppends && this.stylingContainer && (this.clientStyling && this.setClientStyling(), this.limitStylingAppends = !0);
|
|
19975
19975
|
}
|
|
19976
|
+
componentWillLoad() {
|
|
19977
|
+
this.defaultValue && (this.value = this.defaultValue);
|
|
19978
|
+
}
|
|
19976
19979
|
componentDidLoad() {
|
|
19977
|
-
this.defaultValue &&
|
|
19980
|
+
this.defaultValue && this.valueHandler({ name: this.name, value: this.value }), this.inputReference && (window.targetInputRefs = window.targetInputRefs || {}, window.targetInputRefs[this.name] = this.inputReference), this.isValid = this.setValidity(), document.addEventListener("click", this.handleOutsideClick);
|
|
19978
19981
|
}
|
|
19979
19982
|
disconnectedCallback() {
|
|
19980
19983
|
document.removeEventListener("click", this.handleOutsideClick);
|
|
@@ -20018,7 +20021,7 @@ const Df = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.text{
|
|
|
20018
20021
|
let t = "";
|
|
20019
20022
|
this.touched && (t = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid");
|
|
20020
20023
|
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;
|
|
20021
|
-
return u("div", { key: "
|
|
20024
|
+
return u("div", { key: "e9f5150be1bfd3cd33b4d6f90f0292d1d0f0fdfd", class: `text__wrapper ${this.name}__input ${this.autofilled ? "text__wrapper--autofilled" : ""}`, ref: (s) => this.stylingContainer = s }, u("div", { key: "045e7fd150d0749819f7c2d283195450dfc79f81", class: "text__wrapper--flex" }, u("label", { key: "8ce7293d41ea1d9193b22dd9c2dda12df48376cc", class: `text__label ${this.validation.mandatory ? "text__label--required" : ""}`, htmlFor: `${this.name}__input` }, this.displayName), u("div", { key: "3354986f86233b7a445b56d729535586ff955e46", class: "text__wrapper--relative" }, this.tooltip && u("img", { key: "7e026dd7517172c576a398333ca16577878a214f", class: "text__tooltip-icon", src: le, alt: "", ref: (s) => this.tooltipIconReference = s, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), u("div", { key: "0f8ab766a13f8664fcfa88ba70aab936349bdacb", class: "input__text-wrapper" }, u("input", { key: "f3b17143e8a8ad6c56d23a47393c2dd18fb12ce6", 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: "02cd5832d04bfc58c4f20fa54320394ce5ee8abd", class: "address__manual-input-msg", onClick: () => this.enterAddressManually() }, b("enterIEAddressManually", this.language)), a && u("div", { key: "e32883eb064e2432fd422211b38d1fec9ec55816", class: "input__addresses-container", ref: (s) => this.addressesDropdownRef = s }, u("div", { key: "e8e4728df77d0b609291be30bab27722f3c372c8", 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: "5c08c604e44487ef1d356d4aa9d23b1b47332435", class: "postalcode__loading-spinner" }, u("div", { key: "76699a1b07daeb12cf55204fb83eb8f3003262e9", class: "loading-spinner" }), u("span", { key: "a8550c3b9c5100a64ea882de991e3f2a2d044706" }, b("searchingForAddresses", this.language))), o && u("div", { key: "dbca8d8b0ed6b66352f68a90fed96643bc453b8a", class: "postalcode__no-results-message" }, b("postalLookUpNoAddressFound", this.language))), u("small", { key: "74d464ef12ba991d08423ea1494130cf52658e83", class: "text__error-message" }, this.errorMessage));
|
|
20022
20025
|
}
|
|
20023
20026
|
static get watchers() {
|
|
20024
20027
|
return {
|
|
@@ -20140,7 +20143,7 @@ const Lf = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}:host{
|
|
|
20140
20143
|
!this.limitStylingAppends && this.stylingContainer && (this.clientStyling && this.setClientStyling(), this.limitStylingAppends = !0);
|
|
20141
20144
|
}
|
|
20142
20145
|
componentDidLoad() {
|
|
20143
|
-
this.inputReference = this.vaadinCombo.querySelector("input"), this.defaultValue && (this.value = this.defaultValue
|
|
20146
|
+
this.inputReference = this.vaadinCombo.querySelector("input"), this.defaultValue && (this.value = this.defaultValue, this.valueHandler({ name: this.name, value: this.value }), this.inputReference && (this.inputReference.value = this.value)), this.isValid = this.setValidity(), !this.isComboBox && this.vaadinCombo && this.vaadinCombo.addEventListener("opened-changed", (i) => {
|
|
20144
20147
|
if (i.detail.value === !0)
|
|
20145
20148
|
this.errorMessage = "";
|
|
20146
20149
|
else {
|
|
@@ -20174,7 +20177,7 @@ const Lf = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}:host{
|
|
|
20174
20177
|
render() {
|
|
20175
20178
|
var i, e;
|
|
20176
20179
|
let t = "";
|
|
20177
|
-
return this.touched && (t = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), u("div", { key: "
|
|
20180
|
+
return this.touched && (t = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), u("div", { key: "9da8f0d78eb1db2794b913c6643caba23c5d7138", class: `select__wrapper ${this.autofilled ? "select__wrapper--autofilled" : ""} ${this.name}__input`, ref: (r) => this.stylingContainer = r }, u("div", { key: "9e79f10677fa7beec24bc0657e0e4e2f5fdefc46", class: "select__wrapper--flex" }, u("label", { key: "9c26cea025092d9a59e3b66197dfa7716315e64f", class: "select__label", htmlFor: `${this.name}__input` }, `${this.displayName} ${this.validation.mandatory ? "*" : ""}`), u("div", { key: "f5563f0c7a408d879545b13b071d1928cd3b8772", class: "select__wrapper--relative" }, this.tooltip && u("img", { key: "2711543ea0a94436767f88a9af8f9cd28bf6248d", class: "select__tooltip-icon", src: le, 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: "fe073796305e085ae10f9d99a146e56b50890e00", class: "select__error-message" }, this.errorMessage));
|
|
20178
20181
|
}
|
|
20179
20182
|
static get watchers() {
|
|
20180
20183
|
return {
|
|
@@ -20345,8 +20348,11 @@ const Uf = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.text{
|
|
|
20345
20348
|
componentDidRender() {
|
|
20346
20349
|
!this.limitStylingAppends && this.stylingContainer && (this.clientStyling && this.setClientStyling(), this.limitStylingAppends = !0);
|
|
20347
20350
|
}
|
|
20351
|
+
componentWillLoad() {
|
|
20352
|
+
this.defaultValue && (this.value = this.defaultValue);
|
|
20353
|
+
}
|
|
20348
20354
|
componentDidLoad() {
|
|
20349
|
-
this.defaultValue && (this.
|
|
20355
|
+
this.defaultValue && (this.valueHandler({ name: this.name, value: this.value }), this.isDuplicateInput && (this.touched = !0)), this.haspostalcodelookup && ["address1", "address2", "City", "PostalCode"].includes(this.name) && (window.targetInputRefs = window.targetInputRefs || {}, window.targetInputRefs[this.name] = this.inputReference), this.isValid = this.setValidity();
|
|
20350
20356
|
}
|
|
20351
20357
|
setValidity() {
|
|
20352
20358
|
if (!this.inputReference)
|
|
@@ -20383,9 +20389,7 @@ const Uf = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.text{
|
|
|
20383
20389
|
}
|
|
20384
20390
|
render() {
|
|
20385
20391
|
let i = "";
|
|
20386
|
-
this.touched && (i = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid");
|
|
20387
|
-
const e = this.value || this.defaultValue;
|
|
20388
|
-
return u("div", { key: "66ee941684d2294250344f156d65cfc740d3b27e", class: `text__wrapper ${this.name}__input ${this.autofilled ? "text__wrapper--autofilled" : ""}`, ref: (t) => this.stylingContainer = t }, u("div", { key: "1881c5c7e9313d9d08861b3223ffe03227f73d58", class: "text__wrapper--flex" }, u("label", { key: "f0059b865e3f2de4bb8f892d559acc4d18443e8e", class: `text__label ${this.validation.mandatory ? "text__label--required" : ""}`, htmlFor: `${this.name}__input` }, this.displayName), u("div", { key: "bcb10756a212cbf77841eba6437b770c7470e19d", class: "text__wrapper--relative" }, this.tooltip && u("img", { key: "72d6f946f788c3ba9a27cde8a21942f9cbeac154", class: "text__tooltip-icon", src: le, alt: "", ref: (t) => this.tooltipIconReference = t, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), u("input", { key: "6076879f85ab22c0be60ea87f9ae0e24520fe315", name: this.name, id: `${this.name}__input`, value: e, type: "text", class: `text__input ${i}`, placeholder: `${this.placeholder}`, ref: (t) => this.inputReference = t, readOnly: this.autofilled, required: this.validation.mandatory, minlength: this.validation.minLength, maxlength: this.validation.maxLength, onInput: this.handleInput, onBlur: this.handleBlur }), u("small", { key: "75558d8b0709fd01cc8e1cee9baf235f2129ff89", class: "text__error-message" }, this.errorMessage));
|
|
20392
|
+
return this.touched && (i = this.isValid == !0 || this.isValid == null ? "" : "text__input--invalid"), u("div", { key: "46152e946f6a45c2bb07ee07c43bcf356f3cfa29", class: `text__wrapper ${this.name}__input ${this.autofilled ? "text__wrapper--autofilled" : ""}`, ref: (e) => this.stylingContainer = e }, u("div", { key: "f584f23ee97b9a1d23862ec746366d5f00c56552", class: "text__wrapper--flex" }, u("label", { key: "ed9fe368bd00151d8b3e43daf148632cfe7d32ff", class: `text__label ${this.validation.mandatory ? "text__label--required" : ""}`, htmlFor: `${this.name}__input` }, this.displayName), u("div", { key: "01cd5f7321d78422049c45b1816801eca74d2b4d", class: "text__wrapper--relative" }, this.tooltip && u("img", { key: "403689aa01575770be4296aaef0c7846e496d6a7", class: "text__tooltip-icon", src: le, alt: "", ref: (e) => this.tooltipIconReference = e, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), u("input", { key: "5ec8443fd428ea00b9add243ea74e61fbd5b283a", 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.validation.minLength, maxlength: this.validation.maxLength, onInput: this.handleInput, onBlur: this.handleBlur }), u("small", { key: "d1eb4cf6ac28fff4664a56e27c9f2a21d72b0d61", class: "text__error-message" }, this.errorMessage));
|
|
20389
20393
|
}
|
|
20390
20394
|
static get watchers() {
|
|
20391
20395
|
return {
|