@aurodesignsystem-dev/auro-formkit 0.0.0-pr1475.1 → 0.0.0-pr1475.3
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/components/checkbox/demo/customize.min.js +1 -1
- package/components/checkbox/demo/getting-started.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/customize.min.js +20 -8
- package/components/combobox/demo/getting-started.min.js +20 -8
- package/components/combobox/demo/index.min.js +20 -8
- package/components/combobox/dist/index.js +20 -8
- package/components/combobox/dist/registered.js +20 -8
- package/components/counter/demo/customize.min.js +19 -7
- package/components/counter/demo/index.min.js +19 -7
- package/components/counter/dist/index.js +1 -1
- package/components/counter/dist/registered.js +1 -1
- package/components/datepicker/demo/accessibility.md +1 -1
- package/components/datepicker/demo/customize.min.js +153 -44
- package/components/datepicker/demo/index.md +2 -2
- package/components/datepicker/demo/index.min.js +159 -46
- package/components/datepicker/demo/keyboard-behavior.md +1 -1
- package/components/datepicker/dist/index.js +153 -42
- package/components/datepicker/dist/registered.js +153 -42
- package/components/datepicker/dist/src/auro-calendar-cell.d.ts +9 -0
- package/components/dropdown/demo/customize.min.js +18 -6
- package/components/dropdown/demo/getting-started.min.js +18 -6
- package/components/dropdown/demo/index.min.js +18 -6
- package/components/dropdown/dist/auro-dropdown.d.ts +2 -1
- package/components/dropdown/dist/index.js +18 -6
- package/components/dropdown/dist/registered.js +18 -6
- package/components/form/demo/customize.min.js +214 -67
- package/components/form/demo/getting-started.min.js +214 -67
- package/components/form/demo/index.min.js +214 -67
- package/components/form/demo/registerDemoDeps.min.js +214 -67
- package/components/input/demo/customize.min.js +1 -1
- package/components/input/demo/getting-started.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/customize.min.js +1 -1
- package/components/radio/demo/getting-started.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/customize.min.js +19 -7
- package/components/select/demo/getting-started.min.js +19 -7
- package/components/select/demo/index.min.js +19 -7
- package/components/select/dist/index.js +19 -7
- package/components/select/dist/registered.js +19 -7
- package/custom-elements.json +3949 -3938
- package/package.json +1 -1
|
@@ -1682,7 +1682,7 @@ class AuroHelpText extends i$2 {
|
|
|
1682
1682
|
}
|
|
1683
1683
|
}
|
|
1684
1684
|
|
|
1685
|
-
var formkitVersion = '
|
|
1685
|
+
var formkitVersion = '202605182353';
|
|
1686
1686
|
|
|
1687
1687
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1688
1688
|
// See LICENSE in the project root for license information.
|
|
@@ -1682,7 +1682,7 @@ class AuroHelpText extends i$2 {
|
|
|
1682
1682
|
}
|
|
1683
1683
|
}
|
|
1684
1684
|
|
|
1685
|
-
var formkitVersion = '
|
|
1685
|
+
var formkitVersion = '202605182353';
|
|
1686
1686
|
|
|
1687
1687
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1688
1688
|
// See LICENSE in the project root for license information.
|
|
@@ -1682,7 +1682,7 @@ class AuroHelpText extends i$2 {
|
|
|
1682
1682
|
}
|
|
1683
1683
|
}
|
|
1684
1684
|
|
|
1685
|
-
var formkitVersion = '
|
|
1685
|
+
var formkitVersion = '202605182353';
|
|
1686
1686
|
|
|
1687
1687
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1688
1688
|
// See LICENSE in the project root for license information.
|
|
@@ -1635,7 +1635,7 @@ class AuroHelpText extends LitElement {
|
|
|
1635
1635
|
}
|
|
1636
1636
|
}
|
|
1637
1637
|
|
|
1638
|
-
var formkitVersion = '
|
|
1638
|
+
var formkitVersion = '202605182353';
|
|
1639
1639
|
|
|
1640
1640
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1641
1641
|
// See LICENSE in the project root for license information.
|
|
@@ -1635,7 +1635,7 @@ class AuroHelpText extends LitElement {
|
|
|
1635
1635
|
}
|
|
1636
1636
|
}
|
|
1637
1637
|
|
|
1638
|
-
var formkitVersion = '
|
|
1638
|
+
var formkitVersion = '202605182353';
|
|
1639
1639
|
|
|
1640
1640
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1641
1641
|
// See LICENSE in the project root for license information.
|
|
@@ -5278,7 +5278,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
|
|
|
5278
5278
|
}
|
|
5279
5279
|
};
|
|
5280
5280
|
|
|
5281
|
-
var formkitVersion$2 = '
|
|
5281
|
+
var formkitVersion$2 = '202605182353';
|
|
5282
5282
|
|
|
5283
5283
|
let AuroElement$2 = class AuroElement extends i$4 {
|
|
5284
5284
|
static get properties() {
|
|
@@ -6199,6 +6199,14 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
6199
6199
|
}
|
|
6200
6200
|
};
|
|
6201
6201
|
this.addEventListener('keydown', this._bibTabHandler);
|
|
6202
|
+
|
|
6203
|
+
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
6204
|
+
requestAnimationFrame(() => {
|
|
6205
|
+
const focusables = getFocusableElements(this.bibContent);
|
|
6206
|
+
if (focusables.length) {
|
|
6207
|
+
focusables[0].focus();
|
|
6208
|
+
}
|
|
6209
|
+
});
|
|
6202
6210
|
} else {
|
|
6203
6211
|
// Normal desktop: use FocusTrap on the bib element
|
|
6204
6212
|
this.focusTrap = new FocusTrap(this.bibContent);
|
|
@@ -6230,7 +6238,8 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
6230
6238
|
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
6231
6239
|
* so that content outside the dropdown is not interactive while the modal is open.
|
|
6232
6240
|
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
6233
|
-
* in the light DOM, then sets `inert` on
|
|
6241
|
+
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
6242
|
+
* to ensure all page content outside the host subtree is inert.
|
|
6234
6243
|
* @private
|
|
6235
6244
|
*/
|
|
6236
6245
|
_setPageInert() {
|
|
@@ -6249,15 +6258,18 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
6249
6258
|
host = host.getRootNode().host;
|
|
6250
6259
|
}
|
|
6251
6260
|
|
|
6252
|
-
|
|
6253
|
-
|
|
6254
|
-
|
|
6261
|
+
// Walk up the ancestor chain, inerting siblings at each level
|
|
6262
|
+
// to ensure the entire page outside the host subtree is inert.
|
|
6263
|
+
let current = host;
|
|
6264
|
+
while (current.parentElement) {
|
|
6265
|
+
const parent = current.parentElement;
|
|
6255
6266
|
for (const sibling of parent.children) {
|
|
6256
|
-
if (sibling !==
|
|
6267
|
+
if (sibling !== current && !sibling.inert) {
|
|
6257
6268
|
sibling.inert = true;
|
|
6258
6269
|
this._inertSiblings.push(sibling);
|
|
6259
6270
|
}
|
|
6260
6271
|
}
|
|
6272
|
+
current = parent;
|
|
6261
6273
|
}
|
|
6262
6274
|
}
|
|
6263
6275
|
|
|
@@ -13215,7 +13227,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
|
|
|
13215
13227
|
}
|
|
13216
13228
|
};
|
|
13217
13229
|
|
|
13218
|
-
var formkitVersion$1 = '
|
|
13230
|
+
var formkitVersion$1 = '202605182353';
|
|
13219
13231
|
|
|
13220
13232
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
13221
13233
|
// See LICENSE in the project root for license information.
|
|
@@ -14288,7 +14300,7 @@ class AuroBibtemplate extends i$4 {
|
|
|
14288
14300
|
}
|
|
14289
14301
|
}
|
|
14290
14302
|
|
|
14291
|
-
var formkitVersion = '
|
|
14303
|
+
var formkitVersion = '202605182353';
|
|
14292
14304
|
|
|
14293
14305
|
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}`;
|
|
14294
14306
|
|
|
@@ -5278,7 +5278,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
|
|
|
5278
5278
|
}
|
|
5279
5279
|
};
|
|
5280
5280
|
|
|
5281
|
-
var formkitVersion$2 = '
|
|
5281
|
+
var formkitVersion$2 = '202605182353';
|
|
5282
5282
|
|
|
5283
5283
|
let AuroElement$2 = class AuroElement extends i$4 {
|
|
5284
5284
|
static get properties() {
|
|
@@ -6199,6 +6199,14 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
6199
6199
|
}
|
|
6200
6200
|
};
|
|
6201
6201
|
this.addEventListener('keydown', this._bibTabHandler);
|
|
6202
|
+
|
|
6203
|
+
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
6204
|
+
requestAnimationFrame(() => {
|
|
6205
|
+
const focusables = getFocusableElements(this.bibContent);
|
|
6206
|
+
if (focusables.length) {
|
|
6207
|
+
focusables[0].focus();
|
|
6208
|
+
}
|
|
6209
|
+
});
|
|
6202
6210
|
} else {
|
|
6203
6211
|
// Normal desktop: use FocusTrap on the bib element
|
|
6204
6212
|
this.focusTrap = new FocusTrap(this.bibContent);
|
|
@@ -6230,7 +6238,8 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
6230
6238
|
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
6231
6239
|
* so that content outside the dropdown is not interactive while the modal is open.
|
|
6232
6240
|
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
6233
|
-
* in the light DOM, then sets `inert` on
|
|
6241
|
+
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
6242
|
+
* to ensure all page content outside the host subtree is inert.
|
|
6234
6243
|
* @private
|
|
6235
6244
|
*/
|
|
6236
6245
|
_setPageInert() {
|
|
@@ -6249,15 +6258,18 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
6249
6258
|
host = host.getRootNode().host;
|
|
6250
6259
|
}
|
|
6251
6260
|
|
|
6252
|
-
|
|
6253
|
-
|
|
6254
|
-
|
|
6261
|
+
// Walk up the ancestor chain, inerting siblings at each level
|
|
6262
|
+
// to ensure the entire page outside the host subtree is inert.
|
|
6263
|
+
let current = host;
|
|
6264
|
+
while (current.parentElement) {
|
|
6265
|
+
const parent = current.parentElement;
|
|
6255
6266
|
for (const sibling of parent.children) {
|
|
6256
|
-
if (sibling !==
|
|
6267
|
+
if (sibling !== current && !sibling.inert) {
|
|
6257
6268
|
sibling.inert = true;
|
|
6258
6269
|
this._inertSiblings.push(sibling);
|
|
6259
6270
|
}
|
|
6260
6271
|
}
|
|
6272
|
+
current = parent;
|
|
6261
6273
|
}
|
|
6262
6274
|
}
|
|
6263
6275
|
|
|
@@ -13215,7 +13227,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
|
|
|
13215
13227
|
}
|
|
13216
13228
|
};
|
|
13217
13229
|
|
|
13218
|
-
var formkitVersion$1 = '
|
|
13230
|
+
var formkitVersion$1 = '202605182353';
|
|
13219
13231
|
|
|
13220
13232
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
13221
13233
|
// See LICENSE in the project root for license information.
|
|
@@ -14288,7 +14300,7 @@ class AuroBibtemplate extends i$4 {
|
|
|
14288
14300
|
}
|
|
14289
14301
|
}
|
|
14290
14302
|
|
|
14291
|
-
var formkitVersion = '
|
|
14303
|
+
var formkitVersion = '202605182353';
|
|
14292
14304
|
|
|
14293
14305
|
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}`;
|
|
14294
14306
|
|
|
@@ -5293,7 +5293,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
|
|
|
5293
5293
|
}
|
|
5294
5294
|
};
|
|
5295
5295
|
|
|
5296
|
-
var formkitVersion$2 = '
|
|
5296
|
+
var formkitVersion$2 = '202605182353';
|
|
5297
5297
|
|
|
5298
5298
|
let AuroElement$2 = class AuroElement extends i$4 {
|
|
5299
5299
|
static get properties() {
|
|
@@ -6214,6 +6214,14 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
6214
6214
|
}
|
|
6215
6215
|
};
|
|
6216
6216
|
this.addEventListener('keydown', this._bibTabHandler);
|
|
6217
|
+
|
|
6218
|
+
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
6219
|
+
requestAnimationFrame(() => {
|
|
6220
|
+
const focusables = getFocusableElements(this.bibContent);
|
|
6221
|
+
if (focusables.length) {
|
|
6222
|
+
focusables[0].focus();
|
|
6223
|
+
}
|
|
6224
|
+
});
|
|
6217
6225
|
} else {
|
|
6218
6226
|
// Normal desktop: use FocusTrap on the bib element
|
|
6219
6227
|
this.focusTrap = new FocusTrap(this.bibContent);
|
|
@@ -6245,7 +6253,8 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
6245
6253
|
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
6246
6254
|
* so that content outside the dropdown is not interactive while the modal is open.
|
|
6247
6255
|
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
6248
|
-
* in the light DOM, then sets `inert` on
|
|
6256
|
+
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
6257
|
+
* to ensure all page content outside the host subtree is inert.
|
|
6249
6258
|
* @private
|
|
6250
6259
|
*/
|
|
6251
6260
|
_setPageInert() {
|
|
@@ -6264,15 +6273,18 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
6264
6273
|
host = host.getRootNode().host;
|
|
6265
6274
|
}
|
|
6266
6275
|
|
|
6267
|
-
|
|
6268
|
-
|
|
6269
|
-
|
|
6276
|
+
// Walk up the ancestor chain, inerting siblings at each level
|
|
6277
|
+
// to ensure the entire page outside the host subtree is inert.
|
|
6278
|
+
let current = host;
|
|
6279
|
+
while (current.parentElement) {
|
|
6280
|
+
const parent = current.parentElement;
|
|
6270
6281
|
for (const sibling of parent.children) {
|
|
6271
|
-
if (sibling !==
|
|
6282
|
+
if (sibling !== current && !sibling.inert) {
|
|
6272
6283
|
sibling.inert = true;
|
|
6273
6284
|
this._inertSiblings.push(sibling);
|
|
6274
6285
|
}
|
|
6275
6286
|
}
|
|
6287
|
+
current = parent;
|
|
6276
6288
|
}
|
|
6277
6289
|
}
|
|
6278
6290
|
|
|
@@ -13230,7 +13242,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
|
|
|
13230
13242
|
}
|
|
13231
13243
|
};
|
|
13232
13244
|
|
|
13233
|
-
var formkitVersion$1 = '
|
|
13245
|
+
var formkitVersion$1 = '202605182353';
|
|
13234
13246
|
|
|
13235
13247
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
13236
13248
|
// See LICENSE in the project root for license information.
|
|
@@ -14303,7 +14315,7 @@ class AuroBibtemplate extends i$4 {
|
|
|
14303
14315
|
}
|
|
14304
14316
|
}
|
|
14305
14317
|
|
|
14306
|
-
var formkitVersion = '
|
|
14318
|
+
var formkitVersion = '202605182353';
|
|
14307
14319
|
|
|
14308
14320
|
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}`;
|
|
14309
14321
|
|
|
@@ -5211,7 +5211,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
5211
5211
|
}
|
|
5212
5212
|
};
|
|
5213
5213
|
|
|
5214
|
-
var formkitVersion$2 = '
|
|
5214
|
+
var formkitVersion$2 = '202605182353';
|
|
5215
5215
|
|
|
5216
5216
|
let AuroElement$2 = class AuroElement extends LitElement {
|
|
5217
5217
|
static get properties() {
|
|
@@ -6132,6 +6132,14 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
6132
6132
|
}
|
|
6133
6133
|
};
|
|
6134
6134
|
this.addEventListener('keydown', this._bibTabHandler);
|
|
6135
|
+
|
|
6136
|
+
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
6137
|
+
requestAnimationFrame(() => {
|
|
6138
|
+
const focusables = getFocusableElements(this.bibContent);
|
|
6139
|
+
if (focusables.length) {
|
|
6140
|
+
focusables[0].focus();
|
|
6141
|
+
}
|
|
6142
|
+
});
|
|
6135
6143
|
} else {
|
|
6136
6144
|
// Normal desktop: use FocusTrap on the bib element
|
|
6137
6145
|
this.focusTrap = new FocusTrap(this.bibContent);
|
|
@@ -6163,7 +6171,8 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
6163
6171
|
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
6164
6172
|
* so that content outside the dropdown is not interactive while the modal is open.
|
|
6165
6173
|
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
6166
|
-
* in the light DOM, then sets `inert` on
|
|
6174
|
+
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
6175
|
+
* to ensure all page content outside the host subtree is inert.
|
|
6167
6176
|
* @private
|
|
6168
6177
|
*/
|
|
6169
6178
|
_setPageInert() {
|
|
@@ -6182,15 +6191,18 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
6182
6191
|
host = host.getRootNode().host;
|
|
6183
6192
|
}
|
|
6184
6193
|
|
|
6185
|
-
|
|
6186
|
-
|
|
6187
|
-
|
|
6194
|
+
// Walk up the ancestor chain, inerting siblings at each level
|
|
6195
|
+
// to ensure the entire page outside the host subtree is inert.
|
|
6196
|
+
let current = host;
|
|
6197
|
+
while (current.parentElement) {
|
|
6198
|
+
const parent = current.parentElement;
|
|
6188
6199
|
for (const sibling of parent.children) {
|
|
6189
|
-
if (sibling !==
|
|
6200
|
+
if (sibling !== current && !sibling.inert) {
|
|
6190
6201
|
sibling.inert = true;
|
|
6191
6202
|
this._inertSiblings.push(sibling);
|
|
6192
6203
|
}
|
|
6193
6204
|
}
|
|
6205
|
+
current = parent;
|
|
6194
6206
|
}
|
|
6195
6207
|
}
|
|
6196
6208
|
|
|
@@ -13141,7 +13153,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
13141
13153
|
}
|
|
13142
13154
|
};
|
|
13143
13155
|
|
|
13144
|
-
var formkitVersion$1 = '
|
|
13156
|
+
var formkitVersion$1 = '202605182353';
|
|
13145
13157
|
|
|
13146
13158
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
13147
13159
|
// See LICENSE in the project root for license information.
|
|
@@ -14214,7 +14226,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
14214
14226
|
}
|
|
14215
14227
|
}
|
|
14216
14228
|
|
|
14217
|
-
var formkitVersion = '
|
|
14229
|
+
var formkitVersion = '202605182353';
|
|
14218
14230
|
|
|
14219
14231
|
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}`;
|
|
14220
14232
|
|
|
@@ -5211,7 +5211,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
5211
5211
|
}
|
|
5212
5212
|
};
|
|
5213
5213
|
|
|
5214
|
-
var formkitVersion$2 = '
|
|
5214
|
+
var formkitVersion$2 = '202605182353';
|
|
5215
5215
|
|
|
5216
5216
|
let AuroElement$2 = class AuroElement extends LitElement {
|
|
5217
5217
|
static get properties() {
|
|
@@ -6132,6 +6132,14 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
6132
6132
|
}
|
|
6133
6133
|
};
|
|
6134
6134
|
this.addEventListener('keydown', this._bibTabHandler);
|
|
6135
|
+
|
|
6136
|
+
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
6137
|
+
requestAnimationFrame(() => {
|
|
6138
|
+
const focusables = getFocusableElements(this.bibContent);
|
|
6139
|
+
if (focusables.length) {
|
|
6140
|
+
focusables[0].focus();
|
|
6141
|
+
}
|
|
6142
|
+
});
|
|
6135
6143
|
} else {
|
|
6136
6144
|
// Normal desktop: use FocusTrap on the bib element
|
|
6137
6145
|
this.focusTrap = new FocusTrap(this.bibContent);
|
|
@@ -6163,7 +6171,8 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
6163
6171
|
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
6164
6172
|
* so that content outside the dropdown is not interactive while the modal is open.
|
|
6165
6173
|
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
6166
|
-
* in the light DOM, then sets `inert` on
|
|
6174
|
+
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
6175
|
+
* to ensure all page content outside the host subtree is inert.
|
|
6167
6176
|
* @private
|
|
6168
6177
|
*/
|
|
6169
6178
|
_setPageInert() {
|
|
@@ -6182,15 +6191,18 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
6182
6191
|
host = host.getRootNode().host;
|
|
6183
6192
|
}
|
|
6184
6193
|
|
|
6185
|
-
|
|
6186
|
-
|
|
6187
|
-
|
|
6194
|
+
// Walk up the ancestor chain, inerting siblings at each level
|
|
6195
|
+
// to ensure the entire page outside the host subtree is inert.
|
|
6196
|
+
let current = host;
|
|
6197
|
+
while (current.parentElement) {
|
|
6198
|
+
const parent = current.parentElement;
|
|
6188
6199
|
for (const sibling of parent.children) {
|
|
6189
|
-
if (sibling !==
|
|
6200
|
+
if (sibling !== current && !sibling.inert) {
|
|
6190
6201
|
sibling.inert = true;
|
|
6191
6202
|
this._inertSiblings.push(sibling);
|
|
6192
6203
|
}
|
|
6193
6204
|
}
|
|
6205
|
+
current = parent;
|
|
6194
6206
|
}
|
|
6195
6207
|
}
|
|
6196
6208
|
|
|
@@ -13141,7 +13153,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
13141
13153
|
}
|
|
13142
13154
|
};
|
|
13143
13155
|
|
|
13144
|
-
var formkitVersion$1 = '
|
|
13156
|
+
var formkitVersion$1 = '202605182353';
|
|
13145
13157
|
|
|
13146
13158
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
13147
13159
|
// See LICENSE in the project root for license information.
|
|
@@ -14214,7 +14226,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
14214
14226
|
}
|
|
14215
14227
|
}
|
|
14216
14228
|
|
|
14217
|
-
var formkitVersion = '
|
|
14229
|
+
var formkitVersion = '202605182353';
|
|
14218
14230
|
|
|
14219
14231
|
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}`;
|
|
14220
14232
|
|
|
@@ -1521,7 +1521,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
1521
1521
|
}
|
|
1522
1522
|
};
|
|
1523
1523
|
|
|
1524
|
-
var formkitVersion$1 = '
|
|
1524
|
+
var formkitVersion$1 = '202605182353';
|
|
1525
1525
|
|
|
1526
1526
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1527
1527
|
// See LICENSE in the project root for license information.
|
|
@@ -5867,7 +5867,7 @@ class AuroHelpText extends i$2 {
|
|
|
5867
5867
|
}
|
|
5868
5868
|
}
|
|
5869
5869
|
|
|
5870
|
-
var formkitVersion = '
|
|
5870
|
+
var formkitVersion = '202605182353';
|
|
5871
5871
|
|
|
5872
5872
|
let AuroElement$1 = class AuroElement extends i$2 {
|
|
5873
5873
|
static get properties() {
|
|
@@ -6788,6 +6788,14 @@ class AuroDropdown extends AuroElement$1 {
|
|
|
6788
6788
|
}
|
|
6789
6789
|
};
|
|
6790
6790
|
this.addEventListener('keydown', this._bibTabHandler);
|
|
6791
|
+
|
|
6792
|
+
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
6793
|
+
requestAnimationFrame(() => {
|
|
6794
|
+
const focusables = getFocusableElements(this.bibContent);
|
|
6795
|
+
if (focusables.length) {
|
|
6796
|
+
focusables[0].focus();
|
|
6797
|
+
}
|
|
6798
|
+
});
|
|
6791
6799
|
} else {
|
|
6792
6800
|
// Normal desktop: use FocusTrap on the bib element
|
|
6793
6801
|
this.focusTrap = new FocusTrap(this.bibContent);
|
|
@@ -6819,7 +6827,8 @@ class AuroDropdown extends AuroElement$1 {
|
|
|
6819
6827
|
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
6820
6828
|
* so that content outside the dropdown is not interactive while the modal is open.
|
|
6821
6829
|
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
6822
|
-
* in the light DOM, then sets `inert` on
|
|
6830
|
+
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
6831
|
+
* to ensure all page content outside the host subtree is inert.
|
|
6823
6832
|
* @private
|
|
6824
6833
|
*/
|
|
6825
6834
|
_setPageInert() {
|
|
@@ -6838,15 +6847,18 @@ class AuroDropdown extends AuroElement$1 {
|
|
|
6838
6847
|
host = host.getRootNode().host;
|
|
6839
6848
|
}
|
|
6840
6849
|
|
|
6841
|
-
|
|
6842
|
-
|
|
6843
|
-
|
|
6850
|
+
// Walk up the ancestor chain, inerting siblings at each level
|
|
6851
|
+
// to ensure the entire page outside the host subtree is inert.
|
|
6852
|
+
let current = host;
|
|
6853
|
+
while (current.parentElement) {
|
|
6854
|
+
const parent = current.parentElement;
|
|
6844
6855
|
for (const sibling of parent.children) {
|
|
6845
|
-
if (sibling !==
|
|
6856
|
+
if (sibling !== current && !sibling.inert) {
|
|
6846
6857
|
sibling.inert = true;
|
|
6847
6858
|
this._inertSiblings.push(sibling);
|
|
6848
6859
|
}
|
|
6849
6860
|
}
|
|
6861
|
+
current = parent;
|
|
6850
6862
|
}
|
|
6851
6863
|
}
|
|
6852
6864
|
|
|
@@ -1521,7 +1521,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
1521
1521
|
}
|
|
1522
1522
|
};
|
|
1523
1523
|
|
|
1524
|
-
var formkitVersion$1 = '
|
|
1524
|
+
var formkitVersion$1 = '202605182353';
|
|
1525
1525
|
|
|
1526
1526
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1527
1527
|
// See LICENSE in the project root for license information.
|
|
@@ -5867,7 +5867,7 @@ class AuroHelpText extends i$2 {
|
|
|
5867
5867
|
}
|
|
5868
5868
|
}
|
|
5869
5869
|
|
|
5870
|
-
var formkitVersion = '
|
|
5870
|
+
var formkitVersion = '202605182353';
|
|
5871
5871
|
|
|
5872
5872
|
let AuroElement$1 = class AuroElement extends i$2 {
|
|
5873
5873
|
static get properties() {
|
|
@@ -6788,6 +6788,14 @@ class AuroDropdown extends AuroElement$1 {
|
|
|
6788
6788
|
}
|
|
6789
6789
|
};
|
|
6790
6790
|
this.addEventListener('keydown', this._bibTabHandler);
|
|
6791
|
+
|
|
6792
|
+
// Move initial focus into the bib content, matching FocusTrap behavior
|
|
6793
|
+
requestAnimationFrame(() => {
|
|
6794
|
+
const focusables = getFocusableElements(this.bibContent);
|
|
6795
|
+
if (focusables.length) {
|
|
6796
|
+
focusables[0].focus();
|
|
6797
|
+
}
|
|
6798
|
+
});
|
|
6791
6799
|
} else {
|
|
6792
6800
|
// Normal desktop: use FocusTrap on the bib element
|
|
6793
6801
|
this.focusTrap = new FocusTrap(this.bibContent);
|
|
@@ -6819,7 +6827,8 @@ class AuroDropdown extends AuroElement$1 {
|
|
|
6819
6827
|
* Sets `inert` on sibling elements of the dropdown's top-level host
|
|
6820
6828
|
* so that content outside the dropdown is not interactive while the modal is open.
|
|
6821
6829
|
* Walks up through shadow DOM boundaries to find the outermost host element
|
|
6822
|
-
* in the light DOM, then sets `inert` on
|
|
6830
|
+
* in the light DOM, then sets `inert` on siblings at each ancestor level
|
|
6831
|
+
* to ensure all page content outside the host subtree is inert.
|
|
6823
6832
|
* @private
|
|
6824
6833
|
*/
|
|
6825
6834
|
_setPageInert() {
|
|
@@ -6838,15 +6847,18 @@ class AuroDropdown extends AuroElement$1 {
|
|
|
6838
6847
|
host = host.getRootNode().host;
|
|
6839
6848
|
}
|
|
6840
6849
|
|
|
6841
|
-
|
|
6842
|
-
|
|
6843
|
-
|
|
6850
|
+
// Walk up the ancestor chain, inerting siblings at each level
|
|
6851
|
+
// to ensure the entire page outside the host subtree is inert.
|
|
6852
|
+
let current = host;
|
|
6853
|
+
while (current.parentElement) {
|
|
6854
|
+
const parent = current.parentElement;
|
|
6844
6855
|
for (const sibling of parent.children) {
|
|
6845
|
-
if (sibling !==
|
|
6856
|
+
if (sibling !== current && !sibling.inert) {
|
|
6846
6857
|
sibling.inert = true;
|
|
6847
6858
|
this._inertSiblings.push(sibling);
|
|
6848
6859
|
}
|
|
6849
6860
|
}
|
|
6861
|
+
current = parent;
|
|
6850
6862
|
}
|
|
6851
6863
|
}
|
|
6852
6864
|
|
|
@@ -1471,7 +1471,7 @@ class AuroHelpText extends LitElement {
|
|
|
1471
1471
|
}
|
|
1472
1472
|
}
|
|
1473
1473
|
|
|
1474
|
-
var formkitVersion = '
|
|
1474
|
+
var formkitVersion = '202605182353';
|
|
1475
1475
|
|
|
1476
1476
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1477
1477
|
// See LICENSE in the project root for license information.
|
|
@@ -1471,7 +1471,7 @@ class AuroHelpText extends LitElement {
|
|
|
1471
1471
|
}
|
|
1472
1472
|
}
|
|
1473
1473
|
|
|
1474
|
-
var formkitVersion = '
|
|
1474
|
+
var formkitVersion = '202605182353';
|
|
1475
1475
|
|
|
1476
1476
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1477
1477
|
// See LICENSE in the project root for license information.
|
|
@@ -39,7 +39,7 @@ The calendar uses the WAI-ARIA grid pattern for screen reader navigation:
|
|
|
39
39
|
| `role="presentation"` | Out-of-range date cell | Cells outside the valid min/max range. Also receive `aria-hidden="true"` and `tabindex="-1"` to remove them from both the accessibility tree and the tab order. |
|
|
40
40
|
| `aria-disabled="true"` | Blackout date cell | Cells matching the `blackout` dates list. Unlike out-of-range cells, blackout cells **remain focusable** via arrow-key navigation so screen reader users can discover them. The cell's label includes ", unavailable" to communicate that the date cannot be selected. |
|
|
41
41
|
| `aria-selected` | Date cell button | `"true"` for the selected date(s), `"false"` for all other in-range cells. |
|
|
42
|
-
|
|
|
42
|
+
| Accessible name | Date cell button | Provided via visually-hidden text content (not an `aria-label` attribute). Localized label built from `Intl.DateTimeFormat` (weekday, month, day, year), plus the range position label (e.g., "range start") and availability status (", unavailable" for blackout dates). |
|
|
43
43
|
|
|
44
44
|
<auro-header level="2" id="focusManagement">Focus Management</auro-header>
|
|
45
45
|
The component uses `delegatesFocus: true` on its shadow root, meaning focus is automatically delegated to the first focusable element inside the component (the date input).
|