@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.
- package/README.md +72 -72
- package/components/checkbox/demo/api.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/api.min.js +27 -14
- package/components/combobox/demo/index.min.js +27 -14
- package/components/combobox/dist/index.js +27 -14
- package/components/combobox/dist/registered.js +27 -14
- package/components/counter/demo/api.min.js +26 -13
- package/components/counter/demo/index.min.js +26 -13
- package/components/counter/dist/index.js +26 -13
- package/components/counter/dist/registered.js +26 -13
- package/components/datepicker/demo/api.min.js +27 -14
- package/components/datepicker/demo/index.min.js +27 -14
- package/components/datepicker/dist/index.js +27 -14
- package/components/datepicker/dist/registered.js +27 -14
- package/components/dropdown/demo/api.min.js +25 -12
- package/components/dropdown/demo/index.min.js +25 -12
- package/components/dropdown/dist/index.js +25 -12
- package/components/dropdown/dist/registered.js +25 -12
- package/components/form/demo/api.min.js +109 -57
- package/components/form/demo/index.min.js +109 -57
- package/components/input/demo/api.min.js +1 -1
- package/components/input/demo/index.min.js +1 -1
- package/components/input/dist/index.js +1 -1
- package/components/input/dist/registered.js +1 -1
- package/components/radio/demo/api.min.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/api.min.js +26 -13
- package/components/select/demo/index.min.js +26 -13
- package/components/select/dist/index.js +26 -13
- package/components/select/dist/registered.js +26 -13
- package/custom-elements.json +1402 -1402
- 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
|
[](https://github.com/AlaskaAirlines/auro-formkit/actions/workflows/testPublish.yml)
|
|
106
106
|
[](https://www.npmjs.com/package/@aurodesignsystem/auro-formkit)
|
|
107
107
|
[](https://www.apache.org/licenses/LICENSE-2.0)
|
|
108
|
-

|
|
109
|
-
|
|
108
|
+

|
|
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 = '
|
|
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 = '
|
|
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 = '
|
|
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 = '
|
|
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 (
|
|
3615
|
-
|
|
3616
|
-
|
|
3614
|
+
if (this.element.disabled) {
|
|
3615
|
+
return;
|
|
3616
|
+
}
|
|
3617
3617
|
|
|
3618
|
-
|
|
3619
|
-
|
|
3620
|
-
|
|
3621
|
-
|
|
3622
|
-
|
|
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 = '
|
|
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 = '
|
|
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 = '
|
|
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 (
|
|
3538
|
-
|
|
3539
|
-
|
|
3537
|
+
if (this.element.disabled) {
|
|
3538
|
+
return;
|
|
3539
|
+
}
|
|
3540
3540
|
|
|
3541
|
-
|
|
3542
|
-
|
|
3543
|
-
|
|
3544
|
-
|
|
3545
|
-
|
|
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 = '
|
|
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 = '
|
|
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 = '
|
|
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 (
|
|
3471
|
-
|
|
3472
|
-
|
|
3470
|
+
if (this.element.disabled) {
|
|
3471
|
+
return;
|
|
3472
|
+
}
|
|
3473
3473
|
|
|
3474
|
-
|
|
3475
|
-
|
|
3476
|
-
|
|
3477
|
-
|
|
3478
|
-
|
|
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 = '
|
|
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 = '
|
|
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 = '
|
|
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 (
|
|
3471
|
-
|
|
3472
|
-
|
|
3470
|
+
if (this.element.disabled) {
|
|
3471
|
+
return;
|
|
3472
|
+
}
|
|
3473
3473
|
|
|
3474
|
-
|
|
3475
|
-
|
|
3476
|
-
|
|
3477
|
-
|
|
3478
|
-
|
|
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 = '
|
|
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 = '
|
|
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 = '
|
|
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 = '
|
|
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 (
|
|
4122
|
-
|
|
4123
|
-
|
|
4121
|
+
if (this.element.disabled) {
|
|
4122
|
+
return;
|
|
4123
|
+
}
|
|
4124
4124
|
|
|
4125
|
-
|
|
4126
|
-
|
|
4127
|
-
|
|
4128
|
-
|
|
4129
|
-
|
|
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 = '
|
|
5479
|
+
var formkitVersion = '202603172233';
|
|
5467
5480
|
|
|
5468
5481
|
let AuroElement$1 = class AuroElement extends i$2 {
|
|
5469
5482
|
static get properties() {
|