@descope/web-components-ui 3.22.1 → 3.22.3

package/dist/index.esm.js

@@ -2343,6 +2343,13 @@ class EnrichedText extends createBaseClass$1({
         e.stopPropagation();
       }
     });
+
+    // The SDK submits the form (and prevents link activation) on any Enter that reaches the flow root
+    this.contentNode?.addEventListener('keydown', (e) => {
+      if (e.key === 'Enter' && e.target instanceof HTMLAnchorElement) {
+        e.stopPropagation();
+      }
+    });
   }
 
   static get observedAttributes() {
@@ -9828,6 +9835,19 @@ const customMixin$c = (superclass) =>
       this.baseElement._setFocused = this.setFocus.bind(this);
 
       this.initExternalInput();
+      this.stopRevealButtonEnterPropagation();
+    }
+
+    // Vaadin toggles visibility on Enter keydown but lets the event bubble,
+    // and the SDK submits the form on any Enter that reaches the flow root.
+    stopRevealButtonEnterPropagation() {
+      this.revealButton.addEventListener('keydown', (e) => {
+        if (e.key === 'Enter') e.stopPropagation();
+      });
+    }
+
+    get revealButton() {
+      return this.baseElement.querySelector('vaadin-password-field-button');
     }
 
     initExternalInput() {
@@ -9883,9 +9903,7 @@ const customMixin$c = (superclass) =>
     handlePasswordVisibility(externalInput) {
       // disable vaadin's `__boundRevealButtonMouseDown` mouse-down event lisetener
       const origBoundRevealButtonMouseDown = this.baseElement.__boundRevealButtonMouseDown;
-      this.baseElement
-        .querySelector('vaadin-password-field-button')
-        .removeEventListener('mousedown', origBoundRevealButtonMouseDown);
+      this.revealButton.removeEventListener('mousedown', origBoundRevealButtonMouseDown);
 
       // disable vaadin's `_passwordVisibleChanged` observer
       this.baseElement._passwordVisibleChanged = () => {};
@@ -24554,7 +24572,7 @@ var passwordStrength$1 = /*#__PURE__*/Object.freeze({
   vars: vars$V
 });
 
-var chevronIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iYmxhY2siIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNy4yMTkzIDkuMjcyODNDMTcuNjU4NCA4Ljg3OTEyIDE4LjMzMzQgOC45MTU4NyAxOC43MjcyIDkuMzU0OTJDMTkuMTIwOSA5Ljc5Mzk3IDE5LjA4NDEgMTAuNDY5MSAxOC42NDUxIDEwLjg2MjhDMTguNjQ1MSAxMC44NjI4IDEzLjA0NTcgMTYuMDAyMiAxMi42NCAxNi4zNjZDMTIuMjM0MyAxNi43Mjk4IDExLjc2MDggMTYuNzI5OCAxMS4zNTUyIDE2LjM2Nkw1LjM1NDkyIDEwLjg2MjhDNC45MTU4NyAxMC40NjkxIDQuODc5MTIgOS43OTM5NyA1LjI3MjgzIDkuMzU0OTJDNS42NjY1NSA4LjkxNTg3IDYuMzQxNjQgOC44NzkxMiA2Ljc4MDY5IDkuMjcyODNMMTIgMTQuMTM2OEwxNy4yMTkzIDkuMjcyODNaIi8+Cjwvc3ZnPgo=";
+var chevronIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iYmxhY2siIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02Ljc4MDcgMTQuNzI3MkM2LjM0MTYgMTUuMTIwOSA1LjY2NjYgMTUuMDg0MSA1LjI3MjggMTQuNjQ1MUM0Ljg3OTEgMTQuMjA2IDQuOTE1OSAxMy41MzA5IDUuMzU0OSAxMy4xMzcyQzUuMzU0OSAxMy4xMzcyIDEwLjk1NDMgNy45OTc4IDExLjM2IDcuNjM0QzExLjc2NTcgNy4yNzAyIDEyLjIzOTIgNy4yNzAyIDEyLjY0NDggNy42MzRMMTguNjQ1MSAxMy4xMzcyQzE5LjA4NDEgMTMuNTMwOSAxOS4xMjA5IDE0LjIwNiAxOC43MjcyIDE0LjY0NTFDMTguMzMzNCAxNS4wODQxIDE3LjY1ODQgMTUuMTIwOSAxNy4yMTkzIDE0LjcyNzJMMTIgOS44NjMyTDYuNzgwNyAxNC43MjcyWiIvPgo8L3N2Zz4K";
 
 const componentName$i = getComponentName$1('collapsible-container');
 
@@ -24630,9 +24648,6 @@ class RawCollapsibleContainer extends createBaseClass$1({
       descope-icon {
           transition-property: transform;
       }
-      .rotate {
-          transform: rotate(-180deg);
-      }
       descope-text {
         width: 100%;
         display: flex;
@@ -24739,6 +24754,7 @@ class RawCollapsibleContainer extends createBaseClass$1({
 const selectors = {
   host: () => ':host',
   icon: () => 'descope-icon',
+  collapsedIcon: () => 'descope-icon.rotate',
   iconWrapper: () => '.icon',
   header: () => '.header',
   iconAndText: () => '.header, .title',
@@ -24793,6 +24809,11 @@ const CollapsibleContainerClass = compose$1(
         selector: selectors.content,
         property: 'transition-duration',
       },
+      chevronRotation: {
+        selector: selectors.collapsedIcon,
+        property: 'transform',
+        fallback: 'rotate(180deg)',
+      },
     },
   }),
   draggableMixin$1,
@@ -24835,6 +24856,7 @@ const collapsibleContainer = {
 
   [compVars$5.headerGap]: globalRefs$u.spacing.md,
 
+  [compVars$5.chevronRotation]: 'rotate(180deg)',
   [compVars$5.iconAnimationDuration]: '0.1s',
   [compVars$5.contentAnimationDuration]: '0.1s',