@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.
Files changed (49) hide show
  1. package/components/checkbox/demo/customize.min.js +1 -1
  2. package/components/checkbox/demo/getting-started.min.js +1 -1
  3. package/components/checkbox/demo/index.min.js +1 -1
  4. package/components/checkbox/dist/index.js +1 -1
  5. package/components/checkbox/dist/registered.js +1 -1
  6. package/components/combobox/demo/customize.min.js +20 -8
  7. package/components/combobox/demo/getting-started.min.js +20 -8
  8. package/components/combobox/demo/index.min.js +20 -8
  9. package/components/combobox/dist/index.js +20 -8
  10. package/components/combobox/dist/registered.js +20 -8
  11. package/components/counter/demo/customize.min.js +19 -7
  12. package/components/counter/demo/index.min.js +19 -7
  13. package/components/counter/dist/index.js +1 -1
  14. package/components/counter/dist/registered.js +1 -1
  15. package/components/datepicker/demo/accessibility.md +1 -1
  16. package/components/datepicker/demo/customize.min.js +153 -44
  17. package/components/datepicker/demo/index.md +2 -2
  18. package/components/datepicker/demo/index.min.js +159 -46
  19. package/components/datepicker/demo/keyboard-behavior.md +1 -1
  20. package/components/datepicker/dist/index.js +153 -42
  21. package/components/datepicker/dist/registered.js +153 -42
  22. package/components/datepicker/dist/src/auro-calendar-cell.d.ts +9 -0
  23. package/components/dropdown/demo/customize.min.js +18 -6
  24. package/components/dropdown/demo/getting-started.min.js +18 -6
  25. package/components/dropdown/demo/index.min.js +18 -6
  26. package/components/dropdown/dist/auro-dropdown.d.ts +2 -1
  27. package/components/dropdown/dist/index.js +18 -6
  28. package/components/dropdown/dist/registered.js +18 -6
  29. package/components/form/demo/customize.min.js +214 -67
  30. package/components/form/demo/getting-started.min.js +214 -67
  31. package/components/form/demo/index.min.js +214 -67
  32. package/components/form/demo/registerDemoDeps.min.js +214 -67
  33. package/components/input/demo/customize.min.js +1 -1
  34. package/components/input/demo/getting-started.min.js +1 -1
  35. package/components/input/demo/index.min.js +1 -1
  36. package/components/input/dist/index.js +1 -1
  37. package/components/input/dist/registered.js +1 -1
  38. package/components/radio/demo/customize.min.js +1 -1
  39. package/components/radio/demo/getting-started.min.js +1 -1
  40. package/components/radio/demo/index.min.js +1 -1
  41. package/components/radio/dist/index.js +1 -1
  42. package/components/radio/dist/registered.js +1 -1
  43. package/components/select/demo/customize.min.js +19 -7
  44. package/components/select/demo/getting-started.min.js +19 -7
  45. package/components/select/demo/index.min.js +19 -7
  46. package/components/select/dist/index.js +19 -7
  47. package/components/select/dist/registered.js +19 -7
  48. package/custom-elements.json +3949 -3938
  49. package/package.json +1 -1
@@ -1682,7 +1682,7 @@ class AuroHelpText extends i$2 {
1682
1682
  }
1683
1683
  }
1684
1684
 
1685
- var formkitVersion = '202605182202';
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 = '202605182202';
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 = '202605182202';
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 = '202605182202';
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 = '202605182202';
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 = '202605182202';
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 that element's siblings.
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
- const parent = host.parentElement;
6253
-
6254
- if (parent) {
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 !== host && !sibling.inert) {
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 = '202605182202';
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 = '202605182202';
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 = '202605182202';
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 that element's siblings.
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
- const parent = host.parentElement;
6253
-
6254
- if (parent) {
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 !== host && !sibling.inert) {
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 = '202605182202';
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 = '202605182202';
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 = '202605182202';
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 that element's siblings.
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
- const parent = host.parentElement;
6268
-
6269
- if (parent) {
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 !== host && !sibling.inert) {
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 = '202605182202';
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 = '202605182202';
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 = '202605182202';
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 that element's siblings.
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
- const parent = host.parentElement;
6186
-
6187
- if (parent) {
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 !== host && !sibling.inert) {
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 = '202605182202';
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 = '202605182202';
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 = '202605182202';
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 that element's siblings.
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
- const parent = host.parentElement;
6186
-
6187
- if (parent) {
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 !== host && !sibling.inert) {
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 = '202605182202';
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 = '202605182202';
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 = '202605182202';
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 = '202605182202';
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 that element's siblings.
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
- const parent = host.parentElement;
6842
-
6843
- if (parent) {
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 !== host && !sibling.inert) {
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 = '202605182202';
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 = '202605182202';
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 that element's siblings.
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
- const parent = host.parentElement;
6842
-
6843
- if (parent) {
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 !== host && !sibling.inert) {
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 = '202605182202';
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 = '202605182202';
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
- | `aria-label` | Date cell button | 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). |
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).