@descope/web-components-ui 1.0.340 → 1.0.341

package/dist/index.esm.js

@@ -3453,18 +3453,26 @@ const componentName$D = getComponentName('password');
 
 const customMixin$7 = (superclass) =>
   class PasswordFieldMixinClass extends superclass {
-    hidePasswordVisibility(input) {
-      // handle input element's type
-      input.setAttribute('type', 'password');
-      // handle vaadin's `password-visible` attribute
-      this.setAttribute('password-visible', 'false');
-    }
-
-    showPasswordVisibility(input) {
-      // handle input element's type
-      input.setAttribute('type', 'text');
-      // handle vaadin's `password-visible` attribute
-      this.setAttribute('password-visible', 'true');
+    init() {
+      super.init?.();
+
+      this.handleCaretOnVisibilityChange();
+    }
+
+    get caretPosition() {
+      return this.value?.length || 0;
+    }
+
+    handleCaretOnVisibilityChange() {
+      const origTogglePasswordVisibility = this.baseElement._togglePasswordVisibility.bind(
+        this.baseElement
+      );
+      this.baseElement._togglePasswordVisibility = () => {
+        setTimeout(() => {
+          origTogglePasswordVisibility();
+          this.inputElement.setSelectionRange(this.caretPosition, this.caretPosition);
+        });
+      };
     }
 
     getAutocompleteType() {