@descope/web-components-ui 1.0.338 → 1.0.340
Sign up to get free protection for your applications and to get access to all the features.
- 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/cjs/index.cjs.js
CHANGED
@@ -2301,6 +2301,16 @@ const proxyInputMixin =
|
|
2301
2301
|
}
|
2302
2302
|
};
|
2303
2303
|
|
2304
|
+
// We want to ensure that `input` events properly cross ShadowDOM boundries
|
2305
|
+
// e.g. When we autofill a component's input with 1Password, for instance,
|
2306
|
+
// the event is fired without `composed: true` and doesn't our component's
|
2307
|
+
// ShadowDOM.
|
2308
|
+
this.baseElement.addEventListener('input', (e) => {
|
2309
|
+
if (!e.composed) {
|
2310
|
+
this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));
|
2311
|
+
}
|
2312
|
+
});
|
2313
|
+
|
2304
2314
|
triggerValidationEvents.forEach((e) => {
|
2305
2315
|
this.baseElement?.addEventListener(e, () => {
|
2306
2316
|
this.inputElement?.setCustomValidity('');
|
@@ -3274,7 +3284,7 @@ const TextFieldClass = compose(
|
|
3274
3284
|
mappings: textFieldMappings,
|
3275
3285
|
}),
|
3276
3286
|
draggableMixin,
|
3277
|
-
composedProxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),
|
3287
|
+
composedProxyInputMixin({ proxyProps: ['value', 'selectionStart'], useProxyTargets: true }),
|
3278
3288
|
componentNameValidationMixin,
|
3279
3289
|
customMixin$a
|
3280
3290
|
)(
|
@@ -3863,7 +3873,7 @@ const EmailFieldClass = compose(
|
|
3863
3873
|
mappings: textFieldMappings,
|
3864
3874
|
}),
|
3865
3875
|
draggableMixin,
|
3866
|
-
composedProxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),
|
3876
|
+
composedProxyInputMixin({ proxyProps: ['value', 'selectionStart'], useProxyTargets: true }),
|
3867
3877
|
componentNameValidationMixin,
|
3868
3878
|
customMixin$8
|
3869
3879
|
)(
|