@aurodesignsystem/auro-formkit 5.1.0-rc-1044.1 → 5.1.1

package/components/datepicker/demo/index.min.js

@@ -816,16 +816,16 @@ let AuroFormValidation$1 = class AuroFormValidation {
       }
 
       this.getErrorMessage(elem);
-    }
 
-    elem.dispatchEvent(new CustomEvent('auroFormElement-validated', {
-      bubbles: true,
-      composed: true,
-      detail: {
-        validity: elem.validity,
-        message: elem.errorMessage
-      }
-    }));
+      elem.dispatchEvent(new CustomEvent('auroFormElement-validated', {
+        bubbles: true,
+        composed: true,
+        detail: {
+          validity: elem.validity,
+          message: elem.errorMessage
+        }
+      }));
+    }
   }
 
   /**
@@ -17688,14 +17688,6 @@ let AuroElement$4 = class AuroElement extends i {
     };
   }
 
-  /**
-   * Returns true if the element has focus.
-   * @returns {boolean} - Returns true if the element has focus.
-   */
-  get componentHasFocus() {
-    return this.matches(':focus');
-  }
-
   resetShapeClasses() {
     const wrapper = this.shadowRoot.querySelector('.wrapper');
 
@@ -23446,16 +23438,16 @@ class AuroFormValidation {
       }
 
       this.getErrorMessage(elem);
-    }
 
-    elem.dispatchEvent(new CustomEvent('auroFormElement-validated', {
-      bubbles: true,
-      composed: true,
-      detail: {
-        validity: elem.validity,
-        message: elem.errorMessage
-      }
-    }));
+      elem.dispatchEvent(new CustomEvent('auroFormElement-validated', {
+        bubbles: true,
+        composed: true,
+        detail: {
+          validity: elem.validity,
+          message: elem.errorMessage
+        }
+      }));
+    }
   }
 
   /**
@@ -23547,14 +23539,6 @@ let AuroElement$2 = class AuroElement extends i {
     };
   }
 
-  /**
-   * Returns true if the element has focus.
-   * @returns {boolean} - Returns true if the element has focus.
-   */
-  get componentHasFocus() {
-    return this.matches(':focus');
-  }
-
   resetShapeClasses() {
     const wrapper = this.shadowRoot.querySelector('.wrapper');
 
@@ -27283,14 +27267,6 @@ let AuroElement$1 = class AuroElement extends i {
     };
   }
 
-  /**
-   * Returns true if the element has focus.
-   * @returns {boolean} - Returns true if the element has focus.
-   */
-  get componentHasFocus() {
-    return this.matches(':focus');
-  }
-
   resetShapeClasses() {
     const wrapper = this.shadowRoot.querySelector('.wrapper');
 
@@ -28547,9 +28523,6 @@ class AuroDatePicker extends AuroElement$1 {
       });
 
       input.addEventListener('auroFormElement-validated', (evt) => {
-        // not to bubble up input's validated event.
-        evt.stopPropagation();
-
         if (evt.detail.validity === 'customError') {
           this.validity = evt.detail.validity;
           this.errorMessage = evt.detail.message;
@@ -28887,6 +28860,7 @@ class AuroDatePicker extends AuroElement$1 {
       }
 
       this.setHasValue();
+      this.validate();
     }
 
     if (changedProperties.has('valueEnd') && this.inputList[1]) {

package/components/datepicker/dist/index.js

@@ -796,16 +796,16 @@ let AuroFormValidation$1 = class AuroFormValidation {
       }
 
       this.getErrorMessage(elem);
-    }
 
-    elem.dispatchEvent(new CustomEvent('auroFormElement-validated', {
-      bubbles: true,
-      composed: true,
-      detail: {
-        validity: elem.validity,
-        message: elem.errorMessage
-      }
-    }));
+      elem.dispatchEvent(new CustomEvent('auroFormElement-validated', {
+        bubbles: true,
+        composed: true,
+        detail: {
+          validity: elem.validity,
+          message: elem.errorMessage
+        }
+      }));
+    }
   }
 
   /**
@@ -17637,14 +17637,6 @@ let AuroElement$4 = class AuroElement extends LitElement {
     };
   }
 
-  /**
-   * Returns true if the element has focus.
-   * @returns {boolean} - Returns true if the element has focus.
-   */
-  get componentHasFocus() {
-    return this.matches(':focus');
-  }
-
   resetShapeClasses() {
     const wrapper = this.shadowRoot.querySelector('.wrapper');
 
@@ -23382,16 +23374,16 @@ class AuroFormValidation {
       }
 
       this.getErrorMessage(elem);
-    }
 
