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

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

@@ -21288,6 +21288,7 @@ let AuroDropdownBib$3 = 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
@@ -21301,6 +21302,7 @@ let AuroDropdownBib$3 = 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
@@ -21868,6 +21870,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
    * @returns {void}
    */
   show() {
+    console.log('show first line');
     this.floater.showBib();
 
     // Open dialog synchronously so callers remain in the user gesture
@@ -37898,6 +37901,7 @@ let AuroDropdownBib$2 = 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
@@ -37911,6 +37915,7 @@ let AuroDropdownBib$2 = 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
@@ -38478,6 +38483,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
    * @returns {void}
    */
   show() {
+    console.log('show first line');
     this.floater.showBib();
 
     // Open dialog synchronously so callers remain in the user gesture
@@ -49647,6 +49653,7 @@ let AuroDropdownBib$1 = 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
@@ -49660,6 +49667,7 @@ let AuroDropdownBib$1 = 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
@@ -50227,6 +50235,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
    * @returns {void}
    */
   show() {
+    console.log('show first line');
     this.floater.showBib();
 
     // Open dialog synchronously so callers remain in the user gesture
@@ -59829,12 +59838,13 @@ class AuroCombobox extends AuroElement$3 {
    * @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.
-    // if (!this.componentHasFocus && !this.dropdown.isPopoverVisible) {
-    //   return;
-    // }
+    if (!this.componentHasFocus && !this.dropdown.isPopoverVisible) {
+      return;
+    }
 
     if (!this.input.value && !this.dropdown.isBibFullscreen) {
       this.dropdown.hide();
@@ -59845,6 +59855,7 @@ class AuroCombobox extends AuroElement$3 {
         if (this.menu.hasAttribute('loading') && !this.menu.hasLoadingPlaceholder) {
           this.isHiddenWhileLoading = true;
         } else {
+          console.log('inside showBib before dropdown show');
           this.dropdown.show();
         }
       }
@@ -59937,6 +59948,7 @@ class AuroCombobox extends AuroElement$3 {
     });
 
     this.dropdown.addEventListener('auroDropdown-triggerClick', () => {
+      console.log('inside triggerClick event listener');
       this.showBib();
     });
 
@@ -60278,6 +60290,8 @@ class AuroCombobox extends AuroElement$3 {
    * @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'
@@ -60346,6 +60360,7 @@ class AuroCombobox extends AuroElement$3 {
       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
@@ -60361,6 +60376,7 @@ class AuroCombobox extends AuroElement$3 {
     // 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) {
@@ -60627,6 +60643,7 @@ class AuroCombobox extends AuroElement$3 {
       // :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();
@@ -67964,6 +67981,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
@@ -67977,6 +67995,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
@@ -68544,6 +68563,7 @@ class AuroDropdown extends AuroElement {
    * @returns {void}
    */
   show() {
+    console.log('show first line');
     this.floater.showBib();
 
     // Open dialog synchronously so callers remain in the user gesture

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

@@ -21288,6 +21288,7 @@ let AuroDropdownBib$3 = 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
@@ -21301,6 +21302,7 @@ let AuroDropdownBib$3 = 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
@@ -21868,6 +21870,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
    * @returns {void}
    */
   show() {
+    console.log('show first line');
     this.floater.showBib();
 
     // Open dialog synchronously so callers remain in the user gesture
@@ -37898,6 +37901,7 @@ let AuroDropdownBib$2 = 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
@@ -37911,6 +37915,7 @@ let AuroDropdownBib$2 = 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
@@ -38478,6 +38483,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
    * @returns {void}
    */
   show() {
+    console.log('show first line');
     this.floater.showBib();
 
     // Open dialog synchronously so callers remain in the user gesture
@@ -49647,6 +49653,7 @@ let AuroDropdownBib$1 = 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
@@ -49660,6 +49667,7 @@ let AuroDropdownBib$1 = 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
@@ -50227,6 +50235,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
    * @returns {void}
    */
   show() {
+    console.log('show first line');
     this.floater.showBib();
 
     // Open dialog synchronously so callers remain in the user gesture
@@ -59829,12 +59838,13 @@ class AuroCombobox extends AuroElement$3 {
    * @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.
-    // if (!this.componentHasFocus && !this.dropdown.isPopoverVisible) {
-    //   return;
-    // }
+    if (!this.componentHasFocus && !this.dropdown.isPopoverVisible) {
+      return;
+    }
 
     if (!this.input.value && !this.dropdown.isBibFullscreen) {
       this.dropdown.hide();
@@ -59845,6 +59855,7 @@ class AuroCombobox extends AuroElement$3 {
         if (this.menu.hasAttribute('loading') && !this.menu.hasLoadingPlaceholder) {
           this.isHiddenWhileLoading = true;
         } else {
+          console.log('inside showBib before dropdown show');
           this.dropdown.show();
         }
       }
@@ -59937,6 +59948,7 @@ class AuroCombobox extends AuroElement$3 {
     });
 
     this.dropdown.addEventListener('auroDropdown-triggerClick', () => {
+      console.log('inside triggerClick event listener');
       this.showBib();
     });
 
@@ -60278,6 +60290,8 @@ class AuroCombobox extends AuroElement$3 {
    * @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'
@@ -60346,6 +60360,7 @@ class AuroCombobox extends AuroElement$3 {
       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
@@ -60361,6 +60376,7 @@ class AuroCombobox extends AuroElement$3 {
     // 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) {
@@ -60627,6 +60643,7 @@ class AuroCombobox extends AuroElement$3 {
       // :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();
@@ -67964,6 +67981,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
@@ -67977,6 +67995,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
@@ -68544,6 +68563,7 @@ class AuroDropdown extends AuroElement {
    * @returns {void}
    */
   show() {
+    console.log('show first line');
     this.floater.showBib();
 
     // Open dialog synchronously so callers remain in the user gesture

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

@@ -4969,6 +4969,7 @@ class AuroDropdownBib extends i$3 {
         documentElement.style.overflow = 'hidden';
 
         try {
+          console.log('showing modal dialog');
           dialog.showModal();
         } finally {
           // Restore overflow immediately — the lock was only needed to
@@ -4982,6 +4983,7 @@ class AuroDropdownBib extends i$3 {
 
       } 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
@@ -5549,6 +5551,7 @@ class AuroDropdown extends AuroElement {
    * @returns {void}
    */
   show() {
+    console.log('show first line');
     this.floater.showBib();
 
     // Open dialog synchronously so callers remain in the user gesture

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

@@ -4885,6 +4885,7 @@ class AuroDropdownBib extends i$3 {
         documentElement.style.overflow = 'hidden';
 
         try {
+          console.log('showing modal dialog');
           dialog.showModal();
         } finally {
           // Restore overflow immediately — the lock was only needed to
@@ -4898,6 +4899,7 @@ class AuroDropdownBib extends i$3 {
 
       } 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
@@ -5465,6 +5467,7 @@ class AuroDropdown extends AuroElement {
    * @returns {void}
    */
   show() {
+    console.log('show first line');
     this.floater.showBib();
 
     // Open dialog synchronously so callers remain in the user gesture

package/components/select/dist/index.js

@@ -4818,6 +4818,7 @@ class AuroDropdownBib extends LitElement {
         documentElement.style.overflow = 'hidden';
 
         try {
+          console.log('showing modal dialog');
           dialog.showModal();
         } finally {
           // Restore overflow immediately — the lock was only needed to
@@ -4831,6 +4832,7 @@ class AuroDropdownBib extends LitElement {
 
       } 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
@@ -5398,6 +5400,7 @@ class AuroDropdown extends AuroElement {
    * @returns {void}
    */
   show() {
+    console.log('show first line');
     this.floater.showBib();
 
     // Open dialog synchronously so callers remain in the user gesture

package/components/select/dist/registered.js

@@ -4818,6 +4818,7 @@ class AuroDropdownBib extends LitElement {
         documentElement.style.overflow = 'hidden';
 
         try {
+          console.log('showing modal dialog');
           dialog.showModal();
         } finally {
           // Restore overflow immediately — the lock was only needed to
@@ -4831,6 +4832,7 @@ class AuroDropdownBib extends LitElement {
 
       } 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
@@ -5398,6 +5400,7 @@ class AuroDropdown extends AuroElement {
    * @returns {void}
    */
   show() {
+    console.log('show first line');
     this.floater.showBib();
 
     // Open dialog synchronously so callers remain in the user gesture