@aurodesignsystem-dev/auro-formkit 0.0.0-pr1489.6 → 0.0.0-pr1489.8
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 +24 -11
- package/components/combobox/demo/getting-started.min.js +24 -11
- package/components/combobox/demo/index.min.js +24 -11
- package/components/combobox/dist/index.js +24 -11
- package/components/combobox/dist/registered.js +24 -11
- package/components/counter/demo/customize.min.js +23 -10
- package/components/counter/demo/index.min.js +23 -10
- package/components/counter/dist/index.js +1 -1
- package/components/counter/dist/registered.js +1 -1
- package/components/datepicker/demo/accessibility.md +5 -5
- package/components/datepicker/demo/customize.min.js +185 -221
- package/components/datepicker/demo/index.md +26 -0
- package/components/datepicker/demo/index.min.js +187 -223
- package/components/datepicker/demo/keyboard-behavior.md +1 -1
- package/components/datepicker/dist/index.js +185 -221
- package/components/datepicker/dist/registered.js +185 -221
- package/components/datepicker/dist/src/auro-calendar-cell.d.ts +2 -2
- package/components/datepicker/dist/src/auro-calendar-month.d.ts +3 -4
- package/components/datepicker/dist/src/auro-datepicker.d.ts +72 -72
- package/components/dropdown/demo/customize.min.js +22 -9
- package/components/dropdown/demo/getting-started.min.js +22 -9
- package/components/dropdown/demo/index.min.js +22 -9
- package/components/dropdown/dist/auro-dropdown.d.ts +3 -2
- package/components/dropdown/dist/index.js +22 -9
- package/components/dropdown/dist/registered.js +22 -9
- package/components/form/demo/customize.min.js +258 -255
- package/components/form/demo/getting-started.min.js +258 -255
- package/components/form/demo/index.min.js +258 -255
- package/components/form/demo/registerDemoDeps.min.js +258 -255
- 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 +23 -10
- package/components/select/demo/getting-started.min.js +23 -10
- package/components/select/demo/index.min.js +23 -10
- package/components/select/dist/index.js +23 -10
- package/components/select/dist/registered.js +23 -10
- package/custom-elements.json +96 -101
- package/package.json +1 -1
|
@@ -1806,7 +1806,7 @@ class AuroHelpText extends i$2 {
|
|
|
1806
1806
|
}
|
|
1807
1807
|
}
|
|
1808
1808
|
|
|
1809
|
-
var formkitVersion = '
|
|
1809
|
+
var formkitVersion = '202606030000';
|
|
1810
1810
|
|
|
1811
1811
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1812
1812
|
// See LICENSE in the project root for license information.
|
|
@@ -1806,7 +1806,7 @@ class AuroHelpText extends i$2 {
|
|
|
1806
1806
|
}
|
|
1807
1807
|
}
|
|
1808
1808
|
|
|
1809
|
-
var formkitVersion = '
|
|
1809
|
+
var formkitVersion = '202606030000';
|
|
1810
1810
|
|
|
1811
1811
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1812
1812
|
// See LICENSE in the project root for license information.
|
|
@@ -1806,7 +1806,7 @@ class AuroHelpText extends i$2 {
|
|
|
1806
1806
|
}
|
|
1807
1807
|
}
|
|
1808
1808
|
|
|
1809
|
-
var formkitVersion = '
|
|
1809
|
+
var formkitVersion = '202606030000';
|
|
1810
1810
|
|
|
1811
1811
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1812
1812
|
// See LICENSE in the project root for license information.
|
|
@@ -1759,7 +1759,7 @@ class AuroHelpText extends LitElement {
|
|
|
1759
1759
|
}
|
|
1760
1760
|
}
|
|
1761
1761
|
|
|
1762
|
-
var formkitVersion = '
|
|
1762
|
+
var formkitVersion = '202606030000';
|
|
1763
1763
|
|
|
1764
1764
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1765
1765
|
// See LICENSE in the project root for license information.
|
|
@@ -1759,7 +1759,7 @@ class AuroHelpText extends LitElement {
|
|
|
1759
1759
|
}
|
|
1760
1760
|
}
|
|
1761
1761
|
|
|
1762
|
-
var formkitVersion = '
|
|
1762
|
+
var formkitVersion = '202606030000';
|
|
1763
1763
|
|
|
1764
1764
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1765
1765
|
// See LICENSE in the project root for license information.
|
|
@@ -5402,7 +5402,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
|
|
|
5402
5402
|
}
|
|
5403
5403
|
};
|
|
5404
5404
|
|
|
5405
|
-
var formkitVersion$2 = '
|
|
5405
|
+
var formkitVersion$2 = '202606030000';
|
|
5406
5406
|
|
|
5407
5407
|
let AuroElement$2 = class AuroElement extends i$4 {
|
|
5408
5408
|
static get properties() {
|
|
@@ -6395,16 +6395,20 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
6395
6395
|
|
|
6396
6396
|
// Walk up the ancestor chain, inerting siblings at each level
|
|
6397
6397
|
// to ensure the entire page outside the host subtree is inert.
|
|
6398
|
+
// Uses a reference counter (data-auro-inert-count) so multiple
|
|
6399
|
+
// simultaneous modal dropdowns share inert state safely.
|
|
6398
6400
|
let current = host;
|
|
6399
6401
|
while (current.parentElement) {
|
|
6400
6402
|
const parent = current.parentElement;
|
|
6401
6403
|
for (const sibling of parent.children) {
|
|
6402
6404
|
if (sibling !== current) {
|
|
6403
|
-
|
|
6404
|
-
|
|
6405
|
-
|
|
6406
|
-
}
|
|
6405
|
+
const count = parseInt(sibling.dataset.auroInertCount || '0', 10);
|
|
6406
|
+
if (count === 0) {
|
|
6407
|
+
sibling.dataset.auroInertWas = sibling.inert ? 'true' : 'false';
|
|
6408
|
+
}
|
|
6409
|
+
sibling.dataset.auroInertCount = String(count + 1);
|
|
6407
6410
|
sibling.inert = true;
|
|
6411
|
+
this._inertSiblings.push(sibling);
|
|
6408
6412
|
}
|
|
6409
6413
|
}
|
|
6410
6414
|
current = parent;
|
|
@@ -6413,14 +6417,23 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
6413
6417
|
|
|
6414
6418
|
/**
|
|
6415
6419
|
* Restores `inert` state on siblings that were tracked by `_setPageInert`.
|
|
6416
|
-
*
|
|
6417
|
-
*
|
|
6420
|
+
* Uses reference counting so inert is only cleared when the last modal
|
|
6421
|
+
* dropdown releases a given element. Preserves the original inert state
|
|
6422
|
+
* so externally-inerted elements are not inadvertently re-enabled.
|
|
6418
6423
|
* @private
|
|
6419
6424
|
*/
|
|
6420
6425
|
_clearPageInert() {
|
|
6421
6426
|
if (this._inertSiblings) {
|
|
6422
|
-
for (const
|
|
6423
|
-
|
|
6427
|
+
for (const sibling of this._inertSiblings) {
|
|
6428
|
+
const count = parseInt(sibling.dataset.auroInertCount || '1', 10) - 1;
|
|
6429
|
+
if (count <= 0) {
|
|
6430
|
+
const wasInert = sibling.dataset.auroInertWas === 'true';
|
|
6431
|
+
delete sibling.dataset.auroInertCount;
|
|
6432
|
+
delete sibling.dataset.auroInertWas;
|
|
6433
|
+
sibling.inert = wasInert;
|
|
6434
|
+
} else {
|
|
6435
|
+
sibling.dataset.auroInertCount = String(count);
|
|
6436
|
+
}
|
|
6424
6437
|
}
|
|
6425
6438
|
this._inertSiblings = undefined;
|
|
6426
6439
|
}
|
|
@@ -13491,7 +13504,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
|
|
|
13491
13504
|
}
|
|
13492
13505
|
};
|
|
13493
13506
|
|
|
13494
|
-
var formkitVersion$1 = '
|
|
13507
|
+
var formkitVersion$1 = '202606030000';
|
|
13495
13508
|
|
|
13496
13509
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
13497
13510
|
// See LICENSE in the project root for license information.
|
|
@@ -14564,7 +14577,7 @@ class AuroBibtemplate extends i$4 {
|
|
|
14564
14577
|
}
|
|
14565
14578
|
}
|
|
14566
14579
|
|
|
14567
|
-
var formkitVersion = '
|
|
14580
|
+
var formkitVersion = '202606030000';
|
|
14568
14581
|
|
|
14569
14582
|
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}`;
|
|
14570
14583
|
|
|
@@ -5402,7 +5402,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
|
|
|
5402
5402
|
}
|
|
5403
5403
|
};
|
|
5404
5404
|
|
|
5405
|
-
var formkitVersion$2 = '
|
|
5405
|
+
var formkitVersion$2 = '202606030000';
|
|
5406
5406
|
|
|
5407
5407
|
let AuroElement$2 = class AuroElement extends i$4 {
|
|
5408
5408
|
static get properties() {
|
|
@@ -6395,16 +6395,20 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
6395
6395
|
|
|
6396
6396
|
// Walk up the ancestor chain, inerting siblings at each level
|
|
6397
6397
|
// to ensure the entire page outside the host subtree is inert.
|
|
6398
|
+
// Uses a reference counter (data-auro-inert-count) so multiple
|
|
6399
|
+
// simultaneous modal dropdowns share inert state safely.
|
|
6398
6400
|
let current = host;
|
|
6399
6401
|
while (current.parentElement) {
|
|
6400
6402
|
const parent = current.parentElement;
|
|
6401
6403
|
for (const sibling of parent.children) {
|
|
6402
6404
|
if (sibling !== current) {
|
|
6403
|
-
|
|
6404
|
-
|
|
6405
|
-
|
|
6406
|
-
}
|
|
6405
|
+
const count = parseInt(sibling.dataset.auroInertCount || '0', 10);
|
|
6406
|
+
if (count === 0) {
|
|
6407
|
+
sibling.dataset.auroInertWas = sibling.inert ? 'true' : 'false';
|
|
6408
|
+
}
|
|
6409
|
+
sibling.dataset.auroInertCount = String(count + 1);
|
|
6407
6410
|
sibling.inert = true;
|
|
6411
|
+
this._inertSiblings.push(sibling);
|
|
6408
6412
|
}
|
|
6409
6413
|
}
|
|
6410
6414
|
current = parent;
|
|
@@ -6413,14 +6417,23 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
6413
6417
|
|
|
6414
6418
|
/**
|
|
6415
6419
|
* Restores `inert` state on siblings that were tracked by `_setPageInert`.
|
|
6416
|
-
*
|
|
6417
|
-
*
|
|
6420
|
+
* Uses reference counting so inert is only cleared when the last modal
|
|
6421
|
+
* dropdown releases a given element. Preserves the original inert state
|
|
6422
|
+
* so externally-inerted elements are not inadvertently re-enabled.
|
|
6418
6423
|
* @private
|
|
6419
6424
|
*/
|
|
6420
6425
|
_clearPageInert() {
|
|
6421
6426
|
if (this._inertSiblings) {
|
|
6422
|
-
for (const
|
|
6423
|
-
|
|
6427
|
+
for (const sibling of this._inertSiblings) {
|
|
6428
|
+
const count = parseInt(sibling.dataset.auroInertCount || '1', 10) - 1;
|
|
6429
|
+
if (count <= 0) {
|
|
6430
|
+
const wasInert = sibling.dataset.auroInertWas === 'true';
|
|
6431
|
+
delete sibling.dataset.auroInertCount;
|
|
6432
|
+
delete sibling.dataset.auroInertWas;
|
|
6433
|
+
sibling.inert = wasInert;
|
|
6434
|
+
} else {
|
|
6435
|
+
sibling.dataset.auroInertCount = String(count);
|
|
6436
|
+
}
|
|
6424
6437
|
}
|
|
6425
6438
|
this._inertSiblings = undefined;
|
|
6426
6439
|
}
|
|
@@ -13491,7 +13504,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
|
|
|
13491
13504
|
}
|
|
13492
13505
|
};
|
|
13493
13506
|
|
|
13494
|
-
var formkitVersion$1 = '
|
|
13507
|
+
var formkitVersion$1 = '202606030000';
|
|
13495
13508
|
|
|
13496
13509
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
13497
13510
|
// See LICENSE in the project root for license information.
|
|
@@ -14564,7 +14577,7 @@ class AuroBibtemplate extends i$4 {
|
|
|
14564
14577
|
}
|
|
14565
14578
|
}
|
|
14566
14579
|
|
|
14567
|
-
var formkitVersion = '
|
|
14580
|
+
var formkitVersion = '202606030000';
|
|
14568
14581
|
|
|
14569
14582
|
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}`;
|
|
14570
14583
|
|
|
@@ -5417,7 +5417,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
|
|
|
5417
5417
|
}
|
|
5418
5418
|
};
|
|
5419
5419
|
|
|
5420
|
-
var formkitVersion$2 = '
|
|
5420
|
+
var formkitVersion$2 = '202606030000';
|
|
5421
5421
|
|
|
5422
5422
|
let AuroElement$2 = class AuroElement extends i$4 {
|
|
5423
5423
|
static get properties() {
|
|
@@ -6410,16 +6410,20 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
6410
6410
|
|
|
6411
6411
|
// Walk up the ancestor chain, inerting siblings at each level
|
|
6412
6412
|
// to ensure the entire page outside the host subtree is inert.
|
|
6413
|
+
// Uses a reference counter (data-auro-inert-count) so multiple
|
|
6414
|
+
// simultaneous modal dropdowns share inert state safely.
|
|
6413
6415
|
let current = host;
|
|
6414
6416
|
while (current.parentElement) {
|
|
6415
6417
|
const parent = current.parentElement;
|
|
6416
6418
|
for (const sibling of parent.children) {
|
|
6417
6419
|
if (sibling !== current) {
|
|
6418
|
-
|
|
6419
|
-
|
|
6420
|
-
|
|
6421
|
-
}
|
|
6420
|
+
const count = parseInt(sibling.dataset.auroInertCount || '0', 10);
|
|
6421
|
+
if (count === 0) {
|
|
6422
|
+
sibling.dataset.auroInertWas = sibling.inert ? 'true' : 'false';
|
|
6423
|
+
}
|
|
6424
|
+
sibling.dataset.auroInertCount = String(count + 1);
|
|
6422
6425
|
sibling.inert = true;
|
|
6426
|
+
this._inertSiblings.push(sibling);
|
|
6423
6427
|
}
|
|
6424
6428
|
}
|
|
6425
6429
|
current = parent;
|
|
@@ -6428,14 +6432,23 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
6428
6432
|
|
|
6429
6433
|
/**
|
|
6430
6434
|
* Restores `inert` state on siblings that were tracked by `_setPageInert`.
|
|
6431
|
-
*
|
|
6432
|
-
*
|
|
6435
|
+
* Uses reference counting so inert is only cleared when the last modal
|
|
6436
|
+
* dropdown releases a given element. Preserves the original inert state
|
|
6437
|
+
* so externally-inerted elements are not inadvertently re-enabled.
|
|
6433
6438
|
* @private
|
|
6434
6439
|
*/
|
|
6435
6440
|
_clearPageInert() {
|
|
6436
6441
|
if (this._inertSiblings) {
|
|
6437
|
-
for (const
|
|
6438
|
-
|
|
6442
|
+
for (const sibling of this._inertSiblings) {
|
|
6443
|
+
const count = parseInt(sibling.dataset.auroInertCount || '1', 10) - 1;
|
|
6444
|
+
if (count <= 0) {
|
|
6445
|
+
const wasInert = sibling.dataset.auroInertWas === 'true';
|
|
6446
|
+
delete sibling.dataset.auroInertCount;
|
|
6447
|
+
delete sibling.dataset.auroInertWas;
|
|
6448
|
+
sibling.inert = wasInert;
|
|
6449
|
+
} else {
|
|
6450
|
+
sibling.dataset.auroInertCount = String(count);
|
|
6451
|
+
}
|
|
6439
6452
|
}
|
|
6440
6453
|
this._inertSiblings = undefined;
|
|
6441
6454
|
}
|
|
@@ -13506,7 +13519,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
|
|
|
13506
13519
|
}
|
|
13507
13520
|
};
|
|
13508
13521
|
|
|
13509
|
-
var formkitVersion$1 = '
|
|
13522
|
+
var formkitVersion$1 = '202606030000';
|
|
13510
13523
|
|
|
13511
13524
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
13512
13525
|
// See LICENSE in the project root for license information.
|
|
@@ -14579,7 +14592,7 @@ class AuroBibtemplate extends i$4 {
|
|
|
14579
14592
|
}
|
|
14580
14593
|
}
|
|
14581
14594
|
|
|
14582
|
-
var formkitVersion = '
|
|
14595
|
+
var formkitVersion = '202606030000';
|
|
14583
14596
|
|
|
14584
14597
|
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}`;
|
|
14585
14598
|
|
|
@@ -5335,7 +5335,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
5335
5335
|
}
|
|
5336
5336
|
};
|
|
5337
5337
|
|
|
5338
|
-
var formkitVersion$2 = '
|
|
5338
|
+
var formkitVersion$2 = '202606030000';
|
|
5339
5339
|
|
|
5340
5340
|
let AuroElement$2 = class AuroElement extends LitElement {
|
|
5341
5341
|
static get properties() {
|
|
@@ -6328,16 +6328,20 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
6328
6328
|
|
|
6329
6329
|
// Walk up the ancestor chain, inerting siblings at each level
|
|
6330
6330
|
// to ensure the entire page outside the host subtree is inert.
|
|
6331
|
+
// Uses a reference counter (data-auro-inert-count) so multiple
|
|
6332
|
+
// simultaneous modal dropdowns share inert state safely.
|
|
6331
6333
|
let current = host;
|
|
6332
6334
|
while (current.parentElement) {
|
|
6333
6335
|
const parent = current.parentElement;
|
|
6334
6336
|
for (const sibling of parent.children) {
|
|
6335
6337
|
if (sibling !== current) {
|
|
6336
|
-
|
|
6337
|
-
|
|
6338
|
-
|
|
6339
|
-
}
|
|
6338
|
+
const count = parseInt(sibling.dataset.auroInertCount || '0', 10);
|
|
6339
|
+
if (count === 0) {
|
|
6340
|
+
sibling.dataset.auroInertWas = sibling.inert ? 'true' : 'false';
|
|
6341
|
+
}
|
|
6342
|
+
sibling.dataset.auroInertCount = String(count + 1);
|
|
6340
6343
|
sibling.inert = true;
|
|
6344
|
+
this._inertSiblings.push(sibling);
|
|
6341
6345
|
}
|
|
6342
6346
|
}
|
|
6343
6347
|
current = parent;
|
|
@@ -6346,14 +6350,23 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
6346
6350
|
|
|
6347
6351
|
/**
|
|
6348
6352
|
* Restores `inert` state on siblings that were tracked by `_setPageInert`.
|
|
6349
|
-
*
|
|
6350
|
-
*
|
|
6353
|
+
* Uses reference counting so inert is only cleared when the last modal
|
|
6354
|
+
* dropdown releases a given element. Preserves the original inert state
|
|
6355
|
+
* so externally-inerted elements are not inadvertently re-enabled.
|
|
6351
6356
|
* @private
|
|
6352
6357
|
*/
|
|
6353
6358
|
_clearPageInert() {
|
|
6354
6359
|
if (this._inertSiblings) {
|
|
6355
|
-
for (const
|
|
6356
|
-
|
|
6360
|
+
for (const sibling of this._inertSiblings) {
|
|
6361
|
+
const count = parseInt(sibling.dataset.auroInertCount || '1', 10) - 1;
|
|
6362
|
+
if (count <= 0) {
|
|
6363
|
+
const wasInert = sibling.dataset.auroInertWas === 'true';
|
|
6364
|
+
delete sibling.dataset.auroInertCount;
|
|
6365
|
+
delete sibling.dataset.auroInertWas;
|
|
6366
|
+
sibling.inert = wasInert;
|
|
6367
|
+
} else {
|
|
6368
|
+
sibling.dataset.auroInertCount = String(count);
|
|
6369
|
+
}
|
|
6357
6370
|
}
|
|
6358
6371
|
this._inertSiblings = undefined;
|
|
6359
6372
|
}
|
|
@@ -13417,7 +13430,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
13417
13430
|
}
|
|
13418
13431
|
};
|
|
13419
13432
|
|
|
13420
|
-
var formkitVersion$1 = '
|
|
13433
|
+
var formkitVersion$1 = '202606030000';
|
|
13421
13434
|
|
|
13422
13435
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
13423
13436
|
// See LICENSE in the project root for license information.
|
|
@@ -14490,7 +14503,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
14490
14503
|
}
|
|
14491
14504
|
}
|
|
14492
14505
|
|
|
14493
|
-
var formkitVersion = '
|
|
14506
|
+
var formkitVersion = '202606030000';
|
|
14494
14507
|
|
|
14495
14508
|
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}`;
|
|
14496
14509
|
|
|
@@ -5335,7 +5335,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
5335
5335
|
}
|
|
5336
5336
|
};
|
|
5337
5337
|
|
|
5338
|
-
var formkitVersion$2 = '
|
|
5338
|
+
var formkitVersion$2 = '202606030000';
|
|
5339
5339
|
|
|
5340
5340
|
let AuroElement$2 = class AuroElement extends LitElement {
|
|
5341
5341
|
static get properties() {
|
|
@@ -6328,16 +6328,20 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
6328
6328
|
|
|
6329
6329
|
// Walk up the ancestor chain, inerting siblings at each level
|
|
6330
6330
|
// to ensure the entire page outside the host subtree is inert.
|
|
6331
|
+
// Uses a reference counter (data-auro-inert-count) so multiple
|
|
6332
|
+
// simultaneous modal dropdowns share inert state safely.
|
|
6331
6333
|
let current = host;
|
|
6332
6334
|
while (current.parentElement) {
|
|
6333
6335
|
const parent = current.parentElement;
|
|
6334
6336
|
for (const sibling of parent.children) {
|
|
6335
6337
|
if (sibling !== current) {
|
|
6336
|
-
|
|
6337
|
-
|
|
6338
|
-
|
|
6339
|
-
}
|
|
6338
|
+
const count = parseInt(sibling.dataset.auroInertCount || '0', 10);
|
|
6339
|
+
if (count === 0) {
|
|
6340
|
+
sibling.dataset.auroInertWas = sibling.inert ? 'true' : 'false';
|
|
6341
|
+
}
|
|
6342
|
+
sibling.dataset.auroInertCount = String(count + 1);
|
|
6340
6343
|
sibling.inert = true;
|
|
6344
|
+
this._inertSiblings.push(sibling);
|
|
6341
6345
|
}
|
|
6342
6346
|
}
|
|
6343
6347
|
current = parent;
|
|
@@ -6346,14 +6350,23 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
6346
6350
|
|
|
6347
6351
|
/**
|
|
6348
6352
|
* Restores `inert` state on siblings that were tracked by `_setPageInert`.
|
|
6349
|
-
*
|
|
6350
|
-
*
|
|
6353
|
+
* Uses reference counting so inert is only cleared when the last modal
|
|
6354
|
+
* dropdown releases a given element. Preserves the original inert state
|
|
6355
|
+
* so externally-inerted elements are not inadvertently re-enabled.
|
|
6351
6356
|
* @private
|
|
6352
6357
|
*/
|
|
6353
6358
|
_clearPageInert() {
|
|
6354
6359
|
if (this._inertSiblings) {
|
|
6355
|
-
for (const
|
|
6356
|
-
|
|
6360
|
+
for (const sibling of this._inertSiblings) {
|
|
6361
|
+
const count = parseInt(sibling.dataset.auroInertCount || '1', 10) - 1;
|
|
6362
|
+
if (count <= 0) {
|
|
6363
|
+
const wasInert = sibling.dataset.auroInertWas === 'true';
|
|
6364
|
+
delete sibling.dataset.auroInertCount;
|
|
6365
|
+
delete sibling.dataset.auroInertWas;
|
|
6366
|
+
sibling.inert = wasInert;
|
|
6367
|
+
} else {
|
|
6368
|
+
sibling.dataset.auroInertCount = String(count);
|
|
6369
|
+
}
|
|
6357
6370
|
}
|
|
6358
6371
|
this._inertSiblings = undefined;
|
|
6359
6372
|
}
|
|
@@ -13417,7 +13430,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
13417
13430
|
}
|
|
13418
13431
|
};
|
|
13419
13432
|
|
|
13420
|
-
var formkitVersion$1 = '
|
|
13433
|
+
var formkitVersion$1 = '202606030000';
|
|
13421
13434
|
|
|
13422
13435
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
13423
13436
|
// See LICENSE in the project root for license information.
|
|
@@ -14490,7 +14503,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
14490
14503
|
}
|
|
14491
14504
|
}
|
|
14492
14505
|
|
|
14493
|
-
var formkitVersion = '
|
|
14506
|
+
var formkitVersion = '202606030000';
|
|
14494
14507
|
|
|
14495
14508
|
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}`;
|
|
14496
14509
|
|
|
@@ -1645,7 +1645,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
1645
1645
|
}
|
|
1646
1646
|
};
|
|
1647
1647
|
|
|
1648
|
-
var formkitVersion$1 = '
|
|
1648
|
+
var formkitVersion$1 = '202606030000';
|
|
1649
1649
|
|
|
1650
1650
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1651
1651
|
// See LICENSE in the project root for license information.
|
|
@@ -5991,7 +5991,7 @@ class AuroHelpText extends i$2 {
|
|
|
5991
5991
|
}
|
|
5992
5992
|
}
|
|
5993
5993
|
|
|
5994
|
-
var formkitVersion = '
|
|
5994
|
+
var formkitVersion = '202606030000';
|
|
5995
5995
|
|
|
5996
5996
|
let AuroElement$1 = class AuroElement extends i$2 {
|
|
5997
5997
|
static get properties() {
|
|
@@ -6984,16 +6984,20 @@ class AuroDropdown extends AuroElement$1 {
|
|
|
6984
6984
|
|
|
6985
6985
|
// Walk up the ancestor chain, inerting siblings at each level
|
|
6986
6986
|
// to ensure the entire page outside the host subtree is inert.
|
|
6987
|
+
// Uses a reference counter (data-auro-inert-count) so multiple
|
|
6988
|
+
// simultaneous modal dropdowns share inert state safely.
|
|
6987
6989
|
let current = host;
|
|
6988
6990
|
while (current.parentElement) {
|
|
6989
6991
|
const parent = current.parentElement;
|
|
6990
6992
|
for (const sibling of parent.children) {
|
|
6991
6993
|
if (sibling !== current) {
|
|
6992
|
-
|
|
6993
|
-
|
|
6994
|
-
|
|
6995
|
-
}
|
|
6994
|
+
const count = parseInt(sibling.dataset.auroInertCount || '0', 10);
|
|
6995
|
+
if (count === 0) {
|
|
6996
|
+
sibling.dataset.auroInertWas = sibling.inert ? 'true' : 'false';
|
|
6997
|
+
}
|
|
6998
|
+
sibling.dataset.auroInertCount = String(count + 1);
|
|
6996
6999
|
sibling.inert = true;
|
|
7000
|
+
this._inertSiblings.push(sibling);
|
|
6997
7001
|
}
|
|
6998
7002
|
}
|
|
6999
7003
|
current = parent;
|
|
@@ -7002,14 +7006,23 @@ class AuroDropdown extends AuroElement$1 {
|
|
|
7002
7006
|
|
|
7003
7007
|
/**
|
|
7004
7008
|
* Restores `inert` state on siblings that were tracked by `_setPageInert`.
|
|
7005
|
-
*
|
|
7006
|
-
*
|
|
7009
|
+
* Uses reference counting so inert is only cleared when the last modal
|
|
7010
|
+
* dropdown releases a given element. Preserves the original inert state
|
|
7011
|
+
* so externally-inerted elements are not inadvertently re-enabled.
|
|
7007
7012
|
* @private
|
|
7008
7013
|
*/
|
|
7009
7014
|
_clearPageInert() {
|
|
7010
7015
|
if (this._inertSiblings) {
|
|
7011
|
-
for (const
|
|
7012
|
-
|
|
7016
|
+
for (const sibling of this._inertSiblings) {
|
|
7017
|
+
const count = parseInt(sibling.dataset.auroInertCount || '1', 10) - 1;
|
|
7018
|
+
if (count <= 0) {
|
|
7019
|
+
const wasInert = sibling.dataset.auroInertWas === 'true';
|
|
7020
|
+
delete sibling.dataset.auroInertCount;
|
|
7021
|
+
delete sibling.dataset.auroInertWas;
|
|
7022
|
+
sibling.inert = wasInert;
|
|
7023
|
+
} else {
|
|
7024
|
+
sibling.dataset.auroInertCount = String(count);
|
|
7025
|
+
}
|
|
7013
7026
|
}
|
|
7014
7027
|
this._inertSiblings = undefined;
|
|
7015
7028
|
}
|
|
@@ -1645,7 +1645,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
1645
1645
|
}
|
|
1646
1646
|
};
|
|
1647
1647
|
|
|
1648
|
-
var formkitVersion$1 = '
|
|
1648
|
+
var formkitVersion$1 = '202606030000';
|
|
1649
1649
|
|
|
1650
1650
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1651
1651
|
// See LICENSE in the project root for license information.
|
|
@@ -5991,7 +5991,7 @@ class AuroHelpText extends i$2 {
|
|
|
5991
5991
|
}
|
|
5992
5992
|
}
|
|
5993
5993
|
|
|
5994
|
-
var formkitVersion = '
|
|
5994
|
+
var formkitVersion = '202606030000';
|
|
5995
5995
|
|
|
5996
5996
|
let AuroElement$1 = class AuroElement extends i$2 {
|
|
5997
5997
|
static get properties() {
|
|
@@ -6984,16 +6984,20 @@ class AuroDropdown extends AuroElement$1 {
|
|
|
6984
6984
|
|
|
6985
6985
|
// Walk up the ancestor chain, inerting siblings at each level
|
|
6986
6986
|
// to ensure the entire page outside the host subtree is inert.
|
|
6987
|
+
// Uses a reference counter (data-auro-inert-count) so multiple
|
|
6988
|
+
// simultaneous modal dropdowns share inert state safely.
|
|
6987
6989
|
let current = host;
|
|
6988
6990
|
while (current.parentElement) {
|
|
6989
6991
|
const parent = current.parentElement;
|
|
6990
6992
|
for (const sibling of parent.children) {
|
|
6991
6993
|
if (sibling !== current) {
|
|
6992
|
-
|
|
6993
|
-
|
|
6994
|
-
|
|
6995
|
-
}
|
|
6994
|
+
const count = parseInt(sibling.dataset.auroInertCount || '0', 10);
|
|
6995
|
+
if (count === 0) {
|
|
6996
|
+
sibling.dataset.auroInertWas = sibling.inert ? 'true' : 'false';
|
|
6997
|
+
}
|
|
6998
|
+
sibling.dataset.auroInertCount = String(count + 1);
|
|
6996
6999
|
sibling.inert = true;
|
|
7000
|
+
this._inertSiblings.push(sibling);
|
|
6997
7001
|
}
|
|
6998
7002
|
}
|
|
6999
7003
|
current = parent;
|
|
@@ -7002,14 +7006,23 @@ class AuroDropdown extends AuroElement$1 {
|
|
|
7002
7006
|
|
|
7003
7007
|
/**
|
|
7004
7008
|
* Restores `inert` state on siblings that were tracked by `_setPageInert`.
|
|
7005
|
-
*
|
|
7006
|
-
*
|
|
7009
|
+
* Uses reference counting so inert is only cleared when the last modal
|
|
7010
|
+
* dropdown releases a given element. Preserves the original inert state
|
|
7011
|
+
* so externally-inerted elements are not inadvertently re-enabled.
|
|
7007
7012
|
* @private
|
|
7008
7013
|
*/
|
|
7009
7014
|
_clearPageInert() {
|
|
7010
7015
|
if (this._inertSiblings) {
|
|
7011
|
-
for (const
|
|
7012
|
-
|
|
7016
|
+
for (const sibling of this._inertSiblings) {
|
|
7017
|
+
const count = parseInt(sibling.dataset.auroInertCount || '1', 10) - 1;
|
|
7018
|
+
if (count <= 0) {
|
|
7019
|
+
const wasInert = sibling.dataset.auroInertWas === 'true';
|
|
7020
|
+
delete sibling.dataset.auroInertCount;
|
|
7021
|
+
delete sibling.dataset.auroInertWas;
|
|
7022
|
+
sibling.inert = wasInert;
|
|
7023
|
+
} else {
|
|
7024
|
+
sibling.dataset.auroInertCount = String(count);
|
|
7025
|
+
}
|
|
7013
7026
|
}
|
|
7014
7027
|
this._inertSiblings = undefined;
|
|
7015
7028
|
}
|
|
@@ -1595,7 +1595,7 @@ class AuroHelpText extends LitElement {
|
|
|
1595
1595
|
}
|
|
1596
1596
|
}
|
|
1597
1597
|
|
|
1598
|
-
var formkitVersion = '
|
|
1598
|
+
var formkitVersion = '202606030000';
|
|
1599
1599
|
|
|
1600
1600
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1601
1601
|
// See LICENSE in the project root for license information.
|
|
@@ -1595,7 +1595,7 @@ class AuroHelpText extends LitElement {
|
|
|
1595
1595
|
}
|
|
1596
1596
|
}
|
|
1597
1597
|
|
|
1598
|
-
var formkitVersion = '
|
|
1598
|
+
var formkitVersion = '202606030000';
|
|
1599
1599
|
|
|
1600
1600
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1601
1601
|
// See LICENSE in the project root for license information.
|
|
@@ -31,10 +31,10 @@ The calendar uses the WAI-ARIA grid pattern for screen reader navigation:
|
|
|
31
31
|
|
|
32
32
|
| Attribute | Applied to | Description |
|
|
33
33
|
|---|---|---|
|
|
34
|
-
| `role="grid"` | Calendar table | Identifies the calendar as a grid.
|
|
35
|
-
| `role="rowgroup"` |
|
|
34
|
+
| `role="grid"` | Calendar table | Identifies the calendar as a grid. The month heading is rendered as visible text adjacent to the grid but is excluded from the accessibility tree (announcements are handled via the live region described below). |
|
|
35
|
+
| `role="rowgroup"` | Body group | Groups the week rows. The day-of-week header row is `aria-hidden="true"` (see below). |
|
|
36
36
|
| `role="row"` | Week row | Groups each week of date cells. |
|
|
37
|
-
|
|
|
37
|
+
| Day-of-week header | Day-of-week row | Rendered as visible `<abbr>` elements with the full day name in the `title` attribute, but the row is `aria-hidden="true"` since the per-cell accessible name already includes the weekday name. |
|
|
38
38
|
| `role="gridcell"` | In-range date cell, active-descendant proxy | Each selectable date cell. Includes `aria-selected`, `aria-current="date"` (for today), and a visually-hidden text label. A proxy `<span>` inside the calendar grid wrapper mirrors the active cell's ARIA attributes for `aria-activedescendant`. |
|
|
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. |
|
|
@@ -47,7 +47,7 @@ The component uses `delegatesFocus: true` on its shadow root, meaning focus is a
|
|
|
47
47
|
<auro-header level="3" id="ariaActivedescendant">aria-activedescendant</auro-header>
|
|
48
48
|
The calendar grid uses an **`aria-activedescendant`** pattern for keyboard navigation. DOM focus remains on a wrapper element (`#calendarGrid`) while `aria-activedescendant` points to a proxy `<span>` that mirrors the active cell's ARIA attributes (`aria-label`, `aria-selected`, `aria-current`, `aria-disabled`). This approach keeps the screen reader in sync with the visually active cell without moving DOM focus on every keystroke, which prevents duplicate announcements during rapid arrow-key navigation.
|
|
49
49
|
|
|
50
|
-
The active cell receives
|
|
50
|
+
The active cell receives an `.activeCell` CSS class to display a visible focus ring, since the native `:focus-visible` pseudo-class applies to the grid wrapper (which holds actual DOM focus), not to individual cells.
|
|
51
51
|
|
|
52
52
|
The initial active cell is determined in priority order:
|
|
53
53
|
|
|
@@ -62,7 +62,7 @@ When the calendar bib opens, focus moves to the calendar grid wrapper (`#calenda
|
|
|
62
62
|
<auro-header level="2" id="screenReaderAnnouncements">Screen Reader Announcements</auro-header>
|
|
63
63
|
- **Date selection** — When a date is selected, the calendar's live region (`aria-live="assertive"`) announces the formatted date (e.g., "Wednesday, January 15, 2025"). For range datepickers, both the start and end date selections are announced.
|
|
64
64
|
- **Debounced navigation announcement** — During arrow-key navigation, a debounced live region (150 ms) announces the full date context (date, slot content, range position, availability) after the user pauses. This prevents overlapping announcements during rapid navigation.
|
|
65
|
-
- **Date cell labels** — Each date cell
|
|
65
|
+
- **Date cell labels** — Each date cell has an `aria-label` on the host element with the full localized label, including any date slot content (e.g. prices). VoiceOver reads this content instead of `aria-label`, which iOS VoiceOver does not reliably announce on buttons.
|
|
66
66
|
- **Validation errors** — When a validation error occurs, the error message is rendered with `role="alert"` and `aria-live="assertive"`, causing it to be announced immediately without requiring focus.
|
|
67
67
|
- **Help text** — The help text content is associated with the input so that screen readers announce it as part of the element description when focused.
|
|
68
68
|
|