-    elem.dispatchEvent(new CustomEvent('auroFormElement-validated', {
-      bubbles: true,
-      composed: true,
-      detail: {
-        validity: elem.validity,
-        message: elem.errorMessage
-      }
-    }));
+      elem.dispatchEvent(new CustomEvent('auroFormElement-validated', {
+        bubbles: true,
+        composed: true,
+        detail: {
+          validity: elem.validity,
+          message: elem.errorMessage
+        }
+      }));
+    }
   }
 
   /**
@@ -23483,14 +23475,6 @@ let AuroElement$2 = class AuroElement extends LitElement {
     };
   }
 
-  /**
-   * Returns true if the element has focus.
-   * @returns {boolean} - Returns true if the element has focus.
-   */
-  get componentHasFocus() {
-    return this.matches(':focus');
-  }
-
   resetShapeClasses() {
     const wrapper = this.shadowRoot.querySelector('.wrapper');
 
@@ -27219,14 +27203,6 @@ let AuroElement$1 = class AuroElement extends LitElement {
     };
   }
 
-  /**
-   * Returns true if the element has focus.
-   * @returns {boolean} - Returns true if the element has focus.
-   */
-  get componentHasFocus() {
-    return this.matches(':focus');
-  }
-
   resetShapeClasses() {
     const wrapper = this.shadowRoot.querySelector('.wrapper');
 
@@ -28483,9 +28459,6 @@ class AuroDatePicker extends AuroElement$1 {
       });
 
       input.addEventListener('auroFormElement-validated', (evt) => {
-        // not to bubble up input's validated event.
-        evt.stopPropagation();
-
         if (evt.detail.validity === 'customError') {
           this.validity = evt.detail.validity;
           this.errorMessage = evt.detail.message;
@@ -28823,6 +28796,7 @@ class AuroDatePicker extends AuroElement$1 {
       }
 
       this.setHasValue();
+      this.validate();
     }
 
     if (changedProperties.has('valueEnd') && this.inputList[1]) {

package/components/datepicker/dist/registered.js

@@ -796,16 +796,16 @@ let AuroFormValidation$1 = class AuroFormValidation {
       }
 
       this.getErrorMessage(elem);
-    }
 
-    elem.dispatchEvent(new CustomEvent('auroFormElement-validated', {
-      bubbles: true,
-      composed: true,
-      detail: {
-        validity: elem.validity,
-        message: elem.errorMessage
-      }
-    }));
+      elem.dispatchEvent(new CustomEvent('auroFormElement-validated', {
+        bubbles: true,
+        composed: true,
+        detail: {
+          validity: elem.validity,
+          message: elem.errorMessage
+        }
+      }));
+    }
   }
 
   /**
@@ -17637,14 +17637,6 @@ let AuroElement$4 = class AuroElement extends LitElement {
     };
   }
 
-  /**
-   * Returns true if the element has focus.
-   * @returns {boolean} - Returns true if the element has focus.
-   */
-  get componentHasFocus() {
-    return this.matches(':focus');
-  }
-
   resetShapeClasses() {
     const wrapper = this.shadowRoot.querySelector('.wrapper');
 
@@ -23382,16 +23374,16 @@ class AuroFormValidation {
       }
 
       this.getErrorMessage(elem);
-    }
 
-    elem.dispatchEvent(new CustomEvent('auroFormElement-validated', {
-      bubbles: true,
-      composed: true,
-      detail: {
-        validity: elem.validity,
-        message: elem.errorMessage
-      }
-    }));
+      elem.dispatchEvent(new CustomEvent('auroFormElement-validated', {
+        bubbles: true,
+        composed: true,
+        detail: {
+          validity: elem.validity,
+          message: elem.errorMessage
+        }
+      }));
+    }
   }
 
   /**
@@ -23483,14 +23475,6 @@ let AuroElement$2 = class AuroElement extends LitElement {
     };
   }
 
-  /**
-   * Returns true if the element has focus.
-   * @returns {boolean} - Returns true if the element has focus.
-   */
-  get componentHasFocus() {
-    return this.matches(':focus');
-  }
-
   resetShapeClasses() {
     const wrapper = this.shadowRoot.querySelector('.wrapper');
 
@@ -27219,14 +27203,6 @@ let AuroElement$1 = class AuroElement extends LitElement {
     };
   }
 
