@aurodesignsystem-dev/auro-formkit 0.0.0-pr1379.0 → 0.0.0-pr1379.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.
Files changed (37) hide show
  1. package/README.md +72 -72
  2. package/components/checkbox/demo/api.min.js +1 -1
  3. package/components/checkbox/demo/index.min.js +1 -1
  4. package/components/checkbox/dist/index.js +1 -1
  5. package/components/checkbox/dist/registered.js +1 -1
  6. package/components/combobox/demo/api.min.js +27 -14
  7. package/components/combobox/demo/index.min.js +27 -14
  8. package/components/combobox/dist/index.js +27 -14
  9. package/components/combobox/dist/registered.js +27 -14
  10. package/components/counter/demo/api.min.js +26 -13
  11. package/components/counter/demo/index.min.js +26 -13
  12. package/components/counter/dist/index.js +26 -13
  13. package/components/counter/dist/registered.js +26 -13
  14. package/components/datepicker/demo/api.min.js +27 -14
  15. package/components/datepicker/demo/index.min.js +27 -14
  16. package/components/datepicker/dist/index.js +27 -14
  17. package/components/datepicker/dist/registered.js +27 -14
  18. package/components/dropdown/demo/api.min.js +25 -12
  19. package/components/dropdown/demo/index.min.js +25 -12
  20. package/components/dropdown/dist/index.js +25 -12
  21. package/components/dropdown/dist/registered.js +25 -12
  22. package/components/form/demo/api.min.js +109 -57
  23. package/components/form/demo/index.min.js +109 -57
  24. package/components/input/demo/api.min.js +1 -1
  25. package/components/input/demo/index.min.js +1 -1
  26. package/components/input/dist/index.js +1 -1
  27. package/components/input/dist/registered.js +1 -1
  28. package/components/radio/demo/api.min.js +1 -1
  29. package/components/radio/demo/index.min.js +1 -1
  30. package/components/radio/dist/index.js +1 -1
  31. package/components/radio/dist/registered.js +1 -1
  32. package/components/select/demo/api.min.js +26 -13
  33. package/components/select/demo/index.min.js +26 -13
  34. package/components/select/dist/index.js +26 -13
  35. package/components/select/dist/registered.js +26 -13
  36. package/custom-elements.json +1402 -1402
  37. package/package.json +2 -2
package/README.md CHANGED
@@ -15,13 +15,13 @@ The following sections are editable by making changes to the following files:
15
15
  | Use Cases | Examples for when to use this component | `./docs/partials/useCases.md` |
16
16
  | Additional Information | For use to add any component specific information | `./docs/partials/readmeAddlInfo.md` |
17
17
  | Component Example Code | HTML sample code of the components use | `./apiExamples/basic.html` |
18
- -->
19
-
18
+ -->
19
+
20
20
  # Formkit
21
21
 
22
22
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/description.md) -->
23
- <!-- The below content is automatically added from ./docs/partials/description.md -->
24
-
23
+ <!-- The below content is automatically added from ./docs/partials/description.md -->
24
+
25
25
  ## Description
26
26
 
27
27
  `auro-formkit` is a collection of web components that can be used to build forms.
@@ -42,81 +42,81 @@ It is a monorepo that contains the following components:
42
42
  - `auro-radio`
43
43
  - `auro-radio-group`
44
44
  - `auro-select`
45
- <!-- AURO-GENERATED-CONTENT:END -->
46
-
45
+ <!-- AURO-GENERATED-CONTENT:END -->
46
+
47
47
  ## Use Cases
48
48
 
49
49
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/useCases.md) -->
50
- <!-- The below content is automatically added from ./docs/partials/useCases.md -->
51
-
50
+ <!-- The below content is automatically added from ./docs/partials/useCases.md -->
51
+
52
52
  ### 1. User Accounts
53
53
  - Sign up and login forms
54
- - Email and password validation
55
-
54
+ - Email and password validation
55
+
56
56
  ### 2. Checkout & Payments
57
57
  - Collect shipping and billing info
58
- - Use autofill and validation to reduce errors
59
-
58
+ - Use autofill and validation to reduce errors
59
+
60
60
  ### 3. Booking & Scheduling
61
61
  - Select dates and times
62
- - Prevent invalid selections (like past dates)
63
-
62
+ - Prevent invalid selections (like past dates)
63
+
64
64
  ### 4. Search & Filters
65
65
  - Search inputs with suggestions
