@aurodesignsystem-dev/auro-formkit 0.0.0-pr1433.0 → 0.0.0-pr1433.2

package/README.md

@@ -17,7 +17,7 @@ The following sections are editable by making changes to the following files:
 | kit Example Code | HTML sample code of the kits use            | `./apiExamples/basic.html`          |
 -->
 
-# Formkit
+# Dev/auro-formkit
 
 <!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/description.md) -->
 <!-- The below content is automatically added from ./docs/partials/description.md -->

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

@@ -1687,7 +1687,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202604100244';
+var formkitVersion = '202604101700';
 
 // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

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

@@ -1679,7 +1679,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202604100244';
+var formkitVersion = '202604101700';
 
 // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

package/components/checkbox/dist/index.js

@@ -1632,7 +1632,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202604100244';
+var formkitVersion = '202604101700';
 
 // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

package/components/checkbox/dist/registered.js

@@ -1632,7 +1632,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202604100244';
+var formkitVersion = '202604101700';
 
 // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

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

@@ -4918,6 +4918,7 @@ class AuroDropdownBib extends i$4 {
         documentElement.style.overflow = 'hidden';
 
         try {
+          console.log('showing modal dialog');
           dialog.showModal();
         } finally {
           // Restore overflow immediately — the lock was only needed to
@@ -4931,6 +4932,7 @@ class AuroDropdownBib extends i$4 {
 
       } else {
         // Open the inner dialog so slotted content renders.
+        console.log('showing non-modal dialog');
         dialog.setAttribute('open', '');
 
         // Use popover on the host for top-layer placement without focus
@@ -5228,7 +5230,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$2 = '202604100244';
+var formkitVersion$2 = '202604101700';
 
 let AuroElement$2 = class AuroElement extends i$4 {
   static get properties() {
@@ -5498,6 +5500,7 @@ class AuroDropdown extends AuroElement$2 {
    * @returns {void}
    */
   show() {
+    console.log('show first line');
     this.floater.showBib();
 
     // Open dialog synchronously so callers remain in the user gesture
@@ -12992,7 +12995,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$1 = '202604100244';
+var formkitVersion$1 = '202604101700';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -14057,7 +14060,7 @@ class AuroBibtemplate extends i$4 {
   }
 }
 
-var formkitVersion = '202604100244';
+var formkitVersion = '202604101700';
 
 var styleCss$3 = i$7`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
 
@@ -15107,6 +15110,7 @@ class AuroCombobox extends AuroElement {
    * @returns {void}
    */
   showBib() {
+    console.log('inside showBib first line');
     // Do not auto-open from programmatic value/option updates when the
     // combobox is not focused. User-driven interactions still open normally
     // once focus enters the component.
@@ -15123,6 +15127,7 @@ class AuroCombobox extends AuroElement {
         if (this.menu.hasAttribute('loading') && !this.menu.hasLoadingPlaceholder) {
           this.isHiddenWhileLoading = true;
         } else {
+          console.log('inside showBib before dropdown show');
           this.dropdown.show();
         }
       }
@@ -15215,6 +15220,7 @@ class AuroCombobox extends AuroElement {
     });
 
     this.dropdown.addEventListener('auroDropdown-triggerClick', () => {
+      console.log('inside triggerClick event listener');
       this.showBib();
     });
 
@@ -15556,6 +15562,8 @@ class AuroCombobox extends AuroElement {
    * @returns {void}
    */
   handleInputValueChange(event) {
+    console.log('handleInputValueChange first line');
+
     // When the event comes from the fullscreen bib input, sync the value to
     // the trigger input. Setting trigger.value triggers Lit's updated()
     // (async, microtask) which fires notifyValueChanged() → another 'input'
@@ -15624,6 +15632,7 @@ class AuroCombobox extends AuroElement {
       this.hideBib();
     } else if (this.menu.loading) {
       // if input has value but menu is loading, show bib immediately
+      console.log('handleInputValueChange showBib because loading');
       this.showBib();
     } else if (this.availableOptions.length === 0 && !this.dropdown.isBibFullscreen) {
       // Force dropdown bib to hide if input value has no matching suggestions
@@ -15639,6 +15648,7 @@ class AuroCombobox extends AuroElement {
     // typing.
     if (this.dropdown.isBibFullscreen && this.input.value && this.input.value.length > 0) {
       if (!this.dropdown.isPopoverVisible) {
+        console.log('handleInputValueChange showBib for iOS keyboard retention');
         this.showBib();
       }
       if (this.dropdown.isPopoverVisible) {
@@ -15905,6 +15915,7 @@ class AuroCombobox extends AuroElement {
       // :focus-within hasn't propagated through the top-layer dialog's nested
       // shadow DOM boundaries.
       if ((this.availableOptions.length > 0 && (this.componentHasFocus || this.dropdownOpen)) || this.menu.loading || (this.availableOptions.length === 0 && this.noMatchOption)) {
+        console.log('changedProperties has availableOptions showBib');
         this.showBib();
         if (!this.availableOptions.includes(this.menu.optionActive)) {
           this.activateFirstEnabledAvailableOption();

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

@@ -4830,6 +4830,7 @@ class AuroDropdownBib extends i$4 {
         documentElement.style.overflow = 'hidden';
 
         try {
+          console.log('showing modal dialog');
           dialog.showModal();
         } finally {
           // Restore overflow immediately — the lock was only needed to
@@ -4843,6 +4844,7 @@ class AuroDropdownBib extends i$4 {
 
       } else {
         // Open the inner dialog so slotted content renders.
+        console.log('showing non-modal dialog');
         dialog.setAttribute('open', '');
 
         // Use popover on the host for top-layer placement without focus
@@ -5140,7 +5142,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$2 = '202604100244';
+var formkitVersion$2 = '202604101700';
 
 let AuroElement$2 = class AuroElement extends i$4 {
   static get properties() {
@@ -5410,6 +5412,7 @@ class AuroDropdown extends AuroElement$2 {
    * @returns {void}
    */
   show() {
+    console.log('show first line');
     this.floater.showBib();
 
     // Open dialog synchronously so callers remain in the user gesture
@@ -12904,7 +12907,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
   }
 };
 
-var formkitVersion$1 = '202604100244';
+var formkitVersion$1 = '202604101700';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -13969,7 +13972,7 @@ class AuroBibtemplate extends i$4 {
   }
 }
 
-var formkitVersion = '202604100244';
+var formkitVersion = '202604101700';
 
 var styleCss$3 = i$7`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
 
@@ -15019,6 +15022,7 @@ class AuroCombobox extends AuroElement {
    * @returns {void}
    */
   showBib() {
+    console.log('inside showBib first line');
     // Do not auto-open from programmatic value/option updates when the
     // combobox is not focused. User-driven interactions still open normally
     // once focus enters the component.
@@ -15035,6 +15039,7 @@ class AuroCombobox extends AuroElement {
         if (this.menu.hasAttribute('loading') && !this.menu.hasLoadingPlaceholder) {
           this.isHiddenWhileLoading = true;
         } else {
+          console.log('inside showBib before dropdown show');
           this.dropdown.show();
         }
       }
@@ -15127,6 +15132,7 @@ class AuroCombobox extends AuroElement {
     });
 
     this.dropdown.addEventListener('auroDropdown-triggerClick', () => {
+      console.log('inside triggerClick event listener');
       this.showBib();
     });
 
@@ -15468,6 +15474,8 @@ class AuroCombobox extends AuroElement {
    * @returns {void}
    */
   handleInputValueChange(event) {
+    console.log('handleInputValueChange first line');
+
     // When the event comes from the fullscreen bib input, sync the value to
     // the trigger input. Setting trigger.value triggers Lit's updated()
     // (async, microtask) which fires notifyValueChanged() → another 'input'
@@ -15536,6 +15544,7 @@ class AuroCombobox extends AuroElement {
       this.hideBib();
     } else if (this.menu.loading) {
       // if input has value but menu is loading, show bib immediately
+      console.log('handleInputValueChange showBib because loading');
       this.showBib();
     } else if (this.availableOptions.length === 0 && !this.dropdown.isBibFullscreen) {
       // Force dropdown bib to hide if input value has no matching suggestions
@@ -15551,6 +15560,7 @@ class AuroCombobox extends AuroElement {
     // typing.
     if (this.dropdown.isBibFullscreen && this.input.value && this.input.value.length > 0) {
       if (!this.dropdown.isPopoverVisible) {
+        console.log('handleInputValueChange showBib for iOS keyboard retention');
         this.showBib();
       }
       if (this.dropdown.isPopoverVisible) {
@@ -15817,6 +15827,7 @@ class AuroCombobox extends AuroElement {
       // :focus-within hasn't propagated through the top-layer dialog's nested
       // shadow DOM boundaries.
       if ((this.availableOptions.length > 0 && (this.componentHasFocus || this.dropdownOpen)) || this.menu.loading || (this.availableOptions.length === 0 && this.noMatchOption)) {
+        console.log('changedProperties has availableOptions showBib');
         this.showBib();
         if (!this.availableOptions.includes(this.menu.optionActive)) {
           this.activateFirstEnabledAvailableOption();