@descope/web-components-ui 1.0.212 → 1.0.214
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 +8 -2
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +10 -6
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/1000.js +1 -1
- package/dist/umd/boolean-fields-descope-checkbox-index-js.js +1 -1
- package/dist/umd/phone-fields-descope-phone-field-descope-phone-field-internal-index-js.js +1 -1
- package/package.json +1 -1
- package/src/components/boolean-fields/descope-checkbox/CheckboxClass.js +4 -0
- package/src/components/phone-fields/descope-phone-field/descope-phone-field-internal/PhoneFieldInternal.js +2 -4
- package/src/mixins/proxyInputMixin.js +3 -0
- package/src/theme/components/checkbox.js +1 -2
package/dist/index.esm.js
CHANGED
|
@@ -966,6 +966,9 @@ const proxyInputMixin =
|
|
|
966
966
|
// We do not want to show the default validity report tooltip
|
|
967
967
|
// So we are overriding the reportValidity fn to show the input's error message
|
|
968
968
|
reportValidity = () => {
|
|
969
|
+
// we want to update validity so in case the value was set programmatically, we won't get an error
|
|
970
|
+
this.inputElement.setCustomValidity('');
|
|
971
|
+
this.setCustomValidity('');
|
|
969
972
|
if (!this.checkValidity()) {
|
|
970
973
|
this.setAttribute('invalid', 'true');
|
|
971
974
|
this.#handleErrorMessage();
|
|
@@ -1693,6 +1696,10 @@ const CheckboxClass = compose(
|
|
|
1693
1696
|
top: 0;
|
|
1694
1697
|
left: 0;
|
|
1695
1698
|
}
|
|
1699
|
+
|
|
1700
|
+
vaadin-text-field::part(label) {
|
|
1701
|
+
width: calc(100% - var(${CheckboxClass.cssVarList.inputSize}))
|
|
1702
|
+
}
|
|
1696
1703
|
${useHostExternalPadding(CheckboxClass.cssVarList)}
|
|
1697
1704
|
`,
|
|
1698
1705
|
excludeAttrsSync: ['tabindex'],
|
|
@@ -4790,7 +4797,7 @@ let PhoneFieldInternal$1 = class PhoneFieldInternal extends BaseInputClass$3 {
|
|
|
4790
4797
|
|
|
4791
4798
|
// override combo box setter to display dialCode value in input
|
|
4792
4799
|
this.countryCodeInput.customValueTransformFn = (val) => {
|
|
4793
|
-
const [, dialCode] = val
|
|
4800
|
+
const [, dialCode] = val?.split?.(' ') || [];
|
|
4794
4801
|
return dialCode;
|
|
4795
4802
|
};
|
|
4796
4803
|
}
|
|
@@ -4862,9 +4869,7 @@ let PhoneFieldInternal$1 = class PhoneFieldInternal extends BaseInputClass$3 {
|
|
|
4862
4869
|
}
|
|
4863
4870
|
|
|
4864
4871
|
getCountryByDialCode(countryDialCode) {
|
|
4865
|
-
return this.countryCodeInput.items?.find(
|
|
4866
|
-
(c) => c.getAttribute('data-country-code') === countryDialCode
|
|
4867
|
-
);
|
|
4872
|
+
return this.countryCodeInput.items?.find((c) => c.getAttribute('data-id') === countryDialCode);
|
|
4868
4873
|
}
|
|
4869
4874
|
|
|
4870
4875
|
getCountryByCodeId(countryCode) {
|
|
@@ -7327,11 +7332,10 @@ const checkbox = {
|
|
|
7327
7332
|
[vars$j.inputBorderColor]: refs.borderColor,
|
|
7328
7333
|
[vars$j.inputBorderWidth]: refs.borderWidth,
|
|
7329
7334
|
[vars$j.inputBorderStyle]: refs.borderStyle,
|
|
7330
|
-
[vars$j.inputBackgroundColor]: refs.
|
|
7335
|
+
[vars$j.inputBackgroundColor]: refs.backgroundColor,
|
|
7331
7336
|
[vars$j.inputSize]: '2em',
|
|
7332
7337
|
|
|
7333
7338
|
_checked: {
|
|
7334
|
-
[vars$j.inputBackgroundColor]: refs.backgroundColor,
|
|
7335
7339
|
[vars$j.inputValueTextColor]: refs.valueTextColor,
|
|
7336
7340
|
},
|
|
7337
7341
|
|