@descope/web-components-ui 1.0.326 → 1.0.327
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.cjs.js +5 -2
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +8 -6
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/DescopeDev.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/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
@@ -5838,10 +5838,9 @@ const componentName$y = getComponentName('phone-field-internal');
|
|
5838
5838
|
const commonAttrs$1 = ['disabled', 'size', 'bordered', 'invalid', 'readonly'];
|
5839
5839
|
const countryAttrs = ['country-input-placeholder', 'default-code', 'restrict-countries'];
|
5840
5840
|
const phoneAttrs = ['phone-input-placeholder', 'maxlength', 'autocomplete', 'name'];
|
5841
|
-
const labelTypeAttrs = ['label-type', 'country-input-label', '
|
5841
|
+
const labelTypeAttrs = ['label-type', 'country-input-label', 'label'];
|
5842
5842
|
const mapAttrs$1 = {
|
5843
5843
|
'country-input-label': 'label',
|
5844
|
-
'phone-input-label': 'label',
|
5845
5844
|
'country-input-placeholder': 'placeholder',
|
5846
5845
|
'phone-input-placeholder': 'placeholder',
|
5847
5846
|
};
|
@@ -6014,7 +6013,7 @@ let PhoneFieldInternal$1 = class PhoneFieldInternal extends BaseInputClass$6 {
|
|
6014
6013
|
else if (this.getAttribute('label-type') === 'floating') {
|
6015
6014
|
if (attrName === 'country-input-label') {
|
6016
6015
|
this.countryCodeInput.setAttribute(attr, newValue);
|
6017
|
-
} else if (attrName === '
|
6016
|
+
} else if (attrName === 'label') {
|
6018
6017
|
this.phoneNumberInput.setAttribute(attr, newValue);
|
6019
6018
|
}
|
6020
6019
|
}
|
@@ -6028,7 +6027,7 @@ let PhoneFieldInternal$1 = class PhoneFieldInternal extends BaseInputClass$6 {
|
|
6028
6027
|
'placeholder',
|
6029
6028
|
this.getAttribute('country-input-placeholder') || ''
|
6030
6029
|
);
|
6031
|
-
this.phoneNumberInput.setAttribute('label', this.getAttribute('
|
6030
|
+
this.phoneNumberInput.setAttribute('label', this.getAttribute('label') || '');
|
6032
6031
|
this.phoneNumberInput.setAttribute(
|
6033
6032
|
'placeholder',
|
6034
6033
|
this.getAttribute('phone-input-placeholder') || ''
|
@@ -6109,10 +6108,9 @@ const customMixin$6 = (superclass) =>
|
|
6109
6108
|
'phone-input-placeholder',
|
6110
6109
|
'disabled',
|
6111
6110
|
'restrict-countries',
|
6112
|
-
'label-type',
|
6113
6111
|
'country-input-label',
|
6114
|
-
'phone-input-label',
|
6115
6112
|
'readonly',
|
6113
|
+
'label',
|
6116
6114
|
'label-type',
|
6117
6115
|
],
|
6118
6116
|
});
|
@@ -6311,6 +6309,9 @@ const PhoneFieldClass = compose(
|
|
6311
6309
|
${textVars$1.inputBorderRadius}: 0;
|
6312
6310
|
}
|
6313
6311
|
|
6312
|
+
:host([label-type="floating"]) vaadin-text-field::part(label) {
|
6313
|
+
display: none;
|
6314
|
+
}
|
6314
6315
|
descope-text-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {
|
6315
6316
|
opacity: 0;
|
6316
6317
|
}
|
@@ -6528,6 +6529,7 @@ const customMixin$5 = (superclass) =>
|
|
6528
6529
|
'default-code',
|
6529
6530
|
'disabled',
|
6530
6531
|
'phone-input-placeholder',
|
6532
|
+
'label',
|
6531
6533
|
'label-type',
|
6532
6534
|
],
|
6533
6535
|
});
|