@aurodesignsystem-dev/auro-formkit 0.0.0-pr1429.1 → 0.0.0-pr1430.0

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 (54) hide show
  1. package/components/checkbox/demo/api.min.js +3 -3
  2. package/components/checkbox/demo/index.min.js +3 -3
  3. package/components/checkbox/dist/index.js +3 -3
  4. package/components/checkbox/dist/registered.js +3 -3
  5. package/components/combobox/demo/api.html +0 -1
  6. package/components/combobox/demo/api.js +1 -3
  7. package/components/combobox/demo/api.md +0 -75
  8. package/components/combobox/demo/api.min.js +122 -32
  9. package/components/combobox/demo/index.min.js +121 -19
  10. package/components/combobox/dist/comboboxKeyboardStrategy.d.ts +1 -1
  11. package/components/combobox/dist/index.js +121 -19
  12. package/components/combobox/dist/registered.js +121 -19
  13. package/components/counter/demo/api.html +0 -3
  14. package/components/counter/demo/api.js +0 -4
  15. package/components/counter/demo/api.md +0 -130
  16. package/components/counter/demo/api.min.js +132 -63
  17. package/components/counter/demo/index.min.js +132 -43
  18. package/components/counter/dist/index.js +132 -43
  19. package/components/counter/dist/registered.js +132 -43
  20. package/components/datepicker/demo/api.html +0 -1
  21. package/components/datepicker/demo/api.js +0 -2
  22. package/components/datepicker/demo/api.md +0 -57
  23. package/components/datepicker/demo/api.min.js +123 -106
  24. package/components/datepicker/demo/index.min.js +123 -94
  25. package/components/datepicker/dist/datepickerKeyboardStrategy.d.ts +1 -3
  26. package/components/datepicker/dist/index.js +123 -94
  27. package/components/datepicker/dist/registered.js +123 -94
  28. package/components/dropdown/demo/api.html +0 -1
  29. package/components/dropdown/demo/api.js +0 -2
  30. package/components/dropdown/demo/api.md +0 -95
  31. package/components/dropdown/demo/api.min.js +116 -25
  32. package/components/dropdown/demo/index.min.js +116 -5
  33. package/components/dropdown/dist/index.js +116 -5
  34. package/components/dropdown/dist/registered.js +116 -5
  35. package/components/form/demo/api.min.js +545 -218
  36. package/components/form/demo/index.min.js +545 -218
  37. package/components/input/demo/api.min.js +1 -1
  38. package/components/input/demo/index.min.js +1 -1
  39. package/components/input/dist/index.js +1 -1
  40. package/components/input/dist/registered.js +1 -1
  41. package/components/radio/demo/api.min.js +2 -2
  42. package/components/radio/demo/index.min.js +2 -2
  43. package/components/radio/dist/index.js +2 -2
  44. package/components/radio/dist/registered.js +2 -2
  45. package/components/select/demo/api.html +0 -1
  46. package/components/select/demo/api.js +0 -2
  47. package/components/select/demo/api.md +0 -76
  48. package/components/select/demo/api.min.js +129 -35
  49. package/components/select/demo/index.min.js +129 -22
  50. package/components/select/dist/index.js +125 -18
  51. package/components/select/dist/registered.js +125 -18
  52. package/custom-elements.json +3 -27
  53. package/package.json +2 -3
  54. package/components/counter/dist/counterGroupKeyboardStrategy.d.ts +0 -3
@@ -120,7 +120,7 @@ let l$1 = class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[
120
120
 
121
121
  /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
122
122
 
123
- let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
123
+ let AuroLibraryRuntimeUtils$5 = class AuroLibraryRuntimeUtils {
124
124
 
125
125
  /* eslint-disable jsdoc/require-param */
126
126
 
@@ -196,7 +196,7 @@ let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
196
196
  }
197
197
  };
198
198
 
199
- // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
199
+ // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
200
200
  // See LICENSE in the project root for license information.
201
201
 
202
202
 
@@ -226,7 +226,7 @@ class AuroCounterButton extends T$1 {
226
226
  *
227
227
  */
228
228
  static register(name = "auro-counter-button") {
229
- AuroLibraryRuntimeUtils$4.prototype.registerComponent(name, AuroCounterButton);
229
+ AuroLibraryRuntimeUtils$5.prototype.registerComponent(name, AuroCounterButton);
230
230
  }
231
231
  }
