@everymatrix/general-input 1.86.5 → 1.86.7
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/dist/cjs/checkbox-group-input_14.cjs.entry.js +114 -5
- package/dist/cjs/general-input.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/general-input/general-input.js +126 -2
- package/dist/collection/components/twofa-input/twofa-input.js +100 -2
- package/dist/esm/checkbox-group-input_14.entry.js +114 -5
- package/dist/esm/general-input.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/general-input/checkbox-group-input_14.entry.js +1 -1
- package/dist/general-input/general-input.esm.js +1 -1
- package/dist/types/components/general-input/general-input.d.ts +20 -0
- package/dist/types/components/twofa-input/twofa-input.d.ts +15 -0
- package/dist/types/components.d.ts +50 -0
- package/package.json +1 -1
|
@@ -12787,6 +12787,33 @@ const GeneralInputStyle0 = generalInputCss;
|
|
|
12787
12787
|
const GeneralInput = class {
|
|
12788
12788
|
constructor(hostRef) {
|
|
12789
12789
|
index.registerInstance(this, hostRef);
|
|
12790
|
+
this.registrationWidgetLoaded = index.createEvent(this, "registrationWidgetLoaded", 7);
|
|
12791
|
+
this.setClientStyling = () => {
|
|
12792
|
+
let sheet = document.createElement('style');
|
|
12793
|
+
sheet.innerHTML = this.clientStyling;
|
|
12794
|
+
this.host.shadowRoot.prepend(sheet);
|
|
12795
|
+
};
|
|
12796
|
+
this.setStreamStyling = (domain) => {
|
|
12797
|
+
if (window.emMessageBus) {
|
|
12798
|
+
const sheet = document.createElement('style');
|
|
12799
|
+
this.stylingSubscription = window.emMessageBus.subscribe(domain, (data) => {
|
|
12800
|
+
sheet.innerHTML = data;
|
|
12801
|
+
this.clientStyling = data;
|
|
12802
|
+
this.host.shadowRoot.prepend(sheet);
|
|
12803
|
+
});
|
|
12804
|
+
}
|
|
12805
|
+
};
|
|
12806
|
+
this.setClientStylingURL = () => {
|
|
12807
|
+
let url = new URL(this.clientStylingUrl);
|
|
12808
|
+
let cssFile = document.createElement('style');
|
|
12809
|
+
fetch(url.href)
|
|
12810
|
+
.then((res) => res.text())
|
|
12811
|
+
.then((data) => {
|
|
12812
|
+
cssFile.innerHTML = data;
|
|
12813
|
+
this.clientStyling = data;
|
|
12814
|
+
setTimeout(() => { this.host.shadowRoot.prepend(cssFile); }, 1);
|
|
12815
|
+
});
|
|
12816
|
+
};
|
|
12790
12817
|
this.handleClick = (event) => {
|
|
12791
12818
|
if (this.emitOnClick) {
|
|
12792
12819
|
event.stopPropagation();
|
|
@@ -12809,6 +12836,7 @@ const GeneralInput = class {
|
|
|
12809
12836
|
this.hidePasswordComplexity = false;
|
|
12810
12837
|
this.noValidation = false;
|
|
12811
12838
|
this.clientStyling = '';
|
|
12839
|
+
this.clientStylingUrl = '';
|
|
12812
12840
|
this.dateFormat = undefined;
|
|
12813
12841
|
this.translationUrl = '';
|
|
12814
12842
|
this.emitOnClick = false;
|
|
@@ -12818,12 +12846,41 @@ const GeneralInput = class {
|
|
|
12818
12846
|
this.postalcodelength = undefined;
|
|
12819
12847
|
this.addresses = [];
|
|
12820
12848
|
this.ignoreCountry = false;
|
|
12849
|
+
this.mbSource = undefined;
|
|
12850
|
+
this.limitStylingAppends = false;
|
|
12851
|
+
}
|
|
12852
|
+
handleStylingChange(newValue, oldValue) {
|
|
12853
|
+
if (newValue !== oldValue)
|
|
12854
|
+
this.setClientStyling();
|
|
12855
|
+
}
|
|
12856
|
+
handleStylingUrlChange(newValue, oldValue) {
|
|
12857
|
+
if (newValue !== oldValue)
|
|
12858
|
+
this.setClientStylingURL();
|
|
12821
12859
|
}
|
|
12822
12860
|
connectedCallback() {
|
|
12823
12861
|
if (this.translationUrl) {
|
|
12824
12862
|
getTranslations(this.translationUrl);
|
|
12825
12863
|
}
|
|
12826
12864
|
}
|
|
12865
|
+
disconnectedCallback() {
|
|
12866
|
+
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
12867
|
+
}
|
|
12868
|
+
componentDidLoad() {
|
|
12869
|
+
this.registrationWidgetLoaded.emit();
|
|
12870
|
+
window.postMessage({ type: 'registrationWidgetLoaded' }, window.location.href);
|
|
12871
|
+
if (!this.limitStylingAppends && this.host) {
|
|
12872
|
+
if (window.emMessageBus != undefined) {
|
|
12873
|
+
this.setStreamStyling(`${this.mbSource}.Style`);
|
|
12874
|
+
}
|
|
12875
|
+
else {
|
|
12876
|
+
if (this.clientStyling)
|
|
12877
|
+
this.setClientStyling();
|
|
12878
|
+
if (this.clientStylingUrl)
|
|
12879
|
+
this.setClientStylingURL();
|
|
12880
|
+
this.limitStylingAppends = true;
|
|
12881
|
+
}
|
|
12882
|
+
}
|
|
12883
|
+
}
|
|
12827
12884
|
renderInput() {
|
|
12828
12885
|
var _a;
|
|
12829
12886
|
switch ((_a = this.type) === null || _a === void 0 ? void 0 : _a.toLowerCase()) {
|
|
@@ -12855,14 +12912,19 @@ const GeneralInput = class {
|
|
|
12855
12912
|
case 'dropdown':
|
|
12856
12913
|
return index.h("select-input", { name: this.name, action: this.action, defaultValue: this.defaultValue, displayName: this.displayName, options: this.options, validation: this.validation, emitValue: this.emitValue, autofilled: this.autofilled, language: this.language, "client-styling": this.clientStyling, tooltip: this.tooltip, placeholder: this.placeholder });
|
|
12857
12914
|
case 'twofa':
|
|
12858
|
-
return index.h("twofa-input", { name: this.name, displayName: this.displayName, validation: this.validation, emitValue: this.emitValue, language: this.language, "client-styling": this.clientStyling, tooltip: this.tooltip, destination: this.twofaDestination, "resend-interval-seconds": this.twofaResendIntervalSeconds });
|
|
12915
|
+
return index.h("twofa-input", { name: this.name, displayName: this.displayName, validation: this.validation, emitValue: this.emitValue, language: this.language, "client-styling": this.clientStyling, tooltip: this.tooltip, destination: this.twofaDestination, "resend-interval-seconds": this.twofaResendIntervalSeconds, "mb-source": this.mbSource });
|
|
12859
12916
|
default:
|
|
12860
12917
|
return index.h("p", null, "The ", this.type, " input type is not valid");
|
|
12861
12918
|
}
|
|
12862
12919
|
}
|
|
12863
12920
|
render() {
|
|
12864
|
-
return (index.h(index.Host, { key: '
|
|
12921
|
+
return (index.h(index.Host, { key: '134ef4b9ef8814a9b77c5db5b5085b0fe4e79c92', class: `general-input--${this.name}`, onClick: this.handleClick }, this.renderInput()));
|
|
12865
12922
|
}
|
|
12923
|
+
get host() { return index.getElement(this); }
|
|
12924
|
+
static get watchers() { return {
|
|
12925
|
+
"clientStyling": ["handleStylingChange"],
|
|
12926
|
+
"clientStylingUrl": ["handleStylingUrlChange"]
|
|
12927
|
+
}; }
|
|
12866
12928
|
};
|
|
12867
12929
|
GeneralInput.style = GeneralInputStyle0;
|
|
12868
12930
|
|
|
@@ -14451,6 +14513,7 @@ const TwofaInputStyle0 = twofaInputCss;
|
|
|
14451
14513
|
const TwofaInput = class {
|
|
14452
14514
|
constructor(hostRef) {
|
|
14453
14515
|
index.registerInstance(this, hostRef);
|
|
14516
|
+
this.registrationWidgetLoaded = index.createEvent(this, "registrationWidgetLoaded", 7);
|
|
14454
14517
|
this.sendValidityState = index.createEvent(this, "sendValidityState", 7);
|
|
14455
14518
|
this.sendInputValue = index.createEvent(this, "sendInputValue", 7);
|
|
14456
14519
|
this.resendCode = index.createEvent(this, "resendCode", 7);
|
|
@@ -14465,6 +14528,17 @@ const TwofaInput = class {
|
|
|
14465
14528
|
this.triggerResendInterval();
|
|
14466
14529
|
this.resendCode.emit();
|
|
14467
14530
|
};
|
|
14531
|
+
this.setClientStylingURL = () => {
|
|
14532
|
+
let url = new URL(this.clientStylingUrl);
|
|
14533
|
+
let cssFile = document.createElement('style');
|
|
14534
|
+
fetch(url.href)
|
|
14535
|
+
.then((res) => res.text())
|
|
14536
|
+
.then((data) => {
|
|
14537
|
+
cssFile.innerHTML = data;
|
|
14538
|
+
this.clientStyling = data;
|
|
14539
|
+
setTimeout(() => { this.host.shadowRoot.prepend(cssFile); }, 1);
|
|
14540
|
+
});
|
|
14541
|
+
};
|
|
14468
14542
|
this.setInputRef = (el, idx) => {
|
|
14469
14543
|
if (el) {
|
|
14470
14544
|
this.inputRefs[idx] = el;
|
|
@@ -14521,6 +14595,16 @@ const TwofaInput = class {
|
|
|
14521
14595
|
sheet.innerHTML = this.clientStyling;
|
|
14522
14596
|
this.stylingContainer.prepend(sheet);
|
|
14523
14597
|
};
|
|
14598
|
+
this.setStreamStyling = (domain) => {
|
|
14599
|
+
if (window.emMessageBus) {
|
|
14600
|
+
const sheet = document.createElement('style');
|
|
14601
|
+
this.stylingSubscription = window.emMessageBus.subscribe(domain, (data) => {
|
|
14602
|
+
sheet.innerHTML = data;
|
|
14603
|
+
this.clientStyling = data;
|
|
14604
|
+
this.host.shadowRoot.prepend(sheet);
|
|
14605
|
+
});
|
|
14606
|
+
}
|
|
14607
|
+
};
|
|
14524
14608
|
this.name = '';
|
|
14525
14609
|
this.displayName = '';
|
|
14526
14610
|
this.placeholder = '';
|
|
@@ -14531,6 +14615,8 @@ const TwofaInput = class {
|
|
|
14531
14615
|
this.destination = '';
|
|
14532
14616
|
this.resendIntervalSeconds = 60;
|
|
14533
14617
|
this.clientStyling = '';
|
|
14618
|
+
this.clientStylingUrl = '';
|
|
14619
|
+
this.mbSource = undefined;
|
|
14534
14620
|
this.limitStylingAppends = false;
|
|
14535
14621
|
this.isValid = false;
|
|
14536
14622
|
this.isResendButtonAvailable = true;
|
|
@@ -14554,6 +14640,10 @@ const TwofaInput = class {
|
|
|
14554
14640
|
this.valueHandler({ name: this.name, value: this.code.join('') });
|
|
14555
14641
|
}
|
|
14556
14642
|
}
|
|
14643
|
+
handleStylingUrlChange(newValue, oldValue) {
|
|
14644
|
+
if (newValue !== oldValue)
|
|
14645
|
+
this.setClientStylingURL();
|
|
14646
|
+
}
|
|
14557
14647
|
validityStateHandler(inputStateEvent) {
|
|
14558
14648
|
this.sendValidityState.emit(inputStateEvent);
|
|
14559
14649
|
}
|
|
@@ -14570,6 +14660,9 @@ const TwofaInput = class {
|
|
|
14570
14660
|
this.validationPattern = this.setPattern();
|
|
14571
14661
|
this.code = new Array(this.validation.maxLength).fill('');
|
|
14572
14662
|
}
|
|
14663
|
+
disconnectedCallback() {
|
|
14664
|
+
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
14665
|
+
}
|
|
14573
14666
|
componentDidRender() {
|
|
14574
14667
|
if (!this.limitStylingAppends && this.stylingContainer) {
|
|
14575
14668
|
if (this.clientStyling) {
|
|
@@ -14580,6 +14673,20 @@ const TwofaInput = class {
|
|
|
14580
14673
|
}
|
|
14581
14674
|
componentDidLoad() {
|
|
14582
14675
|
this.setValidity();
|
|
14676
|
+
this.registrationWidgetLoaded.emit();
|
|
14677
|
+
window.postMessage({ type: 'registrationWidgetLoaded' }, window.location.href);
|
|
14678
|
+
if (!this.limitStylingAppends && this.host) {
|
|
14679
|
+
if (window.emMessageBus != undefined) {
|
|
14680
|
+
this.setStreamStyling(`${this.mbSource}.Style`);
|
|
14681
|
+
}
|
|
14682
|
+
else {
|
|
14683
|
+
if (this.clientStyling)
|
|
14684
|
+
this.setClientStyling();
|
|
14685
|
+
if (this.clientStylingUrl)
|
|
14686
|
+
this.setClientStylingURL();
|
|
14687
|
+
this.limitStylingAppends = true;
|
|
14688
|
+
}
|
|
14689
|
+
}
|
|
14583
14690
|
}
|
|
14584
14691
|
handleKeyDown(e, idx) {
|
|
14585
14692
|
if (e.key === 'Backspace') {
|
|
@@ -14647,16 +14754,18 @@ const TwofaInput = class {
|
|
|
14647
14754
|
return null;
|
|
14648
14755
|
}
|
|
14649
14756
|
render() {
|
|
14650
|
-
return (index.h("div", { key: '
|
|
14757
|
+
return (index.h("div", { key: '45f0c8c7d88898a5474bff460ce962e8bb1e8634', class: "twofa", ref: el => this.stylingContainer = el }, index.h("div", { key: 'b40e81587ad9c7b67c112c8867104e761db7e3bc', class: 'twofa__error-message' }, index.h("p", { key: '760c694f6f71f040e85f81a67d3d41524c23130f' }, this.errorMessage)), index.h("div", { key: '2b437a5108e3989d2ddf596dc4a97d2071448154', class: "twofa__description", innerHTML: translate('twofaDescription', this.language, { values: { destination: this.destination } }) }), index.h("div", { key: '84df3ebbe4077ba8462c08cc7956349ec4a55b79', class: "twofa__input-wrapper", ref: this.setContainerRef }, this.code.map((char, idx) => {
|
|
14651
14758
|
return (index.h("input", { key: idx, ref: el => this.setInputRef(el, idx), id: `otp-input-${idx}`, type: "text", maxLength: 2, value: char, onInput: (event) => this.handleInput(event, idx), onKeyDown: (event) => this.handleKeyDown(event, idx), onPaste: (event) => this.handlePaste(event) }));
|
|
14652
|
-
})), index.h("div", { key: '
|
|
14759
|
+
})), index.h("div", { key: 'abdf6e2a3ff7ef6436b59206c40ada5305543db3', class: "twofa__button-wrapper" }, index.h("p", { key: 'e0859c58e48741eb379fbcaf23519bb90404489b', class: "twofa__resend-message" }, translate('twofaResendMessage', this.language)), index.h("button", { key: '89aa3a93a9b97029fd315450892cef5edd5d5294', class: "twofa__resend-button", onClick: this.resendCodeHandler, disabled: !this.isResendButtonAvailable }, this.isResendButtonAvailable
|
|
14653
14760
|
? translate('twofaResendButton', this.language)
|
|
14654
14761
|
: this.formatTime()))));
|
|
14655
14762
|
}
|
|
14763
|
+
get host() { return index.getElement(this); }
|
|
14656
14764
|
static get watchers() { return {
|
|
14657
14765
|
"clientStyling": ["handleStylingChange"],
|
|
14658
14766
|
"isValid": ["validityChanged"],
|
|
14659
|
-
"emitValue": ["emitValueHandler"]
|
|
14767
|
+
"emitValue": ["emitValueHandler"],
|
|
14768
|
+
"clientStylingUrl": ["handleStylingUrlChange"]
|
|
14660
14769
|
}; }
|
|
14661
14770
|
};
|
|
14662
14771
|
TwofaInput.style = TwofaInputStyle0;
|
|
@@ -19,7 +19,7 @@ var patchBrowser = () => {
|
|
|
19
19
|
|
|
20
20
|
patchBrowser().then(async (options) => {
|
|
21
21
|
await appGlobals.globalScripts();
|
|
22
|
-
return index.bootstrapLazy([["checkbox-group-input_14.cjs",[[1,"general-input",{"type":[513],"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"action":[513],"validation":[16],"options":[520],"language":[513],"autofilled":[516],"tooltip":[513],"defaultValue":[520,"default-value"],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"noValidation":[516,"no-validation"],"clientStyling":[520,"client-styling"],"dateFormat":[513,"date-format"],"translationUrl":[513,"translation-url"],"emitOnClick":[516,"emit-on-click"],"twofaDestination":[513,"twofa-destination"],"twofaResendIntervalSeconds":[514,"twofa-resend-interval-seconds"],"haspostalcodelookup":[516],"postalcodelength":[514],"addresses":[520],"ignoreCountry":[516,"ignore-country"]}],[1,"toggle-checkbox-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"options":[16],"autofilled":[516],"tooltip":[513],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32],"showFields":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"]}],[1,"checkbox-group-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"options":[16],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedValues":[32],"showCheckboxes":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"selectedValues":["setValue"],"emitValue":["emitValueHandler"]}],[1,"checkbox-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"date-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"dateFormat":[513,"date-format"],"emitOnClick":[516,"emit-on-click"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"email-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"number-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"password-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"validation":[16],"noValidation":[516,"no-validation"],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"clientStyling":[513,"client-styling"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"passwordComplexity":[32],"showPopup":[32],"value":[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"value":["valueChanged"],"emitValue":["emitValueHandler"]}],[1,"postalcode-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"postalcodelength":[520],"addresses":[520],"ignoreCountry":[516,"ignore-country"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedCountryCode":[32],"currentPostalCode":[32],"openAddressDropdown":[32],"showNoResultsMessage":[32],"refreshTrigger":[32],"isFetchingAddresses":[32]},[[10,"click","handleClickOutside"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[8,"addressFetchStarted","handleFetchStarted"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"],"addresses":["handleAddresses"]}],[1,"radio-input",{"name":[513],"displayName":[513,"display-name"],"optionsGroup":[16],"validation":[16],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"select-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"action":[513],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"options":[16],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"tel-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"showLabels":[516,"show-labels"],"action":[513],"validation":[16],"defaultValue":[520,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"disablePhonePrefix":[32],"phoneValue":[32],"phoneCodesOptions":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"text-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"checkValidity":[516,"check-validity"],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"clientStyling":[513,"client-styling"],"haspostalcodelookup":[516],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedCountryCode":[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[16,"sendAddressValue","handleAddressSelection"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"twofa-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"destination":[513],"resendIntervalSeconds":[514,"resend-interval-seconds"],"clientStyling":[513,"client-styling"],"limitStylingAppends":[32],"isValid":[32],"isResendButtonAvailable":[32],"showTooltip":[32],"errorMessage":[32],"code":[32],"resendIntervalSecondsLeft":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}]]]], options);
|
|
22
|
+
return index.bootstrapLazy([["checkbox-group-input_14.cjs",[[1,"general-input",{"type":[513],"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"action":[513],"validation":[16],"options":[520],"language":[513],"autofilled":[516],"tooltip":[513],"defaultValue":[520,"default-value"],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"noValidation":[516,"no-validation"],"clientStyling":[520,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"dateFormat":[513,"date-format"],"translationUrl":[513,"translation-url"],"emitOnClick":[516,"emit-on-click"],"twofaDestination":[513,"twofa-destination"],"twofaResendIntervalSeconds":[514,"twofa-resend-interval-seconds"],"haspostalcodelookup":[516],"postalcodelength":[514],"addresses":[520],"ignoreCountry":[516,"ignore-country"],"mbSource":[513,"mb-source"],"limitStylingAppends":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"toggle-checkbox-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"options":[16],"autofilled":[516],"tooltip":[513],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32],"showFields":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"]}],[1,"checkbox-group-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"options":[16],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedValues":[32],"showCheckboxes":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"selectedValues":["setValue"],"emitValue":["emitValueHandler"]}],[1,"checkbox-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"date-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"dateFormat":[513,"date-format"],"emitOnClick":[516,"emit-on-click"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"email-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"number-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"password-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"validation":[16],"noValidation":[516,"no-validation"],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"clientStyling":[513,"client-styling"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"passwordComplexity":[32],"showPopup":[32],"value":[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"value":["valueChanged"],"emitValue":["emitValueHandler"]}],[1,"postalcode-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"postalcodelength":[520],"addresses":[520],"ignoreCountry":[516,"ignore-country"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedCountryCode":[32],"currentPostalCode":[32],"openAddressDropdown":[32],"showNoResultsMessage":[32],"refreshTrigger":[32],"isFetchingAddresses":[32]},[[10,"click","handleClickOutside"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[8,"addressFetchStarted","handleFetchStarted"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"],"addresses":["handleAddresses"]}],[1,"radio-input",{"name":[513],"displayName":[513,"display-name"],"optionsGroup":[16],"validation":[16],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"select-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"action":[513],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"options":[16],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"tel-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"showLabels":[516,"show-labels"],"action":[513],"validation":[16],"defaultValue":[520,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"disablePhonePrefix":[32],"phoneValue":[32],"phoneCodesOptions":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"text-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"checkValidity":[516,"check-validity"],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"clientStyling":[513,"client-styling"],"haspostalcodelookup":[516],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedCountryCode":[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[16,"sendAddressValue","handleAddressSelection"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"twofa-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"destination":[513],"resendIntervalSeconds":[514,"resend-interval-seconds"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"limitStylingAppends":[32],"isValid":[32],"isResendButtonAvailable":[32],"showTooltip":[32],"errorMessage":[32],"code":[32],"resendIntervalSecondsLeft":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"],"clientStylingUrl":["handleStylingUrlChange"]}]]]], options);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|
|
9
9
|
if (typeof window === 'undefined') return undefined;
|
|
10
10
|
await appGlobals.globalScripts();
|
|
11
|
-
return index.bootstrapLazy([["checkbox-group-input_14.cjs",[[1,"general-input",{"type":[513],"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"action":[513],"validation":[16],"options":[520],"language":[513],"autofilled":[516],"tooltip":[513],"defaultValue":[520,"default-value"],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"noValidation":[516,"no-validation"],"clientStyling":[520,"client-styling"],"dateFormat":[513,"date-format"],"translationUrl":[513,"translation-url"],"emitOnClick":[516,"emit-on-click"],"twofaDestination":[513,"twofa-destination"],"twofaResendIntervalSeconds":[514,"twofa-resend-interval-seconds"],"haspostalcodelookup":[516],"postalcodelength":[514],"addresses":[520],"ignoreCountry":[516,"ignore-country"]}],[1,"toggle-checkbox-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"options":[16],"autofilled":[516],"tooltip":[513],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32],"showFields":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"]}],[1,"checkbox-group-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"options":[16],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedValues":[32],"showCheckboxes":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"selectedValues":["setValue"],"emitValue":["emitValueHandler"]}],[1,"checkbox-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"date-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"dateFormat":[513,"date-format"],"emitOnClick":[516,"emit-on-click"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"email-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"number-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"password-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"validation":[16],"noValidation":[516,"no-validation"],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"clientStyling":[513,"client-styling"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"passwordComplexity":[32],"showPopup":[32],"value":[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"value":["valueChanged"],"emitValue":["emitValueHandler"]}],[1,"postalcode-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"postalcodelength":[520],"addresses":[520],"ignoreCountry":[516,"ignore-country"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedCountryCode":[32],"currentPostalCode":[32],"openAddressDropdown":[32],"showNoResultsMessage":[32],"refreshTrigger":[32],"isFetchingAddresses":[32]},[[10,"click","handleClickOutside"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[8,"addressFetchStarted","handleFetchStarted"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"],"addresses":["handleAddresses"]}],[1,"radio-input",{"name":[513],"displayName":[513,"display-name"],"optionsGroup":[16],"validation":[16],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"select-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"action":[513],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"options":[16],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"tel-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"showLabels":[516,"show-labels"],"action":[513],"validation":[16],"defaultValue":[520,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"disablePhonePrefix":[32],"phoneValue":[32],"phoneCodesOptions":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"text-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"checkValidity":[516,"check-validity"],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"clientStyling":[513,"client-styling"],"haspostalcodelookup":[516],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedCountryCode":[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[16,"sendAddressValue","handleAddressSelection"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"twofa-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"destination":[513],"resendIntervalSeconds":[514,"resend-interval-seconds"],"clientStyling":[513,"client-styling"],"limitStylingAppends":[32],"isValid":[32],"isResendButtonAvailable":[32],"showTooltip":[32],"errorMessage":[32],"code":[32],"resendIntervalSecondsLeft":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}]]]], options);
|
|
11
|
+
return index.bootstrapLazy([["checkbox-group-input_14.cjs",[[1,"general-input",{"type":[513],"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"action":[513],"validation":[16],"options":[520],"language":[513],"autofilled":[516],"tooltip":[513],"defaultValue":[520,"default-value"],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"noValidation":[516,"no-validation"],"clientStyling":[520,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"dateFormat":[513,"date-format"],"translationUrl":[513,"translation-url"],"emitOnClick":[516,"emit-on-click"],"twofaDestination":[513,"twofa-destination"],"twofaResendIntervalSeconds":[514,"twofa-resend-interval-seconds"],"haspostalcodelookup":[516],"postalcodelength":[514],"addresses":[520],"ignoreCountry":[516,"ignore-country"],"mbSource":[513,"mb-source"],"limitStylingAppends":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"toggle-checkbox-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"options":[16],"autofilled":[516],"tooltip":[513],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32],"showFields":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"]}],[1,"checkbox-group-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"options":[16],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedValues":[32],"showCheckboxes":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"selectedValues":["setValue"],"emitValue":["emitValueHandler"]}],[1,"checkbox-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"date-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"dateFormat":[513,"date-format"],"emitOnClick":[516,"emit-on-click"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"email-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"number-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"password-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"validation":[16],"noValidation":[516,"no-validation"],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"hidePasswordComplexity":[516,"hide-password-complexity"],"clientStyling":[513,"client-styling"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"passwordComplexity":[32],"showPopup":[32],"value":[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"value":["valueChanged"],"emitValue":["emitValueHandler"]}],[1,"postalcode-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"postalcodelength":[520],"addresses":[520],"ignoreCountry":[516,"ignore-country"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedCountryCode":[32],"currentPostalCode":[32],"openAddressDropdown":[32],"showNoResultsMessage":[32],"refreshTrigger":[32],"isFetchingAddresses":[32]},[[10,"click","handleClickOutside"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[8,"addressFetchStarted","handleFetchStarted"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"],"addresses":["handleAddresses"]}],[1,"radio-input",{"name":[513],"displayName":[513,"display-name"],"optionsGroup":[16],"validation":[16],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"select-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"action":[513],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"options":[16],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"tel-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"showLabels":[516,"show-labels"],"action":[513],"validation":[16],"defaultValue":[520,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"disablePhonePrefix":[32],"phoneValue":[32],"phoneCodesOptions":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"text-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"checkValidity":[516,"check-validity"],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"clientStyling":[513,"client-styling"],"haspostalcodelookup":[516],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedCountryCode":[32]},[[10,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"],[8,"countryCodeUpdated","handleCountryCodeUpdate"],[16,"sendAddressValue","handleAddressSelection"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"twofa-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"destination":[513],"resendIntervalSeconds":[514,"resend-interval-seconds"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"limitStylingAppends":[32],"isValid":[32],"isResendButtonAvailable":[32],"showTooltip":[32],"errorMessage":[32],"code":[32],"resendIntervalSecondsLeft":[32]},[[10,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"],"clientStylingUrl":["handleStylingUrlChange"]}]]]], options);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.setNonce = index.setNonce;
|
|
@@ -3,6 +3,32 @@ import { getTranslations } from "../../utils/locale.utils";
|
|
|
3
3
|
import "../../../../../../../libs/vaadin-facade/index";
|
|
4
4
|
export class GeneralInput {
|
|
5
5
|
constructor() {
|
|
6
|
+
this.setClientStyling = () => {
|
|
7
|
+
let sheet = document.createElement('style');
|
|
8
|
+
sheet.innerHTML = this.clientStyling;
|
|
9
|
+
this.host.shadowRoot.prepend(sheet);
|
|
10
|
+
};
|
|
11
|
+
this.setStreamStyling = (domain) => {
|
|
12
|
+
if (window.emMessageBus) {
|
|
13
|
+
const sheet = document.createElement('style');
|
|
14
|
+
this.stylingSubscription = window.emMessageBus.subscribe(domain, (data) => {
|
|
15
|
+
sheet.innerHTML = data;
|
|
16
|
+
this.clientStyling = data;
|
|
17
|
+
this.host.shadowRoot.prepend(sheet);
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
this.setClientStylingURL = () => {
|
|
22
|
+
let url = new URL(this.clientStylingUrl);
|
|
23
|
+
let cssFile = document.createElement('style');
|
|
24
|
+
fetch(url.href)
|
|
25
|
+
.then((res) => res.text())
|
|
26
|
+
.then((data) => {
|
|
27
|
+
cssFile.innerHTML = data;
|
|
28
|
+
this.clientStyling = data;
|
|
29
|
+
setTimeout(() => { this.host.shadowRoot.prepend(cssFile); }, 1);
|
|
30
|
+
});
|
|
31
|
+
};
|
|
6
32
|
this.handleClick = (event) => {
|
|
7
33
|
if (this.emitOnClick) {
|
|
8
34
|
event.stopPropagation();
|
|
@@ -25,6 +51,7 @@ export class GeneralInput {
|
|
|
25
51
|
this.hidePasswordComplexity = false;
|
|
26
52
|
this.noValidation = false;
|
|
27
53
|
this.clientStyling = '';
|
|
54
|
+
this.clientStylingUrl = '';
|
|
28
55
|
this.dateFormat = undefined;
|
|
29
56
|
this.translationUrl = '';
|
|
30
57
|
this.emitOnClick = false;
|
|
@@ -34,12 +61,41 @@ export class GeneralInput {
|
|
|
34
61
|
this.postalcodelength = undefined;
|
|
35
62
|
this.addresses = [];
|
|
36
63
|
this.ignoreCountry = false;
|
|
64
|
+
this.mbSource = undefined;
|
|
65
|
+
this.limitStylingAppends = false;
|
|
66
|
+
}
|
|
67
|
+
handleStylingChange(newValue, oldValue) {
|
|
68
|
+
if (newValue !== oldValue)
|
|
69
|
+
this.setClientStyling();
|
|
70
|
+
}
|
|
71
|
+
handleStylingUrlChange(newValue, oldValue) {
|
|
72
|
+
if (newValue !== oldValue)
|
|
73
|
+
this.setClientStylingURL();
|
|
37
74
|
}
|
|
38
75
|
connectedCallback() {
|
|
39
76
|
if (this.translationUrl) {
|
|
40
77
|
getTranslations(this.translationUrl);
|
|
41
78
|
}
|
|
42
79
|
}
|
|
80
|
+
disconnectedCallback() {
|
|
81
|
+
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
82
|
+
}
|
|
83
|
+
componentDidLoad() {
|
|
84
|
+
this.registrationWidgetLoaded.emit();
|
|
85
|
+
window.postMessage({ type: 'registrationWidgetLoaded' }, window.location.href);
|
|
86
|
+
if (!this.limitStylingAppends && this.host) {
|
|
87
|
+
if (window.emMessageBus != undefined) {
|
|
88
|
+
this.setStreamStyling(`${this.mbSource}.Style`);
|
|
89
|
+
}
|
|
90
|
+
else {
|
|
91
|
+
if (this.clientStyling)
|
|
92
|
+
this.setClientStyling();
|
|
93
|
+
if (this.clientStylingUrl)
|
|
94
|
+
this.setClientStylingURL();
|
|
95
|
+
this.limitStylingAppends = true;
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
}
|
|
43
99
|
renderInput() {
|
|
44
100
|
var _a;
|
|
45
101
|
switch ((_a = this.type) === null || _a === void 0 ? void 0 : _a.toLowerCase()) {
|
|
@@ -71,13 +127,13 @@ export class GeneralInput {
|
|
|
71
127
|
case 'dropdown':
|
|
72
128
|
return h("select-input", { name: this.name, action: this.action, defaultValue: this.defaultValue, displayName: this.displayName, options: this.options, validation: this.validation, emitValue: this.emitValue, autofilled: this.autofilled, language: this.language, "client-styling": this.clientStyling, tooltip: this.tooltip, placeholder: this.placeholder });
|
|
73
129
|
case 'twofa':
|
|
74
|
-
return h("twofa-input", { name: this.name, displayName: this.displayName, validation: this.validation, emitValue: this.emitValue, language: this.language, "client-styling": this.clientStyling, tooltip: this.tooltip, destination: this.twofaDestination, "resend-interval-seconds": this.twofaResendIntervalSeconds });
|
|
130
|
+
return h("twofa-input", { name: this.name, displayName: this.displayName, validation: this.validation, emitValue: this.emitValue, language: this.language, "client-styling": this.clientStyling, tooltip: this.tooltip, destination: this.twofaDestination, "resend-interval-seconds": this.twofaResendIntervalSeconds, "mb-source": this.mbSource });
|
|
75
131
|
default:
|
|
76
132
|
return h("p", null, "The ", this.type, " input type is not valid");
|
|
77
133
|
}
|
|
78
134
|
}
|
|
79
135
|
render() {
|
|
80
|
-
return (h(Host, { key: '
|
|
136
|
+
return (h(Host, { key: '134ef4b9ef8814a9b77c5db5b5085b0fe4e79c92', class: `general-input--${this.name}`, onClick: this.handleClick }, this.renderInput()));
|
|
81
137
|
}
|
|
82
138
|
static get is() { return "general-input"; }
|
|
83
139
|
static get encapsulation() { return "shadow"; }
|
|
@@ -373,6 +429,24 @@ export class GeneralInput {
|
|
|
373
429
|
"reflect": true,
|
|
374
430
|
"defaultValue": "''"
|
|
375
431
|
},
|
|
432
|
+
"clientStylingUrl": {
|
|
433
|
+
"type": "string",
|
|
434
|
+
"mutable": false,
|
|
435
|
+
"complexType": {
|
|
436
|
+
"original": "string",
|
|
437
|
+
"resolved": "string",
|
|
438
|
+
"references": {}
|
|
439
|
+
},
|
|
440
|
+
"required": false,
|
|
441
|
+
"optional": false,
|
|
442
|
+
"docs": {
|
|
443
|
+
"tags": [],
|
|
444
|
+
"text": "Client custom styling via url"
|
|
445
|
+
},
|
|
446
|
+
"attribute": "client-styling-url",
|
|
447
|
+
"reflect": true,
|
|
448
|
+
"defaultValue": "''"
|
|
449
|
+
},
|
|
376
450
|
"dateFormat": {
|
|
377
451
|
"type": "string",
|
|
378
452
|
"mutable": false,
|
|
@@ -530,7 +604,57 @@ export class GeneralInput {
|
|
|
530
604
|
"attribute": "ignore-country",
|
|
531
605
|
"reflect": true,
|
|
532
606
|
"defaultValue": "false"
|
|
607
|
+
},
|
|
608
|
+
"mbSource": {
|
|
609
|
+
"type": "string",
|
|
610
|
+
"mutable": false,
|
|
611
|
+
"complexType": {
|
|
612
|
+
"original": "string",
|
|
613
|
+
"resolved": "string",
|
|
614
|
+
"references": {}
|
|
615
|
+
},
|
|
616
|
+
"required": false,
|
|
617
|
+
"optional": false,
|
|
618
|
+
"docs": {
|
|
619
|
+
"tags": [],
|
|
620
|
+
"text": "Client custom styling via message bus"
|
|
621
|
+
},
|
|
622
|
+
"attribute": "mb-source",
|
|
623
|
+
"reflect": true
|
|
533
624
|
}
|
|
534
625
|
};
|
|
535
626
|
}
|
|
627
|
+
static get states() {
|
|
628
|
+
return {
|
|
629
|
+
"limitStylingAppends": {}
|
|
630
|
+
};
|
|
631
|
+
}
|
|
632
|
+
static get events() {
|
|
633
|
+
return [{
|
|
634
|
+
"method": "registrationWidgetLoaded",
|
|
635
|
+
"name": "registrationWidgetLoaded",
|
|
636
|
+
"bubbles": true,
|
|
637
|
+
"cancelable": true,
|
|
638
|
+
"composed": true,
|
|
639
|
+
"docs": {
|
|
640
|
+
"tags": [],
|
|
641
|
+
"text": ""
|
|
642
|
+
},
|
|
643
|
+
"complexType": {
|
|
644
|
+
"original": "any",
|
|
645
|
+
"resolved": "any",
|
|
646
|
+
"references": {}
|
|
647
|
+
}
|
|
648
|
+
}];
|
|
649
|
+
}
|
|
650
|
+
static get elementRef() { return "host"; }
|
|
651
|
+
static get watchers() {
|
|
652
|
+
return [{
|
|
653
|
+
"propName": "clientStyling",
|
|
654
|
+
"methodName": "handleStylingChange"
|
|
655
|
+
}, {
|
|
656
|
+
"propName": "clientStylingUrl",
|
|
657
|
+
"methodName": "handleStylingUrlChange"
|
|
658
|
+
}];
|
|
659
|
+
}
|
|
536
660
|
}
|