@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/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
|
)(
|