@aurodesignsystem/auro-formkit 1.6.0-beta.10

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

@@ -0,0 +1,241 @@
+/**
+ * @prop {Object} optionSelected - Specifies the current selected option.
+ * @prop {String} value - Value selected for the dropdown menu.
+ * @prop {Boolean} checkmark - When attribute is present auro-menu will apply checkmarks to selected options.
+ * @attr {Boolean} error - Sets a persistent error state (e.g. an error state returned from the server).
+ * @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 {Boolean} disabled - If set, disables the combobox.
+ * @attr {Boolean} noFilter - If set, combobox will not filter menuoptions based in input.
+ * @attr {Boolean} noValidate - If set, disables auto-validation on blur.
+ * @attr {Boolean} required - Populates the `required` attribute on the input. Used for client-side validation.
+ * @attr {Boolean} triggerIcon - If set, the `icon` attribute will be applied to the trigger `auro-input` element.
+ * @attr {String} type - Applies the defined value as the type attribute on auro-input.
+ * @slot - Default slot for the menu content.
+ * @slot label - Defines the content of the label.
+ * @slot helpText - Defines the content of the helpText.
+ * @event auroCombobox-valueSet - Notifies that the component has a new value set.
+ * @event auroFormElement-validated - Notifies that the component value(s) have been validated.
+ */
+export class AuroCombobox extends LitElement {
+    static get properties(): {
+        error: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        setCustomValidity: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        validity: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        noFilter: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        optionSelected: {
+            type: ObjectConstructor;
+        };
+        noValidate: {
+            type: BooleanConstructor;
+        };
+        required: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        triggerIcon: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        type: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        value: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        checkmark: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        /**
+         * @private
+         */
+        availableOptions: {
+            type: ArrayConstructor;
+        };
+        /**
+         * @private
+         */
+        optionActive: {
+            type: ObjectConstructor;
+        };
+        /**
+         * @private
+         */
+        msgSelectionMissing: {
+            type: StringConstructor;
+        };
+        /**
+         * @private
+         */
+        dropdownElementName: {
+            type: StringConstructor;
+        };
+        /**
+         * @private
+         */
+        dropdownTag: {
+            type: ObjectConstructor;
+        };
+        /**
+         * @private
+         */
+        inputElementName: {
+            type: StringConstructor;
+        };
+        /**
+         * @private
+         */
+        inputTag: {
+            type: ObjectConstructor;
+        };
+    };
+    static get styles(): import("lit").CSSResult[];
+    /**
+     * This will register this element with the browser.
+     * @param {string} [name="auro-combobox"] - The name of element that you want to register to.
+     *
+     * @example
+     * AuroCombobox.register("custom-combobox") // this will register this element to <custom-combobox/>
+     *
+     */
+    static register(name?: string): void;
+    noFilter: boolean;
+    validity: any;
+    value: any;
+    optionSelected: any;
+    /**
+     * @private
+     */
+    private validation;
+    /**
+     * @private
+     */
+    private runtimeUtils;
+    /**
+     * @private
+     */
+    private isHiddenWhileLoading;
+    dropdownTag: any;
+    inputTag: any;
+    /**
+     * @private
+     * @returns {void} Internal defaults.
+     */
+    private privateDefaults;
+    availableOptions: any[];
+    optionActive: any;
+    msgSelectionMissing: string;
+    /**
+     * Processes hidden state of all menu options and determines if there are any available options not hidden.
+     * @private
+     * @returns {void}
+     */
+    private handleMenuOptions;
+    noMatchOption: any;
+    /**
+     * Determines the element error state based on the `required` attribute and input value.
+     * @private
+     * @returns {void}
+     */
+    private generateOptionsArray;
+    options: any[] | NodeListOf<Element>;
+    /**
+     * Hides the dropdown bib if its open.
+     * @private
+     * @returns {void}
+     */
+    private hideBib;
+    /**
+     * Shows the dropdown bib if there are options to show.
+     * @private
+     * @returns {void}
+     */
+    private showBib;
+    /**
+     * Binds all behavior needed to the dropdown after rendering.
+     * @private
+     * @returns {void}
+     */
+    private configureDropdown;
+    menuWrapper: any;
+    /**
+     * Binds all behavior needed to the menu after rendering.
+     * @private
+     * @returns {void}
+     */
+    private configureMenu;
+    menu: Element;
+    /**
+     * Binds all behavior needed to the input after rendering.
+     * @private
+     * @returns {void}
+     */
+    private configureInput;
+    auroInputHelpText: any;
+    /**
+     * Manages the visibility of the dropdown based on loading state changes.
+     *
+     * This method listens for loading state changes and adjusts the visibility of the dropdown accordingly.
+     * If the dropdown is visible and loading is true without any loading placeholders, it hides the dropdown
+     * and sets a flag to indicate it is hidden while loading. If loading is false and the dropdown was previously
+     * hidden, it checks if the active element is within the dropdown and shows it again if true.
+     *
+     * @private
+     * @param {CustomEvent} event - The event object containing details about the loading state change.
+     * @param {boolean} event.detail.loading - Indicates whether the menu is currently loading.
+     * @param {boolean} event.detail.hasLoadingPlaceholder - Indicates if there are loading placeholders present.
+     * @returns {void}
+     */
+    private handleMenuLoadingChange;
+    /**
+     * Handle changes to the input value and trigger changes that should result.
+     * @private
+     * @returns {void}
+     */
+    private handleInputValueChange;
+    /**
+     * Binds all behavior needed to the combobox after rendering.
+     * @private
+     * @returns {void}
+     */
+    private configureCombobox;
+    menus: Element[];
+    firstUpdated(): void;
+    dropdown: any;
+    input: any;
+    /**
+     * Focuses the combobox trigger input.
+     * @returns {void}
+     */
+    focus(): void;
+    updated(changedProperties: any): void;
+    /**
+     * Watch for slot changes and recalculate the menuoptions.
+     * @private
+     * @param {Event} event - slotchange event
+     * @returns {void}
+     */
+    private handleSlotChange;
+    render(): import("lit-html").TemplateResult;
+}
+import { LitElement } from "lit";
+//# sourceMappingURL=auro-combobox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"auro-combobox.d.ts","sourceRoot":"","sources":["../src/auro-combobox.js"],"names":[],"mappings":"AAyBA;;;;;;;;;;;;;;;;;;GAkBG;AAGH;IA+CE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA8CI;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;QAGH;;WAEG;;;;MAGN;IAED,+CAEC;IAED;;;;;;;OAOG;IACH,uBANW,MAAM,QAQhB;IA5IC,kBAAqB;IACrB,cAAyB;IACzB,WAAiB;IACjB,oBAA0B;IAI1B;;OAEG;IACH,mBAA0C;IAE1C;;OAEG;IACH,qBAAiD;IAEjD;;OAEG;IACH,6BAAiC;IAMjC,iBAAyF;IACzF,cAA6E;IAG/E;;;OAGG;IACH,wBAIC;IAHC,wBAA0B;IAC1B,kBAAwB;IACxB,4BAAqD;IAyGvD;;;;OAIG;IACH,0BAiDC;IA1CG,mBAA8B;IA4ClC;;;;OAIG;IACH,6BAMC;IAJG,qCAA+E;IAMnF;;;;OAIG;IACH,gBAIC;IAED;;;;OAIG;IACH,gBAcC;IAED;;;;OAIG;IACH,0BAaC;IAZC,iBAA8D;IAchE;;;;OAIG;IACH,sBAyEC;IAxEC,cAAwD;IA0E1D;;;;OAIG;IACH,uBAuEC;IAFG,uBAA2C;IAI/C;;;;;;;;;;;;;OAaG;IACH,gCAOC;IAED;;;;OAIG;IACH,+BAeC;IAED;;;;OAIG;IACH,0BAqCC;IAWC,iBAAiE;IAWnE,qBAgBC;IAZC,cAA4E;IAC5E,WAAoE;IAatE;;;OAGG;IACH,SAFa,IAAI,CAIhB;IAED,sCAgCC;IAED;;;;;OAKG;IACH,yBAcC;IAGD,4CA8CC;CACF;2BA9rB0B,KAAK"}

package/components/combobox/dist/formkit/auro-dropdownVersion.d.ts

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

package/components/combobox/dist/formkit/auro-dropdownVersion.d.ts.map

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

package/components/combobox/dist/formkit/auro-inputVersion.d.ts

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

package/components/combobox/dist/formkit/auro-inputVersion.d.ts.map

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

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

@@ -0,0 +1,3 @@
+export { AuroCombobox };
+import { AuroCombobox } from './auro-combobox.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.js"],"names":[],"mappings":";6BAA6B,oBAAoB"}