@everymatrix/general-input 1.80.10 → 1.80.11
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_13.cjs.entry.js → checkbox-group-input_14.cjs.entry.js} +422 -19
- package/dist/cjs/general-input.cjs.js +1 -1
- package/dist/cjs/index-3b546c2c.js +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/general-input/general-input.js +64 -4
- package/dist/collection/components/postalcode-input/postalcode-input.css +221 -0
- package/dist/collection/components/postalcode-input/postalcode-input.js +673 -0
- package/dist/collection/components/radio-input/radio-input.js +2 -2
- package/dist/collection/components/select-input/select-input.js +3 -3
- package/dist/collection/components/tel-input/tel-input.js +2 -2
- package/dist/collection/components/text-input/text-input.css +17 -0
- package/dist/collection/components/text-input/text-input.js +79 -6
- package/dist/collection/components/toggle-checkbox-input/toggle-checkbox-input.js +2 -2
- package/dist/collection/components/twofa-input/twofa-input.js +2 -2
- package/dist/collection/utils/locale.utils.js +3 -0
- package/dist/esm/{checkbox-group-input_13.entry.js → checkbox-group-input_14.entry.js} +422 -20
- package/dist/esm/general-input.js +1 -1
- package/dist/esm/index-ca174b7a.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/general-input/{checkbox-group-input_13.entry.js → checkbox-group-input_14.entry.js} +165 -165
- package/dist/general-input/general-input.esm.js +1 -1
- package/dist/types/components/general-input/general-input.d.ts +18 -2
- package/dist/types/components/postalcode-input/postalcode-input.d.ts +111 -0
- package/dist/types/components/text-input/text-input.d.ts +12 -0
- package/dist/types/components.d.ts +165 -4
- package/package.json +1 -1
|
@@ -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-
|
|
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]}],[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],"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);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
|
@@ -71,10 +71,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
71
71
|
}
|
|
72
72
|
switch(bundleId) {
|
|
73
73
|
|
|
74
|
-
case 'checkbox-group-
|
|
74
|
+
case 'checkbox-group-input_14.cjs':
|
|
75
75
|
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
76
76
|
/* webpackMode: "lazy" */
|
|
77
|
-
'./checkbox-group-
|
|
77
|
+
'./checkbox-group-input_14.cjs.entry.js')); }).then(processMod, consoleError);
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
80
|
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
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-
|
|
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]}],[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],"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);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.setNonce = index.setNonce;
|
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
"components/email-input/email-input.js",
|
|
8
8
|
"components/number-input/number-input.js",
|
|
9
9
|
"components/password-input/password-input.js",
|
|
10
|
+
"components/postalcode-input/postalcode-input.js",
|
|
10
11
|
"components/radio-input/radio-input.js",
|
|
11
12
|
"components/select-input/select-input.js",
|
|
12
13
|
"components/tel-input/tel-input.js",
|
|
@@ -30,6 +30,9 @@ export class GeneralInput {
|
|
|
30
30
|
this.emitOnClick = false;
|
|
31
31
|
this.twofaDestination = undefined;
|
|
32
32
|
this.twofaResendIntervalSeconds = 60;
|
|
33
|
+
this.haspostalcodelookup = undefined;
|
|
34
|
+
this.postalcodelength = undefined;
|
|
35
|
+
this.addresses = [];
|
|
33
36
|
}
|
|
34
37
|
connectedCallback() {
|
|
35
38
|
if (this.translationUrl) {
|
|
@@ -40,7 +43,12 @@ export class GeneralInput {
|
|
|
40
43
|
var _a;
|
|
41
44
|
switch ((_a = this.type) === null || _a === void 0 ? void 0 : _a.toLowerCase()) {
|
|
42
45
|
case 'text':
|
|
43
|
-
|
|
46
|
+
if (this.haspostalcodelookup && this.name === 'PostalCode') {
|
|
47
|
+
return h("postalcode-input", { name: this.name, displayName: this.displayName, validation: this.validation, defaultValue: this.defaultValue, autofilled: this.autofilled, emitValue: this.emitValue, language: this.language, "client-styling": this.clientStyling, tooltip: this.tooltip, placeholder: this.placeholder, postalcodelength: this.postalcodelength, addresses: this.addresses });
|
|
48
|
+
}
|
|
49
|
+
else {
|
|
50
|
+
return h("text-input", { name: this.name, displayName: this.displayName, validation: this.validation, defaultValue: this.defaultValue, autofilled: this.autofilled, emitValue: this.emitValue, language: this.language, isDuplicateInput: this.isDuplicateInput, "client-styling": this.clientStyling, tooltip: this.tooltip, placeholder: this.placeholder, haspostalcodelookup: this.haspostalcodelookup });
|
|
51
|
+
}
|
|
44
52
|
case 'email':
|
|
45
53
|
return h("email-input", { name: this.name, displayName: this.displayName, validation: this.validation, defaultValue: this.defaultValue, autofilled: this.autofilled, emitValue: this.emitValue, language: this.language, isDuplicateInput: this.isDuplicateInput, "client-styling": this.clientStyling, tooltip: this.tooltip, placeholder: this.placeholder });
|
|
46
54
|
case 'number':
|
|
@@ -68,7 +76,7 @@ export class GeneralInput {
|
|
|
68
76
|
}
|
|
69
77
|
}
|
|
70
78
|
render() {
|
|
71
|
-
return (h(Host, { key: '
|
|
79
|
+
return (h(Host, { key: '7f268156d7372f46b27b38762a2c01281ada038c', class: `general-input--${this.name}`, onClick: this.handleClick }, this.renderInput()));
|
|
72
80
|
}
|
|
73
81
|
static get is() { return "general-input"; }
|
|
74
82
|
static get encapsulation() { return "shadow"; }
|
|
@@ -429,7 +437,7 @@ export class GeneralInput {
|
|
|
429
437
|
"optional": false,
|
|
430
438
|
"docs": {
|
|
431
439
|
"tags": [],
|
|
432
|
-
"text": "
|
|
440
|
+
"text": "Destination"
|
|
433
441
|
},
|
|
434
442
|
"attribute": "twofa-destination",
|
|
435
443
|
"reflect": true
|
|
@@ -446,11 +454,63 @@ export class GeneralInput {
|
|
|
446
454
|
"optional": false,
|
|
447
455
|
"docs": {
|
|
448
456
|
"tags": [],
|
|
449
|
-
"text": "
|
|
457
|
+
"text": "Resend interval"
|
|
450
458
|
},
|
|
451
459
|
"attribute": "twofa-resend-interval-seconds",
|
|
452
460
|
"reflect": true,
|
|
453
461
|
"defaultValue": "60"
|
|
462
|
+
},
|
|
463
|
+
"haspostalcodelookup": {
|
|
464
|
+
"type": "boolean",
|
|
465
|
+
"mutable": false,
|
|
466
|
+
"complexType": {
|
|
467
|
+
"original": "boolean",
|
|
468
|
+
"resolved": "boolean",
|
|
469
|
+
"references": {}
|
|
470
|
+
},
|
|
471
|
+
"required": false,
|
|
472
|
+
"optional": false,
|
|
473
|
+
"docs": {
|
|
474
|
+
"tags": [],
|
|
475
|
+
"text": "Boolean. Enable the addresses dropdown based on postal code"
|
|
476
|
+
},
|
|
477
|
+
"attribute": "haspostalcodelookup",
|
|
478
|
+
"reflect": true
|
|
479
|
+
},
|
|
480
|
+
"postalcodelength": {
|
|
481
|
+
"type": "number",
|
|
482
|
+
"mutable": false,
|
|
483
|
+
"complexType": {
|
|
484
|
+
"original": "number",
|
|
485
|
+
"resolved": "number",
|
|
486
|
+
"references": {}
|
|
487
|
+
},
|
|
488
|
+
"required": false,
|
|
489
|
+
"optional": false,
|
|
490
|
+
"docs": {
|
|
491
|
+
"tags": [],
|
|
492
|
+
"text": "The minimum length for postal code to trigger the postal lookup"
|
|
493
|
+
},
|
|
494
|
+
"attribute": "postalcodelength",
|
|
495
|
+
"reflect": true
|
|
496
|
+
},
|
|
497
|
+
"addresses": {
|
|
498
|
+
"type": "any",
|
|
499
|
+
"mutable": false,
|
|
500
|
+
"complexType": {
|
|
501
|
+
"original": "any",
|
|
502
|
+
"resolved": "any",
|
|
503
|
+
"references": {}
|
|
504
|
+
},
|
|
505
|
+
"required": false,
|
|
506
|
+
"optional": false,
|
|
507
|
+
"docs": {
|
|
508
|
+
"tags": [],
|
|
509
|
+
"text": "Addresses fetched based on the postal code"
|
|
510
|
+
},
|
|
511
|
+
"attribute": "addresses",
|
|
512
|
+
"reflect": true,
|
|
513
|
+
"defaultValue": "[]"
|
|
454
514
|
}
|
|
455
515
|
};
|
|
456
516
|
}
|
|
@@ -0,0 +1,221 @@
|
|
|
1
|
+
*,
|
|
2
|
+
*::before,
|
|
3
|
+
*::after {
|
|
4
|
+
padding: 0;
|
|
5
|
+
margin: 0;
|
|
6
|
+
box-sizing: border-box;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.text {
|
|
10
|
+
font-family: "Roboto";
|
|
11
|
+
font-style: normal;
|
|
12
|
+
}
|
|
13
|
+
.text__wrapper {
|
|
14
|
+
position: relative;
|
|
15
|
+
width: 100%;
|
|
16
|
+
display: flex;
|
|
17
|
+
flex-direction: column;
|
|
18
|
+
gap: 5px;
|
|
19
|
+
}
|
|
20
|
+
.text__wrapper--autofilled {
|
|
21
|
+
pointer-events: none;
|
|
22
|
+
}
|
|
23
|
+
.text__wrapper--autofilled .text__label {
|
|
24
|
+
color: var(--emw--registration-typography, var(--emw--color-black, #000000));
|
|
25
|
+
}
|
|
26
|
+
.text__wrapper--autofilled .text__input::part(input-field) {
|
|
27
|
+
color: var(--emw--color-black, #000000);
|
|
28
|
+
}
|
|
29
|
+
.text__wrapper--flex {
|
|
30
|
+
display: flex;
|
|
31
|
+
gap: 5px;
|
|
32
|
+
}
|
|
33
|
+
.text__wrapper--relative {
|
|
34
|
+
position: relative;
|
|
35
|
+
}
|
|
36
|
+
.text__label {
|
|
37
|
+
font-family: inherit;
|
|
38
|
+
font-style: normal;
|
|
39
|
+
font-weight: 500;
|
|
40
|
+
font-size: 16px;
|
|
41
|
+
line-height: 20px;
|
|
42
|
+
color: var(--emw--registration-typography, var(--emw--color-black, #000000));
|
|
43
|
+
}
|
|
44
|
+
.text__label--required::after {
|
|
45
|
+
content: "*";
|
|
46
|
+
font-family: inherit;
|
|
47
|
+
color: var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));
|
|
48
|
+
margin-left: 2px;
|
|
49
|
+
}
|
|
50
|
+
.text__input {
|
|
51
|
+
font-family: inherit;
|
|
52
|
+
width: 100%;
|
|
53
|
+
height: 44px;
|
|
54
|
+
border: 1px solid var(--emw--color-gray-100, #E6E6E6);
|
|
55
|
+
background-color: var(--emw--color-white, #FFFFFF);
|
|
56
|
+
color: var(--emw--color-black, #000000);
|
|
57
|
+
border-radius: 5px;
|
|
58
|
+
font-size: 16px;
|
|
59
|
+
font-weight: 300;
|
|
60
|
+
line-height: 1.5;
|
|
61
|
+
padding: 5px 15px;
|
|
62
|
+
}
|
|
63
|
+
.text__input:focus {
|
|
64
|
+
border: 1px solid var(--emw--login-color-primary, var(--emw--color-primary, #22B04E));
|
|
65
|
+
}
|
|
66
|
+
.text__input--invalid {
|
|
67
|
+
border: 1px solid var(--emw--color-error, var(--emw--color-red, #ed0909));
|
|
68
|
+
}
|
|
69
|
+
.text__input::placeholder {
|
|
70
|
+
color: var(--emw--color-gray-150, #828282);
|
|
71
|
+
}
|
|
72
|
+
.text__error-message {
|
|
73
|
+
position: absolute;
|
|
74
|
+
top: calc(100% + 5px);
|
|
75
|
+
left: 0;
|
|
76
|
+
color: var(--emw--color-error, var(--emw--color-red, #ed0909));
|
|
77
|
+
}
|
|
78
|
+
.text__tooltip-icon {
|
|
79
|
+
width: 16px;
|
|
80
|
+
height: auto;
|
|
81
|
+
}
|
|
82
|
+
.text__tooltip {
|
|
83
|
+
position: absolute;
|
|
84
|
+
top: 0;
|
|
85
|
+
left: 20px;
|
|
86
|
+
background-color: var(--emw--color-white, #FFFFFF);
|
|
87
|
+
border: 1px solid var(--emw--color-gray-100, #E6E6E6);
|
|
88
|
+
color: var(--emw--registration-typography, var(--emw--color-black, #000000));
|
|
89
|
+
padding: 10px;
|
|
90
|
+
border-radius: 5px;
|
|
91
|
+
opacity: 0;
|
|
92
|
+
transition: opacity 0.3s ease-in-out;
|
|
93
|
+
z-index: 10;
|
|
94
|
+
}
|
|
95
|
+
.text__tooltip.visible {
|
|
96
|
+
opacity: 1;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.input__text-wrapper {
|
|
100
|
+
position: relative;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.input__addresses-container {
|
|
104
|
+
position: relative;
|
|
105
|
+
left: 0;
|
|
106
|
+
width: 100%;
|
|
107
|
+
background: var(--emw--color-white);
|
|
108
|
+
border: 1px solid var(--emw--color-gray-100, #E6E6E6);
|
|
109
|
+
border-radius: 8px;
|
|
110
|
+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
|
111
|
+
max-height: 200px;
|
|
112
|
+
overflow-y: auto;
|
|
113
|
+
z-index: 999;
|
|
114
|
+
margin-top: 4px;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.input__addresses-container .options {
|
|
118
|
+
padding: 4px 0;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
.input__addresses-container .option {
|
|
122
|
+
padding: 8px 12px;
|
|
123
|
+
cursor: pointer;
|
|
124
|
+
border-bottom: 1px solid var(--emw--color-gray-100, #E6E6E6);
|
|
125
|
+
font-size: 14px;
|
|
126
|
+
line-height: 1.4;
|
|
127
|
+
transition: background-color 0.2s ease;
|
|
128
|
+
color: var(--emw--registration-gray-800, #333);
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
.input__addresses-container .option:last-child {
|
|
132
|
+
border-bottom: none;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.input__addresses-container .option:hover {
|
|
136
|
+
background-color: var(--emw--registration-lightgray-100, #f8f9fa);
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.input__addresses-container .option:active {
|
|
140
|
+
background-color: var(--emw--registration-lightgray-200, #e9ecef);
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
/* Scrollbar styling */
|
|
144
|
+
.input__addresses-container::-webkit-scrollbar {
|
|
145
|
+
width: 6px;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
.input__addresses-container::-webkit-scrollbar-track {
|
|
149
|
+
background: var(--emw--registration-lightgray-150, #f1f1f1);
|
|
150
|
+
border-radius: 3px;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
.input__addresses-container::-webkit-scrollbar-thumb {
|
|
154
|
+
background: var(--emw--registration-lightgray-300, #c1c1c1);
|
|
155
|
+
border-radius: 3px;
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
.input__addresses-container::-webkit-scrollbar-thumb:hover {
|
|
159
|
+
background: var(--emw--registration-lightgray-400, #a8a8a8);
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
.postalcode__no-results-message {
|
|
163
|
+
color: var(--emw--color-error, var(--emw--color-red, #ed0909));
|
|
164
|
+
margin-top: 10px;
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
.address__manual-input-msg {
|
|
168
|
+
text-decoration: underline;
|
|
169
|
+
margin-top: 10px;
|
|
170
|
+
cursor: pointer;
|
|
171
|
+
transition: opacity 0.3s ease;
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
.address__manual-input-msg:active {
|
|
175
|
+
opacity: 0.7;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
.postalcode__loading-spinner {
|
|
179
|
+
display: flex;
|
|
180
|
+
align-items: center;
|
|
181
|
+
gap: 8px;
|
|
182
|
+
padding: 12px;
|
|
183
|
+
color: var(--emw--registration-gray-600, #666);
|
|
184
|
+
border: 1px solid var(--emw--color-gray-100, #E6E6E6);
|
|
185
|
+
border-top: none;
|
|
186
|
+
background-color: var(--emw--registration-lightgray-50, #f9f9f9);
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
.loading-spinner {
|
|
190
|
+
width: 14px;
|
|
191
|
+
height: 14px;
|
|
192
|
+
border: 2px solid var(--emw--color-gray-100, #E6E6E6);
|
|
193
|
+
border-top: 2px solid var(--emw--registration-gray-600, #666);
|
|
194
|
+
border-radius: 50%;
|
|
195
|
+
animation: spin 0.8s linear infinite;
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
@keyframes spin {
|
|
199
|
+
0% {
|
|
200
|
+
transform: rotate(0deg);
|
|
201
|
+
}
|
|
202
|
+
100% {
|
|
203
|
+
transform: rotate(360deg);
|
|
204
|
+
}
|
|
205
|
+
}
|
|
206
|
+
.pulse-border {
|
|
207
|
+
border: 1px solid var(--emw--registration-red-600, #cc4c4c);
|
|
208
|
+
animation: pulse 0.5s ease-in-out 2 forwards;
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
@keyframes pulse {
|
|
212
|
+
0% {
|
|
213
|
+
border-color: var(--emw--registration-red-600, #cc4c4c);
|
|
214
|
+
}
|
|
215
|
+
50% {
|
|
216
|
+
border-color: var(--emw--registration-red-400, #e57373);
|
|
217
|
+
}
|
|
218
|
+
100% {
|
|
219
|
+
border-color: var(--emw--color-gray-100, #E6E6E6);
|
|
220
|
+
}
|
|
221
|
+
}
|