@aurodesignsystem/auro-formkit 2.0.0-beta.15 → 2.0.0-beta.17

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

@@ -11,6 +11,12 @@
 export class AuroCounterGroup extends LitElement {
     static get styles(): import("lit").CSSResult[];
     static get properties(): {
+        /**
+         * Indicates if the counter group is displayed as a dropdown.
+         */
+        isDropdown: {
+            type: BooleanConstructor;
+        };
         /**
          * The maximum value allowed for the whole group of counters.
          */
@@ -25,12 +31,6 @@ export class AuroCounterGroup extends LitElement {
             type: NumberConstructor;
             reflect: boolean;
         };
-        /**
-         * The total value of the counters.
-         */
-        total: {
-            type: NumberConstructor;
-        };
         /**
          * Reflects the validity state.
          */
@@ -38,6 +38,12 @@ export class AuroCounterGroup extends LitElement {
             type: StringConstructor;
             reflect: boolean;
         };
+        /**
+         * The total value of the counters.
+         */
+        total: {
+            type: NumberConstructor;
+        };
         /**
          * The current individual values of the nested counters.
          */
@@ -52,6 +58,7 @@ export class AuroCounterGroup extends LitElement {
      * AuroCounterGroup.register("custom-counter-group") // registers <custom-counter-group/>
      */
     static register(name?: string): void;
+    isDropdown: boolean;
     max: any;
     min: any;
     total: number;
@@ -65,6 +72,12 @@ export class AuroCounterGroup extends LitElement {
      * @private
      */
     private validation;
+    /**
+     * Dynamically generated dropdown tag.
+     * @private
+     * @type {string}
+     */
+    private dropdownTag;
     /**
      * 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.
@@ -76,11 +89,18 @@ export class AuroCounterGroup extends LitElement {
     private manageDisabled;
     /**
      * Attaches input event listeners to all auro-counter elements within the component.
-     * This method selects all `auro-counter` and `[auto-counter]` elements and adds an `input` event listener to each.
+     * This method selects all `auro-counter` and `[auro-counter]` elements and adds an `input` event listener to each.
      * The listener calls `this.updateValue()` whenever the value of a counter changes.
      * @private
      */
     private configureCounters;
+    /**
+     * Configures the dropdown counters by selecting all `auro-counter` elements
+     * and appending them to the `auro-counter-wrapper` element within the shadow DOM.
+     * Adds an event listener to each counter to update the value on input.
+     * @private
+     */
+    private configureDropdownCounters;
     /**
      * Safely converts a value to a number, returning 0 if invalid.
      * @private

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

@@ -1 +1 @@
-{"version":3,"file":"auro-counter-group.d.ts","sourceRoot":"","sources":["../src/auro-counter-group.js"],"names":[],"mappings":"AAYA;;;;;;;;;GASG;AACH;IAqBE,+CAKC;IAED;QAGI;;WAEG;;;;;QAMH;;WAEG;;;;;QAMH;;WAEG;;;;QAKH;;WAEG;;;;;QAMH;;WAEG;;;;MAKN;IAsFD;;;;;OAKG;IACH,uBAJW,MAAM,QAMhB;IA/JC,SAAoB;IACpB,SAAoB;IACpB,cAAsB;IACtB,cAAyB;IACzB,UAAsB;IAEtB;;OAEG;IACH,iBAAyB;IAEzB;;OAEG;IACH,mBAA0C;IAqD5C;;;;;;;OAOG;IACH,uBASC;IAED;;;;;OAKG;IACH,0BAKC;IAED;;;;;OAKG;IACH,6BAGC;IAED;;;;;OAKG;IACH,oBAeC;IAED,sCAgBC;IAaD,4CAMC;CACF;2BA7L0B,KAAK"}
+{"version":3,"file":"auro-counter-group.d.ts","sourceRoot":"","sources":["../src/auro-counter-group.js"],"names":[],"mappings":"AAqBA;;;;;;;;;GASG;AACH;IAoCE,+CAEC;IAED;QAGI;;WAEG;;;;QAKH;;WAEG;;;;;QAMH;;WAEG;;;;;QAMH;;WAEG;;;;;QAMH;;WAEG;;;;QAKH;;WAEG;;;;MAKN;IA0GD;;;;;OAKG;IACH,uBAJW,MAAM,QAMhB;IAtMC,oBAAuB;IAEvB,SAAoB;IACpB,SAAoB;IACpB,cAAsB;IACtB,cAAyB;IACzB,UAAsB;IAEtB;;OAEG;IACH,iBAAyB;IAEzB;;OAEG;IACH,mBAA0C;IAQ1C;;;;OAIG;IACH,oBAAyF;IAyD3F;;;;;;;OAOG;IACH,uBASC;IAED;;;;;OAKG;IACH,0BAKC;IAED;;;;;OAKG;IACH,kCAYC;IAED;;;;;OAKG;IACH,6BAGC;IAED;;;;;OAKG;IACH,oBAeC;IAED,sCAgBC;IAaD,4CAWC;CACF;2BAhP0B,KAAK"}

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

@@ -0,0 +1,23 @@
+/**
+ * Auro Counter Wrapper is a group of counter components.
+ *
+ * This web component provides a flexible interface for grouping multiple counters, supporting
+ * validation, custom validity messages, and disabled states based on the group's value.
+ *
+ * @element auro-counter-group
+ * @extends LitElement
+ * @slot Default - Slot for counter elements.
+ */
+export class AuroCounterWrapper extends LitElement {
+    static get styles(): import("lit").CSSResult[];
+    /**
+     * Registers the custom element with the browser.
+     * @param {string} [name="auro-counter-wrapper"] - Custom element name to register.
+     * @example
+     * AuroCounterWrapper.register("custom-counter-wrapper") // registers <custom-counter-wrapper/>
+     */
+    static register(name?: string): void;
+    render(): import("lit-html").TemplateResult;
+}
+import { LitElement } from "lit";
+//# sourceMappingURL=auro-counter-wrapper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"auro-counter-wrapper.d.ts","sourceRoot":"","sources":["../src/auro-counter-wrapper.js"],"names":[],"mappings":"AAaA;;;;;;;;;GASG;AACH;IAEE,+CAKC;IAED;;;;;OAKG;IACH,uBAJW,MAAM,QAMhB;IAGD,4CAEC;CACF;2BAxC0B,KAAK"}