@aurodesignsystem/auro-formkit 2.0.0-beta.2 → 2.0.0-beta.20

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

@@ -0,0 +1,13 @@
+export class AuroCounterButton {
+    static get styles(): import("lit").CSSResult[];
+    /**
+     * This will register this element with the browser.
+     * @param {string} [name="auro-counter-button"] - The name of element that you want to register to.
+     *
+     * @example
+     * AuroCounterButton.register("custom-counter-button") // this will register this element to <custom-counter-button/>
+     *
+     */
+    static register(name?: string): void;
+}
+//# sourceMappingURL=auro-counter-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"auro-counter-button.d.ts","sourceRoot":"","sources":["../src/auro-counter-button.js"],"names":[],"mappings":"AAcA;IAEE,+CAMC;IAED;;;;;;;OAOG;IACH,uBANW,MAAM,QAQhB;CACF"}

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

@@ -1,19 +1,126 @@
+/**
+ * Auro Counter Group 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 AuroCounterGroup extends LitElement {
     static get styles(): import("lit").CSSResult[];
     static get properties(): {
-        common: {
+        /**
+         * Indicates if the counter group is displayed as a dropdown.
+         */
+        isDropdown: {
             type: BooleanConstructor;
+        };
+        /**
+         * The maximum value allowed for the whole group of counters.
+         */
+        max: {
+            type: NumberConstructor;
             reflect: boolean;
         };
-        inset: {
-            type: BooleanConstructor;
+        /**
+         * The minimum value allowed for the whole group of counters.
+         */
+        min: {
+            type: NumberConstructor;
             reflect: boolean;
         };
-        rounded: {
-            type: BooleanConstructor;
+        /**
+         * Reflects the validity state.
+         */
+        validity: {
+            type: StringConstructor;
             reflect: boolean;
         };
+        /**
+         * The total value of the counters.
+         */
+        total: {
+            type: NumberConstructor;
+        };
+        /**
+         * The current individual values of the nested counters.
+         */
+        value: {
+            type: ObjectConstructor;
+        };
     };
+    /**
+     * Registers the custom element with the browser.
+     * @param {string} [name="auro-counter-group"] - Custom element name to register.
+     * @example
+     * AuroCounterGroup.register("custom-counter-group") // registers <custom-counter-group/>
+     */
+    static register(name?: string): void;
+    isDropdown: boolean;
+    max: any;
+    min: any;
+    total: number;
+    validity: any;
+    value: {};
+    /**
+     * @private
+     */
+    private counters;
+    /**
+     * @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.
+     * If the total value is at or below the minimum, the counter's decrement button is disabled; if at or above the maximum, the increment button is disabled.
+     *
+     * @param {HTMLElement} counter - The counter element to potentially disable.
+     * @private
+     */
+    private manageDisabled;
+    /**
+     * Attaches input event listeners to all auro-counter elements within the component.
+     * 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
+     * @param {*} value - The value to convert.
+     * @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;
+    /**
+     * Validates value.
+     * @param {boolean} [force=false] - Whether to force validation.
+     */
+    validate(force?: boolean): void;
+    updated(changedProperties: any): void;
     render(): import("lit-html").TemplateResult;
 }
 import { LitElement } from "lit";

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":"AAUA;IAEE,+CAEC;IAED;;;;;;;;;;;;;MAeC;IAGD,4CAMC;CACF;2BAnC0B,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;IAkHD;;;;;OAKG;IACH,uBAJW,MAAM,QAMhB;IA9MC,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;;;OAGG;IACH,iBAFW,OAAO,QAIjB;IAED,sCAgBC;IAaD,4CAWC;CACF;2BAxP0B,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"}

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

