@descope/web-components-ui 1.0.298 → 1.0.300

package/dist/index.esm.js

@@ -3392,7 +3392,7 @@ const BaseEnrichedTextClass = createBaseTextClass(componentName$z);
 const EnrichedTextMixin = (superclass) =>
   class EnrichedTextMixinClass extends superclass {
     static get observedAttributes() {
-      return ['disabled-rules', 'line-break'];
+      return ['disabled-rules', 'line-break', 'readonly'];
     }
 
     get lineBreak() {
@@ -3418,6 +3418,10 @@ const EnrichedTextMixin = (superclass) =>
           this.#parseChildren();
         }
       }
+
+      if (attrName === 'readonly') {
+        this.onReadOnlyChange(newValue !== null);
+      }
     }
 
     #initProcessor() {
@@ -3443,6 +3447,10 @@ const EnrichedTextMixin = (superclass) =>
         }
       }
     }
+
+    onReadOnlyChange(val) {
+      this.setAttribute('inert', val);
+    }
   };
 
 const EnrichedTextClass = compose(
@@ -6444,14 +6452,16 @@ class NewPasswordInternal extends BaseInputClass$4 {
     });
 
     super.init?.();
-    this.renderInputs(this.hasConfirm);
+    this.renderInputs(this.hasConfirm, this.hasValidation);
   }
 
-  renderInputs(shouldRenderConfirm) {
+  renderInputs(shouldRenderConfirm, shouldRenderValidation) {
     let template = `
       <div>
         <descope-password data-id="password"></descope-password>
-        <descope-policy-validation></descope-policy-validation>
+        <descope-policy-validation class="${
+          shouldRenderValidation ? 'hidden' : ''
+        }"></descope-policy-validation>
       </div>
     `;
 
@@ -6562,8 +6572,10 @@ class NewPasswordInternal extends BaseInputClass$4 {
     super.attributeChangedCallback?.(attrName, oldValue, newValue);
 
     if (oldValue !== newValue) {
-      if (attrName === 'has-confirm') {
-        this.renderInputs(newValue !== null && newValue !== 'false');
+      if (attrName === 'has-validation') {
+        this.renderInputs(this.hasConfirm, newValue === 'true');
+      } else if (attrName === 'has-confirm') {
+        this.renderInputs(newValue !== null && newValue !== 'false', this.hasValidation);
       } else if (commonAttrs.includes(attrName)) {
         this.inputs.forEach((input) => this.toggleBooleanAttribute(input, attrName, newValue));
       } else if (passwordInputAttrs.includes(attrName)) {