232
232
 
@@ -718,7 +718,7 @@ const {
718
718
  class AuroFormValidation {
719
719
 
720
720
  constructor() {
721
- this.runtimeUtils = new AuroLibraryRuntimeUtils$4();
721
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$5();
722
722
  }
723
723
 
724
724
  /**
@@ -1306,7 +1306,7 @@ var tokensCss$2 = i$5`:host{--ds-auro-helptext-color: var(--ds-basic-color-texti
1306
1306
 
1307
1307
  /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
1308
1308
 
1309
- let AuroLibraryRuntimeUtils$3 = class AuroLibraryRuntimeUtils {
1309
+ let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
1310
1310
 
1311
1311
  /* eslint-disable jsdoc/require-param */
1312
1312
 
@@ -1399,7 +1399,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
1399
1399
  this.onDark = false;
1400
1400
  this.hasTextContent = false;
1401
1401
 
1402
- AuroLibraryRuntimeUtils$3.prototype.handleComponentTagRename(this, 'auro-helptext');
1402
+ AuroLibraryRuntimeUtils$4.prototype.handleComponentTagRename(this, 'auro-helptext');
1403
1403
  }
1404
1404
 
1405
1405
  static get styles() {
@@ -1465,7 +1465,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
1465
1465
  *
1466
1466
  */
1467
1467
  static register(name = "auro-helptext") {
1468
- AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroHelpText);
1468
+ AuroLibraryRuntimeUtils$4.prototype.registerComponent(name, AuroHelpText);
1469
1469
  }
1470
1470
 
1471
1471
  updated() {
@@ -1521,9 +1521,9 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
1521
1521
  }
1522
1522
  };
1523
1523
 
1524
- var formkitVersion$1 = '202604081945';
1524
+ var formkitVersion$1 = '202604082129';
1525
1525
 
1526
- // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1526
+ // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
1527
1527
  // See LICENSE in the project root for license information.
1528
1528
 
