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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -17,7 +17,7 @@ The following sections are editable by making changes to the following files:
17
17
  | kit Example Code | HTML sample code of the kits use | `./apiExamples/basic.html` |
18
18
  -->
19
19
 
20
- # Formkit
20
+ # Dev/auro-formkit
21
21
 
22
22
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/description.md) -->
23
23
  <!-- The below content is automatically added from ./docs/partials/description.md -->
@@ -4918,6 +4918,7 @@ class AuroDropdownBib extends i$4 {
4918
4918
  documentElement.style.overflow = 'hidden';
4919
4919
 
4920
4920
  try {
4921
+ console.log('showing modal dialog');
4921
4922
  dialog.showModal();
4922
4923
  } finally {
4923
4924
  // Restore overflow immediately — the lock was only needed to
@@ -4931,6 +4932,7 @@ class AuroDropdownBib extends i$4 {
4931
4932
 
4932
4933
  } else {
4933
4934
  // Open the inner dialog so slotted content renders.
4935
+ console.log('showing non-modal dialog');
4934
4936
  dialog.setAttribute('open', '');
4935
4937
 
4936
4938
  // Use popover on the host for top-layer placement without focus
@@ -5498,6 +5500,7 @@ class AuroDropdown extends AuroElement$2 {
5498
5500
  * @returns {void}
5499
5501
  */
5500
5502
  show() {
5503
+ console.log('show first line');
5501
5504
  this.floater.showBib();
5502
5505
 
5503
5506
  // Open dialog synchronously so callers remain in the user gesture
@@ -15107,12 +15110,13 @@ class AuroCombobox extends AuroElement {
15107
15110
  * @returns {void}
15108
15111
  */
15109
15112
  showBib() {
15113
+ console.log('inside showBib first line');
15110
15114
  // Do not auto-open from programmatic value/option updates when the
15111
15115
  // combobox is not focused. User-driven interactions still open normally
15112
15116
  // once focus enters the component.
15113
- // if (!this.componentHasFocus && !this.dropdown.isPopoverVisible) {
15114
- // return;
15115
- // }
15117
+ if (!this.componentHasFocus && !this.dropdown.isPopoverVisible) {
15118
+ return;
15119
+ }
15116
15120
 
15117
15121
  if (!this.input.value && !this.dropdown.isBibFullscreen) {
15118
15122
  this.dropdown.hide();
@@ -15123,6 +15127,7 @@ class AuroCombobox extends AuroElement {
15123
15127
  if (this.menu.hasAttribute('loading') && !this.menu.hasLoadingPlaceholder) {
15124
15128
  this.isHiddenWhileLoading = true;
15125
15129
  } else {
15130
+ console.log('inside showBib before dropdown show');
15126
15131
  this.dropdown.show();
15127
15132
  }
15128
15133
  }
@@ -15215,6 +15220,7 @@ class AuroCombobox extends AuroElement {
15215
15220
  });
15216
15221
 
15217
15222
  this.dropdown.addEventListener('auroDropdown-triggerClick', () => {
15223
+ console.log('inside triggerClick event listener');
15218
15224
  this.showBib();
15219
15225
  });
15220
15226
 
@@ -15556,6 +15562,8 @@ class AuroCombobox extends AuroElement {
15556
15562
  * @returns {void}
15557
15563
  */
15558
15564
  handleInputValueChange(event) {
15565
+ console.log('handleInputValueChange first line');
15566
+
15559
15567
  // When the event comes from the fullscreen bib input, sync the value to
15560
15568
  // the trigger input. Setting trigger.value triggers Lit's updated()
15561
15569
  // (async, microtask) which fires notifyValueChanged() → another 'input'
@@ -15624,6 +15632,7 @@ class AuroCombobox extends AuroElement {
15624
15632
  this.hideBib();
15625
15633
  } else if (this.menu.loading) {
15626
15634
  // if input has value but menu is loading, show bib immediately
15635
+ console.log('handleInputValueChange showBib because loading');
15627
15636
  this.showBib();
15628
15637
  } else if (this.availableOptions.length === 0 && !this.dropdown.isBibFullscreen) {
15629
15638
  // Force dropdown bib to hide if input value has no matching suggestions
@@ -15639,6 +15648,7 @@ class AuroCombobox extends AuroElement {
15639
15648
  // typing.
15640
15649
  if (this.dropdown.isBibFullscreen && this.input.value && this.input.value.length > 0) {
15641
15650
  if (!this.dropdown.isPopoverVisible) {
15651
+ console.log('handleInputValueChange showBib for iOS keyboard retention');
15642
15652
  this.showBib();
15643
15653
  }
15644
15654
  if (this.dropdown.isPopoverVisible) {
@@ -15905,6 +15915,7 @@ class AuroCombobox extends AuroElement {
15905
15915
  // :focus-within hasn't propagated through the top-layer dialog's nested
15906
15916
  // shadow DOM boundaries.
15907
15917
  if ((this.availableOptions.length > 0 && (this.componentHasFocus || this.dropdownOpen)) || this.menu.loading || (this.availableOptions.length === 0 && this.noMatchOption)) {
15918
+ console.log('changedProperties has availableOptions showBib');
15908
15919
  this.showBib();
15909
15920
  if (!this.availableOptions.includes(this.menu.optionActive)) {
15910
15921
  this.activateFirstEnabledAvailableOption();
@@ -4830,6 +4830,7 @@ class AuroDropdownBib extends i$4 {
4830
4830
  documentElement.style.overflow = 'hidden';
4831
4831
 
4832
4832
  try {
4833
+ console.log('showing modal dialog');
4833
4834
  dialog.showModal();
4834
4835
  } finally {
4835
4836
  // Restore overflow immediately — the lock was only needed to
@@ -4843,6 +4844,7 @@ class AuroDropdownBib extends i$4 {
4843
4844
 
4844
4845
  } else {
4845
4846
  // Open the inner dialog so slotted content renders.
4847
+ console.log('showing non-modal dialog');
4846
4848
  dialog.setAttribute('open', '');
4847
4849
 
4848
4850
  // Use popover on the host for top-layer placement without focus
@@ -5410,6 +5412,7 @@ class AuroDropdown extends AuroElement$2 {
5410
5412
  * @returns {void}
5411
5413
  */
5412
5414
  show() {
5415
+ console.log('show first line');
5413
5416
  this.floater.showBib();
5414
5417
 
5415
5418
  // Open dialog synchronously so callers remain in the user gesture
@@ -15019,12 +15022,13 @@ class AuroCombobox extends AuroElement {
15019
15022
  * @returns {void}
15020
15023
  */
15021
15024
  showBib() {
15025
+ console.log('inside showBib first line');
15022
15026
  // Do not auto-open from programmatic value/option updates when the
15023
15027
  // combobox is not focused. User-driven interactions still open normally
15024
15028
  // once focus enters the component.
15025
- // if (!this.componentHasFocus && !this.dropdown.isPopoverVisible) {
15026
- // return;
15027
- // }
15029
+ if (!this.componentHasFocus && !this.dropdown.isPopoverVisible) {
15030
+ return;
15031
+ }
15028
15032
 
15029
15033
  if (!this.input.value && !this.dropdown.isBibFullscreen) {
15030
15034
  this.dropdown.hide();
@@ -15035,6 +15039,7 @@ class AuroCombobox extends AuroElement {
15035
15039
  if (this.menu.hasAttribute('loading') && !this.menu.hasLoadingPlaceholder) {
15036
15040
  this.isHiddenWhileLoading = true;
15037
15041
  } else {
15042
+ console.log('inside showBib before dropdown show');
15038
15043
  this.dropdown.show();
15039
15044
  }
15040
15045
  }
@@ -15127,6 +15132,7 @@ class AuroCombobox extends AuroElement {
15127
15132
  });
15128
15133
 
15129
15134
  this.dropdown.addEventListener('auroDropdown-triggerClick', () => {
15135
+ console.log('inside triggerClick event listener');
15130
15136
  this.showBib();
15131
15137
  });
15132
15138
 
@@ -15468,6 +15474,8 @@ class AuroCombobox extends AuroElement {
15468
15474
  * @returns {void}
15469
15475
  */
15470
15476
  handleInputValueChange(event) {
15477
+ console.log('handleInputValueChange first line');
15478
+
15471
15479
  // When the event comes from the fullscreen bib input, sync the value to
15472
15480
  // the trigger input. Setting trigger.value triggers Lit's updated()
15473
15481
  // (async, microtask) which fires notifyValueChanged() → another 'input'
@@ -15536,6 +15544,7 @@ class AuroCombobox extends AuroElement {
15536
15544
  this.hideBib();
15537
15545
  } else if (this.menu.loading) {
15538
15546
  // if input has value but menu is loading, show bib immediately
15547
+ console.log('handleInputValueChange showBib because loading');
15539
15548
  this.showBib();
15540
15549
  } else if (this.availableOptions.length === 0 && !this.dropdown.isBibFullscreen) {
15541
15550
  // Force dropdown bib to hide if input value has no matching suggestions
@@ -15551,6 +15560,7 @@ class AuroCombobox extends AuroElement {
15551
15560
  // typing.
15552
15561
  if (this.dropdown.isBibFullscreen && this.input.value && this.input.value.length > 0) {
15553
15562
  if (!this.dropdown.isPopoverVisible) {
15563
+ console.log('handleInputValueChange showBib for iOS keyboard retention');
15554
15564
  this.showBib();
15555
15565
  }
15556
15566
  if (this.dropdown.isPopoverVisible) {
@@ -15817,6 +15827,7 @@ class AuroCombobox extends AuroElement {
15817
15827
  // :focus-within hasn't propagated through the top-layer dialog's nested
15818
15828
  // shadow DOM boundaries.
15819
15829
  if ((this.availableOptions.length > 0 && (this.componentHasFocus || this.dropdownOpen)) || this.menu.loading || (this.availableOptions.length === 0 && this.noMatchOption)) {
15830
+ console.log('changedProperties has availableOptions showBib');
15820
15831
  this.showBib();
15821
15832
  if (!this.availableOptions.includes(this.menu.optionActive)) {
15822
15833
  this.activateFirstEnabledAvailableOption();
@@ -4763,6 +4763,7 @@ class AuroDropdownBib extends LitElement {
4763
4763
  documentElement.style.overflow = 'hidden';
4764
4764
 
4765
4765
  try {
4766
+ console.log('showing modal dialog');
4766
4767
  dialog.showModal();
4767
4768
  } finally {
4768
4769
  // Restore overflow immediately — the lock was only needed to
@@ -4776,6 +4777,7 @@ class AuroDropdownBib extends LitElement {
4776
4777
 
4777
4778
  } else {
4778
4779
  // Open the inner dialog so slotted content renders.
4780
+ console.log('showing non-modal dialog');
4779
4781
  dialog.setAttribute('open', '');
4780
4782
 
4781
4783
  // Use popover on the host for top-layer placement without focus
@@ -5343,6 +5345,7 @@ class AuroDropdown extends AuroElement$2 {
5343
5345
  * @returns {void}
5344
5346
  */
5345
5347
  show() {
5348
+ console.log('show first line');
5346
5349
  this.floater.showBib();
5347
5350
 
5348
5351
  // Open dialog synchronously so callers remain in the user gesture
@@ -14945,12 +14948,13 @@ class AuroCombobox extends AuroElement {
14945
14948
  * @returns {void}
14946
14949
  */
14947
14950
  showBib() {
14951
+ console.log('inside showBib first line');
14948
14952
  // Do not auto-open from programmatic value/option updates when the
14949
14953
  // combobox is not focused. User-driven interactions still open normally
14950
14954
  // once focus enters the component.
14951
- // if (!this.componentHasFocus && !this.dropdown.isPopoverVisible) {
14952
- // return;
14953
- // }
14955
+ if (!this.componentHasFocus && !this.dropdown.isPopoverVisible) {
14956
+ return;
14957
+ }
14954
14958
 
14955
14959
  if (!this.input.value && !this.dropdown.isBibFullscreen) {
14956
14960
  this.dropdown.hide();
@@ -14961,6 +14965,7 @@ class AuroCombobox extends AuroElement {
14961
14965
  if (this.menu.hasAttribute('loading') && !this.menu.hasLoadingPlaceholder) {
14962
14966
  this.isHiddenWhileLoading = true;
14963
14967
  } else {
14968
+ console.log('inside showBib before dropdown show');
14964
14969
  this.dropdown.show();
14965
14970
  }
14966
14971
  }
@@ -15053,6 +15058,7 @@ class AuroCombobox extends AuroElement {
15053
15058
  });
15054
15059
 
15055
15060
  this.dropdown.addEventListener('auroDropdown-triggerClick', () => {
15061
+ console.log('inside triggerClick event listener');
15056
15062
  this.showBib();
15057
15063
  });
15058
15064
 
@@ -15394,6 +15400,8 @@ class AuroCombobox extends AuroElement {
15394
15400
  * @returns {void}
15395
15401
  */
15396
15402
  handleInputValueChange(event) {
15403
+ console.log('handleInputValueChange first line');
15404
+
15397
15405
  // When the event comes from the fullscreen bib input, sync the value to
15398
15406
  // the trigger input. Setting trigger.value triggers Lit's updated()
15399
15407
  // (async, microtask) which fires notifyValueChanged() → another 'input'
@@ -15462,6 +15470,7 @@ class AuroCombobox extends AuroElement {
15462
15470
  this.hideBib();
15463
15471
  } else if (this.menu.loading) {
15464
15472
  // if input has value but menu is loading, show bib immediately
15473
+ console.log('handleInputValueChange showBib because loading');
15465
15474
  this.showBib();
15466
15475
  } else if (this.availableOptions.length === 0 && !this.dropdown.isBibFullscreen) {
15467
15476
  // Force dropdown bib to hide if input value has no matching suggestions
@@ -15477,6 +15486,7 @@ class AuroCombobox extends AuroElement {
15477
15486
  // typing.
15478
15487
  if (this.dropdown.isBibFullscreen && this.input.value && this.input.value.length > 0) {
15479
15488
  if (!this.dropdown.isPopoverVisible) {
15489
+ console.log('handleInputValueChange showBib for iOS keyboard retention');
15480
15490
  this.showBib();
15481
15491
  }
15482
15492
  if (this.dropdown.isPopoverVisible) {
@@ -15743,6 +15753,7 @@ class AuroCombobox extends AuroElement {
15743
15753
  // :focus-within hasn't propagated through the top-layer dialog's nested
15744
15754
  // shadow DOM boundaries.
15745
15755
  if ((this.availableOptions.length > 0 && (this.componentHasFocus || this.dropdownOpen)) || this.menu.loading || (this.availableOptions.length === 0 && this.noMatchOption)) {
15756
+ console.log('changedProperties has availableOptions showBib');
15746
15757
  this.showBib();
15747
15758
  if (!this.availableOptions.includes(this.menu.optionActive)) {
15748
15759
  this.activateFirstEnabledAvailableOption();
@@ -4763,6 +4763,7 @@ class AuroDropdownBib extends LitElement {
4763
4763
  documentElement.style.overflow = 'hidden';
4764
4764
 
4765
4765
  try {
4766
+ console.log('showing modal dialog');
4766
4767
  dialog.showModal();
4767
4768
  } finally {
4768
4769
  // Restore overflow immediately — the lock was only needed to
@@ -4776,6 +4777,7 @@ class AuroDropdownBib extends LitElement {
4776
4777
 
4777
4778
  } else {
4778
4779
  // Open the inner dialog so slotted content renders.
4780
+ console.log('showing non-modal dialog');
4779
4781
  dialog.setAttribute('open', '');
4780
4782
 
4781
4783
  // Use popover on the host for top-layer placement without focus
@@ -5343,6 +5345,7 @@ class AuroDropdown extends AuroElement$2 {
5343
5345
  * @returns {void}
5344
5346
  */
5345
5347
  show() {
5348
+ console.log('show first line');
5346
5349
  this.floater.showBib();
5347
5350
 
5348
5351
  // Open dialog synchronously so callers remain in the user gesture
@@ -14945,12 +14948,13 @@ class AuroCombobox extends AuroElement {
14945
14948
  * @returns {void}
14946
14949
  */
14947
14950
  showBib() {
14951
+ console.log('inside showBib first line');
14948
14952
  // Do not auto-open from programmatic value/option updates when the
14949
14953
  // combobox is not focused. User-driven interactions still open normally
14950
14954
  // once focus enters the component.
14951
- // if (!this.componentHasFocus && !this.dropdown.isPopoverVisible) {
14952
- // return;
14953
- // }
14955
+ if (!this.componentHasFocus && !this.dropdown.isPopoverVisible) {
14956
+ return;
14957
+ }
14954
14958
 
14955
14959
  if (!this.input.value && !this.dropdown.isBibFullscreen) {
14956
14960
  this.dropdown.hide();
@@ -14961,6 +14965,7 @@ class AuroCombobox extends AuroElement {
14961
14965
  if (this.menu.hasAttribute('loading') && !this.menu.hasLoadingPlaceholder) {
14962
14966
  this.isHiddenWhileLoading = true;
14963
14967
  } else {
14968
+ console.log('inside showBib before dropdown show');
14964
14969
  this.dropdown.show();
14965
14970
  }
14966
14971
  }
@@ -15053,6 +15058,7 @@ class AuroCombobox extends AuroElement {
15053
15058
  });
15054
15059
 
15055
15060
  this.dropdown.addEventListener('auroDropdown-triggerClick', () => {
15061
+ console.log('inside triggerClick event listener');
15056
15062
  this.showBib();
15057
15063
  });
15058
15064
 
@@ -15394,6 +15400,8 @@ class AuroCombobox extends AuroElement {
15394
15400
  * @returns {void}
15395
15401
  */
15396
15402
  handleInputValueChange(event) {
15403
+ console.log('handleInputValueChange first line');
15404
+
15397
15405
  // When the event comes from the fullscreen bib input, sync the value to
15398
15406
  // the trigger input. Setting trigger.value triggers Lit's updated()
15399
15407
  // (async, microtask) which fires notifyValueChanged() → another 'input'
@@ -15462,6 +15470,7 @@ class AuroCombobox extends AuroElement {
15462
15470
  this.hideBib();
15463
15471
  } else if (this.menu.loading) {
15464
15472
  // if input has value but menu is loading, show bib immediately
15473
+ console.log('handleInputValueChange showBib because loading');
15465
15474
  this.showBib();
15466
15475
  } else if (this.availableOptions.length === 0 && !this.dropdown.isBibFullscreen) {
15467
15476
  // Force dropdown bib to hide if input value has no matching suggestions
@@ -15477,6 +15486,7 @@ class AuroCombobox extends AuroElement {
15477
15486
  // typing.
15478
15487
  if (this.dropdown.isBibFullscreen && this.input.value && this.input.value.length > 0) {
15479
15488
  if (!this.dropdown.isPopoverVisible) {
15489
+ console.log('handleInputValueChange showBib for iOS keyboard retention');
15480
15490
  this.showBib();
15481
15491
  }
15482
15492
  if (this.dropdown.isPopoverVisible) {
@@ -15743,6 +15753,7 @@ class AuroCombobox extends AuroElement {
15743
15753
  // :focus-within hasn't propagated through the top-layer dialog's nested
15744
15754
  // shadow DOM boundaries.
15745
15755
  if ((this.availableOptions.length > 0 && (this.componentHasFocus || this.dropdownOpen)) || this.menu.loading || (this.availableOptions.length === 0 && this.noMatchOption)) {
15756
+ console.log('changedProperties has availableOptions showBib');
15746
15757
  this.showBib();
15747
15758
  if (!this.availableOptions.includes(this.menu.optionActive)) {
15748
15759
  this.activateFirstEnabledAvailableOption();
@@ -5423,6 +5423,7 @@ class AuroDropdownBib extends i$2 {
5423
5423
  documentElement.style.overflow = 'hidden';
5424
5424
 
5425
5425
  try {
5426
+ console.log('showing modal dialog');
5426
5427
  dialog.showModal();
5427
5428
  } finally {
5428
5429
  // Restore overflow immediately — the lock was only needed to
@@ -5436,6 +5437,7 @@ class AuroDropdownBib extends i$2 {
5436
5437
 
5437
5438
  } else {
5438
5439
  // Open the inner dialog so slotted content renders.
5440
+ console.log('showing non-modal dialog');
5439
5441
  dialog.setAttribute('open', '');
5440
5442
 
5441
5443
  // Use popover on the host for top-layer placement without focus
@@ -6003,6 +6005,7 @@ class AuroDropdown extends AuroElement$1 {
6003
6005
  * @returns {void}
6004
6006
  */
6005
6007
  show() {
6008
+ console.log('show first line');
6006
6009
  this.floater.showBib();
6007
6010
 
6008
6011
  // Open dialog synchronously so callers remain in the user gesture
@@ -5423,6 +5423,7 @@ class AuroDropdownBib extends i$2 {
5423
5423
  documentElement.style.overflow = 'hidden';
5424
5424
 
5425
5425
  try {
5426
+ console.log('showing modal dialog');
5426
5427
  dialog.showModal();
5427
5428
  } finally {
5428
5429
  // Restore overflow immediately — the lock was only needed to
@@ -5436,6 +5437,7 @@ class AuroDropdownBib extends i$2 {
5436
5437
 
5437
5438
  } else {
5438
5439
  // Open the inner dialog so slotted content renders.
5440
+ console.log('showing non-modal dialog');
5439
5441
  dialog.setAttribute('open', '');
5440
5442
 
5441
5443
  // Use popover on the host for top-layer placement without focus
@@ -6003,6 +6005,7 @@ class AuroDropdown extends AuroElement$1 {
6003
6005
  * @returns {void}
6004
6006
  */
6005
6007
  show() {
6008
+ console.log('show first line');
6006
6009
  this.floater.showBib();
6007
6010
 
6008
6011
  // Open dialog synchronously so callers remain in the user gesture
@@ -5355,6 +5355,7 @@ class AuroDropdownBib extends LitElement {
5355
5355
  documentElement.style.overflow = 'hidden';
5356
5356
 
5357
5357
  try {
5358
+ console.log('showing modal dialog');
5358
5359
  dialog.showModal();
5359
5360
  } finally {
5360
5361
  // Restore overflow immediately — the lock was only needed to
@@ -5368,6 +5369,7 @@ class AuroDropdownBib extends LitElement {
5368
5369
 
5369
5370
  } else {
5370
5371
  // Open the inner dialog so slotted content renders.
5372
+ console.log('showing non-modal dialog');
5371
5373
  dialog.setAttribute('open', '');
5372
5374
 
5373
5375
  // Use popover on the host for top-layer placement without focus
@@ -5935,6 +5937,7 @@ class AuroDropdown extends AuroElement$1 {
5935
5937
  * @returns {void}
5936
5938
  */
5937
5939
  show() {
5940
+ console.log('show first line');
5938
5941
  this.floater.showBib();
5939
5942
 
5940
5943
  // Open dialog synchronously so callers remain in the user gesture
@@ -5355,6 +5355,7 @@ class AuroDropdownBib extends LitElement {
5355
5355
  documentElement.style.overflow = 'hidden';
5356
5356
 
5357
5357
  try {
5358
+ console.log('showing modal dialog');
5358
5359
  dialog.showModal();
5359
5360
  } finally {
5360
5361
  // Restore overflow immediately — the lock was only needed to
@@ -5368,6 +5369,7 @@ class AuroDropdownBib extends LitElement {
5368
5369
 
5369
5370
  } else {
5370
5371
  // Open the inner dialog so slotted content renders.
5372
+ console.log('showing non-modal dialog');
5371
5373
  dialog.setAttribute('open', '');
5372
5374
 
5373
5375
  // Use popover on the host for top-layer placement without focus
@@ -5935,6 +5937,7 @@ class AuroDropdown extends AuroElement$1 {
5935
5937
  * @returns {void}
5936
5938
  */
5937
5939
  show() {
5940
+ console.log('show first line');
5938
5941
  this.floater.showBib();
5939
5942
 
5940
5943
  // Open dialog synchronously so callers remain in the user gesture
@@ -13480,6 +13480,7 @@ class AuroDropdownBib extends i$1 {
13480
13480
  documentElement.style.overflow = 'hidden';
13481
13481
 
13482
13482
  try {
13483
+ console.log('showing modal dialog');
13483
13484
  dialog.showModal();
13484
13485
  } finally {
13485
13486
  // Restore overflow immediately — the lock was only needed to
@@ -13493,6 +13494,7 @@ class AuroDropdownBib extends i$1 {
13493
13494
 
13494
13495
  } else {
13495
13496
  // Open the inner dialog so slotted content renders.
13497
+ console.log('showing non-modal dialog');
13496
13498
  dialog.setAttribute('open', '');
13497
13499
 
13498
13500
  // Use popover on the host for top-layer placement without focus
@@ -14060,6 +14062,7 @@ class AuroDropdown extends AuroElement$2 {
14060
14062
  * @returns {void}
14061
14063
  */
14062
14064
  show() {
14065
+ console.log('show first line');
14063
14066
  this.floater.showBib();
14064
14067
 
14065
14068
  // Open dialog synchronously so callers remain in the user gesture
@@ -13210,6 +13210,7 @@ class AuroDropdownBib extends i$1 {
13210
13210
  documentElement.style.overflow = 'hidden';
13211
13211
 
13212
13212
  try {
13213
+ console.log('showing modal dialog');
13213
13214
  dialog.showModal();
13214
13215
  } finally {
13215
13216
  // Restore overflow immediately — the lock was only needed to
@@ -13223,6 +13224,7 @@ class AuroDropdownBib extends i$1 {
13223
13224
 
13224
13225
  } else {
13225
13226
  // Open the inner dialog so slotted content renders.
13227
+ console.log('showing non-modal dialog');
13226
13228
  dialog.setAttribute('open', '');
13227
13229
 
13228
13230
  // Use popover on the host for top-layer placement without focus
@@ -13790,6 +13792,7 @@ class AuroDropdown extends AuroElement$2 {
13790
13792
  * @returns {void}
13791
13793
  */
13792
13794
  show() {
13795
+ console.log('show first line');
13793
13796
  this.floater.showBib();
13794
13797
 
13795
13798
  // Open dialog synchronously so callers remain in the user gesture
@@ -13138,6 +13138,7 @@ class AuroDropdownBib extends LitElement {
13138
13138
  documentElement.style.overflow = 'hidden';
13139
13139
 
13140
13140
  try {
13141
+ console.log('showing modal dialog');
13141
13142
  dialog.showModal();
13142
13143
  } finally {
13143
13144
  // Restore overflow immediately — the lock was only needed to
@@ -13151,6 +13152,7 @@ class AuroDropdownBib extends LitElement {
13151
13152
 
13152
13153
  } else {
13153
13154
  // Open the inner dialog so slotted content renders.
13155
+ console.log('showing non-modal dialog');
13154
13156
  dialog.setAttribute('open', '');
13155
13157
 
13156
13158
  // Use popover on the host for top-layer placement without focus
@@ -13718,6 +13720,7 @@ class AuroDropdown extends AuroElement$2 {
13718
13720
  * @returns {void}
13719
13721
  */
13720
13722
  show() {
13723
+ console.log('show first line');
13721
13724
  this.floater.showBib();
13722
13725
 
13723
13726
  // Open dialog synchronously so callers remain in the user gesture
@@ -13138,6 +13138,7 @@ class AuroDropdownBib extends LitElement {
13138
13138
  documentElement.style.overflow = 'hidden';
13139
13139
 
13140
13140
  try {
13141
+ console.log('showing modal dialog');
13141
13142
  dialog.showModal();
13142
13143
  } finally {
13143
13144
  // Restore overflow immediately — the lock was only needed to
@@ -13151,6 +13152,7 @@ class AuroDropdownBib extends LitElement {
13151
13152
 
13152
13153
  } else {
13153
13154
  // Open the inner dialog so slotted content renders.
13155
+ console.log('showing non-modal dialog');
13154
13156
  dialog.setAttribute('open', '');
13155
13157
 
13156
13158
  // Use popover on the host for top-layer placement without focus
@@ -13718,6 +13720,7 @@ class AuroDropdown extends AuroElement$2 {
13718
13720
  * @returns {void}
13719
13721
  */
13720
13722
  show() {
13723
+ console.log('show first line');
13721
13724
  this.floater.showBib();
13722
13725
 
13723
13726
  // Open dialog synchronously so callers remain in the user gesture
@@ -3600,6 +3600,7 @@ class AuroDropdownBib extends i {
3600
3600
  documentElement.style.overflow = 'hidden';
3601
3601
 
3602
3602
  try {
3603
+ console.log('showing modal dialog');
3603
3604
  dialog.showModal();
3604
3605
  } finally {
3605
3606
  // Restore overflow immediately — the lock was only needed to
@@ -3613,6 +3614,7 @@ class AuroDropdownBib extends i {
3613
3614
 
3614
3615
  } else {
3615
3616
  // Open the inner dialog so slotted content renders.
3617
+ console.log('showing non-modal dialog');
3616
3618
  dialog.setAttribute('open', '');
3617
3619
 
3618
3620
  // Use popover on the host for top-layer placement without focus
@@ -4180,6 +4182,7 @@ class AuroDropdown extends AuroElement {
4180
4182
  * @returns {void}
4181
4183
  */
4182
4184
  show() {
4185
+ console.log('show first line');
4183
4186
  this.floater.showBib();
4184
4187
 
4185
4188
  // Open dialog synchronously so callers remain in the user gesture
@@ -3521,6 +3521,7 @@ class AuroDropdownBib extends i {
3521
3521
  documentElement.style.overflow = 'hidden';
3522
3522
 
3523
3523
  try {
3524
+ console.log('showing modal dialog');
3524
3525
  dialog.showModal();
3525
3526
  } finally {
3526
3527
  // Restore overflow immediately — the lock was only needed to
@@ -3534,6 +3535,7 @@ class AuroDropdownBib extends i {
3534
3535
 
3535
3536
  } else {
3536
3537
  // Open the inner dialog so slotted content renders.
3538
+ console.log('showing non-modal dialog');
3537
3539
  dialog.setAttribute('open', '');
3538
3540
 
3539
3541
  // Use popover on the host for top-layer placement without focus
@@ -4101,6 +4103,7 @@ class AuroDropdown extends AuroElement {
4101
4103
  * @returns {void}
4102
4104
  */
4103
4105
  show() {
4106
+ console.log('show first line');
4104
4107
  this.floater.showBib();
4105
4108
 
4106
4109
  // Open dialog synchronously so callers remain in the user gesture
@@ -3426,6 +3426,7 @@ class AuroDropdownBib extends LitElement {
3426
3426
  documentElement.style.overflow = 'hidden';
3427
3427
 
3428
3428
  try {
3429
+ console.log('showing modal dialog');
3429
3430
  dialog.showModal();
3430
3431
  } finally {
3431
3432
  // Restore overflow immediately — the lock was only needed to
@@ -3439,6 +3440,7 @@ class AuroDropdownBib extends LitElement {
3439
3440
 
3440
3441
  } else {
3441
3442
  // Open the inner dialog so slotted content renders.
3443
+ console.log('showing non-modal dialog');
3442
3444
  dialog.setAttribute('open', '');
3443
3445
 
3444
3446
  // Use popover on the host for top-layer placement without focus
@@ -4006,6 +4008,7 @@ class AuroDropdown extends AuroElement {
4006
4008
  * @returns {void}
4007
4009
  */
4008
4010
  show() {
4011
+ console.log('show first line');
4009
4012
  this.floater.showBib();
4010
4013
 
4011
4014
  // Open dialog synchronously so callers remain in the user gesture
@@ -3426,6 +3426,7 @@ class AuroDropdownBib extends LitElement {
3426
3426
  documentElement.style.overflow = 'hidden';
3427
3427
 
3428
3428
  try {
3429
+ console.log('showing modal dialog');
3429
3430
  dialog.showModal();
3430
3431
  } finally {
3431
3432
  // Restore overflow immediately — the lock was only needed to
@@ -3439,6 +3440,7 @@ class AuroDropdownBib extends LitElement {
3439
3440
 
3440
3441
  } else {
3441
3442
  // Open the inner dialog so slotted content renders.
3443
+ console.log('showing non-modal dialog');
3442
3444
  dialog.setAttribute('open', '');
3443
3445
 
3444
3446
  // Use popover on the host for top-layer placement without focus
@@ -4006,6 +4008,7 @@ class AuroDropdown extends AuroElement {
4006
4008
  * @returns {void}
4007
4009
  */
4008
4010
  show() {
4011
+ console.log('show first line');
4009
4012
  this.floater.showBib();
4010
4013
 
4011
4014
  // Open dialog synchronously so callers remain in the user gesture