66
- - Filters like price ranges or categories
67
-
66
+ - Filters like price ranges or categories
67
+
68
68
  ### 5. File Uploads
69
69
  - Upload images, documents, or media
70
- - Restrict file types and allow multiple files
71
-
70
+ - Restrict file types and allow multiple files
71
+
72
72
  ### 6. Feedback & Surveys
73
73
  - Collect ratings, choices, and comments
74
- - Require answers where needed
75
-
74
+ - Require answers where needed
75
+
76
76
  ### 7. Calculators & Dynamic Forms
77
- - Show real-time results (e.g., pricing, totals)
78
-
77
+ - Show real-time results (e.g., pricing, totals)
78
+
79
79
  ### 8. Multi-Step Forms
80
- - Break long forms into smaller steps
81
-
80
+ - Break long forms into smaller steps
81
+
82
82
  ### 9. Mobile-Friendly Input
83
- - Use input types that trigger the right keyboard
84
-
83
+ - Use input types that trigger the right keyboard
84
+
85
85
  ### 10. Accessible Forms
86
86
  - Proper labels and grouped inputs
87
- - Built-in error handling
88
-
87
+ - Built-in error handling
88
+
89
89
  ### 11. Built-in Validation
90
90
  - Use HTML5 rules instead of custom JavaScript
91
- <!-- AURO-GENERATED-CONTENT:END -->
92
-
91
+ <!-- AURO-GENERATED-CONTENT:END -->
92
+
93
93
  ## Getting Started
94
94
 
95
95
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/kitInstall.md) -->
96
- <!-- The below content is automatically added from ./docs/partials/kitInstall.md -->
97
-
96
+ <!-- The below content is automatically added from ./docs/partials/kitInstall.md -->
97
+
98
98
  #### NPM Installation
99
99
 
100
100
  ```shell
101
101
  $ npm i @aurodesignsystem/
102
102
  ```
103
- <!-- AURO-GENERATED-CONTENT:END -->
103
+ <!-- AURO-GENERATED-CONTENT:END -->
104
104
  <!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/componentInstall_esm.md) -->
