@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 +1 -1
- package/components/combobox/demo/api.min.js +14 -3
- package/components/combobox/demo/index.min.js +14 -3
- package/components/combobox/dist/index.js +14 -3
- package/components/combobox/dist/registered.js +14 -3
- package/components/counter/demo/api.min.js +3 -0
- package/components/counter/demo/index.min.js +3 -0
- package/components/counter/dist/index.js +3 -0
- package/components/counter/dist/registered.js +3 -0
- package/components/datepicker/demo/api.min.js +3 -0
- package/components/datepicker/demo/index.min.js +3 -0
- package/components/datepicker/dist/index.js +3 -0
- package/components/datepicker/dist/registered.js +3 -0
- package/components/dropdown/demo/api.min.js +3 -0
- package/components/dropdown/demo/index.min.js +3 -0
- package/components/dropdown/dist/index.js +3 -0
- package/components/dropdown/dist/registered.js +3 -0
- package/components/form/demo/api.min.js +23 -3
- package/components/form/demo/index.min.js +23 -3
- package/components/select/demo/api.min.js +3 -0
- package/components/select/demo/index.min.js +3 -0
- package/components/select/dist/index.js +3 -0
- package/components/select/dist/registered.js +3 -0
- package/custom-elements.json +3612 -3612
- package/package.json +1 -1
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
|
-
#
|
|
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
|
-
|
|
15114
|
-
|
|
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
|
-
|
|
15026
|
-
|
|
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
|
-
|
|
14952
|
-
|
|
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
|
-
|
|
14952
|
-
|
|
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
|