@descope/web-components-ui 1.0.326 → 1.0.328
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.cjs.js +9 -3
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +12 -7
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/DescopeDev.js +1 -1
- package/dist/umd/descope-email-field-index-js.js +1 -1
- package/dist/umd/phone-fields-descope-phone-field-descope-phone-field-internal-index-js.js +1 -1
- package/dist/umd/phone-fields-descope-phone-field-index-js.js +1 -1
- package/dist/umd/phone-fields-descope-phone-input-box-field-index-js.js +1 -1
- package/package.json +1 -1
- package/src/components/descope-email-field/EmailFieldClass.js +4 -1
- package/src/components/phone-fields/descope-phone-field/PhoneFieldClass.js +4 -2
- package/src/components/phone-fields/descope-phone-field/descope-phone-field-internal/PhoneFieldInternal.js +3 -4
- package/src/components/phone-fields/descope-phone-input-box-field/PhoneFieldInputBoxClass.js +1 -0
package/dist/index.esm.js
CHANGED
@@ -2761,7 +2761,10 @@ const EmailFieldClass = compose(
|
|
2761
2761
|
}
|
2762
2762
|
vaadin-email-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {
|
2763
2763
|
opacity: 0;
|
2764
|
-
}
|
2764
|
+
}
|
2765
|
+
:host ::slotted(input) {
|
2766
|
+
display: none !important;
|
2767
|
+
}
|
2765
2768
|
`,
|
2766
2769
|
excludeAttrsSync: ['tabindex'],
|
2767
2770
|
componentName: componentName$M,
|
@@ -5838,10 +5841,9 @@ const componentName$y = getComponentName('phone-field-internal');
|
|
5838
5841
|
const commonAttrs$1 = ['disabled', 'size', 'bordered', 'invalid', 'readonly'];
|
5839
5842
|
const countryAttrs = ['country-input-placeholder', 'default-code', 'restrict-countries'];
|
5840
5843
|
const phoneAttrs = ['phone-input-placeholder', 'maxlength', 'autocomplete', 'name'];
|
5841
|
-
const labelTypeAttrs = ['label-type', 'country-input-label', '
|
5844
|
+
const labelTypeAttrs = ['label-type', 'country-input-label', 'label'];
|
5842
5845
|
const mapAttrs$1 = {
|
5843
5846
|
'country-input-label': 'label',
|
5844
|
-
'phone-input-label': 'label',
|
5845
5847
|
'country-input-placeholder': 'placeholder',
|
5846
5848
|
'phone-input-placeholder': 'placeholder',
|
5847
5849
|
};
|
@@ -6014,7 +6016,7 @@ let PhoneFieldInternal$1 = class PhoneFieldInternal extends BaseInputClass$6 {
|
|
6014
6016
|
else if (this.getAttribute('label-type') === 'floating') {
|
6015
6017
|
if (attrName === 'country-input-label') {
|
6016
6018
|
this.countryCodeInput.setAttribute(attr, newValue);
|
6017
|
-
} else if (attrName === '
|
6019
|
+
} else if (attrName === 'label') {
|
6018
6020
|
this.phoneNumberInput.setAttribute(attr, newValue);
|
6019
6021
|
}
|
6020
6022
|
}
|
@@ -6028,7 +6030,7 @@ let PhoneFieldInternal$1 = class PhoneFieldInternal extends BaseInputClass$6 {
|
|
6028
6030
|
'placeholder',
|
6029
6031
|
this.getAttribute('country-input-placeholder') || ''
|
6030
6032
|
);
|
6031
|
-
this.phoneNumberInput.setAttribute('label', this.getAttribute('
|
6033
|
+
this.phoneNumberInput.setAttribute('label', this.getAttribute('label') || '');
|
6032
6034
|
this.phoneNumberInput.setAttribute(
|
6033
6035
|
'placeholder',
|
6034
6036
|
this.getAttribute('phone-input-placeholder') || ''
|
@@ -6109,10 +6111,9 @@ const customMixin$6 = (superclass) =>
|
|
6109
6111
|
'phone-input-placeholder',
|
6110
6112
|
'disabled',
|
6111
6113
|
'restrict-countries',
|
6112
|
-
'label-type',
|
6113
6114
|
'country-input-label',
|
6114
|
-
'phone-input-label',
|
6115
6115
|
'readonly',
|
6116
|
+
'label',
|
6116
6117
|
'label-type',
|
6117
6118
|
],
|
6118
6119
|
});
|
@@ -6311,6 +6312,9 @@ const PhoneFieldClass = compose(
|
|
6311
6312
|
${textVars$1.inputBorderRadius}: 0;
|
6312
6313
|
}
|
6313
6314
|
|
6315
|
+
:host([label-type="floating"]) vaadin-text-field::part(label) {
|
6316
|
+
display: none;
|
6317
|
+
}
|
6314
6318
|
descope-text-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {
|
6315
6319
|
opacity: 0;
|
6316
6320
|
}
|
@@ -6528,6 +6532,7 @@ const customMixin$5 = (superclass) =>
|
|
6528
6532
|
'default-code',
|
6529
6533
|
'disabled',
|
6530
6534
|
'phone-input-placeholder',
|
6535
|
+
'label',
|
6531
6536
|
'label-type',
|
6532
6537
|
],
|
6533
6538
|
});
|