@aurodesignsystem-dev/auro-formkit 0.0.0-pr754.1 → 0.0.0-pr754.2

package/components/counter/dist/auro-counter-group.d.ts

@@ -25,6 +25,23 @@ export class AuroCounterGroup extends LitElement {
             type: BooleanConstructor;
             reflect: boolean;
         };
+        /**
+         * The current error message to display when the component is invalid.
+         */
+        error: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        /**
+         * The current error message to display when the component is invalid.
+         * This is set by validation and is not available to consumers.
+         * @private
+         */
+        errorMessage: {
+            type: StringConstructor;
+            reflect: boolean;
+            attribute: boolean;
+        };
         /**
          * Defines the screen size breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `disabled`)
          * at which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.
@@ -103,7 +120,7 @@ export class AuroCounterGroup extends LitElement {
          * "top" | "right" | "bottom" | "left" |
          * "bottom-start" | "top-start" | "top-end" |
          * "right-start" | "right-end" | "bottom-end" |
-         * "left-start" | "left-end"
+         * "left-start" | "left-end".
          * @default bottom-start
          */
         placement: {
@@ -175,6 +192,21 @@ export class AuroCounterGroup extends LitElement {
      * @private
      */
     private validation;
+    /**
+     * Updates the aggregate value based on the values of contained auro-counter components.
+     * This method queries for all `auro-counter` elements, sums their values, and updates the component's `value` property.
+     * Additionally, it iterates through each counter and calls `manageDisabled()` on it.
+     * @private
+     */
+    private updateValue;
+    /**
+     * Updates the validity of the counter group based on the validity of its counters.
+     * This method checks all counters within the group, determines if any are invalid, and updates the group's validity state and error message accordingly.
+     * If any counter is invalid, it generates a combined error message from all invalid counters.
+     * @returns {void}
+     * @private
+     */
+    private updateValidity;
     /**
      * Dynamically generated dropdown tag.
      * @private
@@ -193,6 +225,10 @@ export class AuroCounterGroup extends LitElement {
      * @type {string}
      */
     private helpTextTag;
+    /**
+     * @private
+     */
+    private iconTag;
     /**
      * Dynamically disables increment/decrement buttons on a counter based on group value.
      * This method checks the total aggregated value against the group's min and max properties.
@@ -209,6 +245,28 @@ export class AuroCounterGroup extends LitElement {
      * @private
      */
     private configureCounters;
+    /**
+     * Renders help text error messages.
+     * @param {Array<string>} messages - The error messages to render.
+     * @returns {TemplateResult[]} - The rendered error messages rendered in a TemplateResult.
+     * @private
+     */
+    private renderHelpTextErrors;
+    /**
+     * Gets and returns an array of counters in an invalid state.
+     * @returns {Array<HTMLElement>} - Returns an array of invalid counters.
+     * @param {NodeList} counters - The NodeList of counter elements to check.
+     * @private
+     */
+    private getInvalidCounters;
+    /**
+     * Gets all valid error messages from errored counters.
+     * @param {NodeList} invalidCounters - The NodeList of counter elements to check.
+     * @returns {Array<string>} - Returns an array of error messages from invalid counters.
+     * @private
+     */
+    private getErrorMessages;
+    errorMessage: any;
     /**
      * Configures the dropdown counters by selecting all `auro-counter` elements,
      * appending them to the `auro-counter-wrapper` element within the shadow DOM,
@@ -235,13 +293,6 @@ export class AuroCounterGroup extends LitElement {
      * @returns {number} The converted number or 0 if invalid.
      */
     private safeNumberConversion;
-    /**
-     * Updates the aggregate value based on the values of contained auro-counter components.
-     * This method queries for all `auro-counter` elements, sums their values, and updates the component's `value` property.
-     * Additionally, it iterates through each counter and calls `manageDisabled()` on it.
-     * @private
-     */
-    private updateValue;
     /**
      * Updates the value text in the dropdown trigger based on the counters in the counter group.
      * @private
@@ -255,6 +306,18 @@ export class AuroCounterGroup extends LitElement {
     validate(force?: boolean): void;
     updated(changedProperties: any): void;
     firstUpdated(): void;
+    /**
+     * Returns HTML for the help text and error message.
+     * @private
+     * @returns {html} - Returns HTML for the help text and error message.
+     */
+    private renderHelpText;
+    /**
+     * Returns HTML for the validation error icon.
+     * @private
+     * @returns {html} - Returns HTML for the validation error icon.
+     */
+    private renderValidationErrorIcon;
     /**
      * Render the dropdown structure for the counter group.
      * @returns {TemplateResult} The dropdown template.
@@ -267,12 +330,6 @@ export class AuroCounterGroup extends LitElement {
      * @private
      */
     private renderDropdownTrigger;
-    /**
-     * Render the help text for the counter group.
-     * @returns {TemplateResult} The help text template.
-     * @private
-     */
-    private renderHelpText;
     /**
      * Render the dropdown bib template for the dropdown.
      * @returns {TemplateResult} The bib template.

package/components/counter/dist/auro-counter.d.ts

@@ -42,6 +42,10 @@ export class AuroCounter extends LitElement {
      * @type {string}
      */
     private iconTag;
+    /**
+     * @private
+     */
+    private helpTextTag;
     /**
      * Increments the counter value by 1. If a value is provided, it increments by that amount.
      * @method increment
@@ -98,6 +102,12 @@ export class AuroCounter extends LitElement {
      */
     private onDefaultSlotChange;
     updated(changedProperties: any): void;
+    /**
+     * Returns HTML for the help text and error message.
+     * @private
+     * @returns {html} - Returns HTML for the help text and error message.
+     */
+    private renderHelpText;
     render(): import("lit-html").TemplateResult;
 }
 import { LitElement } from "lit";