105
105
  [![Build Status](https://img.shields.io/github/actions/workflow/status/AlaskaAirlines/auro-formkit/testPublish.yml?style=for-the-badge)](https://github.com/AlaskaAirlines/auro-formkit/actions/workflows/testPublish.yml)
106
106
  [![See it on NPM!](https://img.shields.io/npm/v/@aurodesignsystem/auro-formkit?style=for-the-badge&color=orange)](https://www.npmjs.com/package/@aurodesignsystem/auro-formkit)
107
107
  [![License](https://img.shields.io/npm/l/@aurodesignsystem/auro-formkit?color=blue&style=for-the-badge)](https://www.apache.org/licenses/LICENSE-2.0)
108
- ![ESM supported](https://img.shields.io/badge/ESM-compatible-FFE900?style=for-the-badge)
109
-
108
+ ![ESM supported](https://img.shields.io/badge/ESM-compatible-FFE900?style=for-the-badge)
109
+
110
110
  ```shell
111
111
  $ npm i @aurodesignsystem/auro-formkit
112
112
  ```
113
113
 
114
114
  Installing as a direct, dev or peer dependency is up to the user installing the package. If you are unsure as to what type of dependency you should use, consider reading this [stack overflow](https://stackoverflow.com/questions/18875674/whats-the-difference-between-dependencies-devdependencies-and-peerdependencies) answer.
115
115
 
116
- <!-- AURO-GENERATED-CONTENT:END -->
116
+ <!-- AURO-GENERATED-CONTENT:END -->
117
117
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/gettingStarted.md) -->
118
- <!-- The below content is automatically added from ./docs/partials/gettingStarted.md -->
119
-
118
+ <!-- The below content is automatically added from ./docs/partials/gettingStarted.md -->
119
+
120
120
  ### TypeScript Module Resolution
121
121
 
122
122
  When using TypeScript set `moduleResolution` to `bundler`, add the following to your `tsconfig.json`:
@@ -130,8 +130,8 @@ When using TypeScript set `moduleResolution` to `bundler`, add the following to
130
130
  ```
131
131
 
132
132
  This configuration enables proper module resolution for the component's TypeScript files.
133
- <!-- AURO-GENERATED-CONTENT:END -->
134
-
133
+ <!-- AURO-GENERATED-CONTENT:END -->
134
+
135
135
  ## Install from CDN
136
136
 
137
137
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/bundleInstallDescription.md) -->
@@ -139,34 +139,34 @@ This configuration enables proper module resolution for the component's TypeScri
139
139
  In cases where the project is not able to process JS assets, there are pre-processed assets available for use. Legacy browsers such as IE11 are no longer supported.
140
140
 
141
141
  ```html
142
- <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/@latest/auro-formkit/+esm"></script>
143
- ```
144
- <!-- AURO-GENERATED-CONTENT:END -->
145
-
142
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/@latest/auro-formkit/+esm"></script>
143
+ ```
144
+ <!-- AURO-GENERATED-CONTENT:END -->
145
+
146
146
  ## Additional Information
147
147
 
148
148
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/readmeAddlInfo.md) -->
149
- <!-- The below content is automatically added from ./docs/partials/readmeAddlInfo.md -->
150
-
149
+ <!-- The below content is automatically added from ./docs/partials/readmeAddlInfo.md -->
150
+
151
151
  ### Turborepo Overview
152
152
 
153
- This monorepo is managed using [Turborepo](https://turborepo.org/).
154
-
155
- ### Managing dependencies
156
-
153
+ This monorepo is managed using [Turborepo](https://turborepo.org/).
154
+
155
+ ### Managing dependencies
156
+
157
157
  #### Best practices for dependency installation
158
158
 
159
159
  When you install a dependency in a component or package in `auro-formkit`, you should install it directly in the package that uses it.
160
160
 
161
- The package's `package.json` will have every dependency that it needs. This is true for both external and internal dependencies.
162
-
163
- ### Types of Dependencies by Source
164
-
161
+ The package's `package.json` will have every dependency that it needs. This is true for both external and internal dependencies.
162
+
163
+ ### Types of Dependencies by Source
164
+
165
165
  #### External Dependencies
166
166
  - These are packages fetched from the `npm` registry (e.g., Lit, Rollup, Sass)
167
167
  - Declared in `package.json` using exact versions or version ranges
168
- - Installed in `node_modules` during `npm install` or `yarn install`
169
-
168
+ - Installed in `node_modules` during `npm install` or `yarn install`
169
+
170
170
  #### Internal Dependencies
171
171
  - These are packages from within the `auro-formkit` monorepo
172
172
  - Allow sharing code between different packages in your repository
@@ -174,8 +174,8 @@ The package's `package.json` will have every dependency that it needs. This is t
174
174
  - Must be declared in `package.json` just like external dependencies
175
175
  - Use workspace protocols (e.g., `"workspace:*"` or `"workspace:^1.0.0"`)
176
176
 
177
- ### Types of Dependencies by Purpose
178
-
177
+ ### Types of Dependencies by Purpose
178
+
179
179
  #### Dependencies (`dependencies`)
180
180
  - Required for the package to function in production
181
181
  - Example:
@@ -186,8 +186,8 @@ The package's `package.json` will have every dependency that it needs. This is t
186
186
  "@aurodesignsystem/input": "workspace:*" // Internal dependency
187
187
  }
188
188
  }
189
- ```
190
-
189
+ ```
190
+
191
191
  #### Peer Dependencies (`peerDependencies`)
192
192
  - Packages that your library expects the consuming application to provide
193
193
  - Common for plugins or UI component libraries
@@ -199,8 +199,8 @@ The package's `package.json` will have every dependency that it needs. This is t
199
199
  "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
200
200
  }
201
201
  }
202
- ```
203
-
202
+ ```
203
+
204
204
  ### Development Dependencies (`devDependencies`)
205
205
  - Only needed during development, testing, or building
206
206
  - Not included in the production bundle
@@ -212,8 +212,8 @@ The package's `package.json` will have every dependency that it needs. This is t
212
212
  "@open-wc/testing": "^4.0.0" // Internal dev dependency
213
213
  }
214
214
  }
215
- ```
216
-
215
+ ```
216
+
217
217
  ### Example: Component Dependencies
218
218
 
219
219
  Let's use `@auro-formki/combobox` as an example to illustrate these concepts:
@@ -224,8 +224,8 @@ Let's use `@auro-formki/combobox` as an example to illustrate these concepts:
224
224
  "dependencies": {
225
225
  // Internal dependencies
226
226
  "@aurodesignsystem/auro-dropdown": "*", // Required UI component
227
- "@aurodesignsystem/auro-input": "*", // Required UI component
228
-
227
+ "@aurodesignsystem/auro-input": "*", // Required UI component
228
+
229
229
  // External dependencies
230
230
  "@alaskaairux/icons": "^5.3.0", // Required UI component
231
231
  "lit": "^3.2.1" // Framework
@@ -262,8 +262,8 @@ This practice has several benefits:
262
262
 
263
263
  - **Pruning unused dependencies:** When dependencies are installed in the packages that they are meant for, Turborepo can read your lockfile and remove dependencies that aren't used in the packages you need.
264
264
 
265
- For more information, see the [Turborepo docs](https://turbo.build/repo/docs/crafting-your-repository/managing-dependencies).
266
-
265
+ For more information, see the [Turborepo docs](https://turbo.build/repo/docs/crafting-your-repository/managing-dependencies).
266
+
267
267
  ### Root `package.json`
268
268
 
269
269
  The only dependencies that belong in the root `package.json` are **tools for managing the repository**.
@@ -271,13 +271,13 @@ The only dependencies that belong in the root `package.json` are **tools for man
271
271
  Some examples of dependencies that make sense to install in the root are `turbo`, `husky`, or `stylelint`.
272
272
 
273
273
  Conversely, dependencies Auro components rely on should be installed in their respective packages, such as `Lit`, `Rollup`, or other `auro-formkit` dependencies.
274
- <!-- AURO-GENERATED-CONTENT:END -->
275
-
274
+ <!-- AURO-GENERATED-CONTENT:END -->
275
+
276
276
  ## Formkit Development
277
277
 
278
278
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/developmentDescription.md) -->
279
- <!-- The below content is automatically added from ./docs/partials/developmentDescription.md -->
280
-
279
+ <!-- The below content is automatically added from ./docs/partials/developmentDescription.md -->
280
+
281
281
  ### Filtering
282
282
 
283
283
  Running the `dev` command will open a `localhost` development server for all components in the monorepo at once.
@@ -1687,7 +1687,7 @@ class AuroHelpText extends i$2 {
1687
1687
  }
1688
1688
  }
1689
1689
 
1690
- var formkitVersion = '202603172151';
1690
+ var formkitVersion = '202603172233';
1691
1691
 
1692
1692
  // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
1693
1693
  // See LICENSE in the project root for license information.
@@ -1679,7 +1679,7 @@ class AuroHelpText extends i$2 {
1679
1679
  }
1680
1680
  }
1681
1681
 
1682
- var formkitVersion = '202603172151';
1682
+ var formkitVersion = '202603172233';
1683
1683
 
1684
1684
  // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
1685
1685
  // See LICENSE in the project root for license information.
@@ -1632,7 +1632,7 @@ class AuroHelpText extends LitElement {
1632
1632
  }
1633
1633
  }
1634
1634
 
1635
- var formkitVersion = '202603172151';
1635
+ var formkitVersion = '202603172233';
1636
1636
 
1637
1637
  // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
1638
1638
  // See LICENSE in the project root for license information.
@@ -1632,7 +1632,7 @@ class AuroHelpText extends LitElement {
1632
1632
  }
1633
1633
  }
1634
1634
 
1635
- var formkitVersion = '202603172151';
1635
+ var formkitVersion = '202603172233';
1636
1636
 
1637
1637
  // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
1638
1638
  // See LICENSE in the project root for license information.
@@ -3611,19 +3611,32 @@ class AuroFloatingUI {
3611
3611
  * @param {String} eventType - The event type that triggered the hiding action.
3612
3612
  */
3613
3613
  hideBib(eventType = "unknown") {
3614
- if (!this.element.disabled && !this.element.noToggle) {
3615
- this.lockScroll(false);
3616
- this.element.triggerChevron?.removeAttribute("data-expanded");
3614
+ if (this.element.disabled) {
3615
+ return;
3616
+ }
3617
3617
 
3618
- if (this.element.isPopoverVisible) {
3619
- this.element.isPopoverVisible = false;
3620
- }
3621
- if (this.showing) {
3622
- this.cleanupHideHandlers();
3623
- this.showing = false;
3624
- this.dispatchEventDropdownToggle(eventType);
3625
- }
3618
+ // noToggle dropdowns should not close when the trigger is clicked (the
3619
+ // "toggle" behavior), but they CAN still close via other interactions like
3620
+ // Escape key or focus loss.
3621
+ if (this.element.noToggle && eventType === "click") {
3622
+ return;
3626
3623
  }
3624
+
3625
+ this.lockScroll(false);
3626
+ this.element.triggerChevron?.removeAttribute("data-expanded");
3627
+
3628
+ if (this.element.isPopoverVisible) {
3629
+ this.element.isPopoverVisible = false;
3630
+ }
3631
+ if (this.showing) {
3632
+ this.cleanupHideHandlers();
3633
+ this.showing = false;
3634
+ this.dispatchEventDropdownToggle(eventType);
3635
+ }
3636
+
3637
+ // Only clear the global reference if the bib was actually hidden.
3638
+ // Clearing it when hideBib is blocked (e.g. noToggle + click) corrupts
3639
+ // the singleton state so other dropdowns can't detect this one is still open.
3627
3640
  document.expandedAuroFloater = null;
3628
3641
  }
3629
3642
 
@@ -4956,7 +4969,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
4956
4969
  }
4957
4970
  };
4958
4971
 
4959
- var formkitVersion$2 = '202603172151';
4972
+ var formkitVersion$2 = '202603172233';
4960
4973
 
4961
4974
  let AuroElement$2 = class AuroElement extends i$4 {
4962
4975
  static get properties() {
@@ -12711,7 +12724,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
12711
12724
  }
12712
12725
  };
12713
12726
 
12714
- var formkitVersion$1 = '202603172151';
12727
+ var formkitVersion$1 = '202603172233';
12715
12728
 
12716
12729
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
12717
12730
  // See LICENSE in the project root for license information.
@@ -13750,7 +13763,7 @@ class AuroBibtemplate extends i$4 {
13750
13763
  }
13751
13764
  }
