@descope/web-components-ui 1.90.0 → 1.92.0

package/dist/index.esm.js

@@ -6645,7 +6645,7 @@ const componentName$14 = getComponentName$1('date-field');
 const BASE_SELECTOR = 'vaadin-popover';
 const BaseInputClass$a = createBaseInputClass$1({ componentName: componentName$14, baseSelector: BASE_SELECTOR });
 
-const dateFieldAttrs = ['format', 'opened', 'initial-value', 'readonly'];
+const dateFieldAttrs = ['format', 'opened', 'initial-value', 'readonly', 'disable-calendar'];
 const calendarAttrs = ['years-range', 'calendar-months', 'calendar-weekdays'];
 const observedAttrs$3 = [...dateFieldAttrs, ...calendarAttrs];
 
@@ -6735,6 +6735,10 @@ class RawDateFieldClass extends BaseInputClass$a {
       :host([readonly="true"]) .toggle-calendar {
         pointer-events: none;
       }
+
+      .hidden {
+        display: none;
+      }
         `,
       this
     );
@@ -6820,6 +6824,10 @@ class RawDateFieldClass extends BaseInputClass$a {
     return this.dateCounters.some((dc) => !dc.isInRange(dc.numberValue));
   }
 
+  get disableCalendar() {
+    return this.getAttribute('disable-calendar') === 'true';
+  }
+
   reportValidity() {
     this.inputElement.reportValidity();
   }
@@ -6980,6 +6988,7 @@ class RawDateFieldClass extends BaseInputClass$a {
   }
 
   openPopover() {
+    if (this.disableCalendar) return;
     this.setAttribute('opened', 'true');
   }
 
@@ -7233,6 +7242,14 @@ class RawDateFieldClass extends BaseInputClass$a {
     }
   }
 
+  togglePopoverAccess(visibility) {
+    if (visibility) {
+      this.popoverToggleButton.classList.remove('hidden');
+    } else {
+      this.popoverToggleButton.classList.add('hidden');
+    }
+  }
+
   attributeChangedCallback(attrName, oldValue, newValue) {
     super.attributeChangedCallback?.(attrName, oldValue, newValue);
 
@@ -7240,6 +7257,9 @@ class RawDateFieldClass extends BaseInputClass$a {
       if (attrName === 'years-range') {
         this.setYearRange(newValue);
       }
+      if (attrName === 'disable-calendar') {
+        this.togglePopoverAccess(newValue !== 'true');
+      }
       if (dateFieldAttrs.includes(attrName)) {
         if (newValue && attrName === 'format') {
           this.onFormatUpdate(newValue);
@@ -18468,8 +18488,11 @@ class RawHybridField extends BaseClass$2 {
     // On reportValidity we want to set the caret at the end of the input value.
     // Since checkValidity triggers `focus` on the input, it sets the caret at the start of the input,
     // regardless the existing value.
+    const origInputType = ele.type;
+    ele.setAttribute('type', 'text');
     setTimeout(() => {
       ele.setSelectionRange?.(ele.value.length, ele.value.length);
+      ele.setAttribute('type', origInputType);
     });
 
     return this.activeInput.reportValidity();