@descope/web-components-ui 1.0.175 → 1.0.176
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 +1 -0
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +16 -4
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/phone-fields-descope-phone-input-box-field-descope-phone-input-box-internal-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-input-box-field/PhoneFieldInputBoxClass.js +1 -0
- package/src/components/phone-fields/descope-phone-input-box-field/descope-phone-input-box-internal/PhoneFieldInternalInputBox.js +13 -2
package/dist/index.esm.js
CHANGED
@@ -4535,7 +4535,7 @@ const componentName$8 = getComponentName('phone-field-internal');
|
|
4535
4535
|
const commonAttrs$1 = ['disabled', 'size', 'bordered', 'invalid', 'readonly'];
|
4536
4536
|
const countryAttrs = ['country-input-placeholder', 'default-code', 'restrict-countries'];
|
4537
4537
|
const phoneAttrs = ['phone-input-placeholder', 'maxlength'];
|
4538
|
-
const mapAttrs = {
|
4538
|
+
const mapAttrs$1 = {
|
4539
4539
|
'country-input-placeholder': 'placeholder',
|
4540
4540
|
'phone-input-placeholder': 'placeholder',
|
4541
4541
|
};
|
@@ -4715,7 +4715,7 @@ let PhoneFieldInternal$1 = class PhoneFieldInternal extends BaseInputClass$3 {
|
|
4715
4715
|
if (attrName === 'default-code' && newValue) {
|
4716
4716
|
this.handleDefaultCountryCode(newValue);
|
4717
4717
|
} else if (inputRelatedAttrs$1.includes(attrName)) {
|
4718
|
-
const attr = mapAttrs[attrName] || attrName;
|
4718
|
+
const attr = mapAttrs$1[attrName] || attrName;
|
4719
4719
|
|
4720
4720
|
if (commonAttrs$1.includes(attrName)) {
|
4721
4721
|
this.inputs.forEach((input) => input.setAttribute(attr, newValue));
|
@@ -4966,7 +4966,17 @@ const getCountryByCodeId = (countryCode) => {
|
|
4966
4966
|
|
4967
4967
|
const componentName$6 = getComponentName('phone-field-internal-input-box');
|
4968
4968
|
|
4969
|
-
const observedAttributes$2 = [
|
4969
|
+
const observedAttributes$2 = [
|
4970
|
+
'disabled',
|
4971
|
+
'size',
|
4972
|
+
'bordered',
|
4973
|
+
'invalid',
|
4974
|
+
'readonly',
|
4975
|
+
'phone-input-placeholder',
|
4976
|
+
];
|
4977
|
+
const mapAttrs = {
|
4978
|
+
'phone-input-placeholder': 'placeholder',
|
4979
|
+
};
|
4970
4980
|
|
4971
4981
|
const BaseInputClass$2 = createBaseInputClass({ componentName: componentName$6, baseSelector: 'div' });
|
4972
4982
|
|
@@ -5101,7 +5111,8 @@ class PhoneFieldInternal extends BaseInputClass$2 {
|
|
5101
5111
|
super.attributeChangedCallback(attrName, oldValue, newValue);
|
5102
5112
|
|
5103
5113
|
if (oldValue !== newValue && observedAttributes$2.includes(attrName)) {
|
5104
|
-
|
5114
|
+
const attr = mapAttrs[attrName] || attrName;
|
5115
|
+
this.phoneNumberInput.setAttribute(attr, newValue);
|
5105
5116
|
}
|
5106
5117
|
}
|
5107
5118
|
}
|
@@ -5143,6 +5154,7 @@ const customMixin$1 = (superclass) =>
|
|
5143
5154
|
'maxlength',
|
5144
5155
|
'default-code',
|
5145
5156
|
'disabled',
|
5157
|
+
'phone-input-placeholder',
|
5146
5158
|
],
|
5147
5159
|
});
|
5148
5160
|
}
|