-  /**
-   * Returns true if the element has focus.
-   * @returns {boolean} - Returns true if the element has focus.
-   */
-  get componentHasFocus() {
-    return this.matches(':focus');
-  }
-
   resetShapeClasses() {
     const wrapper = this.shadowRoot.querySelector('.wrapper');
 
@@ -28483,9 +28459,6 @@ class AuroDatePicker extends AuroElement$1 {
       });
 
       input.addEventListener('auroFormElement-validated', (evt) => {
-        // not to bubble up input's validated event.
-        evt.stopPropagation();
-
         if (evt.detail.validity === 'customError') {
           this.validity = evt.detail.validity;
           this.errorMessage = evt.detail.message;
@@ -28823,6 +28796,7 @@ class AuroDatePicker extends AuroElement$1 {
       }
 
       this.setHasValue();
+      this.validate();
     }
 
     if (changedProperties.has('valueEnd') && this.inputList[1]) {

package/components/dropdown/demo/api.min.js

@@ -3467,14 +3467,6 @@ class AuroElement extends i {
     };
   }
 
-  /**
-   * Returns true if the element has focus.
-   * @returns {boolean} - Returns true if the element has focus.
-   */
-  get componentHasFocus() {
-    return this.matches(':focus');
-  }
-
   resetShapeClasses() {
     const wrapper = this.shadowRoot.querySelector('.wrapper');
 

package/components/dropdown/demo/index.min.js

@@ -3442,14 +3442,6 @@ class AuroElement extends i {
     };
   }
 
-  /**
-   * Returns true if the element has focus.
-   * @returns {boolean} - Returns true if the element has focus.
-   */
-  get componentHasFocus() {
-    return this.matches(':focus');
-  }
-
   resetShapeClasses() {
     const wrapper = this.shadowRoot.querySelector('.wrapper');
 

package/components/dropdown/dist/index.js

@@ -3395,14 +3395,6 @@ class AuroElement extends LitElement {
     };
   }
 
-  /**
-   * Returns true if the element has focus.
-   * @returns {boolean} - Returns true if the element has focus.
-   */
-  get componentHasFocus() {
-    return this.matches(':focus');
-  }
-
   resetShapeClasses() {
     const wrapper = this.shadowRoot.querySelector('.wrapper');
 

package/components/dropdown/dist/registered.js

@@ -3395,14 +3395,6 @@ class AuroElement extends LitElement {
     };
   }
 
-  /**
-   * Returns true if the element has focus.
-   * @returns {boolean} - Returns true if the element has focus.
-   */
-  get componentHasFocus() {
-    return this.matches(':focus');
-  }
-
   resetShapeClasses() {
     const wrapper = this.shadowRoot.querySelector('.wrapper');
 

package/components/input/demo/api.min.js

@@ -4933,16 +4933,16 @@ class AuroFormValidation {
       }
 
       this.getErrorMessage(elem);
-    }
 
-    elem.dispatchEvent(new CustomEvent('auroFormElement-validated', {
-      bubbles: true,
-      composed: true,
-      detail: {
-        validity: elem.validity,
-        message: elem.errorMessage
-      }
-    }));
+      elem.dispatchEvent(new CustomEvent('auroFormElement-validated', {
+        bubbles: true,
+        composed: true,
+        detail: {
+          validity: elem.validity,
+          message: elem.errorMessage
+        }
+      }));
+    }
   }
 
   /**
@@ -5034,14 +5034,6 @@ let AuroElement$2 = class AuroElement extends i$2 {
     };
   }
 
-  /**
-   * Returns true if the element has focus.
-   * @returns {boolean} - Returns true if the element has focus.
-   */
-  get componentHasFocus() {
-    return this.matches(':focus');
-  }
-
   resetShapeClasses() {
     const wrapper = this.shadowRoot.querySelector('.wrapper');
 

package/components/input/demo/index.min.js

@@ -4858,16 +4858,16 @@ class AuroFormValidation {
       }
 
       this.getErrorMessage(elem);
-    }
 
-    elem.dispatchEvent(new CustomEvent('auroFormElement-validated', {
-      bubbles: true,
-      composed: true,
-      detail: {
-        validity: elem.validity,
-        message: elem.errorMessage
-      }
-    }));
+      elem.dispatchEvent(new CustomEvent('auroFormElement-validated', {
+        bubbles: true,
+        composed: true,
+        detail: {
+          validity: elem.validity,
+          message: elem.errorMessage
+        }
+      }));
+    }
   }
 
   /**
@@ -4959,14 +4959,6 @@ let AuroElement$2 = class AuroElement extends i$2 {
     };
   }
 
-  /**
-   * Returns true if the element has focus.
-   * @returns {boolean} - Returns true if the element has focus.
-   */
-  get componentHasFocus() {
-    return this.matches(':focus');
-  }
-
   resetShapeClasses() {
     const wrapper = this.shadowRoot.querySelector('.wrapper');
 

package/components/input/dist/index.js

@@ -4782,16 +4782,16 @@ class AuroFormValidation {
       }
 
       this.getErrorMessage(elem);
-    }
 