13752
13765
 
13753
- var formkitVersion = '202603172151';
13766
+ var formkitVersion = '202603172233';
13754
13767
 
13755
13768
  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}`;
13756
13769
 
@@ -3534,19 +3534,32 @@ class AuroFloatingUI {
3534
3534
  * @param {String} eventType - The event type that triggered the hiding action.
3535
3535
  */
3536
3536
  hideBib(eventType = "unknown") {
3537
- if (!this.element.disabled && !this.element.noToggle) {
3538
- this.lockScroll(false);
3539
- this.element.triggerChevron?.removeAttribute("data-expanded");
3537
+ if (this.element.disabled) {
3538
+ return;
3539
+ }
3540
3540
 
3541
- if (this.element.isPopoverVisible) {
3542
- this.element.isPopoverVisible = false;
3543
- }
3544
- if (this.showing) {
3545
- this.cleanupHideHandlers();
3546
- this.showing = false;
3547
- this.dispatchEventDropdownToggle(eventType);
3548
- }
3541
+ // noToggle dropdowns should not close when the trigger is clicked (the
3542
+ // "toggle" behavior), but they CAN still close via other interactions like
3543
+ // Escape key or focus loss.
3544
+ if (this.element.noToggle && eventType === "click") {
3545
+ return;
3549
3546
  }
3547
+
3548
+ this.lockScroll(false);
3549
+ this.element.triggerChevron?.removeAttribute("data-expanded");
3550
+
3551
+ if (this.element.isPopoverVisible) {
3552
+ this.element.isPopoverVisible = false;
3553
+ }
3554
+ if (this.showing) {
3555
+ this.cleanupHideHandlers();
3556
+ this.showing = false;
3557
+ this.dispatchEventDropdownToggle(eventType);
3558
+ }
3559
+
3560
+ // Only clear the global reference if the bib was actually hidden.
3561
+ // Clearing it when hideBib is blocked (e.g. noToggle + click) corrupts
3562
+ // the singleton state so other dropdowns can't detect this one is still open.
3550
3563
  document.expandedAuroFloater = null;
3551
3564
  }
3552
3565
 
@@ -4879,7 +4892,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
4879
4892
  }
4880
4893
  };
4881
4894
 
4882
- var formkitVersion$2 = '202603172151';
4895
+ var formkitVersion$2 = '202603172233';
4883
4896
 
4884
4897
  let AuroElement$2 = class AuroElement extends i$4 {
4885
4898
  static get properties() {
@@ -12634,7 +12647,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
12634
12647
  }
12635
12648
  };
12636
12649
 
12637
- var formkitVersion$1 = '202603172151';
12650
+ var formkitVersion$1 = '202603172233';
12638
12651
 
12639
12652
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
12640
12653
  // See LICENSE in the project root for license information.
@@ -13673,7 +13686,7 @@ class AuroBibtemplate extends i$4 {
13673
13686
  }
13674
13687
  }
13675
13688
 
13676
- var formkitVersion = '202603172151';
13689
+ var formkitVersion = '202603172233';
13677
13690
 
13678
13691
  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}`;