1529
1529
  const keyboardStrategy = {
@@ -1612,7 +1612,7 @@ class AuroCounter extends i$2 {
1612
1612
  /**
1613
1613
  * @private
1614
1614
  */
1615
- this.runtimeUtils = new AuroLibraryRuntimeUtils$4();
1615
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$5();
1616
1616
 
1617
1617
  }
1618
1618
 
@@ -1754,7 +1754,7 @@ class AuroCounter extends i$2 {
1754
1754
  * AuroCounter.register("custom-counter") // registers <custom-counter/>
1755
1755
  */
1756
1756
  static register(name = "auro-counter") {
1757
- AuroLibraryRuntimeUtils$4.prototype.registerComponent(name, AuroCounter);
1757
+ AuroLibraryRuntimeUtils$5.prototype.registerComponent(name, AuroCounter);
1758
1758
  }
1759
1759
 
1760
1760
  static get styles() {
@@ -2010,7 +2010,7 @@ var shapeSizeCss$1 = i$5`.shape-classic-xl,.shape-classic-lg,.shape-classic-md,.
2010
2010
 
2011
2011
  /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
2012
2012
 
2013
- let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
2013
+ let AuroLibraryRuntimeUtils$2 = class AuroLibraryRuntimeUtils {
2014
2014
 
2015
2015
  /* eslint-disable jsdoc/require-param */
2016
2016
 
@@ -3799,6 +3799,7 @@ class AuroFloatingUI {
3799
3799
  this.focusHandler = null;
3800
3800
  this.clickHandler = null;
3801
3801
  this.keyDownHandler = null;
3802
+ this.touchHandler = null;
3802
3803
 
3803
3804
  /**
3804
3805
  * @private
@@ -4216,6 +4217,28 @@ class AuroFloatingUI {
4216
4217
  setTimeout(() => {
4217
4218
  window.addEventListener("click", this.clickHandler);
4218
4219
  }, 0);
4220
+
4221
+ // iOS Safari does not fire `click` on non-interactive elements, so
4222
+ // tapping an inert backdrop never reaches the click handler above.
4223
+ // Mirror the same outside-tap logic with a passive touchstart listener.
4224
+ this.touchHandler = (evt) => {
4225
+ const element = this.element;
4226
+ if (!element?.bib) {
4227
+ return;
4228
+ }
4229
+
4230
+ // fullscreen (modal) dialog handles its own dismissal
4231
+ if (element.bib.hasAttribute("isfullscreen")) {
4232
+ return;
4233
+ }
4234
+
4235
+ const path = evt.composedPath();
4236
+ if (!path.includes(element.trigger) && !path.includes(element.bib)) {
4237
+ this.hideBib("click");
4238
+ }
4239
+ };
4240
+
4241
+ window.addEventListener("touchstart", this.touchHandler, { passive: true });
4219
4242
  }
4220
4243
 
4221
4244
  cleanupHideHandlers() {
@@ -4231,6 +4254,11 @@ class AuroFloatingUI {
4231
4254
  this.clickHandler = null;
4232
4255
  }
4233
4256
 
4257
+ if (this.touchHandler) {
4258
+ window.removeEventListener("touchstart", this.touchHandler);
4259
+ this.touchHandler = null;
4260
+ }
4261
+
4234
4262
  if (this.keyDownHandler) {
4235
4263
  document.removeEventListener("keydown", this.keyDownHandler);
4236
4264
  this.keyDownHandler = null;
@@ -5023,6 +5051,89 @@ let p$2 = class p{registerComponent(t,a){customElements.get(t)||customElements.d
5023
5051
 
5024
5052
  var iconVersion$1 = '9.1.2';
5025
5053
 
5054
+ // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
5055
+ // See LICENSE in the project root for license information.
5056
+
5057
+ // ---------------------------------------------------------------------
5058
+
5059
+ /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
5060
+
5061
+ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
5062
+
5063
+ /* eslint-disable jsdoc/require-param */
5064
+
5065
+ /**
5066
+ * This will register a new custom element with the browser.
5067
+ * @param {String} name - The name of the custom element.
5068
+ * @param {Object} componentClass - The class to register as a custom element.
5069
+ * @returns {void}
5070
+ */
5071
+ registerComponent(name, componentClass) {
5072
+ if (!customElements.get(name)) {
5073
+ customElements.define(name, class extends componentClass {});
5074
+ }
5075
+ }
5076
+
5077
+ /**
5078
+ * Finds and returns the closest HTML Element based on a selector.
5079
+ * @returns {void}
5080
+ */
5081
+ closestElement(
5082
+ selector, // selector like in .closest()
5083
+ base = this, // extra functionality to skip a parent
5084
+ __Closest = (el, found = el && el.closest(selector)) =>
5085
+ !el || el === document || el === window
5086
+ ? null // standard .closest() returns null for non-found selectors also
5087
+ : found
5088
+ ? found // found a selector INside this element
5089
+ : __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
5090
+ ) {
5091
+ return __Closest(base);
5092
+ }
5093
+ /* eslint-enable jsdoc/require-param */
5094
+
5095
+ /**
5096
+ * If the element passed is registered with a different tag name than what is passed in, the tag name is added as an attribute to the element.
5097
+ * @param {Object} elem - The element to check.
5098
+ * @param {String} tagName - The name of the Auro component to check for or add as an attribute.
5099
+ * @returns {void}
5100
+ */
5101
+ handleComponentTagRename(elem, tagName) {
5102
+ const tag = tagName.toLowerCase();
5103
+ const elemTag = elem.tagName.toLowerCase();
5104
+
5105
+ if (elemTag !== tag) {
5106
+ elem.setAttribute(tag, true);
5107
+ }
5108
+ }
5109
+
5110
+ /**
5111
+ * Validates if an element is a specific Auro component.
5112
+ * @param {Object} elem - The element to validate.
5113
+ * @param {String} tagName - The name of the Auro component to check against.
5114
+ * @returns {Boolean} - Returns true if the element is the specified Auro component.
5115
+ */
5116
+ elementMatch(elem, tagName) {
5117
+ const tag = tagName.toLowerCase();
5118
+ const elemTag = elem.tagName.toLowerCase();
5119
+
5120
+ return elemTag === tag || elem.hasAttribute(tag);
5121
+ }
5122
+
5123
+ /**
5124
+ * Gets the text content of a named slot.
5125
+ * @returns {String}
5126
+ * @private
5127
+ */
5128
+ getSlotText(elem, name) {
5129
+ const slot = elem.shadowRoot?.querySelector(`slot[name="${name}"]`);
5130
+ const nodes = slot?.assignedNodes({ flatten: true }) || [];
5131
+ const text = nodes.map(n => n.textContent?.trim()).join(' ').trim();
5132
+
5133
+ return text || null;
5134
+ }
5135
+ };
5136
+
5026
5137
  /**
5027
5138
  * Computes display state once per keydown event.
5028
5139
  * Centralizes null-safety checks and makes the shared/modal/popover branching explicit.
@@ -5490,7 +5601,7 @@ var tokensCss = i$5`:host{--ds-auro-helptext-color: var(--ds-basic-color-textico
5490
5601
 
5491
5602
  /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
5492
5603
 
5493
- let AuroLibraryRuntimeUtils$2 = class AuroLibraryRuntimeUtils {
5604
+ let AuroLibraryRuntimeUtils$3 = class AuroLibraryRuntimeUtils {
5494
5605
 
5495
5606
  /* eslint-disable jsdoc/require-param */
5496
5607
 
@@ -5583,7 +5694,7 @@ class AuroHelpText extends i$2 {
5583
5694
  this.onDark = false;
5584
5695
  this.hasTextContent = false;
5585
5696
 
5586
- AuroLibraryRuntimeUtils$2.prototype.handleComponentTagRename(this, 'auro-helptext');
5697
+ AuroLibraryRuntimeUtils$3.prototype.handleComponentTagRename(this, 'auro-helptext');
5587
5698
  }
5588
5699
 
5589
5700
  static get styles() {
@@ -5649,7 +5760,7 @@ class AuroHelpText extends i$2 {
5649
5760
  *
5650
5761
  */
5651
5762
  static register(name = "auro-helptext") {
5652
- AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroHelpText);
5763
+ AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroHelpText);
5653
5764
  }
5654
5765
 
5655
5766
  updated() {
@@ -5705,7 +5816,7 @@ class AuroHelpText extends i$2 {
5705
5816
  }
5706
5817
  }
5707
5818
 
5708
- var formkitVersion = '202604081945';
5819
+ var formkitVersion = '202604082129';
5709
5820
 
5710
5821
  let AuroElement$1 = class AuroElement extends i$2 {
5711
5822
  static get properties() {
@@ -5811,7 +5922,7 @@ let AuroElement$1 = class AuroElement extends i$2 {
5811
5922
  }
5812
5923
  };
5813
5924
 
5814
- // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
5925
+ // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
5815
5926
  // See LICENSE in the project root for license information.
5816
5927
 
5817
5928
 
@@ -5916,7 +6027,7 @@ class AuroDropdown extends AuroElement$1 {
5916
6027
  /**
5917
6028
  * @private
5918
6029
  */
5919
- this.runtimeUtils = new AuroLibraryRuntimeUtils$1();
6030
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$2();
5920
6031
 
5921
6032
  /**
5922
6033
  * @private
@@ -6334,7 +6445,7 @@ class AuroDropdown extends AuroElement$1 {
6334
6445
  *
6335
6446
  */
6336
6447
  static register(name = "auro-dropdown") {
6337
- AuroLibraryRuntimeUtils$1.prototype.registerComponent(name, AuroDropdown);
6448
+ AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroDropdown);
6338
6449
  }
6339
6450
 
6340
6451
  /**
@@ -7260,7 +7371,7 @@ class AuroCounterWrapper extends i$2 {
7260
7371
  * AuroCounterWrapper.register("custom-counter-wrapper") // registers <custom-counter-wrapper/>
7261
7372
  */
7262
7373
  static register(name = "auro-counter-wrapper") {
7263
- AuroLibraryRuntimeUtils$4.prototype.registerComponent(name, AuroCounterWrapper);
7374
+ AuroLibraryRuntimeUtils$5.prototype.registerComponent(name, AuroCounterWrapper);
7264
7375
  }
7265
7376
 
7266
7377
  // function that renders the HTML and CSS into the scope of the component
@@ -7379,24 +7490,6 @@ class AuroElement extends i$2 {
7379
7490
  }
7380
7491
  }
7381
7492
 
7382
- // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
7383
- // See LICENSE in the project root for license information.
7384
-
7385
- const counterGroupKeyboardStrategy = {
7386
- Escape(component, evt) {
7387
- if (!component.dropdown || !component.dropdown.isPopoverVisible) {
7388
- return;
7389
- }
7390
-
7391
- // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups.
7392
- // Because stopPropagation prevents the document-level floatingUI keydown handler from
7393
- // seeing this event, we must also close the dropdown explicitly.
7394
- evt.stopPropagation();
7395
-
7396
- component.dropdown.hide();
7397
- },
7398
- };
7399
-
7400
7493
  /* eslint-disable lit/no-invalid-html, lit/binding-positions, max-lines, no-underscore-dangle, arrow-parens, no-confusing-arrow, curly, dot-location, no-inline-comments, line-comment-position,
7401
7494
  */
7402
7495
 
@@ -7997,10 +8090,6 @@ class AuroCounterGroup extends AuroElement {
7997
8090
  super.firstUpdated();
7998
8091
  this.updateValue();
7999
8092
  this.updateValueText();
8000
-
8001
- if (this.isDropdown) {
8002
- applyKeyboardStrategy$1(this, counterGroupKeyboardStrategy);
8003
- }
8004
8093
  }
8005
8094
 
8006
8095
  /**
@@ -8010,7 +8099,7 @@ class AuroCounterGroup extends AuroElement {
8010
8099
  * AuroCounterGroup.register("custom-counter-group") // registers <custom-counter-group/>
8011
8100
  */
8012
8101
  static register(name = "auro-counter-group") {
8013
- AuroLibraryRuntimeUtils$4.prototype.registerComponent(name, AuroCounterGroup);
8102
+ AuroLibraryRuntimeUtils$5.prototype.registerComponent(name, AuroCounterGroup);
8014
8103
  }
8015
8104
 
8016
8105
  /**
@@ -76,7 +76,7 @@ let l$1 = class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[
76
76
 
77
77
  /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
78
78
 
79
- let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
79
+ let AuroLibraryRuntimeUtils$5 = class AuroLibraryRuntimeUtils {
80
80
 
81
81
  /* eslint-disable jsdoc/require-param */
82
82
 
@@ -152,7 +152,7 @@ let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
152
152
  }
153
153
  };
154
154
 
155
- // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
155
+ // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
156
156
  // See LICENSE in the project root for license information.
157
157
 
158
158
 
@@ -182,7 +182,7 @@ class AuroCounterButton extends T$1 {
182
182
  *
183
183
  */
184
184
  static register(name = "auro-counter-button") {
185
- AuroLibraryRuntimeUtils$4.prototype.registerComponent(name, AuroCounterButton);
185
+ AuroLibraryRuntimeUtils$5.prototype.registerComponent(name, AuroCounterButton);
186
186
  }
187
187
  }
188
188
 
@@ -674,7 +674,7 @@ const {
674
674
  class AuroFormValidation {
675
675
 
676
676
  constructor() {
677
- this.runtimeUtils = new AuroLibraryRuntimeUtils$4();
677
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$5();
678
678
  }
679
679
 
680
680
  /**
@@ -1256,7 +1256,7 @@ var tokensCss$2 = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-texti
1256
1256
 
1257
1257
  /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
1258
1258
 
1259
- let AuroLibraryRuntimeUtils$3 = class AuroLibraryRuntimeUtils {
1259
+ let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
1260
1260
 
1261
1261
  /* eslint-disable jsdoc/require-param */
1262
1262
 
@@ -1349,7 +1349,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
1349
1349
  this.onDark = false;
1350
1350
  this.hasTextContent = false;
1351
1351
 
1352
- AuroLibraryRuntimeUtils$3.prototype.handleComponentTagRename(this, 'auro-helptext');
1352
+ AuroLibraryRuntimeUtils$4.prototype.handleComponentTagRename(this, 'auro-helptext');
1353
1353
  }
1354
1354
 
1355
1355
  static get styles() {
@@ -1415,7 +1415,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
1415
1415
  *
1416
1416
  */
1417
1417
  static register(name = "auro-helptext") {
1418
- AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroHelpText);
1418
+ AuroLibraryRuntimeUtils$4.prototype.registerComponent(name, AuroHelpText);
1419
1419
  }
1420
1420
 
1421
1421
  updated() {
@@ -1471,9 +1471,9 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
1471
1471
  }
1472
1472
  };
1473
1473
 
1474
- var formkitVersion$1 = '202604081945';
1474
+ var formkitVersion$1 = '202604082129';
1475
1475
 
1476
- // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1476
+ // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
1477
1477
  // See LICENSE in the project root for license information.
1478
1478
 
1479
1479
  const keyboardStrategy = {
@@ -1562,7 +1562,7 @@ class AuroCounter extends LitElement {
1562
1562
  /**
1563
1563
  * @private
1564
1564
  */
1565
- this.runtimeUtils = new AuroLibraryRuntimeUtils$4();
1565
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$5();
1566
1566
 
1567
1567
  }
1568
1568
 
@@ -1704,7 +1704,7 @@ class AuroCounter extends LitElement {
1704
1704
  * AuroCounter.register("custom-counter") // registers <custom-counter/>
1705
1705
  */
1706
1706
  static register(name = "auro-counter") {
1707
- AuroLibraryRuntimeUtils$4.prototype.registerComponent(name, AuroCounter);
1707
+ AuroLibraryRuntimeUtils$5.prototype.registerComponent(name, AuroCounter);
1708
1708
  }
1709
1709
 
1710
1710
  static get styles() {
@@ -1942,7 +1942,7 @@ var shapeSizeCss$1 = css`.shape-classic-xl,.shape-classic-lg,.shape-classic-md,.
1942
1942
 
1943
1943
  /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
1944
1944
 
1945
- let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
1945
+ let AuroLibraryRuntimeUtils$2 = class AuroLibraryRuntimeUtils {
1946
1946
 
1947
1947
  /* eslint-disable jsdoc/require-param */
1948
1948
 
@@ -3731,6 +3731,7 @@ class AuroFloatingUI {
3731
3731
  this.focusHandler = null;
3732
3732
  this.clickHandler = null;
3733
3733
  this.keyDownHandler = null;
3734
+ this.touchHandler = null;
3734
3735
 
3735
3736
  /**
3736
3737
  * @private
@@ -4148,6 +4149,28 @@ class AuroFloatingUI {
4148
4149
  setTimeout(() => {
4149
4150
  window.addEventListener("click", this.clickHandler);
4150
4151
  }, 0);
4152
+
4153
+ // iOS Safari does not fire `click` on non-interactive elements, so
4154
+ // tapping an inert backdrop never reaches the click handler above.
4155
+ // Mirror the same outside-tap logic with a passive touchstart listener.
4156
+ this.touchHandler = (evt) => {
4157
+ const element = this.element;
4158
+ if (!element?.bib) {
4159
+ return;
4160
+ }
4161
+
4162
+ // fullscreen (modal) dialog handles its own dismissal
4163
+ if (element.bib.hasAttribute("isfullscreen")) {
4164
+ return;
4165
+ }
4166
+
4167
+ const path = evt.composedPath();
4168
+ if (!path.includes(element.trigger) && !path.includes(element.bib)) {
4169
+ this.hideBib("click");
4170
+ }
4171
+ };
4172
+
4173
+ window.addEventListener("touchstart", this.touchHandler, { passive: true });
4151
4174
  }
4152
4175
 
4153
4176
  cleanupHideHandlers() {
@@ -4163,6 +4186,11 @@ class AuroFloatingUI {
4163
4186
  this.clickHandler = null;
4164
4187
  }
4165
4188
 
4189
+ if (this.touchHandler) {
4190
+ window.removeEventListener("touchstart", this.touchHandler);
4191
+ this.touchHandler = null;
4192
+ }
4193
+
4166
4194
  if (this.keyDownHandler) {
4167
4195
  document.removeEventListener("keydown", this.keyDownHandler);
4168
4196
  this.keyDownHandler = null;
@@ -4955,6 +4983,89 @@ let p$2 = class p{registerComponent(t,a){customElements.get(t)||customElements.d
4955
4983
 
4956
4984
  var iconVersion$1 = '9.1.2';
4957
4985
 
4986
+ // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
4987
+ // See LICENSE in the project root for license information.
4988
+
4989
+ // ---------------------------------------------------------------------
4990
+
4991
+ /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
4992
+
4993
+ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
4994
+
4995
+ /* eslint-disable jsdoc/require-param */
4996
+
4997
+ /**
4998
+ * This will register a new custom element with the browser.
4999
+ * @param {String} name - The name of the custom element.
5000
+ * @param {Object} componentClass - The class to register as a custom element.
5001
+ * @returns {void}
5002
+ */
5003
+ registerComponent(name, componentClass) {
5004
+ if (!customElements.get(name)) {
5005
+ customElements.define(name, class extends componentClass {});
5006
+ }
5007
+ }
5008
+
5009
+ /**
5010
+ * Finds and returns the closest HTML Element based on a selector.
5011
+ * @returns {void}
5012
+ */
5013
+ closestElement(
5014
+ selector, // selector like in .closest()
5015
+ base = this, // extra functionality to skip a parent
5016
+ __Closest = (el, found = el && el.closest(selector)) =>
5017
+ !el || el === document || el === window
5018
+ ? null // standard .closest() returns null for non-found selectors also
5019
+ : found
5020
+ ? found // found a selector INside this element
5021
+ : __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
5022
+ ) {
5023
+ return __Closest(base);
5024
+ }
5025
+ /* eslint-enable jsdoc/require-param */
5026
+
5027
+ /**
5028
+ * If the element passed is registered with a different tag name than what is passed in, the tag name is added as an attribute to the element.
5029
+ * @param {Object} elem - The element to check.
5030
+ * @param {String} tagName - The name of the Auro component to check for or add as an attribute.
5031
+ * @returns {void}
5032
+ */
5033
+ handleComponentTagRename(elem, tagName) {
5034
+ const tag = tagName.toLowerCase();
5035
+ const elemTag = elem.tagName.toLowerCase();
5036
+
5037
+ if (elemTag !== tag) {
5038
+ elem.setAttribute(tag, true);
5039
+ }
5040
+ }
5041
+
5042
+ /**
5043
+ * Validates if an element is a specific Auro component.
5044
+ * @param {Object} elem - The element to validate.
5045
+ * @param {String} tagName - The name of the Auro component to check against.
5046
+ * @returns {Boolean} - Returns true if the element is the specified Auro component.
5047
+ */
5048
+ elementMatch(elem, tagName) {
5049
+ const tag = tagName.toLowerCase();
5050
+ const elemTag = elem.tagName.toLowerCase();
5051
+
5052
+ return elemTag === tag || elem.hasAttribute(tag);
5053
+ }
5054
+
5055
+ /**
5056
+ * Gets the text content of a named slot.
5057
+ * @returns {String}
5058
+ * @private
5059
+ */
5060
+ getSlotText(elem, name) {
5061
+ const slot = elem.shadowRoot?.querySelector(`slot[name="${name}"]`);
5062
+ const nodes = slot?.assignedNodes({ flatten: true }) || [];
5063
+ const text = nodes.map(n => n.textContent?.trim()).join(' ').trim();
5064
+
5065
+ return text || null;
5066
+ }
5067
+ };
5068
+
4958
5069
  /**
4959
5070
  * Computes display state once per keydown event.
4960
5071
  * Centralizes null-safety checks and makes the shared/modal/popover branching explicit.
@@ -5422,7 +5533,7 @@ var tokensCss = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-textico
5422
5533
 
5423
5534
  /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
5424
5535
 
5425
- let AuroLibraryRuntimeUtils$2 = class AuroLibraryRuntimeUtils {
5536
+ let AuroLibraryRuntimeUtils$3 = class AuroLibraryRuntimeUtils {
5426
5537
 
5427
5538
  /* eslint-disable jsdoc/require-param */
5428
5539
 
@@ -5515,7 +5626,7 @@ class AuroHelpText extends LitElement {
5515
5626
  this.onDark = false;
5516
5627
  this.hasTextContent = false;
5517
5628
 
5518
- AuroLibraryRuntimeUtils$2.prototype.handleComponentTagRename(this, 'auro-helptext');
5629
+ AuroLibraryRuntimeUtils$3.prototype.handleComponentTagRename(this, 'auro-helptext');
5519
5630
  }
5520
5631
 
5521
5632
  static get styles() {
@@ -5581,7 +5692,7 @@ class AuroHelpText extends LitElement {
5581
5692
  *
5582
5693
  */
5583
5694
  static register(name = "auro-helptext") {
5584
- AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroHelpText);
5695
+ AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroHelpText);
5585
5696
  }
5586
5697
 
5587
5698
  updated() {
@@ -5637,7 +5748,7 @@ class AuroHelpText extends LitElement {
5637
5748
  }
5638
5749
  }
5639
5750
 
5640
- var formkitVersion = '202604081945';
5751
+ var formkitVersion = '202604082129';
5641
5752
 
5642
5753
  let AuroElement$1 = class AuroElement extends LitElement {
5643
5754
  static get properties() {
@@ -5743,7 +5854,7 @@ let AuroElement$1 = class AuroElement extends LitElement {
5743
5854
  }
5744
5855
  };
5745
5856
 
5746
- // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
5857
+ // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
5747
5858
  // See LICENSE in the project root for license information.
5748
5859
 
5749
5860
 
@@ -5848,7 +5959,7 @@ class AuroDropdown extends AuroElement$1 {
5848
5959
  /**
5849
5960
  * @private
5850
5961
  */
5851
- this.runtimeUtils = new AuroLibraryRuntimeUtils$1();
5962
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$2();
5852
5963
 
5853
5964
  /**
5854
5965
  * @private
@@ -6266,7 +6377,7 @@ class AuroDropdown extends AuroElement$1 {
6266
6377
  *
6267
6378
  */
6268
6379
  static register(name = "auro-dropdown") {
6269
- AuroLibraryRuntimeUtils$1.prototype.registerComponent(name, AuroDropdown);
6380
+ AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroDropdown);
6270
6381
  }
6271
6382
 
6272
6383
  /**
@@ -7192,7 +7303,7 @@ class AuroCounterWrapper extends LitElement {
7192
7303
  * AuroCounterWrapper.register("custom-counter-wrapper") // registers <custom-counter-wrapper/>
7193
7304
  */
7194
7305
  static register(name = "auro-counter-wrapper") {
7195
- AuroLibraryRuntimeUtils$4.prototype.registerComponent(name, AuroCounterWrapper);
7306
+ AuroLibraryRuntimeUtils$5.prototype.registerComponent(name, AuroCounterWrapper);
7196
7307
  }
7197
7308
 
7198
7309
  // function that renders the HTML and CSS into the scope of the component
@@ -7311,24 +7422,6 @@ class AuroElement extends LitElement {
7311
7422
  }
7312
7423
  }
7313
7424
 
7314
- // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
7315
- // See LICENSE in the project root for license information.
7316
-
7317
- const counterGroupKeyboardStrategy = {
7318
- Escape(component, evt) {
7319
- if (!component.dropdown || !component.dropdown.isPopoverVisible) {
7320
- return;
7321
- }
7322
-
7323
- // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups.
7324
- // Because stopPropagation prevents the document-level floatingUI keydown handler from
7325
- // seeing this event, we must also close the dropdown explicitly.
7326
- evt.stopPropagation();
7327
-
7328
- component.dropdown.hide();
7329
- },
7330
- };
7331
-
7332
7425
  /* eslint-disable lit/no-invalid-html, lit/binding-positions, max-lines, no-underscore-dangle, arrow-parens, no-confusing-arrow, curly, dot-location, no-inline-comments, line-comment-position,
7333
7426
  */
7334
7427
 
@@ -7929,10 +8022,6 @@ class AuroCounterGroup extends AuroElement {
7929
8022
  super.firstUpdated();
7930
8023
  this.updateValue();
7931
8024
  this.updateValueText();
7932
-
7933
- if (this.isDropdown) {
7934
- applyKeyboardStrategy$1(this, counterGroupKeyboardStrategy);
7935
- }
7936
8025
  }
7937
8026
 
7938
8027
  /**
@@ -7942,7 +8031,7 @@ class AuroCounterGroup extends AuroElement {
7942
8031
  * AuroCounterGroup.register("custom-counter-group") // registers <custom-counter-group/>
7943
8032
  */
7944
8033
  static register(name = "auro-counter-group") {
7945
- AuroLibraryRuntimeUtils$4.prototype.registerComponent(name, AuroCounterGroup);
8034
+ AuroLibraryRuntimeUtils$5.prototype.registerComponent(name, AuroCounterGroup);
7946
8035
  }
7947
8036
 
7948
8037
  /**