@descope/web-components-ui 1.0.375 → 1.0.377

package/dist/index.esm.js

@@ -1404,13 +1404,19 @@ const inputEventsDispatchingMixin = (superclass) =>
 // since on load we can only sample the color of the placeholder,
 // we need to temporarily populate the input in order to sample the value color
 const getValueColor = (ele, computedStyle) => {
+  // to support setting dynamic values, we have to store the existing value
+  // and re-set it if we are returning from this hack
+  const origVal = ele.value;
+
   // eslint-disable-next-line no-param-reassign
   ele.value = '_';
 
   const valueColor = computedStyle.getPropertyValue('color');
 
-  // eslint-disable-next-line no-param-reassign
-  ele.value = '';
+  if (ele.value === '_') {
+    // eslint-disable-next-line no-param-reassign
+    ele.value = origVal;
+  }
 
   return valueColor;
 };
@@ -6247,9 +6253,9 @@ let PhoneFieldInternal$1 = class PhoneFieldInternal extends BaseInputClass$6 {
   }
 
   set value(val) {
-    const parsed = parsePhone(val);
-    const countryCode = `+${parsed.countryCallingCode}`;
-    const phoneNumber = parsed.nationalNumber;
+    const parsed = parsePhone(val || '');
+    const countryCode = parsed?.countryCallingCode ? `+${parsed.countryCallingCode}` : '';
+    const phoneNumber = parsed?.nationalNumber || '';
 
     if (countryCode) {
       const countryCodeItem = this.getCountryByDialCode(countryCode);