@descope/web-components-ui 3.3.1 → 3.3.3

package/dist/cjs/index.cjs.js

@@ -3946,7 +3946,16 @@ const EnrichedTextClass = compose(
 
 const componentName$1f = getComponentName('link');
 
-class RawLink extends createBaseClass$1({ componentName: componentName$1f, baseSelector: ':host a' }) {
+const observedAttrs$6 = ['href', 'readonly'];
+
+class RawLink extends createBaseClass$1({
+  componentName: componentName$1f,
+  baseSelector: ':host a',
+}) {
+  static get observedAttributes() {
+    return observedAttrs$6.concat(super.observedAttributes || []);
+  }
+
   constructor() {
     super();
 
@@ -3979,10 +3988,12 @@ class RawLink extends createBaseClass$1({ componentName: componentName$1f, baseS
       white-space: nowrap;
     }
       `,
-      this
+      this,
     );
 
-    forwardAttrs(this, this.shadowRoot.querySelector('a'), {
+    this.anchor = this.shadowRoot.querySelector('a');
+
+    forwardAttrs(this, this.anchor, {
       includeAttrs: ['href', 'target', 'tooltip'],
       mapAttrs: {
         tooltip: 'title',
@@ -3992,6 +4003,16 @@ class RawLink extends createBaseClass$1({ componentName: componentName$1f, baseS
     forwardAttrs(this, this.shadowRoot.querySelector('descope-text'), {
       includeAttrs: ['mode', 'variant'],
     });
+
+    this.anchor.addEventListener('click', (e) => {
+      if (this.readOnly) {
+        e.preventDefault();
+      }
+    });
+  }
+
+  get readOnly() {
+    return this.getAttribute('readonly') === 'true';
   }
 }
 
@@ -4011,7 +4032,11 @@ const LinkClass = compose(
       hostWidth: { ...host$v, property: 'width' },
       hostDirection: { ...text$2, property: 'direction' },
       textAlign: wrapper$1,
-      textDecoration: { ...link$3, property: 'text-decoration', fallback: 'none' },
+      textDecoration: {
+        ...link$3,
+        property: 'text-decoration',
+        fallback: 'none',
+      },
       textColor: [
         { ...anchor, property: 'color' },
         { ...text$2, property: TextClass.cssVarList.textColor },
@@ -4020,7 +4045,7 @@ const LinkClass = compose(
     },
   }),
   draggableMixin$1,
-  componentNameValidationMixin$1
+  componentNameValidationMixin$1,
 )(RawLink);
 
 const globalRefs$F = getThemeRefs$1(globals);
@@ -22699,8 +22724,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();
@@ -22718,14 +22745,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() {