@descope/web-components-ui 1.0.326 → 1.0.327
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 +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
|
});
|