13679
13692
 
@@ -3467,19 +3467,32 @@ class AuroFloatingUI {
3467
3467
  * @param {String} eventType - The event type that triggered the hiding action.
3468
3468
  */
3469
3469
  hideBib(eventType = "unknown") {
3470
- if (!this.element.disabled && !this.element.noToggle) {
3471
- this.lockScroll(false);
3472
- this.element.triggerChevron?.removeAttribute("data-expanded");
3470
+ if (this.element.disabled) {
3471
+ return;
3472
+ }
3473
3473
 
3474
- if (this.element.isPopoverVisible) {
3475
- this.element.isPopoverVisible = false;
3476
- }
3477
- if (this.showing) {
3478
- this.cleanupHideHandlers();
3479
- this.showing = false;
3480
- this.dispatchEventDropdownToggle(eventType);
3481
- }
3474
+ // noToggle dropdowns should not close when the trigger is clicked (the
3475
+ // "toggle" behavior), but they CAN still close via other interactions like
3476
+ // Escape key or focus loss.
3477
+ if (this.element.noToggle && eventType === "click") {
3478
+ return;
3482
3479
  }
3480
+
3481
+ this.lockScroll(false);
3482
+ this.element.triggerChevron?.removeAttribute("data-expanded");
3483
+
3484
+ if (this.element.isPopoverVisible) {
3485
+ this.element.isPopoverVisible = false;
3486
+ }
3487
+ if (this.showing) {
3488
+ this.cleanupHideHandlers();
3489
+ this.showing = false;
3490
+ this.dispatchEventDropdownToggle(eventType);
3491
+ }
3492
+
3493
+ // Only clear the global reference if the bib was actually hidden.
3494
+ // Clearing it when hideBib is blocked (e.g. noToggle + click) corrupts
3495
+ // the singleton state so other dropdowns can't detect this one is still open.
3483
3496
  document.expandedAuroFloater = null;
3484
3497
  }
3485
3498
 
@@ -4812,7 +4825,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
4812
4825
  }
4813
4826
  };
