@aurodesignsystem-dev/auro-formkit 0.0.0-pr624.3 → 0.0.0-pr624.31

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

@@ -1,8 +1,10 @@
 /**
  * @slot - Default slot for the menu content.
+ * @slot {HTMLSlotElement} optionalLabel - Allows overriding the optional display text "(optional)", which appears next to the label.
  * @slot bib.fullscreen.headline - Defines the headline to display above menu-options
  * @slot label - Defines the content of the label.
  * @slot helpText - Defines the content of the helpText.
+ * @slot displayValue - Allows custom HTML content to display the selected value when the combobox is not focused. Only works with `snowflake` and `emphasized` layouts.
  * @event auroCombobox-valueSet - Notifies that the component has a new value set.
  * @event auroFormElement-validated - Notifies that the component value(s) have been validated.
  */
@@ -62,12 +64,26 @@ export class AuroCombobox extends AuroElement {
             type: StringConstructor;
             reflect: boolean;
         };
+        /**
+         * Specifies the input mask format.
+         */
+        format: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
         /** Exposes inputmode attribute for input.  */
         inputmode: {
             type: StringConstructor;
             attribute: boolean;
             reflect: boolean;
         };
+        /**
+         * If declared, the popover and trigger will be set to the same width.
+         */
+        matchWidth: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
         /**
          * If set, combobox will not filter menuoptions based in input.
          */
@@ -179,9 +195,10 @@ export class AuroCombobox extends AuroElement {
         };
         /**
          * Value selected for the dropdown menu.
-         * @type {string}
          */
-        value: string;
+        value: {
+            type: StringConstructor;
+        };
         /**
          * If declared, make bib.fullscreen.headline in HeadingDisplay.
          * Otherwise, Heading 600
@@ -222,6 +239,7 @@ export class AuroCombobox extends AuroElement {
      *
      */
     static register(name?: string): void;
+    matchWidth: boolean;
     /**
      * @private
      * @returns {void} Internal defaults.
@@ -258,14 +276,34 @@ export class AuroCombobox extends AuroElement {
     bibtemplateTag: any;
     inputTag: any;
     helpTextTag: any;
+    /**
+     * Checks if the element is valid.
+     * @returns {boolean} - Returns true if the element is valid, false otherwise.
+     */
     isValid(): boolean;
+    /**
+     * Updates the filter for the available options based on the input value.
+     * @private
+     */
+    private updateFilter;
+    noMatchOption: any;
+    /**
+     * Syncs the values and states of this component, the input, and the menu, including this.optionSelected and this.menu.optionSelected.
+     * @private
+     * @returns {void}
+     */
+    private syncValuesAndStates;
+    /**
+     * Resets the menu matchWord to true.
+     * @private
+     */
+    private resetMenuMatchword;
     /**
      * 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
@@ -291,15 +329,12 @@ export class AuroCombobox extends AuroElement {
      * @returns {void}
      */
     private configureDropdown;
-    menuWrapper: any;
     bibtemplate: any;
+    inputInBib: any;
     /**
-     * When the dropdown is visible in fullscreen mode, the input is moved to the subheader slot of bibtemplate.
-     * Otherwise, it's moved back to the trigger slot.
      * @private
-     * @returns {void}
      */
-    private transportInput;
+    private setInputFocus;
     /**
      * Binds all behavior needed to the menu after rendering.
      * @private
@@ -307,13 +342,6 @@ export class AuroCombobox extends AuroElement {
      */
     private configureMenu;
     menu: Element;
-    /**
-     * Dispatches input's keyboard events from host
-     * This allows key events from the input to be handled by the parent.
-     * @private
-     * @param {KeyboardEvent} event - The keyboard event.
-     */
-    private bubbleUpInputEvent;
     /**
      * Binds all behavior needed to the input after rendering.
      * @private
@@ -338,6 +366,7 @@ export class AuroCombobox extends AuroElement {
     /**
      * Handle changes to the input value and trigger changes that should result.
      * @private
+     * @param {Event} event - The input event triggered by the input element.
      * @returns {void}
      */
     private handleInputValueChange;
@@ -366,7 +395,7 @@ export class AuroCombobox extends AuroElement {
      * @param {boolean} [force=false] - Whether to force validation.
      */
     validate(force?: boolean): void;
-    updated(changedProperties: any): void;
+    updated(changedProperties: any): Promise<void>;
     /**
      * Applies slotted nodes to a target element with a new slot name.
      * @private