-    elem.dispatchEvent(new CustomEvent('auroFormElement-validated', {
-      bubbles: true,
-      composed: true,
-      detail: {
-        validity: elem.validity,
-        message: elem.errorMessage
-      }
-    }));
+      elem.dispatchEvent(new CustomEvent('auroFormElement-validated', {
+        bubbles: true,
+        composed: true,
+        detail: {
+          validity: elem.validity,
+          message: elem.errorMessage
+        }
+      }));
+    }
   }
 
   /**
@@ -4883,14 +4883,6 @@ let AuroElement$2 = class AuroElement extends LitElement {
     };
   }
 
-  /**
-   * Returns true if the element has focus.
-   * @returns {boolean} - Returns true if the element has focus.
-   */
-  get componentHasFocus() {
-    return this.matches(':focus');
-  }
-
   resetShapeClasses() {
     const wrapper = this.shadowRoot.querySelector('.wrapper');
 

package/components/input/dist/registered.js

@@ -4782,16 +4782,16 @@ class AuroFormValidation {
       }
 
       this.getErrorMessage(elem);
-    }
 
-    elem.dispatchEvent(new CustomEvent('auroFormElement-validated', {
-      bubbles: true,
-      composed: true,
-      detail: {
-        validity: elem.validity,
-        message: elem.errorMessage
-      }
-    }));
+      elem.dispatchEvent(new CustomEvent('auroFormElement-validated', {
+        bubbles: true,
+        composed: true,
+        detail: {
+          validity: elem.validity,
+          message: elem.errorMessage
+        }
+      }));
+    }
   }
 
   /**
@@ -4883,14 +4883,6 @@ let AuroElement$2 = class AuroElement extends LitElement {
     };
   }
 
-  /**
-   * Returns true if the element has focus.
-   * @returns {boolean} - Returns true if the element has focus.
-   */
-  get componentHasFocus() {
-    return this.matches(':focus');
-  }
-
   resetShapeClasses() {
     const wrapper = this.shadowRoot.querySelector('.wrapper');
 

package/components/layoutElement/dist/auroElement.d.ts

@@ -25,11 +25,6 @@ export class AuroElement extends LitElement {
             reflect: boolean;
         };
     };
-    /**
-     * Returns true if the element has focus.
-     * @returns {boolean} - Returns true if the element has focus.
-     */
-    get componentHasFocus(): boolean;
     resetShapeClasses(): void;
     resetLayoutClasses(): void;
     updateComponentArchitecture(): void;

package/components/layoutElement/dist/index.js

@@ -34,14 +34,6 @@ class AuroElement extends LitElement {
     };
   }
 
-  /**
-   * Returns true if the element has focus.
-   * @returns {boolean} - Returns true if the element has focus.
-   */
-  get componentHasFocus() {
-    return this.matches(':focus');
-  }
-
   resetShapeClasses() {
     const wrapper = this.shadowRoot.querySelector('.wrapper');
 

package/components/layoutElement/dist/registered.js

@@ -34,14 +34,6 @@ class AuroElement extends LitElement {
     };
   }
 
-  /**
-   * Returns true if the element has focus.
-   * @returns {boolean} - Returns true if the element has focus.
-   */
-  get componentHasFocus() {
-    return this.matches(':focus');
-  }
-
   resetShapeClasses() {
     const wrapper = this.shadowRoot.querySelector('.wrapper');
 

package/components/menu/demo/api.min.js

@@ -104,14 +104,6 @@ let AuroElement$1 = class AuroElement extends i$2 {
     };
   }
 
-  /**
-   * Returns true if the element has focus.
-   * @returns {boolean} - Returns true if the element has focus.
-   */
-  get componentHasFocus() {
-    return this.matches(':focus');
-  }
-
   resetShapeClasses() {
     const wrapper = this.shadowRoot.querySelector('.wrapper');
 

package/components/menu/demo/index.min.js

@@ -64,14 +64,6 @@ let AuroElement$1 = class AuroElement extends i$2 {
     };
   }
 
-  /**
-   * Returns true if the element has focus.
-   * @returns {boolean} - Returns true if the element has focus.
-   */
-  get componentHasFocus() {
-    return this.matches(':focus');
-  }
-
   resetShapeClasses() {
     const wrapper = this.shadowRoot.querySelector('.wrapper');
 

package/components/menu/dist/index.js

@@ -43,14 +43,6 @@ let AuroElement$1 = class AuroElement extends LitElement {
     };
   }
 
-  /**
-   * Returns true if the element has focus.
-   * @returns {boolean} - Returns true if the element has focus.
-   */
-  get componentHasFocus() {
-    return this.matches(':focus');
-  }
-
   resetShapeClasses() {
     const wrapper = this.shadowRoot.querySelector('.wrapper');
 

package/components/menu/dist/registered.js

@@ -43,14 +43,6 @@ let AuroElement$1 = class AuroElement extends LitElement {
     };
   }
 
-  /**
-   * Returns true if the element has focus.
-   * @returns {boolean} - Returns true if the element has focus.
-   */
-  get componentHasFocus() {
-    return this.matches(':focus');
-  }
-
   resetShapeClasses() {
     const wrapper = this.shadowRoot.querySelector('.wrapper');