@aurodesignsystem-dev/auro-formkit 0.0.0-pr740.6 → 0.0.0-pr740.7

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

@@ -16180,7 +16180,7 @@ class AuroCombobox extends AuroElement$1 {
       // wait a frame in case the bib gets hide immediately after showing because there is no value
       setTimeout(() => {
         if (document.activeElement === this) {
-          this.focus();
+          this.setInputFocus();
         }
       }, 0);
     });
@@ -16199,13 +16199,24 @@ class AuroCombobox extends AuroElement$1 {
     this.hideBib = this.hideBib.bind(this);
     this.bibtemplate.addEventListener('close-click', this.hideBib);
 
-    this.focus = this.focus.bind(this);
+    this.setInputFocus = this.setInputFocus.bind(this);
     this.dropdown.addEventListener('auroDropdown-strategy-change', () => {
       // event when the strategy(bib mode) is changed between fullscreen and floating
-      setTimeout(this.focus, 0);
+      setTimeout(this.setInputFocus, 0);
     });
   }
 
+  /**
+   * @private
+   */
+  setInputFocus() {
+    if (this.dropdown.isBibFullscreen && this.dropdown.isPopoverVisible) {
+      this.inputInBib.focus();
+    } else {
+      this.input.focus();
+    }
+  }
+
   /**
    * Binds all behavior needed to the menu after rendering.
    * @private
@@ -16317,9 +16328,14 @@ class AuroCombobox extends AuroElement$1 {
     /**
      * Validate every time we remove focus from the datepicker.
      */
