@descope/web-components-ui 3.3.0 → 3.3.2

package/dist/cjs/index.cjs.js

@@ -15624,6 +15624,7 @@ const customMixin$6 = (superclass) =>
           'allow-alphanumeric-input',
           'format-value',
           'strict-validation',
+          'phone-input-type',
         ],
       });
     }
@@ -15970,6 +15971,7 @@ const customMixin$5 = (superclass) =>
           'format-value',
           'strict-validation',
           'data-errormessage-type-mismatch',
+          'phone-input-type',
         ],
       });
     }
@@ -22697,8 +22699,10 @@ class RawDateFieldClass extends BaseInputClass$1 {
   #adjustPopoverPosition() {
     const popover = this.shadowRoot.querySelector('vaadin-popover').shadowRoot;
 
-    // Remove previously added stylesheets
-    this.#popoverPosStylesheet?.remove();
+    // Reset any previous transform so getBoundingClientRect measures the natural position
+    this.#popoverPosStylesheet?.replaceSync(
+      `vaadin-popover-overlay::part(overlay) { transform: none; }`
+    );
 
     const windowRect = document.body.getBoundingClientRect();
     const inputRect = this.getBoundingClientRect();
@@ -22716,14 +22720,17 @@ class RawDateFieldClass extends BaseInputClass$1 {
       newOffset = Math.min(Math.abs(offset), availableLeft) * -1;
     }
 
-    injectStyle(
-      `
+    const css = `
       vaadin-popover-overlay::part(overlay) {
         transform: translateX(${newOffset}px);
       }
-    `,
-      popover
-    );
+    `;
+
+    if (this.#popoverPosStylesheet) {
+      this.#popoverPosStylesheet.replaceSync(css);
+    } else {
+      this.#popoverPosStylesheet = injectStyle(css, popover);
+    }
   }
 
   #getPopoverContent() {
@@ -24233,6 +24240,7 @@ const attrs = {
       'phone-minlength',
       'phone-format-value',
       'phone-strict-validation',
+      'phone-input-type',
       'data-errormessage-value-missing-phone',
     ],
     inputBox: [
@@ -24241,6 +24249,7 @@ const attrs = {
       'phone-minlength',
       'phone-format-value',
       'phone-strict-validation',
+      'phone-input-type',
       'data-errormessage-value-missing-phone',
     ],
   },
@@ -24280,8 +24289,8 @@ class RawHybridField extends BaseClass$2 {
     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>
 		`;