@aurodesignsystem/auro-formkit 1.6.0-beta.4

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

@@ -0,0 +1,171 @@
+/**
+ * @attr {String} validity - Specifies the `validityState` this element is in.
+ * @attr {String} setCustomValidity - Sets a custom help text message to display for all validityStates.
+ * @attr {String} setCustomValidityCustomError - Custom help text message to display when validity = `customError`.
+ * @attr {String} setCustomValidityValueMissing - Custom help text message to display when validity = `valueMissing`.
+ * @attr {String} error - When defined, sets persistent validity to `customError` and sets `setCustomValidity` = attribute value.
+ * @attr {Boolean} noValidate - If set, disables auto-validation on blur.
+ * @attr {Boolean} required - Populates the `required` attribute on the element. Used for client-side validation.
+ * @attr {Object} optionSelected - Specifies the current selected radio button.
+ * @csspart radio-group - Apply css to the fieldset element in the shadow DOM
+ * @slot {HTMLSlotElement} legend - Allows for the legend to be overridden.
+ * @slot {HTMLSlotElement} optionalLabel - Allows for the optional label to be overridden.
+ * @slot {HTMLSlotElement} helpText - Allows for the helper text to be overridden.
+ * @event auroFormElement-validated - Notifies that the element has been validated.
+ */
+export class AuroRadioGroup extends LitElement {
+    static get styles(): import("lit").CSSResult[];
+    static get properties(): {
+        disabled: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        horizontal: {
+            type: BooleanConstructor;
+        };
+        error: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        value: {
+            type: ArrayConstructor;
+        };
+        noValidate: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        required: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        setCustomValidity: {
+            type: StringConstructor;
+        };
+        setCustomValidityCustomError: {
+            type: StringConstructor;
+        };
+        setCustomValidityValueMissing: {
+            type: StringConstructor;
+        };
+        validity: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        optionSelected: {
+            type: ObjectConstructor;
+        };
+    };
+    /**
+     * This will register this element with the browser.
+     * @param {string} [name="auro-radio-group"] - The name of element that you want to register to.
+     *
+     * @example
+     * AuroRadioGroup.register("custom-radio-group") // This will register this element to <custom-radio-group/>
+     *
+     */
+    static register(name?: string): void;
+    disabled: boolean;
+    horizontal: boolean;
+    required: boolean;
+    validity: any;
+    value: any;
+    optionSelected: EventTarget;
+    /**
+     * @private
+     */
+    private validation;
+    /**
+     * @private
+     */
+    private index;
+    /**
+     * @private
+     */
+    private max;
+    /**
+     * @private
+     */
+    private runtimeUtils;
+    firstUpdated(): void;
+    /**
+     * Method for handling of selection of a radio element.
+     * @private
+     * @param {Event} event - The trigger event tied to this function.
+     * @returns {void}
+     */
+    private handleSelection;
+    /**
+     * Method handles radio element blur.
+     * @private
+     * @returns {void}
+     */
+    private handleRadioBlur;
+    /**
+     * LitElement lifecycle method. Called after the DOM has been updated.
+     * @param {Map<string, any>} changedProperties - Keys are the names of changed properties, values are the corresponding previous values.
+     * @returns {void}
+     */
+    updated(changedProperties: Map<string, any>): void;
+    /**
+     * Method for a total reset of the radio element.
+     * @returns {void}
+     */
+    reset(): void;
+    /**
+     * Method handles the reset event from a radio element.
+     * @private
+     * @returns {void}
+     */
+    private resetRadio;
+    /**
+     * Method for handling the attributes of each radio input.
+     * @private
+     * @returns {void}
+     */
+    private handleItems;
+    items: Element[];
+    /**
+     * Method for handling slot content changes.
+     * @private
+     * @returns {void}
+     */
+    private handleSlotChange;
+    /**
+     * Method for initializing the tab index of the checked radio input.
+     * @private
+     * @returns {void}
+     */
+    private initializeIndex;
+    /**
+     * Method for handling a newly selected radio input.
+     * @private
+     * @param {Event} event - The trigger event tied to this function.
+     * @returns {void}
+     */
+    private handleToggleSelected;
+    /**
+     * Method for selecting a radio input.
+     * @private
+     * @param {Number} index - The value of the element's index attribute.
+     * @returns {void}
+     */
+    private selectItem;
+    /**
+     * Method for selecting the next radio input.
+     * @private
+     * @param {Number} index - The value of the element's index attribute.
+     * @param {String} moveDirection - Arrow key pressed by user.
+     * @returns {void}
+     */
+    private selectNextItem;
+    /**
+     * Method for handling a keydown event.
+     * @private
+     * @param {Event} event - The trigger event tied to this function.
+     * @returns {void}
+     */
+    private handleKeyDown;
+    render(): import("lit-html").TemplateResult<1>;
+}
+import { LitElement } from "lit";
+//# sourceMappingURL=auro-radio-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"auro-radio-group.d.ts","sourceRoot":"","sources":["../src/auro-radio-group.js"],"names":[],"mappings":"AAyBA;;;;;;;;;;;;;;GAcG;AAEH;IA+BE,+CAMC;IAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAuCC;IAED;;;;;;;OAOG;IACH,uBANW,MAAM,QAQhB;IAvFC,kBAAqB;IACrB,oBAAuB;IACvB,kBAAqB;IACrB,cAAyB;IACzB,WAAsB;IACtB,4BAA+B;IAE/B;;OAEG;IACH,mBAA0C;IAE1C;;OAEG;IACH,cAAc;IAEd;;OAEG;IACH,YAAY;IAEZ;;OAEG;IACH,qBAAiD;IA0EnD,qBAGC;IAED;;;;;OAKG;IACH,wBAUC;IAED;;;;OAIG;IACH,wBAMC;IAED;;;;OAIG;IACH,2BAHW,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,GACd,IAAI,CAiChB;IAED;;;OAGG;IACH,SAFa,IAAI,CAahB;IAED;;;;OAIG;IACH,mBAaC;IAED;;;;OAIG;IACH,oBAcC;IAbC,iBAAiE;IAenE;;;;OAIG;IACH,yBAEC;IAED;;;;OAIG;IACH,wBAWC;IAED;;;;;OAKG;IACH,6BAqBC;IAED;;;;;OAKG;IACH,mBAMC;IAED;;;;;;OAMG;IACH,uBAkBC;IAED;;;;;OAKG;IACH,sBAyBC;IAGD,+CAyBC;CACF;2BA5agC,KAAK"}

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