4814
4827
 
4815
- var formkitVersion$2 = '202603172151';
4828
+ var formkitVersion$2 = '202603172233';
4816
4829
 
4817
4830
  let AuroElement$2 = class AuroElement extends LitElement {
4818
4831
  static get properties() {
@@ -12560,7 +12573,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
12560
12573
  }
12561
12574
  };
12562
12575
 
12563
- var formkitVersion$1 = '202603172151';
12576
+ var formkitVersion$1 = '202603172233';
12564
12577
 
12565
12578
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
12566
12579
  // See LICENSE in the project root for license information.
@@ -13599,7 +13612,7 @@ class AuroBibtemplate extends LitElement {
13599
13612
  }
13600
13613
  }
13601
13614
 
13602
- var formkitVersion = '202603172151';
13615
+ var formkitVersion = '202603172233';
13603
13616
 
13604
13617
  var styleCss$1 = css`.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}`;
13605
13618
 
@@ -3467,19 +3467,32 @@ class AuroFloatingUI {
3467
3467
  * @param {String} eventType - The event type that triggered the hiding action.
3468
3468
  */
3469
3469
  hideBib(eventType = "unknown") {
3470
- if (!this.element.disabled && !this.element.noToggle) {
3471
- this.lockScroll(false);
3472
- this.element.triggerChevron?.removeAttribute("data-expanded");
3470
+ if (this.element.disabled) {
3471
+ return;
3472
+ }
3473
3473
 
3474
- if (this.element.isPopoverVisible) {
3475
- this.element.isPopoverVisible = false;
3476
- }
3477
- if (this.showing) {
3478
- this.cleanupHideHandlers();
3479
- this.showing = false;
3480
- this.dispatchEventDropdownToggle(eventType);
3481
- }
3474
+ // noToggle dropdowns should not close when the trigger is clicked (the
3475
+ // "toggle" behavior), but they CAN still close via other interactions like
3476
+ // Escape key or focus loss.
3477
+ if (this.element.noToggle && eventType === "click") {
3478
+ return;
3482
3479
  }
3480
+
3481
+ this.lockScroll(false);
3482
+ this.element.triggerChevron?.removeAttribute("data-expanded");
3483
+
3484
+ if (this.element.isPopoverVisible) {
3485
+ this.element.isPopoverVisible = false;
3486
+ }
3487
+ if (this.showing) {
3488
+ this.cleanupHideHandlers();
3489
+ this.showing = false;
3490
+ this.dispatchEventDropdownToggle(eventType);
3491
+ }
3492
+
3493
+ // Only clear the global reference if the bib was actually hidden.
3494
+ // Clearing it when hideBib is blocked (e.g. noToggle + click) corrupts
3495
+ // the singleton state so other dropdowns can't detect this one is still open.
3483
3496
  document.expandedAuroFloater = null;
3484
3497
  }
3485
3498
 
@@ -4812,7 +4825,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
4812
4825
  }
4813
4826
  };