@@ -1,5 +1,94 @@
+/**
+ * Auro Counter is a customizable counter component for user interface interactions.
+ *
+ * This web component provides a flexible counter interface with increment and decrement buttons,
+ * supporting optional sub-labels and disabled states.
+ *
+ * @element auro-counter
+ * @extends LitElement
+ * @slot Default - Main label content for the counter.
+ * @slot description - Descriptive content for the counter.
+ */
 export class AuroCounter extends LitElement {
+    /**
+     * Defines reactive properties for the component.
+     * @returns {Object} Property configuration.
+     */
+    static get properties(): any;
+    /**
+     * Registers the custom element with the browser.
+     * @param {string} [name="auro-counter"] - Custom element name to register.
+     * @example
+     * AuroCounter.register("custom-counter") // registers <custom-counter/>
+     */
+    static register(name?: string): void;
     static get styles(): import("lit").CSSResult[];
+    disabled: boolean;
+    disableMax: boolean;
+    disableMin: boolean;
+    max: number;
+    min: number;
+    validity: any;
+    value: number;
+    /**
+     * @private
+     */
+    private validation;
+    /**
+     * Dynamically generated icon tag for counter buttons.
+     * @private
+     * @type {string}
+     */
+    private iconTag;
+    /**
+     * Increments the counter value by 1. If a value is provided, it increments by that amount.
+     * @method increment
+     * @param {number} [value] - The amount to increment by.
+     * @returns {void}
+     */
+    increment(value?: number): void;
+    /**
+     * Decrements the value of the counter by 1. If a value is provided, it decrements by that amount.
+     * @method decrement
+     * @param {number} [value] - The amount to decrement by.
+     * @returns {void}
+     */
+    decrement(value?: number): void;
+    /**
+     * Initializes the value of the counter.
+     * If the current value is undefined, it sets the value to the minimum value.
+     * @private
+     */
+    private initValue;
+    /**
+     * Determines if the increment button should be disabled based on the current value and extrema.
+     *
+     * @param {number} extrema - The extreme value (either min or max) to compare against the current value.
+     * @returns {boolean} - Returns true if the increment button should be disabled, otherwise false.
+     * @private
+     */
+    private isIncrementDisabled;
+    /**
+     * Moves the focus to the first enabled button within the shadow DOM.
+     * This method searches for the first `auro-counter-button` element that is not disabled
+     * and sets the focus on it.
+     * @private
+     */
+    private jumpFocusToEnabled;
+    /**
+     * Handles the slot change event.
+     * This method is called when the slot content changes.
+     * It triggers the checkSlots method to update the component state based on the new slot content.
+     * @private
+     */
+    private handleSlotChange;
+    /**
+     * Validates value.
+     * @param {boolean} [force=false] - Whether to force validation.
+     */
+    validate(force?: boolean): void;
+    firstUpdated(): void;
+    updated(changedProperties: any): void;
     render(): import("lit-html").TemplateResult;
 }
 import { LitElement } from "lit";

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

@@ -1 +1 @@
-{"version":3,"file":"auro-counter.d.ts","sourceRoot":"","sources":["../src/auro-counter.js"],"names":[],"mappings":"AAQA;IAEE,+CAEC;IAGD,4CAMC;CACF;2BAlB0B,KAAK"}
+{"version":3,"file":"auro-counter.d.ts","sourceRoot":"","sources":["../src/auro-counter.js"],"names":[],"mappings":"AAwBA;;;;;;;;;;GAUG;AACH;IA+BE;;;OAGG;IACH,6BA0DC;IAED;;;;;OAKG;IACH,uBAJW,MAAM,QAMhB;IAED,+CAMC;IA3GC,kBAAqB;IACrB,oBAAuB;IACvB,oBAAuB;IACvB,YAAY;IACZ,YAAY;IACZ,cAAyB;IACzB,cAAsB;IAEtB;;OAEG;IACH,mBAA0C;IAQ1C;;;;OAIG;IACH,gBAAyE;IAqF3E;;;;;OAKG;IACH,kBAHW,MAAM,GACJ,IAAI,CAIhB;IAED;;;;;OAKG;IACH,kBAHW,MAAM,GACJ,IAAI,CAIhB;IAED;;;;OAIG;IACH,kBAIC;IAED;;;;;;OAMG;IACH,4BAWC;IAED;;;;;OAKG;IACH,2BAKC;IAED;;;;;OAKG;IACH,yBAEC;IAED;;;OAGG;IACH,iBAFW,OAAO,QAIjB;IAGD,qBAEC;IAED,sCAkCC;IAED,4CA+BC;CACF;2BA3S0B,KAAK"}

package/components/counter/dist/dropdownVersion.d.ts

@@ -0,0 +1,3 @@
+declare const _default: "3.0.0";
+export default _default;
+//# sourceMappingURL=dropdownVersion.d.ts.map

package/components/counter/dist/dropdownVersion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownVersion.d.ts","sourceRoot":"","sources":["../src/dropdownVersion.js"],"names":[],"mappings":"wBAAe,OAAO"}

package/components/counter/dist/iconVersion.d.ts

@@ -0,0 +1,3 @@
+declare const _default: "6.1.2";
+export default _default;
+//# sourceMappingURL=iconVersion.d.ts.map

package/components/counter/dist/iconVersion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconVersion.d.ts","sourceRoot":"","sources":["../src/iconVersion.js"],"names":[],"mappings":"wBAAe,OAAO"}