@everymatrix/player-account-controller 1.66.2 → 1.67.0
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-C33yFWno.js → PlayerAccountController-BiEmKUTq.js} +85 -85
- package/components/PlayerAccountController-DET7Ledm.cjs +1 -0
- package/components/{PlayerAccountController-KYfwQerX.js → PlayerAccountController-Df3HJNfF.js} +78 -78
- 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/{general-input-6HMiojaV.js → checkbox-group-input_14-BcBdDpf8.js} +7654 -3097
- package/stencil/{general-input-DGu8X142.js → checkbox-group-input_14-CJHYJs5Y.js} +7664 -3107
- package/stencil/checkbox-group-input_14-CNR6zkvw.cjs +5901 -0
- package/stencil/{index-9cd44522--OAp7ePk.js → index-13661b98-Bg3nkDqk.js} +88 -103
- package/stencil/index-13661b98-D16qyHKo.cjs +1 -0
- package/stencil/{index-9cd44522-C0ycW8_E.js → index-13661b98-DcT9swce.js} +84 -99
- package/stencil/pam-change-password-YhGkcb7G.js +25 -0
- package/stencil/{player-change-password-gm2-5cb5c6c1-Bi9IbxQV.js → pam-change-password-f4a1e7e7-CfVbvq6Y.js} +223 -74
- package/stencil/pam-change-password-f4a1e7e7-DtMPJ715.cjs +125 -0
- package/stencil/{player-change-password-gm2-5cb5c6c1-Bu5Dac83.js → pam-change-password-f4a1e7e7-e1XqJgP9.js} +223 -74
- package/stencil/pam-change-password-sLrzK4Qt.js +7 -0
- package/stencil/pam-change-password-uD3esedo.cjs +1 -0
- package/components/PlayerAccountController-BMOvuFM3.cjs +0 -1
- package/stencil/checkbox-group-input_9-BVBeSmHl.js +0 -3895
- package/stencil/checkbox-group-input_9-CixpoaRc.cjs +0 -2
- package/stencil/checkbox-group-input_9-Ckf5IThK.js +0 -3895
- package/stencil/general-input-C54NeVAb.cjs +0 -5636
- package/stencil/index-9cd44522-CqgRbQOU.cjs +0 -1
- package/stencil/locale-CB060R77.cjs +0 -1
- package/stencil/locale-Cxpe53Ym.js +0 -153
- package/stencil/password-input_2-BWxS0D5h.js +0 -313
- package/stencil/password-input_2-Bz7EgS5w.cjs +0 -193
- package/stencil/password-input_2-KI96oR82.js +0 -313
- package/stencil/player-change-password-gm2-5cb5c6c1-B561Hszb.cjs +0 -1
- package/stencil/player-change-password-gm2-BRh6ZaCn.js +0 -25
- package/stencil/player-change-password-gm2-COxZYE4t.cjs +0 -1
- package/stencil/player-change-password-gm2-tu3usKOk.js +0 -7
- package/stencil/toggle-checkbox-input-BQz8G4GG.cjs +0 -1
- package/stencil/toggle-checkbox-input-Bhz93bXQ.js +0 -68
- package/stencil/toggle-checkbox-input-lRQooUAB.js +0 -68
- package/stencil/tooltipIcon-ee9760a8-BCCb4EU-.js +0 -4
- package/stencil/tooltipIcon-ee9760a8-Bd9l1O5C.cjs +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-9cd44522-CqgRbQOU.cjs"),a=require("./locale-CB060R77.cjs"),n=require("./tooltipIcon-ee9760a8-Bd9l1O5C.cjs"),s='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.togglecheckbox{font-family:"Roboto";font-style:normal;font-size:15px}.togglecheckbox__wrapper{position:relative}.togglecheckbox__wrapper--flex{display:flex;gap:10px;align-items:baseline}.togglecheckbox__wrapper--relative{position:relative;display:inline}.togglecheckbox__input{transform:scale(1.307, 1.307);margin-left:2px;accent-color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.togglecheckbox__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}.togglecheckbox__label-text{font-size:16px}.togglecheckbox__label a{color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.togglecheckbox__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.togglecheckbox__tooltip-icon{width:16px;height:auto}.togglecheckbox__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}.togglecheckbox__tooltip.visible{opacity:1}.togglecheckbox__fields-wrapper{margin-top:40px;display:flex;flex-direction:column;gap:40px}.hidden{display:none}',r=s,o=class{constructor(e){t.registerInstance(this,e),this.sendValidityState=t.createEvent(this,"sendValidityState"),this.sendInputValue=t.createEvent(this,"sendInputValue"),this.callBackObject={},this.subFieldsObject={},this.value="",this.handleRevealField=(i,l)=>{i.stopPropagation(),window.postMessage({type:`registration${l}Clicked`},window.location.href)},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.options=void 0,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,this.showFields=this.defaultValue==="true"}handleStylingChange(e,i){e!==i&&this.setClientStyling()}validityStateHandler(e){this.sendValidityState.emit(e)}valueHandler(e){this.sendInputValue.emit(e)}handleClickOutside(e){e.composedPath()[0]!==this.tooltipIconReference&&e.composedPath()[0]!==this.tooltipReference&&(this.showTooltip=!1)}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}componentDidLoad(){this.options.length!==0&&this.options.forEach(e=>{this.callBackObject[e.name]=i=>{this.handleRevealField(i,e.name)},this.subFieldsObject[e.name].addEventListener("click",this.callBackObject[e.name])})}handleClick(){this.showFields=this.checkboxReference.checked,this.errorMessage=this.setErrorMessage(),this.isValid=this.setValidity(),this.valueHandler({name:this.name,value:this.checkboxReference.checked?"true":"false",type:"toggle"})}setValidity(){return this.checkboxReference.validity.valid}setErrorMessage(){if(this.checkboxReference.validity.valueMissing)return a.translate("requiredError",this.language)}disconnectedCallback(){this.options.forEach(e=>{this.subFieldsObject[e.name].removeEventListener("click",this.callBackObject[e.name])})}renderLabel(){return t.h("label",{class:"togglecheckbox__label",htmlFor:`${this.name}__input`},t.h("div",{class:"togglecheckbox__label-text",innerHTML:`${this.displayName} ${this.validation.mandatory?"*":""}`}))}renderTooltip(){return this.showTooltip?t.h("div",{class:`togglecheckbox__tooltip ${this.showTooltip?"visible":""}`,ref:e=>this.tooltipReference=e,innerHTML:this.tooltip}):null}render(){return t.h("div",{key:"1f359a8390bb4296e94573131009eeff1bd2293c",class:`togglecheckbox__wrapper ${this.name}__input`,ref:e=>this.stylingContainer=e},t.h("div",{key:"76033e62f8d111e3071b1a09a6d8f9b909a05244",class:"togglecheckbox__wrapper--flex"},t.h("input",{key:"6d944818346ce6e62117856ff5dfd2278c1ccad4",class:"togglecheckbox__input",type:"checkbox",id:`${this.name}__input`,ref:e=>this.checkboxReference=e,name:this.name,checked:this.defaultValue==="true",readOnly:this.autofilled,required:this.validation.mandatory,value:this.value,onClick:()=>this.handleClick()}),this.renderLabel()),t.h("small",{key:"7e2b7612f6dc179035027b551a6ac9801a1ba3c5",class:"togglecheckbox__error-message"},this.errorMessage),t.h("div",{key:"3a77da5b3544107d49137e6024888f8e774be170",class:"togglecheckbox__wrapper--relative"},this.tooltip&&t.h("img",{key:"7edd9a8cce9d66e7f6fb2d61a4513754df62d5df",class:"togglecheckbox__tooltip-icon",src:n.tooltipIconSvg,alt:"",ref:e=>this.tooltipIconReference=e,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip()),t.h("div",{key:"49de8d42d4b9f4c5668de6379f015c92098578a6",class:`togglecheckbox__fields-wrapper ${this.showFields?"":"hidden"}`},this.options.map(e=>t.h("general-input",{type:e.inputType,name:e.name,displayName:e.displayName,validation:e.validate,action:e.action||null,defaultValue:e.defaultValue,autofilled:e.autofill,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:e.tooltip,placeholder:e.placeholder==null?"":e.placeholder,ref:i=>this.subFieldsObject[e.name]=i}))))}static get watchers(){return{clientStyling:["handleStylingChange"]}}};o.style=r;exports.toggle_checkbox_input=o;
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import { r as a, c as o, h as t } from "./index-9cd44522-C0ycW8_E.js";
|
|
2
|
-
import { t as n } from "./locale-Cxpe53Ym.js";
|
|
3
|
-
import { t as s } from "./tooltipIcon-ee9760a8-BCCb4EU-.js";
|
|
4
|
-
const r = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.togglecheckbox{font-family:"Roboto";font-style:normal;font-size:15px}.togglecheckbox__wrapper{position:relative}.togglecheckbox__wrapper--flex{display:flex;gap:10px;align-items:baseline}.togglecheckbox__wrapper--relative{position:relative;display:inline}.togglecheckbox__input{transform:scale(1.307, 1.307);margin-left:2px;accent-color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.togglecheckbox__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}.togglecheckbox__label-text{font-size:16px}.togglecheckbox__label a{color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.togglecheckbox__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.togglecheckbox__tooltip-icon{width:16px;height:auto}.togglecheckbox__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}.togglecheckbox__tooltip.visible{opacity:1}.togglecheckbox__fields-wrapper{margin-top:40px;display:flex;flex-direction:column;gap:40px}.hidden{display:none}', c = r, h = class {
|
|
5
|
-
constructor(e) {
|
|
6
|
-
a(this, e), this.sendValidityState = o(this, "sendValidityState"), this.sendInputValue = o(this, "sendInputValue"), this.callBackObject = {}, this.subFieldsObject = {}, this.value = "", this.handleRevealField = (i, l) => {
|
|
7
|
-
i.stopPropagation(), window.postMessage({ type: `registration${l}Clicked` }, window.location.href);
|
|
8
|
-
}, this.setClientStyling = () => {
|
|
9
|
-
let i = document.createElement("style");
|
|
10
|
-
i.innerHTML = this.clientStyling, this.stylingContainer.prepend(i);
|
|
11
|
-
}, this.name = void 0, this.displayName = void 0, this.defaultValue = "", this.options = void 0, 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, this.showFields = this.defaultValue === "true";
|
|
12
|
-
}
|
|
13
|
-
handleStylingChange(e, i) {
|
|
14
|
-
e !== i && this.setClientStyling();
|
|
15
|
-
}
|
|
16
|
-
validityStateHandler(e) {
|
|
17
|
-
this.sendValidityState.emit(e);
|
|
18
|
-
}
|
|
19
|
-
valueHandler(e) {
|
|
20
|
-
this.sendInputValue.emit(e);
|
|
21
|
-
}
|
|
22
|
-
handleClickOutside(e) {
|
|
23
|
-
e.composedPath()[0] !== this.tooltipIconReference && e.composedPath()[0] !== this.tooltipReference && (this.showTooltip = !1);
|
|
24
|
-
}
|
|
25
|
-
componentDidRender() {
|
|
26
|
-
!this.limitStylingAppends && this.stylingContainer && (this.clientStyling && this.setClientStyling(), this.limitStylingAppends = !0);
|
|
27
|
-
}
|
|
28
|
-
componentDidLoad() {
|
|
29
|
-
this.options.length !== 0 && this.options.forEach((e) => {
|
|
30
|
-
this.callBackObject[e.name] = (i) => {
|
|
31
|
-
this.handleRevealField(i, e.name);
|
|
32
|
-
}, this.subFieldsObject[e.name].addEventListener("click", this.callBackObject[e.name]);
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
handleClick() {
|
|
36
|
-
this.showFields = this.checkboxReference.checked, this.errorMessage = this.setErrorMessage(), this.isValid = this.setValidity(), this.valueHandler({ name: this.name, value: this.checkboxReference.checked ? "true" : "false", type: "toggle" });
|
|
37
|
-
}
|
|
38
|
-
setValidity() {
|
|
39
|
-
return this.checkboxReference.validity.valid;
|
|
40
|
-
}
|
|
41
|
-
setErrorMessage() {
|
|
42
|
-
if (this.checkboxReference.validity.valueMissing)
|
|
43
|
-
return n("requiredError", this.language);
|
|
44
|
-
}
|
|
45
|
-
disconnectedCallback() {
|
|
46
|
-
this.options.forEach((e) => {
|
|
47
|
-
this.subFieldsObject[e.name].removeEventListener("click", this.callBackObject[e.name]);
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
renderLabel() {
|
|
51
|
-
return t("label", { class: "togglecheckbox__label", htmlFor: `${this.name}__input` }, t("div", { class: "togglecheckbox__label-text", innerHTML: `${this.displayName} ${this.validation.mandatory ? "*" : ""}` }));
|
|
52
|
-
}
|
|
53
|
-
renderTooltip() {
|
|
54
|
-
return this.showTooltip ? t("div", { class: `togglecheckbox__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (e) => this.tooltipReference = e, innerHTML: this.tooltip }) : null;
|
|
55
|
-
}
|
|
56
|
-
render() {
|
|
57
|
-
return t("div", { key: "1f359a8390bb4296e94573131009eeff1bd2293c", class: `togglecheckbox__wrapper ${this.name}__input`, ref: (e) => this.stylingContainer = e }, t("div", { key: "76033e62f8d111e3071b1a09a6d8f9b909a05244", class: "togglecheckbox__wrapper--flex" }, t("input", { key: "6d944818346ce6e62117856ff5dfd2278c1ccad4", class: "togglecheckbox__input", type: "checkbox", id: `${this.name}__input`, ref: (e) => this.checkboxReference = e, name: this.name, checked: this.defaultValue === "true", readOnly: this.autofilled, required: this.validation.mandatory, value: this.value, onClick: () => this.handleClick() }), this.renderLabel()), t("small", { key: "7e2b7612f6dc179035027b551a6ac9801a1ba3c5", class: "togglecheckbox__error-message" }, this.errorMessage), t("div", { key: "3a77da5b3544107d49137e6024888f8e774be170", class: "togglecheckbox__wrapper--relative" }, this.tooltip && t("img", { key: "7edd9a8cce9d66e7f6fb2d61a4513754df62d5df", class: "togglecheckbox__tooltip-icon", src: s, alt: "", ref: (e) => this.tooltipIconReference = e, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip()), t("div", { key: "49de8d42d4b9f4c5668de6379f015c92098578a6", class: `togglecheckbox__fields-wrapper ${this.showFields ? "" : "hidden"}` }, this.options.map((e) => t("general-input", { type: e.inputType, name: e.name, displayName: e.displayName, validation: e.validate, action: e.action || null, defaultValue: e.defaultValue, autofilled: e.autofill, emitValue: this.emitValue, language: this.language, "client-styling": this.clientStyling, tooltip: e.tooltip, placeholder: e.placeholder == null ? "" : e.placeholder, ref: (i) => this.subFieldsObject[e.name] = i }))));
|
|
58
|
-
}
|
|
59
|
-
static get watchers() {
|
|
60
|
-
return {
|
|
61
|
-
clientStyling: ["handleStylingChange"]
|
|
62
|
-
};
|
|
63
|
-
}
|
|
64
|
-
};
|
|
65
|
-
h.style = c;
|
|
66
|
-
export {
|
|
67
|
-
h as toggle_checkbox_input
|
|
68
|
-
};
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import { r as a, c as o, h as t } from "./index-9cd44522--OAp7ePk.js";
|
|
2
|
-
import { t as n } from "./locale-Cxpe53Ym.js";
|
|
3
|
-
import { t as s } from "./tooltipIcon-ee9760a8-BCCb4EU-.js";
|
|
4
|
-
const r = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.togglecheckbox{font-family:"Roboto";font-style:normal;font-size:15px}.togglecheckbox__wrapper{position:relative}.togglecheckbox__wrapper--flex{display:flex;gap:10px;align-items:baseline}.togglecheckbox__wrapper--relative{position:relative;display:inline}.togglecheckbox__input{transform:scale(1.307, 1.307);margin-left:2px;accent-color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.togglecheckbox__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}.togglecheckbox__label-text{font-size:16px}.togglecheckbox__label a{color:var(--emw--login-color-primary, var(--emw--color-primary, #22B04E))}.togglecheckbox__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.togglecheckbox__tooltip-icon{width:16px;height:auto}.togglecheckbox__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}.togglecheckbox__tooltip.visible{opacity:1}.togglecheckbox__fields-wrapper{margin-top:40px;display:flex;flex-direction:column;gap:40px}.hidden{display:none}', c = r, h = class {
|
|
5
|
-
constructor(e) {
|
|
6
|
-
a(this, e), this.sendValidityState = o(this, "sendValidityState"), this.sendInputValue = o(this, "sendInputValue"), this.callBackObject = {}, this.subFieldsObject = {}, this.value = "", this.handleRevealField = (i, l) => {
|
|
7
|
-
i.stopPropagation(), window.postMessage({ type: `registration${l}Clicked` }, window.location.href);
|
|
8
|
-
}, this.setClientStyling = () => {
|
|
9
|
-
let i = document.createElement("style");
|
|
10
|
-
i.innerHTML = this.clientStyling, this.stylingContainer.prepend(i);
|
|
11
|
-
}, this.name = void 0, this.displayName = void 0, this.defaultValue = "", this.options = void 0, 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, this.showFields = this.defaultValue === "true";
|
|
12
|
-
}
|
|
13
|
-
handleStylingChange(e, i) {
|
|
14
|
-
e !== i && this.setClientStyling();
|
|
15
|
-
}
|
|
16
|
-
validityStateHandler(e) {
|
|
17
|
-
this.sendValidityState.emit(e);
|
|
18
|
-
}
|
|
19
|
-
valueHandler(e) {
|
|
20
|
-
this.sendInputValue.emit(e);
|
|
21
|
-
}
|
|
22
|
-
handleClickOutside(e) {
|
|
23
|
-
e.composedPath()[0] !== this.tooltipIconReference && e.composedPath()[0] !== this.tooltipReference && (this.showTooltip = !1);
|
|
24
|
-
}
|
|
25
|
-
componentDidRender() {
|
|
26
|
-
!this.limitStylingAppends && this.stylingContainer && (this.clientStyling && this.setClientStyling(), this.limitStylingAppends = !0);
|
|
27
|
-
}
|
|
28
|
-
componentDidLoad() {
|
|
29
|
-
this.options.length !== 0 && this.options.forEach((e) => {
|
|
30
|
-
this.callBackObject[e.name] = (i) => {
|
|
31
|
-
this.handleRevealField(i, e.name);
|
|
32
|
-
}, this.subFieldsObject[e.name].addEventListener("click", this.callBackObject[e.name]);
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
handleClick() {
|
|
36
|
-
this.showFields = this.checkboxReference.checked, this.errorMessage = this.setErrorMessage(), this.isValid = this.setValidity(), this.valueHandler({ name: this.name, value: this.checkboxReference.checked ? "true" : "false", type: "toggle" });
|
|
37
|
-
}
|
|
38
|
-
setValidity() {
|
|
39
|
-
return this.checkboxReference.validity.valid;
|
|
40
|
-
}
|
|
41
|
-
setErrorMessage() {
|
|
42
|
-
if (this.checkboxReference.validity.valueMissing)
|
|
43
|
-
return n("requiredError", this.language);
|
|
44
|
-
}
|
|
45
|
-
disconnectedCallback() {
|
|
46
|
-
this.options.forEach((e) => {
|
|
47
|
-
this.subFieldsObject[e.name].removeEventListener("click", this.callBackObject[e.name]);
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
renderLabel() {
|
|
51
|
-
return t("label", { class: "togglecheckbox__label", htmlFor: `${this.name}__input` }, t("div", { class: "togglecheckbox__label-text", innerHTML: `${this.displayName} ${this.validation.mandatory ? "*" : ""}` }));
|
|
52
|
-
}
|
|
53
|
-
renderTooltip() {
|
|
54
|
-
return this.showTooltip ? t("div", { class: `togglecheckbox__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (e) => this.tooltipReference = e, innerHTML: this.tooltip }) : null;
|
|
55
|
-
}
|
|
56
|
-
render() {
|
|
57
|
-
return t("div", { key: "1f359a8390bb4296e94573131009eeff1bd2293c", class: `togglecheckbox__wrapper ${this.name}__input`, ref: (e) => this.stylingContainer = e }, t("div", { key: "76033e62f8d111e3071b1a09a6d8f9b909a05244", class: "togglecheckbox__wrapper--flex" }, t("input", { key: "6d944818346ce6e62117856ff5dfd2278c1ccad4", class: "togglecheckbox__input", type: "checkbox", id: `${this.name}__input`, ref: (e) => this.checkboxReference = e, name: this.name, checked: this.defaultValue === "true", readOnly: this.autofilled, required: this.validation.mandatory, value: this.value, onClick: () => this.handleClick() }), this.renderLabel()), t("small", { key: "7e2b7612f6dc179035027b551a6ac9801a1ba3c5", class: "togglecheckbox__error-message" }, this.errorMessage), t("div", { key: "3a77da5b3544107d49137e6024888f8e774be170", class: "togglecheckbox__wrapper--relative" }, this.tooltip && t("img", { key: "7edd9a8cce9d66e7f6fb2d61a4513754df62d5df", class: "togglecheckbox__tooltip-icon", src: s, alt: "", ref: (e) => this.tooltipIconReference = e, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip()), t("div", { key: "49de8d42d4b9f4c5668de6379f015c92098578a6", class: `togglecheckbox__fields-wrapper ${this.showFields ? "" : "hidden"}` }, this.options.map((e) => t("general-input", { type: e.inputType, name: e.name, displayName: e.displayName, validation: e.validate, action: e.action || null, defaultValue: e.defaultValue, autofilled: e.autofill, emitValue: this.emitValue, language: this.language, "client-styling": this.clientStyling, tooltip: e.tooltip, placeholder: e.placeholder == null ? "" : e.placeholder, ref: (i) => this.subFieldsObject[e.name] = i }))));
|
|
58
|
-
}
|
|
59
|
-
static get watchers() {
|
|
60
|
-
return {
|
|
61
|
-
clientStyling: ["handleStylingChange"]
|
|
62
|
-
};
|
|
63
|
-
}
|
|
64
|
-
};
|
|
65
|
-
h.style = c;
|
|
66
|
-
export {
|
|
67
|
-
h as toggle_checkbox_input
|
|
68
|
-
};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
const I = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjUuNSIgc3Ryb2tlPSIjOTc5Nzk3Ii8+CjxyZWN0IHg9IjUiIHk9IjUiIHdpZHRoPSIyIiBoZWlnaHQ9IjUiIGZpbGw9IiM5Nzk3OTciLz4KPGNpcmNsZSBjeD0iNiIgY3k9IjMiIHI9IjEiIGZpbGw9IiM5Nzk3OTciLz4KPC9zdmc+Cg==";
|
|
2
|
-
export {
|
|
3
|
-
I as t
|
|
4
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const I="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjUuNSIgc3Ryb2tlPSIjOTc5Nzk3Ii8+CjxyZWN0IHg9IjUiIHk9IjUiIHdpZHRoPSIyIiBoZWlnaHQ9IjUiIGZpbGw9IiM5Nzk3OTciLz4KPGNpcmNsZSBjeD0iNiIgY3k9IjMiIHI9IjEiIGZpbGw9IiM5Nzk3OTciLz4KPC9zdmc+Cg==";exports.tooltipIconSvg=I;
|