@descope/web-components-ui 1.0.175 → 1.0.176

package/dist/index.esm.js

@@ -4535,7 +4535,7 @@ const componentName$8 = getComponentName('phone-field-internal');
 const commonAttrs$1 = ['disabled', 'size', 'bordered', 'invalid', 'readonly'];
 const countryAttrs = ['country-input-placeholder', 'default-code', 'restrict-countries'];
 const phoneAttrs = ['phone-input-placeholder', 'maxlength'];
-const mapAttrs = {
+const mapAttrs$1 = {
   'country-input-placeholder': 'placeholder',
   'phone-input-placeholder': 'placeholder',
 };
@@ -4715,7 +4715,7 @@ let PhoneFieldInternal$1 = class PhoneFieldInternal extends BaseInputClass$3 {
       if (attrName === 'default-code' && newValue) {
         this.handleDefaultCountryCode(newValue);
       } else if (inputRelatedAttrs$1.includes(attrName)) {
-        const attr = mapAttrs[attrName] || attrName;
+        const attr = mapAttrs$1[attrName] || attrName;
 
         if (commonAttrs$1.includes(attrName)) {
           this.inputs.forEach((input) => input.setAttribute(attr, newValue));
@@ -4966,7 +4966,17 @@ const getCountryByCodeId = (countryCode) => {
 
 const componentName$6 = getComponentName('phone-field-internal-input-box');
 
-const observedAttributes$2 = ['disabled', 'size', 'bordered', 'invalid', 'readonly', 'placeholder'];
+const observedAttributes$2 = [
+  'disabled',
+  'size',
+  'bordered',
+  'invalid',
+  'readonly',
+  'phone-input-placeholder',
+];
+const mapAttrs = {
+  'phone-input-placeholder': 'placeholder',
+};
 
 const BaseInputClass$2 = createBaseInputClass({ componentName: componentName$6, baseSelector: 'div' });
 
@@ -5101,7 +5111,8 @@ class PhoneFieldInternal extends BaseInputClass$2 {
     super.attributeChangedCallback(attrName, oldValue, newValue);
 
     if (oldValue !== newValue && observedAttributes$2.includes(attrName)) {
-      this.phoneNumberInput.setAttribute(attrName, newValue);
+      const attr = mapAttrs[attrName] || attrName;
+      this.phoneNumberInput.setAttribute(attr, newValue);
     }
   }
 }
@@ -5143,6 +5154,7 @@ const customMixin$1 = (superclass) =>
           'maxlength',
           'default-code',
           'disabled',
+          'phone-input-placeholder',
         ],
       });
     }