@@ -0,0 +1,113 @@
+/**
+ * @attr {Boolean} checked - If set to true, the radio button will be filled.
+ * @attr {Boolean} disabled - If set to true, the radio button will be non-clickable.
+ * @attr {Boolean} required - Defines element as required.
+ * @attr {Boolean} error - If set to true, sets an error state on the radio button.
+ * @event toggleSelected - Notifies that the component has toggled the checked/selected state.
+ * @event focusSelected - Notifies that the component has gained focus.
+ * @event auroRadio-blur - Notifies that the component has lost focus.
+ * @event resetRadio - Notifies that the component has reset the checked/selected state.
+ * @event auroRadio-selected - Notifies that the component has been marked as checked/selected.
+ */
+export class AuroRadio extends LitElement {
+    static get styles(): import("lit").CSSResult[];
+    static get properties(): {
+        checked: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        required: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        error: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        id: {
+            type: StringConstructor;
+        };
+        label: {
+            type: StringConstructor;
+        };
+        name: {
+            type: StringConstructor;
+        };
+        value: {
+            type: StringConstructor;
+        };
+        tabIndex: {
+            type: NumberConstructor;
+            reflect: boolean;
+        };
+    };
+    /**
+     * This will register this element with the browser.
+     * @param {string} [name="auro-radio"] - The name of element that you want to register to.
+     *
+     * @example
+     * AuroRadio.register("custom-radio") // This will resgiter this element to <custom-radio/>
+     *
+     */
+    static register(name?: string): void;
+    checked: boolean;
+    disabled: boolean;
+    required: boolean;
+    error: boolean;
+    /**
+     * @private
+     */
+    private runtimeUtils;
+    /**
+     * Method for handling content when change event is fired.
+     * @private
+     * @param {Event} event - The trigger event tied to this function.
+     * @returns {void}
+     */
+    private handleChange;
+    /**
+     * Method for handling content when input event is fired.
+     * @private
+     * @param {Event} event - The trigger event tied to this function.
+     * @returns {void}
+     */
+    private handleInput;
+    /**
+     * Method for handling focus event.
+     * @private
+     * @param {Event} event - The trigger event tied to this function.
+     * @returns {void}
+     */
+    private handleFocus;
+    /**
+     * Method for handling blur event.
+     * @private
+     * @param {Event} event - The trigger event tied to this function.
+     * @returns {void}
+     */
+    private handleBlur;
+    updated(changedProperties: any): void;
+    /**
+     * Method for handling content when it is invalid accessibility wise.
+     * @private
+     * @param {Boolean} error - The element's error attribute.
+     * @returns {void}
+     */
+    private invalid;
+    /**
+     * Method for handling passing the required status to aria.
+     * @private
+     * @param {Boolean} required - The element's required attribute.
+     * @returns {void}
+     */
+    private isRequired;
+    firstUpdated(): void;
+    input: HTMLInputElement;
+    render(): import("lit-html").TemplateResult<1>;
+}
+import { LitElement } from "lit";
+//# sourceMappingURL=auro-radio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"auro-radio.d.ts","sourceRoot":"","sources":["../src/auro-radio.js"],"names":[],"mappings":"AAmBA;;;;;;;;;;GAUG;AAGH;IAeE,+CAMC;IAGD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA2BC;IAED;;;;;;;OAOG;IACH,uBANW,MAAM,QAQhB;IA5DC,iBAAoB;IACpB,kBAAqB;IACrB,kBAAqB;IACrB,eAAkB;IAGlB;;OAEG;IACH,qBAAiD;IAqDnD;;;;;OAKG;IACH,qBAKC;IAED;;;;;OAKG;IACH,oBAOC;IAED;;;;;OAKG;IACH,oBAMC;IAED;;;;;OAKG;IACH,mBAMC;IAED,sCAcC;IAED;;;;;OAKG;IACH,gBAMC;IAED;;;;;OAKG;IACH,mBAMC;IAED,qBAWC;IALC,wBAAmD;IAQrD,+CAkCC;CACF;2BAjPgC,KAAK"}

package/components/radio/dist/index.d.ts

@@ -0,0 +1,4 @@
+import { AuroRadio } from './auro-radio.js';
+import { AuroRadioGroup } from './auro-radio-group.js';
+export { AuroRadio, AuroRadioGroup };
+//# sourceMappingURL=index.d.ts.map

package/components/radio/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.js"],"names":[],"mappings":"0BAA0B,iBAAiB;+BACZ,uBAAuB"}