@descope/web-components-ui 3.3.0 → 3.3.1

package/dist/index.esm.js

@@ -11075,12 +11075,19 @@ const componentName$$ = getComponentName('phone-field-internal');
 
 const commonAttrs$2 = ['disabled', 'size', 'bordered', 'readonly'];
 const countryAttrs = ['country-input-placeholder', 'default-code', 'restrict-countries'];
-const phoneAttrs = ['phone-input-placeholder', 'maxlength', 'autocomplete', 'name'];
+const phoneAttrs = [
+  'phone-input-placeholder',
+  'maxlength',
+  'autocomplete',
+  'name',
+  'phone-input-type',
+];
 const labelTypeAttrs$1 = ['label-type', 'country-input-label', 'label'];
 const mapAttrs$1 = {
   'country-input-label': 'label',
   'country-input-placeholder': 'placeholder',
   'phone-input-placeholder': 'placeholder',
+  'phone-input-type': 'type',
 };
 
 const inputRelatedAttrs$1 = [].concat(commonAttrs$2, countryAttrs, phoneAttrs, labelTypeAttrs$1);
@@ -11116,7 +11123,10 @@ let PhoneFieldInternal$1 = class PhoneFieldInternal extends BaseInputClass$a {
     this.inputs = [this.comboBox, this.textField];
 
     forwardAttrs(this, this.comboBox, { includeAttrs: ['label-type'] });
-    forwardAttrs(this, this.textField, { includeAttrs: ['label-type', 'required'] });
+    forwardAttrs(this, this.textField, {
+      includeAttrs: ['label-type', 'required', 'phone-input-type'],
+      mapAttrs: { 'phone-input-type': 'type' },
+    });
 
     // override combo box setter to display dialCode value in input
     this.comboBox.customValueTransformFn = (val) => {
@@ -11486,6 +11496,7 @@ const customMixin$b = (superclass) =>
           'allow-alphanumeric-input',
           'format-value',
           'strict-validation',
+          'phone-input-type',
         ],
       });
     }
@@ -11765,9 +11776,11 @@ const observedAttributes$4 = [
   'maxlength',
   'autocomplete',
   'label-type',
+  'phone-input-type',
 ];
 const mapAttrs = {
   'phone-input-placeholder': 'placeholder',
+  'phone-input-type': 'type',
 };
 
 const BaseInputClass$9 = createBaseInputClass({ componentName: componentName$Z, baseSelector: 'div' });
@@ -11861,6 +11874,11 @@ class PhoneFieldInternal extends BaseInputClass$9 {
     this.handleFocusEventsDispatching([this.textField]);
 
     forwardAttrs$1(this.textField, this, { includeAttrs: ['has-value'] });
+
+    forwardAttrs$1(this, this.textField, {
+      includeAttrs: ['phone-input-type'],
+      mapAttrs: { 'phone-input-type': 'type' },
+    });
   }
 
   getValidity() {
@@ -12063,6 +12081,7 @@ const customMixin$a = (superclass) =>
           'format-value',
           'strict-validation',
           'data-errormessage-type-mismatch',
+          'phone-input-type',
         ],
       });
     }
@@ -19025,6 +19044,7 @@ const attrs = {
       'phone-minlength',
       'phone-format-value',
       'phone-strict-validation',
+      'phone-input-type',
       'data-errormessage-value-missing-phone',
     ],
     inputBox: [
@@ -19033,6 +19053,7 @@ const attrs = {
       'phone-minlength',
       'phone-format-value',
       'phone-strict-validation',
+      'phone-input-type',
       'data-errormessage-value-missing-phone',
     ],
   },
@@ -19072,8 +19093,8 @@ class RawHybridField extends BaseClass$6 {
     this.attachShadow({ mode: 'open' }).innerHTML = `
     <div class="wrapper">
       <descope-email-field external-input="${this.isExternalInput}"></descope-email-field>
-      <descope-phone-field allow-alphanumeric-input="true"></descope-phone-field>
-      <descope-phone-input-box-field allow-alphanumeric-input="true"></descope-phone-input-box-field>
+      <descope-phone-field allow-alphanumeric-input="true" phone-input-type="text"></descope-phone-field>
+      <descope-phone-input-box-field allow-alphanumeric-input="true" phone-input-type="text"></descope-phone-input-box-field>
     </div>
 		`;