@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.
- package/components/checkbox/demo/api.min.js +3 -3
- package/components/checkbox/demo/index.min.js +3 -3
- package/components/checkbox/dist/index.js +3 -3
- package/components/checkbox/dist/registered.js +3 -3
- package/components/combobox/demo/api.html +0 -1
- package/components/combobox/demo/api.js +1 -3
- package/components/combobox/demo/api.md +0 -75
- package/components/combobox/demo/api.min.js +122 -32
- package/components/combobox/demo/index.min.js +121 -19
- package/components/combobox/dist/comboboxKeyboardStrategy.d.ts +1 -1
- package/components/combobox/dist/index.js +121 -19
- package/components/combobox/dist/registered.js +121 -19
- package/components/counter/demo/api.html +0 -3
- package/components/counter/demo/api.js +0 -4
- package/components/counter/demo/api.md +0 -130
- package/components/counter/demo/api.min.js +132 -63
- package/components/counter/demo/index.min.js +132 -43
- package/components/counter/dist/index.js +132 -43
- package/components/counter/dist/registered.js +132 -43
- package/components/datepicker/demo/api.html +0 -1
- package/components/datepicker/demo/api.js +0 -2
- package/components/datepicker/demo/api.md +0 -57
- package/components/datepicker/demo/api.min.js +123 -106
- package/components/datepicker/demo/index.min.js +123 -94
- package/components/datepicker/dist/datepickerKeyboardStrategy.d.ts +1 -3
- package/components/datepicker/dist/index.js +123 -94
- package/components/datepicker/dist/registered.js +123 -94
- package/components/dropdown/demo/api.html +0 -1
- package/components/dropdown/demo/api.js +0 -2
- package/components/dropdown/demo/api.md +0 -95
- package/components/dropdown/demo/api.min.js +116 -25
- package/components/dropdown/demo/index.min.js +116 -5
- package/components/dropdown/dist/index.js +116 -5
- package/components/dropdown/dist/registered.js +116 -5
- package/components/form/demo/api.min.js +545 -218
- package/components/form/demo/index.min.js +545 -218
- package/components/input/demo/api.min.js +1 -1
- package/components/input/demo/index.min.js +1 -1
- package/components/input/dist/index.js +1 -1
- package/components/input/dist/registered.js +1 -1
- package/components/radio/demo/api.min.js +2 -2
- package/components/radio/demo/index.min.js +2 -2
- package/components/radio/dist/index.js +2 -2
- package/components/radio/dist/registered.js +2 -2
- package/components/select/demo/api.html +0 -1
- package/components/select/demo/api.js +0 -2
- package/components/select/demo/api.md +0 -76
- package/components/select/demo/api.min.js +129 -35
- package/components/select/demo/index.min.js +129 -22
- package/components/select/dist/index.js +125 -18
- package/components/select/dist/registered.js +125 -18
- package/custom-elements.json +3 -27
- package/package.json +2 -3
- 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$
|
|
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
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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 = '
|
|
1524
|
+
var formkitVersion$1 = '202604082129';
|
|
1525
1525
|
|
|
1526
|
-
// Copyright (c) 2026 Alaska Airlines. All
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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 = '
|
|
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
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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 = '
|
|
1474
|
+
var formkitVersion$1 = '202604082129';
|
|
1475
1475
|
|
|
1476
|
-
// Copyright (c) 2026 Alaska Airlines. All
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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 = '
|
|
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
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
8034
|
+
AuroLibraryRuntimeUtils$5.prototype.registerComponent(name, AuroCounterGroup);
|
|
7946
8035
|
}
|
|
7947
8036
|
|
|
7948
8037
|
/**
|