@aurodesignsystem-dev/auro-formkit 0.0.0-pr624.73 → 0.0.0-pr624.75

package/components/checkbox/demo/api.md

@@ -70,7 +70,8 @@ Custom element for the purpose of allowing users to select one or more options o
 |-------------------------|--------------------|
 | `auroCheckbox-focusin`  | `CustomEvent<any>` |
 | `auroCheckbox-focusout` | `CustomEvent<any>` |
-| `auroCheckbox-input`    | `CustomEvent<any>` |
+| `auroCheckbox-input`    | `CustomEvent<any>` |
+| [input](#input)                 | `CustomEvent<any>` |
 
 ## CSS Shadow Parts
 

package/components/checkbox/demo/api.min.js

@@ -287,6 +287,13 @@ class AuroCheckbox extends i$2 {
   handleInput(event) {
     this.checked = event.target.checked;
 
+    this.dispatchEvent(new CustomEvent('input', {
+      bubbles: true,
+      cancelable: false,
+      composed: true,
+    }));
+
+    // Old event we need to deprecate
     this.dispatchEvent(new CustomEvent('auroCheckbox-input', {
       bubbles: true,
       cancelable: false,

package/components/checkbox/demo/index.min.js

@@ -279,6 +279,13 @@ class AuroCheckbox extends i$2 {
   handleInput(event) {
     this.checked = event.target.checked;
 
+    this.dispatchEvent(new CustomEvent('input', {
+      bubbles: true,
+      cancelable: false,
+      composed: true,
+    }));
+
+    // Old event we need to deprecate
     this.dispatchEvent(new CustomEvent('auroCheckbox-input', {
       bubbles: true,
       cancelable: false,

package/components/checkbox/dist/index.js

@@ -239,6 +239,13 @@ class AuroCheckbox extends LitElement {
   handleInput(event) {
     this.checked = event.target.checked;
 
+    this.dispatchEvent(new CustomEvent('input', {
+      bubbles: true,
+      cancelable: false,
+      composed: true,
+    }));
+
+    // Old event we need to deprecate
     this.dispatchEvent(new CustomEvent('auroCheckbox-input', {
       bubbles: true,
       cancelable: false,

package/components/checkbox/dist/registered.js

@@ -239,6 +239,13 @@ class AuroCheckbox extends LitElement {
   handleInput(event) {
     this.checked = event.target.checked;
 
+    this.dispatchEvent(new CustomEvent('input', {
+      bubbles: true,
+      cancelable: false,
+      composed: true,
+    }));
+
+    // Old event we need to deprecate
     this.dispatchEvent(new CustomEvent('auroCheckbox-input', {
       bubbles: true,
       cancelable: false,

package/components/combobox/demo/api.md

@@ -41,8 +41,10 @@
 |------------|----------------------------------------|--------------------------------------------------|
 | [clear](#clear)    | `(): void`                             | Clears the current value of the combobox.        |
 | [focus](#focus)    | `(): void`                             | Focuses the combobox trigger input.              |
+| [hideBib](#hideBib)  | `(): void`                             | Hides the dropdown bib if its open.              |
 | [isValid](#isValid)  | `(): boolean`                          | Checks if the element is valid.                  |
 | [reset](#reset)    | `(): void`                             | Resets component to initial state.               |
+| [showBib](#showBib)  | `(): void`                             | Shows the dropdown bib if there are options to show. |
 | [validate](#validate) | `(force?: boolean \| undefined): void` | Validates value.<br /><br />**force**: Whether to force validation. |
 
 ## Events

package/components/combobox/demo/api.min.js

@@ -16559,7 +16559,6 @@ class AuroCombobox extends AuroElement$1 {
 
   /**
    * Hides the dropdown bib if its open.
-   * @private
    * @returns {void}
    */
   hideBib() {
@@ -16570,7 +16569,6 @@ class AuroCombobox extends AuroElement$1 {
 
   /**
    * Shows the dropdown bib if there are options to show.
-   * @private
    * @returns {void}
    */
   showBib() {

package/components/combobox/demo/index.min.js

@@ -16417,7 +16417,6 @@ class AuroCombobox extends AuroElement$1 {
 
   /**
    * Hides the dropdown bib if its open.
-   * @private
    * @returns {void}
    */
   hideBib() {
@@ -16428,7 +16427,6 @@ class AuroCombobox extends AuroElement$1 {
 
   /**
    * Shows the dropdown bib if there are options to show.
-   * @private
    * @returns {void}
    */
   showBib() {

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

@@ -313,16 +313,14 @@ export class AuroCombobox extends AuroElement {
     options: any[] | NodeListOf<Element>;
     /**
      * Hides the dropdown bib if its open.
-     * @private
      * @returns {void}
      */
-    private hideBib;
+    hideBib(): void;
     /**
      * Shows the dropdown bib if there are options to show.
-     * @private
      * @returns {void}
      */
-    private showBib;
+    showBib(): void;
     /**
      * Binds all behavior needed to the dropdown after rendering.
      * @private

package/components/combobox/dist/index.js

@@ -16335,7 +16335,6 @@ class AuroCombobox extends AuroElement {
 
   /**
    * Hides the dropdown bib if its open.
-   * @private
    * @returns {void}
    */
   hideBib() {
@@ -16346,7 +16345,6 @@ class AuroCombobox extends AuroElement {
 
   /**
    * Shows the dropdown bib if there are options to show.
-   * @private
    * @returns {void}
    */
   showBib() {

package/components/combobox/dist/registered.js

@@ -16335,7 +16335,6 @@ class AuroCombobox extends AuroElement {
 
   /**
    * Hides the dropdown bib if its open.
-   * @private
    * @returns {void}
    */
   hideBib() {
@@ -16346,7 +16345,6 @@ class AuroCombobox extends AuroElement {
 
   /**
    * Shows the dropdown bib if there are options to show.
-   * @private
    * @returns {void}
    */
   showBib() {

package/components/counter/demo/api.md

@@ -63,6 +63,8 @@
 
 | Method     | Type                                   | Description                                      |
 |------------|----------------------------------------|--------------------------------------------------|
+| [hideBib](#hideBib)  | `(): void`                             | Hides the dropdown bib if its open.              |
+| [showBib](#showBib)  | `(): void`                             | Shows the dropdown bib if there are options to show. |
 | [validate](#validate) | `(force?: boolean \| undefined): void` | Validates value.<br /><br />**force**: Whether to force validation. |
 
 ## Events

package/components/counter/demo/api.min.js

@@ -10047,6 +10047,26 @@ class AuroCounterGroup extends AuroElement {
     });
   }
 
+  /**
+   * Hides the dropdown bib if its open.
+   * @returns {void}
+   */
+  hideBib() {
+    if (this.dropdown && this.dropdown.isPopoverVisible) {
+      this.dropdown.hide();
+    }
+  }
+
+  /**
+   * Shows the dropdown bib if there are options to show.
+   * @returns {void}
+   */
+  showBib() {
+    if (this.dropdown && !this.dropdown.isPopoverVisible) {
+      this.dropdown.show();
+    }
+  }
+
   /**
    * Configures the dropdown counters by selecting all `auro-counter` elements,
    * appending them to the `auro-counter-wrapper` element within the shadow DOM,

package/components/counter/demo/index.min.js

@@ -10047,6 +10047,26 @@ class AuroCounterGroup extends AuroElement {
     });
   }
 
+  /**
+   * Hides the dropdown bib if its open.
+   * @returns {void}
+   */
+  hideBib() {
+    if (this.dropdown && this.dropdown.isPopoverVisible) {
+      this.dropdown.hide();
+    }
+  }
+
+  /**
+   * Shows the dropdown bib if there are options to show.
+   * @returns {void}
+   */
+  showBib() {
+    if (this.dropdown && !this.dropdown.isPopoverVisible) {
+      this.dropdown.show();
+    }
+  }
+
   /**
    * Configures the dropdown counters by selecting all `auro-counter` elements,
    * appending them to the `auro-counter-wrapper` element within the shadow DOM,

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

@@ -267,6 +267,16 @@ export class AuroCounterGroup extends LitElement {
      */
     private getErrorMessages;
     errorMessage: any;
+    /**
+     * Hides the dropdown bib if its open.
+     * @returns {void}
+     */
+    hideBib(): void;
+    /**
+     * Shows the dropdown bib if there are options to show.
+     * @returns {void}
+     */
+    showBib(): void;
     /**
      * Configures the dropdown counters by selecting all `auro-counter` elements,
      * appending them to the `auro-counter-wrapper` element within the shadow DOM,

package/components/counter/dist/index.js

@@ -10000,6 +10000,26 @@ class AuroCounterGroup extends AuroElement {
     });
   }
 
+  /**
+   * Hides the dropdown bib if its open.
+   * @returns {void}
+   */
+  hideBib() {
+    if (this.dropdown && this.dropdown.isPopoverVisible) {
+      this.dropdown.hide();
+    }
+  }
+
+  /**
+   * Shows the dropdown bib if there are options to show.
+   * @returns {void}
+   */
+  showBib() {
+    if (this.dropdown && !this.dropdown.isPopoverVisible) {
+      this.dropdown.show();
+    }
+  }
+
   /**
    * Configures the dropdown counters by selecting all `auro-counter` elements,
    * appending them to the `auro-counter-wrapper` element within the shadow DOM,

package/components/counter/dist/registered.js

@@ -10000,6 +10000,26 @@ class AuroCounterGroup extends AuroElement {
     });
   }
 
+  /**
+   * Hides the dropdown bib if its open.
+   * @returns {void}
+   */
+  hideBib() {
+    if (this.dropdown && this.dropdown.isPopoverVisible) {
+      this.dropdown.hide();
+    }
+  }
+
+  /**
+   * Shows the dropdown bib if there are options to show.
+   * @returns {void}
+   */
+  showBib() {
+    if (this.dropdown && !this.dropdown.isPopoverVisible) {
+      this.dropdown.show();
+    }
+  }
+
   /**
    * Configures the dropdown counters by selecting all `auro-counter` elements,
    * appending them to the `auro-counter-wrapper` element within the shadow DOM,

package/components/datepicker/demo/api.md

@@ -52,6 +52,7 @@
 |-------------------------------|----------------------------------------|--------------------------------------------------|
 | [clear](#clear)                       | `(): void`                             | Clears the current value(s) of the datepicker.   |
 | [focus](#focus)                       | `(focusInput: string): void`           | Focuses the datepicker trigger input.<br /><br />**focusInput**: Pass in `endDate` to focus on the return input. No parameter is needed to focus on the depart input. |
+| [hideBib](#hideBib)                     | `(): void`                             | Hides the dropdown bib if its open.              |
 | [renderHtmlActionClear](#renderHtmlActionClear)       | `(): TemplateResult`                   |                                                  |
 | [renderHtmlIconCalendar](#renderHtmlIconCalendar)      | `(): TemplateResult`                   |                                                  |
 | [renderHtmlIconError](#renderHtmlIconError)         | `(): TemplateResult`                   |                                                  |
@@ -62,6 +63,7 @@
 | [resetValues](#resetValues)                 | `(): void`                             | Resets values without resetting validation.      |
 | [setHasFocus](#setHasFocus)                 | `(): void`                             |                                                  |
 | [setHasValue](#setHasValue)                 | `(): void`                             |                                                  |
+| [showBib](#showBib)                     | `(): void`                             | Shows the dropdown bib if there are options to show. |
 | [updateComponentArchitecture](#updateComponentArchitecture) | `(): void`                             |                                                  |
 | [validate](#validate)                    | `(force?: boolean \| undefined): void` | Validates value.<br /><br />**force**: Whether to force validation. |
 

package/components/datepicker/demo/api.min.js

@@ -28835,6 +28835,26 @@ class AuroDatePicker extends AuroElement$1 {
     }
   }
 
+  /**
+   * Hides the dropdown bib if its open.
+   * @returns {void}
+   */
+  hideBib() {
+    if (this.dropdown && this.dropdown.isPopoverVisible) {
+      this.dropdown.hide();
+    }
+  }
+
+  /**
+   * Shows the dropdown bib if there are options to show.
+   * @returns {void}
+   */
+  showBib() {
+    if (this.dropdown && !this.dropdown.isPopoverVisible) {
+      this.dropdown.show();
+    }
+  }
+
   /**
    * Sets the readonly attribute on the inputs based on the window width.
    * @private

package/components/datepicker/demo/index.min.js

@@ -28576,6 +28576,26 @@ class AuroDatePicker extends AuroElement$1 {
     }
   }
 
+  /**
+   * Hides the dropdown bib if its open.
+   * @returns {void}
+   */
+  hideBib() {
+    if (this.dropdown && this.dropdown.isPopoverVisible) {
+      this.dropdown.hide();
+    }
+  }
+
+  /**
+   * Shows the dropdown bib if there are options to show.
+   * @returns {void}
+   */
+  showBib() {
+    if (this.dropdown && !this.dropdown.isPopoverVisible) {
+      this.dropdown.show();
+    }
+  }
+
   /**
    * Sets the readonly attribute on the inputs based on the window width.
    * @private

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

@@ -448,6 +448,16 @@ export class AuroDatePicker extends AuroElement {
      * @returns {void}
      */
     private configureDatepicker;
+    /**
+     * Hides the dropdown bib if its open.
+     * @returns {void}
+     */
+    hideBib(): void;
+    /**
+     * Shows the dropdown bib if there are options to show.
+     * @returns {void}
+     */
+    showBib(): void;
     /**
      * Sets the readonly attribute on the inputs based on the window width.
      * @private

package/components/datepicker/dist/index.js

@@ -28512,6 +28512,26 @@ class AuroDatePicker extends AuroElement$1 {
     }
   }
 
+  /**
+   * Hides the dropdown bib if its open.
+   * @returns {void}
+   */
+  hideBib() {
+    if (this.dropdown && this.dropdown.isPopoverVisible) {
+      this.dropdown.hide();
+    }
+  }
+
+  /**
+   * Shows the dropdown bib if there are options to show.
+   * @returns {void}
+   */
+  showBib() {
+    if (this.dropdown && !this.dropdown.isPopoverVisible) {
+      this.dropdown.show();
+    }
+  }
+
   /**
    * Sets the readonly attribute on the inputs based on the window width.
    * @private

package/components/datepicker/dist/registered.js

@@ -28512,6 +28512,26 @@ class AuroDatePicker extends AuroElement$1 {
     }
   }
 
+  /**
+   * Hides the dropdown bib if its open.
+   * @returns {void}
+   */
+  hideBib() {
+    if (this.dropdown && this.dropdown.isPopoverVisible) {
+      this.dropdown.hide();
+    }
+  }
+
+  /**
+   * Shows the dropdown bib if there are options to show.
+   * @returns {void}
+   */
+  showBib() {
+    if (this.dropdown && !this.dropdown.isPopoverVisible) {
+      this.dropdown.show();
+    }
+  }
+
   /**
    * Sets the readonly attribute on the inputs based on the window width.
    * @private

package/components/select/demo/api.md

@@ -48,7 +48,9 @@ The auro-select element is a wrapper for auro-dropdown and auro-menu to create a
 
 | Method     | Type                                   | Description                                      |
 |------------|----------------------------------------|--------------------------------------------------|
+| [hideBib](#hideBib)  | `(): void`                             | Hides the dropdown bib if its open.              |
 | [reset](#reset)    | `(): void`                             | Resets component to initial state.               |
+| [showBib](#showBib)  | `(): void`                             | Shows the dropdown bib if there are options to show. |
 | [validate](#validate) | `(force?: boolean \| undefined): void` | Validates value.<br /><br />**force**: Whether to force validation. |
 
 ## Events

package/components/select/demo/api.min.js

@@ -8467,6 +8467,26 @@ class AuroSelect extends AuroElement$4 {
     }
   }
 
+  /**
+   * Hides the dropdown bib if its open.
+   * @returns {void}
+   */
+  hideBib() {
+    if (this.dropdown && this.dropdown.isPopoverVisible) {
+      this.dropdown.hide();
+    }
+  }
+
+  /**
+   * Shows the dropdown bib if there are options to show.
+   * @returns {void}
+   */
+  showBib() {
+    if (this.dropdown && !this.dropdown.isPopoverVisible) {
+      this.dropdown.show();
+    }
+  }
+
   /**
    * Function to support @focusin event.
    * @private
@@ -8632,16 +8652,6 @@ class AuroSelect extends AuroElement$4 {
     this.validation.reset(this);
   }
 
-  /**
-   * Hide dropdownbib.
-   * @private
-   */
-  hideBib() {
-    if (this.dropdown) {
-      this.dropdown.hide();
-    }
-  }
-
   /**
    * Validates value.
    * @param {boolean} [force=false] - Whether to force validation.

package/components/select/demo/index.min.js

@@ -8375,6 +8375,26 @@ class AuroSelect extends AuroElement$4 {
     }
   }
 
+  /**
+   * Hides the dropdown bib if its open.
+   * @returns {void}
+   */
+  hideBib() {
+    if (this.dropdown && this.dropdown.isPopoverVisible) {
+      this.dropdown.hide();
+    }
+  }
+
+  /**
+   * Shows the dropdown bib if there are options to show.
+   * @returns {void}
+   */
+  showBib() {
+    if (this.dropdown && !this.dropdown.isPopoverVisible) {
+      this.dropdown.show();
+    }
+  }
+
   /**
    * Function to support @focusin event.
    * @private
@@ -8540,16 +8560,6 @@ class AuroSelect extends AuroElement$4 {
     this.validation.reset(this);
   }
 
-  /**
-   * Hide dropdownbib.
-   * @private
-   */
-  hideBib() {
-    if (this.dropdown) {
-      this.dropdown.hide();
-    }
-  }
-
   /**
    * Validates value.
    * @param {boolean} [force=false] - Whether to force validation.

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

@@ -375,6 +375,16 @@ export class AuroSelect extends AuroElement {
      * @returns {void}
      */
     private handleMenuLoadingChange;
+    /**
+     * Hides the dropdown bib if its open.
+     * @returns {void}
+     */
+    hideBib(): void;
+    /**
+     * Shows the dropdown bib if there are options to show.
+     * @returns {void}
+     */
+    showBib(): void;
     /**
      * Function to support @focusin event.
      * @private
@@ -414,11 +424,6 @@ export class AuroSelect extends AuroElement {
      * @returns {void}
      */
     reset(): void;
-    /**
-     * Hide dropdownbib.
-     * @private
-     */
-    private hideBib;
     /**
      * Validates value.
      * @param {boolean} [force=false] - Whether to force validation.

package/components/select/dist/index.js

@@ -8329,6 +8329,26 @@ class AuroSelect extends AuroElement$3 {
     }
   }
 
+  /**
+   * Hides the dropdown bib if its open.
+   * @returns {void}
+   */
+  hideBib() {
+    if (this.dropdown && this.dropdown.isPopoverVisible) {
+      this.dropdown.hide();
+    }
+  }
+
+  /**
+   * Shows the dropdown bib if there are options to show.
+   * @returns {void}
+   */
+  showBib() {
+    if (this.dropdown && !this.dropdown.isPopoverVisible) {
+      this.dropdown.show();
+    }
+  }
+
   /**
    * Function to support @focusin event.
    * @private
@@ -8494,16 +8514,6 @@ class AuroSelect extends AuroElement$3 {
     this.validation.reset(this);
   }
 
-  /**
-   * Hide dropdownbib.
-   * @private
-   */
-  hideBib() {
-    if (this.dropdown) {
-      this.dropdown.hide();
-    }
-  }
-
   /**
    * Validates value.
    * @param {boolean} [force=false] - Whether to force validation.

package/components/select/dist/registered.js

@@ -8329,6 +8329,26 @@ class AuroSelect extends AuroElement$3 {
     }
   }
 
+  /**
+   * Hides the dropdown bib if its open.
+   * @returns {void}
+   */
+  hideBib() {
+    if (this.dropdown && this.dropdown.isPopoverVisible) {
+      this.dropdown.hide();
+    }
+  }
+
+  /**
+   * Shows the dropdown bib if there are options to show.
+   * @returns {void}
+   */
+  showBib() {
+    if (this.dropdown && !this.dropdown.isPopoverVisible) {
+      this.dropdown.show();
+    }
+  }
+
   /**
    * Function to support @focusin event.
    * @private
@@ -8494,16 +8514,6 @@ class AuroSelect extends AuroElement$3 {
     this.validation.reset(this);
   }
 
-  /**
-   * Hide dropdownbib.
-   * @private
-   */
-  hideBib() {
-    if (this.dropdown) {
-      this.dropdown.hide();
-    }
-  }
-
   /**
    * Validates value.
    * @param {boolean} [force=false] - Whether to force validation.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurodesignsystem-dev/auro-formkit",
-  "version": "0.0.0-pr624.73",
+  "version": "0.0.0-pr624.75",
   "description": "A collection of web components used to build forms.",
   "homepage": "https://github.com/AlaskaAirlines/auro-formkit#readme",
   "bugs": {