@descope/web-components-ui 1.0.338 → 1.0.340
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/index.cjs.js +12 -2
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +12 -2
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/4392.js +1 -1
- package/dist/umd/4978.js +1 -1
- package/dist/umd/DescopeDev.js +1 -1
- package/dist/umd/descope-email-field-index-js.js +1 -1
- package/dist/umd/descope-new-password-index-js.js +1 -1
- package/dist/umd/descope-passcode-index-js.js +1 -1
- package/dist/umd/descope-text-field-index-js.js +1 -1
- package/dist/umd/mapping-fields-descope-mappings-field-index-js.js +1 -1
- package/package.json +1 -1
- package/src/components/descope-email-field/EmailFieldClass.js +1 -1
- package/src/components/descope-text-field/TextFieldClass.js +1 -1
- package/src/mixins/proxyInputMixin.js +10 -0
package/dist/index.esm.js
CHANGED
@@ -1080,6 +1080,16 @@ const proxyInputMixin =
|
|
1080
1080
|
}
|
1081
1081
|
};
|
1082
1082
|
|
1083
|
+
// We want to ensure that `input` events properly cross ShadowDOM boundries
|
1084
|
+
// e.g. When we autofill a component's input with 1Password, for instance,
|
1085
|
+
// the event is fired without `composed: true` and doesn't our component's
|
1086
|
+
// ShadowDOM.
|
1087
|
+
this.baseElement.addEventListener('input', (e) => {
|
1088
|
+
if (!e.composed) {
|
1089
|
+
this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));
|
1090
|
+
}
|
1091
|
+
});
|
1092
|
+
|
1083
1093
|
triggerValidationEvents.forEach((e) => {
|
1084
1094
|
this.baseElement?.addEventListener(e, () => {
|
1085
1095
|
this.inputElement?.setCustomValidity('');
|
@@ -2611,7 +2621,7 @@ const EmailFieldClass = compose(
|
|
2611
2621
|
mappings: textFieldMappings,
|
2612
2622
|
}),
|
2613
2623
|
draggableMixin,
|
2614
|
-
composedProxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),
|
2624
|
+
composedProxyInputMixin({ proxyProps: ['value', 'selectionStart'], useProxyTargets: true }),
|
2615
2625
|
componentNameValidationMixin,
|
2616
2626
|
customMixin$a
|
2617
2627
|
)(
|
@@ -3174,7 +3184,7 @@ const TextFieldClass = compose(
|
|
3174
3184
|
mappings: textFieldMappings,
|
3175
3185
|
}),
|
3176
3186
|
draggableMixin,
|
3177
|
-
composedProxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),
|
3187
|
+
composedProxyInputMixin({ proxyProps: ['value', 'selectionStart'], useProxyTargets: true }),
|
3178
3188
|
componentNameValidationMixin,
|
3179
3189
|
customMixin$9
|
3180
3190
|
)(
|