4814
4827
 
4815
- var formkitVersion$2 = '202603172151';
4828
+ var formkitVersion$2 = '202603172233';
4816
4829
 
4817
4830
  let AuroElement$2 = class AuroElement extends LitElement {
4818
4831
  static get properties() {
@@ -12560,7 +12573,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
12560
12573
  }
12561
12574
  };
12562
12575
 
12563
- var formkitVersion$1 = '202603172151';
12576
+ var formkitVersion$1 = '202603172233';
12564
12577
 
12565
12578
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
12566
12579
  // See LICENSE in the project root for license information.
@@ -13599,7 +13612,7 @@ class AuroBibtemplate extends LitElement {
13599
13612
  }
13600
13613
  }
13601
13614
 
13602
- var formkitVersion = '202603172151';
13615
+ var formkitVersion = '202603172233';
13603
13616
 
13604
13617
  var styleCss$1 = css`.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}`;
13605
13618
 
@@ -1470,7 +1470,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
1470
1470
  }
1471
1471
  };
1472
1472
 
1473
- var formkitVersion$1 = '202603172151';
1473
+ var formkitVersion$1 = '202603172233';
1474
1474
 
1475
1475
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
1476
1476
  // See LICENSE in the project root for license information.
@@ -4118,19 +4118,32 @@ class AuroFloatingUI {
4118
4118
  * @param {String} eventType - The event type that triggered the hiding action.
4119
4119
  */
4120
4120
  hideBib(eventType = "unknown") {
4121
- if (!this.element.disabled && !this.element.noToggle) {
4122
- this.lockScroll(false);
4123
- this.element.triggerChevron?.removeAttribute("data-expanded");
4121
+ if (this.element.disabled) {
4122
+ return;
4123
+ }
4124
4124
 
4125
- if (this.element.isPopoverVisible) {
4126
- this.element.isPopoverVisible = false;
4127
- }
4128
- if (this.showing) {
4129
- this.cleanupHideHandlers();
4130
- this.showing = false;
4131
- this.dispatchEventDropdownToggle(eventType);
4132
- }
4125
+ // noToggle dropdowns should not close when the trigger is clicked (the
4126
+ // "toggle" behavior), but they CAN still close via other interactions like
4127
+ // Escape key or focus loss.
4128
+ if (this.element.noToggle && eventType === "click") {
4129
+ return;
4133
4130
  }
4131
+
4132
+ this.lockScroll(false);
4133
+ this.element.triggerChevron?.removeAttribute("data-expanded");
4134
+
4135
+ if (this.element.isPopoverVisible) {
4136
+ this.element.isPopoverVisible = false;
4137
+ }
4138
+ if (this.showing) {
4139
+ this.cleanupHideHandlers();
4140
+ this.showing = false;
4141
+ this.dispatchEventDropdownToggle(eventType);
4142
+ }
4143
+
4144
+ // Only clear the global reference if the bib was actually hidden.
4145
+ // Clearing it when hideBib is blocked (e.g. noToggle + click) corrupts
4146
+ // the singleton state so other dropdowns can't detect this one is still open.
4134
4147
  document.expandedAuroFloater = null;
4135
4148
  }
4136
4149
 
@@ -5463,7 +5476,7 @@ class AuroHelpText extends i$2 {
5463
5476
  }
5464
5477
  }
5465
5478
 
5466
- var formkitVersion = '202603172151';
5479
+ var formkitVersion = '202603172233';
5467
5480
 
5468
5481
  let AuroElement$1 = class AuroElement extends i$2 {
5469
5482
  static get properties() {