-    this.addEventListener('focusout', () => {
+    this.addEventListener('focusout', (event) => {
       if (document.activeElement !== this) {
         this.validate();
+        if (this.dropdown.isPopoverVisible && this.dropdown.isBibFullscreen) {
+          event.preventDefault();
+          event.stopImmediatePropagation();
+          this.focus();
+        }
       }
     });
 
@@ -16495,10 +16511,8 @@ class AuroCombobox extends AuroElement$1 {
    * @returns {void}
    */
   focus() {
-    if (this.dropdown.isPopoverVisible && this.dropdown.isBibFullscreen) {
-      this.inputInBib.focus();
-    } else {
-      this.input.focus();
+    if (document.activeElement !== this) {
+      this.setInputFocus();
     }
   }
 

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

@@ -16038,7 +16038,7 @@ class AuroCombobox extends AuroElement$1 {
       // wait a frame in case the bib gets hide immediately after showing because there is no value
       setTimeout(() => {
         if (document.activeElement === this) {
-          this.focus();
+          this.setInputFocus();
         }
       }, 0);
     });
@@ -16057,13 +16057,24 @@ class AuroCombobox extends AuroElement$1 {
     this.hideBib = this.hideBib.bind(this);
     this.bibtemplate.addEventListener('close-click', this.hideBib);
 
-    this.focus = this.focus.bind(this);
+    this.setInputFocus = this.setInputFocus.bind(this);
     this.dropdown.addEventListener('auroDropdown-strategy-change', () => {
       // event when the strategy(bib mode) is changed between fullscreen and floating
-      setTimeout(this.focus, 0);
+      setTimeout(this.setInputFocus, 0);
     });
   }
 
+  /**
+   * @private
+   */
+  setInputFocus() {
+    if (this.dropdown.isBibFullscreen && this.dropdown.isPopoverVisible) {
+      this.inputInBib.focus();
+    } else {
+      this.input.focus();
+    }
+  }
+
   /**
    * Binds all behavior needed to the menu after rendering.
    * @private
@@ -16175,9 +16186,14 @@ class AuroCombobox extends AuroElement$1 {
     /**
      * Validate every time we remove focus from the datepicker.
      */
-    this.addEventListener('focusout', () => {
+    this.addEventListener('focusout', (event) => {
       if (document.activeElement !== this) {
         this.validate();
+        if (this.dropdown.isPopoverVisible && this.dropdown.isBibFullscreen) {
+          event.preventDefault();
+          event.stopImmediatePropagation();
+          this.focus();
+        }
       }
     });
 
@@ -16353,10 +16369,8 @@ class AuroCombobox extends AuroElement$1 {
    * @returns {void}
    */
   focus() {
-    if (this.dropdown.isPopoverVisible && this.dropdown.isBibFullscreen) {
-      this.inputInBib.focus();
-    } else {
-      this.input.focus();
+    if (document.activeElement !== this) {
+      this.setInputFocus();
     }
   }
 

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

@@ -332,10 +332,9 @@ export class AuroCombobox extends AuroElement {
     bibtemplate: any;
     inputInBib: any;
     /**
-     * Focuses the combobox trigger input.
-     * @returns {void}
+     * @private
      */
-    focus(): void;
+    private setInputFocus;
     /**
      * Binds all behavior needed to the menu after rendering.
      * @private
@@ -381,6 +380,11 @@ export class AuroCombobox extends AuroElement {
     firstUpdated(): void;
     dropdown: any;
     input: any;
+    /**
+     * Focuses the combobox trigger input.
+     * @returns {void}
+     */
+    focus(): void;
     /**
      * Resets component to initial state.
      * @returns {void}

package/components/combobox/dist/index.js

@@ -15956,7 +15956,7 @@ class AuroCombobox extends AuroElement {
       // wait a frame in case the bib gets hide immediately after showing because there is no value
       setTimeout(() => {
         if (document.activeElement === this) {
-          this.focus();
+          this.setInputFocus();
         }
       }, 0);
     });
@@ -15975,13 +15975,24 @@ class AuroCombobox extends AuroElement {
     this.hideBib = this.hideBib.bind(this);
     this.bibtemplate.addEventListener('close-click', this.hideBib);
 
-    this.focus = this.focus.bind(this);
+    this.setInputFocus = this.setInputFocus.bind(this);
     this.dropdown.addEventListener('auroDropdown-strategy-change', () => {
       // event when the strategy(bib mode) is changed between fullscreen and floating
-      setTimeout(this.focus, 0);
+      setTimeout(this.setInputFocus, 0);
     });
   }
 
+  /**
+   * @private
+   */
+  setInputFocus() {
+    if (this.dropdown.isBibFullscreen && this.dropdown.isPopoverVisible) {
+      this.inputInBib.focus();
+    } else {
+      this.input.focus();
+    }
+  }
+
   /**
    * Binds all behavior needed to the menu after rendering.
    * @private
@@ -16093,9 +16104,14 @@ class AuroCombobox extends AuroElement {
     /**
      * Validate every time we remove focus from the datepicker.
      */
-    this.addEventListener('focusout', () => {
+    this.addEventListener('focusout', (event) => {
       if (document.activeElement !== this) {
         this.validate();
+        if (this.dropdown.isPopoverVisible && this.dropdown.isBibFullscreen) {
+          event.preventDefault();
+          event.stopImmediatePropagation();
+          this.focus();
+        }
       }
     });
 
@@ -16271,10 +16287,8 @@ class AuroCombobox extends AuroElement {
    * @returns {void}
    */
   focus() {
-    if (this.dropdown.isPopoverVisible && this.dropdown.isBibFullscreen) {
-      this.inputInBib.focus();
-    } else {
-      this.input.focus();
+    if (document.activeElement !== this) {
+      this.setInputFocus();
     }
   }
 

package/components/combobox/dist/registered.js

@@ -15956,7 +15956,7 @@ class AuroCombobox extends AuroElement {
       // wait a frame in case the bib gets hide immediately after showing because there is no value
       setTimeout(() => {
         if (document.activeElement === this) {
-          this.focus();
+          this.setInputFocus();
         }
       }, 0);
     });
@@ -15975,13 +15975,24 @@ class AuroCombobox extends AuroElement {
     this.hideBib = this.hideBib.bind(this);
     this.bibtemplate.addEventListener('close-click', this.hideBib);
 
-    this.focus = this.focus.bind(this);
+    this.setInputFocus = this.setInputFocus.bind(this);
     this.dropdown.addEventListener('auroDropdown-strategy-change', () => {
       // event when the strategy(bib mode) is changed between fullscreen and floating
-      setTimeout(this.focus, 0);
+      setTimeout(this.setInputFocus, 0);
     });
   }
 
+  /**
+   * @private
+   */
+  setInputFocus() {
+    if (this.dropdown.isBibFullscreen && this.dropdown.isPopoverVisible) {
+      this.inputInBib.focus();
+    } else {
+      this.input.focus();
+    }
+  }
+
   /**
    * Binds all behavior needed to the menu after rendering.
    * @private
@@ -16093,9 +16104,14 @@ class AuroCombobox extends AuroElement {
     /**
      * Validate every time we remove focus from the datepicker.
      */
-    this.addEventListener('focusout', () => {
+    this.addEventListener('focusout', (event) => {
       if (document.activeElement !== this) {
         this.validate();
+        if (this.dropdown.isPopoverVisible && this.dropdown.isBibFullscreen) {
+          event.preventDefault();
+          event.stopImmediatePropagation();
+          this.focus();
+        }
       }
     });
 
@@ -16271,10 +16287,8 @@ class AuroCombobox extends AuroElement {
    * @returns {void}
    */
   focus() {
-    if (this.dropdown.isPopoverVisible && this.dropdown.isBibFullscreen) {
-      this.inputInBib.focus();
-    } else {
-      this.input.focus();
+    if (document.activeElement !== this) {
+      this.setInputFocus();
     }
   }
 

package/package.json

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