@descope/web-components-ui 1.0.374 → 1.0.376

package/dist/index.esm.js

@@ -12,6 +12,7 @@ import '@vaadin/password-field';
 import MarkdownIt from 'markdown-it';
 import '@vaadin/text-area';
 import '@vaadin/combo-box';
+import parsePhone from 'libphonenumber-js/min';
 import '@vaadin/grid';
 import { GridSortColumn } from '@vaadin/grid/vaadin-grid-sort-column';
 import { GridSelectionColumn } from '@vaadin/grid/vaadin-grid-selection-column';
@@ -1403,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;
 };
@@ -6246,7 +6253,9 @@ let PhoneFieldInternal$1 = class PhoneFieldInternal extends BaseInputClass$6 {
   }
 
   set value(val) {
-    const [countryCode = '', phoneNumber = ''] = val.split('-');
+    const parsed = parsePhone(val);
+    const countryCode = `+${parsed.countryCallingCode}`;
+    const phoneNumber = parsed.nationalNumber;
 
     if (countryCode) {
       const countryCodeItem = this.getCountryByDialCode(countryCode);