@descope/web-components-ui 1.0.165 → 1.0.166
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.cjs.js +19 -12
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +17 -10
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/boolean-fields-descope-checkbox-index-js.js +1 -1
- package/dist/umd/descope-email-field-index-js.js +1 -1
- package/dist/umd/descope-phone-field-index-js.js +1 -1
- package/package.json +20 -2
- package/src/baseClasses/createBaseClass.js +3 -3
- package/src/components/boolean-fields/descope-checkbox/CheckboxClass.js +1 -1
- package/src/components/descope-combo-box/ComboBoxClass.js +2 -2
- package/src/components/descope-email-field/EmailFieldClass.js +9 -1
- package/src/components/descope-phone-field/PhoneFieldClass.js +1 -0
- package/src/components/descope-recaptcha/RecaptchaClass.js +1 -3
package/dist/index.esm.js
CHANGED
@@ -627,9 +627,9 @@ const createBaseClass = ({ componentName, baseSelector = '' }) => {
|
|
627
627
|
return this.shadowRoot || this;
|
628
628
|
}
|
629
629
|
|
630
|
-
get name
|
631
|
-
|
632
|
-
|
630
|
+
get name() {
|
631
|
+
return this.getAttribute('name');
|
632
|
+
}
|
633
633
|
|
634
634
|
connectedCallback() {
|
635
635
|
super.connectedCallback?.();
|
@@ -1660,7 +1660,7 @@ const CheckboxClass = compose(
|
|
1660
1660
|
wrappedEleName: 'vaadin-text-field',
|
1661
1661
|
style: () => `
|
1662
1662
|
${commonStyles}
|
1663
|
-
|
1663
|
+
vaadin-checkbox::part(checkbox)::after {
|
1664
1664
|
top: 0;
|
1665
1665
|
left: 0;
|
1666
1666
|
}
|
@@ -2156,13 +2156,21 @@ var textFieldMappings = {
|
|
2156
2156
|
|
2157
2157
|
const componentName$i = getComponentName('email-field');
|
2158
2158
|
|
2159
|
+
const customMixin$4 = (superclass) =>
|
2160
|
+
class EmailFieldMixinClass extends superclass {
|
2161
|
+
init() {
|
2162
|
+
super.init?.();
|
2163
|
+
this.baseElement.setAttribute('pattern', '^[\\w\\.\\%\\+\\-]+@[\\w\\.\\-]+\\.[A-Za-z]{2,}$');
|
2164
|
+
}
|
2165
|
+
};
|
2159
2166
|
const EmailFieldClass = compose(
|
2160
2167
|
createStyleMixin({
|
2161
2168
|
mappings: textFieldMappings,
|
2162
2169
|
}),
|
2163
2170
|
draggableMixin,
|
2164
2171
|
composedProxyInputMixin,
|
2165
|
-
componentNameValidationMixin
|
2172
|
+
componentNameValidationMixin,
|
2173
|
+
customMixin$4
|
2166
2174
|
)(
|
2167
2175
|
createProxy({
|
2168
2176
|
slots: ['suffix'],
|
@@ -3136,8 +3144,8 @@ const ComboBoxMixin = (superclass) =>
|
|
3136
3144
|
overlay._attachOverlay = () => {
|
3137
3145
|
overlay.bringToFront();
|
3138
3146
|
};
|
3139
|
-
overlay._detachOverlay = () => {
|
3140
|
-
overlay._enterModalState = () => {
|
3147
|
+
overlay._detachOverlay = () => {};
|
3148
|
+
overlay._enterModalState = () => {};
|
3141
3149
|
}
|
3142
3150
|
|
3143
3151
|
init() {
|
@@ -4746,6 +4754,7 @@ const customMixin$1 = (superclass) =>
|
|
4746
4754
|
'default-code',
|
4747
4755
|
'country-input-placeholder',
|
4748
4756
|
'phone-input-placeholder',
|
4757
|
+
'disabled',
|
4749
4758
|
],
|
4750
4759
|
});
|
4751
4760
|
}
|
@@ -5394,9 +5403,7 @@ class RawRecaptcha extends BaseClass {
|
|
5394
5403
|
}
|
5395
5404
|
}
|
5396
5405
|
|
5397
|
-
const RecaptchaClass = compose(
|
5398
|
-
draggableMixin
|
5399
|
-
)(RawRecaptcha);
|
5406
|
+
const RecaptchaClass = compose(draggableMixin)(RawRecaptcha);
|
5400
5407
|
|
5401
5408
|
customElements.define(componentName$2, RecaptchaClass);
|
5402
5409
|
|